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




header{
	/*background-color:blue;*/
	
		
	height:40px;
}




#logo{
	/*background:pink;*/
	
	margin:0px;
	padding:5px 0px 5px 32px;
}

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

}






.show-menu-btn, .hide-menu-btn{
	
	display:none;
}


.menu{
	/*background-color:green;*/
	background-color:initial;
	
	box-shadow:initial;
	
	

	position:absolute;
	
	width:initial;
	height:initial;
	
	top:0;
	right:0;
	
	margin:0px;
	padding:0px 0px 0px 0px;
	
	text-align:initial;
	
	
	-webkit-transition: initial;
	-moz-transition: initial;
	-o-transition: initial;
	transition: initial;
}

#chk:checked ~ .menu{
	
	box-shadow:initial;
}

.fondMenu{
	/*background-color:orange;*/
	
	display:none;
	
}


.menu ul{
	/*background-color:red;*/
	
	margin:0px 0px;
	padding:2px 0px;
	
	width:initial;
	
	
	position:static;
	
	
	transform:initial;
	
}


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



.menu a{
	/*background-color: yellow;*/
	
	color:black;
	
	display: inline-block;
	
	margin:0px;
	padding:5px 0px;
	
	
	font-size: 12px;
}


.menu a::after{
	content:'';
	display: block;
	width:0;
	height: 2px;
	
	background-color:#bf9939;
	
}

.menu a:hover::after{
	width:100%;
	transition: width .5s;
}



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

/*
.menu .selected::after{
	
	width:100%;
}
*/

.menu .selected{
	
	color:#bf9939;
	
}

.menu .selected:hover::after{
	width:0;
	
}


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




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


.accueilIntro{
	/*background-color:brown;*/
	
	height:calc(50vh - 20px);
}

.introConteneurTexte h4{
	/*background-color:orange;*/
	
	font-size:30px;
	padding:0px 0px 5px 0px;
}

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

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






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




.galerieEtiquette{
	
	/*background-color:blue;*/
	
	position:relative;
	top:40px;
	
}







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




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




.animation{

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




.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.15);
	
	padding:10px;
	margin: 0px 0px 5px 0px;
}




.video h3{
	/*background-color:cyan;*/
	
	margin:10px 0px 0px 0px;
	padding:0px 0px;
	

	
	font-size:12px;

}

.video p{
	/*background-color:lightblue;*/
	
	margin:5px 0px 12px 0px;
	padding:0px 0px;
	
	
	font-size:12px;
}






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




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

	top:80px;

}




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

.contenuContact h3{
	/*background-color:pink;*/
	
	font-size:18px;
	line-height:18px;

	
	margin:50px 0px 25px 0px;
	padding:0px 0px;
}

.contenuContact p{
	/*background-color:lightblue;*/

	font-size:12px;
	
	line-height:18px;
	
	margin:0px 0px 25px 0px;
	padding:0px 0px;
}

.contenuContact .p1{

	text-align:justify;
}

.annuleBr{
	display:none;
}

.contenuContact .coordonnees{

	font-size:14px;
	
	line-height:28px;
}

.contenuContact .p2{

	text-align:center;
}



.contenuContact form{
	/*background-color:yellow;*/

	margin:0px 0px;
	padding:0px 15px;
}


.contenuContact ul{
	/*background:red;*/
	
	
	margin:0px 0px;
	padding:15px 0px 0px 0px;
}


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


.contenuContact label{
	/*background:yellow;*/
	
	font-size:12px;
	
	margin:0px 0px 4px 0px;
	padding:0px;
}

.contenuContact input{
	/*background:green;*/
	
	font-size:12px;
	
	margin:0px;
	padding:4px;
}

.contenuContact textarea{
	/*background-color:magenta;*/
	
	font-size:12px;
	
	height:85px;
	
	margin:0px;
	padding:4px;
}

.contenuContact button{

	border-radius:20px;

	font-size:12px;


	
	margin:15px auto;
	padding:10px 12px;
	
	

}




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




footer{
	/*background-color:yellow;*/
	
	margin:150px 0px 25px 0px;
	padding:0px 0px 0px 15px;
	
	font-size:12px;


}