body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
text-align: center;
margin-top: 0; 
background-color: #575f5d;
}

ul, li {margin: 0;padding: 0;}
h1, h2, h3, h4 {margin: 0;}
p {margin: 0;padding: 0;}
a, a:hover {text-decoration: none;}
img {border: none;}


#conteneur {
width: 908px;   /* header -marge de chaque coté */
margin: auto;
background-color:#575f5d;
text-align: left;
padding-top: 15px; 

}
#decal {padding-left: 51px;}

#fond {
margin: 0;
width:804px;
background-image: url(image_s/fondmenu.jpg);
background-repeat: no-repeat;
background-color: #fff;
padding-bottom: 1px;
border-color: #000; 
border-width: 1px;
border-style: none solid solid;
}


#conteneur ul{
list-style-type: none;
margin: 0;
padding:0;
}

#header {
height: 216px; 
width: 908px;   /*  taille site    */
background-color: #000; 
background-repeat: no-repeat;
color: rgb(153, 255, 255);
}
#header img {
display: block;
border: 0 solid ;
}

#logo{
background-repeat: no-repeat;
background-color: #000;
width: 908px; height: 32px;
font-style: italic; font-size: 10px;
color: #b8b5b4;
}
.logoA{background-image: url(image_s/fond1Haut.png);}
.logoB{background-image: url(image_s/fond2Haut.png);}
.logoC{background-image: url(image_s/fond3Haut.png);}
.logoD{background-image: url(image_s/fond4Haut.png);}


#logo p{padding-left: 85px; padding-top: 13px;}
/* #header p {
margin-top: px; 
color: rgb(201, 17, 168); 
margin-left: px;
} */

#milieu {
background-color: #fff;
}

/*    menuhaut GAUCHE
 */

#mengauch {
float:left;
width: 160px; 
height: 210px;
text-align: right;
font-size: 11px;
color: #fff;
}
#mengauch ul {
list-style-type: none;
margin-top: 20px;  /* 45px; */
}
#mengauch ul.men2{margin-top: 144px;}

#mengauch li, #mengauch li {
margin-right: 20px;
/* display: inline;  voir si prob ie5*/
}
#mengauch a {
color: #fff;
text-decoration: none;
font-weight: bold;
background-image: url(image_s/carRoug.gif);
background-position: left;
background-repeat: no-repeat;
}
#menu1{background-color: #000;}
#menu2 {color: #000; font-weight: bolder;
}
#mengauch a:hover, #mengauch a.actif {
color: #e6001a;
font-size: 11px;
/*color: rgb(176, 170, 0);*/
}

#menu2 li a, #menu2 li a:hover, #menu2 li a.actif{
display: block;
height: 31px;
background-position: right top;
background-repeat: no-repeat;
}
#menu2 li.me1 {margin-top: 12px;}
#menu2 li.me1 a{background-image: url(image_s/savoir_faire.png);}
#menu2 li.me1 a:hover, #menu2 li.me1 a.actif{background-image: url(image_s/savoir_faire_b.png);}
#menu2 li.me2 a{background-image: url(image_s/services.png);}
#menu2 li.me2 a:hover, #menu2 li.me2 a.actif{background-image: url(image_s/services_b.png);}
#menu2 li.me3 a{background-image: url(image_s/moyens.png);}
#menu2 li.me3 a:hover, #menu2 li.me3 a.actif{background-image: url(image_s/moyens_b.png);}

#menu2 li.me1 ul li a {height: 15px; line-height: 14px;}

#menu2 li.me1 ul ,#menu2 li.me1 ul li , #menu2 li.me1 ul li a, #menu2 li.me1 ul li a:hover {
color: #000;
font-weight: bold;
margin: 0; padding: 0;
background-image: url(image_s/pix.png);
background-repeat: no-repeat;
}
#menu2 li.me1 ul {padding-bottom: 20px; margin-top: -10px; }
#menu2 li.me1 ul li {}
#menu2 li.me1 ul li a:hover , #menu2 li.me1 ul li a.actif{color: #fff;}

#menu2 li.me1 ul li a:hover, #menu2 li.me1 ul li a.actif{background-image: url(image_s/pixR.png); background-repeat: repeat;}

