/* CSS Document */

body {
margin: 0;
padding: 0;
background-color:#c0c3ab;  /*Marron clair */
color:#5b5e47; /* Marron foncé */
font-family : arial;
font-size : 12px;
text-align:justify;
}

/* BLOC PRINCIPAUX */

#conteneur {
position:absolute;
top:0px;
left: 50%;
width: 954px;
margin-left: -477px; /* moitié de la largeur */

/*background-color:#CCCCFF;*/
z-index:12;
}

#header {
height: 230px;
/*background-color: #99CCCC;*/
z-index:14;
}
#onglets{
position:absolute;
left: 50%;
top:100px;
witdh:600px;
margin-left: -300px; /* moitié de la largeur */
height:40px;
z-index:99;
}
#feuilles{
position:absolute;
top:200px;
width:155px;
height:500px;
background-image:url('../images/feuilles.png');
background-position: top left;
background-repeat:no-repeat;
z-index:32;

}


#centre {
/*background-color:#9999CC;*/
margin-top:30px;
border:0px solid red;
background-image:url('../images/fond_spacer.gif');
background-position: top left;
background-repeat:repeat-y;
}

#cadre_actu{
height:250px;
background-image:url('../images/cadre_actualites.jpg');
background-position: top right;
background-repeat:no-repeat;
}
#texte_actu{
position:relative;
border:0px solid red;
color:white;
top:80px;
left:15px;
overflow:auto;
width:486px;
height:150px;
}
#cadre_actu a{
color:white; /* Vet clair */
font-weight:bold;
text-decoration:none;
}
#cadre_actu a:hover{
color:white; /* Vet clair */
font-weight:bold;
text-decoration:underline;
}
#bouton_suite{
position:relative;
border:0px solid red;
width:117px;
top:55px;
left:390px;
}
#cadre_horaires{
position:absolute;
top:412px;
background-image:url('../images/cadre_horaires.gif');
background-position: top right;
background-repeat:no-repeat;
width:208px;
height:408px;
}
#texte_horaires{
margin-top:42px;
margin-left:25px;
border:0px solid red;
width:166px;
height:283px;
overflow:auto;
}
#pied {
height: 160px;
padding-top:134px;
padding-right:160px;
text-align:right;
color:white;
background-image:url('../images/pied_page.gif');
background-position: top left;
background-repeat:no-repeat;
}
#pied a{
color:white;
font-weight:normal;
}
#pied a:hover{
text-decoration:underline;
}

/* PETITS ELEMENTS D'HABILLAGE */
#mousse1{
position:absolute;
top:360px;
left:865px;
width:78px;
height:52px;
background-image:url('../images/mousse.png');
background-position: 0 0;
background-repeat:no-repeat;
z-index:40;
}



/* ARRIERE PLAN */
#banniere{
position:absolute;
top:0;
width:100%;
height:265px;
background-image:url('../images/banniere.jpg');
background-position: top center;
background-repeat:no-repeat;
z-index:4;
}
#bandeau_spacer{
position:absolute;
top:0;
width:100%;
height:265px;
background-image:url('../images/bandeau_spacer.jpg');
background-position: top left;
background-repeat:repeat-x;
z-index:1;
}
#fond{
position:absolute;
top:265px;
width:100%;
height:640px;
background-image:url('../images/fond_spacer.jpg');
background-position: top left;
background-repeat:repeat-x;
z-index:2;
}