/* Feuille de style pour la charte graphique du site

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

 */



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

*{

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

margin:0;

padding:0;

}

body,html{

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

	background:#e69f30 url(../images/charte/bg.jpg);

	background-repeat:repeat-x;



}



body{

	font-size:62.5%;

	background-color:#E69F30;

}



#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:988px;

	margin:0 auto;

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

	background-repeat:repeat-y;

}





#container2{

	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:988px;

	margin:0 auto;

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

	background-repeat:no-repeat;

}







#header{

	width:988px;

	height:237px;

	background:none;

}

/***************** CONTAINER DU CONTENU *****************/





#contenu {

	position:relative;

	width:988px;

	padding-bottom:28px;

	display:table;

	font-family:Arial, Helvetica, sans-serif;

	color:#333333;



}



/***************** MENU ********************/



#contenu #menu {

	position:relative;

	float:left;

	width:202px;

	padding: 20px 0 0 0px;

}



#contenu #menu dt a:link, #menu dt a:visited{

width:202px;

height:20px;

color:#C34104;

text-decoration: none;

display: block;

margin:10px 0 2px 20px;



}

#contenu #menu dt a:hover {

width:202px;

height:20px;

color:#C34104;

text-decoration: none;

display: block;

text-decoration: underline;

margin:10px 0 2px 20px;

}

#contenu #menu ul{

padding:0px 0 5px 2px;

width:202pxpx;

text-align:left;

margin:0 0 0 10px;



}

#contenu #menu li {

text-align:left;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

line-height:20px;

color:#052C5B;

margin:0 0 0 10px;

list-style-type:none;



}



#contenu #menu li a,#menu li a:visited{

font-family:Arial, Helvetica, sans-serif;

font-weight:normal;

color:#052C5B;

text-decoration:none;



}

#contenu #menu li a:hover {

font-family:Arial, Helvetica, sans-serif;

color:#000;

text-decoration:underline;

font-weight:normal;

}





#contenu #menu dt span {	display:none; }



a.bt1		{ 	background:url(../images/charte/menu-01.gif) no-repeat left top;  		}

a:hover.bt1 {	background:url(../images/charte/menu-01-over.gif) no-repeat left top; 	}



a.bt2		{ 	background:url(../images/charte/menu-02.gif) no-repeat left top;  		}

a:hover.bt2 {	background:url(../images/charte/menu-02-over.gif) no-repeat left top; 	}



a.bt3		{ 	background:url(../images/charte/menu-03.gif) no-repeat left top;  		}

a:hover.bt3 {	background:url(../images/charte/menu-03-over.gif) no-repeat left top; 	}



a.bt4		{ 	background:url(../images/charte/menu-04.gif) no-repeat left top;  		}

a:hover.bt4 {	background:url(../images/charte/menu-04-over.gif) no-repeat left top; 	}



a.bt5		{ 	background:url(../images/charte/menu-05.gif) no-repeat left top;  		}

a:hover.bt5 {	background:url(../images/charte/menu-05-over.gif) no-repeat left top; 	}



a.bt6		{ 	background:url(../images/charte/menu-06.gif) no-repeat left top;  		}

a:hover.bt6 {	background:url(../images/charte/menu-06-over.gif) no-repeat left top; 	}



a.bt7		{ 	background:url(../images/charte/menu-07.gif) no-repeat left top;  		}

a:hover.bt7 {	background:url(../images/charte/menu-07-over.gif) no-repeat left top; 	}



/***************** CONTENU TEXTUEL *****************/



#contenuTexte{

	padding:20px 0 0 0px;

	width:750px;

	float:left;

}





#contenuTexte h1{

	margin:0px 0 15px 0;

	font:bold 2em Arial, Helvetica, sans-serif;

	color:#E06218;

}



#contenuTexte h2{

	margin:5px 0;

	font:bold 1.4em Arial, Helvetica, sans-serif;

	color:#E06218;

}



#contenuTexte p{

font:Arial, Helvetica, sans-serif;

	padding-bottom:5px;

	font-size:1.2em;

	line-height:1.8em;

	text-align:justify;

	margin-bottom:10px;

}



#contenuTexte table{

margin-bottom:35px;

margin-left:40px;

}





#contenuTexte a:link, #contenu a:visited{

	color: #E06218;

	text-decoration:none;

}

#contenuTexte a:hover, #contenu a:active{

	color: #E06218;

	text-decoration:underline;

}

#contenuTexte p.couleur, .couleur{

	font-weight:normal;

	color:#000;

}



/***************** DIVERS *****************/

.txtgauche {

width:485px;

float:left;

padding:0 0px 0 50px;

}

.txtgauche2 {

width:685px;

float:left;

padding:0 0px 0 50px;

}

.diaporama1 {

width:970px;

float:left;
margin-left:9px;
}



.txtdroite {

float:right;

width:188px;

padding:0px 15px 0 0px;

}



.titre {

float:left;

padding:0px 230px 15px 0;

}





.drapeaux {

float:right;

padding:0px 0px 0 0;

}



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

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

.clearer

{

	clear: both;

	display: block;

	height: 0px;

	margin-bottom: 0px;

	font-size: 0px;

	line-height: 0px;

}

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

#footer{

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

	margin: -28px auto 0 auto;/*---margin top = - hauteur du footer---*/

	width:100%;

	height:28px;

	font:bold 1em Arial, Helvetica, sans-serif;

	color: #9F420B;

	clear:both;

	background-image:url(../images/charte/footer.gif);

	background-repeat:repeat-x;



}





#footer a {

	font:Arial, Helvetica, sans-serif;

	text-decoration:none;

	color: #9F420B;

}

#footer a:hover {

text-decoration:underline;



}

#footer a.sousrubz{

	color: #9F420B;

	font-weight:normal;

}