html,body{padding:0px; margin:0px; width:100%; height:100%; background-color: #D6E7FC; } 

/* ------------ section ENTETE ------------ */
#entete{/*border:1px solid black; */position:absolute; width:70%; height:13%; left:23%; top:2%;}
#entete img{width:100%; height:100%;}


/* ------------ section LOGO ------------ */
#logo{/*border:1px solid black; */position:absolute; width:15%; height:15%; left:2%; top:3%; text-align:center; margin:0; padding:0;}
#logo img{width:100%; height:100%;}


/* ------------ section MENU ------------ */
#menu{/*border:3px inset black; background-color:#a2bcdb;*/ position:absolute; width:15%; height:60%; left:2%; top:20%;}
#menu .menu{width:85%; height:85%; border:0; border-color:#FF0000; }
#menu img{width:100%; height:100%; }
#menu ul{list-style-type:none; padding:0px; margin:0px; width:100%; height:100%; text-align:center}
#menu a{ padding:0px; margin:0px; text-align:justify;}
#menu li{ padding-bottom:3%; height:17%;}


/* ------------ section CONTENU ------------ */
#contenu{border:3px ridge black; background-color:#bed2ea; position:absolute; width:75%; height:75%; left:20%; top:18%; margin:0; padding:0; overflow:auto;}
#contenu-titre{position:absolute; width:100%; height:15%; left:0%; top:0%; margin:0; padding:0; overflow:auto;}
#contenu-centre{ background-color:#a2bcdb; position:absolute; width:100%; height:85%; left:0%; top:15%; margin:0; padding:0; overflow:auto;}
#pied{/*border:1px solid black;*/ position:absolute; width:70%; height:5%; left:20%; bottom:2%; text-align:center;}

#box-maj{position:absolute; margin:0px; bottom:40px; left:10px; height:35px; width:88px;} 
#valid-ok{position:absolute; margin:0px; bottom:10px; left:10px; height:31px; width:88px;}

/* ------------ section TABLEAU ------------ */
td, th{/*border: 1px solid black;*/ text-align:center}

#tabmac{border-collapse: collapse; text-align:center;}
#tabmac tr{border:1px solid black;}
#tabmac td{ padding:5px; margin:5px;}
.tabsal{border:1px solid black;}
.tabsal td, th{border: 1px solid black; margin-bottom:2px; padding:10px; width:40%;}


/* ------------ section TEXTE ------------ */
h1{ text-align:center; padding:0px; margin:0px;}
p{ text-align:center;}


/* ------------ section Class Divers ------------ */
.bleu {color:#000099;}
.rose {color:#FF0099;}
.rouge {color:#FF0000;}

.centre {text-align:center;}
.gauche {text-align:left;}

.taille8 {font-size:8px;}
.taille11 {font-size:11px;}
.taille14 {font-size:14px;}

.police-lucida {font-family:Lucida Handwriting; font-size: 36px;}
.police-times {font-family:"Times New Roman", Times, serif;}

.marge0 {margin:0px;}