.Titre {
			font-family : Arial;
			color: white;
			font-size: 30px;
			Padding-left: 40px;
			Padding-top: 20px;
		}
		
	/* Telechargement */
		.Telechargement
		{
			font-family: Arial, sans-serif;
			color: white;
			font-size: 20px;
			text-decoration: none;
			Padding-left: 40px;
			Padding-top: 20px;
		}
		
	/* Format de la galerie */	
		.gallery {
			display: grid;
			/*grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));*/
			grid-template-columns: repeat(auto-fit, minmax(340px, auto));
			grid-gap: 10px;
			padding-top : 50px;
			/*border: 1px solid green;   Pour mise au point et tests */
		}
	  
		/* Format des éléments de la galerie */
		.gallery > div {
			/*background-color: rgba(225, 255, 255, 0.8);   Pour mise au point et tests */
			text-align: center;
			padding: 10px 0;
			font-size: 30px;
			overflow: hidden; /* évite le debordement des image panorama dans la galerie */
			
			/*cursor: pointer;*/
			/*border: 1px solid red;   Pour mise au point et tests */
		}
		
		.fig {
			/*background-color: rgba(225, 255, 255, 0.8);   Pour mise au point et tests */
			text-align: center;
			/*padding: 10px 0;*/
			font-family: Arial, sans-serif;
			font-size: 15px;
			color: white;
			/*border: 1px solid red;   Pour mise au point et tests */
		}
	  
		/* Format des éléments photo de la galerie */
		.gallery-image {
			width: auto;
			height: 200px;      /* Définir la hauteur désirée pour toutes les photos */
			cursor: pointer;
		}
		



	/* Format de la lightbox */
		.lightbox { 
			display: none; 
			position: fixed; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
			background-color: rgba(0, 0, 0, 1.0); 
			z-index: 998;           /* voir si ca peut être supprimer
			text-align: center; 
			padding-top: 10%; 
		}  
 
		/* Format de l'image à l'interieur la lightbox */
		.lightbox-image { 
			max-width: 90%; 
			max-height: 90%; 
			/*margin-top: 15%;*/
			margin: 10px auto;
		} 	


		/* Caption text */
		.lightbox-caption {
			position: relative; /*place le text sur l'image*/
			top: -38px; /*place le text sur l'image*/
			font-size: 15px;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.4);
			padding: 2px 16px;
			color: white;
			/*border: 1px solid red;   /*Pour mise au point et tests */
		}

		.prev-btn,
		.next-btn {
			position: absolute;
			top: 50%;
			width: auto; /**/
			padding: 5px; /**/
			margin-top: -50px; /**/
			transform: translateY(-50%);
			background: rgba(0, 0, 0, 0.4);
			font-size: 30px;
			font-weight: bold;
			color: white;
			border: none;
			cursor: pointer;
		}

		.prev-btn {
			left: 5px;
		}

		.next-btn {
			right: 5px;
		}

		.close-btn {
			color: white;
			position: absolute;
			background: rgba(0, 0, 0, 0.4);
			width: auto; /**/
			height: 40px; /**/
			padding: 5px; /**/
			top: 10px;
			right: 10px;
			font-size: 30px;
			font-weight: bold;
			border: none;
		}
			
		.close-btn:hover,
		.close-btn:focus {
			color: #999;
			text-decoration: none;
			cursor: pointer;
		}