body
{
background-color: rgb( 79,255,132 );
margin: 20px;
}

p
{
color: "black";
}
a
{
text-decoration : none;
}

li
{
list-style-color: yellow;
}

#en_tete
{
   width: 760px;
   height: 100px;
   margin-bottom: 10px;
   margin-left: 200px;
}
.imageflottante
{
float: left;
margin-right: 12px;
margin-left: 12px;
}
.jolititre
{
color: blue;
font-size: 25px;
font-family: comic sans ms, serif;
}
#menu
{
   float: left; 
   width: 125px; 
   margin-right: 8px;
   margin-left: 5px;
   display: block;
}
.element_menu
{   
  background-color: rgb( 79,255,132 );
  border: 2px solid black;   
  margin-bottom: 32px;
  padding-left: 0px;
  text-align: center;
  
   }
   .element_menu a : hover
   {
     background-color: rgb( 128,250,157 );
	 text-decoration: none;
	 top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }

   
   }
   
   .element_menu h3 /* Tous les titres de menus */
{    
   background-color:rgb( 79,255,132 ) ;
   font-family:"Times New Roman", Times, serif;
   text-align: center;
}
   element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("")
   
   }
   .grostitre
   {
   text-align: center;
   text-decoration: underline;
   font-family: comic sans ms, serif;
   
   }
   .clignotant
   {
   text-decoration: blink;
   text-decoration:underline;
   color:green;
   font-weight: bold;
   }
   .gras
   {
   font-weight: bold;
   color: blue;
   text-align: justify;
   text-indent: 30px;
   }
   #corps
   {
   background-color: rgb( 163,255,154 );
   height: 438px;
   border: 2px solid black; 
   margin-left: 135px;
   margin-right:5px;
   padding-bottom: 502px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top:0px;
   }
   .element_corps
   {
   background-color: rgb( 206,255,205 );
   width: 230px;
   height:220px;
   border:1px solid grey ;
   float: left;
   position: absolute;
   left: 185px;
   top: 424px; 
padding-left: 3px;   
overflow: auto;   
   }
   .element_corps_titre
  {
   background-color: rgb( 186,255,220 );
   width: 230px;
   height: 37px;
   border : 1px solid grey;
   position: absolute;
   left: 185px;
   top: 386px;
   font-size: 15px;
   font-family: verdana, times new roman, serif;
   text-align: center;
   font-weight: bold;
   padding-left: 3px;
         }
   .element_corps_deux
   {
   background-color: rgb( 206,255,205 );
   width: 230px;
   height:220px;
   border:   1px solid grey ;
   float: right;
   position: absolute;
   right: 334px;
   top: 424px;
   overflow: auto;
   padding-left: 3px;   

   }
   .element_corps_deux_titre
  {
   background-color: rgb( 186,255,220 );
   width: 230px;
   height: 37px;
   border : 1px solid grey;
   position: absolute;
   right: 334px;
   top: 386px;
   font-size: 15px;
   font-family: verdana, times new roman, serif;
   text-align: center;
   font-weight: bold;
    padding-left: 3px;   
    
		}
   .element_corps_trois
   {
   background-color: rgb( 206,255,205 );
   width: 230px;
   height:220px;
   border: 1px solid grey ;
   float: right;
   position: absolute;
   right: 55px;
   top: 424px;
   overflow: auto;
padding-left: 3px;   

         }
  .element_corps_trois_titre
  {
   background-color: rgb( 186,255,220 );
   width: 230px;
   height: 37px;
   border : 1px solid grey;
   position: absolute;
   right: 55px;
   top: 386px;
   font-size: 15px;
   font-family: verdana, times new roman, serif;
   text-align: center;
   font-weight: bold;
      padding-left: 3px;   
		 }
   .element_corps_quatre
   {
   background-color: rgb( 206,255,205 );
   width: 360px;
   height:163px;
   border: 1px solid grey;
   position: absolute;
   right: 55px;
   top: 900px;
   }
   	.element_corps_quatre_titre
	  {
   background-color: rgb( 186,255,220 );
   width: 360px;
   height: 37px;
   border : 1px solid grey;
   position: absolute;
   right: 55px;
   top: 863px;
   font-size: 15px;
   font-family: verdana, times new roman, serif;
   text-align: center;
   font-weight: bold;
         }

    .element_corps_cinq
   {
   background-color: rgb( 206,255,205 );
   width: 360px;
   height: 150px;
   border: 1px solid grey;
   position: absolute;
   right: 55px;
   top: 695px;

   }
   .element_corps_cinq_titre
   {
   background-color: rgb( 186,255,220 );
   width: 360px;
   height: 37px;
   border : 1px solid grey;
   position: absolute;
   right: 55px;
   top: 657px;
   font-size: 15px;
   font-family:  verdana, times new roman, serif;
   text-align: center;
   font-weight: bold;
         }
   .element_corps_six
   {
   background-color: rgb( 206,255,205 );
   width: 340px;
   height: 271px;
   border: 1px solid grey;
   position: absolute;
   left: 185px;
   top: 695px;
padding-left: 10 px;
   }
   .element_corps_six_titre
   {
   background-color: rgb( 186,255,220 );
   width: 340px;
   height: 37px;
   border : 1px solid grey;
   position: absolute;
   left: 185px;
   top: 657px;
   font-size: 15px;
   font-family:  verdana, times new roman, serif;
   text-align: center;
   font-weight: bold;
         }
      .element_corps_sept
   {
   background-color: rgb( 206,255,205 );
   width: 340px;
   height: 84px;
   border: 1px solid grey;
   position: absolute;
   left: 185px;
   top: 980px;
padding-left: 10 px;
   }

  
   .titre_corps
   {
   text-align: center;
   font-size: 10px;
   }
   .flottant
   {
   padding-left: 14px;
   }
   .gras
   {
   font-weight: bold;
   text-decoration: underline;
   }
   .grass
   {
   font-weight: bold;
   color: blue ;
   text-indent: 12px; 
text-align: justify;   
   }
   
   #pied_de_page
  { 
  margin-top: 10px;
  text-align: center;
  position: absolute;
  top: 1150px;
  right: 280px;  
}
.liste
{
padding-left: 2px;
padding-right: 2px;
}
.inside a
{
font-size: 0,7em;
}
.element_corps_trois a
{
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
}
.element_corps a
{
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
}
.element_corps_deux a
{
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
}
a:hover
{
text-decoration: none;
background-color: rgb(128,250,157);
}
hr
{
margin-top: 2px;
margin-bottom: 2px;
}
.blue
{
color: blue;
font-size: 13px;
font-weight: bold;
padding-right:5px;
text-align: center;
}
.element_corps p
{
padding-left: 2px;
padding-right: 2px;
padding-top: 5px;
}
.plusgros
{
font-size: 16px;
font-family: none;
text-decoration: underline;
font-weight: bold;
background-color: rgb(0,208,177);

}
#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color: rgb( 163,255,154 );
  color: black; 
  display:block; 
  width:112px; 
  border:1px solid black;
  border-left: none;
  border-right: none;
  border-color:black;
  padding:0.25em;
  margin:0em auto;
  }
  #menu a:hover {
  top:2px;
  left:2px;
  color:black;
  border-color:#345 #cde #def #678;
  border-bottom: 1px;
  }