/*********************************  STYLE  */

/*Bleu fond : #17253b

Bleu bandeau : #747c89

Bleu menu default : #8b929d

Orange : #fc9503*/



marquee {color:#3d413e; font-size:14px; font-weight:bold; letter-spacing:2px; padding-top:2px; padding-bottom:2px}


/*********************************  BODY  */
BODY { font-family: Verdana, sans-serif;
  color: #000000;
   background-color:#17253b;
   /*background-color:#ffffff;*/
   /*background-color:#747c89;*/
   font-size:12px;
   font-weight:normal;
   margin:0px; 
   marginheight:0px; 
   marginwidth:0px;
   behavior: url(csshover.htc);
   /*background-image: url(../img/fond/maquetteproduit.jpg);*/
   background-position:10px -145px; 
   background-repeat:no-repeat;
}






.menu{list-style:none;}
/*menu*/
#main-menu{z-index:0;position:relative;height:20px}
#main-menu .menu{background:#17253b; clear:both; overflow:hidden;padding:0 0 0 0; margin:0 0 0 0}
#main-menu .menu li{float:left;list-style-image:none;padding:0 7px 0 10px}
#main-menu .menu li.first{padding:0 0 0 0}
#main-menu .menu li a{background: #17253b url(../img/puce/puce_menu_bleu.gif)  no-repeat  1% 55% ;color:#ffffff;font-family:Verdana, sans-serif;font-size:14px;text-decoration:none;padding:0px 5px 0px 12px;display:block;font-style:normal;font-weight:normal;}
#main-menu .menu li a:hover{border-bottom: 5px solid #fc9503;background: #17253b url(../img/puce/puce_menu_orange.gif)  no-repeat  1% 55% ;list-style-image:none;font-weight:bold;}
#main-menu .menu li a.current{border-bottom: 5px solid #fc9503;background: #17253b url(../img/puce/puce_menu_orange.gif)  no-repeat  1% 55% ;list-style-image:none;font-weight:bold;}

#main-menu .ssmenu{background:#a09b96 ;padding:0 0 0 0;z-index:-1; }
#main-menu .menu .submenu{display:none; position:absolute; top:7px; left:0;  z-index:1000; padding: 12px 0 0 10px;margin:0 0 0 0}
#main-menu .menu .submenu li{list-style:none;margin-top: 8px;margin-right:0; background:#747c89;}
#main-menu .menu .submenu li.first{padding:0 0 0 0;}
#main-menu .menu .submenu li.last a{background:none;}
#main-menu .menu .submenu li a{color:#ffffff;font-family:Verdana, sans-serif;font-size:12px;text-decoration:none;background:#747c89 url(../img/puce/fleche.gif)  no-repeat  1% 55% ;display:block;padding:0;padding:0px 15px 0px 20px;border-bottom: none;font-style:normal}

#main-menu .menu .submenu li a.current {text-decoration:underline}

#main-menu .menu li:hover .submenu{
    display:block;
}

#main-menu .menu li .submenu.ssmenu_active{
    display:block;
}

/**/











/*********************************style pour le menu horizontal*/
div#menu a {color:#ffffff; font-size:14px;font-weight:normal;z-index:0}
div#menu a:hover {color:#ffffff; font-size:14px;font-weight:bold;z-index:0;border-bottom: 5px solid #fc9503;}
div#menu ul {padding: 0; margin:0px; background: white; text-align:left}

div#menu li {
background:#17253b;
font-weight:normal;
list-style-type: none;
background-image: url(../img/puce/puce_menu_bleu.gif);
background-repeat: no-repeat;
background-position: 1% 55%;
display:inline;
padding-left:5px;
padding-right:20px;
}

div#menu li:hover {
list-style-type: none;
background-image: url(../img/puce/puce_menu_orange.gif);
background-repeat: no-repeat;
background-position: 1% 55%;
display:inline;

}


