/*Structure principal*/
HTML { height: 100%; margin:0; padding: 0; }
BODY { height: 100%; min-height: 100%; margin: 0; padding: 0; font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; line-height:120%;
	letter-spacing:-0.03em;}

/*alignement central (ie3/4)necessite un text align -left pour les autre element bloc*/
#conteneur { position:relative;text-align: left; width: 970px; min-height: 100%; margin-left: auto; margin-right: auto; padding-left: 7px; padding-right: 7px; padding-bottom:40px;background:url(h09.png);}
#haut { width: 970px; height:90px; margin:0; display:block; background: url(h08.png) no-repeat; }
#menuonglet { font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; width: 970px; min-height: 33px; display:block; margin:0; list-style: none; background-color:#666666; background: url(h07.png) no-repeat; }
#conteneur #gauche { width: 260px; float: left;}
#conteneur #milieu #chemin { width: 730px; color: Black; text-align: left; padding-top: 12px; }
#conteneur #milieu .maj { float:right; color:#686868; font: 1em verdana, Geneva, Arial, Helvetica, sans-serif; font-style:italic; margin-right:30px; font-size: 0.8em; }
#conteneur #milieu { float:left; clear:right; width:710px;min-height: 100%; color: Black; text-align: left;}
#bas { position:absolute; width: 970px;height:35px; border-top:solid 1px #dfe2f1;padding-top:3px; bottom:0px; }
#bas #w3c{position:absolute;width:200px;left:10px;float:left;height:35px;}
#bas p{width:970px;padding:0; margin:0; text-align:center;height:35px; font-size: 0.8em ;}
img {border: 0;}
.err{ background-color:#FC9; padding: 5px 5px 5px 25px; background-image:url(i9.png); background-repeat:no-repeat; background-position:left;}
.inf{ background-color:#6FF; padding: 5px 5px 5px 25px; background-image:url(i8.png); background-repeat:no-repeat; background-position:left;}
.alerte{  padding: 5px 5px 5px 5px; color: }

/*Structure du menu onglet*/
#haut H1 { display:none; }
#haut H1 SPAN { display:none; }
#menuonglet UL { margin:0;padding:0;}
#menuonglet LI { height: 21px; margin-top: 7px; margin-left: 7px; padding-left: 6px; padding-right: 6px; padding-top: 2px; float: left; text-align: center; }
	
#menuonglet LI.onglet1 { background-color: white; }
#menuonglet LI:hover.onglet2 { background-color:#00C }
#menuonglet LI.onglet2 { color: white; }
#menuonglet A { text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; display:block; }
#menuonglet A.lien1 { color: white; }
#menuonglet A.lien2 { color: black;  }
/*#conteneur*/ HR { clear: both; visibility: hidden; height: 0; }

/*Structure du menu gauche*/
.menu UL, 
.menu LI {padding:0; margin:0; list-style:none;}

.menu > LI { border:0;margin:15px 0 0 15px; border:0;}
.menu > LI > UL {margin:5px 0 0 0;}
.menu > LI > UL LI:first-child { border-top:dotted 1px #a8c4eb; list-style:none; }

.menu > LI SPAN{
font-size:1em;
font-weight:bold;
}

.menu > LI > UL LI {font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; white-space: normal; width: 210px; height: auto; padding-top: 3px; padding-bottom:3px; margin-top:1px; margin-bottom:1px;  border-bottom:dotted 1px #a8c4eb; list-style:none; }
.menu > LI > UL LI.menu1 A {text-decoration: none; color: #3366CC; }
.menu > LI > UL LI.menu2 A {text-decoration: none; color: #3366CC; font-weight:bold; }

#gauche IMG { margin:10px;}
/*Chemin de navigation*/
#chemin { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
#chemin SPAN { font-weight: bold; }
#chemin A { TEXT-DECORATION: none; }
A.lien_chemin:hover { TEXT-DECORATION: underline; }

/*tableau dépot*/
.tabd {  width:100%; }
.tabd  P { margin:0; padding:0; }
.tabd  .l1 { background-color:#ebf6fc;}
.tabd  .l1 TD { padding: 10px 4px 10px 8px;}
.tabd  .l2 { background-color:#d6f1fd; }
.tabd  .l2 TD { padding: 10px 4px 10px 8px;}
.tabd  th { font-weight:normal; background-color:#8ed3f1;  height:2em;  padding: 6px 4px 1px 8px;}
.tabd  .etape { width:28%; }
.tabd  .titre { width:auto; }
.tabd  .annee { width:10%; }
.tabd  .auteur { width:auto; }

.tabdf {  width:100%; }
.tabdf  P { margin:0; padding:0; }
.tabdf  .l1 { background-color:#ebf6fc;}
.tabdf  .l1 TD { padding: 2px 4px 2px 8px;}
.tabdf  .l2 { background-color:#d6f1fd; }
.tabdf  .l2 TD { padding: 2px 4px 2px 8px;}
.tabdf  th { font-weight:normal; background-color:#8ed3f1;  height:2em;  padding: 6px 4px 1px 8px;}
.tabdf  .nom { width:auto; }
.tabdf  .date { width:25%; }
.tabdf  .taille { width:8%; }
.tabdf  .statut { width:22%; }

/*formulaire inscription*/
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.formconteneur form p { margin: 0; }
div.formconteneur {}
div.formconteneur form p.note { font-size: 0.2em; color: #333; font-style:none; margin: 0 0 10px 190px;}
div.formconteneur form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.formconteneur form legend { font-weight: bold; color: #666; }
div.formconteneur form fieldset div { padding: 0.25em 0; clear:left;}
div.formconteneur label,
div.formconteneur span.label { margin-right: 10px; padding-right: 10px; width: 170px; display: block; float: left; text-align: right; position: relative; }
div.formconteneur label.error,
div.formconteneur span.error { color: #C00; }
div.formconteneur label em,
div.formconteneur span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.formconteneur input.error { border-color: #C00; background-color: #FEF; }
div.formconteneur input:focus,
div.formconteneur input.error:focus,
div.formconteneur textarea:focus { background-color: #FFC; border-color: #FC6; }
div.formconteneur div.controlset { clear:left; }
div.formconteneur div.controlset label,
div.formconteneur div.controlset input { display: inline; float: none; }
div.formconteneur div.controlset div { margin-left: 170px; }
div.formconteneur div.commentaire p { margin-bottom:0.9em; }
div.formconteneur div.buttonrow { margin-left: 180px; }