/* CSS Document */

body
{
   width: 1024px;
   margin-left: 20px; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #CCDEE2; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#logo
{
   width: 160px;
   height: 110px;
   background-image: url("images/logo.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   float: left;
   border-left: 2px groove #A7A7A7; 
   border-top: 2px groove #A7A7A7;
   border-right: 1px solid #A7A7A7;
   border-bottom: 1px solid #A7A7A7;
}
#banniere
{
   width: 728px;
   height: 110px;
   float: left;
   margin-bottom: 10px;
   margin-left: 8px;
   margin-right: 8px;

 }
.image
{ 
	margin: 5px;
	margin-top: 15px;	
}
#en_tete
{
   width: 160px;
   height: 110px;
   background-image: url("images/en_tete.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border-right: 2px groove #A7A7A7; 
   border-top: 2px groove #A7A7A7;
   border-left: 1px solid #A7A7A7;
   border-bottom: 1px solid #A7A7A7;
}
.coord
{
	font-size: 12px;
	margin: 8px;
	color: #0000CC;
	font-family: "Trebuchet MS", Arial, Verdana, serif;
	font-weight: bold;
}
.coord a:visited 
{ 
	color: #0000CC;
}
.coord a:hover
{ 
	color: red;
}
#menu
{
   float: left; 
   width: 175px; 
   height: 320px;
   margin-top: 144px;
   margin-right: 20px;
   background-image: url("images/menu1.jpg");
   background-repeat: repeat-y;
   border: 3px solid #A7A7A7;
   -moz-border-radius: 10px;
}
.element_menu
{
   background-color: #EBEEF0;
   border: 2px ridge #799EBA;
   margin: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
   font-size: 13px;
   font-family: "Trebuchet MS", Arial, Verdana, serif;
 }
  .elementA_menu li
{
	margin-left: 7px; 
	margin-top: 5px;
   margin-bottom: 10px;
}
.element_menu a
{
	margin-left: 1px;
	color: #0000CC;
	text-decoration : none;
	text-align: center;
	margin-bottom: 10px;

}
.element_menu a:visited
{
	color: #0000CC;
	text-decoration : none;
	text-align: center;

}
.element_menu strong
{
 text-decoration: underlined;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 5px;
}

#corps
{
   width: 728px;
   height: 300px;
   background-color: white;
   background-repeat: repeat-y;
   margin-bottom: 10px;
   margin-top: 5px;
   margin-right: 8px;
   float: left;
   border-right: 1px groove #A7A7A7; 
   border-top: 1px solid #A7A7A7;
   border-left: 1px solid #A7A7A7;
   border-bottom: 1px solid #A7A7A7;
}
.element_corps
{
   background-color: #EBEEF0;
   margin: 15px; /* Pour éviter que les éléments du menu ne soient trop collés */
   font-size: 13px;
   font-family: "Trebuchet MS", Arial, Verdana, serif;
 }
  .elementA_corps li
{
	margin-left: 7px; 
	margin-top: 5px;
   margin-bottom: 5px;
}
.element_corps a
{
	margin-left: 1px;
	color: #0000CC;
	text-decoration : none;
	text-align: center;
	margin-bottom: 10px;

}
#corps2
{   
   width: 160px; 
   height: 380px;
   margin-top: 15px;
   margin-right: 10px;
   margin-bottom: 5px;
   background-image: url("images/menu1.jpg");
   background-repeat: repeat-y;
   border: 1px solid #A7A7A7;
   border-right: 2px groove #A7A7A7;
}

#pied_de_page
{
   width: 470px;
   height: 90px;
   background-image: url("images/pied_de_page.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top: 5px;
   margin-right: 50px;
   float: left;
   border-right: 1px groove #A7A7A7; 
   border-top: 1px solid #A7A7A7;
   border-left: 2px solid #A7A7A7;
   border-bottom: 3px solid #A7A7A7;
}

#pied_de_page1
{
   width: 470px;
   height: 90px;
   background-image: url("images/pied_de_page.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top: 5px;
   margin-left: 80px;
   float: left;
   border-right: 1px groove #A7A7A7; 
   border-top: 1px solid #A7A7A7;
   border-left: 2px solid #A7A7A7;
   border-bottom: 3px solid #A7A7A7;
}

#pied_de_page2
{
   width: 850px;
   height: 30px;
   background-image: url("images/pied_de_page2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top: 5px;
    margin-left:55px;
   float: left;
   border-right: 1px groove #A7A7A7; 
   border-top: 1px solid #A7A7A7;
   border-left: 2px solid #A7A7A7;
   border-bottom: 3px solid #A7A7A7;
}