body
{

     margin-left :5px;
   width:85%;
   margin:auto;
}

/* L'en-tête */

#en_tete
{
  width:85%;
   margin-left :140px;
   height: 200px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
  
   
}
#cay{ float: right; }
.soutete
{
margin-bottom: 180px;

width:85%;
height: 15px;
}

/* Le menu */

#menu
{
   float: left;
   width: 160px;
 
   margin-right :20px;
   margin-left :20px;
}

.element_menu
{
   background-color:#b1d7e1;
   background-repeat: repeat-x;
   text-align :left;
   border: 1px dotted green;
   margin-bottom: 5px; margin-left:auto; margin-right:auto; margin-top:auto
}


/* Quelques effets sur les menus */


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

.element_menu ul
{
   list-style-image: url('images/puce.png');
   padding-left: 20px;
   margin-bottom: 5px; margin-left:0px; margin-right:0px; margin-top:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

.element_menu a
{
   color: purple;
 font-size:0.8em;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
a
{
  text-decoration: none; 
   color: black; 
   font-style: bol; 
   
}
a:hover 
{
   text-decoration: underline; 
   color: green; 
}



#corps

{  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 
 border-left:0px dotted green; border-right:1px dotted green; border-top:1px dotted green; margin-left :250px;
 color :green;
   background-color: EOF1FF;
   background-repeat: repeat-x;
   text-align: left;
  //border-bottom :1px dotted green;
  font-size :1em;

}

#corps h1
{
   color: green;margin-left :25px;
  text-align: left;
   font-size :1.7em;
}

#corps h2
{
   height: 25px;
 font-size :1em;
   background-image: url('images/titre.png');
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: black;
   
}
#corps h3
{
font-size :1.1em; text-align: left;
   //background-image: url('images/titre.png');
   //background-repeat: no-repeat;
   height :5px;
   //padding-left: 30px;
   color:#FFFFFF;
   
   text-decoration :underline
}
#corps h4
{
font-size :0.8em;
   //background-image: url('images/titre.png');
   //background-repeat: no-repeat;
   height :5px;
   //padding-left: 30px;
   color: blue;
 
   text-decoration :underline
}
#corps h5
{
font-size :1em;
//font-weight :lighter;
   //background-image: url('images/titre.png');
   //background-repeat: no-repeat;
   height :5px;
   //padding-left: 30px;
   color:purple;
  
   //text-decoration :underline
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

p
{
   text-indent: 20px;
}
table /* Le tableau en lui-même */
{
   margin-left: 100px; /* Centre le tableau */
   border:1px dotted green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
    width: 200px;
}
th
{
   background-color: purple;
   color: white;
   font-size: 1em;
    
}

td 
{
   border:1px dotted green;
   text-align: center; 
   padding: 5px;
color: black;   
}
#menu1
{
   float: right;
   width: 50px;
 
   margin-right :20px;
   margin-left :20px;
}

.element_menu
{
   background-color:purple;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   text-align :left;
   border: 1px dotted green;
   margin-bottom: 5px; margin-left:auto; margin-right:auto; margin-top:auto
}


/* Quelques effets sur les menus */


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

.element_menu ul
{
   list-style-image: url('images/puce.png');
   padding-left: 20px;
   margin-bottom: 5px; margin-left:0px; margin-right:0px; margin-top:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

.element_menu a
{
   color: purple;
 font-size:0.8em;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
a
{
  text-decoration: none; 
   color: black; 
   font-style: bol; 
   
}
a:hover 
{
   text-decoration: underline; 
   color: green; 
}



#corps

{  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 
 border-left:0px dotted green; border-right:1px dotted green; border-top:1px dotted green; margin-left :250px;
 color :green;
   background-color: EOF1FF;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   text-align: left;
  //border-bottom :1px dotted green;
  font-size :1em;

}

#corps h1
{
   color: green;margin-left :25px;
  text-align: left;
   font-size :1.7em;
}

#corps h2
{
   height: 25px;
 font-size :1em;
   background-image: url('images/titre.png');
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: black;
   
}
#corps h3
{
font-size :1.1em; text-align: left;
   //background-image: url('images/titre.png');
   //background-repeat: no-repeat;
   height :5px;
   //padding-left: 30px;
   color:#FFFFFF;
   
   text-decoration :underline
}
#corps h4
{
font-size :0.8em;
   //background-image: url('images/titre.png');
   //background-repeat: no-repeat;
   height :5px;
   //padding-left: 30px;
   color: blue;
 
   text-decoration :underline
}
#corps h5
{
font-size :1em;
//font-weight :lighter;
   //background-image: url('images/titre.png');
   //background-repeat: no-repeat;
   height :5px;
   //padding-left: 30px;
   color:purple;
  
   //text-decoration :underline
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

p
{
   text-indent: 20px;
  
}
table /* Le tableau en lui-même */
{
   margin-left: 100px; /* Centre le tableau */
   border:1px dotted green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
    width: 200px;
}
th
{
   
   background-color:purple;
   color: #e6fcff;
   font-size: 1em;
    height:30px;
	#dbe9f1
}

td 
{
   border:1px dotted green;
   text-align: center; 
   padding: 5px;
color: black;   
}
#pied_de_page
{
   padding: 5px;
   margin-top :5px;
   margin-left :140px;
   height :100px;

   text-align: center;

   color: purple;
   background-color: #OOOOOO;
 
   background-image: url('../images/fond.jpg');
   background-repeat: repeat-x;
   
   
}