@import '/css/formulaire.css'; @import '/css/datepicker.css'; 
/*-----structure -----*/
html, body {height: 100%; }
body {background:#B9D6CD url(/charte/bg-body.jpg) repeat-x top; padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em;  }
* html body{text-align:center; }
#conteneur {width:100%; background:url(/charte/rpt-conteneur.png) repeat-y center top;}
#haut-conteneur{background:url(/charte/bg-haut.jpg) no-repeat center top;}
#conteneur.version-de #haut-conteneur{background:url(/charte/bg-haut-de.jpg) no-repeat center top;}
#page {margin: 0px auto; width:895px; padding:0 40px 0 13px; text-align:left;}
#dernier-element {margin-bottom: 0px; height:10px; width:100%; clear:both; }
#baspage{ clear:both; background:url(/charte/bg-baspage.jpg) no-repeat left top; height:165px; position:relative; }
#footer{background:url(/charte/bg-footer.jpg) no-repeat center top; text-align:center;  margin:0 auto; width:100%; padding:30px 0 }

/*-----mise en forme du texte -----*/
.width100pc{width:100%; }
.invisible{display:none; }
img{border:0; }
a, p, td, li{font-size:12px; color:#2B292C; }
h1{font-size:15px; font-weight:bold; color:#006599; margin:10px 0 5px; padding:0; }
h2{color:#000000; font-size:13px; font-weight:bold; margin:5px 0 0px; padding:0;}
p{margin:5px 0;}
h3{color:#006599; font-size:13px; font-weight:bold; }
h4{font-weight:bold; }
iframe{	border:0px;}
#z_contenu ul{list-style-position: outside; list-style-type:disc; }
a{color:#006599; text-decoration:none; }
#z_contenu a, a:hover{text-decoration:underline; }
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo{font-size:11px; color:#56B0D3; }
.legende{font-size:10px; color:#333; margin-top:2px; }
.image_ombree{width:auto; }
.image_ombree img{border:3px solid #fff; }
ul.enligne{margin:0; padding:0; list-style-type:none; }
ul.enligne li{list-style-type:none; margin:0; padding:0; display:inline; }

/* ----- structure suite -----*/
#logo{float:left; width:100%; margin:8px 0 0 20px; height:112px}
#menuH{float:left; width:100%; margin-left:15px; height:35px;}
#zcentrale{float:left; width:490px; min-height:400px; margin-left:20px }
#div_lien_yahoo{ float:left; width:100%; margin:12px 0 10px 0; }
#z_contenu{width:490px; float:left;}
#colD{float:right; width:350px; clear:right; position:relative;}
#langues{position:absolute; top:60px; left:250px; }
#FR, #DE{display:block; float:left; height:16px; width:21px; margin-right:5px;}
#DE{background:url(/charte/version-de.png) no-repeat left top;}
#FR{background:url(/charte/version-fr.png) no-repeat left top;}

#menulat{margin-top:420px; margin-left:30px;}
#footer a, #footer{color:#006599; font-size:11px; }
#contact{ position:absolute; top:38px; left:270px; width:auto; font-size:12px;}
*+html #contact{ width:310px;}
#contact h1{margin:15px 0 0px 5px;}
#contact div{margin:5px;}
#diaporama{width:370px; height:300px; background:url(/charte/diaporama.png) no-repeat left top; position:absolute; /*top:50px;*/ top:120px; right:7px;}
#photo_et_description{margin-left:40px; margin-top:29px; width:312px; height:235px;}
#grande_photo{float:left; width:312px; height:230px; overflow:hidden; text-align:center;}
#grande_photo img{width:312px; margin:auto; }

/*v2*/
#miniature_fleches{float:left; height:90px; width:518px; position:relative; margin:10px 0;}
#gauche{position:absolute; left:0; top:10px;}
#droite{position:absolute; right:0; top:10px; z-index:9998;}
#bloc_miniatures{height:90px; overflow:hidden; position:relative; margin-left:25px;}
#bloc_miniatures{float:left; height:90px; overflow:hidden; position:relative; width:468px;}
#liste_miniatures{position:absolute; top:0; left:0; height:80px; width:3000px}
#liste_miniatures img{height:80px; margin:2px; border:3px solid #CCCCCC;}
/**/
.light{opacity:0.5; }
.origin{opacity:1; }

/*----- menu -----*/
#menu dl, #menu dt, #menu dd, #menu ul, #menu li, .menuLat ul, .menuLat li {margin:0; padding:0; list-style-type:none; }
#menu dl{float: left; background:url(/charte/rpt-onglet.png) repeat-x top; margin-right:1px; }
#menu dt{float: left; background:url(/charte/g-onglet.png) no-repeat left top; position:relative;}
#menu dt a{float: left; background:url(/charte/d-onglet.png) no-repeat right top; padding:4px 10px; font-size:13px; font-weight:bold; color:#336565; height:30px; }
#conteneur.version-de #menu dt a{padding:4px 6px; font-size:12px;}
#menu dl.menu0active_, #menu dl.menu0_:hover{ background:url(/charte/rpt-onglet_f2.png) repeat-x top; }
#menu dl.menu0active_ dt, #menu dl.menu0_:hover dt{ background:url(/charte/g-onglet_f2.png) no-repeat left top; }
#menu dl.menu0active_ dt a, #menu dl.menu0_:hover dt a{ background:url(/charte/d-onglet_f2.png) no-repeat right top; color:#000000; }
#menu dd{display:none; position:absolute; top:35px; left:5px;}

/*----- plan du site -----*/
#z_contenu a.PLAN0, #z_contenu a.PLAN1, #z_contenu a.PLAN2, #z_contenu a.PLAN3{text-decoration:none;}
#z_contenu a.PLAN0{font-size:14px; font-weight:bold; color:#57B0D2}
td.PLAN1{padding:2px 0;}
#z_contenu a.PLAN1{font-size:12px; font-weight:bold; color:#6C978D; border-bottom:1px dashed #6C978D; padding-bottom:2px;}
#z_contenu a.PLAN2{font-size:11px; color:#536F69; background:url(/charte-ley/puce-gris.png) no-repeat left 3px; padding-left:12px; position:relative; left:-12px;