body
{
   width: 738px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-image: url("../image/fond.png.jpg");
   background-position: center; 
   background-repeat: no-repeat;   
   background-color :#CCCBC4;
  
}

a
{
   text-decoration: none; 
   color: black; 
   font-style: normal; 
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   font-weight: bold; /* Le lien deviendra souligné quand on pointera dessus */
   color: black; 
}

a:active /* Quand le visiteur clique sur le lien */
{
   background-color: black;
}


/* Le menu */

#menu
{
   float: left;
   width: 160px;
   height: 600px;
   margin-top: 0px;
   background-image: url("../image/logo-jgl-3.gif");
   background-repeat: no-repeat;   
   margin-bottom: 10px;
     
}

.element_menu
{
	margin-top: 130px;
	margin-bottom: 20px;
	color: #010101;
}
.element_menu ul
{
   font-size: medium;
   font-family: Myriad Web pro, Arial, "Arial black" , "Times New Roman", Times, serif;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   list-style-image: url("../image/puce1.gif")
}

.element_menu a
{
   color: #010101;
}

.element_menu a:hover
{
   color: black;
}

#corps1
{
   width: 500px;
   height: 300px;
   margin-top: 0px;
   margin-left: 160px;
   margin-bottom: 15px;
   padding: 0px;  
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: right;
   color: #010101;
  font-size: x-small;    
  
}

#corps2
{
   width: 500px;
   height: 250px;
      
   border-right: 1px inset black; 
   
   margin-left: 160px;
   margin-top: 5px;
   padding: 0px;
  
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: small; 
   color: #010101;  
}


#corps2 p
{
   font-size: small;   
   padding-left: 0px;
   color:#010101;
   text-align: left;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps2 ul
{
   font-size: small;   
   padding-left: 80px;
   color:#010101;
   text-align: left;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
   list-style-image: url("../image/puce1.gif")
}


#corps2 td 
{
   width: 200px;
   height: 100px;
   font-size: small;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: #010101;  
}

#corps2 h3 
{
   color:  #010101;
   text-align: center;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps2 h4
{
   height: 15px;
   font-size: large;
   font-weight: bold;
   color: black;
   text-align: left;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps2 h5 
{
   height: 15px;   
   padding-left: 0px;
   color: #010101;
   text-align: center;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps2 h6 
{
   height: 10px;   
   padding-left: 0px;
   color: #4f4f4f;
   text-align: right;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
}



#pied_de_page
{
   width: 310px;
   height:auto;
   margin-left: 250px;
   margin-top: 20px;
   padding: 5px;

     
   text-align: center;
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: xx-small;
   color: #010101;
        
}

#corps3
{
   width: 600px;
   height: 500px;
      
   border-right: 0px inset black; 
   
   margin-left: 160px;
   margin-top: 5px;
   padding: 0px;
  
   font-family:  Myriad Web pro, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: justify;
   font-size: small; 
   color: #010101;  
}