@charset "utf-8";
/* CSS Document */

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin:0; padding:0;color:#bce4f6;background-image:url(../objets/ariere.jpg); margin:0; padding:0 ;
SCROLLBAR-FACE-COLOR: #bce4f6;
SCROLLBAR-FACE-COLOR: #bce4f6; 
SCROLLBAR-HIGHLIGHT-COLOR:#bce4f6 ;
SCROLLBAR-SHADOW-COLOR: #bce4f6; 
SCROLLBAR-3DLIGHT-COLOR:#bce4f6; 
SCROLLBAR-ARROW-COLOR: #660000;   
SCROLLBAR-TRACK-COLOR: #bce4f6; 
SCROLLBAR-DARKSHADOW-COLOR: #bce4f6; 
SCROLLBAR-BASE-COLOR: #bce4f6; }

p{margin:8px 0 0 0}

#fond{position:absolute; width:100%; height:100%;background-image:url(../objets/fond.jpg); background-position:center; background-repeat:no-repeat; }
#support{width:800px; margin:auto; /*height:591px;*/;}

#menu_anim{ width:800px; position:relative;margin-left:0px;  height:381px;overflow:inherit; z-index:1; background-image:url(../objets/menu.jpg);padding:0; margin:0}
#entete1{ width:800px; display:block;  margin:auto; top:0px; height:155px; z-index:2; position:relative ; color:#bce4f6;}

#accroche{
font-size:11px; letter-spacing:-1px;
 top:135px; 
position:relative; left:0 ;}

#def{ position:relative; height:130px; padding-right:5px;overflow:auto;  width:205px;}

#anim {
top:2%;
left:2%;
width:776px;
position:relative; 
height:385px; margin:0; padding:0;
}

.vignettes {width:33%; height:385px ; margin:0; padding:0; float:left}

.image_anim{margin:0; float:left ;}


#image1{margin:5px 0 0 5px}
#image1:hover{margin:0 5px 5px 0}


