body, html {font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0;}

/*CONTENEURS*/
#conteneur {position: absolute;width: 995px;}
#bao {float:right;height:113px;width:80px;margin:0 0 63px 0;}
#header1 {height: 15px;float:right;width:185px;}
#menuCont {clear:both;height:66px;}
#ariane {height: 33px;margin:0px;background: url(img/sub-ariane.jpg) left top no-repeat;}
#metacentre {width:995px;}
#centre {width:622px;float:left;height:384px;background: url(img/bg-centre.jpg) 192px 284px no-repeat;background-attachment: fixed;
overflow:auto;border-bottom:1px solid #eee;z-index:1;}
* html #centre {width:622px;float:left;height:384px;background: url(img/bg-centre.jpg) 27px 387px;background-attachment: fixed}
*+html #centre {width:622px;float:left;height:384px;background: url(img/bg-centre.jpg) 27px 387px;background-attachment: fixed}
#gauche {width:192px;height:385px;float:left;background: url(img/gauche.jpg) left top no-repeat;}
#droite {width:181px;height:385px;float:left;background: url(img/droite.jpg) left top no-repeat;}
#pied {height: 18px;clear:both;background: url(img/sub-pied.jpg) left top repeat-x ;width: 995px;}
#flash {width:400px;height:300px;margin:20px 0px 22px 100px;}
#flash1, #flash2, #flash3 {width:352px;height:288px;margin:20px 0px 20px 100px;z-index:3;}

/*HEADER*/
/*accessi*/
#header1 p {margin:0;padding:0;text-align:right;}
#header1 p a {color:#fff;}
#header1 p a:hover {text-decoration:none;color:#777;}

/*Boite à outils*/
#bao ul {list-style-type:none;padding:0;margin:25px 0 0 8px;}
#bao ul li {list-style-type:none;}
#bao ul li a {text-decoration:none;color:#555;}
#bao ul li a:hover {color:#000;}

/*lien transparent*/
#conteneur a.lienacc {width:710px;height:140px;background: url(img/transparent.gif);position:relative;display:block;border:none;text-decoration:none;}

/*Ariane*/
#ariane p {padding:0;margin:0px 0 0 50px;padding-top:5px;}
#ariane p a {text-decoration:none;color:#555;}
#ariane p a:hover {text-decoration:none;color:#000;}

/*CORPS DE LA PAGE*/
/*Gauche*/
#mdr {display:block;width:120px;height:30px;background: url(img/sub-mdr.jpg) left top no-repeat;margin:0 0 0 27px;padding:14px 0 0 20px;}
#mdr form {padding:0;margin:0px;}
#mdr form fieldset {margin:0;padding:0;border:none;}
#mdr form fieldset input {margin:0;padding:0;border:0;font-size:90%;}
#mdr form fieldset input.submit {color:#6d5649;background-color:#96a3b2;border:1px solid #6d5649;border-width:0 1px 1px 0;}
#mdr form fieldset input.submit:hover {color:#6d5649;background-color:#96a3b2;border:none;}

#gauche p.img {display:block;width:103px;height:107px;background: url(img/sub-Tof-Gauche.jpg) left top no-repeat;margin:2px 0 0 42px;padding:3px 0 0 7px;}
#gauche p.img a img {border:none;}

/*Centre*/
#centre h1 {margin:-50px 0 10px 35px;font-size:210%;color:#555555;}
#centre h3 {margin: 20px 0 10px 10px;font-size:15px;color:#000;clear:both;}
#centre h5 {margin: 10px 0 0 35px; width: 540px;font-weight:normal;font-size:12px;text-align:justify;}
#centre h5 span.lettrine {font-size:210%;line-height:16pt;display:block;float:left;margin:0 2px 0 0;padding:3px 0 0 0;}
#centre h5.subtitle {font-weight:bolder;}
#centre h6 {margin: 10px 0 0px 35px;font-size:10px;clear:both;}
#centre h6.adroite {float:right;margin: 0px 35px 0px 0px;font-size:10px;clear:both;}
#centre h6.agauche {float:left;margin: 0px 35px 0px 0px;font-size:10px;clear:both;}
#centre p {text-align:justify;width:540px;margin:5px 0 10px 35px;font-size:11px;}
#centre p.agauche a img {float:left;margin:0 5px 5px 0;border:0;}
#centre p.adroite a img {float:right;margin:5px 0 0 5px;border:0;}
#centre p.italic {float:left;font-style: italic;margin:5px 0 0 5px}

#centre p.connexes {width:550px;height:16px;background: url(img/sub-connexes.jpg) left top repeat-y;margin-bottom:0px;padding:3px 0 0 0;
text-align:left;clear:both;}
#centre p.connexes span.titre {font-weight:bolder;font-size:120%;margin:0px 0 0 30px;}

#centre p.NB {color:#555;}
#centre p.asterisque {color:#666;}

#centre p.cnx {margin:0 0 0 35px;border-top:1px solid #ddd;}
#centre p.cnx img {border:none;margin: auto 2px; vertical-align: middle; display: inline-block;}
#centre p.cnx { vertical-align: middle; display: inline-block; padding-left: 0px;}
#centre p.cnx a {display:block;height:19px;padding: -1px 0px 0px 0px;text-decoration:none;color:#333;
background-color:#9eabb8;}
#centre p.cnx a img {border:none;}
#centre p.cnx a:hover {color:#fff;background-color:#9eabb8;}

