/* --------- Contenus ---------  */
body{font-family:"Trebuchet MS", Geneva, Verdana, Arial, sans-serif;margin:0;}
#pub{background-color: #90DDFF;text-align:center;text-decoration: none;}
.contenu{margin-bottom: 5px;}
.date{width: 90px;float: left;}
.chapeaute{padding-left: 90px;font-size:15px;color:#2f8bc7;line-height:normal;padding-top: 2px;}
.tel{color:#333;font-size:90%;margin:5px 0px 0px;padding-bottom:0px;}
#header{text-align:left;vertical-align:text-bottom;background-repeat:repeat-x;background-image:url(../../deco/bgheader.gif);margin:0;padding:0;}
#frise{height:5px;background-color:#666;margin:0;}
.rale{width:100%;position:absolute;text-align:right;}
.rale ul li{display:inline;}
#article{height:132px;width:500px;float:right;margin:0;}
#dansheader{margin-right:auto;margin-left:auto;width:1100px;text-align:left;}
#global{overflow:hidden;margin-top:0;margin-left:auto;padding-left:0;width:1000px;margin-right:auto;}
#footer{line-height:20px;background-repeat:repeat;border-top-width:1px;border-top-style:solid;border-top-color:#666;margin-top:60px;margin-bottom:0;float:none;background-color:#E8E8E8;font-size:12px;color:#666;text-align:center;padding-top:10px;padding-bottom:10px;}
#gauche{float:left;width:160px;font-size:13px;text-align:center;padding-top:0;padding-left:10px;padding-right:0;margin:0;}
#migauche{float:left;width:600px;margin-left:20px;margin-top:0;margin-right:20px;padding-top:5px;}
#migauche2{float:left;width:800px;margin-left:20px;margin-top:0;margin-right:20px;padding-top:5px;}
#droite{float:left;width:160px;font-size:13px;color:#CCC;margin-top:0;text-align:center;margin-bottom:0;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#000;padding-bottom:10px;padding-top:0;}
#menu2{float:left;width:160px;padding-bottom:10px;text-align:right;background-repeat:no-repeat;background-position:top;padding-top:0;}
.motsclefs{background-image:url(../../deco/motsclefs.gif);background-repeat:no-repeat;background-position:top;margin-top:30px;padding-top:80px;font-family:"Times New Roman", Times, serif;color:#666;text-align:center;background-color:#F0F0F0;padding-bottom:20px;border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:#CCC;}
div.xx{color:#333;text-align:left;font-size:14px;font-weight:lighter;background-color:#C9C9BE;margin-left:0;margin-top:0;margin-bottom:30px;line-height:1.64em;background-image:url(../../deco/bgrubrique.jpg);background-repeat:no-repeat;background-position:right top;padding:5px 20px;}
div.xxnews{color:#2f8bc7;text-align:left;font-size:95%;font-weight:lighter;margin-left:0;margin-top:0;margin-bottom:10px;list-style-position:inside;overflow:auto;list-style-image:url(../../deco/puce.jpg);line-height:1;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;background-image:url(../../deco/bgh3.jpg);padding:10px 20px 10px 10px;}
div.xxnewslivre{text-align:left;font-size:95%;font-weight:lighter;margin-left:0;margin-top:0;margin-bottom:10px;list-style-position:inside;overflow:auto;list-style-image:url(../../deco/puce.jpg);line-height:1;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;background-image:url(../../deco/bgh3.jpg);padding:10px 20px 10px 10px;width: 250px;float: left;margin-right: 20px;}
div.xxnewslivre:hover{font-weight:lighter;color:#333;background-image:url(../../deco/bgh4.jpg);background-color: #FFFFFF;}
div.xxvrainews{color:#333;text-align:left;font-size:14px;font-weight:lighter;margin-left:0;margin-top:0;margin-bottom:0;line-height:1.64em;background-image:url(../../deco/bgh3.jpg);background-repeat:repeat;padding:10px;}
div.xxvrainews ol li{margin-bottom:15px;margin-left:0;}
div.xx:hover,div.xxnews:hover{font-weight:lighter;color:#333;background-image:url(../../deco/bgh4.jpg);background-color: #FFFFFF;}
div.reference p{margin:0 0 0 10px;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:lighter;}
h1{font-size:17px;color:#009FB8;padding-bottom:4px;margin-bottom:0;margin-top:0;}
h2{font-size:14px;padding-left:81px;padding-top:0;padding-bottom:0;text-decoration:none;color:#2f8bc7;line-height:3ex;margin:0;}
h3{color:#999;margin-top:0;text-align:left;font-size:16px;line-height:25px;margin-bottom:20px;margin-left:0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;}
h4{color:#000;font-size:12px;margin-bottom:0;background-image:url(../../deco/feuille.gif);background-repeat:no-repeat;padding-left:18px;padding-top:1px;background-position:left top;padding-bottom:2px;}
h5{font-size:13px;color:#E41B5B;margin:0 0 10px;}
h6{font-size:13px;color:#E41B5B;margin:0 0 10px;float: right;}
.Style1{color:#999;text-align:center;font-size:16px;}
.Style2{color:#FFF;font-size:14px;}
.indentmenu{font:lighter 16px Arial;text-align:left;float:none;list-style-type:none;padding-right:0;}
.indentmenu ul{line-height:25px;list-style-type:none;margin:0;padding:0;}
.indentmenu ul li{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;padding:5px 0 0;}
.mamage{margin-top:20px;text-decoration:none;border:1px solid #222221;}
.couve2{text-decoration:none;border:5px solid #CCC;float:left;margin:2px 15px 0 2px;padding:0;}
.contour{border:1px solid #FC0;padding:10px;}
.bodygauche{color:#CCC;text-align:left;font-size:14px;font-weight:lighter;margin-top:10px;margin-bottom:20px;padding-right:10px;padding-left:10px;}
.reference{font-size:12px;color:#888879;background-color:#FFF;padding-bottom:10px;margin-top:20px;border-left-width:4px;border-left-style:solid;border-left-color:#BF1B00;padding-left:10px;padding-top:10px;}
.intertitre{font-size:14px;background-color:#FFF;color:#2f8bc7;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#CCC;padding:5px;}
.intertitre2{font-size:14px;background-color:#FFF;color:#2f8bc7;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#CCC;background-image:url(../../deco/pannel0.png);background-repeat:no-repeat;background-position:right center;cursor:pointer;padding:5px;}
.intertitre2:hover{font-size:14px;background-color:#FFF;color:#2f8bc7;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#CCC;background-image:url(../../deco/pannel.png);background-repeat:no-repeat;background-position:right center;padding:5px;}
.liens{color:#666;padding-right:10px;padding-left:0;text-decoration:none;text-align:left;}
.liens ul li{color:#666;padding-right:10px;padding-left:0;text-decoration:none;list-style-type:none;}
.chapeau ul li{padding-right:0px;padding-left:0;text-decoration:none;list-style-type:none;}
.acces_payant {color:#C00;}
.chapeau{font-size:15px;color:#2f8bc7;text-decoration:none;line-height:3ex;list-style-type:none;}
.saoul{margin-top:60px;}
.superimage{background-color:#FFF;border:1px solid #666;text-align:left;margin-bottom:20px;margin-top:10px;padding:5px;}



/* --------- Liens ---------  */
.rale ul li a{text-decoration:none;border-right:0;color:#333;border-top-width:0;border-bottom-width:0;border-left-width:0;padding:0;}
.rale ul li a img{border:0;}
.tel a {color:#333;border: none;text-decoration: none;}
#pub a img{border:0;}
h1 a{color:#009FB8;text-decoration:none;}
h1 a img{color:#009FB8;text-decoration:none;border:none;}
h5 a{color:#E41B5B;text-decoration:none;}
h6 a{color:#E41B5B;text-decoration:none;}
.indentmenu ul li a{text-decoration:none;color:#2f8bc7;padding-top:0;list-style-type:none;padding-left:18px;background-image:url(../../deco/maliste.png);background-position:left center;background-repeat:no-repeat;display:block;}
.indentmenu ul li a:hover,.indentmenu ul li .current{padding-top:0;background-repeat:no-repeat;list-style-type:none;background-image:url(../../deco/maliste.png);background-position:left center;padding-left:20px;display:block;background-color:#F7F7F7;border-bottom-color:#CCC;padding-bottom:0;color:#666;}
.mamage a:link a:hover a:visited a:active{text-decoration:none;color:#333;}
.liens a{color:#666;text-decoration:none;}
.acces_payant a {color:#C00;border: none;text-decoration: none;}
.mots1 a{color:#666;text-decoration:none;font-size:150%;}
.mots2 a{color:#666;text-decoration:none;font-size:100%;}
h1 a:visited,h1 a:hover,h1 a:focus,h1 a:active{color:#009FB8;}
h2 a,.chapeau a,.chapeaute a{color:#2f8bc7;text-decoration:none;}
h2 a:visited,h2 a:hover,h1 a:focus,h1 a:active,.chapeau a:visited,.chapeau a:hover,.chapeau a:focus,.chapeau a:active{color:#2f8bc7;}
h5 a:hover,h5 a:focus,h5 a:active{color:#E41B5B;}
h5 a:visited{color:red}
.liens a:visited,.liens a:hover,.liens a:focus,.liens a:active,.mots1 a:visited,.mots2 a:visited{color:#666;}
.mots1 a:hover,.mots1 a:focus,.mots1 a:active,.mots2 a:hover,.mots2 a:focus,.mots2 a:active{color:#999;}


/* --------- Lightbox ---------  */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
/*largeur de la bordure autour de la photo. Si vous la modifier, modifier la variable correspondante dans le fichier lightbox.js (borderSize: 10,  ) */#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
/*position de l'image de chargement */#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat;}
/*image et position du lien "prÈcÈdent". modifier le pourcentage pour dÈplacer le lien en hauteur (% comptÈ depuis le haut de l'image) */#nextLink:hover,#nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat;}
/*idem pour le lien "suivant" Cadre d'information en bas de l'image */#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;}
#imageData{color:#666;padding:0 10px;}
/* couleur du texte */#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:700;}
/*si vous voulez une couleur diffÈrente pour la lÈgende, ajoutez un attribut color */#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
/*si vous voulez une couleur diffÈrente pour les numÈros de photos, ajoutez un attribut color */
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
.rale ul,.rale ul li a:hover,.rale ul li .current{line-height:30px;margin:0;padding:0;}


/* --------- Formulaire ---------  */
form.clean{font-family:Arial, sans-serif;background-image:url(../../deco/bgh3.jpg);background-repeat:repeat;}
form.clean *{margin:0;padding:0;}
form.clean p{margin:.5em 0;}
form.clean input[type=text],form.clean input[type=password],form.clean textarea,form.clean select{-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;background-color:#fafafa;border:1px solid #ddd;color:#666;font-size:1em;width:100%;padding:.15em;}
form.clean input:focus,form.clean textarea:focus,form.clean select:focus{background-color:#ffe;}
form.clean fieldset{-webkit-border-radius:.6em;-moz-border-radius:.6em;border-radius:.6em;border:1px solid #ddd;margin:1em 0;padding:.5em 1em;}
form.clean fieldset legend{color:#17b;font-size:12px;margin-left:1em;}
form.clean table td{color:#17b;font-size:16px;margin-bottom:10px;padding-bottom:10px;margin-left:0;padding-left:0;}
form.clean ol{list-style:none;}
form.clean ol li{font-family:11px;margin:.5em 0;}
form.clean ol li label{display:block;font-family:11px;}
form.clean ol.table{list-style:none;display:table;}
form.clean ol.table li{display:table-row;font-size:10px;}
form.clean ol.table li label[for]{display:table-cell;text-align:right;padding:.5em;}
form.clean div.col2 label{float:left;width:50%;}
form.clean div.col3 label{float:left;width:33%;}
form.clean div.col4 label{float:left;width:25%;}
form.clean fieldset:first-child{margin-top:0;}
form.clean input[type=button],form.clean input[type=reset],form.clean input[type=submit],form.clean button{-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;background-color:#fafafa;border:1px solid #ddd;color:#666;font-size:.85em;margin:0 .3em;padding:.15em .4em;}
form.clean input[type=submit]:hover,form.clean input[type=reset]:hover,form.clean input[type=button]:hover,form.clean button:hover{background-color:#ffd;}