/* DEFINITIONS BALISES SITE */
body {
	margin:0; 																/* pas de marges externes */
	padding:0; 																/* pas de marges internes */
	width:100%;																/* largeur variable de la page */
	min-width:1010px;														/* largeur minimale de la page */
	margin-left:auto;														/* marge à gauche de la page */
	margin-right:auto;														/* marge à droite de la page */
	background:url("../../ressources/images/fond_page.jpg") repeat-x;
	z-index:0;
	background-color:black; 												/* couleur du fond (derriere la page) */
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;					/* police par défaut */
	font-size:90%;
}

em { 
	font-weight:bold;
}

img { 
	border:0;
}

h1, h2, h3, h4 {
	text-align:center;
	margin:0;
	color:#b01211;
}

a:link, a:visited {color:black; text-decoration:none;}						/* couleur noire et pas de soulignement pour les liens */
a:hover {color:grey;}														/* changement de couleur lors du passage de la souris sur le lien */

.separator {clear:both;}
.separator_10 {height:10px;}
.separator_20 {height:10px;}
.separator_30 {height:10px;}
.separator_40 {height:10px;}
.separator_50 {height:10px;}

#Page {
	border-style:solid; 
	border-color:blue; 
	border-width:0px; 
}

/* BANNIERE */
#Banniere {
	margin:0;																/* pas de marge pour remplir toute la largeur de la page */
	padding:0;																/* pas de marge pour remplir toute la largeur de la page */
	text-align:center;
	height:100px;
}
#Banniere .gauche {															/* image de bannière de gauche */
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	}
#Banniere .droite {															/* image de bannière de droite */
	position:absolute;
	top:0px;
	right:0px;
	z-index:0;
}
#Banniere .titre { 															/* titre de la bannière */
	padding-top:20px;	 													/* décalage vertical */
	z-index:10;
}


/* MISE EN PAGE  (sous la bannière) */
#hautdepage, #basdepage {
	clear:both;
	height:40px;
	margin:0 20px 0 20px; 													/* marges externes */
	z-index:1;
}
#hautdepage .gauche, #hautdepage .droit, 
#basdepage  .gauche, #basdepage .droit {
	height:40px; width:40px;
	font-size:1px; /* correction d'un bug IE */
	z-index:1;
}
#hautdepage .milieu, #basdepage .milieu {
	height:40px; width:auto;
	margin-left:40px;														/* marges (largeur de l'image de gauche)  */
	margin-right:40px;														/* marges (largeur de l'image de droite) */
	font-size:1px; /* correction d'un bug IE */
	z-index:1;
}
#hautdepage .gauche {float:left;  background:url("../../ressources/images/coin_page_haut_gauche.png") no-repeat;}
#hautdepage .droit   {float:right; background:url("../../ressources/images/coin_page_haut_droit.png") no-repeat;}
#hautdepage .milieu {background:url("../../ressources/images/coin_page_haut_milieu.png") repeat-x;}
#basdepage .gauche   {float:left;  background:url("../../ressources/images/coin_page_bas_gauche.png") no-repeat;}
#basdepage .droit     {float:right; background:url("../../ressources/images/coin_page_bas_droit.png") no-repeat;}
#basdepage .milieu   {background:url("../../ressources/images/coin_page_bas_milieu.png") repeat-x;}

#Conteneur {
	clear:both;
	display:block;															/* Conteneur en mode block pour  aligner le menu à gauche et la page à droite */
	height:auto; 															/* hauteur automatique */
	min-height:500px;														/* hauteur minimale du contenu */
	color:black;															/* couleur du texte */
	background-color:#fef4c9; 												/* couleur du fond */
	z-index:0;
	font-size:90%;															/* police par défaut */
	margin:0 20px 0 20px; 													/* marges externes */
	border-left:solid 2px #ffffe6;
	border-right:solid 2px #827e66;
}

#Contenu {
	padding:0px 20px 0px 20px;											/* marges */
	text-align:justify;														/* justification gauche/droite du texte */
}

