body
{
	width: 1024px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color: #3E5742;
}
{
   margin-top: 10px;
   margin-bottom: 20px;    
   }

/* L'en-tête */

#en_tete_prin
{
   width: 1024px;
   height: 220px;
   background-image: url("http://enigmes4saisons.com/Images/Enteteprintemps2.png");
   background-color: #3E5742;
   background-repeat: no-repeat;
   margin-bottom: 5px;
   border: 2px solid white;
}
#en_tete_ete
{
   width: 1024px;
   height: 220px;
   background-image: url("http://enigmes4saisons.com/Images/Enteteete2.png");
   background-color: #3E5742;
   background-repeat: no-repeat;
   margin-bottom: 5px;
}
#en_tete_auto
{
   width: 1024px;
   height: 220px;
   background-image: url("http://enigmes4saisons.com/Images/Enteteautomne2.png");
   background-color: #3E5742;
   background-repeat: no-repeat;
   margin-bottom: 5px;
}
#en_tete_hiver
{
   width: 1024px;
   height: 220px;
   background-image: url("http://enigmes4saisons.com/Images/Entetehiver2.png");
   background-color: #3E5742;
   background-repeat: no-repeat;
   margin-bottom: 5px;
}
/* Le menu */

/* Le menu */

#menu
{
	width: 1024px;
	background-color: #3E5742;
    margin: auto; /* Pour centrer notre page */
	color: #4D3535;
}

.tab_menu 
{ 
	width:20%; 
	margin:0 auto; 
	border:0px; 
	padding:0; 
	text-align:center; 
	color:#4d3535; 
}
.tab_menu td 
{ 
	margin:0; 
	padding:0;
}
.element_menu
{
	background-color: #3E5742;
	background-repeat: repeat-x;
	/*border: 2px solid black;*/
	margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.element_menu h3
{    
	color: #4D3535;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	background-color: #84C2A1;
}

.element_menu ul
{
	padding: 0px;
	padding-left: 10px;
	color: #4D3535;
	margin: 0px;
	margin-bottom: 5px;	
	background-color: #84C2A1;
}

.element_menu a
{
   color: #4D3535;
}

.element_menu a:hover
{
	background-color: #84C2A1;
	/*color: black;*/
}


/* Le corps de la page */

#corps
{
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
	color: #4D3535;
	background-color: #84C2A1; /* Une couleur de fond pour le corps */
	background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps h1 /* Tous les titres h1 du corps */
{
	color: #4D3535;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	font-size: 28px;
	/*text-decoration: blink; /* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 24px;
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #4D3535;
   text-align: center;
}
#corps h3 /* Tous les titres h2 du corps */
{
   height: 20px;
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #4D3535;
   text-align: center;
}
#corps h4 /* Tous les titres h2 du corps */
{
   height: 12px;

   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #4D3535;
   text-align: center;
}

#corps span 
{ 
	text-align:left; 
	font-family:Verdana; 
	color:#4D3535; 
	font-size:16px; 
	line-height:20px; 
}
	
#pied_de_page
{
   padding: 21px;

   text-align: center;

   /*color: #4D3535;*/
   background-color: #84C2A1;
   
   border: 2px solid black;
}