/* Feuille de style pour la charte graphique du site

 * Cette feuille de style est appelée depuis style.css.

 */



/***************** STRUCTURE *****************/

*{

/*---toutes les marges sont à 0---*/

	margin:0;

	padding:0;

}



body,html{

	height:100%;/*---obligatoire pour le footer---*/

	scrollbar-base-color:#fff;

}



body{

	background:#112f81;

	font: 70% Arial, Helvetica, sans-serif;

	background:#9ba3d5;

}



#container{ 

	position: relative;/*---obligatoire pour le footer---*/

	min-height:100%; /*---obligatoire pour le footer:Firefox---*/

	height:auto !important;/*---obligatoire pour le footer:Firefox---*/

	height:100%;/*---obligatoire pour le footer:IE---*/

	width:1003px;

	margin:0 auto;

	background:url(../images/charte/bg-page-y.gif) repeat-y scroll left top;

}



#header{

	width:1003px;

	height:174px;

	background-image:url(../images/charte/header.jpg);

}





/*-----------------------------Menu----------------------------------------------*/

#menu-haut{

	width:1003px;

	height:39px;

}



#menu-haut ul{	

	width:1003px;

	height:39px;

	list-style-type:none;

}



#menu-haut ul li{

	height:39px;

	float:left;

}



#menu-haut ul li a{

	display:block;

	height:39px;

}



#menu-haut ul li a span{

	display:none;

}



a.accueil{

	width:168px;

	background-image:url(../images/charte/accueil.jpg);

}

a.accueil:hover{

	width:168px;

	background-image:url(../images/charte/accueil-on.jpg);

}



a.programme{

	width:165px;

	background-image:url(../images/charte/programme.jpg);

}

a.programme:hover{

	width:165px;

	background-image:url(../images/charte/programme-on.jpg);

}



a.evenements{

	width:165px;

	background-image:url(../images/charte/evenements.jpg);

}

a.evenements:hover{

	width:165px;

	background-image:url(../images/charte/evenements-on.jpg);

}



a.partenaires{

	width:165px;

	background-image:url(../images/charte/partenaires.jpg);

}

a.partenaires:hover{

	width:165px;

	background-image:url(../images/charte/partenaires-on.jpg);

}



a.equipe{

	width:165px;

	background-image:url(../images/charte/equipe.jpg);

}

a.equipe:hover{

	width:165px;

	background-image:url(../images/charte/equipe-on.jpg);

}



a.archives{

	width:167px;

	background-image:url(../images/charte/archives.jpg);

	background-repeat:no-repeat;

}

a.archives:hover{

	width:167px;

	background-image:url(../images/charte/archives-on.jpg);

	background-repeat:no-repeat;

}



/*-----------------------------Fin Menu----------------------------------------------*/



#contenu{

	position:relative;

	width:963px;

	min-height:250px;

	height:auto !important;

	height:250px;

	font-size:1.1em;

	line-height:1.3em;

	text-align:justify;

	color: #455a99;

	background:url(../images/charte/bg-contenu.jpg) no-repeat scroll center top;

	padding:0 20px 56px 20px;

}









/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer"></div> apres la div contenu---*/

.clearer

{

	clear: both;

	display: block;

	height: 1px;

	margin-bottom: -1px;

	font-size: 1px;

	line-height: 1px;

}





/***************** FOOTER *****************/

#footer{

	position:relative;

	width:100%;

	height:56px;

	margin:-56px auto 0 auto;

	clear:both;

	background:url(../images/charte/bg-footer-x.gif) repeat-x top right;

}

#footer2{

	width:1003px;

	height:16px;

	margin:0 auto 0 auto;

	background:url(../images/charte/bg-footer.jpg) no-repeat top right;

	color:#7d8fc6;

	padding:30px 0 0 0;

	text-align:center;

}





#footer2 a:link,#footer2 a:visited{

	text-decoration:none;

	color:#7d8fc6;

}

#footer2 a:hover{

	text-decoration:underline;

	color:#47d8fc6;

}



.adresse{

	color:#374a82;

}