* {padding: 0; margin: 0;}
html,body
{
/* background-color:DimGray; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
background-image:url(../images/back4.jpg);
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;

   height:100%;
   padding-bottom:10px;
   padding-top:10px;
  
}

#entete
{
   margin-top:2%;
   width:70%;
   text-align:center;
   margin-right:15%;
   margin-left:15%;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   background-color:gray;
   background-image:url(../images/back2.jpg);
   font-weight:bold;
   padding:4%;

}
#entete td
{
color:white;
font-size:38px;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 

}

#menu
{
   width: 70%; /* Très important : donner une taille au menu */
   text-align:center;
   margin-right:1%;
   margin-right:15%;
   margin-left:15%;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 
   background-color:Gainsboro;
   background-image:url(../images/sandstone.gif);
   font-weight:bold;
   padding:4%;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 

   
}

#menu td
{
/*border:8px outset gray;*/
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 


}
#menu a
{
color:black;
text-decoration:none;

}

a 
{
color:DimGray;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 
}
a:hover
{
color:black;
}
#menu a:hover
{
background-color:DimGray;
color:white;
}


#corps
{
   width: 70%; /* Très important : donner une taille au menu */
   text-align:right;
   margin-right:15%;
   margin-left:15%;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 
   background-color:White;
   font-weight:bold;
   padding:4%;
  
   
}

.corpspro
{
  /* width: 10%;  Très important : donner une taille au menu */
   text-align:center;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 
/*  background-image:url(../images/granite-light.gif);/*
   font-weight:bold;
   padding:4%;
   font-size:22px;
   color:black;
   
}





hr
{
height:20px;
/*background-color:Gainsboro;*/
background-image:url(../images/sandstone.gif);
margin-top:20px;
margin-bottom:20px;
}

.cadret
{
border:0px solid white;
margin-top:10px;
margin-bottom:10px;
padding-right:2%;
padding-left:2%;
padding-top:1px;
padding-bottom:1px;
text-align:center;
width:50%;
font-size:24px;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 
color:#00008B;

}


.cadre
{
border:1px solid black;
margin-top:10px;
margin-bottom:10px;
padding-right:2%;
padding-left:2%;
padding-top:1px;
padding-bottom:1px;
text-align:right;
width:60%;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 

}
.contenu
{
width:80%;
border:1px solid black;
margin-top:10px;
margin-bottom:10px;
text-align:right;
padding-right:3px;
font-weight:bold;

}

.pub
{
width:20%;

}