body
{
   width: 1000px; 
   margin: 20px auto; /* Pour centrer notre page */
   background-image:url('Images/yel_haze.jpg'); 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 */
   
}

/* L'en-tête */

#en_tete
{

   text-align: center;
   margin-bottom: 10px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.retour_index
{
	position: absolute; top:20px; left:20px;
	width: 50px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.retour_index a
{
	color: #0000AA;
}
.retour_index a:hover
{	
	background-color: #99FFFF;
   color: black;   
}
#conteneur     /*test cadrage*/
{
position: absolute; top: 20px; left:10px
width: 1100px;
heigh: 740px;
}

/* Le menu */

#menu			/* cadre du milieu, choix des pages*/
{
  /* position: absolute; top: 170px; left:350px;
   width: 300px; /* Très important : donner une taille au menu */
   height: 400px;*
   
}

.element_menu
{
   /*background-color: #DDFFFF;
 
   border: 2px solid black;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{    
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration: underline;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style: circle; /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #000000;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #99FFFF;
   color: black;
}

/* Le corps de la page */

#corps1				/* Cadre de droite, Union régionale*/
{
	position: absolute; top: 250px; left:20px;
   width: 280px; /* Très important : donner une taille au menu */
   height: 700px;
    padding-left: 10px;
	padding-right: 10px;
   padding-top: 10px;
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
  
   
}

#corps1 h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
}

#corps1 h3 /* Tous les titres h3 du corps */
{
   
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000
}
.ur14 img
{
	position: absolute; top: 0px; left: 390px;
	width: 200px;
	height: 200px;
	border: 1px solid black;

}

.Trub img
{
	position: absolute; top: 470px; left: 45px;
	width: 200px;
	height: 180px;
	border: 1px solid black;
}
#corps2			/* Cadre de gauche, Fédération Photographique de France*/
{
	position: absolute; top: 0px; left:680px;
   width: 280px; /* Très important : donner une taille au menu */
   height: 800px;
    padding-left: 10px;
	padding-right: 10px;
   padding-top: 10px;
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
  
   
}

#corps2 h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps2 p 
{
   
   padding-left: 20px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
}
.fpf img
{
	position: absolute; top: 250px; left: -290px;
	width: 200px;
	height: 200px;
	border: 1px solid black;

}



#pied_de_page			/* compteur, baratin...*/
{
	position: absolute; top: 700px; left:20px;
	width: 450px;

}
.compteur
{
position: absolute; top: 710px; left:-200px;
}
.moi
{
position: absolute; top: 750px; left: -650px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
}

.affi
{
position: absolute; top: 800px; left: -650px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
}