body
{
   

   width: 970px;
   margin:auto;
   margin-top: 5px;
  
   margin-bottom: 5px;    
   background-color : #000000
}



#en_tete
{
   

   width: 970px;
   height: 35px;
   text-align: center; 
   background-color ;
   background-image:url(dessins/ban.png);
   margin-bottom: 5px;
   margin-top: 3px;
   padding-top : 0px ;
  
   font-size: 30px; 
   font-style : italic; 
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #fff888;
}




/* Le menu */

#menu
{
   float: left;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 13px;
   width: 118px;
   position : ;
}

element_menu
{

   background-color: #606570;
  
   position:fixed ;
   
   top : 55px;
   border: 0px solid black;
   padding :0px;
   padding-bottom:0px; 
   margin :0px;
  
}




}

 



menu_nature
{
   float:right ;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 13px;
 width : 120px ;
background-color: #000000;
 background-position :float ;  
   position:fixed;
   top : 70px;
   right :10px ;
   border: 0px solid black;
   padding :0px;
   padding-top:4px;
   margin :0px;
   margin-top: 10px;
  
}



.image_menu
{

   background-color: #000000;
   
   position:fixed ;
   top : 50px;
   border: 0px solid black;
   padding :0px;
   padding-left: 8px;
   padding-top:8px; 
   margin-left: 50px;
}


.image2_menu
{
   width: ;
   background-color: #000000;
   
   position:fixed ;
   
   top : 365px;
   border: 0px solid black;
   padding :0px;
   padding-top:3px;
   padding-left: 15px;
   margin-left: 0px;
}



/* Quelques effets sur les menus */

.element_menu h3, .element1_menu h3, .element2_menu h3
{    
   color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}



.element_menu a, .element1_menu a,  .element2_menu a
{
   color: yellow ;
   text-decoration: none;
}

.element_menu a:visited, .element1_menu a:visited,.element2_menu a:visited,
{
   color: #ffc929 ;
   text-decoration: none;
}

.element_menu a:hover, .element1_menu a:hover, .element2_menu a:hover
{
   background-color: white;
   color: red;
   text-decoration: none;
}

.element_menu ul ,.element1_menu ul, .element2_menu ul
{
    list-style : none;
   padding: 4px;
   padding-left: 5px;
   margin: 0px;
   margin-bottom: 5px;
}


/* Le corps de la page */

#corps

{
   height: 100%;
   margin-left: 128px;
   margin-bottom: 5px;
   margin-top: 5px;
   padding : 0px;
 
  background-color:#cccccc ;
   border: 0px solid black;
}
#corps1

{
   height: 100%;
   margin-left: 128px;
   margin-bottom: 5px;
   margin-top: 5px;
   padding : 0px;
 
   background-color : #feeaac;
   border: 0px solid black;
}
#corps2

{
   height: 100%;
   margin-left: 128px;
   margin-bottom: 5px;
   margin-top: 5px;
   padding : 0px;
  
   background-color : #feeaac;
   border: 0px solid black;
}

.p1


{

    background-image : url(erable.jpg) ;
  
   margin :15px;
   padding : 30px;
   padding-top : 15px;
   padding-bottom : 10px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-style: italic ;
   font-size: 16px;
   color : #000000;
   text-align: ;

}

.element3_corps 
{
   
   background-color: #122444;
   margin :5px;
   padding : 0px;
   padding-top : 5px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-style: italic ;
   font-size: 15px;
   color : #ffffff;
   

}


.element4_corps 
{ 

 background-image : url(erable.jpg) ;
 background-color: ;
  margin : 5px;
  padding: 0px;
  padding-top : 20px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;
  
} 

.element5_corps 
{
   
   background-image : url(dessins/croco.png) ;
   background-repeat : no-repeat;
   background-position : 2% 0% ;
   background-attachment :  ;
  
   
   background-color: #feeaac;
  margin : 5px;
  padding: 0px;
  
  padding-top : 20px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;
  
} 
.pagedac1_corps 
{
   
   background-image :  ;
   background-repeat :;
   background-position : ;
   background-attachment :  ;
  
   
   background-color: #feeaac;
   
  margin : 0px;
  margin-bottom:0px  ;
  padding: 0px;
  padding-left: 10px;
  padding-top : 20px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;
  
} 

.pagedac2_corps 
{
 position:float; 
   float:right;

  background-image : url(dessins/croco.gif) ;
  
   
   background-repeat : no-repeat;
   background-position :50% 5% ;
   background-attachment : ;
  
   
   background-color: #feeaac;
  Width :48%;
  margin-bottom : 0px;
  margin : 0px;
  padding : 0px;
  padding-left: 20px;
  padding-top : 20px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;
  
} 

.pagedac3_corps 
{
   
   background-image : url(dessins/signes.gif) ;
   background-repeat : no-repeat;
   background-position : 2% 0% ;
   background-attachment :  ;
  
   
   background-color: #feeaac;
  margin-top:0px;
  margin-bottom:0Px;
  margin : 0px;
  padding-right: 30px;
  padding-top : 0px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;
  
} 

