/* CSS Document */



body
{
  width: 990px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;    
   background-color: #94d2da; 
}

#titre
{
   width: 980px; 
}
#titre h1
{
   font-size:10px;
   color: #CCFFCC;
}

#titre h1 a
{
   font-size:10px;
   color: #CCFFCC;
   text-decoration: none;
}

#titre h6
{
   font-size:30px;
   color: #000000;
   text-align:center;
   
}

/* L'en-tête */

#en_tete1
{
   width: 980px;
   height: 75px;
   background-image: url("images/banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   
}

#en_tete2
{
   width: 980px;
   height: 300px;
   background-image: url("images/banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   background-color:#3300FF;
}
/* Le menu */

#menu
{
   float: right;
   width: 210px;
  
   margin-top: 0px;
  
}

.element_menu
{
   background-color: #f3a7f1;   
   overflow: auto;  
   margin-bottom: 10px;
   height: 250px;

}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #ffffff;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top: 5px;
}

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

.element_menu a
{
   color: #ffffff;
   text-decoration: none; 
}

.element_menu a:hover
{
   background-color: #cf68d2;
   color: #000000;
   text-decoration: underline; 
}

.element_menu2
{
   background-color: #0fd8f1;   
   overflow: auto;  
   margin-bottom: 10px;
   height: 250px;

}

.element_menu2 h3
{    
   color: #ffffff;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top: 5px;
}

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

.element_menu2 a
{
   color: #ffffff;
   text-decoration: none; 
}

.element_menu2 a:hover
{
   background-color: #15c2d7;
   color: #000000;
   text-decoration: underline; 
}

/* Le corps de la page */

#corps1
{
   float: left;   
   margin-right: 5px;   
   width: 250px;
   height: 310px;
   color: #000000;   
   background-image: url("../image/index/motifcorps1.png");
   background-repeat:no-repeat;
}

#corps1 strong
{
   font-weight:normal;
}

#corps1 h2
{
   font-size: 15px;  
   color: #FFFFFF;
   text-align: left;
   margin-left: 2px;
   margin-top: 5px;  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps1 h2 a
{
   text-decoration: none;
   color:#ffffff;
   margin-left: 5px;
} 

 #corps1 h2 a:hover
{  
   text-decoration: underline;  
}  

#corps1 p a
{
  text-decoration: none;  
   font-size:18px;   
   color: #b0a6c9;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

#corps1 p a:hover
{  
   text-decoration: underline;  
}
#corps1 h3
{
  display: inline;
  margin: 5px;
}

#corps1 p
{
  display: inline;
}


#corps1 h3 a
{
  text-decoration: none;  
   font-size:15px;   
   color: #b0a6c9;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;  
}

#corps1 h3 a:hover
{  
   text-decoration: underline;  
}

.txtcorps1
{
   font-size:15px;   
   color: #b0a6c9;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
} 


#corps2
{
   float: left;   
   margin-left: 5px;
   margin-right: 5px;   
   width: 250px;
   height: 310px;
   color: #000000;   
   background-image: url("../image/index/motifcorps2.png");  
}

#corps2 h2
{
   font-size: 15px;
   margin-left: 5px;
   margin-top: 5px;
   color: #FFFFFF;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps2 h3
{
   height: 30px;

   
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #498f9a;
   text-align: left;
}


#corps2 h2 a
{
   text-decoration: none;
   color:#ffffff;
   margin-left: 5px;
} 

 #corps2 h2 a:hover
{  
   text-decoration: underline;  
}  

#corps2 p a
{
  text-decoration: none;  
   font-size:18px;   
   color:#498f9a;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

#corps2 p a:hover
{  
   text-decoration: underline;  
}

#corps3
{   
   margin-left: 5px;
   margin-right: 5px;
   float:left;  
   width: 250px;
   height: 310px;
   color: #000000;  
   background-image: url("../image/index/motifcorps3.png");  
}

#corps3 strong
{
   font-weight:normal;
}


#corps3 h2
{
   font-size: 15px;
   margin-left: 5px;
   margin-top: 5px;
   color: #FFFFFF;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps3 h3
{
   height: 30px;

  
   
   padding-left: 30px;
   color: #b1c470;
   text-align: left;
}
#corps3 h2 a
{
   text-decoration: none;
   color:#ffffff;
   margin-left: 5px;
} 

 #corps3 h2 a:hover
{  
   text-decoration: underline;  
}  

#corps3 p a
{
  text-decoration: none;  
   font-size:18px;   
   color: #b1c470;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

#corps3 p a:hover
{  
   text-decoration: underline;  
}


#corps4
{
   float: left;   
   margin-right: 5px;
   margin-bottom: 10px;   
   width: 250px;
   height: 200px;
   color: #FFFFFF;
   background-color: #c1b8d5; 
}

#corps4 strong
{
   font-weight:normal;
}

#corps4 h2
{
   
  
   
   font-size:18px;
   text-indent: 5px;   
   color: #FFFFFF;
   text-align: left;
   background-color: #b0a6c9;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps4 h3
{
   height: 30px;   
   padding-left: 30px;
   color: #FFFFFF;
   text-align: left;
}

#corps4 p a
{   
   color: #FFFFFF;
   text-decoration:none;    
}

#corps4 p a:hover
{   
   text-decoration:underline;  
}


#corps5
{
   float: left;
   margin-bottom: 10px;
   margin-left: 5px;
   margin-right: 5px;
  
   width: 250px;
   height: 200px;
   color: #000000;
   background-color: #d8ebee;  
}

#corps5 strong
{
   font-weight:normal;
}

#corps5 h2
{
   font-size:18px;
   text-indent: 5px;
   color: #FFFFFF;
   background-color: #498f9a;
   text-align: left;
   font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps5 h3
{
   height: 30px;

  
   
   padding-left: 30px;
   color: #498f9a;
   text-align: left;
}

#corps5 h2 a
{
   font-size:18px;
   text-indent: 5px;
   color: #FFFFFF;
   background-color: #498f9a;
   text-align: left;
   font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;  
}

#corps5 h2 a:hover
{
 
   text-decoration: underline; 
}



#corps5 p a
{
 
   
   
   font-size:18px;   
   color:#498f9a;
  
   display: inline;
   font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;  
}

#corps5 p a:hover
{
 
   text-decoration: underline; 
}


#corps6
{
  
   margin-bottom: 10px;
   margin-left: 5px;
   margin-right: 5px;
   float:left;
   width: 250px;
   height: 200px;
   color: #000000;
   background-color :#f3f7e5;   
  
}

#corps6 h2 a
{
   text-decoration: none;
   color:#ffffff;
   margin-left: 5px;
} 

 #corps6 h2 a:hover
{  
   text-decoration: underline;  
}  

#corps6 p a
{
  text-decoration: none;  
   font-size:18px;   
   color: #b1c470;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

#corps6 p a:hover
{  
   text-decoration: underline;  
}



#corps6 strong
{
   font-weight:normal;
}


#corps6 h2
{
   font-size:18px;
   text-indent: 5px;
   color: #FFFFFF;
   background-color:#b1c470;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps6 h3
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #b1c470;
   text-align: left;
}

#corps7
{
   float: left;
   margin-bottom: 20px;
   margin-left: 0px;
   margin-right: 5px;
  
   width: 250px;
   height: 120px;
   color: #000000;
   
   background-image:url(../image/index/fond.jpg);
	background-repeat:no-repeat;
   font-size: 10px;
   
 
}

#corps7 strong
{
   font-weight:normal;
}


#corps7 h2
{
 font-size:15px;   
   color: #b0a6c9;
   background-color: #e8e8ea;
   display: inline;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;  
}

#corps7 h2 a
{
 font-size:15px;   
   color: #b0a6c9;
   background-color: #e8e8ea;
   display: inline;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;  
}

#corps7 h2 a:hover
{
 
   text-decoration: underline; 
}


#corps7 p
{
  display:inline;
  background-color: #e8e8ea;
  font-color: #000000;
}

#corps7 p a
{
 font-size:9px;   
   color: #000000;
   background-color: #e8e8ea;
   display: inline;
   font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;  
}

#corps7 p a:hover
{
 
   text-decoration: underline; 
}

#corps8
{
   float: left;
   margin-bottom: 20px;
   margin-left: 5px;
   margin-right: 5px;
  
   width: 250px;
   height: 120px;
   color: #000000;
   
   background-image:url(../image/index/fond.jpg);
	background-repeat:no-repeat;
   font-size: 10px;
  
}

#corps8 strong
{
   font-weight:normal;
}

#corps8 h2
{
   font-size:15px;   
   color: #498f9a;
   background-color: #e8e8ea;
   display: inline;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif; 
}

#corps8 p
{
  display:inline;
  background-color: #e8e8ea;
  font-color: #000000;
}


#corps8 h2 a
{
 font-size:15px;   
   color: #498f9a;
   background-color: #e8e8ea;
   display: inline;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;  
}

#corps8 h2 a:hover
{
 
   text-decoration: underline; 
}

#corps8 p a
{
   font-size:9px;   
   color: #000000;
   background-color: #e8e8ea;
   display: inline;
   font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;  
}

#corps8 p a:hover
{
 
   text-decoration: underline; 
}



#corps9
{
   
   margin-bottom: 20px;
   margin-left: 5px;
   margin-right: 5px;
   overflow: auto;
   width: 250px;
   height: 120px;
   color: #000000;
   
   background-image:url(../image/index/fond.jpg);
	
   font-size: 10px;
   
  
}

#corps9 h2
{
  font-size:15px;   
   color: #498f9a;
   background-color: #e8e8ea;
   display: inline;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif; 
}

#corps9 p
{
  display:inline;
  background-color: #e8e8ea;
  font-color: #000000;
}



#corps9 ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

#corps9 a
{
   color: #000000;
   font-size: 15px;
   text-decoration: none;
}

#corps9 a:hover
{
   background-color: #807b85;
   color: #ffffff;
   text-decoration: underline;
}

#corps10
{
   overflow: auto;
   margin-bottom: 20px;
   margin-left: 0px;
   margin-right: 0px;
  
   width: 200px;
   height: 120px;
   color: #CCCCCC;
   background-color: #000000;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
  
}

#corps10 h2
{
   color: #FFCC00;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps10 h3
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
  
   color: #FF99CC;
   text-align: left;
}


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

#pied_de_page
{
   padding: 5px;
   height: 100px; 
   text-align: center;
   overflow: auto;
   color: #000000;
   background-color: #e8e8ea;
   background-image: url("../image/index/fond2.jpg");
   background-repeat: repeat-x;
   
   
}

#pied_de_page strong
{
   font-weight:normal;
}

.padding

{
   padding: 5px;   
   
}

.margingau

{
   margin-left: 5px;
   text-align: left;
        
}
.margin

{
   margin-left: 5px;     
}

.blanc

{
   
   color: #ffffff;     
}


.bloc

{
      display:inline;   
}

.agauche
{
float:left; 
}

.txtcorps2
{
   font-size:18px;   
   color:#498f9a;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

.txtcorps3
{
   font-size:18px;   
   color: #b1c470;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

.txtcorps4
{
   font-size:18px;   
   color: #FFFFFF;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

.txtcorps5
{
   font-size:18px;   
   color: #498f9a;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}

.txtcorps6
{
   font-size:18px;   
   color: #b1c470;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
}