body{
	background-color: #ffffff;
	font-size: 18px;
	font-family:'Assistant', 'Open Sans', sans-serif;
	text-align: justify;
	font-weight:400;
	line-height: 26px;
	color: #1A252E/*#3F3F3F*/;
}
 
.scroll{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 0;
	height: 5px;
	background:linear-gradient(-90deg, rgba(57,82,103,1) 0%, rgba(26,37,46,1) 60%) /*#1A252E*/;
} 

/* ------------titre commun----------- */
h1{
	font-family: 'chapazaregular', 'Lora';
	font-size: 40px;
	color: /*#1A252E*/;
	text-align: center;
	padding: 2% 1% 2% 1%;
}

	h2{
		font-family: 'chapazaregular', 'Lora';
		font-size: 16px;
		color: #D4723B;
		text-transform: uppercase;
		letter-spacing: 1px;
		/*padding-top: 5%;*/
		/*padding-bottom: 50px;*/
		/*background: url(images/forme1orange.png) no-repeat ;*/
		/*bottom: 0;*/
	}
					
		h3{ /* ------------ titre «  » ----------- */
			font-family: 'chapazaregular','Lora';
			font-size: 20px;
			color: #D4723B;
			letter-spacing: 1px;
			text-align: center;
			padding: 3% 0 2% 0;
		}

			h4{
				text-align: left;
				font-family: 'chapazaregular', 'Lora';
				color: #1A252E;
				font-size: 20px;
				padding: 1% 0 1% 0;
			}

				h5{
					text-align: left;
					color: #1A252E;
					font-family: 'chapazaregular','Lora';
					color: white;
					font-size: 18px;
					padding: 1% 0 2% 0;
					position: absolute;
					transform: translate(-50%);
					top: 50%;
					left: 50%;
					opacity: 1;
				}

					h6{
						color: #D9D9D9;
						font-size: 15px;
						line-height: 22px;
						letter-spacing: 0.7px;
						font-weight: 400;
						text-align: left;
					}

				
/* ------------img center fixed----------- */
.imagefixed{    
	background: url(images/imagedefond.png)/* center fixed*/;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-position: center;*/
    background-size: cover;
    height: 200px;
    width: 100%;
    margin-top: 5%;
}

	/* ------------lottie ----------- */
	.lottie {
	    text-align: center;
	    padding: 70px 0 70px 0;
	    background: url(images/forme3.png) center no-repeat;
	   /* cursor: pointer;*/
	}

		img{
			max-width: 100%;
		}
/*--------------------- HEADER ----------------------*/
header{
	background: url(images/imagedefond.png);
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	/*min-height: 700px;*/
	min-height:100vh;
	margin-bottom: 5%;
}

#icon{
	padding: 10px;
	transition: transform .8s;
}

	#icon:hover{
		transform: scale(1.3);
}

lottie-player {
	margin: auto;
	height: auto;
	/*padding-top: 0%;*/
	/*position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}

/*--------------------- NAV -------------------------*/
.nav-link{
	color: #D9D9D9;
	transition: all 1s ease-out;
}

nav{
	float: right;
	margin-top: 64px;
	margin-right: 30px;
}

	nav a{
		text-decoration: none;
		color: #D9D9D9/*#ffffff*/;
		padding: 3% 3% 1% 3%;	
		text-transform: uppercase;
		letter-spacing: 1px;
		transition: all 1s ease-out;
	}

	nav a:hover, a:focus{
		color: #626A7A;
		border-bottom: solid 1px #626A7A;
	}

.header_logo img{
	display: block;
    margin: auto;
    padding-top: 8%;
}

.header_forme_left{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	float: left;
}

	.header_forme_right{
		display: block;
		float: right;
		margin-bottom: 0;
		position: absolute;
	    right: 0;
	    bottom: 0;
	}


/* ---------- BIENVENUE ---------- */

.bienvenue img{/* ---------- img col left ---------- */
	max-width: 100%;
}

	.bienvenue_text img{
		/*max-width: 100%;*/
	}

		.bienvenue h1{
			text-align: left;
		}

			.bienvenue h2{
				padding-bottom: 60px;
				background: url(images/forme1orange.png) no-repeat left;
				/*bottom: 0;*/
			}

				.bienvenue_text{
					padding-left: 5%;
					padding-right: 5%;
					padding-top: 5%;
				}


/* ---------- DECOUVREZ NOTRE PROPRIETE ---------- */
.decouvrez{
	background: #F2F2F2;
	padding: 5% 2% 5% 2%;
}

	.decouvrez h1{
		padding: 3% 0% 3% 0%;
	}
		
		.decouvrez h2{
			text-align: center;
			padding-bottom: 60px;
			background: url(images/forme1orange.png) no-repeat center;
		}
		
			#deuxx{/* 2e H1 de decouvrez */
				padding: 20% 0% 0% 0%;
			}
			

				.decouvrez h3{
					padding: 10% 0 2% 0;
				}

