/* CSS Document */
/*_______________________________________________CALQUES ET BALISES_____________________________________________*/
body{	
margin:0px; padding:0px; /* pour éviter les marges */
text-align: left; /* pour corriger le bug de centrage IE */
font-size:12px; 
font-family:tahoma, Verdana, Arial, Helvetica;
SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: white;; CURSOR: default; SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR:white; SCROLLBAR-ARROW-COLOR:#009900;  SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: white; SCROLLBAR-BASE-COLOR: white; 
}
#fond {
padding:0px; margin:0% auto; position:relative; border:1px solid #CCCCCC;overflow:hidden; min-width:855px; width:100%; max-width:1100px; margin-top:1%; min-height:540px; max-height:100%; z-index:1;}
#anim{position:absolute; top:0; left:0%; width: 100%; height:100%; margin:0; padding:0; text-align:center;}
#pied {margin:0; padding:0; font-size:8px; margin-top:10px; width:98%; line-height:20px; text-align:center; 
left:0;height:3%; z-index:2; vertical-align:middle; font-size:12px; color:white }
a.patch{ /* position:absolute;*/ margin-left:2%; font-size:9px; color:#999999; text-decoration:none }
#phrase {position:absolute; margin:0; padding:0 ; width:67.5%; left:32.5%; top:0; height:6%; background-color:#FFFFFF; }
#carrousel {position:absolute;margin:0px; padding:0px; padding-top:1px;border-top:0px solid #999999;  width:67.5%; top:6%; left:32.5%; overflow:hidden; text-align:left; height:18%; z-index:1; background-color:#FFFFFF; }
#logo { margin:0px; padding:0px;  position:absolute;  left:0; width:32%;  top:0;z-index:2;}	
#menu { margin:0px; margin-top:1px; padding:0px; padding-top:2px; text-align:left; position:absolute;  left:32.5%;   width:67.5%;  top:24%; height:3%;z-index:2; background-color:#FFFFFF; border-top:0px solid #999999}
#langue{margin:auto; float:left; margin:1% 0 0 1%; text-align:center;}	
#carrousel_int{margin:0; top:0; left:0;  padding:0;  width:100%; height:100%;}
#rubriques{ position:absolute;  left:32.5%; top:30%;  width:59%; margin:0; padding:0; z-index:150;}
#catalogue{ position:absolute; width:100%; overflow:auto; height:99%; border-bottom:3px solid white;  }
#contenu { position:absolute; margin:0; padding:0;  overflow:auto; top:31%; width:67%; left:32.5%; height:68%;z-index:1;}
#contenu_cat { position:absolute; margin:0; padding:0; overflow:auto; top:33%; width:67%; left:32.5%; height:66%;z-index:1;}
a.menu{color:#009900;  padding:0px; margin:0 0 0 0; background-color:#FFFFFF; font-size:14px;font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:600;display:inline-block; text-align:center;   border-right:2px solid green}
a.menu:hover{color:red;}
#proflash { margin:0px; padding:0px;position:absolute;  left:20%; width:12%;  top:56%; height:20%; z-index:2; color:#333333; font-size:12px; overflow:hidden; padding-top:1%;  font-family:Verdana, Arial, Helvetica, sans-serif;}	
#proflash p{text-align:justify; line-height:13px; color:#333333; width:auto; margin:0; margin-top:6px; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
#flashpro{ background-color:white; height:130px; position:relative; overflow: hidden; }
#text_central{margin:auto;margin-top:2%;  height:97%; max-height:670px;}
#text_central p{ font-size:14px; color:green; text-align:justify; margin-left:0; }
#text_central2{margin:auto; height:97%; max-height:670px;}
#text_central2 p{ font-size:14px; color:green; text-align:justify; margin-left:0}
#text_central3{margin:auto; }
#text_central3 p{ font-size:14px; color:#339966; text-align:justify; margin-left:0}
#text_central3 li{ color:#339966;}
#text_contact{margin:auto; height:97%; max-height:670px; }
#text_contact p{ font-size:15px; color:green; text-align:center; margin-top:0px; padding-top:0; margin-left:0}
#text_regl{margin:auto;margin-top:1%; height:97%; max-height:670px;  }
#text_regl p{text-align:justify; font-size:15px; color:green;}
#text_centralproflash{margin:auto; height:97%; max-height:670px;}
#text_centralproflash p{ font-size:14px; color:green;}
ul{margin:0 0 0 20px; padding:0;}
li {color:green;list-style-image:url(../objets/pucerouge.gif); font-size:14px; list-style-position:outside; padding-left:30px; margin-left:18px; text-align:justify }
/*________________________________________________ CATALOGUE   ______________________________________*/
#produit2{  overflow:hidden; height:48%;   border-top:3px solid white; margin-bottom:2px;  }
#produit1{  overflow:hidden; height:98%;   border-top:3px solid white; margin-bottom:2px; }
#produit{ overflow:hidden; height:32%;   border-top:3px solid white; margin-bottom:2px; min-height:150px }
#photo{ float:left; margin:1% 2% 1% 1%;  width:180px; height:92%; min-height:138px;overflow:hidden; background-color:#FFFFFF}
.img{max-width:95%;max-height:98%; margin:auto; margin-top:1%}
.titreprod{margin:1% 0 0 1%;  font-size:14px; color:#666666; height:10%; font-weight:bold; }
.commprod{margin:0 0 0 1%; padding:0; font-size:13px; font-weight:bold; height:10%;}
.corpsprod2{margin:1% 0 0 0; font-size:12px; color:black; max-height:56%; overflow:auto; }
.corpsprod1{margin:1% 0 0 0; font-size:12px; color:black;  max-height:66%;  overflow:auto;}
.corpsprod0{margin:1% 0 0 0; font-size:12px; color:black;  max-height:72%; overflow:auto;}
.corpsprod0 p{padding:0; margin:0 0 9px 0}
.corpsprod1 p{padding:0; margin:0 0 9px 0}
.corpsprod2 p{padding:0; margin:0 0 9px 0}
.compoprod{ margin:3px 0 0 0; padding:0}
a.composition{ color: green; font-weight:bold; }
a.composition:hover{color: red;}

#prof:hover{ 
filter:Progid:DXImageTransform.Microsoft.BasicImage(rotation=0, opacity=1, mirror=1, invert=0, xray=0, grayscale=0)}

#flash { margin:0px; padding:0px;  position:absolute;  left:18%; width:14%; top:30%; height:22%;z-index:2;font-family:Verdana, Arial, Helvetica, sans-serif}
.actu{ margin:0; padding:0 0 0 5px; width:98%; height:72%; color:black; overflow:auto;}
.actu p{text-align:left; font-size:12px; margin:0 0 7px 0;  padding:0;}
.titreactu{margin:8% 0 1% 0; padding:0; width:100%; height:18%; color:#FF0000; font-weight:500; font-size:16px;}
/*___________________________ ADAPTATION IE 6 ________________________________________________*/
#fond_IE6 { margin-top:1%;position:relative; border:1px solid #cccccc; margin-bottom:0; padding:0;
margin-left:auto;margin-right:auto;width:950px; height:580px;z-index:1;  padding:0px; }	

#carrousel_IE6 {position:absolute;margin:0px; padding:0px; padding-top:1px;border-top:1px solid #999999;  width:67.5%; top:5.5%; left:32.5%; overflow:hidden; text-align:left; height:19%; z-index:1; background-color:#FFFFFF; }

a.menu_IE6{color:#009900;  padding:0px; margin:0 0 0 0; background-color:#FFFFFF; font-size:14px;font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:inline-block; text-align:center;   border-right:2px solid green}
a.menu_IE6:hover{color:red; }
#contenu_IE6{ position:absolute; margin:0; padding:0; float:right;   overflow:auto; top:27%; width:68%; left:32%; height:78%;z-index:1}
#menu_IE6 { margin:0px; margin-top:1px; padding:0px; padding-top:2px; text-align:left; position:absolute;  left:32.5%;   width:67.5%;  top:23%; height:3%;z-index:2; background-color:#FFFFFF; border-top:1px solid gray}
#flash_IE6 {  margin:0px; padding:0px;  position:absolute;  left:18%; width:14%; top:30%; height:22%;z-index:2;font-family:Verdana, Arial, Helvetica, sans-serif}
#flash_IE6 div.actu{ margin:5px 0 0 0; padding:0; width:98%; height:100px; color:black; overflow:auto;}
#flash_IE6 p.titreactu{margin:0; margin-top:1%; padding:0; width:100%; height:18%; color:#FF0000; font-weight:500; font-size:16px;}
#contenu_cat_IE6 { position:absolute; margin:0; padding:0; float:right; overflow:auto; top:31%; width:67%; left:32.5%; height:74%;z-index:1}
#rubriques_IE6{ position:absolute;  left:32.5%; top:27%; width:58%; height:2%; z-index:150;  margin:0; padding:0; }
.img_IE6{max-width:95%;height:98%; margin:auto; margin-top:1%}
.corpsprod2_IE6{margin:0% 0 0 0; font-size:12px; color:black; height:56%; overflow:auto; }
.corpsprod1_IE6{margin:0% 0 0 0; font-size:12px; color:black; height:66%;  overflow:auto;}
.corpsprod0_IE6{margin:0% 0 0 0; font-size:12px; color:black; height:72%; overflow:auto;}


#proflash_IE6 { margin:0px; padding:0px;position:absolute;  left:20%; width:12%;  top:57%; height:130px; z-index:2; color:#333333; font-size:12px; overflow:hidden;  font-family:Verdana, Arial, Helvetica, sans-serif}	
#proflash_Ie6 p{text-align:justify; line-height:13px; color:#333333; width:auto; margin:0; margin-top:6px; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
#proflash_Ie6 a{width:130px; display:block}



/* _____________________________________ pop up __________________________________________*/
.pop{color:green; font-size:13px; font-weight:bold; margin:0; padding:0;}
.pop:hover{color:red; }

#pop_condition{display:none;   
position: absolute; margin-top:25px; margin-left:-270px;
z-index: 110; background-color:yellow; 
width : 350px; height:172px; 
border:1px solid green;}
/*___________________________________  Formulaires _____________________________________ */
input.champs {color:#666666; background-color:#ffffff;border:1px solid #cccccc; 
font-size:9px; height:11px;padding:0; margin:0;}
input.bouton{ color:#666666;background-color:#C1BFBF; border:0; font-size:12px;font-weight:bold;}
input.bouton:hover{ color:red;}
textarea {color: black; background-color:#ffffff;}
input.fichier {color:black; background-color:#66CCFF; font-size:10px; font-family:arial;}
select { color: green; font-size:13px; font-family:arial; padding-bottom:0px;  }
.selection { color: red; background-color:#80FF80; font-size:13px;  text-transform:uppercase;}