#page { width:980px; margin-left: auto; margin-right:auto; }
#onglet { color:#44734F; font-weigth:bolder; }
#banner { position:relative; background: white url(../images/banner-albanines.jpg) no-repeat top left; width:980px; height:209px; }
#intro { position:absolute; top:215px; margin-left:15px; margin-right:100px; font-size:12px; }
#demarrage { position:absolute; top:70px; margin-left:540px; font-size:13px; }
#iframe { position:absolute; top:185px; margin-left:525px; }
#onglet_haut { background: white url(../images/ombre_haut.gif) repeat top left; height:10px; margin-bottom:40px; }
#menu { position:absolute; top:210px;
height:0px;
font-family: arial, verdana, sans-serif;
font-size:12px;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:left;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}


#menu li.bleuf { background: white url(../images/onglet_bleuf.gif) repeat top left; }
#menu li.orang { background: white url(../images/onglet_orang.gif) repeat top left; }
#menu li.bleuc { background: white url(../images/onglet_bleuc.gif) repeat top left; }
#menu li.rouge { background: white url(../images/onglet_rouge.gif) repeat top left; }
#menu li.vertm { background: white url(../images/onglet_vertm.gif) repeat top left; }
#menu li a {
display:block;
width:115px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}


/* DEBUT STYLES MISE EN PAGE */
#colonneCentrale { margin:auto auto; width:600px; }
.grandTitre_Bleuf { background: url(../css/onglet_bleuf.gif) left center repeat; height:25px; color:white; padding-left:5px; }
.grandTitre_Orang { background: url(../css/onglet_orang.gif) left center repeat; height:25px; color:white; padding-left:5px; }
.grandTitre_Bleuc { background: url(../css/onglet_bleuc.gif) left center repeat; height:25px; color:white; padding-left:5px; }
.grandTitre_Rouge { background: url(../css/onglet_rouge.gif) left center repeat; height:25px; color:white; padding-left:5px; }
.petitTitre_Bleuf { background-color:#DDDDDD ; height:22px; color:#134997; padding-left:5px; }
.petitTitre_Orang { background-color:#DDDDDD ; height:22px; color:#EE8411; padding-left:5px; }
.petitTitre_Bleuc { background-color:#DDDDDD ; height:22px; color:#70BCDD; padding-left:5px; }
.petitTitre_Rouge { background-color:#DDDDDD ; height:22px; color:#E42322; padding-left:5px; }
.lettrineBleuf { background: url(../css/onglet_bleuf.gif) left center repeat; color:white; padding-left:5px; padding-right:5px; }
.lettrineOrang { background: url(../css/onglet_orang.gif) left center repeat; color:white; padding-left:5px; padding-right:5px; }
.lettrineBleuc { background: url(../css/onglet_bleuc.gif) left center repeat; color:white; padding-left:5px; padding-right:5px; }
.lettrineRouge { background: url(../css/onglet_rouge.gif) left center repeat; color:white; padding-left:5px; padding-right:5px; }
ul { list-style: none; }
li.listeBleuf { background: url(../css/fleche_bleuf.gif) left center no-repeat; padding-left:15px; }
li.listeOrang { background: url(../css/fleche_orang.gif) left center no-repeat; padding-left:15px; }
li.listeBleuc { background: url(../css/fleche_bleuc.gif) left center no-repeat; padding-left:15px; }
li.listeRouge { background: url(../css/fleche_rouge.gif) left center no-repeat; padding-left:15px; }
.savoirPlus { background: url(../css/savoir_plus.gif) left center no-repeat; padding-left:15px; }
/* FIN STYLES MISE EN PAGE */