/*CSS des blocs*/
body {font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 50px 0 0 0; background-color:#262626;}
#page { padding: 0px; width: 970px; height:530px; margin:0 auto; background-color: #CFCEDA; clear:both; }/*module bannière*/
#main_menu {border: none; margin: 0px 0px 30px 420px; padding:5px 0 0 0; height: 30px; font-family:trebuchet ms,geneva; text-align:left; line-height: 17px; }/*réglage général du menu */
#gauche { float: left; width:280px; margin:50px 0 60px 15px; padding:260px 0 0 15px;}/*colonne à gauche*/
#centre { overflow:visible;float:right; width: 600px; margin:0 0 5px 0; padding: 10px;} /*bloc central de texte*/
#blocaccueil {overflow:visible;width: 600px; height:400px; margin:0 0 5px 0; border-left:3px solid #CFCEDA; border-bottom:2px solid #c03; text-align:center; font-weight:bold; font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#39394c; line-height:16px;}
#blocpage {overflow:visible;width: 600px;  height:400px; margin:0; border-left:3px solid #39394C; border-bottom:2px solid #c03; background-color:#CFCEDA;}
#blocarticle{overflow:visible;width: 610px; height:340px; margin:0px 0 0px 10px; text-align:center; }
#introduction{width: 135px; height:310px; margin:0px 0 0px 10px; border-right-width: 1px; border-right-style: dashed; background-color: #b1b1c7; padding-right: 10px; text-align:right; float:left;}
#corpus {width:400px; height:320px; margin:0px 0 21px 0px; float:right; text-align:center; color:#333;}
#corpusarticle {width:400px; height:300px; margin:0px 0 21px 0px; float:right; font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#333; font-weight: lighter; line-height:20px; text-align:left;}
#bas { border-left:3px solid #39394C; width:590px; height:30px; margin:0px 0px 50px -3px; padding: 5px; font-size: 13px; text-align: right; color:#39394C; font-style:italic; clear:right;}
#basaccueil {border-left:3px solid #CFCEDA; width:590px; height:30px; margin: -5px 0 15px 0; font-size: 13px; padding: 5px; text-align: right; clear:both; color:#39394C; font-style:italic; }
#basarticle {border-left:3px solid #39394C; width:590px; height:30px; margin: 1px 0 15px -3px; font-size: 13px; padding: 5px; text-align: right; clear:right; color:#39394C; font-style:italic; }
#pied { width:950px; font-size: 11px; margin: 0 auto; text-align: center; padding: 0px; clear:both;background-color:#262626;}
#miseajour { font-size: 10px; color:#666; text-align:center; padding:5px 25px 0 0; font-style:italic;background-color:#262626;}/*mise à jour*/
a:hover {color:#c03; width:250px;}
img {border:none;}
/* style image laure*/
/* --- système de vignettes à éclipse module logo gauche-----*/
a {background:none; text-decoration:none;border:0px none;color:#39394d;}
a.zip2 {text-decoration: none;}
a.zip2:hover { border:none;}
a.zip2 span {display:block; position:absolute; top:200px; left:-99em; }
a.zip2:hover span {left:280px; top:100px;}
.laure {width:230px; height:230px; margin:5px; border:none;}
/* --- système de vignettes à éclipse des pictos-----*/
a {background:none; text-decoration:none;border:0px none;color:#38374d;}
a.zip {text-decoration: none;}
a.zip:hover { border:none;}
a.zip span {display:block; width:285px; background:#333; border:2px solid #000; padding:10px 30px 10px 10px; position:absolute; bottom:200px; left:-999em; text-align: center; color:#ccc; font-size:12px; }
a.zip:hover span {left:0px;}
a.opacity img {filter:alpha(opacity=40); -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=0.6);}
a.opacity:hover img {filter:alpha(opacity=100);-moz-opacity:1.0; opacity: 1.0; filter:alpha(opacity=1);}
#galerie {border:1px solid #fff;width:560px; background:#fff;}
a.zip:hover span {left:245px; bottom:300px;}

/*---------- CSS des catégories----*/
/*---------- CSS des catégories----*/
.navfxenabled { width:600px; }
#main_menu ul {position: relative; z-index:3; padding: 0px 5px;} /* ouverture de liste */
#main_menu li {float: left; padding: 0; position: relative; color: #eee; list-style-type: none;}/* élément de liste, les catégories */
#main_menu a {display: block; color: #38374d; text-decoration: none; font-size:12px; line-height:12px;text-transform: none; font-style:italic; padding: 3px 5px;} /* liens du menu */
#main_menu a:hover, 
#main_menu a:focus {text-decoration: none ;} /* survol des liens */
#main_menu li li {display: block ; float: none;} /* sous-menu */
#main_menu li ul {display: none; position: absolute;} /* fait que les sous-menus ne soient pas visibles hors survol */
#main_menu li:hover ul, #main_menu .navfxenabled li.hover ul {display: block;} /* fait que les sous-menus soient visibles au survol */
#main_menu li:hover ul, #main_menu .navfxenabled li.hover ul {display: block; background-color:#eee;} /* fait que les sous-menus soient visibles au survol */
#main_menu ul li ul {padding-left:0px;} /* pas de retrait pour les sous-menus */
#main_menu .cat0, 
#main_menu .cat0 ul {background: #cecfda;width:30px;} /* couleur fond pour chacune des catégories */
#main_menu .cat1, 
#main_menu .cat1 ul {background: #4b1313; width:80px;} /* ouleur fond pour chacune des catégories */
#main_menu .cat1 ul {border:1px solid #4b1313; width:73px; margin:5px 0 0 0;} /* fait que les sous-menus soient visibles au survol */
#main_menu .cat2, 
#main_menu .cat2 ul {background: #cb0133; width:72px;} /* couleur fond pour chacune des catégories */
#main_menu .cat2 ul {border:1px solid #cb0133; width:65px; margin:5px 0 0 0;} /* fait que les sous-menus soient visibles au survol */
#main_menu .cat3, 
#main_menu .cat3 ul {background: #998365; width:80px; } /* couleur fond pour chacune des catégories */
#main_menu .cat3 ul {border:1px solid #998365; width:73px; margin:5px 0 0 0;} /*fait que les sous-menus soient visibles au survol */  
#main_menu .cat4, 
#main_menu .cat4 ul  {background: #96be10; width:70px; } /* couleur fond pour chacune des catégories */
#main_menu .cat4 ul {border:1px solid #96be10; width:63px; margin:5px 0 0 0;} /* fait que les sous-menus soient visibles au survol */  
#main_menu .cat5, 
#main_menu .cat5 ul {background: #39394d; width:70px; } /* couleur fond pour chacune des catégories */
#main_menu .cat5 ul {border:1px solid #39394d; width:63px; margin:5px 0 0 0;} /* fait que les sous-menus soient visibles au survol */
#main_menu .navfxenabled li.cat1 ul ,
#main_menu .navfxenabled li.cat2 ul ,
#main_menu .navfxenabled li.cat3 ul ,
#main_menu .navfxenabled li.cat4 ul, 
#main_menu .navfxenabled li.cat5 ul {margin-top:0px}
#blocpage {overflow:visible;}/*permet à ce que les sous-menus puissent dépasser la celulle, ici la colonne article*/


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #39394d;
	line-height:25px;
	margin:0 2px;
	font-variant: small-caps;
	letter-spacing: 0.5em; 
}
h2 {font-family: arial black,avant garde, sans-serif; font-size: 10pt; color: #39394d; line-height:25px; font-style:italic; display: inline; margin:0 2px;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#333; font-weight: lighter; line-height:18px; display: inline;}
h3 a {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000; font-weight: bold; line-height:18px; display: inline;}
h3 a:hover {color:#c03;}
#bas a {padding:0 8px;	color:#333;	letter-spacing: 0.1em; word-spacing:0.1em; }
#bas a:hover {color:#c03;}
#pied a {padding:0 15px; color:#cfceda; letter-spacing: 0.1em; word-spacing:0.1em; }
#pied a:hover {color:#c03;}
ul {list-style:none;}

/*css articles OB*/
.titredelarticle {width:330px; margin:0px 0 20px -15px; padding: 2px 10px 0 20px; height:18px; letter-spacing:2px; color:#AAA; font-family: Trebuchet, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bolder; font-style:italic; background-color:#39394b; text-align:left;}
h4 {font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#262626; line-height:16px; font-weight:lighter;}
.vignette {width:80px; height:80px; margin:5px; border:1px solid #000;}
.vignetteref {width:65px; height:65px; border:1px solid #000;}
.vignettephoto {width:60px; height:60px; border:1px solid #000;}
.laure {width:230px; height:230px; margin:5px; border:none;}
.logocarre{width:212px; height:212px;}
.logoblanchard {width:281px; height:96px;}
.logobijou {width:183px; height:220px;}
.logoegg {width:250px; height:116px;}
.logofaun {width:79px;height:230px;}
.logovpa {width:171px;height:250px;}
.logovuda {width:260px; height:137px;}
.logojabelin{width:226px; height:251px;}
.cartecarre{width:210px; height:210px;}
.cartevertical {width:159px; height:241px;}
.cartehorizontal {width:241px;height:156px;}
.etape {width:60px;height:60px;}
.refcarre{width:212px; height:212px;}
.refblanchard {width:281px; height:96px;}
.internetgrande {width:300px; height:142px; border:1px solid #808080;}
.interneteli {width:300px; height:208px; border:1px solid #808080;}
.internettom {width:300px; height:145px; border:1px solid #808080;}
.internetvignette {width:60px; height:60px;}
.internetvuda {width:300px; height:143px;border:1px solid #808080;}
.deriveanglais {width:300px; height:212px;}
.derivebache {width:105px; height:250px;}
.derivefaun {width:300px; height:107px; padding:0px 20px 0 0px;}
.derivecalendrier {width:250px; height:197px;}
.deriveclasseur {width:300px; height:171px;}
.deriveintercalaire {width:177px; height:250px;}
.initiation {width:80px; height:80px; margin:0px; border:1px solid #000;}
.invitbruno {width:250px; height:181px;}
.invitstella {width:250px; height:173px;}
.invitmichele {width:250px; height:237px;}
.invitexposition {width:250px; height:177px;}
.invitmarieliesse {width:113px; height:250px;}
.msidgrand  {width:300px; height:225px;}
.photogrande {width:300px; height:201px;}
.refphotogrande {width:300px; height:106px;}
.photohaute {width:201px; height:300px;}
.foto {width:80px; height:80px; margin:0px; border:1px solid #000;}
.pack {width:208px; height:270px;}
.tarifsbureau {width:290px; height:205px;}
.tarifsmaintenance {width:290px; height:305px;}
.vpa {width:300px; height:150px;}