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



body { margin:0; padding:0 0 10px 0; behavior:url("csshover.htc"); }
ul, li { list-style:none; margin:0; padding:0; }
img { border:none; }
sup { vertical-align:text-top; }

#conteneur { width:960px; margin:0 auto; }
#header { height:80px; }
#logo { height:80px; width:300px; line-height:80px; padding-top:24px; }
#mailing-list { float:right; text-align:right; padding-top:25px; }
#mailing-list p { margin-bottom:1px; font-size:11px; }

#nav { border-top:1px dotted black; border-bottom:1px dotted black; padding:2px 0 3px 0; }
.topnav { height:25px; overflow:hidden;}
.topnav li { float:left; display:inline; margin-right:10px; font-family:Garamond, "Times New Roman", Times, serif; font-size:20px; line-height:25px; padding:0; }
#bandeau { margin:10px 0 20px 0; font-family: 'Cardo', Garamond, "Times New Roman", Times, serif; font-size:24px; line-height:28px; border-bottom:1px dotted black; padding-bottom:10px; } /* NE PAS OUBLIER DE VIRER HEIGHT SUR LE SITE DÉFINITIF ! */
.bandeau { height:inherit; width:680px; }
.marques { height:inherit; margin-left:50px; }

#contenu { margin-top:20px; }
.news { margin-bottom:20px; }

<!--.articles { margin-bottom:40px; }-->
.articles { margin-bottom:20px; }

#langues { float:right; text-align:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom:1 }

.gauche { width:695px; float:left; }
.droite { margin-left:35px; width:230px; float:left;  }