.pagedac4_corps 
{
 
   
   background-repeat : no-repeat;
   background-position : 2% 0% ;
   background-attachment :  ;
  
   
   background-color: #feeaac;
  margin : 0px;
  padding-right: 0px;
  padding-top : 0px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;
  
} 





.persoiseau
{ margin :0px;
padding-top : 0px;
background-image: url(dessins/persoiseau.png) ;
 background-repeat : no-repeat;
background-position : 90% 90% ;
} 

.element6_corps 
{ 
 background-color: #feeaac;
  margin : 5px;
  padding: 20px;
  padding-top : 0px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;

}

.element7_corps 
{ 
 background-color: #000000;
  margin : 0px;
  padding: 20px;
  padding-top : 0px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :#ffffff;
   

}
.element8_corps 
{
 background-image: url(dessins/degradebleu.png);
background-repeat: repeat;
 background-color: ;
  margin : 5px;
  padding: 20px;
  padding-top : 0px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style: italic;
  font-size : 15px; 
   font-color :black;

}

.hg5_corps
{ margin :0px;
padding-top : 0px;
background-image: url(dessins/signes.gif) ;
 background-repeat : no-repeat;
background-position :  97% 10% ;
} 

.signe_pagedac2
{ margin :0px;
padding-top : 0px;
background-image: url(dessins/signes.gif) ;
 background-repeat : no-repeat;
background-position : 40% 100%  ;
} 

.croco_pagedac2
{ margin :0px;
padding-top : 0px;
background-image: url(dessins/croco.png) ;
 background-repeat : no-repeat;
background-position : 60% 100%  ;
} 

 .heron_pagedac3
{ margin :0px;
padding-top : 0px;
background-image: url(dessins/heron.png) ;
 background-repeat : no-repeat;
background-position : 97% 55% ;
} 

.bg5_corps
{ margin :0px;
padding-top : 0px;
background-image: url(dessins/heron.png) ;
 background-repeat : no-repeat;
background-position : 85% 65% ;
} 

.pagedac1_corps h2, .pagedac2_corps h2,.pagedac3_corps h2,.pagedac4_corps h2,  .pagedac5_corps h2
{
    text-align : center ;
 
   font-size : 24px;  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}





.element3_corps h1
{
    text-align : center ;
 
   font-size : 24px;  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.h2
{
   height: 30px;
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #333366;
   align: center;
}



.element6_corps h2,  .element8_corps h2
{
   height: 10px;
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #333366;
   text-align: center;
}

.element7_corps h2
{
  
   font-size: 20px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #feeaac;
   text-align: center;
}

.element7_corps h1
{
  
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #feeaac;
   text-align: left;
}

.element3_corps h2
{
   height: 10px;
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #333366;
   text-align: center;
}

.element3_corps a
{
   color: yellow ;
   text-decoration: none;
}



.element3_corps a:visited
{
   color: #ffc929 ;
   text-decoration: none;
}

.element3_corps a:hover
{
   background-color: white;
   color:#09b000 ;
   text-decoration: none;
}
.element3_corps ul

 {  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 13px;
   
   padding-left: 30px;  
   margin-right: 0px;
   margin-bottom: 5px;
}

.element4_corps h1
{
   color: #000000;

   text-align: center;
   font-size : 24px;  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}


.element4_corps h2
{
   height: 10px;
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #000000;
   text-align: center;
}

.element4_corps a
{
   color: blue ;
   text-decoration: none;
}



.element4_corps a:visited
{
   color: #ffc929 ;
   text-decoration: none;
}

.element4_corps a:hover
{
   background-color: white;
   color:#aaff55 ;
   text-decoration: none;
}
.element4_corps table

{  width : 93%;
   margin :auto;
   border: 0px  #feeaac ;
   border-collapse : collapse;
   
}

.element4_corps td
{
   
   padding : 25px;
   width : 50%;
   height : 550px;
}


.element4_corps tr

{  padding : 0x;
   padding-top : 0px;
   vertical-align: middle;
   

}


 
.element5_corps h1
{
   color: #000000;

   text-align: center;
   font-size : 24px;  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}


.element5_corps h2
{
   height: 10px;
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   padding-left: 0px;
   color: #000000;
   text-align: center;
}

.element5_corps a
{
   color: blue ;
   text-decoration: none;
}



.element5_corps a:visited
{
   color: #ffc929 ;
   text-decoration: none;
}

.element5_corps a:hover
{
   background-color: white;
   color:#aaff55 ;
   text-decoration: none;
}
.element5_corps table

{  width : 93%;
   margin :auto;
   border: 0px  #feeaac ;
   border-collapse : collapse;
   
}

.element5_corps td
{
   
   padding : 25px;
   width : 50%;
   height : 550px;
}


.element5_corps tr

{  padding : 0x;
   padding-top : 0px;
   vertical-align: middle;
   

}  
  
.p2
{
 font-size: 16px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color: red;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page

 { 

   padding : 0px;
   padding-top: 7px;
   clear: both;
  
   width: 970px;
   height: 30px;
   text-align : center;

   font-size: 11px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #fff888;
   background-color: #606570;
   
   background-repeat: repeat-x;
   
   border: 0px ;

   position: absolute;
}