html
{
font-size:14px;
}

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

.corps
{
width:100%;
}

.header
{
height:8vh;
}

.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%;
}

.optional
{
	display:none;
}


.footer
{
	visibility:hidden;
}

.formulaire input
{
padding:4px;
}

.formulaire textarea
{
padding:4px;
}

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

/*  */
.actus
{
height: 80vh;
margin-top: 1vh;
font-size: 1.0rem;
line-height:1.0rem;
}

.actus .actu
{
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.actus .actu .texte
{
	width:100%;
	align-items:flex-start;
	justify-content:flex-start;
}

.actus .actu .image
{
	width:80%;
	height:50vw;
}

.linksCloud
{
font-size: 1.4rem;
}

.contact-layer
{
	width:100vw;
	height:90vh;
	left:0;
	bottom:0;
}

.contact-form
{
margin:8px 0;
padding:5% 2%;
}

.layer
{
	margin:0;
	top:0.5vh;
	left:1vw;
	width:98vw;
	height:99vh;
	padding:2vw 1vw 1vw 1vw;
}

.layer .layer-footer
{
	height:30px;
	padding-top:2px;
	line-height:14px;
}

.layer .layer-secondPart
{
bottom:4%;
width:100%;
padding:4px;
height:20%;
}

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

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


.image-texte
{
	flex-wrap:wrap;
}

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

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

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

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

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

.image-v.image50
{
	width:100%;
}

.image-v.image60
{
	width:100%;
}

.image-v.image80
{
	width:100%;
}

.image80-v
{
	width:100%;
}

.image50-v
{
	width:80%;
}

.image-v .image30
{
	width:100%;
	margin-bottom:1px;
}

.images-v .image50
{
	width:100%;
	margin-bottom:1px;
}

.images-v .image30
{
	width:80%;
	margin-bottom:1px;
}

.blog .blog-images
{
	width:90vw;
	height:50vw;
	margin-bottom:2em;
}

.blog .elt .blog-contenu
{
	width:100%;
}

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

.instantGallery
{
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}