/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////       BACKGROUND        ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

html, body
{
	height : 100%;
	margin : 0px;
	padding : 0px;
	font-family : Trebuchet MS , sans-serif;
}

#background_bas{min-height : 100%; background : url("background_bas.png") bottom center repeat-x;}
#background_haut{height : 100%; background : url("background_haut.png") top left repeat-x;}



/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////    STRUCTURE GLOBALE    ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#corps
{
	width : 1000px;
	margin : auto;
	background : url("haut_corps.png") no-repeat top left;
}

#pub_adsense_1
{
	float : left;
	padding-top : 15px;
	margin-left : 10px;
}

#pub_adsense_2
{
	float : right;
	padding-top : 15px;
	margin-right : 7px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////        BANNIERE        ////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#banniere
{
	width : 1000px;
	height : 176px;
	background : url("banniere.png") top left repeat-x;
	margin : auto;
	position : relative;
	overflow : hidden;
}

#barre_banniere_1
{
	width : 1px;
	height : 182px;
	float : left;
	background : url("barre_banniere.png") top left;
	position : relative;
	top : -7px;
}

#barre_banniere_2
{
	width : 1px;
	height : 182px;
	float : right;
	background : url("barre_banniere.png") top left;
	position : relative;
	top : -7px;
}

#logo
{
	width : 374px;
	height : 115px;
	float : left;
	background : url("logo.png");
	position : relative;
	top : 30px;
}

#cadre_banniere
{
	width : 487px;
	height : 106px;
	float : right;
	background : url("cadre_banniere.png");
	position : relative;
	right : 30px;
	top : 30px;
}

#don
{
	position : relative;
	top : 153px;
	left : -290px;
}

#fb
{
	position : relative;
	top : 33px;
	left : -110px;
}

#drapeaux
{
	float : right;
	margin-right : -130px;
	margin-top: 113px;
}

#bouton_commencer
{
	width : 142px;
	height : 45px;
	float : right;
	background : url("bouton_commencer.png");
	position : relative;
	right : 15px;
	top : 32px;
}

#bouton_commencer:hover
{
	background : url("bouton_commencer_hover.png");
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////          TEXTE          ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#texte 
{
	padding : 20px;
	text-align : justify;
	font-size : 13px;
	color : #434343;
	padding-bottom : 60px;
}

p
{
	margin-top : 0px;
}

h1
{
	font-size : 19px;
	margin-top :0px;
}

h2
{
	font-size : 16px;
	margin-top : 3px;
}
		
a
{
	color : #288de8;
	text-decoration : none;
}

img
{
	border : none;
}

a:hover
{
	color : #ff8000;
}

a.liste_liens:visited
{
	color : red;
}

#lien_commencer
{
	color : #288de8;
	font-size : 23px;
	font-weight : bold;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}

#lien_commencer:hover
{
	color : #ff8000;
}

#overflow
{
	overflow : hidden;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////     MENU HORIZONTAL     ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#MH
{
	width : 1000px;
	height : 49px;
	background : url("MH.png");
	text-align : left;
	padding-left : 9px;
	margin : 0;
	padding : 0;
	margin : auto;
}

#MH li
{
	display : inline;
}

#MH a
{
	width : 125px;
	height : 37px;
	text-align : center;
	display : inline-block;
	color : #FFFFFF;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
	padding-top : 12px;
	margin : 0;
}

#MH li a:hover
{
	background : url("MH_hover.png") top left;
}

#MH a.page_active
{
	background : url("MH_page_active.png") top left;
}

.bouton_normal{background : url("MH_bouton.png") top left;}
.dernier_bouton{background : url("MH_dernier_bouton.png") top left;}
.bouton_droit{float : right;}
.bouton_gauche{float : left;}



/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////       BAS DE PAGE       ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#clear_both
{
	clear : both;
}

#pied_de_page
{
	width : 960px;
	height : 60px;
	margin : auto;
	text-align : center;
	color : #434343;
	font-size : 12px;
	margin-top : -75px;
}