/*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%}
/*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: 240px; 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:730px;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*/
#gauche UL,
#gauche LI {padding:0; margin:0; }
#gauche UL.menu > LI:first-child{margin:30px 0 0 15px; border:0;}
#gauche UL.menu > LI > UL {margin:10px 0 0 0;}
#gauche UL.menu 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; }
#gauche LI:hover.menu1 {background-color:#D5D5D5; }
#gauche LI.menu1 A {text-decoration: none; color: #3366CC; }
#gauche LI.menu2 A {text-decoration: none; color: #3366CC; font-weight:bold; }
/*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 de contact*/
#cstd H1,
#contact H1,
#contact H2 { font-weight:normal; line-height:100%; margin-bottom:0; }
#contact H1 { font-size: 2em; margin-top:0.4em; margin-bottom: 0.8em; padding-bottom:0.15em; border-bottom:1px solid #D5D5D5 ;color:#000099;}
#contact H2 { font-size: 1.30em;padding-bottom:5px;}
#contact { margin-right: 20px; }/*contaneur*/
#contact .tabcontact { border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA }
#contact .tabcontact P { margin:0; padding:0; }
#contact .tabcontact .l1 { }
#contact .tabcontact .l2 { background-color:#EAEAEA;}
#contact .tabcontact th { font-weight:normal; background-color:#EAEAEA;}
#contact .tabcontact .fonction { width:45%; }
#contact .tabcontact .nom { width:auto; }
#contact .tabcontact .tel { width:18%; }
#contact .tabcontact .contact { width:6%; }
/*tableau dépot*/
.tabd { width:100%; }
.tabd P { margin:0; padding:0; }
.tabd .l1 { background-color:#ebf6fc;}
.tabd .l1 TD { padding: 2px 4px 2px 8px;}
.tabd .l2 { background-color:#d6f1fd; }
.tabd .l2 TD { padding: 2px 4px 2px 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%; }
SELECT {font-size: 0.8em;}
/*contenu pages*/
#cstd H1,
#cstd H2,
#cstd H3 { color:#000099; font-weight:normal; line-height:100%; margin-bottom:0; }
#cstd H1 { font-size: 1.8em; margin-top:0.4em; margin-bottom: 0.8em; padding-bottom:0.15em; border-bottom:1px solid #D5D5D5; font-weight:bold; }
#cstd H2 { font-size: 1.6em; margin-top:1.4em; margin-bottom: 0.4em; border-bottom:1px solid #D5D5D5; }
#cstd H1 + H2 {margin-top:0.9em; margin-bottom: 0.4em; border-bottom:1px solid #D5D5D5; }
#cstd H3 { font-size: 1.4em; margin-top:1.1em; margin-bottom: 0.4em; }
#cstd { margin-right: 30px; }
#cstd P { color:#434343; margin-top:0; }
#cstd UL.certif { color:#434343; }
#cstd UL.certif EM { color:#2E2E2E; font-weight:bold; font-style:normal; }
#cstd .ref {background-color:#FFFFCC;
margin: 10px 0 10px 0;
padding: 10px; font-size: 0.75em;}
/*liste certification diplôme*/
#cstd UL { color:#434343; }
#cstd UL EM { color:#2E2E2E; font-weight:bold; font-style:normal; }
#cstd DIV.imgdroite { float: right; padding: 0 0 10px 20px; background-color:#FFFFFF;}
#cstd DIV.imggauche { float: left; padding: 0 15px 0 0; background-color:#FFFFFF; }
#cstd DIV.sommaire{ float:right; width:300px; border: 1px #cccccc solid; margin: 0 0 20px 20px;}
/*tableau épreuves*/
#cstd .tabepreuve {border:solid #white 1px; width:100%; }
#cstd .tabepreuve .liste {width:8%; }
#cstd .tabepreuve .rang {width:8%; }
#cstd .tabepreuve .id {width:10%; }
#cstd .tabepreuve .nom {width:auto; }
#cstd .tabepreuve .prenom {width:auto; }
#cstd .tabepreuve TH { }
#cstd .tabepreuve TD {border-bottom:1px solid #cccccc;}
/*tableau doc*/
#cstd .tabdomaine {border:#white solid 1px; width:100%; }
#cstd .tabdomaine TH { text-align:left; }
#cstd .tabdomaine .c2{ background-color:#dee9df; padding: 1px 0 1px 8px;}
#cstd .tabdomaine TR > TD:first-child{color:white;background-color:#0099CC; padding: 0 10px 0 10px;}
/*tableau des point*/
#cstd .tabpoints { border-spacing:0; border-collapse:collapse; border:#999999 solid 1px; width:100%; text-align: center; }
#cstd .tabpoints TH { text-align:center; }
#cstd .tabpoints .lc TD { background-color:#99FFFF; }
#cstd .tabpoints TD { border:#999999 solid 1px; }
/*tableau allegement*/
#cstd .taballege { border-spacing:0; border-collapse:collapse; border:#66FFFF solid 1px; width:100%; text-align: center; }
#cstd .taballege TH { text-align:center; }
#cstd .taballege TH.df { width:8%; }
#cstd .taballege TD { border:#999999 solid 1px; }
#cstd .taballege TD.dip { text-align:left; padding-left:10px; }
#cstd .taballege TR { border:#999999 solid 1px; }
#cstd .taballege .lc TD { background-color:#99FFFF; }
DIV.cadre{
margin-top:0;
margin-bottom:10px ;
padding: 0;
background-color: #F9F9F9;
border: 1px dashed #BDBEFF;
display: block;
list-style-type: square;
}
/*page plan*/
#plan LI { color:#424242 display:block; font-size:1.1em; font-weight:bold; list-style:none; margin-top:13px; margin-bottom:10px; text-decoration: none; }
#plan LI LI { font-size:0.9em; color:#424242; font-weight:normal; list-style:circle; margin:0px; text-decoration: none; }
/*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: 85%; color: #333; font-style:italic; 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; }
/*Galerie photo*/
.gx2 UL LI { float:left; margin-right:1%; text-align: center; width:49%; }
.gx4 UL LI { float:left; margin-right:1%; text-align: center; width:24%; }
.gx4 UL,
.gx2 UL { width:710px; margin:0; padding:0; clear:left; list-style:none; }
.gx4 P,
.gx2 P { font-size:0.7em; color:#666666; text-align:center; }
/*calendrier*/
.calendrier { }
.calendrier P { clear :none;font-size:0.7em; color:#666666; ; }
.calendrier DIV { float:left; width:25%; margin: 0 0 20px 0;text-align:center }
.calendrier TABLE { border-bottom: 1px solid #660066; border-right: 1px solid #660066; border-spacing:0; border-collapse:0;text-align:center;}
.calendrier TD { width:27px;;border-top: 1px solid #660066 ; border-left: 1px solid #660066 ;}
.calendrier TD.sel { background-color:#CCCCCC;}
/*ACCUEIL*/
div.accueilh { font-size: 0.85em; line-height:115%; width: 489px; float: left; clear:right; margin :10px 0 0 0;}
div.accueilg { font-size: 0.85em; line-height:115%; width: 235px; float: left; clear:left; }
div.accueilm { font-size: 0.85em; line-height:115%; width: 234px; float: left; margin-left: 20px; }
div.accueild { font-size: 0.85em; line-height:115%; width: 221px; float: right; clear:right; }
#accueil P { color:#059;}
#accueil H2 { line-height:120%;font-size: 1.2em; font-weight:bold;margin: 15px 0 10px 0 ; padding : 1px 0 1px 15px; background-color:#3a7dda;color:#fff;}
#accueil H3 { font-size: 1.2em; margin: 0 0 5px; color:#059; }
div.accueilh DIV { border-bottom: dotted #a8c4eb 1px; padding : 5px 0 5px 5px; }
div.accueilh IMG { padding: 0px 10px 5px 0px; float:left; }
div.accueilh SPAN { font-size: 0.8em; color:#79c;}
div.accueilh P { margin:0; padding: 0px 10px 0px 0px; }
div.accueilh P.lien { text-align:right; padding: 2px 0 0 0; }
.annonce{ background-color:#FFFF99; padding:10px 0px 10px 5px;}
div.accueild P {margin :0 10px 15px 0;}
#accueil div.accueild H2 { line-height:120%;font-size: 1.2em; font-weight:bold;margin: 15px 0 10px 0 ; padding : 1px 0 1px 15px; background-color:#666699;color:#fff;}
div.accueilg P,
div.accueilm P { margin:0; padding: 0px 10px 0px 0px;}
div.accueilg DIV,
div.accueilm DIV { border-left: solid #c8d2e9 3px; margin : 5px 0 15px 0px; padding-left :5px;}//DS 203 8U