/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
overflow-x:hidden;
}

body{
overflow-y: scroll;
}

body{
background:#001433 url(../images/charte/bg-body.jpg) left top repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:870px;
margin:30px auto;
background:#f2f2f2;
/*url(../images/charte/bg-container.jpg) center top repeat-y;*/
}
/***************** HEADER *****************/
#menu{
position:relative;
height:36px;
width:870px;
margin:0 auto;
background:url(../images/charte/bg_menu.jpg) no-repeat;
}


#menu ul {
list-style-type:none;
list-style-position:outside;
}
#menu li {
float:left;
cursor: pointer;
line-height:36px;
height:36px;
}

#menu li a {
text-decoration: none;
display:block;
text-decoration: none;
height:36px;
background:no-repeat scroll left bottom;
cursor: pointer;
}

#menu li a span {
display:none;
}
#menu li a.bt-accueil{
background-image:url(../images/charte/bt-accueil.jpg);
width:117px;
}
#menu li a.bt-actualites{
background-image:url(../images/charte/bt-actualites.jpg);
width:135px;
}
#menu li a.bt-informations{
background-image:url(../images/charte/bt-informations.jpg);
width:156px;
}
#menu li a.bt-calendrier{
background-image:url(../images/charte/bt-calendrier.jpg);
width:139px;
}
#menu li a.bt-stages{
background-image:url(../images/charte/bt-stages.jpg);
width:110px;
}
#menu li a.bt-contact{
background-image:url(../images/charte/bt-contact.jpg);
width:117px;
}
#menu li a.bt-liens{
background-image:url(../images/charte/bt-liens.jpg);
width:96px;
}
#menu  li a:hover {
background-position:left top;
}
#menu li#encours a {
background-position:left top;
} 
#header{
position:relative;
width:990px;
height:159px;
/*margin-left:28px;*/
background:url(../images/charte/header.jpg) no-repeat;
}
#halo-header-left{
position:absolute;
width:60px;
height:292px;
left:-60px;
background:url(../images/charte/halo-header-left.jpg) left top no-repeat;
}
#halo-header-right{
position:absolute;
top:0px;
width:60px;
height:292px;
left:870px;
background:url(../images/charte/halo-header-right.jpg) left top no-repeat;
}
/***************** CONTENU *****************/
#contenu{
padding-top:20px;
width:870px;
min-height:164px;
background:#f2f2f2 url(../images/charte/bg-contenu.jpg) left top repeat-x;
}
#formulaire{
position:relative;
margin-left:120px;
width:460px;
}
#diaporama{
float:right;
width:269px;
height:196px;
margin:5px 0 0 10px;
}
#edito{
position:relative;
width:850px;
height:159px;
margin-left:10px;
background:url(../images/charte/bg-edito.jpg) no-repeat;
}
.imageleft {
	float:left;
	margin:11px 7px 0px 12px;
	border:none;
	/*padding-top: 20px;*/
}
#actualites{
margin-top:20px;
position:relative;
width:850px;
height:164px;
margin-left:10px;
background:url(../images/charte/bg-actualites.jpg) repeat-x;
padding-top:2px;
}




h1.title
{
	display:block;
	height:17px;
    margin-left: 10px;
	margin-top: 10px;
}

#title-actu{
	background: url(../images/charte/title-actualites.png) no-repeat left top;
}
#title-inscription{
	background: url(../images/charte/title-inscription.png) no-repeat left top;
}
#title-team{
	background: url(../images/charte/title-team.png) no-repeat left top;
}
#title-tarif{
	background: url(../images/charte/title-tarif.png) no-repeat left top;
}
#title-club{
	background: url(../images/charte/title-club.png) no-repeat left top;
}
#title-calandar{
	background: url(../images/charte/title-calandar.png) no-repeat left top;
}
#title-stage{
	background: url(../images/charte/title-stage.png) no-repeat left top;
}
#title-acces{
	background: url(../images/charte/title-acces.png) no-repeat left top;

}

#title-plan{
	background: url(../images/charte/title-plan.png) no-repeat left top;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:89px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:92px;
margin:-92px 0 0;
background:#001433 url(../images/charte/bg-footer.jpg) center top no-repeat;
}

#footer2{
position:relative;
width:990px;
height:92px;
margin:0 auto;
}
#halo-footer-left{
position:absolute;
width:210px;
height:178px;
left:-150px;
top:-175px;
background:url(../images/charte/halo-footer-left.jpg) left top no-repeat;
}
#halo-footer-right{
position:absolute;
width:210px;
height:178px;
left:930px;
top:-175px;
background:url(../images/charte/halo-footer-right.jpg) left top no-repeat;
}
#adresse{
position:absolute;
width:794px;
height:22px;
left:98px;
top:-22px;
background:url(../images/charte/adresse.jpg) left top no-repeat;
}
#idep{
position:absolute;
right:112px;
top:0;
width:261px;
height:20px;
}
#idep img{
float:right;
}
#footer #idep a.idep{
position:relative;
top:-1px;
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#d87301;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#d87301;
}