html {
    height: 100%;
	/*background-image:radial-gradient(yellow, red);*/
background: radial-gradient(ellipse at center, rgba(255,83,53,1) 12%,rgba(207,4,4,1) 77%); /* W3C */
	}


body
{
   width: auto;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   text-align: center;
   min-height: 50%; 
   color: black;
   position: relative;
   /*background-color: red;*/
   /*background-image:radial-gradient(white, red);*/
   /*background-repeat: repeat-x;*/ /* Le fond ne se répètera que sur la première colonne, verticalement */
   font: 0.9em/1.1 Geneva, Arial, Helvetica, sans-serif;

}

/* L'en-tête */

#en_tete
{
   width: auto;
   /*text-align : center;*/
   height: 40px;
   background-repeat: no-repeat;
   margin-bottom: 20px;
}

#en_tete a{
	color:#F8FE3F;
}

#en_tete a:active{
	color:#F8FE3F;
}

#en_tete a:visited{
	color:#F8FE3F;
}

/* Le menu haut */

#menuhaut
{
   font: 0.8em/1 Geneva, Arial, Helvetica, sans-serif;
   height: 60px;
   margin-top: 20px;
   margin-bottom: 20px;
   
}

#menuhaut a{
	color:black;
	font-weight:bold;
	text-decoration: none;
	border: 1px outset;
	background-color:#F8FE3F;
	background-image:radial-gradient(#F8FE3F, #F8FE3F);
	text-align:center;
	padding:2px 3px 2px 3px;
	margin:auto;
}

#menuhaut h3
{
   color: white;
}

#menuhaut a:active{
	border: 1px inset;
}



/* Le corps */

#corps
{

   padding: 0px;
   /*background-color: red;*/
   /*background-image:radial-gradient(white, red);*/
   /*background-repeat: repeat-x;*/
   margin-top: 10px;
   min-height: 50%;
   height : 100%;
   position : relative;
   padding-bottom: 1px;
}

#corps h1
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a{
	color:black;
	margin:auto;
}

#corps table
{
	color: black;
}


#footer {
    height: 500px;
    position: absolute;
    bottom: 0;
}














/*Menu*/

#menu
{
   float: left;
   width: 180px;
   font: 0.8em/1 Geneva, Arial, Helvetica, sans-serif;
}

#menu a{
	color:#000000;
	font-weight:bold;
	text-decoration: none;
	border: 1px outset;
	background-color:white;
	text-align:center;
	padding:2px 3px 2px 3px;
	margin:auto;
}

#menu h3
{
   color: white;
}

#menu a:active{
	border: 1px inset;
}

/* Le corps de la page */



/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#menuhaut
{
   font: 0.8em/1 Geneva, Arial, Helvetica, sans-serif;
   
}

#menuhaut a{
	color:black;
	font-weight:bold;
	text-decoration: none;
	border: 1px outset;
	/*background-color:#F8FE3F;*/
	/*background-image:radial-gradient(white, #F8FE3F);*/
	text-align:center;
	padding:2px 3px 2px 3px;
	margin:auto;
}

#menuhaut h3
{
   color: white;
}

#menuhaut a:active{
	border: 1px inset;
}

/*Merco Style*/

#menuhaut_merco
{
   font: 0.8em/1 Geneva, Arial, Helvetica, sans-serif;
   
}

#menuhaut_merco a{
	color:#000000;
	font-weight:bold;
	text-decoration: none;
	border: 1px outset;
	background-color:silver;
	text-align:center;
	padding:2px 3px 2px 3px;
	margin:auto;
}

#menuhaut_merco h3
{
   color: white;
}

#menuhaut_merco a:active{
	border: 1px inset;
}