/* feuille de style utilisée */
/* couleurs utilisées : 
#FECB32 => jaune orangé
#FFFFFF => blanc
#983132 => bordeau
#FEF1CF => beige
#DB6D00 => marron
#2C2C2E => gris foncé
#000000 => noir
#3D8F9B => bleu-indigo
http://www.lepotlatch.org/index.php/2007/08/29/95-tendances-web-2007-60-palettes-de-couleur-elegantes-pour-vos-sites-web

*/
/* éléments de base */

html, body {
	padding : 0;
	margin : 0;
	height : 100%; /* Ces trois paramètres sont nécessaires pour un affichage correct */
}

body {
	text-align : center;   /* Centrage sous Internet Explorer */
	background: url(bandeau_fond.jpg) center;
}

	/* -------------------------------- */
	/* définition des différentes zones */
	/* -------------------------------- */

#conteneur {
	position : relative;    /* Obligatoire pour positionner le footer par rapport au conteneur */
	margin : auto;          /* Centrage sous Firefox */
	width : 850px;           /* On définit la largeur du site */
	text-align : left;      /* Reset de la position du texte à cause de IE */
	min-height : 100%;   /* Hauteur minimale de 100% */
	text-align: center ;
	background: url(coin_bas_droit_1.jpg) no-repeat bottom right ;
}
	
#haut {
	width : 100%;
	height : 100px;
	background: #fff url(haut.jpg) no-repeat top left ;
}
	
#centre {
	min-height : 100%;        	/* Hauteur minimale de 100% */
	width : 100%;
	overflow : auto;       		/* Firefox, pour tenir compte du contenu des div flottants (float, qui sont normalement mis à part) */
	/*float : left; 	*/		/* On aligne les trois colonnes A RETIRER CAR SI IL N'Y A PLUS LES COLONNES G&D, CA PASSE A TRAVERS LE FOOTER !!*/
	padding-bottom : 30px; 		/* Hauteur du footer, pour éviter que ce dernier se place par dessus votre contenu (on le pousse) */
	/*padding-left :   30px; */	/* Hauteur de la clonne gauche (on le pousse) */
	/*padding-right :  30px; */	/* Hauteur de la clonne right (on le pousse) */
	background: url(coin_haut_gauche.jpg) no-repeat transparent top left ;
}

#bas {
	position: absolute; 	/* On le place par rapport au conteneur */
	bottom: 0; left: 0; 	/* Tout en bas à gauche */
	clear : both;  		/* On casse l'alignement float des colonnes */
	width : 100%;  		/* Largeur 100% */
	height : 30px;		/* Hauteur du footer */
}

	/* -------------------------------- */
	/*        définition du menu        */
	/* -------------------------------- */

#navigation {
	list-style: none ;
	margin: 0px ;
	padding: 0px ;
	text-align: center ;
	height: 1.8em ;
	bottom: 0; left: 0; /* Tout en bas à gauche */
}

#navigation li {
	text-align: center ;
	display: inline ;
	float: left ;
	width: 24.99%;
	margin-right: 0px ;
	color: #013 ;		/* couleur du texte des menus */
}

#navigation li a {
	padding: 4px 0px ;  
	display: block ;
	background: #FECB32 ;	/* couleur du fond des menus */	
	color: #013 ;		 	/* couleur du texte des menus */
	border: 1px solid #DB6D00  ;
	font: 16px bold Verdana, Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;

}

#navigation li a:hover, #nav li a:focus, #nav li a:active {		
	background: #fa0 ;  /* couleur du fond des menus quand on passe la souris dessus */	
	color: #fff ;		/* couleur du texte des menus quand on passe la souris dessus */
	text-decoration: underline ;


}

	/* -------------------------------- */
	/*      définition des éléments     */
	/* -------------------------------- */

h1 { 	
	font: italic bold 20px Verdana, Arial,sans-serif ;
	background-color: #FECB32 ;	/* couleur du fond des TITRE 1 */	
	margin-left : 49px;
	margin-right : 59px;

}
	
p{
	text-align: center;
	margin: 0px;
	padding: 10px;
}

	/* -------------------------------- */
	/*     définition d'un tableau      */
	/* -------------------------------- */
table {
	border-width: 0px;
	border-color : #000000; 
}

.table_titre {
	font: italic bold 20px Verdana, Arial,sans-serif;
	color: #03B ;
	background-color: #FECB32 ;	/* couleur du fond des titre des TABLES */
	text-align: center ;
}

.table_1 {
	font-style: italic ;
	text-align: center ;
	background-color: #FEFEBB;		/* couleur du fond des lignes 1 des TABLES */
}
	
.table_2 {
	font-style: italic;
	background-color: #F77 ;	/* couleur du fond des lignes 2 des TABLES */
	text-align: center ;
}

	/* -------------------------------- */
	/*      définition des classes      */
	/* -------------------------------- */

.ecriturepetite{
	font-size: x-small;
}