@charset "utf-8";
:focus {
-moz-outline-style:none;
outline-style:none;
}
html, body {
padding:0px;
margin:0px;
font:12px Verdana, Geneva, sans-serif;
background:#c5c4bd url(/css/fond.png) top center repeat-y;
height:100%;
}
a {
color:#000;
}
.x, #forumradip {
display:none;
}
div.head {
height:135px;
_height:139px;
background:url(/css/bricoleurs.tv.jpg) top center no-repeat;
}
div.harchi {
width:800px;
margin:auto;
color:#c5c4bd;
letter-spacing:-1px;
font:bold 15px Verdana, Geneva, sans-serif;
}
div.harchi a {
color:#ecd240;
text-decoration:none;
text-transform:uppercase;
}
div.harchi {
text-transform:uppercase;
}
div.head div.logo {
height:107px;
width:1000px;
margin:auto;
text-align:left;
}
div.head div.logo a {
height:107px;
text-indent:-10000px;
width:250px;
display:block;
}
div#pied {
clear:both;
text-align:center;
padding-top:50px;
padding-bottom:10px;
font:10px Verdana, Geneva, sans-serif;
background:url(/css/pied.png) bottom center no-repeat;
color:#CCC;
}
div.harchi iframe {
margin-left:25px;
}

div#pied a {
color:#CCC;
}
div#all {
width:862px;
_width:864px;
margin:auto;
min-height:75%;
}
div#texte {
width:510px;
float:right;
padding-bottom:40px;
}
div#texte h1 {
font:bold 17px Verdana, Geneva, sans-serif;
}
div#texte h2 {
font:bold 15px Verdana, Geneva, sans-serif;
color:#A9501B;
}
div#texte h3 {
font:bold 14px Verdana, Geneva, sans-serif;
color:#A9501B;
}
div#texte h4 {
font:bold 12px Verdana, Geneva, sans-serif;
color:#A9501B;
}
div#texte p {
text-align:justify;
line-height:19px;
}
span.haut a {
float:right;
display:block;
width:22px;
height:16px;
text-indent:-10000px;
border:none;
background:url(/css/up.gif) top left no-repeat;
}


div.sections {
float:right;
width:200px;
margin-right:20px;
_margin-right:0px;
margin-left:10px;
padding-left:10px;
padding-bottom:15px;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
}
div.sections ol {
padding:0px;
margin:0px;
padding-left:20px;
}
ul.ls li {
padding-bottom:15px;
padding-left:10px;
margin-top:10px;
border-bottom:1px dotted #CCC;
clear:both;
}
ul.ls {
border-top:1px dotted #CCC;
padding:0px;
padding-bottom:25px;
padding-top:0px;
margin:0px;
list-style:none;
clear:both;
}
ul.ls li {
font:0px Verdana, Geneva, sans-serif;
min-height:90px;
}
ul.ls li a {
font:12px Verdana, Geneva, sans-serif;
text-decoration:none;
padding-left:5px;
display:block;
text-align:justify;
padding-top:2px;
padding-bottom:5px;
margin-left:100px;
margin-right:5px;
}
ul.ls li strong a {
text-align:left;
padding:0px;
color:#A9501B;
text-decoration:underline;
font:bold 12px Verdana, Geneva, sans-serif;
}
ul.ls li span a {
text-decoration:underline;
font:italic 10px Verdana, Geneva, sans-serif;
float:right;
margin-top:-7px;
color:#666;
}
ul.ls li span.logo {
display:block;
height:100px;
width:100px;
float:left;
margin-top:-2px;
margin-left:-5px;
background:url(/css/image.png) bottom left no-repeat;
font-size:10px;
}
ul.ls li span.logo img {
margin:14px;
margin-top:10px;
}
ul.spot li {
width:300px;
margin-right:5px;
height:200px;
overflow:hidden;
float:left;
text-align:center;
clear:none;
}
ul.spot li strong a, ul.spot li a{
padding:0px;
margin:0px;
}
ul.spot li strong a {
font:bold 15px Verdana, Geneva, sans-serif;
letter-spacing:0px;
text-decoration:none;
padding-bottom:5px;
}
ul.spot li strong  {
display:block;
height:35px;
}
ul.spot li, ul.spot {
border:none;
}
ul.spot {
padding-top:0px;
}
ul.spot img {
border:none;
}

ul.spot li span.logo {
display:block;
height:170px;
width:170px;
float:left;
padding-top:5px;
background:url(/css/imageb.png?d) -12px -7px no-repeat;
font-size:10px;
}