/* Colonne de gauche */
#colonne1 {
	float:left; 															/* contenu flottant pour être aligné à droite */
	width:30%;
	padding-top:6px;
	text-align:center;														/* justification gauche/droite du texte */
	border-left:solid 1px #fffffd;
	border-right:solid 1px #a4a39b;
	border-top:solid 1px #fffffd;
	border-bottom:solid 1px #a4a39b;
	background:url("../../ressources/images/fond0.jpg") no-repeat center center;
	background-color:#fefbef;
}
/* Colonne du centre */
#colonne2 {
	margin-left:35%;
	margin-right:35%;
	padding-top:6px;
	text-align:center;														/* justification gauche/droite du texte */
	border-left:solid 1px #fffffd;
	border-right:solid 1px #a4a39b;
	border-top:solid 1px #fffffd;
	border-bottom:solid 1px #a4a39b;
	background:url("../../ressources/images/fond0.jpg") no-repeat center center;
	background-color:#fefbef;
}

/* Colonne de droite */
#colonne3 {
	float:right; 															/* contenu flottant pour être aligné à droite */
	width:30%;
	padding-top:6px;
	text-align:center;														/* justification gauche/droite du texte */
	border-left:solid 1px #fffffd;
	border-right:solid 1px #a4a39b;
	border-top:solid 1px #fffffd;
	border-bottom:solid 1px #a4a39b;
	background:url("../../ressources/images/fond0.jpg") no-repeat center center;
	background-color:#fefbef;
}

/* propriétés communes à l'ensemble des 4 coins */
.hautdecadre, .basdecadre {
	clear:both;
	height:12px;
}
.hautdecadre .gauche, .hautdecadre .droit, 
.basdecadre   .gauche, .basdecadre   .droit {
	height:12px; width:12px;
	font-size:1px; /* correction d'un bug IE */
}
.hautdecadre .milieu, .basdecadre .milieu {
	height:12px; width:auto;
	margin-left:12px;														/* marges (largeur de l'image de gauche)  */
	margin-right:12px;														/* marges (largeur de l'image de droite) */
	font-size:1px; /* correction d'un bug IE */
}
.hautdecadre .gauche {float:left;  background:url("../../ressources/images/cadre_haut_gauche.png") no-repeat;}
.hautdecadre .droit   {float:right; background:url("../../ressources/images/cadre_haut_droit.png") no-repeat;}
.hautdecadre .milieu {background:url("../../ressources/images/cadre_haut_milieu.png") repeat-x;}
.basdecadre   .gauche {float:left;  background:url("../../ressources/images/cadre_bas_gauche.png") no-repeat;}
.basdecadre   .droit   {float:right; background:url("../../ressources/images/cadre_bas_droit.png") no-repeat;}
.basdecadre   .milieu {background:url("../../ressources/images/cadre_bas_milieu.png") repeat-x;}

.cadre {
	border-left:solid 1px #fffffd;
	border-right:solid 1px #a4a39b;
	background-color:#fefbef;
}

.cadre img { 
	margin:20px 0px 20px 0px; 													/* marges externes */
	border:0;
}

#Contenu .cadre {
	padding:1px 20px 1px 20px; 												/* marges externes */
}

/* PIED DE PAGE */
#PiedDePage {
	clear:both; 															/* remise à zéro des blocks (permet de reprendre toute la largeur de la page) */
	height:30px; 															/* hauteur du pied de page */
	background-color:black; 												/* couleur du fond */
	border-style:solid; 
	border-color:#b01211; 
	border-width:0px; 
	margin:0;
	padding:0;
	font:bold 80% Arial, "Times New Roman", Times, serif;					/* police et taille */
}

#PiedDePage .info {
	display:block; 															/* pied de page en mode block pour pouvoir aligner 2 sections */
	margin:7px 60px 0 60px; 												/* marges */
}
#PiedDePage .info span a {
	float:left; 															/* positionnement flottant à gauche */
	color:#FFFFFF; 															/* couleur du texte  (blanc) */
	text-align:left; 														/* justification à gauche */
	padding-right:40px;
}
#PiedDePage .info span a:link,
#PiedDePage .info span a:visited {
	color:#FFFFFF; 															/* mettre les liens de la même couleur que le texte */
	text-decoration:none;													/* pas de soulignement sous les liens */
}
#PiedDePage .info span a:hover {
	color:#f6e7a4;															/* couleur des liens lorsque l'on passe la souris dessus (violet) */
}
#PiedDePage .info .Copyright {
	float:right; 															/* positionnement flottant à droite */
	color:#FFFFFF; 															/* couleur du texte  (blanc) */
	text-align:right;														/* justification à droite */
}