.border{
	border-radius: 3em 0 3em 0;
	border:1px solid #1A252E;
	padding: 5% 8% 5% 8%;
	
}

/* ---------- GALERIE ---------- */

.galerie{
	background: #1A252E;
	padding-top: 2%;
	padding-bottom:2% ;
}

	.galerie img{
		max-width: 100%;
		padding: 1% 0 1% 0;
	}


/* ---------- CONTACT ACCEUIL ---------- */
.contact{
	background: url(images/4.jpg);
	/*background:#F2F2F2 ;*/
	padding: 4% 0 4% 0;
	text-align: center;
}

	.contact .col-8{
		margin: auto;
		padding: 2% 0 2% 0;
		text-align: center;
	}

		.contact h2{
			background: transparent;
		    width: 30%;
		    color: #1A252E;
		    /*margin: auto;*/
		    transition: transform .8s;
		    padding:1% 4% 0.5% 4%;
		    transition: all 0.5s ease-out;
		   /* text-align: center;*/
		    margin-top: 3% ;
		    margin-bottom: 2%;
		    border: solid 1px #1A252E;
		}

			.contact h2:hover{
				background: #D4723B;
				width: 40%;
				color:white;
				transform: scale(1);
				border: solid 1px #D4723B;
			}
				
				.contact h3, .page_contact h3{
					text-align: justify;
					font-size: 20px;
					color: #1A252E;
				}

.lien_chambre{
	display: block;
	position: relative;
}

	.lien_chambre:hover h5{
		opacity: 0;
	}

.survol{
	position: absolute;
	background:  #1A252E;
	width: 100%;
	height: 100%;
	opacity: 40%;
	transition: all 0.4s ease;
}

	.lien_chambre:hover .survol{
		opacity: 0;
	}
/* ---------- FOOTER ---------- */
footer{
	background:url(images/imagedefond.png);
	background-size: cover;
	background-attachment: fixed;
	padding: 4% 1% 4% 1%;
	/*position: relative;*/
}

	footer img{
		margin: auto;
		display: block;
		max-width: 100%;
		padding: 2% 2% 4% 2%;
	}

		footer .info{
			padding-top: 20px;
			border-left: solid 1px #D9D9D9;
			padding-left: 1%;
			padding-right: 1%;
		}

			/*footer col-1{
				padding-top: 40px;
			}*/
.fb{
	/*position: absolute;
	bottom: 85px;
	right: 10px;
	bottom: 20%;
	right:3%;*/
	max-width: 90px;
	/*max-width: 100%;*/
	transition: transform .8s;
	padding-top: 10%;
	display: inline-block;
}

	.fb:hover{
		transform: scale(1.3);
	}

.b{
	/*position: absolute;
	bottom: 15px;
	right: 10px;
	bottom: 1%;
	right: 3%;*/
	max-width: 90px;
	transition: transform .8s;
	padding-top: 10%;
	display: inline-block;
}

	.b:hover{
		transform: scale(1.3);
	}

.menu_footer {
	margin-top: 64px;
	margin: auto;
	color: #ffffff;
	margin-top: 10%;
	transition: all 1s ease-out;
	letter-spacing: 1px;
	display: block;
	text-align: left;
}
		
	.menu_footer a{
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		padding: 2% 2% 1% 2%;
		transition: all 1s ease-out;
		display: block;
	}

		 .menu_footer a:hover, a:focus{
			color: #626A7A;
			/*border-bottom: solid 1px #626A7A;*/
		}



./* ---------- CHAMBRE PAGE ---------- */
.decouvrezz{
	/*padding: 0 10% 0 10%;*/
}

	.decouvrezz h1{
		/*padding:  6% 0 0 0;*/
	}

.fondgris_chambre{
	background: url(images/4.jpg);#F2F2F2;
}

	.fondgris_chambre h2{
		font-size: 18px;
		text-align: center;
		padding-bottom: 60px;
		margin-top: 10%;
		background: url(images/forme1orange.png) no-repeat center;
	}

.infos{
	padding-top: 2%;
	padding-left: 4%;
	text-justify: none;
}

	.infos ul{
	}

		.infos li{
			list-style: square;
			text-align: left;
			padding-left: 2%;
   			margin-left: 5%;
		}

			.infos p{
				padding-bottom: 0 ;
			}

.reserver{
	color: #3F3F3F;
	/*transition: all 0.5s ease-out;*/
}

	.reserver:hover {
		color: #D4723B;
	}

