/* pour les anciens navigateurs ne prenant pas en charge les balises html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}



*, *::before, *::after{
	box-sizing:border-box;
	margin:0;
	padding:0;
}


input[type="checkbox"]{

	position:absolute;
	visibility: hidden;
	
	z-index:112;
}



html{
	/*background:red;*/
	margin:0px;
	padding:0px;
	

}

body{
	/*background: green;*/
	
	margin:0px;
	padding:0px;
}

body, button, textarea{

	font-family: 'Montserrat', sans-serif;
}


h1{
	
	font-weight:400;
}


h4{
	font-family: 'Poiret One', sans-serif;
	font-weight:400;
}


#conteneur{
	/*background:cyan;*/
	
	margin:0px;
	padding:0px 0px;
	
	
}



/*--------------------------------------- HEADER ---------------------------------------------------*/



header{
	background:white;
	display:block;
	
	z-index:2;
		
	position: fixed;
	left:0;
	top:0;

	width:100%;
	height:40px;
	
	box-shadow:0px 3px 5px 0px rgba(1,1,1,0.2);
}


#main{
	background:white;
	display:block;

	
	position:fixed;
	
	width:100%;

	
	margin:0px;
	padding:0px;
	
	font-size:0;
}






#logo{
	/*background:pink;*/
	
	
	position:absolute;
	top:0px;
	left:0px;
	

	
	

	
	margin:0px;
	padding:5px 0px 5px 5vw;
}



#logo h4{
	/*background-color:orange;*/
	
	color:#bf9939;
	
	font-size:26px;
}

#logo span{
	color:black;
}

#logo span span{
	display:inline-block;
	transform:rotateY(180deg);
}

#logo a{
	
	text-decoration:none;
}








.show-menu-btn, .hide-menu-btn{
	
	border:1px rgb(100,100,100) solid;
	
	
	top:8px;
	right:8px;
	
	border-radius: 5px;

	
	height:30px;
	width:30px;
	
	cursor:pointer;
}


.show-menu-btn{
	background-color:white;
	
	position:fixed;
	
	padding-top:7px;
	
}


.hide-menu-btn{
	background-color:white;
	
	position:absolute;
	
	
	display:flex;
	align-items: center;
	justify-content:center;
}


.hide-menu-btn::after{
	
	color: rgb(100,100,100);
	
	content: 'X';
	
	font-weight:700;
	font-size:14px;
}


.show-menu-btn div{
	background-color:rgb(100,100,100);
	
	width:16px;
	height:2px;
	
	margin-left:6px;
	margin-bottom:4px;
	padding:0px;
}


.menu{
	
	background-color:white;
	

	margin:0px;
	padding:25px 0px 25px 0px;
	

	position:fixed;

	width:90%;
	height:100vh;
		
	top:0;
	right:-90%;
	
	text-align:center;
	line-height:normal;
	
	-webkit-transition: right .5s;
	-moz-transition: right .5s;
	-o-transition: right .5s;
	transition: right .5s;
}


#chk:checked ~ .menu{
	right:0;
	/*box-shadow:-3px 0px 5px 0px rgba(1,1,1,0.2);*/
}

#chk:checked ~ .fondMenu{
	right:0;
}

.fondMenu{
	/*background-color:orange;*/

	position:fixed;
	
	width:100%;
	height:100vh;
	
	top:0;
	right:-100%;
	
}


.menu ul{
	/*background-color:red;*/
	
	margin:0px 0px;
	padding:5px 0px;
	
	width:90%;
	
	list-style-type:none;
	

	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	
}



.menu li{
	/*background-color: lightblue;*/
	
	margin:0px 4.5vw 0px 0px;
	padding:5px 0px;
}



.menu a{
	/*background-color: yellow;*/
	
	
	color:#555;
	
	margin:0px;
	padding:0px;
	
	
	text-decoration:none;
	
	font-size:14px;
}


.menu a:active{
	color:#bf9939;
}


.menu .selected{
	
	color:#bf9939;
	
}




/*---------------------------------------  ACCUEIL  ---------------------------------------------------*/






.accueil{
	/*background-color:green;*/
	
	margin:0px;
	padding:0px 0px;
	
	position:relative;
	top:40px;
}




