body
{
   width:90%;
   margin:auto;
   /* min-width:500px;
   max-width:3000px; */
   margin-top: 15px;
   margin-bottom: 15px;   
   background-image: url("Photo_Fond.jpg");
   /* background-repeat: no-repeat; */
   
}

/* L'en-tête */

#en_tete
{
   /*width: 750px;*/
   height: 200px;
  /* background: url("Photo_Bannière.jpg") no-repeat center;*/
   margin-left:150px;
   margin-right:150px;
   margin-bottom: 5px;
}

/* Le corps de la page */

#corps
{
   margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 30px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-right: 150px; 
   font-family: "Comic Sans MS";s
   color: black;
   font-size: 18px;
   text-align: justify;
   text-indent: 40px;
   background-color: silver; /* Une couleur de fond pour le corps */
   background-image: url("images/motif3.png");
   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 */
   -moz-border-radius: 20px 20px 20px 20px;
  }
#corps h1 /* Tous les titres h1 du corps */
{
   color: red;
   text-align: center;
   font-family: "Kristen ITC", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: blink;
   font-size: 1.8em;
   font-style: strong;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 25px;
   
   background-image: url("icone.jpg"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   font-family: "Tekton Pro";
   padding-left: 5px;
   color: green;
   text-align: left;
}
#corps h3 /* Tous les titres h3 du corps */
{
	height : 15px;
	text-indent: 15px;
	font-family: Corbel;
	color : red;
	font-size: 1em;
}
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}
#pied_de_page
{
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 1.20em;
   color: white;
   text-align: center;
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: yellow; /* Les liens seront en jaune au lieu de bleu */
   font-style: strong; /* Les liens seront en italique (pourquoi pas ?) */
}

/* Le menu */

#menu {
height:50px;
font-family: "Comic Sans MS";
margin-left:215px;
margin-right:80px; }

#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center; }

#menu li {
float:left;
margin:auto;
padding:0;
background-color:black; }

#menu li a {
display:block;
width:120px;
color:white;
text-decoration:none;
padding:5px; }

#menu li a:hover {
color:#FFD700; }

#menu ul li ul {
display:none; }

#menu ul li:hover ul {
display:block; }

#menu li:hover ul li {
float:none; }

.ligne_dessus
{
   text-decoration: overline;
}

#surprise
{
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 1.50em;
   color: white;
   text-align: center;
}

#heure
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
	color: white;
	font-size: 1.20em;
	text-align: center;
	margin-top: 20px;
}