div#menu li.sousmenu {
background:#17253b;
font-weight:normal;
list-style-type: none;
background-image: url(../img/puce/puce_menu_bleu.gif);
background-repeat: no-repeat;
background-position: 1% 55%;
display:inline;
padding-left:1px;
padding-right:2px;

}

div#menu li.sousmenu2  a {color:#ffffff; font-size:12px;font-weight:normal;z-index:0}

div#menu li.sousmenu2 {
background:#747c89;
font-weight:normal;
list-style-type: none;
background-image: url(../img/puce/fleche.gif);
background-repeat: no-repeat;
background-position: 1% 55%;
display:inline;
padding-left:1px;
padding-right:2px;
}


div#menu li.sousmenu2  a:hover {color:#ffffff; font-size:12px;font-weight:normal;z-index:0; border-bottom: none;}






div#menu li.sousmenu:hover {
font-weight:bold;
background:#17253b;
list-style-type: none;
background-image: url(../img/puce/puce_menu_orange.gif);
background-repeat: no-repeat;
background-position: 1% 55%;
display:inline;
border-bottom: 2px solid #fc9503;
font-weight:bold;

}


/* rejout couleur de fond 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#747c89}*/
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #17253b;}

/* une petite bordure en bottom*/
div#menu ul li {position:relative; list-style: none; float:left;width:auto}

div#menu ul ul {top:26px;position: absolute;display:none; width:850px;height:25px; background-color:#747c89}
div#menu li a {text-decoration: none; padding: 4px 0 0px 10px; display:block;font-style : normal; }
div#menu li.sousmenu a {text-decoration: none; padding: 4px 20px 0px 15px; display:block;font-style : normal; }

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}

/* rajout de couleur de fond et de survol 
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #99CC00}*/

/* fin style pour le menu horizontal*/