#pied_anim{ width:800px; display:block;  margin:auto; height:27px; padding-top:28px; margin-top:-64px }
a.menu_index{width:13%; float:right; text-decoration:none; font-size:16px; height: 55px; display:inline-block;padding-top:92px; text-align:center; color:#333333; font-weight:60; color:black; opacity:0.7;filter:alpha(opacity=70);font-weight:600; background-color:#FFFFFF; margin-right:3px}
a.menu_index:hover{color:black; font-weight:600}



#entete{ width:800px;   margin:auto; height:155px; z-index:2; position:relative ; }
#menu{float: right; width:590px;height:30px;z-index:2;text-align:right; position:relative; top:70px; padding:0; margin:0;  }
#logo{margin:0; float:left;}

a.menu_princ_sel{width:18%; text-decoration:none; font-size:16px; height: 55px; display:inline-block;padding-top:0px; text-align:center; margin:0; font-weight:600; color:#e9c23e; text-decoration:overline;}
a.menu_princ{width:18%; text-decoration:none; font-size:16px; height: 55px; display:inline-block;padding-top:0px; text-align:center; margin:0; font-weight:600; vertical-align:top;color:#bce4f6; text-decoration:overline; }
a.menu_princ:hover{color:#e9c23e;}

a.menu_inact{width:18%; text-decoration:none; font-size:16px; height: 55px; display:inline-block; padding:0px; text-align:center; margin:0; font-weight:600; color:#e9c23e; text-decoration:overline;}

#titre{ width:620px; min-height: 25px ; top:95px ; color:#bce4f6; font-weight:200; font-size:14px;   letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; position:relative; float:right; text-align:right}

#corps{  width:800px; position:relative;margin-left:0px;  height:381px;overflow:inherit; z-index:1; background-image:url(../objets/menu_fixe.jpg) }

#bande_droite{ width:210px; float:left; position:relative;height:398px; display:inline-block; border:2px solid white; margin:3px 0 0 0; padding:0  }

#article{width:96%; height:355px; float:left; position:relative;  margin:13px 0 0 0; color:#660000;  margin-left:2% ;}
#deroulant{width:100%;height:78px;   position:relative;  margin:0 0 0 0; background-repeat:no-repeat; background-position:center;color:#660000; overflow:auto; padding:1px 0 0 0; background-position:bottom ;}
 
 
#article_motif{width:540px; height:353px;position:absolute; top:-2px; left:0px;  margin:0;  background-repeat:no-repeat; background-position:left; background-image:url(../objets/menu_fixe.png);}


.miniature { margin:0 0 1px 2px ; float:left; border:0}

#fiche {  float:left; width:67%; text-align:center; height:350px; background-position:center; background-repeat:no-repeat; margin-left:2px; margin-right:3%;  }

#legende{ padding-top:40px;}

#fleche_G{ position:absolute; width:20px; height:20px; top:160px; left:-17px;}

#fleche_D{ position:absolute; width:20px; height:20px; top:160px; left:752px}


#bouton_index{ position:relative; top:85px; left:10px;padding:5px 0 0 5px; width:40px; float:left; }


#texte_largeA{ width:300px; text-align:justify; color:#400a00; margin-top:50px;   float:right;  padding:90px 10px 0 10px; font-size:13px; position:relative;}
#texte_large{ width:400px; text-align:justify; color:#400a00; height:65%; float:left;  padding:50px 10px 0 10px; font-size:13px; position:relative; left:40%; }
#texte_haut{ width:320px; padding:0 10px 0 10px; text-align:justify; overflow:auto; height:370px; margin:10px 0 0 10px; float:left; color:#003366;font-size:13px}

h1{ font-size:18px; margin:15px 0 10px 0; color: color:#400a00;; font-weight:bold; text-align:left }

#vignettes {margin-top:125px }
img.photos_pres{margin:15px 15px 15px 10px; border:1px solid white}

#desc_prod{width:200px; height:20px; top:10px; left:5px; position:absolute; z-index:3; border:1px solid white; background-color:white;opacity:0.8;filter:alpha(opacity=80); overflow:hidden  }
#desc_prod:hover{height:375px}
#vignettes_prod{ text-align:center; width:200px; height:175px; top:200px; left:5px; position:absolute; z-index:1}
#detail{width: 192px; height:82px;border:1px solid white; margin-bottom:15px; background-repeat:no-repeat; background-position:center;}
h3{margin:0; padding:0; color:#000000; font-size:16px; text-transform:uppercase; height:35px; line-height:16px;border-bottom:1px solid black; margin-top:2px}
.descriptif{width:100%; margin:3px 0 7px 0; color:#000000; padding:2px; height:130px;  overflow:auto; font-size:12px; background-color:#eeeeee}
.caracteristiques{width:100%; margin:0; padding:0 2px 0 2px; height:145px; background-color:#666666; color:white; overflow:auto; font-size:12px}
.technique{width:90%; text-align:center; display:block; margin:4px auto; height:18px; background-color:black; font-size:12px; color: yellow;}
.technique:hover{width:100%; height:20px; background-color:black; font-size:12px; color: red; cursor:pointer}

#catalogue{position:absolute; bottom:0px; right:0px; width:90px; height:35px; background-color:#eeeeee;opacity:0.7;filter:alpha(opacity=70); vertical-align:middle; overflow:hidden}
#catalogue:hover{position:absolute; bottom:0px; right:0px; width:600px; height:auto; padding-bottom:7px; background-color:#eeeeee;opacity:0.7;filter:alpha(opacity=70); vertical-align:middle}

#bouton_cat{ bottom:0px; width:90px; float:right; display:inline-block; height:35px;text-align:center;}
#bouton_cat:hover{ background-color:black;}
a.catalogue{color:black; font-weight:bold; display:block; text-decoration:none; padding-top:8px; height:100%; width:100%;}
a.catalogue:hover{color:white; }

#liste{width:510px; height:auto; display:inline-block; float:left;}

a.li_men{ display:inline-block; text-decoration:none;color:#bce4f6; margin:0 12px 0 10px ; padding:0}
a.li_men:hover{ padding:0; color:#e9c23e; text-decoration:overline}

a.li_men_cour{  display:inline-block; text-decoration:none; padding:0; margin:0 12px 0 10px; color:#e9c23e; text-decoration:overline}


#pied{ width:800px; display:block;  margin:auto; height:27px; background-color:#FFFFFF; margin-top:-64px ; padding-top:28px }
#outils{ width:160px; display:block; z-index:4;}
a.outils{color:white; font-size:10px; text-decoration:none} 
a.outils:hover{color:red}

#coordonnees{ width:250px; top:30px; left: 30% ; text-align:justify;  height:45%; float:left; color:#400a00;font-size:13px;position:relative;}
#fomulaire{ width:580px; overflow:auto; height:40%; float:left;  }
img.projets{margin:0px 30px 10px 0px; border:2px solid white;} 
.formulaire{color:#400a00; padding:5px; padding-bottom:0px; border:thin; border-color:#400a00; border-style:solid; top:100px; left:33%; position:relative; }

h2{font-size:18px; margin:15px 0 20px 0; color:#400a00; font-weight:100; text-align:left }
h4{font-size:18px; margin:15px 0 10px 0; color:#400a00; font-weight:100; text-align:left }



.mail {color:black; }
.mail:hover {color:red;}


#patch{width:800px; margin:10px auto;color:#bce4f6; text-align:center; text-decoration:none; font-size:11px;}
.patch {color:white; text-decoration:none; }
.patch:hover {color:red;}


input.champs { color:#333333; 
background-color:#ffffff;
border:1px solid #bce4f6; 
font-size:12px; 
height:15px;
padding:0; margin:0;
}

input.bouton{  
border:0; color:#333333; 
font-size:12px; text-decoration:underline; background-color:#FFFFFF
font-weight:bold;
}
input.bouton:hover{ color:red;}