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

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0;color:#63247A; background-color:#bcd345;
SCROLLBAR-FACE-COLOR: #cccccc;
SCROLLBAR-FACE-COLOR: #eeeeee; 
SCROLLBAR-HIGHLIGHT-COLOR:#cccccc ;
SCROLLBAR-SHADOW-COLOR: #cccccc; 
SCROLLBAR-3DLIGHT-COLOR:#cccccc; 
SCROLLBAR-ARROW-COLOR:red;
SCROLLBAR-ARROW-COLOR: #cccccc;   
SCROLLBAR-TRACK-COLOR: #cccccc; 
SCROLLBAR-DARKSHADOW-COLOR: #cccccc; 
SCROLLBAR-BASE-COLOR: #cccccc; }

p{margin:8px 0 0 0;}

/************************************CSS page index */
#support_ind{/*min-width:820px; max-width:1100px; width:90%;*/ width:1100px; margin:auto; background-image:url(../objets/image_fond.jpg); min-height:500px; background-position:right; background-repeat:no-repeat; overflow:hidden; position:relative }
#menu_anim{ width:100%;  position:relative;  min-height:500px; top:0px; overflow:hidden; z-index:1; margin-top:-2%; }
#imgfond{width:100%}
#flash{ bottom:0; left:0; width:100%; position:absolute; height:100%; overflow:hidden; display:block;  }
#noflash{position: absolute; width:100%;  position:absolute; margin:auto; top:44%; left:0; }
.introrp{ margin:0; padding:0; width:24%; margin-left:0.5%; float:right; }
#text_intro{height:70px;  position:absolute; margin:auto; top:64%; left:5%; width:94%; line-height:1.4em;}
.text_introb{ margin:0; padding:0; width:26%; margin-left:0.5%;  background-color:yellow;  float:right;  background-color:#eeeeee;opacity:0.9;filter:alpha(opacity=90);}
.text_introc{ margin:0; padding:0; width:26%; margin-left:0.5%;  background-color:yellow;  float:right; background-color:#eeeeee;opacity:0.9;filter:alpha(opacity=90);}
.text_introd{ margin:4px; font-size:1em; color:black; font-weight:bold; text-align:justify }
h1{ font-size:1.3em; margin:0; font-weight:bold; text-align:left }
#outils{ width:auto; z-index:4; float:right; text-align:right; margin-right:0.5%; }
/*------------------------------- fin page index*/


#support{/*min-width:800px; max-width:1100px; width:90%;*/ width:1100px;  margin:auto; background-image:url(../objets/fond-gris.jpg); min-height:500px; max-height:740px; background-position: top right; padding:0;  background-repeat:no-repeat; overflow:hidden; position:relative; overflow:hidden}
#entete{ width:100%; display:block; margin:0; padding:0; top:0;  height:160px; z-index:2; position:relative ;  }
#logo{margin:25px 0 10px 25px;}

/*------------------------------     MENU */
#menu{width:93%; margin-left:6%; height:30px;z-index:2; border:6px double white ; border-left:0; border-right:0;}

.menu-deroul{height:30px; float:left; overflow:hidden;  padding:0; margin:0; width:17%; display:block; }
.menu_deroul2{height:30px; overflow:hidden; position:absolute; color:#FF0000; display:block;  padding:0; margin:0; width:17%;}
.menu_deroul2:hover{height:auto; color:#FFFF00}

a.menu_princ_sel{width:100%;text-decoration:none; font-size:1.3em; padding:4px 0 0 0;  height:26px; display:inline-block;text-align:center; margin:0; color:white;font-weight:bold;background-image:url(../objets/lib-blanche.gif); background-repeat:no-repeat; background-position:4px }
a.menu_princ{ width:100%; text-decoration:none; font-size:1.3em; padding-top:4px;  height:26px; display:inline-block; text-align:center; margin:0; color:#333333; font-weight:600; background-image:url(../objets/lib-noire.gif); background-repeat:no-repeat; background-position:4px }
a.menu_princ:hover{color:white; padding-top:4px;  height:26px; font-weight:bold;background-image:url(../objets/lib-blanche.gif); }
a.menu_inact{width:100%; text-decoration:none; font-size:1.3em; padding-top:4px;  height:26px; display:inline-block; text-align:center; margin:0; color:#333333; font-weight:600}
a.menu_sec{ width:82%; margin:0 0 0 8%; text-decoration:none; font-size:1em;display:inline-block; text-align:center; color:black;background-color:#eeeeee; float:right; text-align:left; padding:3px; border-bottom:1px solid black; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif }
a.menu_sec:hover{color:white; font-weight:bold; background-color:#cccccc}
/*--------------------------------------------------------------------*/


#corps{ width:93%; margin:35px 0 0 6%; padding:0;  display:block; position:relative; height:515px; overflow:auto; z-index:1;text-align:justify; color:black; display:block;  }

#bande_droite{min-width:290px;width:35%;float:left; position:relative;height:100%; display: block; border-right:2px solid white; margin:0 0 0 0; 
padding:0; display: block; height:515px; overflow:auto; z-index:1}

#titre{ height: 28px; margin:0; padding: 0 10px 0 0; color:black; font-weight:bold; font-size:22px; font-family:Arial, Helvetica, sans-serif; text-align:right; color:#333333}

#article{ float:right; width:54%; font-size:1em;  top:0;display:inline; height:514px; overflow:auto ; padding-right:2% }
#pied{ width:88%; margin:2px 0 0 6%; display:block;  height:27px;  border-top:1px solid white; padding-right:5%}
a.pied{color:white; text-decoration:none; float:right; margin-right:5px; color:white}
a.pied:hover{color: red}


#articleG{ float:right; width:58%; font-size:1.1em;  top:0; display:inline; height:514px; overflow:auto ; padding: 0 2% 0 0; margin:0; z-index:5;   }
#icone{  width:60px; height:60px; padding:0; text-align:center; display:block;  float:left; }
#garantie{width:auto; height:auto; display:block; overflow:hidden; margin-bottom:20px;}
#texte_garantie{ float:right; display:inline-block; width:85%}
.outils{ background-image:url(../objets/auvents_avancees_soplair.jpg);background-repeat:no-repeat ; background-position: right 38px;  }
.texte_blanc {color: #FFFFFF; font-weight:bold}


h2{font-size:1.6em; margin:0px 0 10px 0; color:white; font-weight:100; text-align:left; display:inline  }


a.fich{color:black; font-size:1.1em; } 
a.fich:hover{color:white}

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

/************************  formulaire contacts */
#coordonnees{  width:100%; overflow:auto; height:53%; float:left;  border-bottom:1px solid white; font-size:1.1em }
#fomulaire{ width:100%; overflow:auto; height:40%; float:left; font-size:1.2em }
img.projets{margin:0px 30px 10px 0px; border:2px solid white;} 
.formulaire{color:white; font-size:1.2em }

input.champs { color:#333333; 
background-color:#ffffff;
border:1px solid #cccccc; 
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;}


/************************************************   FICHE PRODUIT *********************/
/* bande de droite -menu-*/
.menu_gauche{ text-align:right;}
a.li_men{display:inline-block; text-decoration:none; width:auto; max-width:90%; min-height:32px; margin:8px 8px 0 8px;  background-color:#DADADA; background-image:url(../objets/lib-verte.gif); background-position:right; background-repeat:no-repeat; padding: 5px 35px 5px 10px; color:#669900; font-size:1.1em;opacity:0.9;filter:alpha(opacity=90); font-weight:bold}
a.li_men:hover{  background-color:#bcd345 ; background-image:url(../objets/lib-blanche_menu.gif); color:#FFFFFF}
a.li_men_cour{ display:inline-block; text-decoration:none; width:auto; max-width:90%; min-height:32px; margin:8px 8px 0 8px;  background-color:#bcd345; background-image:url(../objets/lib-blanche_menu.gif); background-position:right; background-repeat:no-repeat; padding: 5px 35px 5px 10px; color:white; font-size:1.1em;opacity:0.9;filter:alpha(opacity=90); font-weight:bold}
.titre_men{color:black; font-size:1.1em; text-transform:capitalize }

/*descriptif produit*/
#contenu{width:auto; height:100%;  position:relative; margin:0; padding:0; z-index:6; }
#presentation{width:71%; margin:0; padding:0; height:100%; float:left; text-align:right;  z-index:6;}
#cartouche{width:100%; margin:0; padding:0; height:35%;   text-align:right}
#empl_photo{width:100%; height:65%; z-index:1;}

#photos{width:513px;  z-index:1; margin:0; padding:0; height:333px;  position:absolute;  left:0; background-repeat:no-repeat; background-position:center; background-color:white}
#nuancier{width:100%;  margin:0; padding:0; height:8%; text-align:right; }
#garanties{width:513px; position:absolute;left:0; bottom:0;  margin-top: -30px; z-index:8; padding:0; height:8%; text-align:left;}
#bandegaughe{width:29%; height:100%; float:left;   position:relative; margin:0; padding:0; z-index:2;}
#vignettes {margin-top:20px }
img.photos_pres{margin:15px 15px 15px 10px; border:1px solid white}
#desc_prod{width:100%;  height:390px; border-left:1px solid white;  top:0px; left:0; position:absolute; z-index:3; opacity:0.8;filter:alpha(opacity=80); overflow:auto;   }

.diapo{ border:0; float:right }

#vignettes_prod{ text-align:center; width:100%;height:105px; top:410px;  left:2px; position:absolute; z-index:1;}
#detailhaut{width: 98%;  height:155px; margin-bottom:5px;}
#detailbas{width: 98%; height:135px;}
#detail2{float:left; width:47.5%; height:49%; margin-bottom:2px; background-position:right; margin-right:2px; background-repeat:no-repeat}
#detail{float:left; width:65px; height:49%; max-height:50px; margin-bottom:2px; background-position:center;margin-right:2px; background-repeat:no-repeat;}
h3{margin:0; padding:0; color:#669900;line-height:1em; font-size:1.6em; text-transform:capitalize;  text-align:right; padding-right:10px}
.stitre{color:white; font-size:1.1em; text-transform:none;line-height:1em;  width:auto;  text-align:right; padding:0 10px 0 0; margin:0 }
.titre_articles{color:black; font-weight:bold;line-height:1em; font-size:1em; padding:0 10px 0 0; margin:6px 0 0px 0; display:block;}
.texte_present{height:68px; overflow:auto; }
.texte_present p{ margin:0; padding:0;padding-right:10px}
.texte_present2{/*height:40px;*/ height:125px; overflow:auto; margin:0; padding:0;}
.texte_present2 p{ margin:0; padding:0;padding-right:10px}
.descriptif{width:95%; margin:0; color:#000000; padding:2px; height:auto; height:380px;  overflow:hidden; font-size:1em; position:absolute; left:0; top:0; text-align:left; }
.caracteristiques{width:40%; left:60%; margin:0; padding:2px; text-align:left; height:20px;  color:black; overflow:hidden; font-size:1em; position:absolute}
.caracteristiques:hover{left:0;width:98%;max-height:180px; height:auto;  overflow:auto; background-color:#eeeeee;}
a.pop{font-size:1.1em; text-decoration:none; color:white;display:inline-block;height:25px;  padding-top:10px}
a.pop:hover{color:black}
.paragfic{ margin:3px 0 0 0; overflow:auto; line-height:0.9em;padding:0 ; text-align:right; overflow:hidden}
.paragiso{margin:2px 0 0 0; padding:0}
h4{margin:3px 0 0 0; padding:0; color:white; font-weight:100;line-height:1em; font-size:1.2em;   text-align:right; }
.soplair{width:36%;float:left; text-align:right;}
.art_soplair{width:73%;float:left; margin:3px 0 0 0; height:100px;  overflow:auto; border-top:1px solid white; line-height:0.9em;padding:10px 0 0 0 ; text-align:justify} 
.isoplair{width:34%; border:1px solid white; padding:2px; float:left; color:white; margin:10px 0 0 1%; text-align:right; }
.art_isoplair{width:73%;float:left; margin:3px 0 0 0;   overflow:auto; border-top:1px solid white; line-height:0.9em;padding:0 ; text-align:justify }
ul{margin:10px 0 0 20px; padding:0;}
li {list-style-image:url(../objets/fleche.png); list-style-position:outside; padding-left:25px; margin-left:18px; }
a.langue{color: white; margin-left:4px;}
a.langue:hover{color:#666666; margin-left:4px;}
/* ***********************************NON UTILISE */
#texte_large{ width:580px; text-align:justify; overflow:auto; height:65%; float:left; color:#003366; padding:0 10px 0 10px; font-size:13px;}
#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}
.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;}


#centrale{text-align:center}