/* 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%;

	scrollbar-base-color: #6c191c;

	background-color:#b5c581;

	background-attachment: scroll;

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

	background-repeat: repeat-x;

	background-position: left top;

}

body{

	font-size:62.5%;



}

#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:100%;

}



#header{

	width:100%;

	height:162px;

}



#contenu {

	position:relative;

	width:100%;

	padding-bottom:33px;

	display:table;

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

	color:#69141e;

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: left top;

}





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



#contenu #menu {

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

height:27px;

font-weight: normal;

text-align:left;

padding:5px 0 0 250px ;

color: #FFF;

}



dl, dd, ul, li {

list-style-type: none;

margin: 0;

padding:0;

}







#contenu #menu dl {

float: left;





}

#contenu #menu li {

text-transform: none;

display: inline;

}

#contenu #menu li a{

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	text-decoration:none;

	font-weight:normal;

}

#contenu #menu li a:hover{

color:#FFF;

text-decoration:underline;



}



#contenu #menu a {

	text-decoration: none;

	color: #69141e;

	text-decoration:none;

	padding:14px;

	font-family: "Trebuchet MS", Arial;

	font-size: 12px;

	font-weight: bold;

}



#contenu #menu a:hover {

text-decoration: none;

color: #FFF;

}





#contenu #smenu1, #smenu2{

position: absolute;

left: 0px;

font-size: 11px;

color:#FFF;

}



#smenu3 {

position: absolute;

top:20;

left: 50px;

margin:10px 0 0 235px;

font-size: 11px;

color:#FFF;

display:inline;

width:500px;

}



#smenu4 {

position: absolute;

left: 0px;

margin:10px 0 0 550px;

font-size: 11px;

color:#FFF;

display:inline;

width:400px;

}





#smenu5 {

position: absolute;

left: 0px;

margin:10px 0 0 625px;

font-size: 11px;

color:#FFF;

}



#smenu6 {

position: absolute;

left: 0px;

margin:10px 0 0 589px;

	font-size: 11px;

color:#FFF;

}



#smenu7 {

position: absolute;

left: 0px;

	font-size: 11px;

color:#FFF;

}



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

#menugauche{

	padding:35px 0 0 20px;

	float:left;

	width:160px;

	font-family: "Trebuchet MS", Arial;

	font-size: 12px;

	font-weight: bold;

}



#menugauche dt{

	padding:8px;

}



#contenu #menugauche a {

	text-decoration: underline;

	color: #69141e;

	font-family: "Trebuchet MS", Arial;

	font-size: 12px;

	font-weight: bold;

}



#contenu #menugauche a:hover {

color: #FFF;

}

#contenuTexte{

	padding:0 20px 0 180px;

	width:800px;



}

#contenuTexte h1{

	margin:30px 0 15px 0;

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

	font-style:italic;

	font-size:1.8em;

	text-align:right;

	color:#69141e;

	border-bottom:1px solid #916369;

}



#contenuTexte h2{

	margin:10px 0 5px 0;

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

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#69141e;

	border-bottom:1px solid #916369;

}



#contenuTexte p{

    margin-top:12px;

	font-size:1.2em;

	text-align:justify;

}





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

	color:#69141e;

	font-weight:bold;

	text-decoration:none;

}

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

	color: #FFF;

	font-weight:bold;

	text-decoration:underline;

}

#contenuTexte p.couleur, .couleur{

	font-weight:bold;

	color:#c00404;

}



/*---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;

	margin: -33px 0 0 0;

	width:100%;

	height:33px;

	clear:both;

	background-attachment: scroll;

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

	background-repeat: repeat-x;

	background-position: left top;

}