body
{
   width:890x;
  margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;    
   background-color:black;
}

/* L'en-tête */

#en_tete
{
  width: 890px;
   height: 70px;
   background-repeat: no-repeat;
   margin-bottom:10px;
   margin-top:5px;
   margin-left:470px;
    border: 4px solid red;
   background-color: #626262;
   

 }
 #en_tete h1
{
 text-align:center;
   color:#cc9933;
margin-top:10px;
   font-size:3em;
 font-family:"black chancery" arial  serif;
} 
  
  


/* Le menu */

#menu
{
position:absolute;left:10px;
   float: left;
   width: 200px;
 margin-left:20px; top:10px;
}

.element_menu
{
   background-color: #626262;
 background-repeat: repeat-x;
    border: 2px solid red;
    margin-bottom: 10px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
  font-size:2em;
  color: aquamarine;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  text-align: center;
   }

.element_menu h4
{
  font-size:1em; 
   color: aquamarine;
   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;
}

.element_menu a
{
 font-size:1.2em;
   color: #cc9933;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: aliceblue;
}




#corps  /* le tableau principal*/    
{
 background-color: maroon;
margin-left:470px;
width:890px;
border:3px solid red;
 margin-top:20px;                               
}

.corps table
{
width:860px;
margin-left:15px;
margin-top:30px;
padding-top:20px;
background-color:maroon;
border-collapse:separate;

}
 p
{
color:aliceblue;
font-size:1em;
text-align:justify;
text-indent: 10px;
padding-left:20px;
padding-right:20px;
}
 td
{
border-collapse:collapse;
border:solid 2px green;
text-align:center;
color:aliceblue;
}
tr
{
font-size:1em;
color:aliceblue;


}


th
{
text-align:center;
border:solid 1px aqua;
color:yellow;
}
#corps p
{
text-align:justify;
font-size:1em;
color:aliceblue;

padding-left:10px;
font-style:italic;
}


h1
{
text-align:center;
font-size:1.5em;
color:aqua;
}
h2
{
text-indent:250px;
text-align:justify;
font-size:1.2em;
color:yellow;
}
 .corps h2:hover
{
color: green;
}
h3
{
text-align:justify;
font-size:0.6em;
color:aliceblue;
}
h4
{
text-align:center;
font-size:1em;
color:aliceblue;
}
.a
{
font-size:1.em;
color:aquamarine;
font-style:italic;
}
.titre
{
font-weight:bolder;
text-align:center;
font-size:1.2em;
color:burlywood;
}
.centrale
{
text-decoration:underline;
color:burlywood;
font-size:1.2em;
font-style:italic;
font-weight:bold;
}
.soustitre
{
font-weight:bolder;
text-align:center;
font-size:1em;
color:#F7DFB5;
}
.exercice
{
color:yellow;
font-size:1em;
text-align:center;
text-decoration:underline;
}
.place
{
padding-left:100px;
color:burlywood;
font-weight:bold;
}
.b
{
color:aquamarine;
font-size:1.2em;
margin-left:20px;
}
.cas
{
padding-left:200px;
font-size:1.4;
color:yellow;
}
.consignes
{
color: burlywood;
font-style:italic;
text-decoration:underline; 
font-weight:bolder;
font-size:1.2em;
}
.signature
{
color:aliceblue;
font-size:0.8em;
margin-left:550px;
}
.pierre
{
margin-left:10px;
}

.retour
{
color:yellow;
margin-left:350px;
font-size:1em;
}
.clique
{
color: burlywood;
font-style:italic;
text-decoration:underline; 
font-weight:bold;
font-size:1.2em;
}