/*============================================================
	MISE EN PAGE GENERALE
============================================================*/	

body {
	
	background-color: #660000;
	background-image: url(../ico/fond_degrade_rouge.jpg);
	background-repeat: repeat-x;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	font-family:Verdana, Arial, Helvetica, sans-serif; /* set default font */
	font-size: 0.8em; /*set default font size */
	color: Black;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
}
/* =======================================================
s'applique à tous les conteneurs pour tous navigateurs
==========================================================*/
* {
	padding: 0; 
	margin: 0; 
	border: 0; 
}

/* =======================================================
Bloc conteneur du contenu de la page
==========================================================*/	
#global {
position: relative;
margin: auto;
width: 950px;
/*background-color: Maroon;*/
}


/* =======================================================
L'en-tête sur fond noir, identique pour toutes les pages
==========================================================*/
#entete {
	position: relative;
	color:#E6C4BA;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
	width: 950px;
	padding-bottom: 5px;
	/*background-color:#009933*/
	}

#en_tete_gauche{
	float: left;
	text-align: left;
}

#entete  a {
	color: #E6C4BA;
	text-decoration: none;
}

#entete a:hover {
	color: White;
	text-decoration: none;
}


/* =======================================================
Les blocs sous l'en-tête
==========================================================*/	
#contenu {
position: absolute;
width:948px;
height: 540px;
background-color:White;
border:#FFFFFF;
border-style:solid;
border-width:1px;

}


/* =======================================================
Les blocs de gauche : le menu
==========================================================*/	
#contenu_image {
position: absolute;
top: 0px;
left: 0px;
background-color: transparent;
/*background-image:url(../ico/fond_g_chine2.jpg);
background-position:top;
width:665px;
height: 540px;
background-repeat:no-repeat;*/
}



/* ==============================================================
Le bloc contenant le menu
================================================================*/

#contenu_mobile {
	position: absolute;
	left: 715px;
	width: 233px;
	background-image:url(../ico/fond_d_accueil.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
height:540px;
	border-style:none;
	overflow: hidden;
	}


.menu_principal {
list-style-image: url(../ico/fleche_droite_accueil.png);
padding-top: 20px;
padding-left: 30px;
padding-right: 10px;
font-size:100%;
}

.menu_principal li{
padding-bottom: 12px;
font-weight: bold;
}

.texte_menu{
font-size: 0.75em;
line-height: 120%;
padding-bottom: 12px;
font-weight: normal;
}

.menu_principal a {
	text-decoration: none;
	color: #660000;
	}

.menu_principal a:hover {
	color: #AE4120;
	}	

.rubrique_active {
	font-weight: bold;
	color: #660000;
}
/* padding qui s'ajoute à celui de la classe
#colonne_g ul {
	padding-top: 30px;
}*/



.texte_principal {
padding: 0px 10px 30px 20px;
margin-right:15px;
text-align: justify;
}

.texte_principal h2 {
color: #660000;
font-size: 100%;
font-weight: bold;
}

.texte_principal p {
margin-top: 5px;
margin-bottom: 10px;
font-size: 0.85em;
line-height: 160%;
}



/*============================================================
	PIED DE PAGE (peut être enlevé si pas besoin)
============================================================*/
#pied {
position: absolute;
top: 581px;
left: 0px;
width: 900px;
height:30px;
color:Red;
/*background-color: Aqua;*/
}