.accueilIntro{
	/*background-color:brown;*/
	
	width:100%;
	
	height:calc(50vh - 20px);
	
	margin:0px;
	padding:0px 0px;
}

.introConteneurTexte{
	/*background-color:red;*/
	
	text-align:center;
	
	margin:0;
	padding:0;
	
	
	position:relative;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}


.introConteneurTexte h4{
	/*background-color:orange;*/
	/*display:none;*/
	color:#bf9939;

	font-size:26px;
	padding:0px 0px 1vh 0px;
}

.introConteneurTexte h1{
	/*background-color:yellow;*/
	color:#bf9939;
	
	font-size:10px;
	padding:0px 0px;
}

.introConteneurTexte p{
	/*background-color:cyan;*/
	
	color:grey;
	
	text-align:justify;
	font-size:9px;
	
	margin:0px 5px;
	padding:calc(3vh) 0px 0px 0px;
}

.introConteneurTexte span{
	/*background-color:pink;*/
	color:black;
	
}

.introConteneurTexte span span{
	/*background-color:red;*/
	display:inline-block;
	transform:rotateY(180deg);
}




/*---------------------------------------  GALERIE  DE  PHOTOS  ---------------------------------------------------*/




.galerieEtiquette{
	
	/*background-color:blue;*/
	
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	

	position:relative;
	top:40px;
	
	display:block;

}


.miniature{
	/*background-color:orange;*/
	

	display: block;

	
	
	margin:0px 0px 5px 0px;
	padding:0px;
	

	width:100%;
	

	font-size:0;
	
	overflow: hidden;
	
	cursor:pointer;
}


.miniature img{
	
	margin:0px;
	padding:0px;
	
	max-width:100%;
	
	/*transform: scale(1.01);*/
	
	
	-webkit-transition: transform 1.2s;
	-moz-transition: transform 1.2s;
	-o-transition: transform 1.2s;
	transition: transform 1.2s;
}

.miniature img:hover{
	
	transform: scale(1.2);
}




/*--------------------------------------- ZOOM PHOTOS ---------------------------------------------------*/


/*

.fondNoir{
	z-index:3;
	
	background:rgba(0,0,0,.9);
	
	position:fixed;
	top:0px;
	left:0px;
	

	width:100%;
	height:100%;
	
	visibility: hidden;
	opacity:0;
	
	display:flex;
	align-items: center;
	justify-content:center;
	
	-webkit-transition: opacity .8s;
	-moz-transition: opacity .8s;
	-o-transition: opacity .8s;
	transition: opacity .8s;
}



.zoom:checked + .fondNoir{
	
	visibility: visible;
	opacity:1;
}




.conteneurPhoto{
	
	border:1px white solid;
	
	font-size:0;
	
	position:relative;
	
}


.conteneurPhoto img{
	
	max-height:100vh;
	max-width:100%;
}




.conteneurEtiquette{
	
	
	position:absolute;
	
	width:100%;
	
	padding:0px 0px;
	
	display:block;
	
	top:100%;
	
}


.etiquette{
	
	
	padding:5px 5px;
	

	position:absolute;
	width:100%;
	
	
	
}



.etiquette p{
	color:white;
	font-size:10px;
	
}



.close{
	background-color: rgba(1,1,1,0.4);
	
	z-index:5;
	
	border:1px solid white;
	
	
	text-decoration: none;
	
	
	
	position:absolute;
	top:8px;
	right:8px;
	
	border-radius: 5px;
	
	
	height:30px;
	width:30px;
	
	
	
	display:flex;
	align-items: center;
	justify-content:center;
	
	
	cursor:pointer;
}


.close::after{
	content: 'X';
	color: white;
	font-weight:700;
	font-size:14px;

}

*/


/*---------------------------------------  ANIMATION  -  VR  ---------------------------------------------------*/




.animation{

	/*background-color:red;*/
	
	margin:0px;
	padding:0px 0px;
	
	position:relative;
	top:56px;
}

.animFondGris{
	background-color:#eee;
	
	z-index:-1;
	
	width:100vw;
	height:100vh;
	
	position:fixed;
	top:0;
	left:0;
}




.galerieDeVideos{
	/*background-color:orange;*/
	background-color:#eee;
	width:100%;

	
	margin:0px auto;
	padding:0px 0px;
	
	display:inline-block;
}


