@charset "utf-8"; 

/* MAIN CSS */
body {behavior: url("../../script/hover.htc");}
body, div, img, a, p, h1, h2, h3, h4, h5, h6, ul, li, ol, hr{margin:0; padding:0; border:0; outline:0;}
body{background:#073a50 url(../images/layout/background.jpg) repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
img{color:#FFF;}
#mf{position:relative; margin:auto; width:980px;}
.ms{float:left; width:980px; margin-bottom:10px;}
#mn .lft, #mn .rght, .dbox .tl, .dbox .tr, .dbox .bl, .dbox .br, #ct .tl, #ct .tr, .ctfoot .lft, .ctfoot .rght, .subit, .subib{background-image:url(../images/layout/frames.gif);}
#mn, #mn .dt, #mn .lk:hover, #mn #select{background-image:url(../images/layout/spritev.gif)}
#mn{height:42px; overflow:hidden; background-color:#f1f1f1; font-variant:small-caps;}
#mn .lft, #mn .rght{width:6px; height:42px; line-height:0;}
#mn .lft{float:left; margin-right:5px;}
#mn .rght{float:right; background-position:-6px 0;}
#mn .dt{float:left; width:1px; height:15px; display:block; margin-top:15px; background-position:0 -84px;}
#mn .dt span{position:absolute;}
#mn .lk{float:left; padding:0 15px; color:#00202f; font-size:15px; line-height:41px;}
#mn .lk:hover, #mn #select{background-position:0 -42px; color:#366b7e;}
#meteo{float:left;padding:8px 0 0 230px;font-size:14px;font-weight:bold;}
#meteo a {float:left;color:#073a50;padding:3px 0 0 7px;}
#meteo img{float:left;}
#bn{width:980px; height:128px;}
.dbox{float:left; background:#0d2632; margin-right:10px; width:237px;}
.lst{margin-right:0;}
.tl, .tr, .bl, .br, .dbox .tc, .dbox .bc{float:left; line-height:0;}
.tl, .tr, .bl, .br{width:6px; height:6px;}
.dbox .tc,.dbox .bc{height:5px;}
.dbox .tc, .dbox .bc{width:225px;}
.dbox .tc{border-top:1px solid #05171f;}
.dbox .bc{border-bottom:1px solid #05171f;}
.dbox .tl{background-position:-12px 0;}
.dbox .tr{background-position:-18px 0;}
.dbox .bl{background-position:-12px -6px;}
.dbox .br{background-position:-18px -6px;}
#footer .dbox .tl{background-position:-12px -24px;}
#footer .dbox .tr{background-position:-18px -24px;}
#footer .dbox .bl{background-position:-12px -30px;}
#footer .dbox .br{background-position:-18px -30px;}
.dbox .new{float:left; border-left:1px solid #05171f; border-right:1px solid #05171f; padding:0 10px; width:215px;}
#doub.dbox {width:484px;}
#doub.dbox .tc, #double.dbox .bc{width:472px;}
#doub.dbox .new{width:462px;}
#quad.dbox {width:980px; margin:0;}
#quad.dbox .tc, #quad.dbox .bc{width:968px;}
#quad.dbox .new{width:968px;}
#news{float:left; width:980px; margin-bottom:0;}
.titre{float:left; font-size:16px; font-variant:small-caps; font-weight:bold; width:100%;}
.tease{float:left; overflow:hidden; height:5em;}
.tease:hover{text-decoration:underline;}
.date{float:left; font-size:10px; color:#FFF; width:100%;}
.assoc, .assoc .tease{color:#01c6ff;}
.activ, .activ .tease{color:#ffdf3c;}
.envir, .envir .tease{color:#a3eb33;}
.munic, .munic .tease{color:#ff984c;}
#ct{float:left; padding-left:10px; padding-top:10px; width:721px; color:#FFF;}
.cthd{float:left; width:721px; background:#095d7b;}
.side{float:left; width:6px;}
#ct .tl{background-position:-12px -12px;}
#ct .tr{background-position:-18px -12px;}
.cbl{border-left:1px solid #051820; line-height:2.3em;}
.cbr{border-right:1px solid #051820; line-height:2.3em;}
.hdc{float:left; width:692px; line-height:2em; border-top:1px solid #051820; padding-left:10px; padding-right:7px;}
.hdtitle{float:left; font-size:16px; font-weight:bold; font-variant:small-caps; line-height:2em; padding:0 15px;}
.print{float:right; line-height:2.4em; width:27px; background: no-repeat center url(../images/icons/icon_print.gif);}
#princ{float:left; width:619px; border-left:1px solid #051820; border-right:1px solid #051820; background-color: #ededec; padding:40px 50px 40px 50px; color:#095069;}
.ctfoot, .ctfoot .lft, .ctfoot .rght{float:left; height:6px;}
.ctfoot{width:721px; line-height:0; background-color:#f1f1f0;}
.ctfoot .lft{width:6px; background-position:-12px -18px;}
.ctfoot .rght{width:6px; background-position:-18px -18px;}
.ctfoot .cntr{float:left; width:709px; height:5px; border-bottom:1px solid #051820;}
.submn{float:left; width:237px; padding-top:10px;}
.subt{float:left; width:227px; font-size:19px; font-variant:small-caps; font-weight:bold; line-height:1.25em; color:#095d7b; padding:4px 0 5px 10px;}
.subi{float:left; width:100%; background:#0d2632; margin-top:1px; color:#cfd0d0; line-height:0;}
.subi:hover, #subselect{background:#095d7b; color:#FFF;}
.subi:hover .subit, #subselect .subit{background-position:-17px -36px; border-color:#095d7b;}
.subi:hover .subib, #subselect .subib{background-position:-17px -41px; border-color:#095d7b;}
.subit, .subib{width:100%; float:left; border-left:232px solid #0d2632; line-height:0; height:5px; width:5px;}
.subit{background-position:-12px -36px;}
.subib{background-position:-12px -41px;}
.subic{width:207px; float:left; padding:2px 10px; line-height:1.2em;}
.xbox{float:left; width:222px; padding-left:10px; margin-top:2px; color:#FFF;}
.xpic{float:left; border:1px solid #051d29; width:182px; padding:5px; display:block; margin-top:5px; margin-bottom:5px; background:#0d2632;}
.xpic img{float:left; display:block; border:1px solid #051d29;}
.xpicinf{float:left; width:180px; padding:5px; color:#CFD0D0;}
.xpic:hover, .xlk:hover{background-color:#095d7b; color:#FFF;}
.xlk, .xdiap{float:left; width:204px; background:#13303e; padding:7px 10px; border-top:1px solid #051d29; border-bottom:1px solid #051d29; color:#CFD0D0;}
.xlkd{float:left; width:170px;}
.xlk .ic{float:left; padding:2px 10px 0 2px;}
#foot{float:left; background:#0d2632; margin-top:10px; color:#FFF; font:12px Verdana, Arial, Helvetica, sans-serif;}
.cfoot{float:left; width:978px; border-left:1px solid #05171f; border-right:1px solid #05171f; text-align:center;}
.lfoot{color:#CFD0D0; padding:0 5px;}
.lfoot:hover{text-decoration:underline; color:#FFF;}
.fclear{line-height:0; float:left; width:100%; font-size:0;height:0;}

/* PAGES CONTENT */ 
.soust{font-size:16px;padding-bottom:12px;}
.semit{padding-bottom:5px;display:block;}
.entete{font-size:14px;padding:14px 0 6px 0;}
.note{font-size:9px;margin-top:30px;padding-top:15px;border-top:1px solid #CCCCCC;float:left;width:100%;}
.txt{padding-bottom:16px;font-size:12px;}
li.txt{margin-left:20px}
ul.txt{padding-bottom:10px;}
.mailto,.coor, .txt a{color:#0082b0;}
.mailto:hover{text-decoration:underline;}
.mailic{margin-bottom:-2px;padding:2px 0 0 2px;}
.coor{font-size:11px;}
.coor:hover, .txt a:hover{text-decoration:underline;}
.hr{border-top:1px solid #CCC;margin:30px 0 20px 0;line-height:0;}
.rub{padding:7px 10px 10px 10px;background:#FFF;border:1px solid #095069;}
#tabu{border:1px solid #666;margin:0 0 20px 0;}
#tabu .thead{background-color:#CCC;}
#tabu p, #tabu h4{padding:2px 10px;}
#tabu td{border:1px solid #CCC;}
.rwrap{float:right;margin:0 0 20px 25px;border:1px solid #999;padding:5px;background-color:#FFFFFF;}
.lwrap{float:left;margin:0 25px 20px 0;border:1px solid #999;padding:5px;background-color:#FFFFFF;}
.wrap{float:left;border:1px solid #999;padding:5px;background-color:#FFFFFF;margin:0 0 20px 0;}
.row{float:left;width:100%;}
.coltxt{float:left;width:350px;padding-right:30px;border-right:1px solid #CCC;}
.colimg{float:right;width:230px;}
.lightbox{float:right;}
.lightboximg img{background:none;margin:0;}
.lightboximg .light{float:right;width:212px;margin:0 0 20px 0;}
.lightboximg .light:hover{background:#0082B0;}
.lightboxtext .light:hover {text-decoration:underline;}

/* DIRECTEURS PAGES */
.entete{font-size:14px;padding-bottom:6px;}
.mailic{margin-bottom:-2px;padding:2px 5px 0 0;}
.dcard{float:left;width:284px;background:#FFF;padding:7px;margin-top:3px;margin: 0 0 20px 0;border:1px solid #999;}
.dspace{margin-right:16px;}
.face{float:left;width:80px;height:110px;background:#999;padding:1px;}
.ddesc{float:left;width:178px;padding: 0 10px;}
.dname, .dinfo, .dcoor{float:left;width:100%;}
.dname{font-size:15px;font-weight:bold;padding-bottom:3px;}
.dinfo{font-size:11px;padding-bottom:15px;line-height:1.3em;}
.dcoor{font-size:11px;padding-top:3px;padding-bottom:3px;border-top:1px dashed #999;}
.dcoor a{color:#0082b0;}
.dcoor a:hover{text-decoration:underline;}

/*  thumbs */
.thumbs{float:left;padding:5px;border:1px solid #999999;margin:5px;}
.thumbs:hover{background:#0082B0;}

/* LIGHT BOX */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}
