#portrait {
	position: absolute;
	display: none;
	background-color: black;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}

br {
    line-height: 150%;
}

#txt-portrait {
	padding-top: 110%;
	/* position: absolute; */
	display: none;
	background-color: black;
	height: 100vh;
	/* color: #A63B59; */
	vertical-align: middle;
	text-align: center;
	font-size: 1em;
}

#image-portrait {
	position: absolute;
	background-color: black;
    display: none; /* Caché par défaut */
	transform: scale(0.75);
	/* background:red; */
	/* position:absolute; */
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	/* width: 75%; */
	/* height: auto; */
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100vh; */
    /* height: 100vh; */
    object-fit: cover;
	/* height: 100%; */
	vertical-align: middle;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

@media (orientation: portrait) and (max-width: 768px) { 
/* @media (orientation: portrait) {  */
	/* body { */
		/* transform: scale(0.75); */
	/* } */
	
	.image-container {
		flex-direction: column; /* Affiche les images en colonne sur les petits écrans */
	}
    #portrait {
        display: block;
	}
	#txt-portrait {
        display: block;
	}    
	#image-portrait {
        display: block;
		/* background-color: black; */
		/* vertical-align: middle; */
		/* margin-top: auto; */
		/* margin-right: auto; */
		/* width: 100%; */
		/* height: 100%; */
    }

    #contenu-site {
        display: none;
    }
}

@media (min-aspect-ratio: 16/8) {
  #water {
    content: url('images/head/water2.png');
  }
  #splash {
    content: url('images/head/null.png');
  }
}