.video{
	background-color:white;
	
	

	

	box-shadow:0px 0px 8px 0px rgba(1,1,1,0.2);
	
	padding:5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
}




.lienVideo{
	/*background-color:lightblue;*/
	
	width:100%;
	height:0;

	font-size:0;
	
	position:relative;
	
	padding:0px 0px 56.25% 0px;
	margin: 0px 0px 0px 0px;
}

.lienVideo iframe{
	
	/*background-color:green;*/
	
	width:100%;
	height:100%;
	
	font-size:0;
	
	position:absolute;
	top:0;
	left:0;
		
	margin:0px 0px 0px 0px;
	padding:0px;
}




.video h3{
	/*background-color:cyan;*/
	
	margin:12px 0px 0px 0px;
	padding:0px 0px;
	
	color: #333;
	
	font-size:11px;
	font-weight:500;
}

.video p{
	/*background-color:lightblue;*/
	
	margin:3px 0px 8px 0px;
	padding:0px 0px;
	
	color: grey;
	color: #555;
	
	font-size:11px;
}




/*---------------------------------------  CONTACT  ---------------------------------------------------*/




.contact{
	
	/*background-color:red;*/

	position:relative;
	top:46px;
	
	
	margin:0px 0px;
	padding:0px 5px;
}









.contenuContact{
	/*background-color:orange;*/
	
	width:100%;
	max-width:1024px;
	
	margin:0px auto;
	padding:0px 0px;

}

.contenuContact h3{
	/*background-color:pink;*/
	
	color:#333;
	
	
	font-size:16px;
	font-weight:600;
	line-height:16px;
	
	text-align:center;
	
	margin:26px 0px 13px 0px;
	padding:0px 0px;
}

.contenuContact p{
	/*background-color:lightblue;*/
	
	color:#555;
	
	font-size:11px;
	
	line-height:14px;
	
	margin:0px 0px 13px 0px;
	padding:0px 10px;
}

.contenuContact .p1{

	text-align:justify;
}

.annuleBr{
	display:none;
}

.contenuContact .coordonnees{

	font-size:13px;
	
	line-height:24px;
	
	text-align:center;
	

}

.contenuContact .p2{

	text-align:justify;
}

.contenuContact form{
	/*background-color:yellow;*/
	background-color:#eee;
	
	border-radius:5px;
	border:1px solid #ddd;
	
	
	display:block;
	
	margin:26px 0px 0px 0px;
	padding:0px 5px 0px 5px;
}


.contenuContact ul{
	/*background:red;*/
	
	display:block;
	
	list-style-type:none;
	
	margin:0px 0px;
	padding:8px 0px 0px 0px;
}


.contenuContact li{
	/*background-color:orange;*/
	
	margin:0px 0px 5px 0px;
	padding:0px 5px;
	
}


.contenuContact label{
	/*background:yellow;*/
	
	color:#444;
	
	font-size:11px;
	font-weight:500;
	
	display: block;
	
	margin:0px 0px 2px 0px;
	padding:0px;
}

.contenuContact input{
	/*background:green;*/
	
	border:1px solid #ddd;
	
	color:#555;
	
	border-radius:5px;
	
	font-size:11px;
	
	width:100%;
	
	margin:0px;
	padding:3px;
}

.contenuContact textarea{
	/*background-color:magenta;*/
	
	border:1px solid #ddd;
	
	color:#555;
	
	border-radius:5px;
	
	font-size:11px;
	
	width:100%;
	max-width:100%;
	min-width:100%;
	height:80px;
	
	margin:0px;
	padding:3px;
}

.contenuContact button{
	background-color:#555;
	
	color:#fff;
	

	border-radius:20px;
	border:0px solid #ddd;
	
	box-shadow:2px 2px 2px 0px rgba(1,1,1,0.2);
	
	font-size:11px;
	font-weight:500;
	
	display:block;
	
	margin:10px auto;
	padding:8px 12px;
	
	
	cursor:pointer;

	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.contenuContact button:hover{
	background-color:#999;
	
}


/*--------------------------------------- FOOTER ---------------------------------------------------*/




footer{
	/*background-color:yellow;*/
	

	color:grey;
	
	margin:0px 0px 0px 0px;

	padding:92px 0px 25px 10px;
	
	font-size:11px;
	
}