/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/

body
{
   width: 800px;
   margin: auto;
   margin-top: 15px;
   margin-bottom: 15px;
   background-color:#ffffff;
   background-image:url("images/fond.jpg");
   background-position: center, top;
   
   background-attachment: fixed;
   /* background-image: url("images/fond.jpg"); */
   
}

/* L'en-tête */

#en_tete
{
   width: 1200px;
   height: 210px;
   background-image: url("images/banniere_tp.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   
}


#menu_entete
{
   width: 450px;
   height:30px;
   margin-left: 590px;
   padding-top: 1px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 16px;
     
}

#menu_entete a
{
color:#FDFDFD;
text-decoration:none;

}



#menu_entete a:hover
{
color:#D30100;
font-weight : bold;
text-decoration:none;


}


/* Le menu */

#menu
{
   float: left;
   width: 139px;
}

.element_menu
{
   background-color: #0A2EFE;
   background-image: url("images/fond_menu.jpg");
   background-repeat: repeat-y;
   
   border: 2px solid #D30100;
   
   margin-bottom: 10px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #0D30FE;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

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

.element_menu a
{
   color: #0D30FE;
   padding-left: 5px;
}

.element_menu a:hover
{
   background-color: #DCE1FC;
   color: black;
}


/* Le corps de la page */

#corps
{ 
   margin-left: 150px;
   padding: 20px;
   margin-bottom: 10px;
   padding-top: 10px;
   
   color: #FDFDFD;
   background-color: #07a7c9;
   background-image: url("images/fond_corps.jpg");
   /* background-repeat: repeat-x; */
   
   border: 2px solid #D30100;
 
} 


#corps p
{ 
   color: #FDFDFD;
   text-align: justify;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h1
{
   padding-left: 30px;
   color: #FDFDFD;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

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



#corps_img
{    
   width: 215px;
   margin-left: 5px;
   margin-bottom: 10px;
   padding: 5px;
    
} 

#corps_img img
{
     border: 2px solid white;  
} 

#corps_texte
{ float:right;

  width:760px;
   margin-left: 0px;
   margin-bottom: 10px;
   padding: 0px;
   
   color: #FDFDFD;
  
} 


.photo { position:relative;}
			.photo span  {display:none;}
			.photo:hover {border:0;}/* bug IE6 */
			.photo:hover span{display:block;position:absolute;top:-320px;left:206px;}

			


			
	#corps_formulaire
{    
   
   
   margin-bottom: 10px;  
   padding: 15px;
   padding-top: 5px;
  
    
} 							
			
			
	#corps_formulaire_gauche
{    
   
   
   float:left;
   margin-left: 6px;
   width: 450px;
   margin-bottom: 10px;
   padding: 5px;
   padding-top: 0px;   
} 					
			
			
#corps_formulaire_droit 
{    
   width: 450px;
   margin-left: 500px;
   margin-bottom: 10px;
   padding: 5px;
   padding-top: 0px; 
} 			
			
			
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   clear: both;
   text-align: center;
   color: #FDFDFD;
   background-color: #0A2EFE;
   background-image: url("images/fond_corps.jpg");
   background-repeat: repeat-y;
   
   border: 2px solid #D30100;
}