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

header{


	
	height:90px;
}



#logo{
	/*background:pink;*/
	
	margin:0px;
	padding:16px 0px 16px 50px;
}

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



.menu{
	/*background-color:green;*/
	
	
	margin:0px;
	padding:25px 0px 25px 0px;

}


.menu ul{
	/*background-color:red;*/
	
	margin:0px 0px;
	padding:5px 0px;
	
	
}


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

.menu li:nth-child(1){
		
	display: initial;
}

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




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




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






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

.introConteneurTexte h4{
	/*background-color:orange;*/
	
	font-size:70px;
	padding:0px 0px calc(1.5vh) 0px;
}

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

.introConteneurTexte p{
	/*background-color:cyan;*/
	
	
	font-size:12px;
	
	margin:0px calc(15vw);
	padding:calc(3.5vh) 0px 0px 0px;
}



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



.galerieEtiquette{
	
	/*background-color:blue;*/
	
	position:relative;
	top:90px;
	
	
	margin:0px 0px 0px 0px;
	padding:0px 5px;
	
	

	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	
	-webkit-column-gap:5px;
	-moz-column-gap:5px;
	column-gap:5px;
}




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


.conteneurPhoto{
	
	overflow:hidden;
	
}

.conteneurEtiquette{
	/*background-color:cyan;*/
	
	
	height:29px;

}





.etiquette{
	/*background-color:red;*/
	background-color:rgba(0,0,0,.5);

	padding:5px 10px;
	
	
	
	bottom:0;
	
	
	-webkit-transition: bottom 0.6s ease-out;
	-moz-transition: bottom 0.6s ease-out;
	-o-transition: bottom 0.6s ease-out;
	transition: bottom 0.6s ease-out;
}


.conteneurPhoto:hover .etiquette{
	
	
	bottom:100%;
}


.etiquette p{
	color:white;
	
	font-size:14px;
	/*font-weight:500;*/
}





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





.animation{

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

.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%;
	max-width:1044px;
	
	margin:0px auto;
	padding:0px 0px;
	
	display:block;
}

.video{
	/*background-color:yellow;*/
	background-color:white;
	

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




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

	
	font-size:14px;
	
}

.video p{
	/*background-color:lightblue;*/
	
	margin:5px 0px 10px 0px;
	padding:0px 0px;
	

	font-size:12px;
}






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




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


	top:120px;

}




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

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

	
	margin:80px 0px 40px 0px;
	padding:0px 0px;
}

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

	font-size:14px;
	
	line-height:20px;
	
	margin:0px 0px 40px 0px;
	padding:0px 0px;
}

.contenuContact .p1{

	text-align:justify;
}

.annuleBr{
	display:none;
}
.annuleBr2{
	display:none;
}

.contenuContact .coordonnees{

	font-size:16px;
	
	line-height:30px;
	
}





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

	margin:0px 0px;
	padding:0px 20px;
}


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


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


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

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

.contenuContact textarea{
	/*background-color:magenta;*/
	
	font-size:14px;
	
	height:100px;
	
	margin:0px;
	padding:5px;
}

.contenuContact button{

	border-radius:30px;

	font-size:14px;


	
	margin:20px auto;
	padding:15px 17px;
	
	
	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;*/
	
	
	margin:220px 0px 25px 0px;
	padding:0px 0px 0px 15px;
	
	font-size:12px;
	
}