/* CSS Document */

body
{
   width: 1001px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color: #000000; /* Un fond noir pour éviter d'avoir un vieux fond blanc :p */
}
/* L'en-tête */
#en_tete
{
   width: 1001px;
   height: 192px;
   background-image: url(image_1/banniere.png);
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
/* table principale texte*/
h1 /* titre tres important*/
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
}

p:first-letter /* La première lettre de chaque paragraphe */
{	
	font-weight: bold; /* En gras */
   font-size: 16px; /* Ecrit légèrement plus gros que la normale */
   color: blue; /* En bleu */
}
p /* paragraphe */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
}
dl
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	padding-left: 25px;
	padding-right: 25px;
}
h2 /* titre peu important */
{	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 14px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	
}
h3 /* titre tres peu important */
{	
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
}
.ulaffiche
{	
	width: 560px; /* largeur du conteneur de la gallerie de photos attention à mettre la valeur de la largeur du nombre de colonnes, sinon les photos ne seront pas centrées dans le conteneur*/
	height: auto; /* hauteur du conteneur de la galerie de photos */
display: block;
padding:20px; /* pour avoir de la place de chaque côté pour faire dépasser le zoom sur les photos du bord */
padding-bottom: 110px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px; /* pour centrer la galerie sur la page ou elle sera */
background-color:#000000; /*couleur de fond de la gallerie */
overflow:auto; /* pour firefox : permet de prendre en compte les élément float pour le dimensionnement du conteneur de la gallerie */
border: solid 1px #FF0000;
}
.ulaffiche li {
float:left; /* chaque conteneur sera en float, les images se metteront donc côté à côté avec retour à la ligne quand elles arrive au bou */
width: 72px; /* largeur de la case qui contient une photo */
height: 76px; /* hauteur */
display: block; /* pour enlever les puces de la liste */
overflow: hidden; /* pour IE : permet de superposer sur le reste la div plus grosse lors du zoom */
padding: 2px; /* bordure autour des images */
background-color: #000000; /* couleur de fond sous les images */
padding-left: 15px;
}
*>.ulaffiche li {overflow:visible;} /* pour firefox (propriété invisible pour IE): permet d'afficher la zone de l'image qui dépasse lors du zoom */
.ulaffiche img {
border: 0; /* supprime les bordures bleue des liens */
height: 76px; /* définit la hauteur des images */
height: 76px; /* idem mais pour firefox */
}
.ulaffiche li div a {
float: left; /* positionnement du liens dans la div*/
margin: 0 auto 0 auto; /* centre le liens et donc l'image*/
width: 72px; /* taille du liens, identique à celle de l'image */
height: 76px; /* idem */
}

.ulaffiche li div a:hover {
position:relative; /* position de la div de zoom */
margin-left:-40px; /* marges pour centrer la div zommé par rapport à l'image non zoomé */
margin-top:-25px; /* idem */
padding: 2px; /* cadre autour de la div zoomé */
height: 200px; /* taille du zoom */
width: 141px; /* idem */
background-color: #000000; /* couleur du fond de la div, qui apparaitra autour de l'image, notament sur les images en paysage qui auron des grosses bordures à gauche et à droite */
border: 1px solid #000000; /* bordure du zoom */
}
.ulaffiche li div a:hover img {
height: 200px; /* défini la hauteur des images zoomées */
height: 200px; /* idem pour firefox */
}
em
{	
	color: #0000FF;
}
.signature
{	
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;
}
#pied_de_page
p
{	
	padding: 1px;
	border: 1px solid #FFFFFF;
	background-color: #333333;
	
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 90px;
	padding-right: 90px;
}	 	
.souligne
{	
	text-decoration: blink;
	color: #00FF00;
}