.services{
	text-align: center;
	/*padding: 0 0 0 2%;*/
	line-height: 50px;
	margin-bottom: 3%;
}

	.services img{
		width: 15%;
	}
.services h1{
	padding-bottom: 5%;
}
/*--------------------- CONTACT PAGE----------------------*/
.page_contact{
	position: relative;
}

	.page_contact .col-8{
		margin: auto;
		padding: 2% 0 2% 0;
		text-align: center;
	}

		.page_contact h1{
		/*	padding: 6% 0 6% 0;*/
		}

			.page_contact p{
				padding: 4% 0 4% 0;
			}

			.border_message h2{
				text-align: center;
				padding-bottom: 60px;
				background: url(images/forme1orange.png) no-repeat center;
			}

.maps{
	padding-top: 5%;
	padding-bottom: 5%;
}

.fondbleu {
    background: #1A252E;
    padding: 3% 4% 0 4%;
    position: absolute;
    color: #25282E;
    left: 49%;
    /*bottom: 17%;*/
    margin-bottom: 50px;
    margin-top: 50px;
}

	.fondbleu ul{
		color: #D9D9D9;
		padding-bottom: 5%;
		padding-left: 13px;
	}

		.fondbleu li{
			padding-bottom: 2%;
			list-style: none;
		}

.border_message {
    border-radius: 5em 0 5em 0;
    padding: 6% 3% 5% 3%;
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
    margin-bottom: 10%;
}

::placeholder {
	background: none;
	color: #626A7A;
	opacity: 60%;
}

form input , textarea{
	width: 80%;
	border: none;
    border-bottom: solid 1px #1A252E;
    width: 80%;
    padding: 2% 2%;
    required: minlength="4";
}

#form input[type="submit"] {
	background: transparent;
    width: 60%;
    color: #1A252E;
    margin: auto;
    transition: transform .8s;
    padding:1% 4% 0.5% 4%;
    transition: all 0.5s ease-out;
    text-align: center;
    margin-top: 3% ;
    margin-bottom: 2%;
    border: solid 1px #1A252E;
    font-family: 'chapazaregular';
    letter-spacing: 1px;
}

	#form input[type="submit"]:hover {
		background: #D4723B;
		width: 50%;
		color:white;
		transform: scale(1);
		border: solid 1px #D4723B;
	}

#bouton-left{
	    padding-top: 5%;
	    text-align: center;
}

.scroll_right {
	position: fixed;
	bottom: 0;
	right: 0; 
	z-index: 999;
	font-size: 40px;
	color: white;
	padding: 3%;
	/*display: none;*/
}

	.scroll_right i{
		color: #1A252E;
		opacity: 50%;
	}

		.scroll_right i:hover{
			color: #1A252E;
			opacity: 100%;
			transition: all 0.5s ease-out;
		}
/*--------------------- @media----------------------*/

@media (max-width: 992px){
	.contact h2{
		width: 50%;
	}

	.infos{
		padding: 0 0 0 10%;
	}

	h5{
		top: 30%;
	}

	
} /* ---- FIN MEDIA QUERI ----- */
@media (max-width: 992px){
	 .bienvenue h1, .bienvenue h4{
	 	text-align: center;
	 }

	.bienvenue h2{
		text-align: center; 
		background: url(images/forme1orange.png) no-repeat center;
	}
	}

@media (max-width: 767px){
	 .bienvenue h1, .bienvenue h4{
	 	text-align: center;
	 }

	.bienvenue h2{
		text-align: center; 
		background: url(images/forme1orange.png) no-repeat center;
	}

	.lien_chambre{
		margin-bottom: 2%;
	}

	.fondbleu{
		position: static;
		padding: 10% 4% 3% 10%;
	}

	.menu_footer{
		margin-top: 0;
		text-align: center;
		margin-bottom: 7%;
    	margin-top: 5%;
	}

	.menu_footer a {
		display: inline-block;
		margin: 2% 0 1% 0;
	}

	.fondgris_chambre .titre2 {
		padding: 8% 0% 8% 0%;

	}

	.fondgris_chambre .infos{
		margin: auto;
		padding: 0 10% 3% 10%;
	}

	.fondgris_chambre .titre2{
	 	padding: 6% 0 6% 0;
	 } 

	.decouvrez h1 {
	    padding: 5% 0% 0% 0%;
	}

	footer .info{
		    padding-left: 10%;
		    border: none;
	}

	h5{
		top: 47%;
	}
}/* ---- FIN MEDIA QUERI ----- */


@media (max-width: 575px){
	.survol{
		padding:2%;
	}


}
/* ---- FIN MEDIA QUERI ----- */