div.int {
font:bold 14px Verdana, Geneva, sans-serif;
float:left;
width:180px;
color:#A9501B;
line-height:14px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
margin:10px;
padding:10px;
margin-left:0px;
padding-left:0px;
padding-top:0px;
margin-top:18px;
clear:both;
}
div#nav {
width:175px;
padding:0px;
float:left;
margin-left:29px;
_margin-left:18px;
margin-top:2px;
}
div.bloc {
letter-spacing:0px;
margin-bottom:10px;
border-bottom:none;
font:12px Verdana, Geneva, sans-serif;
}
div.bloc small, div.vertical small {
padding-top:2px;
padding-bottom:3px;
font:bold 12px Verdana, Geneva, sans-serif;
display:block;
text-align:center;
background:#A9501B;
color:#FFF;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
}
div.bloc small a {
color:#FFF;
}
.bloc ul {
list-style:none;
padding:0px;
padding-top:0px;
margin:0px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}
.bloc ul li {
font:12px/11px Verdana, Geneva, sans-serif;
border-bottom:1px solid #CCC;
text-align:center;
}
.bloc ul li a {
font:bold 12px/11px Verdana, Geneva, sans-serif;
text-decoration:none;
display:block;
padding-bottom:7px;
padding-top:4px;
padding-left:4px;
padding-right:4px;
color:#A9501B;
}
.bloc ul li a:hover {
background:#EEE;
}
div.bloc form {
margin:0px;
padding:0px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:5px;
height:23px;
}

div.bloc form input {
width:116px;
float:left;
}
div.bloc form input.submit {
width:35px;
float:right;
}

label {
display:block;
font:italic 12px/11px Verdana, Geneva, sans-serif;
padding-top:10px;
padding-bottom:3px;
}
fieldset {
width:575px;
border:1px dotted #CCC;
padding:10px;
margin-bottom:10px;
}
fieldset textarea, fieldset input {
width:565px;
background:#EEE;
}
fieldset input.button1 {
width:230px;
}
legend {
font:italic bold 14px Verdana, Geneva, sans-serif;
color:#A9501B;
}

div.bloc_pub {
clear:both;
padding-left:44px;
padding-top:19px;
padding-bottom:15px;
padding-right:25px;
background:url(/css/bloc.png) 0px 0px no-repeat;
margin-left:0px;
margin-bottom:30px;
}



#devis {
margin-left:20px;
margin-top:5px;
margin-bottom:20px;
letter-spacing:0px;
display:block;
text-align:center;
font:12px/12px Arial, Helvetica, sans-serif; 
height:90px;
background:#FFF url(/css/pubgg.png) 25px 0px no-repeat;
padding-top:0px;
width:550px;
clear:both;
}
#devis a {
color:#666;
display:block;
width:350px;
margin-left:95px;
_margin-left:5px;
}
#devis strong a {
margin:auto;
clear:both;
width:auto;
color:#A9501B;
display:block;
text-decoration:none;
_overflow:hidden;
font:bold 20px Arial, Helvetica, sans-serif; 
padding-top:4px;
}
#devis span {
color:#666;
float:left;
display:block;
padding-left:35px;
text-decoration:none;
font:italic 9px Arial, Helvetica, sans-serif; 

}
.navigation span a span {
display:none;
}
ul.produits {
float:right;
width:130px;
list-style:none;
padding:0px;
margin:0px;
font:italic 9px/7px Arial, Helvetica, sans-serif;
clear:both;
}
ul.produits li {
padding:2px;
padding-bottom:20px;
text-align:center;
}
ul.produits li img {
cursor:pointer;
margin-bottom:3px;
}
ul.produits li em {
display:block;
}
.pages a span {
display:none;
}

.top_pub iframe {
margin-left:80px;

}
div.gauche {
float:left;
clear:both;
margin-right:20px;
_margin-right:10px;
margin-left:-14px;
_margin-left:-5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.gauche {
margin-left:-5px;
}
}
div.coup iframe {
width:489px;
margin-left:-4px;
}
div.coup {
height:25px;
padding-top:7px;
clear:both;
background:url(/css/img/trait.png) 100px 0px no-repeat;
}
iframe.question {
background:#FFF;
display:block;
width:100%;
height:450px;

}
.vertical {
float:right;
margin-right:12px;
_margin-right:12px;
width:120px;
background:#FFF;
margin-top:-3px;
border:1px solid #CCC;
border-top:none;
background:#F2F2F2;
}
.vertical div.casto {
height:474px;
background:url(/css/castorama.png) 0px 0px no-repeat;
margin-top:55px;
margin-bottom:5px;
width:120px;
cursor:pointer;

}

#nav div.logo {
margin-bottom:10px;
}
#all div.home {
width:640px;
}