#centre a.externe {font-weight:bolder;color: #333;}
#centre a.externe span {position: absolute;left: -5000px;width: 4000px;}
#centre a.externe:link {background: url(img/externe.gif) no-repeat 100% 0;padding: 0 20px 0 0;}
#centre a.externe:visited {color: #555;background: url(img/externe.gif) no-repeat 100% -100px;padding: 0 20px 0 0;}
#centre a.externe:hover {background: url(img/externe.gif) no-repeat 100% -200px;padding: 0 20px 0 0;}

#centre p span.entite {font-size:11px; font-weight:bolder;}
#centre hr {clear:both;}

/*Glossaire*/
#glossaire {margin:0px 0 0 35px;}
#glossaire ul {padding: 0;margin: 10px 0 0 0;background:#fff;color:#fff;float:left;}
#glossaire ul li { display: inline; }
#glossaire ul li a {padding: 0.2em 1em; background-color: #bdc6cf;color:#fff; text-decoration: none; float: left; border-right: 1px solid #fff;}
#glossaire ul li a:hover {background-color: #ccc; color: #fff;}
#glossaire ul li a:active {background-color: #ccc; color: #fff;}
#centre h1.glossaire {padding:0;margin:0 0 0 35px;clear:both}
* html #centre h1.glossaire {padding:0;margin:50px 0 0 35px;}
*+html #centre h1.glossaire {padding:0;margin:50px 0 0 35px;}
#centre dl {width:590px;}
#centre dt {margin:0;padding:0 0 0 18px;font-size:11px;font-weight:bolder;background:#bdc6cf url(img/sub-dt.jpg) left top no-repeat;color:#fff;}
#centre dd {margin-bottom:5px;}
p.glossaire {float:left;margin:-50px 0 0 0px;}

/*plan du site*/
#centre div.pds {}
#centre div.pds h3 {margin-bottom:4px;}
#centre div.pds ul, #centre div.pds li {list-style-type:none;padding:0;margin:0;}
#centre div.pds li ul {list-style-type:none;padding:0 0 0 20px;margin:0;}
#centre div.pds ul li a {text-decoration:none;}
#centre div.pds h3#bleu a, #centre div.pds ul#bleu li, #centre div.pds ul#bleu li a {color:#004e98;}
#centre div.pds h3#bleu a:hover, #centre div.pds ul#bleu li a:hover {background-color:#004e98;color:#fff;}
#centre div.pds h3#rouge a, #centre div.pds ul#rouge li, #centre div.pds ul#rouge li a {color:#9c3737;}
#centre div.pds h3#rouge a:hover, #centre div.pds ul#rouge li a:hover {background-color:#9c3737;color:#fff;}
#centre div.pds h3#vb a, #centre div.pds ul#vb li, #centre div.pds ul#vb li a {color:#328780;}
#centre div.pds h3#vb a:hover, #centre div.pds ul#vb li a:hover {background-color:#328780;color:#fff;}
#centre div.pds h3#jaune a, #centre div.pds ul#jaune li, #centre div.pds ul#jaune li a {color:#e6cc4c;}
#centre div.pds h3#jaune a:hover, centre div.pds ul#jaune li a:hover {background-color:#e6cc4c;color:#333;}
#centre div.pds h3#v, #centre div.pds ul#v li, #centre div.pds ul#v li a {color:#5bbb39;}
#centre div.pds ul#v li a:hover {background-color:#5bbb39;color:#fff;}
#centre div.pds h3#bv, #centre div.pds ul#bv li, #centre div.pds ul#bv li a {color:#74bbbb;}
#centre div.pds ul#bv li a:hover {background-color:#74bbbb;color:#fff;}
#centre div.pds h3#gen,#centre div.pds ul#gen li, #centre div.pds ul#gen li a {color:#555;}
#centre div.pds ul#gen li a:hover {background-color:#555;color:#fff;}

/*table des matières*/
#centre p.intittdm, #centre h5.intittdm {clear:both;margin-top:2px;margin-bottom:2px;}
#centre h5.intittdm {font-weight:normal;}
#centre h5.intittdm span {font-weight:bolder}
#centre p.intittdm span, #centre h5.intittdm span {display:block;float:left;width:500px;}

/*Contacts*/
#centre p.agauche ul.adresse {float:left;}
#centre p.agauche ul.adresse, #centre p.agauche ul.adresse li {list-style-type:none;float:left;}
#centre p.contact {float:left;}

/*Carto*/
#centre p.legende {text-align:center;}
#centre a.legende img {border:none;}


/*Biblio*/
#centre p.biblio {text-align:justify;width:540px;margin:0px 0 10px 35px;font-size:11px;}
#centre h6.biblio {margin: 0px 0 0px 35px;font-size:10px;clear:both;}
#centre p.subtitle {text-align:justify;width:540px;margin:0px 0 1px 45px;font-size:11px;}
#centre h6.subtitle {margin: 0px 0 1px 45px;font-size:9px;clear:both;}

/*droite*/
#droite p.img {display:block;width:124px;height:88px;background: url(img/sub-Tof-Droit.jpg) left top no-repeat;margin:2px 0 0 40px;padding:5px 0 0 6px;}
#droite p.img a img {border:none;}

/*Pied*/
#pied ul {padding:0; margin:0px 0 0px 220px; list-style-type: none;font-size:110%;}
#pied ul li {float:left;display:block;margin:5px 10px 0 0;border-right:1px solid #888;}
#pied ul li.fin {border:none;}
#pied ul li a {text-decoration:none;color:#888;display:block;margin:0 10px 0 0;}
#pied ul li a:hover {text-decoration:underline;color:#333;}