/*  rouge=  #e6001a   */


.spac {letter-spacing: 1px;}

#milieu {}
#centre {
background-image: url(image_s/fondTextA.jpg);
background-repeat: no-repeat;
background-position: right top;
float:right;
padding: 0;
text-align: left; 
width: 644px;
height: 423px;
}
	html> body #centre {
height: auto;
min-height: 423px;
}
#centre.centreB{background-image: url(image_s/fondTextB.jpg);}
#centre.centreC{background-image: url(image_s/fondTextC.jpg);}
#centre.centreD{background-image: url(image_s/fondTextD.jpg);}

#images {
margin-left: -111px;
}
#images img{margin-right: 10px;}

#text {
width: 543px;
height: 80px;
height: auto;
min-height: 80px;
float:right;
text-align: justify;
background-image: url(image_s/decotext1.png);
background-repeat: no-repeat;
margin-top: 32px;
margin-right: 15px;
padding: 5px;
padding-top: 3px;
padding-left: 5px;
}

#text.fondtext {
background-image: url(image_s/pix.png); background-repeat: no-repeat;
	background-color: #dde1e0;
	margin-top: 30px;    /* av  padding-top: 70px;   */
margin-right: 15px;
	padding: 5px;
padding-left: 30px;
}
#text.fondtextB {
background-image: url(image_s/pix.png);
background-repeat: no-repeat;
margin-top: 32px;
margin-right: 15px;
padding: 5px;
padding-top: 3px;
padding-left: 5px;
}
.fondS{
background-image: url(image_s/decotext1.png);
background-repeat: no-repeat;
height: 40px;
height: auto;
min-height: 40px;
margin-left: -5px;
padding-top: 3px;
padding-left: 5px;
}
.fond{
background-image: url(image_s/decotext2.png);
background-repeat: no-repeat;
height: 40px;
height: auto;
min-height: 40px;
margin-left: -5px;
padding-top: 3px;
padding-left: 5px;
}
.fonddecal{ 
background-image: url(image_s/decotext2.png);
background-repeat: no-repeat;
height: 38px;
height: auto;
min-height: 38px;
margin-top: 4px;
 /*   ou margin-left: 20px;  */
padding-top: 5px;
padding-left: 10px;  /*  ou padding-left: 5px; */
}
#text p {padding-bottom: 0px;}

#text a {color: #000; text-decoration: underline;}
#text a:hover {color: #e6001a; text-decoration: none;}

#text a.noline {text-decoration: none;}

h1 {
font-size: 14px;
color: #e6001a;
margin-top: 39px;
margin-bottom:25px;
letter-spacing: 1px;
font-weight: bolder;
margin-left: 44px;
}
h2, .rg  {
font-size: 12px;
font-weight: bold;
color: #000;

}
h3 {font-size: 14px; color: #000;}

.ttpe {font-size: 10px;}
.textpe {font-size: 11px;}
.text11 {font-size: 11px;}
.text12 {font-size: 12px;}
.text13 {font-size: 13px;}
.text12rg {font-size: 12px; font-weight: bold; color: #e6001a;}
.text14 {font-size: 14px;}
.text14rg {font-size: 14px; font-weight: bold; color: rgb(175, 3, 3);}


#pied {
background-image: url(image_s/rect3707.png);
font-family: Arial, Verdana, Helvetica, sans-serif;
background-repeat: no-repeat;
background-position: center;

width: 798px;
clear: both;
height: 38px;
color: #7d8885;
background-color: #000; 
font-size: 9px; 
margin : 3px;
margin-bottom: 2px;
}

#pied a {
padding: 0;
color: #7d8885;
}

ul#menpied {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

ul#menpied li {
float: left;
margin-top: 23px;
margin-left: 3px;
}

ul#menpied a:hover {color: #fff; padding-top: 0px; font-weight: bold;}

a.piedseul {
float: right; color: #737d7a;
margin-right: 10px;
font-style: italic;font-size: 9px; 
}
a.piedseul :hover{
color: #fff;
font-weight: bold;
font-size: 10px; 
font-style: normal;
}