.date2 { color:#777; margin-right:0px; margin-left:10px; width:130px; float:left; display:block; }
h2 { margin:0 0 20px 0; padding:0; font-family:Garamond, "Times New Roman", Times, serif; font-size:26px; line-height:30px; font-weight:normal; }



<!--CSS Pour page Beauty-->
.titrebeauty { margin:0 0 20px 0; padding:0; font-family:Garamond, "Times New Roman", Times, serif; font-size:28px; line-height:30px; font-weight:normal; }
.articlesBeauty { margin-bottom:20px; }
.positionFlash { margin-top:-30px; }
.positionFlash2 { margin-top:-40px; }




h2 span.date { margin:0; padding:0; font-family:Garamond, "Times New Roman", Times, serif; font-size:22px; color:#777; font-weight:normal; }
p, li { margin:0; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; line-height:18px; }
h5 { margin:20px 0 10px 0; font-family:Garamond, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; line-height:22px; }

.div-partager { margin-top:30px; padding-bottom:5px; border-bottom:1px dotted #000; }
.partager { font-size:10px; font-family:"Arial", Gadget, sans-serif; line-height:20px; }
.partager li { display:inline; padding:0 10px; border-right:1px dotted #000; }
.partager li a:link, .partager li a:active, .partager li a:visited { text-decoration:none; color:#000; }
.partager li a:hover { text-decoration:underline; color:#000; }

.liste, .liste3 { margin-bottom:20px; }
.liste li { display:block; padding-bottom:3px; margin-bottom:5px; border-bottom:1px dotted black; font-family:Garamond, "Times New Roman", Times, serif; font-size:20px; line-height:20px; }
.liste3 li { display:block; padding-bottom:3px; margin-bottom:5px; border-bottom:1px dotted black; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; }

.liste2 { margin-bottom:20px; }
.liste2 li { display:block; padding-bottom:3px; padding-left:20px; margin-bottom:5px; border-bottom:1px dotted black; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; background:url(../images/fleche-1.gif) no-repeat; }
.fleche-zoom { padding-left:25px; background:url(../images/fleche-zoom-1.gif) no-repeat; }
.fleche-zoom:hover { background:url(../images/fleche-zoom-2.gif) no-repeat; }
.fleche { padding-left:25px; background:url(../images/fleche-1.gif) no-repeat; } 
.fleche:hover { padding-left:25px; background:url(../images/fleche-2.gif) no-repeat; } 
.pdf li { background:url(../images/pdf-1.gif) no-repeat; }
/*.pdf li { background:url(../images/pdf-2.gif) no-repeat; }*/

.graphique { background:#eee; padding:20px; text-align:center; }
.degrade-1 { background:url(../images/degrade-1.jpg) no-repeat; }
.degrade-2 { background:url(../images/degrade-2.jpg) no-repeat; }
.derniers-communiques { margin-top:20px; }

.f-marques { border-bottom:1px dotted #000; padding-bottom:5px; margin-bottom:5px; font-family:Garamond, "Times New Roman", Times, serif; font-size:16px; }

#footer { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; margin-top:40px; clear:both; }
#footer ul li { display:inline; margin-right:5px; }

h4 { font-family:Garamond, "Times New Roman", Times, serif; font-size:20px; line-height:20px; font-weight:normal; margin-bottom:10px; }

a:link, a:active, a:visited { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; color:#000; }

.contenu-gauche p a:link, .contenu-gauche p a:active, .contenu-gauche p a:visited { text-decoration:underline; color:#000; }
.contenu-gauche p a:hover { text-decoration:none; color:#000; }


.folio { margin:10px 0; }
.folio li { display:inline; font-size:10px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; }
.folio li span { border:1px dotted #ccc; background:#fff; padding:2px 5px; color:#ccc; }
.folio li a { border:1px dotted #000; background:#fff; padding:2px 5px; }

a.underline:link, a.underline:active, a.underline:visited { text-decoration:underline; }
.champs { width:170px; border:none; font-size:12px; background:#eee; }
.submit { background:#000; color:#fff; border:none; padding:0 2px; }
.submit:hover { background:#090; }

.tableau { border:0; border-collapse:separate; margin-bottom:10px; }
.tableau th, .tableau td { font-size:11px; line-height:16px; font-family:Arial, Helvetica, sans-serif; text-align:right; vertical-align:top; padding-top:5px; }
.tableau td.align-gauche, .tableau th.align-gauche { text-align:left; }
.tableau td.align-milieu, .tableau th.align-milieu { text-align:center; }
.tableau tr.gros-dot td { border-bottom:2px dotted #000; }
.tableau tr.petit-dot td { border-bottom:1px dotted #000; }
.tableau tr.italique td { font-style:italic; font-size:12px; }
.gras { font-weight:bold; }
.tableau tr th { padding-bottom:10px; }

.tableau2 { border:0; border-collapse:separate; margin-bottom:10px; }
.tableau2 th, .tableau2 td { font-size:11px; line-height:16px; font-family:Arial, Helvetica, sans-serif; text-align:left; vertical-align:top; padding-top:5px; }
.tableau2 td.align-gauche, .tableau th.align-gauche { text-align:left; }
.tableau2 tr.gros-dot td { border-bottom:2px dotted #000; }
.tableau2 tr.petit-dot td { border-bottom:1px dotted #000; }
.tableau2 tr.italique td { font-style:italic; font-size:12px; }
.tableau2 tr th { padding-bottom:10px; }


.contenu-gauche { float:left; width:490px; padding-right:20px; border-right:0px dotted #000; }
.nav-laterale { float:left; width:140px; margin-left:25px; }

.nav-bis { margin-bottom:20px; padding-top:3px; }
.nav-primo li { font-family:Garamond, "Times New Roman", Times, serif; font-size:20px; line-height:20px; }
.nav-primo li a.actif { text-decoration:underline; }
.nav-bis li { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13px; color:#777; margin-bottom:3px; }
.nav-active { border-bottom:1px dotted #000; margin-bottom:20px; }
.nav-3 { margin-bottom:10px; padding-top:3px; }
.nav-3 li { font-family:Arial, Helvetica, sans-serif; padding-left:10px; font-size:11px; line-height:10px; color:#777; margin-bottom:3px; background:url(../images/puce.gif) no-repeat 0 2px; }

.puce { margin-bottom:10px; }
.puce li { background:url(../images/puce.gif) no-repeat left 6px; padding-left:12px; margin-bottom:3px; }

.legende { font-size:10px; }

.infobulle { position:absolute; display:table; background:#000; padding:5px 8px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;
			-moz-box-shadow: 0 0 6px #979797; -webkit-box-shadow: 0 0 6px #979797; }

.nav-bis a:link, .nav-bis a:active, .nav-bis a:visited { text-decoration:none; color:#777; }
.nav-bis a:hover { text-decoration:underline; color:#777; }


.liste2 a:link, .liste2 a:active, .liste2 a:visited { text-decoration:underline; color:#000; }
.liste2 a:hover { text-decoration:none; color:#000; }

.liste3 a:link, .liste3 a:active, .liste3 a:visited { text-decoration:none; color:#000; padding-bottom:3px; }
.liste3 a:hover { text-decoration:underline; color:#000; }
div.etape { padding-top:10px;}


p.titreClick { margin:0; padding:10px 0 0 0;}
.articles .titreClick a:link, .articles .titreClick a:active, .articles .titreClick a:visited { text-decoration:none; color:#000; }
.articles .titreClick a:hover { text-decoration:underline; color:#000;}


/*Doublon pour ouverture auto Info Reglementee*/
p.titreClick2 { margin:0; padding:10px 0 0 0;}
.articles .titreClick2 a:link, .articles .titreClick2 a:active, .articles .titreClick2 a:visited { text-decoration:none; color:#000; }
.articles .titreClick2 a:hover { text-decoration:underline; color:#000;}


/*Doublon pour Info Reglementee affichage 3 docs d'office*/
p.titreClick3 { position:relative; top:10px; padding:10px 0 0 0; font-size:12px;}
.articles .titreClick3 a:link, .articles .titreClick3 a:active, .articles .titreClick3 a:visited { position:relative; text-decoration:none; color:#000; }
.articles .titreClick3 a:hover { position:relative; text-decoration:none; color:#000;}





.articles a.fleche:link, .articles a.fleche:active, .articles a.fleche:visited { text-decoration:none; color:#000; padding-bottom:3px; }
.articles a.fleche:hover { text-decoration:underline; color:#000; }

a.suite:link, a.suite:active, a.suite:visited { text-decoration:none; color:#000; font-weight:bold; background:url(../images/fleche-1.gif) no-repeat; padding-left:25px; padding-bottom:5px; }
a.suite:hover { text-decoration:none; color:#000; font-weight:bold; background:url(../images/fleche-2.gif) no-repeat; padding-left:25px; padding-bottom:3px; }



a.suite2:link, a.suite2:active, a.suite2:visited { text-decoration:none; color:#000; font-weight:bold; background:url(../images/fleche-1.gif) no-repeat; padding-left:25px; padding-bottom:15px; }
a.suite2:hover { text-decoration:none; color:#000; font-weight:bold; background:url(../images/fleche-2.gif) no-repeat; padding-left:25px; padding-bottom:15px; }





a.lien-puce:link, a.lien-puce:active, a.lien-puce:visited { text-decoration:none; color:#000; background:url(../images/fleche-1.gif) no-repeat; padding-left:25px; padding-bottom:5px; }
a.lien-puce:hover { text-decoration:underline; color:#000; background:url(../images/fleche-2.gif) no-repeat; padding-left:25px; padding-bottom:3px; }

.cols-1 li { display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; }
.cols-2 li { display:block; float:left; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; }
.cols-2 li.decal { margin-left:10px; }

.partager li a.haut-de-page:link, .partager li a.haut-de-page:active, .partager li a.haut-de-page:visited { text-decoration:none; color:#777; }
.partager li a.haut-de-page:hover { text-decoration:underline; color:#777; }
.filet { border-bottom:1px dotted #000; }
.filet2 { border-bottom:1px dotted #000; margin-bottom:20px; }
.filetfondcouleur {position:relative; border-bottom:1px dotted #000; background-color:#CCC; margin-bottom:10px; line-height:13px; padding-bottom:-5px;}


p.erreur { color:#E00; font-weight:bold; text-transform:uppercase; font-size:11px;}
p.ok { color:#090; font-weight:bold; text-transform:uppercase; font-size:11px;}

span.soustitre { font-size:20px; text-decoration:none;}



ul#onglets li ul { position:absolute; background:#FFF; border-bottom:0 dotted #000; margin:29px 0 0 0; padding:10px 10px 5px 10px; width:157px;/* -moz-box-shadow:0 2px 4px #979797;*/ border-bottom:1px dotted #000;}
ul#onglets li ul li { float:none; border-bottom:1px dotted #AAA; display:block; padding:2px; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px;}
ul#onglets li ul li.last { border:0; }
ul#onglets li ul li a { color:#777; display:block;}


a.video:link, a.video:active, a.video:visited { text-decoration:none; color:#000; background:url(../images/icone_video.gif) no-repeat; padding-left:25px; padding-bottom:5px; }
a.video:hover { text-decoration:none; color:#000; background:url(../images/icone_video_over.gif) no-repeat; padding-left:25px; padding-bottom:3px; }

a.download:link, a.download:active, a.download:visited { text-decoration:none; color:#000; background:url(../images/download_1.gif) no-repeat; padding-left:25px; padding-bottom:5px; }
a.download:hover { text-decoration:none; color:#000; background:url(../images/download_2.gif) no-repeat; padding-left:25px; padding-bottom:3px; }


.invisible { display:none;}
.visible { display:inherit;}