/*GENERAL*/
html, body {width:100%; height:100%; min-height:100%;}

body {margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, Sans-sherif; font-size:11px; line-height:14px; color:#666666; background:#666666;}

html>body #conteneur {height:auto; min-height:100%;}

#conteneur {position:relative; width:810px; height:100%; min-height:100%; top:0; left:0; margin:-37px auto -23px auto; padding:0; z-index:1;}

#header {position:relative; left:0; top:0; width:100%; height:37px; margin:0; background:#666666 url(../images/fd_head.gif) 0 0 repeat-x; z-index:1;}

#logo {position:absolute; top:0; left:0; width:134px; height:91px; margin:0; padding:8px 0 0 10px; background:url(../images/fd_logo.gif) 0 34px no-repeat; z-index:1;}

#libelle {position:absolute; top:0; right:0; width:591px; height:34px; background:url(../images/libelle.gif) 0 0 no-repeat; float:right;}

#nouvelle_plateforme {position:absolute; top:-87px; left:84px; width:67px; height:69px; padding:8px 30px 0 100px; text-align:center; background:url(../images/info.gif) 0 0 no-repeat; z-index:2;}
#zoneclick {position:relative; top:0; left:0; width:58px; height:54px; cursor:default; margin:0; padding:0; z-index:10;}

#avertissement{position:relative; top:-21px; left:680px; height:20px; width:110px; line-height:20px; background:url(../images/avert.gif) top right no-repeat; clear:both; z-index:2;}
#zoneclick_avert {position:relative; top:0; left:0; width:110px; height:20px; line-height:20px; font-weight:bold; color:#FF0000; cursor:default; margin:0; padding:0; text-align:left; z-index:10;}

/*PIED DE PAGE*/
#calage_bas {width:810px; height:100px; min-height:105px; left:0; margin:0; clear:both; z-index:1; }

#footer {position:relative; left:0; bottom:0; width:780px; height:120px; margin:-6px 0 30px 15px; padding:0; z-index:1;} 

#lien_bas {position:relative; width:392px; height:26px; margin:0; padding:0; background:url(../images/bd_bas.gif) 0 0 no-repeat; float:right;}
#cont_lien {position:relative; width:391px; text-align:center; margin:5px 0 0 1px;}

#aft {position:relative; width:141px; height:51px; margin:0; padding:0; background:url(../images/fd_aft.gif) 0 0 no-repeat; float:left;}

#ademe {position:relative; width:90px; height:98px; margin:0; padding:0; background:url(../images/fd_ademe.gif) 0 0 no-repeat; float:left;}

#gouv {position:relative; width:91px; height:110px; margin:0; padding:0; background:url(../images/fd_gouv.gif) 0 0 no-repeat; float:left;}

#footer_site {position:relative; left:0; bottom:0; width:100%; height:23px; margin:0; padding:0; background:url(../images/fd_foot.gif) 0 0 repeat-x;} 

img {border:0; margin:0; padding:0;}

.bt_home {position:absolute; top:-33px; right:342px; width:148px; height:18px; padding:5px 0 0 10px; background:url(../images/nav/bt_home.gif) left no-repeat; text-align:center; z-index:50;}
.bt_ret {position:absolute; top:-33px; right:178px; width:148px; height:18px; padding:5px 0 0 10px; background:url(../images/nav/bt_ret.gif) left no-repeat; text-align:center; z-index:50;}
.bt_fav {position:absolute; top:-33px; right:14px; width:143px; height:18px; padding:5px 0 0 15px; background:url(../images/nav/bt_fav.gif) left no-repeat; text-align:center; z-index:50;}

#navigation {position:absolute; top:0; left:0; width:810px; height:29px; margin:-15px 0 0 0; background:url(../images/fd_nav.gif) 0 0 no-repeat; text-align:left; z-index:200;}

#bouton_home {position:relative; top:0; left:0; width:125px; height:15px; margin:0 0 0 5px; text-align:left; padding:5px 0 0 25px; background:url(../images/bt_home.gif) 1px 6px no-repeat; float:left;}

#bouton_retour {position:relative; top:0; left:0; width:125px; height:15px; margin:0 0 0 1px; text-align:left; padding:5px 0 0 25px; background:url(../images/bt_ret.gif) 1px 6px no-repeat; float:left;}

#bouton_fav {position:relative; top:0; left:0; width:125px; height:15px; margin:0 0 0 1px; text-align:left; padding:5px 0 0 25px; background:url(../images/bt_fav.gif) 1px 6px no-repeat; float:left;}

#title_general {position:relative; width:805px; height:24px; top:41px; left:0; margin-top:41px; padding:0 0 0 5px; background:#006699 url(../images/fd_gene.gif) left no-repeat; z-index:1;}

#plus {position:relative; width:810px; border:none; margin:20px 0; text-align:left; padding:47px 0 10px 0; background:url(../images/plus.gif) 0 10px no-repeat;}
#plus ul {margin:0 60px 0 275px; padding:0; text-indent:0; line-height:1.6; list-style-type:none; text-align:justify;}
#plus li {margin:0; padding:0 0 0 18px; text-indent:0; line-height:1.6; background:url(../images/pc_plus.gif) 0 6px no-repeat;}

hr.calageSite {position:relative; width:750px; height:1px; top:0; left:0; margin:0 5px; padding:0; color:#666666; border:0; clear:both;}

/*EMPLACEMENT TEXTE*/
#haut_page {position:relative; width:810px; height:15px; top:69px; left:0; margin:0; padding:0; background:url(../images/page_ht.gif) left no-repeat; z-index:1;}
#milieu_page {position:relative; width:810px; top:69px; left:0; margin:0; padding:1px 0; background:url(../images/page_mil.gif) left repeat-y; z-index:1;}
#bas_page {position:relative; width:810px; top:69px; left:0; margin:0 0 1px 0; padding-bottom:69px; background:url(../images/page_bs.gif) 0 0 no-repeat; clear:both; z-index:1;}
hr.calage {position:relative; width:750px; font-size:1px; height:1px; line-height:1px; top:0; left:0; margin:0 5px; padding:0; color:#FFFFFF; background-color:#FFFFFF; border:0; clear:both;}

/*TEXTE*/
h1 {margin:0; font-size:18px; font-weight:600; color:#FFFFFF; letter-spacing:1px;}
h1.rubrique {top:0; left:0; margin:0; padding:0; text-align:right; font-size:20px; line-height:20px; font-weight:900; text-transform:uppercase;}
h2.rubrique {top:0; left:0; margin:20px 60px; padding:0; text-align:left; font-size:14px; line-height:20px; font-weight:900; font-variant:small-caps; letter-spacing:1px; border-bottom:1px solid #66CC00;}
h3.rubrique {margin:-22px 60px 22px 60px; padding:0; text-align:left; font-size:12px; line-height:20px; font-weight:900; font-variant:small-caps;}
h4.rubrique {margin:30px 60px 10px 60px; padding:0; text-align:left; text-indent:0; font-size:11px; line-height:15px; font-weight:900; font-variant:small-caps; border-bottom:1px solid #CCCCCC;}
h5.rubrique {margin:20px 80px 5px 80px; padding:0; text-align:left; text-indent:0; font-size:11px; line-height:15px; font-weight:900; font-variant:normal;}


p {font-size:11px; text-align:justify; line-height:1.6; margin:10px 60px 0 60px; padding:0;}

ul.rub {text-align:left; margin:2px 60px 2px 60px; padding:0; list-style-type:none; white-space:normal;}
ol.rub {text-align:left; margin:2px 60px 2px 60px; padding:0; line-height:1.6; text-align:justify; list-style-type:decimal; white-space:normal;}
li.rub {height:12px; margin:2px 0; padding:0; white-space:normal;}


/*LISTE*/
ul {margin:0 60px 15px 60px; padding:0; line-height:1.6; text-align:justify;}
li {margin:0 35px 0 72px; line-height:1.6; text-indent:0; padding-left:18px; list-style-type:none;}

/*LIENS*/
a.text, a.text:link, a.text:visited, a.text:active, a.text:focus {color:#006699; text-decoration:none; font-weight:bold;}
a.text:hover {color:#FFFFFF; background:#006699; text-decoration:none; font-weight:bold;}

/*FORMULAIRE CONTACT*/
#contenu_contact {position:relative; top:0px; width:780px; margin:0 14px 0 14px; padding:20px 0 30px 0; border:1px solid #CCCCCC; z-index:1;}

#contenu_contact label {margin:0; font-weight:bold;}
#contenu_contact fieldset {width:500px; margin:0 140px; padding:0; font-style:normal; border:1px solid #006699;}
#contenu_contact legend {height:20px; color:#006699; font-weight:900; padding:0 5px; margin:0; background:transparent;}
#contenu_contact select {background:#FFFFFF; border:1px solid #CCCCCC; height:12px; min-height:22px; width:156px; font-size:11px; line-height:11px; color:#666666; padding:2px; margin:10px 0;}
#contenu_contact textarea {width:400px; height:150px; margin:0; padding:0; overflow:auto; border:1px solid #CCCCCC;}
input.Texte {background:#FFFFFF; border:1px solid #CCCCCC; height:12px; min-height:14px; width:150px; font-size:11px; line-height:11px; padding:2px;}

#contenu_contact table {width:500px; margin:0 0 10px 0; border-collapse:collapse;}
td.label {width:90px; padding:2px 10px 2px 0; text-align:right;}
td.zone {width:160px; padding:2px 0; text-align:left;}

.valider_contact {position:absolute; width:500px; height:20px; margin:12px 0 5px 0; text-align:center;}

/*Affiche bulle info*/
.infobulle {position:absolute; width:400px; visibility:hidden; border:1px solid #FF0000; padding:5px; text-align:left; background:#FFFFFF; z-index:200;}