@font-face{
	font-family: 'equateur_regular';
	src: url('typo/Equateur-Regular.woff2')
}
@font-face{
	font-family: 'latitude_regular';
	src: url('typo/Latitude-Regular.woff2')
}

html, body{
    max-width: 100%;
    overflow-x: hidden;
	background-color: #0b110f;
	color: #dcd399;
	font-family: latitude_regular, sans-serif;
	font-size: 1em;
	justify-content: space-between;
}

#contenu{
	display:flex;
	flex-direction:row;
	align-items:first baseline;
	margin-top:-25px;
	position:relative;
	max-width:100%;
}

a{
	text-decoration:underline;
	color: var(--class-item-bg);
	font-family: equateur_regular;
}

.italic{
	font-style:italic;
}

#menubas{
	text-align:center;
	background-color:#dcd399;
	height:25px;
	color:#0b110f;
	position:fixed;
	left:-8px;
	bottom:0px;
	width:100%;
	padding-right:30px;
	--class-item-bg: #0b110f;
}

#gauche{
	color:#897153;
	padding-left:3vw;
	padding-right:5.5vw;
	width: 30%;
	font-size: 5.5vw;
	text-align:right;
}

#droite{
	padding-right:4vw;
	line-height: 18pt;
	position: relative;
	top:-2vw;
	width:70%;
	overflow:hidden;
	overflow-y:hidden;
}

.blocimage{
	display:flex;
  	background-color:#dcd399;
  	height:65vh;
 	overflow:scroll;
	margin-top:45px;
	overflow-y:hidden;
}

img{
	flex-direction:row;
	width:auto;
	height:95%;
	margin:1.5%;
}


.texte{
	margin-top:5px;
	margin-bottom:5px;
}

.video{
	margin-top:65px;
	margin-bottom:65px;
	font-size:18pt;
	line-height:auto;
}

.legende{
	margin-bottom:15px;
	color:#897153;
}

#infos{
	margin-top:5px;
}

#avant{
	margin-top:80px;
	transform:rotate(180deg);
	width:65%;}
#arriere{
	margin-top:80px;
	width:65%;}
#foot{
	margin:0px;
	width:98%;}

	@media screen and (orientation: portrait){
		html, body {
			max-width: 100%;
			background-color: #0b110f;
			font-size: 0.95em;
			justify-content: center;
			overflow-x: hidden;
		}
	
		#contenu {
			display: flex;
			flex-direction: column;
			margin-top: 0px;
			max-width: 100%;
			overflow: visible;
		}

		#menubas {
			height: 45px;
		}
	
		#gauche {
			padding-left: 3vw;
			padding-right: 1vw;
			width: 94%;
			font-size: 13vw;
			text-align: left;
		}
	
		.blocimage {
			max-height: 42vh;
		}
	
		#droite {
			padding-left: 3vw;
			padding-right: 2vw;
			width: 94%;
		}
	
		#avant, #arriere {
			margin-top: 30px;
			width: 65%;
			margin-bottom: 120px;
			height: auto;
			object-fit: contain;
		}
	
		#foot {
			width: 102%;
			height: auto;
			margin: 0;
			object-fit: cover;
		}
	
		.video {
			text-align: center;
		}
	}