/*
@media (min-height:100px) and (max-height:10000px) and (min-width:100px) and (max-width:10000px){
*/



@media (max-aspect-ratio:1/1){

	.colonne0, .colonne1,.colonne2{float:left;max-width:30%;width:30%;margin:1em 0 0 0;}
	.colonne0 img,.colonne1 img,.colonne2 img{max-width:90%;width:90%;margin:0em 0em 1em 0em;}


#BlocCentralPhotos{text-align:center;padding:0 1% 0 5%;width:100%;position:relative;top:var(--DecalageVerticalCentral);}




#UnePhotoPleinEcran{display:none;z-index:50;position:absolute;width:100vw;height:100vh;background-color:var(--fond);text-align:center;}
	#UnePhotoPleinEcran .paysage{width:95%;vertical-align:middle;display:table-cell;}
	#UnePhotoPleinEcran .portrait{height:95%;max-height:90vh;}




#BlocCentralUnePhoto{position:relative;clear:both;background-color:var(--fond);top:var(--DecalageVerticalCentral);top:0;}
	#BlocCentralUnePhoto{
		padding-top:1em;
		width:100%;
		}



	#UnePhotoColonne1{width:100vw;height:50vh;}

		#UnePhotoColonne1 #UnTableauInfosportrait{float:left;width:20vw;font-size:0.151em;margin:0 1vw 0 0;padding:0 0 0 2vw;text-align:left;}
			#UnePhotoColonne1 #UnTableauInfosportrait a button{font-size:2em;}

		#UnePhotoColonne1 .portrait{width:70vw;float:left;margin:0 0 0 0;
								text-align:center;}

			#UnePhotoColonne1 .portrait a{display:inline-block;width:70vw;text-align:center;}
				#UnePhotoColonne1 .portrait a img{display:inline-block;max-width:70vw;text-align:center;max-height:50vh;}

		#UnePhotoColonne1 #UnTableauInfosportrait #UnTableauTitreportrait{font-size:1.5vw;}

		#ZUnePhotoColonne1 .paysage{min-width:80%;max-width:80vw;width:80%;text-align:center;margin:0 10% 0 10%;}
		#ZUnePhotoColonne1 .paysage a,#UnePhotoColonne1 .paysage a img{display:inline-block;min-width:60vw;max-width:100%;width:100%;text-align:center;}



		#UnePhotoColonne1 #UnTableauInfospaysage{float:left;width:100%;text-align:center;font-size:var(--FontInfo);}

		#UnePhotoColonne1 #Acheter{padding-top:3em;}

		#UnePhotoColonne1 #Reserver{padding-top:1em;}
		#UnePhotoColonne1 #InfoCommande{padding-top:1em;font-size:1em;}
		/* payer*/
		#Total img{height:2em;width:3em;float:left;}
		#BoutonPaiement{padding-top:2em;}


#UnTableauPrixpaysage input{width:35%;padding:0.5em 0.5em 0.5em 0.5em;margin:0.1em 0 0 0;}
#UnTableauPrixportrait input{width:35%;padding:0.5em 0.5em 0.5em 0.5em;margin:0.1em 0 0 0;}

	#UnePhotoColonne2{overflow-x: scroll;overflow-y: auto;
		height:10vh;text-align:center;float:left;padding:0 1vw 0 1vw;margin:5vh 2vw 0 2vw;
		}
		#UnePhotoColonne2 .UnTableau{height:10vh; float:left;margin:0 1vw 1vh 1vw;overscroll-behavior-x: contain;
}
		#UnePhotoColonne2 .UnTableau a img{height:10vh;}





}






















@media (min-aspect-ratio:1/1){
	.colonne0, .colonne1,.colonne2{float:left;max-width:30%;width:30%;margin:1em 0 0 0;}
	.colonne0 img,.colonne1 img,.colonne2 img{max-width:90%;width:90%;margin:0em 0em 1em 0em;}


#BlocCentralPhotos{text-align:center;padding:0 1% 0 5%;width:100%;position:relative;top:var(--DecalageVerticalCentral);}

#BlocCentralUnePhoto{position:relative;clear:both;background-color:var(--fond);top:var(--DecalageVerticalCentral);}
#BlocCentralUnePhoto{
		padding-top:1em;
		min-width:calc(100%);max-width:100%;width:100%;
		min-height:100%;max-height:100%;height:100%;
		}
	#UnePhotoColonne1{min-width:80%;max-width:80%;width:80%;height:100%;text-align:center;float:left;
	}
		#UnePhotoColonne1 .portrait{min-height:80%;max-height:80%;height:80%;text-align:center;margin:0 10% 0 20%;
			max-width:80%;width:75%;}
		#UnePhotoColonne1 .portrait a,#UnePhotoColonne1 .portrait a img{display:inline-block;min-height:100%;max-height:100%;height:80vh;text-align:center;}
		#UnePhotoColonne1 .paysage{min-width:80%;max-width:80%;width:80%;text-align:center;margin:0 10% 0 10%;}
		#UnePhotoColonne1 .paysage a,#UnePhotoColonne1 .paysage a img{display:inline-block;min-width:60vw;max-width:60vw;width:60vw;text-align:center;}

#UnePhotoColonne1 #UnTableauInfosportrait{float:left;width:20%;font-size:var(--FontInfo);margin:0 0 0 2vw;text-align:left;}
#UnePhotoColonne1 #UnTableauInfosportrait #UnTableauTitreportrait{font-size:var(--FontInfo);}

#UnePhotoColonne1 #UnTableauInfospaysage{float:left;width:100%;text-align:center;font-size:var(--FontInfo);}



	#UnePhotoPleinEcran{display:none;z-index:50;position:absolute;width:100vw;height:100vh;background-color:var(--fond);text-align:center;}
		#UnePhotoPleinEcran .paysage{width:95%;vertical-align:middle;display:table-cell;}
		#UnePhotoPleinEcran .portrait{height:95%;max-height:90vh;}

	#UnePhotoColonne2{overflow-x: auto;overflow-y: auto;
	min-width:20%;max-width:20%;width:20%;height:80vh;text-align:center;float:left;padding-right:5%;
	}
	#UnePhotoColonne2 a img{min-width:100%;max-width:50%;width:50%;height:100%;text-align:center;float:left;padding-right:0%;padding-bottom:0.5em;
	}

#UnTableauPrixpaysage input{width:15%;padding:0.5em 0.5em 0.5em 0.5em;margin:0.1em 0 0 0;}
#UnTableauPrixportrait input{width:80%;padding:0.5em 0.5em 0.5em 0.5em;margin:0.1em 0 0 0;}


	#ZUnePhotoColonne1{max-width:90%;width:90%;max-height:90vh;height:90vh;margin:0 5% 0 5%;text-align:center;}
	#ZUnePhotoColonne1 .tableau{width:100%;}
	#ZUnePhotoColonne1 img{max-height:calc(90vh - 5em);height:100%;width:100%;}

	#ZUnePhotoColonne2{float:left;}

	#UnePhotoColonne1 #Acheter{padding-top:1em;}
	#UnePhotoColonne1 #Reserver{padding-top:1em;}
	#UnePhotoColonne1 #InfoCommande{padding-top:1em;font-size:1em;}
	/* payer*/
	#Total img{height:2em;width:3em;float:left;}
	#BoutonPaiement{padding-top:2em;}
}