html,body,img,p { 
padding: 0; 
margin: 0; 
} 

a:link { color:#000000; text-decoration:none; font-weight:none; }
a:hover { color:#000000; text-decoration:none; font-weight:none; }
h1 { text-align:right; font-size:12px; color:#9E9FA3; text-decoration:none; font-weight:bold;}
h2 { text-align:center; padding-top: 70px; font-size:0.9em; color:#000000; text-decoration: underline; font-weight:bold;}
h3 { text-align:left; font-size:0.9em; color:#000000; text-decoration: underline; font-weight:none;}
h3.droite { text-align:center; font-size:1.6em; color:#FFFFFF; text-decoration: underline; font-weight:none;}

p { padding-left: 10px; padding-right: 10px;padding-top: 10px; font-family:Tahoma ; font-size:0.9em;}
p.droite { padding-left: 10px; padding-right: 10px;padding-top: 10px; font-family:Tahoma ; font-size:1.2em; color:#FFFFFF;}
p.footer {line-height: 1em; padding-left: 10px; padding-right: 10px;padding-top: 0px; font-family:Tahoma ; font-size:0.9em; }

p.footer img { vertical-align: middle; }

p.gauche { text-align:center; padding-left: 10px; padding-right: 10px; padding-top: 0px; font-family:Tahoma ; font-size:0.9em; }

p.banniere {padding-top: 110px; padding-left: 250px; text-align:left; color:#000000; font-family:Segoe Script; font-size:0.7em; }

p.contact { text-align:center; padding-top: 7px; font-family:Tahoma ; font-size:1em; text-decoration:underline; color:#FFFFFF; }


body { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em;
margin: 0;
text-align: center;

}

#header { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom : 0px; text-align: center;
background: url(brico4.jpg); width: 1000px; height: 257px;
}

#headerbas { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom : 0px; width: 100px; height: 106px;
 
}

#bannierecentre {
height: 106px;
margin-left: 203px;
margin-right: 258px;
background: url(bricobascentre.jpg);
margin-top: 0px;
margin-bottom: 0px;
}

#bannieregauche {
float:left;
display: inline;
margin-top: 0px;
margin-bottom: 0px;
}

#bannieredroite {
float:right;
display: inline;
margin-top: 0px;
margin-bottom: 0px;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px solid; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 3px solid black;
}

#clear {
clear:both;
}


    





#conteneur { 
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: left; 
background-color:#FFFFFF;
margin-top: 10px;
margin-bottom:0px;
border : 4px solid #555555; 
position:relative;

}


#centreavant {
position: relative;
background-color:#FFFFFF;
margin-left: 183px;
margin-right: 268px;
margin-top: 0px;
padding-left: 0px;
padding-right: 15px; 
padding-top: 0px;
padding-bottom: 0px;
text-align: justify;
}

#centre {
position: relative;
background-color:#FFFFFF;
margin-left: 183px;
margin-right: 268px;
margin-top: 0px;
padding-left: 0px;
padding-right: 15px; 
padding-top: 0px;
padding-bottom: 40px;
text-align: justify;
}





#gauche {
float:left;
display: inline;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top:0px;
width: 183px;
height:500px;
text-align: justify;
background-color:#FFFFFF;
}

#encartgauche {
background-color:#DCDCDC;
background-image:url(bordrouge.jpg);
background-position:top;
background-repeat:no-repeat;
width: 160px;
padding-top: 0px;
padding-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
font-size: 0.9em;
border : 1px solid #C6080B;}

#encartgauche2 {
background-color:#C6080B;;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
font-size: 0.9em;
border : 1px solid #000000;}

#encartgauchehaut {
background-color:#C6080B;;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
font-size: 1.3em;}


#conteneurdroite {
background-color:#000000;
float:right;
display: inline;
width: 249px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 9px;
}

#droite {
float:right;
display: inline;
background-color:#C6080B;
width: 249px;
height:500px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
text-align: justify; 
font-size: 0.7em;
}

#blocdroite {
float:right;
display: inline;
background-color:#FFFFFF;
width: 249px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
z-index: 1000;
}


 
 #menu {
position:absolute;
top:-12px;
height: 50px;
background: url(bouton1.png) repeat-x;color:#AFA2B2;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}



#menu ul {

margin:0;
padding:0;
list-style-type:none;
font-size : 0.8em;
}

#menu li {
float:left;
margin:auto;
border-left:1px solid black;

}

#menu li a {
display:block;
color:#866B6B;
  
 width:181px;
 line-height:50px; /*hauteur de l'image de fond*/
 background:white url(bouton1.png) repeat-x;
 color:#000000;
 text-decoration:none;
 text-align:center;

}

#menu li a:hover {
background:black url(bouton2.png) repeat-x;
 color:white;
}

#menu ul li ul {
display:none;
background-color:#866B6B;
z-index: 1000;
}

#menu ul li:hover ul {
display:block;
background-color:#866B6B;
}

#menu li:hover ul li {
float:none;
}
 
#centrermenu{   margin-left: auto;
margin-right: auto;  
width: 550px;   text-align: left; 
margin-top: 0px;
margin-bottom: 0px;
}


 </style>
<!--[if !IE]> <-->
<style type="text/CSS"> 
#menu li ul {
position:absolute;
}
 
 
 
 
#clear {clear:both;}

#footer2 {
margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom:-15px;
text-align: center;
margin-left: auto; 
margin-right: auto;
clear: both; 
width: 1000px;
background-color:#AFA2BE; 
padding: 0;}

 
#footer { 
margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom:0px;
text-align: center;
margin-left: auto; 
margin-right: auto;
clear: both; width: 1000px;
background-color:#DCDCDC; 
padding: 0;}