html
{
font-size:14px;
}

body
{
padding-top:10vh;
padding-bottom:0;
}

.corps
{
width:100%;
}

.header
{
height:8vh;
}

.header .logo
{
width:20%;
}

.header .slogan
{
width:60%;
opacity:0;
}

.header .vide
{
width:20%;
}

.header .menu
{
visibility: hidden;
display:none;
}

.header .bouton-menu
{
	visibility:visible;
	opacity:1.0;
	cursor:pointer;
	margin-left:auto;
}

.menu-mobile
{
	visibility:visible;
}

.section
{
	width:100%;
	margin:10px 0;
}

.reverse
{
	flex-flow: row;
}

.optional
{
	display:none;
}

.footer
{
	visibility:hidden;
}

.message
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

/*  */
.actus
{
height:90vw;
margin-top: 1vh;
}

.actus .actu
{
	padding:0;
	margin:0;
}

.actus .actu .image
{
	width:100%;
	height:40vw;
}

.actus .actu .texte
{
	width:100%;
	height:50vw;
}

.layer
{
margin-left:-48vw;
margin-top:-48vh;
width:96vw;
height:96vh;
}

.layer.hotelLayer
{
margin-left:-48vw;
margin-top:-48vh;
width:96vw;
height:96vh;
font-size:0.8em;
}

.instantGallery
{
margin-left:-48vw;
margin-top:-48vh;
width:96vw;
height:96vh;
font-size:0.8em;
}

.groups-layer
{
	align-items:flex-start;
	justify-content:flex-start;
	overflow:auto;
}

.groups-layer .groupe
{
	padding-top:1%;
	padding-bottom:0;
	width:50%;
}


.image-texte
{
	flex-wrap:wrap;
	align-items:center;
	align-items:flex-start;
}

.image-texte .texte
{
	width:100%;
	padding:0 1em;
}

.image-texte .texte.texte50
{
	width:100%;
}

.image-texte .texte.texte40
{
	width:100%;
}

.image-texte .texte.texte55
{
	width:100%;
}

.image-texte .image
{
	width:30%;
	margin:2em;
}

.image-texte .image.image60
{
	width:70%;
	margin:1em;
}

.image-texte .image.image50
{
	width:40%;
	margin:1em;
}

.image-texte .image.image45
{
	width:30%;
	margin:1em;
}

.image-texte .image.image20
{
	width:30%;
	margin:1em;
}

.more-layer
{
	width:100vw;
	left:0;
	top:7vh;
	height:93vh;
}

.header .logo
{
	margin-left:4px;
}

.section-images .image
{
	width:100%;
	height:46vw;
}


.section-3images
{
	flex-wrap:wrap;
}

.section-3images .image
{
	margin:8px auto;
	width:70vw;
	height:40vw;
	font-size:1rem;
}

.carte-google
{
	height:80vw;
}

.section-coordonnees
{
	height:auto;
	flex-wrap:wrap;
}

.section-coordonnees .bloc
{
	width:33%;
}

.gallery .image
{
	background-position:center center;
	background-size:cover;
}

.contact-layer
{
padding-top:5em;
margin:0;
top:2vw;
left:2vh;
width:96vw;
height:96vh;
}

.popup
{
padding-top:5em;
margin:0;
top:2vw;
left:2vh;
width:96vw;
height:96vh;
}

.contact-layer .layer-subtitle
{
height:auto;
}