/*********************************  TABLE  */
TABLE { height:auto; width:auto; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; marginheight:0px; marginwidth:0px;}
TABLE.cent { height:100%; width:100%;margin-top:5px; }
TABLE.cent_v { height:auto ; width:100%;}
//TABLE.tabppl {height:100%; width:900px; margin-top:10px; background-color:#17253b}
TABLE.tabppl {height:100%; width:900px; margin-top:-7px; background-color:#17253b}
TABLE.tabppl2 {height:648px; width:997px; margin-top:0px; background-color:#17253b}

TABLE.tbpf {height:auto; width:150px; background-color:#17253b;top:0px}



TD  { height:auto; width:auto; color:#ffffff; font-size:12px;font-style:normal; text-align:left; padding-top:0px; margin-top:0px; padding-right:0px;}
TD.image {padding: 0 0 0 0;vertical-align:top }
TD.centrer {font-style:normal; text-align:center; vertical-align:middle; padding-top:0px; padding-bottom:50px}
TD.centrer2 { height:100%; text-align:center; vertical-align:middle;font-weight:normal;}
TD.centrer3 { text-align:center; vertical-align:middle; padding:10px;font-weight:normal;}
TD.centrer4 {font-weight:normal;text-align:center; vertical-align:top; padding-top:0px; padding-bottom:0px}
TD.centrer5 {font-weight:normal; text-align:center; vertical-align:bottom; padding-top:0px; padding-bottom:0px}
TD.centrer6 { font-weight:normal;text-align:left; vertical-align:middle; padding-top:0px; padding-bottom:0px}
TD.centrer7 { text-align:right; vertical-align:middle; padding-top:0px; padding-bottom:0px}
TD.milieu {font-weight:normal;text-align:center; width:50%}


TD.marge  {padding:10px;}
TD.marge2  {padding:0px 10px 0px 10px;}
TD.marge3  {padding:0px 10px 0px 10px; text-align:center}
TD.marge4  {padding-left:10px; }
TD.marge5  {padding-right:10px; }
TD.marge6 {padding:20px 0px 20px 0px; }
TD.marge7 { padding-bottom:20px; }
TD.marge8 {padding:5px; }

TD.align1  {text-align:right}
TD.align2  {text-align:left}
TD.align3 {vertical-align:top}
TD.align4 {vertical-align:bottom}

TD.bandeau {height:375px;}
TD.edito {height:770px}



TD.sm {height:80px; background-color:#282828; }
TD.pf {width:50%; text-align:right;}
TD.photo {height:50px; padding:20px 0px 0px 0px; padding-bottom:20px;}
TD.photo2 {height:50px; padding-bottom:20px;}
TD.txt {padding:0px 0px 0px 0px;;width:50%;vertical-align:middle; }
TD.titrepf {height:25px; color:#ffffff; font-size:13px; background-color:#a00b04; padding:2px 0px 0px 5px}


TD.pointillehaut {color:a3a3a3; text-align:center;  border-width:3px;  padding:10px 0px 10px 0px}


TD.pointille {color:a3a3a3; text-align:center; border-top:0px; border-width:3px;  padding:10px 0px 20px 0px}

TD.pf_imghaut {padding:0px 0px 0px 0px;text-align:right;}

TD.bgancre1 {height:20px;  padding:0px}
TD.bgancre2 {padding:10px 40px 0px 0px}
TD.bgancre3 {height:20px;padding:0px}

TD.contenu {padding:0px 0px 0px 0px}


/* h */
H1 {font-size:20px; font-weight:normal; text-align:left; color:#747c89}
H2 {font-size:16px; font-weight:bold; text-align:left;color:#747c89;font-family:Verdana,sans-serif; }
H4 {font-size:20px; font-weight:bold; text-align:left;color:#747c89 }
H3 {font-size:16px;font-weight:normal;vertical-align:middle}

/* span */
span.rech {font-size:17px; font-weight:bold; text-align:left; color:#850c00}
span.menu {font-size:15px;}
span.menu2 {font-size:16px;}

span.gras {font-size:13px; font-weight:bold;}
span.gras2 {font-size:12px; font-weight:bold;}
span.petit {font-size:11px; color:#31455e; }

span.decal {display:block; margin-left:20px;}




/* styles pour les paragraphes de base*/
P { text-align:justify; font-size:12px; font-family:Verdana, sans-serif; color:#ffffff; font-weight:normal; margin:0px; }

P.titre { font-size:12px; color:#ffffff; text-align:left;}
P.grisclair2 {font-size:12px; font-family:Verdana,sans-serif; color:#7c8a9a; text-decoration:none; font-style:italic}
P.gauche { text-align:left; padding-bottom:30px;font-size:13px;}
P.gauche2 { text-align:left; }
P.margebas {text-align:justify; padding-bottom:30px;}
P.gras { font-weight:bold;}
P.align2 {text-align:justify;}
P.petit {font-size:10px; text-align:left;}
P.marge {padding-top:10px; padding-bottom:10px}
P.bleu {font-size:13px; font-weight:bold; text-align:left;color:#747c89;font-family:Verdana,sans-serif; }



P.photo {width:50%}
P.stphoto {font-size:10px; color:#a3a3a3; text-align:right; padding:0px 30px 0px 0px; }

P.accueil { text-align:justify; font-size:13px; font-family:Verdana, sans-serif; color:#011a39; font-weight:normal; }

P.blanc {color:#ffffff}
P.petitgris {font-size:11px; color:#a3a3a3; }
P.grisclair {font-size:12px; color:#7c8a9a; font-style:italic; font-weight:bold;}

P.marron1 {font-size:15px; color:#6d4e35}
P.marron {font-size:12px; color:#6d4e35}
P.violet {font-size:15px; color:#9e2d59; text-align:center; padding-top:30px; }
P.violet2 {font-size:15px; color:#9e2d59; text-align:center; padding-top:20px; }



/* styles pour les puces*/



ul { font-family:Verdana, sans-serif; font-weight:normal;  padding-top:2px;  }
li {list-style-image:url(../img/puce/puce_default_menu.gif); padding:2px 0; font-weight:normal;}


ul.classic  { font-family:Verdana, sans-serif; font-weight:bold; margin:0px; padding:0 0 }
li.classic {list-style:disc; padding:2px 0 6px 0;list-style-position:inside;list-style-image:none}

ul.marquee { font-family:Verdana, sans-serif; font-weight:bold; margin-left:0px; }
li.marquee {
list-style-type: none;
background-image: url(../img/puce/fleche_orange.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
display:inline;
padding-left:15px;
padding-right:20px;
}

ul.menu3 { font-family:Verdana, sans-serif; padding-top:2px;  }
li.menu3 {
list-style-type: none;
background-image: url(../img/puce/puce_menu_bleu.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
display:inline;
padding-left:15px;
padding-right:20px;
}
li.menu4 {
list-style-type: none;
background-image: url(../img/puce/puce_menu_orange.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
display:inline;
padding-left:15px;
padding-right:20px;

}



ul.ssmenu { font-family:Verdana, sans-serif; padding-top:2px;margin:0 0 0 1px  }
li.ssmenu {
list-style-type: none;
background-image: url(../img/puce/fleche_orange.gif);
background-repeat: no-repeat;
background-position: 0% 65%;
display:inline;
padding-left:12px;
padding-right:20px;
}





/* images */
img.imgedito {margin:10px;}
img.pf {float:left}


/* styles pour les calques : un calque container, un calque normal*/


DIV.vague {border: 0px solid rgb(0, 0, 0); position: relative;  top: 5px;}



DIV.container {position:relative;  border:solid 0px #575f61;top:0px; left:0px; width:100%; height:100%; border:solid 0px #575f61; text-decoration:none; z-index:2; }
DIV.container1 {position:relative; top:0px; left:0px; width:10px; height:100%; border:solid 0px #575f61; text-decoration:none; z-index:1; }

DIV {position:absolute; }
DIV.relative {position:relative; }
DIV.pf {margin-top:2px}
DIV.logo {top:15px; left:15px; }
DIV.logo2 {top:75px; left:772px; border:solid 1px #747c89;}
DIV.logo3 {top:55px; left:15px; border:solid 0px #575f61;width:905px}
DIV.txt_logo {top:107px; left:320px;}
DIV.baseline {top:650px; left:10px;}

DIV.acc_menu1 {top:262px; left:60px;}
DIV.acc_menu2 {top:262px; left:245px;}
DIV.acc_menu3 {top:262px; left:420px;}
DIV.acc_menu4 {top:262px; left:596px; border:solid 0px #a3a3a3;}
DIV.acc_menu5 {top:262px; left:800px; border:solid 0px #a3a3a3;}
DIV.acc_menu6 {top:585px; left:32px; }




DIV.titre {left:650px; margin-top:-35px; }
DIV.titrejaune {top:29px; left:185px; width:670px; }

DIV.dessinbas {top:0px; left:375px;}
DIV.glossaire {top:-40px; left:150px; width:200px; background-color:#ffffff; border:solid 1px #a3a3a3; visibility:hidden}
DIV.phototextebas {top:430px; left:200px; width:778px;height:155px;border:0px solid red }
DIV.pied {top:580px; left:200px; width:604px;height:100px;border:0px solid red;text-align:center;font-size:9px; font-family: Verdana, sans-serif;color:#8e95a0;  }
DIV.nonfeu {top:470px; left:900px;border:2px solid red;width:78px;height:76px}
DIV.stopflam {top:470px; left:825px;border:2px solid green;width:65px;height:77px}



DIV.bg2 {position:relative; width:500px; border:0px solid red }
DIV.bg3 {position:relative; width:100%; border:0px solid red }

/* div clicable*/
#suivant {top:100px;left:500px;background:none;cursor: pointer;border:0px solid green;}
#stopflam2 {width:65px;height:76px;top:40px;left:625px;background:none;cursor: pointer;border:0px solid green;}
#nonfeu2 {width:77px;height:77px;top:40px;left:700px;background:none;cursor: pointer;border:0px solid red;}
#logotop2 {width:154px;height:74px;margin: 1em 1%;background-image: url(../img/fond/transparent.gif);cursor: pointer;border:0px solid red;position:absolute;}
#langue {width:77px;height:30px;top:50px;left:900px;background:none;cursor: pointer;border:0px solid red;}
/* styles pour les liens */

A {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#fc9503; text-decoration:none;  font-style:italic; font-weight:bold;}
A:link {color:#fb7d02; text-decoration:none; font-weight:bold;}
A:visited {color:#fb7d02; text-decoration:none; font-weight:bold; }
A:active {color:#fb7d02; text-decoration:none; font-weight:bold; }
A:hover {color:#fb7d02; text-decoration:none; font-weight:bold; }

A.grisclair {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:underline; font-style:italic}
A.grisclair :link {color:#7c8a9a; text-decoration:none }
A.grisclair :visited {color:#7c8a9a; text-decoration:none }
A.grisclair :active {color:#7c8a9a; text-decoration:none }
A.grisclair :hover {color:#7c8a9a; text-decoration:none }

A.grisclair2 {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#7c8a9a; text-decoration:none; font-style:italic}
A.grisclair2 :link {color:#7c8a9a; text-decoration:none }
A.grisclair2 :visited {color:#7c8a9a; text-decoration:none }
A.grisclair2 :active {color:#7c8a9a; text-decoration:none }
A.grisclair2 :hover {color:#7c8a9a; text-decoration:none }


A.gras {color:#a00b04;}
A.gras:link {color:#a00b04; text-decoration:none }
A.gras:visited {color:#a00b04; text-decoration:none }
A.gras:active {color:#a00b04; text-decoration:none }
A.gras:hover {color:#a00b04; text-decoration:none }


A.blanc {color:#ffffff;}
A.blanc:link {color:#ffffff; text-decoration:none }
A.blanc:visited {color:#ffffff; text-decoration:none }
A.blanc:active {color:#ffffff; text-decoration:none }
A.blanc:hover {color:#ffffff; text-decoration:none }


A.ancre_orange {font-size:14px; color:#fb7d02; font-style:italic; font-weight:bold;font-style :normal}
A.ancre_orange:link {font-size:12px; color:#fb7d02; font-weight:bold; text-decoration:none ;font-style :normal}
A.ancre_orange:visited {font-size:12px; color:#fb7d02; font-weight:bold; text-decoration:none;font-style :normal }
A.ancre_orange:active {font-size:12px; color:#fb7d02; font-weight:bold; text-decoration:none;font-style :normal }
A.ancre_orange:hover {font-size:12px; color:#fb7d02; font-weight:bold; text-decoration:none ;font-style :normal}


A.acc_menu:link, A.acc_menu:hover, A.acc_menu:visited {
	font-size:16px;
	display: block;
	color: #455162;
	font-weight:normal;
	font-style:normal;
	
	
	}


A.acc_menu6:link, A.acc_menu6:visited {
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	
 	}
 	
 A.acc_menu6:hover
 {
 	display: inline;
 	border-bottom: 4px solid #fc9503 ;
 	font-weight:bold;
 	
}
A.acc_menu6:select
 {
 	display: inline;
 	border-bottom: 4px solid #fc9503 ;
 	font-weight:bold;
 	
}



A.lirelasuite:link, A.lirelasuite:hover, A.lirelasuite:visited {
	font-size:12px;
	display: block;
	width: 150px;
	float:right;
	text-align:right;
	color:#fb7d02;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	border:solid 0px #ff00ff
	}


A.mail:link, A.mail, A.mail:visited {
	font-size:12px;
	
	color:#fb7d02;
	
	}



/* sav
a.menu2:link, a.menu2:visited {
	font-size:13px;
	display: block;
	float: left;
	line-height:13px;
	border: 0px solid #fff;
	text-align:center;
	font-weight:bold;
}
*/

a.menu2:link, a.menu2:visited {
	color:#d5ac88;
	font-size:12px;

	border: 0px solid #fff;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
}



a.menu3:link, a.menu3:visited {
	color:#31455e;
	font-size:13px;

	border: 0px solid #fff;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
}