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

body {
	background-color: #666666;
	background-image: url(../ico/fond_degrade_gris.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-bottom: 20px;
	}
/* =======================================================
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;
height: auto;
/*background-color: Maroon;*/

}


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

#entete a{
	color:#aaaaaa;
	text-decoration:none;
	/*background-color:#009933*/
	}

#entete a:hover{
	color:#ffffff;
	text-decoration:none;
	/*background-color:#009933*/
	}


/* =======================================================
Les blocs sous l'en-tête
==========================================================*/	
#contenu {
position: absolute;
width:948px;
background-image: url(../ico/fond_accueil.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #FFFFFF;
border:#FFFFFF;
border-style:solid;
border-width:1px;

}

#illustration {
width:948px;
background-color: FFFFFF;
margin-bottom: -3px;
border: 1px solid #FFF;
}

/*#illustration img {
border:#FFFFFF;
border-style:solid;
border-width:1px;
}*/

/* =======================================================
Les blocs de gauche : le menu
==========================================================*/	

#colonne_g {
width:450px;
}

.menu_principal {
list-style-type: none;
padding-top: 20px;
padding-left: 30px;
padding-right: 10px;
font-size:100%;
/*background-color: Yellow;*/
}

.fleche_sable {
list-style-image: url(../ico/fleche_sable.png);
}

.fleche_grise {
list-style-image: url(../ico/fleche_grise.png);
}

.fleche_verte {
list-style-image: url(../ico/fleche_verte.png);
}

.fleche_bleue {
list-style-image: url(../ico/fleche_bleue.png);
}

.fleche_rouge {
list-style-image: url(../ico/fleche_rouge.png);
}

.fleche_orange {
list-style-image: url(../ico/fleche_orange.png);
}

.drapeau_usa {
list-style-image: url(../ico/drapeau-usa.png);
}

.drapeau_france {
list-style-image: url(../ico/drapeau-france.png);
}

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

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

.texte_menu a{
text-decoration:none;
}

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

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

#partager {
padding-left: 10px;
font-size:85%;
/*background-color: Red;*/
}

#partager a{
text-decoration: none;
font-weight:bold;
	color: #000000;
}

#partager a:hover{
text-decoration: underline;
	color: #666666;
}


/* ==============================================================
Les blocs du centre : le contenu proprement dit : titre, textes et photos
================================================================*/


#colonne_c {
position: absolute;
left: 474px;
top: 0px;
width:450px;
border-style:none;
}





#colonne_d {
position: absolute;
top: 0px;
right: 0px;
width:316px;
}

	
/*============================================================
	PIED DE PAGE (peut être enlevé si pas besoin)
============================================================*/

#pied {
	position: relative;
	top: 20px;
	left: 0px;
	width: 950px;
	color: Red;
	color:#666;
	font-size: 10px;
	/*background-color:#0FF;*/
	
}
	
	
#pied a {
text-decoration:none;
color:#666;
}

#pied a:hover {
	text-decoration:underline;
	color:#000;
	text-align: left;
}