/* Styles */

body {background-color:#ffffff;}
		
div.largeur_totale {width:100%;	  margin:auto; border:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:auto; background-color:#ffffff;}
div.largeur_1000   {width:1000px; margin:auto; border:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:auto; background-color:#ffffff;}
		

/* Styles pour l'entête et les liens de navigation dans le header */

	div.image_entete {width:435px; height:80px; display:inline-block; background-color:#ffffff; float:left;}
	nav 	{display:inline-block; width:565px; height:80px; text-align:right; background-color:#ffffff;}
	nav ul 	{list-style-type:none;}
	nav li  {display:inline-block; padding:40px 10px 1px 0px;}


/* Styles pour l'affichage des vignettes de type C (16-9) sur la page des galeries */

	div.gal_vgt_C_gauche {width:320px; height:auto; float:left; margin:0px 0px 0px 0px; padding:10px 0px 5px 0px;}
	div.gal_vgt_C_centre {width:320px; height:auto; float:left; margin:0px 0px 0px 0px; padding:10px 20px 5px 20px;}
	div.gal_vgt_C_droite {width:320px; height:auto; float:left; margin:0px 0px 0px 0px; padding:10px 0px 5px 0px;}

/* Styles pour l'affichage des vignettes de type C (16-9) sur les pages à vignettes */

	div.vgt_C_gauche {width:320px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 0px 15px 0px;}
	div.vgt_C_centre {width:320px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 20px 15px 20px;}
	div.vgt_C_droite {width:320px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 0px 15px 0px;}
	
/* Styles pour l'affichage des vignettes de type B (4-3 horizontales) sur les pages à vignettes */

	div.vgt_Bh_1 {width:240px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 13px 15px 0px;}
	div.vgt_Bh_2 {width:240px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 13px 15px 0px;}
	div.vgt_Bh_3 {width:240px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 14px 15px 0px;}
	div.vgt_Bh_4 {width:240px; height:auto; float:left; margin:0px 0px 0px 0px; padding:5px 0px 15px 0px;}

/* Styles pour l'affichage de 4 vignettes de type B (4-3 verticales) sur les pages à vignettes */

div.vgt_Bv_1 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 33px 50px 0px;}
div.vgt_Bv_2 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 33px 50px 0px;}
div.vgt_Bv_3 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 34px 50px 0px;}
div.vgt_Bv_4 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 0px 50px 0px;}

/* Styles pour l'affichage de 4 vignettes de type A (1-1) sur les pages à vignettes */

div.vgt_A_1 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 33px 25px 0px;}
div.vgt_A_2 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 33px 25px 0px;}
div.vgt_A_3 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 34px 25px 0px;}
div.vgt_A_4 {width:225px; height:auto; float:left; margin:0px 0px 0px 0px; padding:25px 0px 25px 0px;}



/* Styles pour l'affichage des photos sur les pages ..._1_photos */

	div.img_C {width:992px; height:558px; margin:0px 0px 0px 0px; padding:0px 4px 0px 4px; float:left;}
	div.img_B {width:450px; height:600px; margin:0px 0px 0px 0px; padding:0px 290px 0px 290px; float:left;}
	div.img_Z {display:flex; justify-content:center;}
			
/* Styles pour l'affichage des légendes et boutons sur les pages ..._1_photos */

	div.img_legende {width:600px; height:70px; float:left; margin:0px 0px 0px 0px; padding:10px 20px 20px 20px;}
	div.img_boutons {width:340px; height:70px; float:left; margin:0px 0px 0px 0px; padding:10px 20px 20px 0px;}


/* Styles pour les paragraphes */

p 	         {width:auto;  height:auto; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; text-align:center;  font-family:Arial,sans-serif; font-size:1em; color:#000000;}
p.col_gauche {width:460px; height:auto; margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; text-align:justify; display:inline-block; float:left;}
p.col_droite {width:460px; height:auto; margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; text-align:justify; display:inline-block; float:right;}
p.centre 	 {margin:0px 150px 0px 150px; text-align:justify;}

/* Styles pour les sous-titres dans la page galeries */

p.sous-titre {width:auto;  height:auto; margin:0px 0px 0px 0px; padding:2px 0px 10px 0px; text-align:center;  font-family:Arial,sans-serif; font-size:1em; color:#707070;}

/* légendes des photos */ 
p.titre 	 {text-align:left; margin:0px; border:0px; padding:0px 0px 15px 0px; font-size:1em;   font-weight: bold; color:#000000;}
p.reference  {text-align:left; margin:0px; border:0px; padding:0px 0px 0px 0px;  font-size:0.8em; font-weight: bold; color:#0000ff;}
p.taille     {text-align:left; margin:0px; border:0px; padding:0px 0px 0px 0px;  font-size:0.8em; color:#000000;}
p.boutons 	 {text-align:right;}

/* Styles pour les titres */

h1 			{text-align:center; margin:0px; border:0px; padding:50px 0px 50px 0px; font-family:Arial,sans-serif; font-size:2em;   color:#000000;}
h2 			{text-align:left;   margin:0px; border:0px; padding:10px 0px 5px 0px; font-family:Arial,sans-serif; font-size:1.2em; color:#000000;}
h2.galeries {text-align:center; margin:0px; border:0px; padding:0px 0px 2px 0px; font-family:Arial,sans-serif; font-size:1.2em; color:#000000;}

/* Styles pour les images des boutons (gauche - centre - droit) */

.bouton_g {margin:10px 2px 0px 0px;}
.bouton_c {margin:10px 2px 0px 2px;}
.bouton_d {margin:10px 0px 0px 2px;}

/* Styles pour les liens */

a 		{color:black; font-size:1em; padding-bottom:0px; text-decoration:none; }
a:hover {border-bottom:2px black solid;}
a img 	{border:none;}

/* Styles pour la liste du plan du site */

li {list-style-type:square; padding-top:5px; padding-left: 5px; font-family:Arial,sans-serif; font-size:1em; color:#7a7a7a;}