body    /*fond */
{
   background-color:#FFCC99;   /*saumon */
   width: 1050px;
   margin-left: 20px;
   margin-top: 20px;
   margin-bottom: 20px;   
   color:blue;  
   background-image: url("images/fond-guerard.png"); 
   background-repeat: repeat;
     
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 100px;
   background-repeat: no-repeat;
   margin-bottom: 10px;   
}


/* Le menu */

#menu
{
   
   float: left;
   width: 160px;
   color: red;
}

.element_menu
{
   background-color: #662288;   /*    fond du menu */
   background-repeat: repeat-x;   
   border: 3px solid maroon;   
   margin-bottom: 20px;
   font-family: "Times New Roman", Times, serif;
   font-size: 15px;
}


.element_menu h3    /*titres menu */
{   
   color: red;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   color: #FFCC00;
}

.element_menu a
{
   color: #FFFF66;    /*  jaune clair rubriques menu */
}

.element_menu a:hover
{
   background-color: yellow;  /*passage sur rubrique */
   color: navy;
}
.ancre a
{
	color: blue;    /* ancres (remonter...) */
}
.ancre a:hover
{	
    background-color: yellow; /* passage sur ancres (remonter...) */
	color: purple;
}

.passe a
{
	color: black;
}
.passe a:hover
{	
    background-color: yellow;
	font-weight: bold;
	color: red;
}

/* Le corps de la page */

#corps
{
   margin-left: 180px;   /*  corps du texte*/
   margin-right: 20px;
   margin-bottom: 20px;
   padding: 30px;
   text-align: justify;
   color:  #662288;     /* violet*/
   background-color: #e8ffea;   /*  vert pâle */ 
   font-family: "Times New Roman", Times, serif;
   font-size: 15px;
   border: 3px solid maroon;
   
   
}

#corps h1
{
   color: #660099;    /*   #662288 titres  couleur violet*/
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
     font-size: 50px;
}

#corps h2
{
   height: 30px;     /* sous titres */
   
   background-repeat: no-repeat;
   
   padding-left: 60px;
   color: maroon;
   text-align: left;
}
.soutit
{
	font-family:"Trebuchet MS", Georgia, serif;
	font-weight: bold;
	font-size: 22px;
	text-decoration: underline;
}
.rouge
{	
	font-size: 18px;
	color: red;
}
.grosrouge
{	
	font-size: 26px;
	color: red;
}
.vert
{	
	font-size: 16px;
	color: #776677;
}
.noir
{	
	font-size: 16px;
	color: black;
}
.selec
{
	color: #FF3333;   /*  rouge  #e9ccFF mauve rubrique dans laquelle on se trouve    */
}
.rub
{
	font-size: 16px;      /*  orange  sous-titres menu */
	font-weight: bold;
	color : #FFCC00;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   margin-left: 200px;
   margin-right: 200px;
   text-align: center;
   background-color: white;
   color: blue;   
   background-repeat: repeat-x;
   
   border: 3px solid maroon;
}