/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

a{
	text-decoration: none;
}

a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/


.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


h1,h2,h3,h4,h5,h6{
	color: var(--title-color);
	margin: 0px !important;
}

h1{
	font-weight: 700;
}

h2{
	font-weight: 600;
}

p{
	font-weight: 400;
}



.button-cta {
	min-width: 150px;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: var(--cta-border-radius);
	border: none;
	box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
	background-color: var(--main-color);
	color: white;
	transition: 0.3s;
	padding: 20px;
	font-size: 17px;
	font-weight: 500;
}

.button-cta-header {
	min-width: 120px;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: var(--cta-border-radius);
	border: none;
	box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
	background-color: var(--main-color);
	color: white;
	transition: 0.3s;
	padding: 15px;
	font-size: 17px;
	font-weight: 500;
}

.button-cta:hover {
	opacity: 0.6;
	transition: 0.3s;
}

.button-cta-header:hover {
	opacity: 0.6;
	transition: 0.3s;
}

.button-cta i {
	margin-left: 15px;
}

.cta-right-margin {
	margin-right: 15px;
}

.cta-left-margin {
	margin-left: 15px;
}

.cta-bottom-margin {
	margin-bottom: 15px;
}

header  .logo {
	height: 40px;
	display: flex;
	align-items: center;
	color: grey;
}

header  .logo p{
	font-size: 35px;
}

.header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 200px);
	height: calc(100% - 30px);
	max-width: 1900px;
	z-index: 2001;
  }

  .header_nav .logo a{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*===== HEADER =====*/

	@media screen and (min-width: 1080px) { 

		.header_nav {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 80px;
			background-color: #FFF;
			z-index: 2000;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			display: flex;
			justify-content: center;
			align-items: center;
		  }

		  
		  
		  
		  .header_nav .logo {
			  width: auto;
			  height: 50px;
			  display: flex;
			  justify-content: flex-start;
			  position: relative;
		  }
		
		  .header_nav .logo img{
			width: 100%;
			height: 100%;
			object-fit: contain;
			margin-right: 15px;
		}
		
		.header_nav .logo p{
			width: auto;
			font-size: 15px;
			display: flex;
			white-space: nowrap;
		}
		
		
		
		.header_nav .logo a:hover{
			background-color: rgb(228, 228, 228);
			opacity: 0.2;
		}
		  
		  .header__toggle {
			font-size: 30px;
			cursor: pointer;
			display: none;
		  }
		
		  .nav {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		  }
		
		  .nav .nav__item {
			list-style: none;
			margin-bottom: 0px;
			margin-right: 20px;
		  }
		
			.nav .dropdown__item {
				list-style: none;
				margin-bottom: 10px;
				margin-top: 10px;
			}
		
			.nav .dropdown__menu {
				display: none;
			}
		
			.nav .nav__link {
				font-size: 17px;
				color: var(--navbar-item-color);
				font-weight: 500;
				position: relative;
			}
		
			.nav .nav__link:after {
				background: none repeat scroll 0 0 transparent;
				bottom: -5px;
				content: "";
				display: block;
				height: 2.5px;
				left: 50%;
				border-radius: 50px;
				position: absolute;
				background: var(--main-color);
				transition: width 0.3s ease 0s, left 0.3s ease 0s;
				width: 0;
			}
		
			.nav .nav__link:hover:after {
				width: 100%; 
				  left: 0; 
			}
		
			.nav .nav__link:hover {
				color: var(--main-color);
				transition: 0.5s;
			}
		
			.nav .nav__item.current_page_item .nav__link {
				color: var(--main-color);
			}
		
			.nav .nav__item.current_page_item .nav__link:after {
				left: 0;
				width: 100%;
			}
		
			.nav .dropdown__item.current_page_item .dropdown__nav__link{
				color: var(--main-color) !important;
			}

		.nav .dropdown__link {
			font-size: 17px;
			color: grey;
			font-weight: 500;
			position: relative;
			display: flex;
			align-items: center;
		}
	
		.nav .dropdown__link:hover {
			color: var(--main-color);
			transition: 0.5s;
		}
	
		.dropdown__link .dropdown__icon {
			font-size: 25px;
			transform: rotate(180deg);
			transition: 0.5s;
		}
	
		.nav .dropdown {
			position: relative;
		}
	
		.nav .dropdown__menu{
			position: absolute;
			display: none;
			flex-direction: column;
			left: 0;
			top: 15px;
			padding: 20px;
			border-radius: 8px;
			background-color: white;
			box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
		}
	
		.nav .dropdown__menu .dropdown__item .dropdown__nav__link{
			text-decoration: none;
			font-size: 18px;
			font-weight: 400;
			color: grey;
			white-space: nowrap;
		}
	
		.nav .dropdown__menu .dropdown__item:hover > .dropdown__nav__link{
			color: var(--main-color);
		}
	
		.dropdown:hover > .dropdown__menu {
			display: flex;
		}
	
		.dropdown:hover  .dropdown__icon {
			transition: 0.5s;
			transform: rotate(0deg);
		}

		header nav  .cta-navbar-1{
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			border-radius: var(--cta-border-radius);
			border: none;
			box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
			background-color: var(--main-color);
			color: white;
			transition: 0.3s;
			font-size: 17px;
			font-weight: 500;
			padding: 15px;
		}
		
		header nav  .cta-navbar-1:hover{
			opacity: 0.6;
			transition: 0.3s;
		}
		
		
		header nav  .cta-navbar-2{
			min-width: 150px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			border-radius: var(--cta-border-radius);
			border: none;
			box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
			background-color: var(--main-color);
			color: white;
			transition: 0.3s;
			margin-left: 20px;
			padding: 15px;
			font-size: 17px;
			font-weight: 500;
		}
		
		header nav  .cta-navbar-2:hover{
			opacity: 0.6;
			transition: 0.3s;
		}

	}
	


@media screen and (max-width: 1080px) {


	.header_nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		padding: 15px 30px 15px 30px;
		background-color: #FFF;
		z-index: 2000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	  }

	  .header-wrapper {
		width: 100%;
	}


	.header__toggle {
		display: block;
		font-size: 30px;
	  }

	.nav {
	  position: fixed;
	  top: 0;
	  left: -100%;
	  background-color: white;
	  width: 80%;
	  height: 100vh;
	  padding-left: 25px;
	  padding-top: 100px;
	  padding-right: 15px;
	  z-index: 1000;
	  transition: .5s;
	  overflow-y: auto;
	  margin: 0px;
	  box-shadow: 2px 0px 4px rgb(0 0 0 / 30%);
	  display: block;
	}

	.nav .nav__item {
		list-style: none;
		margin-bottom: 35px;
	  }

	.nav .dropdown__item {
		list-style: none;
		margin-bottom: 15px;
	}

	  .nav .nav__link{
		color: var(--main-color);
		font-size: 20px;
		font-weight: 600;
	  }

	  .nav .nav__link:hover {
		color: white;
	}

	.nav .nav__link:after {
		height: 0;
		width: 0;
	}

	.nav .dropdown__link{
		color: white;
		font-size: 20px;
		font-weight: 600;
	  }

	  .nav .dropdown__nav__link{
		color: white;
		font-size: 18px;
		font-weight: 500;
	  }

	  .show {
		  left: 0;
	  }

	

	  /*=== Dropdown ===*/
	.dropdown__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.dropdown__icon {
		font-size: 30px;
		transition: .5s;
	}
	
	.dropdown__menu {
		margin: 1rem 0 0 1rem;
		display: none;
	}
	
	.dropdown__item {
		margin: 1rem 0;
	}
	
	.dropdown:hover > .dropdown__menu {
		display: block;
	}
	
	.dropdown:hover .dropdown__icon {
		transform: rotate(180deg);
	}
  
	  
	

  }


.scroll {
	position: fixed;
	width: 50px;
	height: 50px;
	background-color: var(--main-color);
	color: white;
	font-size: 20px;
	z-index: 2100;
	bottom: 60px;
	right: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: var(--cta-border-radius);
	transition: 0.3s;
	opacity: 0;
  	visibility: hidden;
}

.show-scroll-btn {
	opacity: 0.5;
  	visibility: visible;
}


.scroll:hover {
	opacity: 1;
	transition: 0.3s;
}

/* Front page */
.frontpage {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.frontpage .divider-title{
	width: 80px;
	height: 4px;
	border-radius: 50px;
	background-color: var(--main-color);
}

.frontpage  .section-title{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

.frontpage  .section-title h2{
	font-size: 40px;
}

.frontpage .section-title h3{
	font-size: 25px;
	font-weight: 400;
	color: grey;
	margin-bottom: 15px !important;
	text-align: center;
}

.frontpage .hero-section{
	width: 100%;
	height: 100vh;
	display: flex;
	max-width: 1900px;
	margin-bottom: 100px;
}

.frontpage .hero-section .container-left{
	width: 45%;
	height: 100%;
	display: flex;
	align-items: center;
}

.frontpage .hero-section .container-left .content{
	margin-left: 100px;
	margin-right: 70px;
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.frontpage .hero-section .container-left .content h1{
	font-size: 45px;
}

.frontpage .hero-section .container-left .content .cta-container{
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.frontpage .hero-section .container-left .content .cta-1{
	background-color: var(--main-color);
	color: white;
	margin-right: 30px;
}

.frontpage .hero-section .container-left .content .cta-1 svg{
	fill: white;
	margin-left: 10px;
}

.frontpage .hero-section .container-left .content .cta-2{
	color: black;
}

.frontpage .hero-section .container-left .content .cta-2 svg{
	margin-right: 10px;
}

.frontpage .hero-section .container-left .content .informations{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 50px;
	width: 100%;
}

.frontpage .hero-section .container-left .content .informations .phone{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 40px;
	width: 130px;
}

.frontpage .hero-section .container-left .content .informations  i{
	font-size: 50px;
	margin-bottom: 10px;
	color: #999;
}

.frontpage .hero-section .container-left .content .informations .phone h2{
	font-size: 18px;
	color: #999;
}

.frontpage .hero-section .container-left .content .informations .phone a{
	font-size: 16px;
	color: #999;
	text-align: center;
	margin-top: 20px;
}

.frontpage .hero-section .container-left .content .informations .address{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 40px;
	width: 130px;
}


.frontpage .hero-section .container-left .content .informations .address h2{
	font-size: 18px;
	color: #999;
}

.frontpage .hero-section .container-left .content .informations .address p{
	font-size: 16px;
	color: #999;
	text-align: center;
}

.frontpage .hero-section .container-left .content .informations .email{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 130px;
}

.frontpage .hero-section .container-left .content .informations .email h2{
	font-size: 18px;
	color: #999;
}

.frontpage .hero-section .container-left .content .informations .email p{
	font-size: 16px;
	color: #999;
	text-align: center;
}



.frontpage .hero-section .container-left .content .partners-links p {
    font-size: 25px;
    font-weight: 400;
}

.frontpage .hero-section .container-left .content  .partners-links .partners {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.frontpage .hero-section .container-left .content  .partners-links .partners img{
	width: 85px;
	height: 85px;
	object-fit: contain;
}

.frontpage .hero-section .container-left .content  .partners-links .partners #justEat img{
	width: 110px;
	height: 110px;
	object-fit: contain;
}

.frontpage .hero-section .container-left .content .partners-links .partners .divider{
	height: 75px;
	width: 1px;
	background-color: #000;
	opacity: 0.1;
	margin-left: 10px;
	margin-right: 10px;
}

.frontpage .hero-section .container-right{
	width: 55%;
	height: 100%;
	position: relative;
}

.frontpage .hero-section .container-right video{
	width: 100%;
	height: 100%;object-fit: cover;
}

.frontpage .hero-section .container-right .swiper-hero{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.frontpage .hero-section .container-right .swiper-hero .swiper-slide{
	width: 100%;
	height: 100%;
}

.frontpage .hero-section .container-right .swiper-hero .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.frontpage .hero-section .container-right .overlay{
	position: absolute;
	z-index: 500;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 50%);

}

.frontpage .hero-section .container-right .scroll-animation{
	position: absolute;
	z-index: 1000;
	left: 50px;
	bottom: 20px;
}

.frontpage .hero-section .container-right .social{
	position: absolute;
	z-index: 1000;
	right: 50px;
	bottom: 20px;
}

#scroll-indicator  {
	width: 50px;
	height: 50px;
}

#scroll-indicator #point {
	fill: white;
	animation: animatescrollindicator 3s ease-out infinite;
}

#scroll-indicator #stroke rect{
	stroke: white;
}

@keyframes animatescrollindicator{
	0%{
	  transform: translateY(0px);
	}
	50%{
	  transform: translateY(130px);
	}
	100%{
	  transform: translateY(0px);
	}
  }

.frontpage .hero-section .container-right .swiper-hero-pagination{
	z-index: 1100;
	right: 50px;
	bottom: 50%;
	top: auto;
	display: flex;
	flex-direction: column;
	transform: translateY(50%);
}

.frontpage .hero-section .container-right .swiper-hero-pagination .swiper-pagination-bullet{
	background: white;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 15px;
	height: 15px;
}

.frontpage .fast-pitch-section {
	max-width: 1900px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 49px;
}

.frontpage .fast-pitch-section .container{
	width: 100%;
	height: fit-content;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.frontpage .fast-pitch-section .container .card{
	width: 300px;
	height: 400px;
	background-color: white;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
	border-radius: 8px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 40px;
}

.frontpage .fast-pitch-section .container .card img{
	width: 150px;
	height: 150px;
	min-height: 150px;
	object-fit: contain;
	margin-bottom: 10px;
}

.frontpage .fast-pitch-section .container .card h4{
	font-size: 18px;
	text-align: center;
	height: 40px;
	margin-bottom: 10px;
}

.frontpage .fast-pitch-section .container .card p{
	font-size: 15px;
	color: grey;
	text-align: center;
}

.simple-texte-section {
	width: 100%;
	max-width: 1900px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 100px;
}

.simple-texte-section h2{
	font-size: 40px;
	text-align: center;
}

 .simple-texte-section h3{
	font-size: 25px;
    font-weight: 400;
    color: grey;
    margin-bottom: 15px !important;
    text-align: center;
}

 .simple-texte-section .divider{
	width: 80px;
    height: 4px;
    border-radius: 50px;
    background-color: var(--main-color);
	margin-bottom: 20px;
	margin-top: 20px;
}

 .simple-texte-section p{
	font-size: 18px;
	max-width: calc(100% - 400px);
	text-align: center;
}

.gallery-section{
	max-width: 1900px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 100px;
}

 .gallery-section .container{
	width: 100%;
	display: flex;
	justify-content: center;
	max-width: 1900px;
}

.gallery-section .grid{
	margin-left: 100px;
	margin-right: 100px;
	width: 80%;
}

 .gallery-section .grid-item{
	width: 30%;
	height: auto;
	margin-bottom: 15px;
	position: relative;
}

 .gallery-section .grid-sizer{
	width: 30%;
	height: auto;
}

 .gallery-section .gutter-sizer{
	width: 5%;
}

 .gallery-section .grid-item img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

 .gallery-section .grid-item .overlay{
	position: absolute;
	cursor: zoom-in;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	border-radius: 8px;
	opacity: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	transition: 0.2s linear;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

 .gallery-section .grid-item .overlay:hover{
	transition: 0.2s linear;
	opacity: 1;
}

 .gallery-section .grid-item .overlay h4{
	margin-bottom: 30px !important;
	margin-left: 20px !important;
	margin-right: 20px !important;
	color: white;
	font-size: 25px;
	text-align: center;
}

.frontpage .testimonials-section {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	background-color: #FAFAFA;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 100px;
}

.frontpage .testimonials-section h2{
	font-size: 40px;
	margin-bottom: 30px !important;
}

.frontpage .testimonials-section .container{
	width: 90%;
	height: fit-content;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.frontpage .testimonials-section .container .card{
	width: 400px;
	height: auto;
	background-color: white;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
	border-radius: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	padding: 20px;
}

.frontpage .testimonials-section .container .card .header{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}



.frontpage .testimonials-section .container .card  p{
	font-size: 15px;
	color: #999;
}

.frontpage .testimonials-section .container .card .author{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.frontpage .testimonials-section .container .card .author p{
	color: #000;
	font-weight: 600 !important;
	margin: 0px !important;
}

.frontpage .testimonials-section .container .card .author .divider{
	height: 3px;
	width: 50px;
	border-radius: 50px;
	background-color: var(--main-color);
	margin-top: 10px;
}

.frontpage .hero-section-mobile {
	display: none;
	height: calc(100vh - 60px);
	width: 100%;
	margin-top: 60px;
	margin-bottom: 50px;
}

.frontpage .hero-section-mobile .container{
	width: 100%;
	height: 100%;
	position: relative;
}

.frontpage .hero-section-mobile .container video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.frontpage .hero-section-mobile .container .swiper-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.frontpage .hero-section-mobile .container .swiper-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.frontpage .hero-section-mobile .container .overlay{
	position: absolute;
	z-index: 500;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 50%);
}

.frontpage .hero-section-mobile .container .swiper-hero-mobile-pagination{
	z-index: 1100;
	right: 20px;
	top: auto;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	transform: none;
}

.frontpage .hero-section-mobile .container .swiper-hero-mobile-pagination .swiper-pagination-bullet{
	background: white;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 15px;
	height: 15px;
}

.frontpage .hero-section-mobile .container .social{
	position: absolute;
	z-index: 1000;
	right: 50%;
	transform: translateX(50%) ;
	bottom: 20px;
}

.frontpage .hero-section-mobile .container .content{
	position: absolute;
	z-index: 1100;
	width: calc(100% - 150px);
	height: calc(100% - 60px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	margin-left: 75px;
	margin-right: 75px;
}

.frontpage .hero-section-mobile .container .content h1{
	color: white;
	font-size: 60px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px !important;
}

.frontpage .hero-section-mobile .container .content .cta-1{
	background-color: var(--main-color);
	margin-top: 20px;
	color: white;
}

.frontpage .hero-section-mobile .container .content .cta-1 svg{
	fill: white;
	margin-left: 10px;
}

.frontpage .hero-section-mobile .container .content .partners{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 35px;
}

.frontpage .hero-section-mobile .container .content .partners img{
	width: 150px;
	height: auto;
}

.frontpage .hero-section-mobile .container .content .partners .divider{
	width: 2px;
	height: 50px;
	background-color: white;
	opacity: 0.3;
	margin-left: 20px;
	margin-right: 20px;
}

.frontpage .hero-section-mobile .container .content .informations{
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	margin-top: 50px;
}

.frontpage .hero-section-mobile .container .content .informations .phone{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
}

.frontpage .hero-section-mobile .container .content .informations .address{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
}

.frontpage .hero-section-mobile .container .content .informations .email{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
}

.frontpage .hero-section-mobile .container .content .informations  i{
	color: white;
	font-size: 25px;
	margin-bottom: 5px;
}

.frontpage .hero-section-mobile .container .content .informations  h2{
	color: white;
	font-size: 20px;
}

.frontpage .hero-section-mobile .container .content .informations  p{
	color: white;
	font-size: 13px;
	text-align: center;
}

.frontpage .hero-section-mobile .container .content .informations  a{
	color: white;
	font-size: 13px;
	text-align: center;
	margin-top: 13px;
	margin-bottom: 13px;
}

.simple-page {
	min-height: 100vh;
	padding-left: 150px;
	padding-right: 150px;
	padding-top: 100px;
}

.simple-page .head {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.simple-page .head h1 {
	font-size: 50px;
	color: #000;
	text-align: center;
}

.simple-page .head .divider {
	width: 150px;
	height: 4px;
	background-color: var(--main-color);
	border-radius: 50px;
	margin-top: 10px;
}

.simple-page .content  {
	margin-bottom: 50px;
}

.simple-page .content p {
	font-size: 16px;
}


.template-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.template-menu .hero-section{
	width: 100%;
	height: 70vh;
	position: relative;
	z-index: 5;
	max-width: 1900px;
}

.template-menu .hero-section img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.template-menu .hero-section .overlay{
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.template-menu .hero-section .overlay .content{
	width: 70%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.template-menu .hero-section .overlay .content h1{
	font-size: 80px;
	font-weight: 600 !important;
	color: white;
	text-align: center;
}

.template-menu .hero-section .overlay .content .divider{
	background-color: white;
	border-radius: 50px;
	height: 5px;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.template-menu .hero-section .overlay .content p{
	font-size: 30px;
	font-weight: 400 !important;
	color: white;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	text-align: center;
}

.template-menu .slider-section{
	width: 100%;
	max-width: 1900px;
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}

.template-menu .slider-section .header{
	width: calc(100% - 200px);
	margin-left: 100px;
	margin-right: 100px;
	display: flex;
	justify-content: space-between;
}

.template-menu .slider-section .header .slider-nav{
	display: flex;
	justify-content: space-between;
	width: 100px;
}

.template-menu .slider-section  .slider-nav-mobile{
	display: none;
	justify-content: space-between;
	align-self: center;
	width: 200px;
	margin-top: 20px;
}

.template-menu .slider-section .header .slider-nav .menu-swiper-button-prev,.menu-swiper-button-next{
	position: relative !important;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: var(--main-color);
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.template-menu .slider-section .header .slider-nav .menu-swiper-button-prev::after,.menu-swiper-button-next::after{
	color: white;
	font-size: 18px !important;
}

.template-menu .slider-section .header .slider-nav .menu-swiper-button-prev::after {
	margin-right: 2px;
}

.template-menu .slider-section .header .slider-nav .menu-swiper-button-next::after {
	margin-left: 2px;
}


.template-menu .slider-section .slider-nav-mobile .menu-swiper-button-prev::after {
	margin-right: 2px;
}

.template-menu .slider-section .slider-nav-mobile .menu-swiper-button-next::after {
	margin-left: 2px;
}






.template-menu .slider-section .header h2{
	font-size: 30px;
}

.template-menu .slider-section .menu-swiper-container{
	width: calc(100% - 160px);
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
	overflow: hidden;
}

.template-menu .slider-section .menu-swiper-container .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}

.template-menu .slider-section .menu-swiper-container .card{
	border-radius: 8px;
	background-color: white;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
	height: 250px;
	width: 100%;
	overflow: hidden;
	display: flex;
}

.template-menu .slider-section .menu-swiper-container .card img{
	width: 50%;
	height: 100%;
	object-fit: cover;
}

.template-menu .slider-section .menu-swiper-container .card .container{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
}

.template-menu .slider-section .menu-swiper-container .card .container h3{
	font-size: 22px;
	font-weight: 500;
}

.template-menu .slider-section .menu-swiper-container .card .container p{
	font-size: 18px;
	color: #999;
}

.template-menu .slider-section .menu-swiper-container .card .container h4{
	font-size: 25px;
	font-weight: 600;
	align-self: flex-end;
}

.template-menu .slider-section .menu-swiper-container .card .container h4::after{
	content: '€';
	margin-left: 10px;
}

.template-menu .menu-section{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 1900px;
	margin-top: 100px;
}

.template-menu .menu-section .group-container{
	width: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 40px;
}

.template-menu .menu-section .group-container .header{
	width: 100%;
}

.template-menu .menu-section .group-container .header h2{
	font-size: 50px;
	font-weight: 600;
	color: black;
}

.template-menu .menu-section .group-container .header .divider{
	width: 100px;
	height: 5px;
	border-radius: 80px;
	background-color: var(--main-color);
	margin-left: 5px;
	margin-bottom: 20px;
}

.template-menu .menu-section .group-container .products-container{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}

.template-menu .menu-section .group-container .products-container .product{
	width: 45%;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.template-menu .menu-section .group-container .products-container .product .head{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.template-menu .menu-section .group-container .products-container .product .head h3{
	font-size: 22px;
	font-weight: 500 !important;
}

.template-menu .menu-section .group-container .products-container .product .head h4{
	font-size: 25px;
	font-weight: 700 !important;
}

.template-menu .menu-section .group-container .products-container .product .head h4::after{
	content: '€';
	margin-left: 5px;
	font-weight: 400;
}

.template-menu .menu-section .group-container .products-container .product p{
	font-size: 22px;
	font-weight: 400!important;
	color: #747474;
	margin-top: 0px !important;
	margin-bottom: 30px !important;
}

.template-menu .menu-section .group-container .products-container .product .divider{
	width: 100%;
	height: 2px;
	background-color: #707070;
	opacity: 0.2;
}

.template-contact {
	display: flex;
	justify-content: center;
}

.template-contact .page-wrapper{
	max-width: 1900px;
}


.template-contact .hero-section{
	width: 100%;
	height: 100vh;
	display: flex;
	padding-top: 80px;
}

.template-contact .hero-section .container-left{
	width: 40%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 100px;
	padding-right: 50px;
}

.template-contact .hero-section .container-left h1{
	font-size: 50px;
	margin-bottom: 30px !important;
}

.template-contact .hero-section .container-left p{
	font-size: 25px;
	font-weight: 400;
}


.template-contact .hero-section .container-left .partners{
	display: flex;
}

.template-contact .hero-section .container-left .partners img{
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.template-contact .hero-section .container-left .partners .divider{
	height: 100px;
	width: 1px;
	background-color: black;
	border-radius: 50px;
	opacity: 0.1;
	margin-left: 15px;
	margin-right: 15px;
}

.template-contact .hero-section .container-right{
	height: 100%;
	width: 60%;
}

.template-contact .hero-section .container-right iframe{
	height: 100%;
	width: 100%;
}

.template-contact .hero-section .container-right img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.template-contact .info-section{
	height: fit-content;
	width: calc(100% - 200px);
	display: flex;
	justify-content: space-around;
	margin-top: 70px;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 70px;
}

.template-contact .info-section .divider{
	height: 150px;
	width: 2px;
	background-color: #444;
	opacity: 0.1;
	margin-left: 20px;
	margin-right: 20px;
}

.template-contact .info-section  svg{
	width: 50px;
	height: 50px;
	fill: var(--main-color);
}

.template-contact .info-section h2{
	font-size: 30px;
	color: var(--main-color);
}

.template-contact .info-section p{
	font-size: 25px;
	text-align: center;
}

.template-contact .info-section .phone{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 250px;
}

.template-contact .info-section .email{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 250px;
}

.template-contact .info-section .address{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 250px;
}

.template-contact .contact-section{
	width: 100%;
	height: fit-content;
	display: flex;
	margin-bottom: 50px;
}

.template-contact .contact-section .form{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #FAFAFA;
}

.template-contact .contact-section .form label{
	display: none;
}

.template-contact .contact-section .form h2{
	font-size: 30px;
	color: black;
	margin-bottom: 10px !important;
	margin-top: 25px !important;
}

.template-contact .contact-section .form input{
	background-color: white;
	border-radius: var(--cta-border-radius);
}

.template-contact .contact-section .form .submit-wrap .nf-field-element{
	display: flex;
	justify-content: center;
}

.template-contact .contact-section .form .submit-wrap input{
	background-color: var(--main-color);
	color: white;
	padding: 20px;
	height: auto;
}

.template-contact .contact-section .form textarea{
	background-color: white;
	border-radius: var(--cta-border-radius);
	resize: none;
}

.template-contact .contact-section .form .divider{
	background-color: black;
	width: 50px;
	border-radius: 50px;
	height: 4px;
	margin-bottom: 20px;
}

.template-contact .contact-section .form .nf-form-title{
	display: none;
}

.template-contact .contact-section .form .nf-form-fields-required{
	display: none;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: auto;
}


.template-contact .contact-section .hourly{
	width: 50%;
	position: relative;
}

.template-contact .contact-section .hourly img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.template-contact .contact-section .hourly .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0,0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px;
}

.template-contact .contact-section .hourly .overlay h2{
	color: white;
	font-size: 30px;
	margin-bottom: 10px !important;
}

.template-contact .contact-section .hourly .overlay .divider{
	background-color: white;
	width: 50px;
	border-radius: 50px;
	height: 4px;
}

.template-contact .contact-section .hourly .overlay .hours p{
	color: white;
	font-size: 25px;
}

.template-contact .contact-section .hourly .overlay .address p{
	color: white;
	font-size: 25px;
	margin: 0;
}

.template-who-we-are {
	display: flex;
	justify-content: center;
}

.template-who-we-are .section-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

.template-who-we-are .section-title h2 {
	font-size: 40px;
	text-align: center;
}

.template-who-we-are .divider-title {
	width: 80px;
	height: 4px;
	border-radius: 50px;
	background-color: var(--main-color);
}


.template-who-we-are .section-title h3 {
	font-size: 25px;
	font-weight: 400;
	color: grey;
	margin-bottom: 15px !important;
	text-align: center;
	text-align: center;
}

.template-who-we-are .page-wrapper{
	max-width: 1900px;
}

.template-who-we-are .hero-section{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-bottom: 70px;
}

.template-who-we-are .hero-section > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.template-who-we-are .hero-section > video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.template-who-we-are .hero-section .overlay{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
}

.template-who-we-are .hero-section .overlay .container-left{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 100px;
}

.template-who-we-are .hero-section .overlay .container-left h1{
	font-size: 50px;
	color: white;
}

.template-who-we-are .hero-section .overlay .container-left p{
	font-size: 40px;
	color: white;
}

.template-who-we-are .hero-section .overlay .container-right{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.template-who-we-are .hero-section .overlay .container-right .container {
    width: 200px;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.template-who-we-are .hero-section .overlay .container-right #circle-1 {
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background-color: white;
    opacity: 0.4;
    animation: pulse 2s infinite;
	position: absolute;
	top: 25%;
	left: 25%;
}

.template-who-we-are .hero-section .overlay .container-right #circle-2 {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background-color: white;
    opacity: 0.2;
    animation: pulse 2s infinite;
	position: absolute;
	top: 15%;
	left: 15%;
}

.template-who-we-are .hero-section .overlay .container-right .button {
    width: 42%;
    height: 42%;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
	box-shadow: 0px 0px 1px 1px #0000001a;
    cursor: pointer; 
    z-index: 100;
	animation: pulse-animation 2s infinite;
	transition: 0.3s;
}

.template-who-we-are .hero-section .overlay .container-right .button:hover {
	animation: none;
	opacity: 0.7;
	transition: 0.3s;
}

@keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
	}
	100% {
	  box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}
  }



.template-who-we-are .hero-section .overlay .container-right .button svg {
    width: 50%;
    height: 50%;
    transform: translateX(7%);
}

.template-who-we-are .hero-section .overlay .container-right .button svg path{
    fill: var(--main-color);
}


.template-who-we-are .hero-section .overlay  .scroll-animation {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.video-player-container {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000;
    background: rgba(245, 245, 245, 0.9);
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.video-player-container.active {
	visibility: visible;
	opacity: 1;
}

.video-player-container .close{
	position: absolute;
    top: 5%;
    right: 50px;
    cursor: pointer;
    width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--main-color);
}

.video-player-container .close svg{
	width: 20px;
	height: 20px;
	fill: white;
}

.video-player-container iframe{
	width: 80%;
	height: 70%;
}

.video-player-container .video-player{
	width: 80%;
	height: 70%;
}

.video-player-container .video-player video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-and-text-section-1,.image-and-text-section-2 {
	width: 100%;
	height: fit-content;
	display: flex;
	margin-top: 40px;
	margin-right: 40px;
	max-width: 1900px;
}

.image-and-text-section-1 .container-left{
	width: 50%;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 100px;
}

 .image-and-text-section-1 .container-left .divider{
	width: 100px;
	height: 3px;
	border-radius: 50px;
	background-color: var(--main-color);
	margin-bottom: 15px;
}

 .image-and-text-section-1 .container-left h2{
	font-size: 25px;
}

 .image-and-text-section-1 .container-left p{
	font-size: 18px;
}

 .image-and-text-section-1 .container-right{
	width: 50%;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}

 .image-and-text-section-1 .container-right .container{
	position: relative;
	width: 70%;
	height: 70%;
}

 .image-and-text-section-1 .container-right .container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

 .image-and-text-section-1 .container-right .container .back{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--main-color);
	opacity: 0.2;
	top: -30px;
	right: -30px;
	z-index: 0;
	border-radius: 8px;
	z-index: -1;
}

 .image-and-text-section-2 .container-right{
	width: 50%;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 100px;
}

 .image-and-text-section-2 .container-right .divider{
	width: 100px;
	height: 3px;
	border-radius: 50px;
	background-color: var(--main-color);
	margin-bottom: 15px;
}

 .image-and-text-section-2 .container-right h2{
	font-size: 25px;
}

 .image-and-text-section-2 .container-right p{
	font-size: 18px;
}

 .image-and-text-section-2 .container-left{
	width: 50%;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}

 .image-and-text-section-2 .container-left .container{
	position: relative;
	width: 70%;
	height: 70%;
}

 .image-and-text-section-2 .container-left .container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

 .image-and-text-section-2 .container-left .container .back{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--main-color);
	opacity: 0.2;
	top: -30px;
	left: -30px;
	z-index: 0;
	border-radius: 8px;
	z-index: -1;
}


 .section-membre-de-lequipe {
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

 .section-membre-de-lequipe .container{
	width: calc(100% - 200px);
	height: fit-content;
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}

 .section-membre-de-lequipe .container .card{
	background-color: white;
	border-radius: 15px;
	padding: 20px;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
	position: relative;
	width: 600px;
	height: auto;
}

 .section-membre-de-lequipe .container .card img{
	width: 330px;
	height: 330px;
	border-radius: 50%;
	object-fit: cover;
	top: -15px;
	left: -150px;
	position: absolute;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
}

 .section-membre-de-lequipe .container .card .content{
	width: 100%;
	height: 100%;
	padding-left: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

 .section-membre-de-lequipe .container .card .content h2{
	font-size: 28px;
	text-align: center;
}

 .section-membre-de-lequipe .container .card .content h3{
	font-size: 20px;
	color: #999;
	font-style: italic;
}

 .section-membre-de-lequipe .container .card .content p{
	font-size: 18px;
	color: #999;
	margin-top: 0px;
	margin-bottom: 0px;
}

 .section-membre-de-lequipe .container .card .content .divider{
	height: 2px;
	width: 50px;
	border-radius: 25px;
	background-color: var(--main-color);
	margin-top: 10px;
	margin-bottom: 10px;
}

@keyframes anim1 {
    0%   {
        transform: scale(1,1);
    }
    50%  {
        transform: scale(1.3,1.3);
    }
    100% {
        transform: scale(1,1)
    }
  }

.images-reader{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000;
    background: rgba(0, 0, 0, 0.90);
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.images-reader.active{
    visibility: visible;
    opacity: 1;
}

.images-reader .close{
	position: absolute;
    top: 5%;
    right: 50px;
    cursor: pointer;
    width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: white;
}

.images-reader .close svg{
	width: 20px;
	height: 20px;
}

.images-reader .swiper-container{
	width: 80%;
  	height: 80%;
	display: flex;
	align-items: center;
	justify-content: space-around;

}

.images-reader .swiper-container .images-reader-swiper-button-prev,.images-reader-swiper-button-next{
	position: relative;
	top: unset;
	right: unset;
	left: unset;
	background-color: var(--main-color);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.images-reader .swiper-container .images-reader-swiper-button-prev svg{
	transform: rotate(180deg);
	fill: white;
	width: 25px;
	height: 25px;
	margin-right: 3px;
}

.images-reader .swiper-container .images-reader-swiper-button-next svg{
	fill: white;
	width: 25px;
	height: 25px;
	margin-left: 3px;
}


.images-reader .swiper-container .images-reader-swiper-button-prev::after{
	display: none;
}

.images-reader .swiper-container .images-reader-swiper-button-next::after{
	display: none;
}


.images-reader .swiper-container .images-reader-swiper-container{
	width: 80%;
  	height: 70%;
}



.images-reader .swiper-container .images-reader-swiper-container img{
	width: 100%;
  	height: 100%;
	object-fit: contain;
}

.images-reader .images-reader-swiper-pagination {
	position: relative;
}

.images-reader .images-reader-swiper-pagination .swiper-pagination-bullet{
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
}


.category-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 100px;
}

.category-page h1{
	color: black;
	font-size: 40px;
	margin-bottom: 10px !important;
}

.category-page h1 strong{
	text-transform: uppercase;
}

.category-page  .divider{
	background-color: var(--main-color);
	width: 100px;
	height: 4px;
	border-radius: 50px;
	margin-bottom: 50px;
}

.category-page .content-container{
	width: calc(100% - 200px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1500px;
}

.category-page  .content-container .container{
	width: 45%;
	height: fit-content;
	margin-bottom: 45px;
	background-color: white;
	border-radius: 8px;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
	overflow: hidden;
	position: relative;
}

.category-page  .content-container .container img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 10px;
}

.category-page  .content-container .container h2{
	color: var(--main-color);
	font-size: 23px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.category-page  .content-container .container p{
	color: var(--main-color);
	font-size: 16px;
	color: #999;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
}


.category-page  .content-container .container p a{
	display: none;
}

.category-page .content-container .container .link{
	width: fit-content;
	height: 50px;
	padding: 15px;
	color: var(--main-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px var(--main-color);
	border-radius: 50px;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.category-page .content-container .container .link:hover {
	color: white;
	background-color: var(--main-color);
	transition: 0.3s;
}

.category-page .content-container .container .link:hover svg path{
	fill: white;
}

.category-page .content-container .container .link span{
	margin-right: 10px;
}

.category-page .content-container .container .link svg {
	width: 20px;
	height: 20px;
}

.category-page .content-container .container .link svg path{
	width: 20px;
	height: 20px;
	fill: var(--main-color);
}

.actuality-page {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.actuality-page .hero-section{
	width: 100%;
	height: 100vh;
	position: relative;
	margin-bottom: 50px;
	max-width: 1900px;
}

.actuality-page .hero-section > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.actuality-page .hero-section .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}

.actuality-page .hero-section .overlay .content{
	margin-left: 100px;
	margin-right: 100px;
	width: calc(100% - 200px);
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.actuality-page .hero-section .overlay h1{
	font-size: 80px;
	color: rgb(255, 255, 255);
	margin-bottom: 20px;
	max-width: 500px;
}

.actuality-page .hero-section .overlay .divider{
	background-color: var(--main-color);
	width: 100px;
	height: 4px;
	border-radius: 50px;
	margin-bottom: 20px;
}

.actuality-page .hero-section .overlay h2{
	font-size: 50px;
	color: white;
	margin-bottom: 20px;
	font-weight: 400;
}

.actuality-page .hero-section .overlay .content p{
	font-size: 20px;
	color: white;
	margin-bottom: 20px;
	font-weight: 300;
	max-width: 800px;
}

.actuality-page .hero-section .overlay .content p a{
	display: none;
}


.actuality-page .hero-section .overlay .date{
	display: flex;
	align-items: center;
}

.actuality-page .hero-section .overlay .date svg{
	fill: white;
	width: 30px;
	height: 30px;
	margin-right: 15px;
}

.actuality-page .hero-section .overlay .date p{
	font-size: 20px;
	font-weight: 300;
	color: white;
	margin-bottom: 20px;
}


.actuality-page .hero-section .overlay  .scroll-animation{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.actuality-page .content-section{
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 1500px;
}

.actuality-page .content-section > h2{
	color: black;
	font-size: 40px;
	margin-bottom: 10px !important;
}

.actuality-page .content-section .divider{
	background-color: var(--main-color);
	width: 100px;
	height: 4px;
	border-radius: 50px;
	margin-bottom: 50px;
}

.actuality-page .content-section .content-container{
	width: calc(100% - 200px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1500px;
}

.actuality-page .content-section .content-container .container{
	width: 45%;
	height: fit-content;
	margin-bottom: 45px;
	background-color: white;
	border-radius: 8px;
	-webkit-box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 10px 4px rgba(0,0,0,0.16);
	overflow: hidden;
}

.actuality-page .content-section .content-container .container img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 10px;
	cursor: pointer;
}

.actuality-page .content-section .content-container .container h2{
	color: var(--main-color);
	font-size: 23px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.actuality-page .content-section .content-container .container p{
	color: var(--main-color);
	font-size: 16px;
	color: #999;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
}


.actuality-page .content-section .content-container .container p a{
	display: none;
}

.actuality-page .content-section .content-container .container a{
	width: fit-content;
	height: 50px;
	padding: 15px;
	color: var(--main-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px var(--main-color);
	border-radius: var(--cta-border-radius);
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.actuality-page .content-section .content-container .container a:hover {
	color: white;
	background-color: var(--main-color);
	transition: 0.3s;
}

.actuality-page .content-section .content-container .container a:hover svg path{
	fill: white;
}

.actuality-page .content-section .content-container .container a span{
	margin-right: 10px;
}

.actuality-page .content-section .content-container .container a svg {
	width: 20px;
	height: 20px;
}

.actuality-page .content-section .content-container .container a svg path{
	width: 20px;
	height: 20px;
	fill: var(--main-color);
}

.single-page{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.single-page .hero-image{
	width: 100%;
	height: 60vh;
	position: relative;
	max-width: 1900px;
	margin-top: 80px;
	margin-bottom: 30px;
}

.single-page .hero-image > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-page .hero-image .overlay{
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	padding-left: 100px;
	padding-right: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.single-page .hero-image .overlay .categories{
	display: flex;
	margin-top: 20px;
}

.single-page .hero-image .overlay .categories .cat{
	border: solid 2px white;
	border-radius: var(--cta-border-radius);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	color: white;
	transition: 0.3s;
	cursor: pointer;
}

.single-page .hero-image .overlay .categories .cat:hover{
	background-color: white;
	color: black;
	transition: 0.3s;
}

.single-page .hero-image .overlay .categories .cat p{
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.single-page .hero-image .overlay h1{
	color: white;
	font-size: 50px;
	max-width: 500px;
}

.single-page .hero-image .overlay .date{
	display: flex;
	margin-top: 20px;
	align-items: center;
}

.single-page .hero-image .overlay .date svg{
	fill: white;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.single-page .hero-image .overlay .date p{
	color: white;
	font-size: 18px;
}

.single-page .content-container{
	max-width: 1900px;
	padding-left: 100px;
	padding-right: 100px;
	display: flex;
	margin-bottom: 80px;
}

.single-page .content-container .content{
	width: calc(70% - 30px);
	margin-right: 80px;
}

.single-page .content-container .content h2{
	font-size: 30px;
	font-weight: 500;
}

.single-page .content-container .content h3{
	font-size: 25px;
	font-weight: 400;
}

.single-page .content-container .content p, span{
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5;
}

.single-page .content-container .content img{
	border-radius: 8px;
	object-fit: cover;
}

.single-page .content-container .sidebar{
	width: calc(30% - 30px);
}

.single-page .content-container .sidebar .related-articles{
	margin-bottom: 30px;
	width: 100%;
}

.single-page .content-container .sidebar .sharing{
	margin-bottom: 30px;
	width: 100%;
}

.single-page .content-container .sidebar .sharing a{
	margin-right: 10px;
	color: grey;
}

.single-page .content-container .sidebar .sharing a i{
	font-size: 25px;
}

.single-page .content-container .sidebar .sharing a a{
	display: none;
}

.single-page .content-container .sidebar h2{
	color: black;
	font-size: 23px;
	font-weight: 400;
}

.single-page .content-container .sidebar .divider{
	background-color: black;
	width: 100%;
	height: 1px;
	opacity: 0.1;
	margin-top: 5px;
	margin-bottom: 10px;
}

.single-page .content-container .sidebar .post{
	width: 100%;
	display: flex;
	margin-bottom: 25px;
}

.single-page .content-container .sidebar .post img{
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 8px;
	margin-right: 10px;
}

.single-page .content-container .sidebar .post .post-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.single-page .content-container .sidebar .post .post-content h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.single-page .content-container .sidebar .post .post-content a{
	border: solid 2px var(--main-color);
	padding: 10px;
	border-radius: var(--cta-border-radius);
	width: fit-content;
	color: var(--main-color);
	font-size: 15px;
	font-weight: 500;
	margin-top: 10px;
	transition: 0.3s;
}

.single-page .content-container .sidebar .post .post-content a:hover{
	background-color: var(--main-color);
	color: white;
	transition: 0.3s;
}


.container-chambres {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.container-chambres .hero-section{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-top: 80px;
	padding-left: 80px;
	padding-right: 100px;
	margin-bottom: 50px;
}

.container-chambres .hero-section .container-left{
	height: auto;
	width: 600px;
}

.container-chambres .hero-section .container-left .swiper-gallery-2{
	height: 450px;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
}

.container-chambres .hero-section .container-left .swiper-gallery-2 .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}


.container-chambres .hero-section .container-left .swiper-gallery-2 .swiper-slide img{
	border-radius: 8px;
	-webkit-box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.5); 
	box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.2);
	width: calc(100% - 40px);
	height: 100%;
	object-fit: cover;	
}

.container-chambres .hero-section .container-left .swiper-gallery-1{
	width: 100%;
	height: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 20px;
}

.container-chambres .hero-section .container-left .swiper-gallery-1 .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.container-chambres .hero-section .container-left .swiper-gallery-1 .swiper-slide img{
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	width: calc(100% - 10px);
	height: 100%;
	object-fit: cover;	
}

.container-chambres .hero-section .container-left .swiper-gallery-1 .swiper-slide-thumb-active img{
	border: solid 5px var(--main-color);
}

.container-chambres .hero-section .container-left .swiper-gallery-1-pagination{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.container-chambres .hero-section .container-left .swiper-gallery-1-pagination .swiper-pagination-bullet{
	height: 10px;
	width: 10px;
	background-color: grey;
}

.container-chambres .hero-section .container-right{
	height: 100%;
	width: 47%;
	padding-top: 40px;
}

.container-chambres .hero-section .container-right{
	height: 100%;
	width: 47%;
}

.container-chambres .hero-section .container-right .head{
	display: flex;
	align-items: center;
}

.container-chambres .hero-section .container-right .head h1{
	font-size: 50px;
	color: #000;
}

.container-chambres .hero-section .container-right .head p{
	font-size: 20px;
	font-weight: 400;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.container-chambres .hero-section .container-right .divider{
	height: 1px;
	width: 100%;
	background-color: #000;
	opacity: 0.1;
	margin-bottom: 15px;
}

.container-chambres .hero-section .container-right p{
	font-size: 17px;
	color: grey;
}

.container-chambres .hero-section .container-right .equipment{
	width: 100%;
	margin-bottom: 50px;
}

.container-chambres .hero-section .container-right .equipment h2{
	font-size: 25px;
	margin-bottom: 20px !important;
}

.container-chambres .hero-section .container-right .equipment .list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.container-chambres .hero-section .container-right .equipment .list .item{
	width: 50%;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}


.container-chambres .hero-section .container-right .equipment .list .item .circle{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background-color: #F7F7F7;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.container-chambres .hero-section .container-right .equipment .list .item .circle i{
	font-size: 25px;
}

.container-chambres .hero-section .container-right .equipment .list .item h3{
	font-size: 17px;
	font-weight: 300;
}

.container-chambres .hero-section .container-right a{
	background-color: var(--main-color);
	border-radius: 50px;
	padding: 20px;
	color: white;
	font-size: 20px;
	font-weight: 400;
	height: auto;
	width: auto;
	cursor: pointer;
}

.container-chambres .informations{
	margin-top: 50px;
	padding-left: 100px;
	padding-right: 100px;
}

.container-chambres .informations h2{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px !important;
}

.container-chambres .informations .divider{
	height: 1px;
	width: 100%;
	background-color: #000;
	opacity: 0.1;
	margin-bottom: 15px;
	border-radius: 50px;
}

.container-chambres .informations p{
	color: grey;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 50px;
}

.container-chambres .contact-section{
	height: 750px;
	width: 100%;
	display: flex;
}

.container-chambres .contact-section .container-left{
	width: 50%;
	background-color: #FAFAFA;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.container-chambres .contact-section .container-left label{
	display: none;
}

.container-chambres .contact-section .container-left h2{
	font-size: 30px;
	text-align: center;
	color: black;
	margin-bottom: 10px !important;
	margin-top: 25px !important;
}

.container-chambres .contact-section .container-left .divider{
	background-color: black;
	width: 50px;
	height: 2px;
	border-radius: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.container-chambres .contact-section .container-left input{
	background-color: white;
	border-radius: var(--cta-border-radius);
}

.container-chambres .contact-section .container-left select{
	background-color: white;
	border-radius: var(--cta-border-radius);
}

.container-chambres .contact-section .container-left .submit-wrap .nf-field-element{
	display: flex;
	justify-content: center;
}

.container-chambres .contact-section .container-left .form .submit-wrap input{
	background-color: var(--main-color);
	color: white;
}

.container-chambres .contact-section .container-left  textarea{
	background-color: white;
	border-radius: var(--cta-border-radius);
	resize: none;
}


.container-chambres .contact-section #nf-field-15{
	background-color: var(--main-color);
	color: white;
	padding: 20px;
	height: auto;
}









.container-chambres .contact-section .container-right{
	height: 100%;
	width: 50%;
	position: relative;
}

.container-chambres .contact-section .container-right img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.container-chambres .contact-section .container-right .overlay{
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
}

.container-chambres .contact-section .container-right .overlay h2{
	font-size: 30px;
	color: white;
	margin-top: 30px !important;
}

.container-chambres .contact-section .container-right .overlay .divider{
	height: 2px;
	width: 50px;
	border-radius: 50px;
	background-color: white;
	margin-bottom: 20px;
	margin-top: 10px;
}

.container-chambres .contact-section .container-right .overlay p{
	font-size: 20px;
	color: white;
}

.container-chambres .others-room-sections{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
}

.container-chambres .others-room-sections h2{
	font-size: 40px;
	padding-left: 100px;
	padding-right: 100px;
}

.container-chambres .others-room-sections .divider-title{
	width: 80px;
	height: 4px;
	border-radius: 50px;
	background-color: var(--main-color);
	margin-top: 10px;
}

.container-chambres .others-room-sections .head{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 100px;
	padding-right: 100px;
}

.container-chambres .others-room-sections .head .swiper-others-room-button-prev, .swiper-others-room-button-next{
	position: relative !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--main-color);
	left: unset !important;
	right: unset !important;
	margin-left: 10px;
	-webkit-box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.5); 
	box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.2);
}

.container-chambres .others-room-sections .head .swiper-others-room-button-prev:after, .swiper-others-room-button-next:after{
	color: white;
    font-size: 18px !important;
}

.container-chambres .others-room-sections .head .swiper-others-room-button-prev:after{
	margin-right: 2px;
}

.container-chambres .others-room-sections .head .swiper-others-room-button-next:after{
	margin-left: 2px;
}

.container-chambres .others-room-sections .swiper-others-room{
	width: calc(100% - 200px);
	height: 300px;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
	overflow: hidden;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide-link a{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-color: var(--main-color);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide-link{
	transition: 0.3s;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide-link:hover{
	opacity: 0.6;
	transition: 0.3s;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 8px;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide .overlay .line-1{
	display: flex;
	justify-content: center;
	align-items: center;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide .overlay .line-1 h3{
	color: white;
	font-size: 20px;
	font-weight: 700;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide .overlay .line-1 .divider{
	width: 1px;
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: white;
	opacity: 0.3;
}

.container-chambres .others-room-sections .swiper-others-room .swiper-slide .overlay .line-1 p{
	color: white;
	font-size: 18px;
	font-weight: 300;
}

.container-chambres .others-room-sections .swiper-others-room-pagination {
	position: relative;
	bottom: unset;
	margin-top: 20px;
}

.container-chambres .others-room-sections .swiper-others-room-pagination .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	background-color: grey;
}

.archive-chambres {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 130px;
}

.archive-chambres .page-wrapper{
	max-width: 1900px;
	width: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.archive-chambres .page-wrapper .title{
	color: var(--title-color);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px;
}

.archive-chambres .page-wrapper .title h1{
	text-align: center;
	font-size: 40px;
	font-weight: 600;
}

.archive-chambres .page-wrapper .title .title-divider{
	width: 80px;
    height: 4px;
    border-radius: 50px;
    background-color: var(--main-color);
}

.archive-chambres .page-wrapper .divider{
	width: 100%;
    height: 1px;
    background-color: grey;
	opacity: 0.2;
	margin-bottom: 50px;
}

.archive-chambres .page-wrapper .content{
	width: 100%;
}

.archive-chambres .page-wrapper .content-container .container{
	width: 100%;
	height: auto;
	display: flex;
	margin-bottom: 40px;
}

.archive-chambres .page-wrapper .content-container .container .img-container{
	width: 40%;
	height: auto;
	position: relative;
}

.archive-chambres .page-wrapper .content-container .container .img-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 40px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay{
	position: absolute;
	border-radius: 40px;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .circle{
	border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .circle i{
	font-size: 20px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .text{
	display: flex;
	flex-direction: column;
	color: #F7F7F7;
	font-size: 13px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .text p{
	margin: 0;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths{
	display: flex;
	justify-content: center;
	align-items: center;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths .circle{
	border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths .circle i{
	font-size: 20px;
}

.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths p{
	margin: 0;
	font-size: 13px;
	color: #F7F7F7;
}




.archive-chambres .page-wrapper .content-container .container .content{
	width: 60%;
	padding-left: 30px;
}

.archive-chambres .page-wrapper .content-container .container .content h2{
	font-size: 40px;
	font-weight: 600;
	color: black;
	margin-bottom: 10px !important;
}

.archive-chambres .page-wrapper .content-container .container .content .nb-person{
	margin: 0px !important;
	font-size: 25px;
	font-weight: 300;
	color: grey;
	margin-bottom: 10px !important;
}

.archive-chambres .page-wrapper .content-container .container .content .excerpt{
	margin: 0px !important;
	font-size: 20px;
	font-weight: 400;
	color: grey;
	margin-bottom: 15px !important;
}

.archive-chambres .page-wrapper .content-container .container .content .excerpt a{
	display: none;
}

.archive-chambres .page-wrapper .content-container .container .content .equipment{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.archive-chambres .page-wrapper .content-container .container .content .equipment .item{
	display: flex;
	margin-right: 20px;
}

.archive-chambres .page-wrapper .content-container .container .content .equipment .circle{
	border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.archive-chambres .page-wrapper .content-container .container .content .equipment .circle i{
	font-size: 25px;
}

.archive-chambres .page-wrapper .content-container .container .content .equipment p{
	font-size: 17px;
    font-weight: 300;
}

.archive-chambres .page-wrapper .content-container .container .content a{
	width: fit-content;
    height: 50px;
    padding: 15px;
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px var(--main-color);
    border-radius: var(--cta-border-radius);
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.archive-chambres .page-wrapper .content-container .container .content a:hover{
    color: white;
    display: flex;
	background-color: var(--main-color);
    transition: 0.3s;
}

.archive-chambres .page-wrapper .content-container .container .content a i{
    margin-left: 10px;
}



footer{
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .footer-wrapper {
	max-width: 1900px;
	width: 100%;
}

footer .footer-divider{
	height: 1px;
	width: 100%;
	background-color: #999;
	opacity: 0.2;
}

footer .container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-left: 150px;
	padding-right: 150px;
	margin-top: 70px;
	margin-bottom: 50px;
}

footer .container .hourly p{
	margin-top: 5px;
	margin-bottom: 0px;
}

footer .container h3{
	font-size: 18px;
	color: var(--title-color);
}

footer .container .divider{
	background-color: var(--main-color);
	height: 2px;
	width: 40px;
	border-radius: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}



footer .container .hourly p{
	font-size: 15px;
	color: #999;
}

footer .container .menu ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

footer .container .menu ul li {
	margin-bottom: 10px;
}

footer .container .menu ul li a{
	color: #999;
	font-size: 15px;
}

footer .container .menu ul li a:hover{
	color: var(--main-color);
}

footer .container .newsletter{
	width: 200px;
}

footer .container .newsletter .nf-form-cont{
	margin-top: 15px;
}

footer .container .newsletter .nf-form-fields-required{
	display: none;
}

footer .container .newsletter #nf-field-17{
	background-color: white;
	border-radius: var(--cta-border-radius);
}

footer .container .newsletter #nf-field-19{
	background-color: var(--main-color);
	border-radius: var(--cta-border-radius);
	width: 100%;
}

footer .container .newsletter #nf-label-field-18 {
	color: grey;
	font-size: 13px;
}





footer .container .socials .icons{
	display: flex;
	flex-direction: column;
	margin-top: 15px;
}

footer .container .socials .icons svg {
	fill: #999;
}

footer .container .socials .icons svg:hover{
	fill: var(--main-color);
	transition: 0.3s;
}

footer .container .address p{
	font-size: 15px;
	color: #999;
	transition: 0.3s;
}

footer .copyright{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
}

footer .copyright svg{
	fill: var(--main-color);
}

footer .copyright p{
	margin-left: 10px;
	color: var(--main-color);
	font-size: 13px;
}




@media only screen and (max-width: 1200px){
	.frontpage .hero-section .container-left .content {
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 100px;
	}

	.frontpage .hero-section .container-left .content h1 {
		font-size: 35px;
	}

	.image-and-text-section-2 .container-right {
		padding-right: 0px;
	}
}

@media only screen and (max-width: 1080px){

	.scroll {
		display: none;
	}

	header {
		height: 60px;
	}

	header nav {
		height: 60px;
		width: calc(100% - 100px);
	}

	header  .logo {
		height: 40px;
		width: fit-content;
		display: flex;
		position: relative;
	}

	header .logo img {
		margin-right: 10px;
		width: 40px;
		object-fit: contain;
	}

	header  .logo p{
		font-size: 15px;
		margin-top: 0px;
		margin-bottom: 0px;
		white-space: nowrap;
	}

	.archive-chambres .page-wrapper .content-container .container {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 40px;
	}

	.archive-chambres .page-wrapper .content-container .container .img-container {
		width: 60%;
		margin-bottom: 20px;
	}

	.archive-chambres .page-wrapper .content-container .container .content {
		width: 100%;
		padding-left: 0px;
		display: flex;
    	flex-direction: column;
    	align-items: center;
	}

	.single-page .hero-image {
		margin-top: 60px;
	}

	.single-page .content-container .sidebar .post .post-content h3 {
		font-size: 16px;
	}


	.frontpage .hero-section {
		display: none;
	}

	.frontpage .hero-section-mobile {
		display: block;
	}

	 .gallery-section .grid-item .overlay {
		opacity: 1;
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
	}

	.template-contact .hero-section {
		padding-top: 60px;
		flex-direction: column;
		height: auto;
	}

	.template-contact .hero-section .container-left {
		width: 100%;
		height: 50%;
		align-items: center;
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 50px;
	}

	.template-contact .hero-section .container-left h1 {
		text-align: center;
	}

	.template-contact .hero-section .container-right {
		width: 100%;
		height: 400px;
		margin-top: 30px;
	}

	.template-contact .info-section p {
		font-size: 20px;
	}


	.section-membre-de-lequipe .container {
		margin-top: 80px;
		margin-bottom: 0px;
		width: calc(100% - 80px);
	}

	.section-membre-de-lequipe .container .card {
		width: auto;
		margin-top: 200px;
	}

	.section-membre-de-lequipe .container .card .content {
		padding-left: 0px;
		padding-top: 150px;
		align-items: center;
	}

	.section-membre-de-lequipe .container .card img {
		top: -200px;
		left: 50%;
		transform: translateX(-50%);
	}

	

	header  .responsive-menu .links .CTA-1 {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	header  .responsive-menu .links .sub-menu {
		padding-left: 0px;
		position: absolute;
		bottom: -100px;
		left: 0;
		-webkit-box-shadow: 0 0 10px #e1e5ee;
		box-shadow: 0 0 10px #e1e5ee;
		background-color: white;
		border-radius: 5px;
		padding: 10px 10px;
		transition: 0.3s;
		opacity: 0;
		visibility: hidden;
	}

	header .responsive-menu .links li:hover .sub-menu{
		opacity: 1;
		visibility: visible;
	}


	.container-chambres .hero-section {
		flex-direction: column;
		align-items: center;
		min-height: unset;
		padding-right: 40px;
    	padding-left: 40px;
	}

	.container-chambres .hero-section .container-left {
		height: auto;
		width: 100%;
	}

	.container-chambres .hero-section .container-right {
		height: auto;
		width: 100%;
	}

	.container-chambres .hero-section .container-left .swiper-gallery-2 {
		height: 300px;
	}

	.container-chambres .hero-section .container-right .head {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.container-chambres .hero-section .container-right .equipment h2 {
		text-align: center;
	}

	.container-chambres .informations {
		padding-left: 50px;
		padding-right: 50px;
	}

	.container-chambres .contact-section .container-left {
		width: 100%;
		height: fit-content;
	}

	.container-chambres .contact-section .container-right {
		display: none;
	}

	.container-chambres .contact-section {
		height: auto;
	}

	.container-chambres .others-room-sections h2 {
		text-align: center;
	}

	.container-chambres .others-room-sections .head {
		display: none;
	}

	.container-chambres .others-room-sections .divider-title {
		margin-bottom: 50px;
	}

	.container-chambres .others-room-sections .swiper-others-room {
		width: calc(100% - 50px)
	}
}


@media only screen and (max-width: 768px){

	.category-page h1 {
		font-size: 35px;
		text-align: center;
		max-width: 90%;
	}

	.category-page .content-container {
		width: 90%;
		flex-direction: column;
	}

	.category-page  .content-container .container {
		width: 100%;
	}

	.category-page  .content-container .container .overlay {
		position: absolute;
		background-color: transparent;
		border: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.archive-chambres .page-wrapper {
		width: calc(100% - 40px);
	}

	.archive-chambres .page-wrapper .content-container .container .img-container {
		width: 80%;
		margin-bottom: 20px;
	}
	
	.frontpage .hero-section-mobile .container .content h1{
		font-size: 35px;
	}
	
	.frontpage .hero-section-mobile .container .content {
		width: calc(100% - 60px);
		margin-left: 30px;
		margin-right: 30px;
	}

	.frontpage  .section-title h2 {
		font-size: 35px;
	}

	.frontpage .section-title h3 {
		font-size: 20px;
	}

	.gallery-section {
		padding-bottom: 20px;
	}

	.simple-texte-section h2 {
		font-size: 35px;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.simple-texte-section p {
		max-width: calc(100% - 40px);
	}

	.gallery-section .grid-sizer{
		width: 100%;
		height: auto;
	}
	
	.gallery-section .gutter-sizer{
		width: 0%;
	}

	.gallery-section .grid-item{
		width: 100%;
	}

	.gallery-section .grid {
		margin-left: 0px;
		margin-right: 0px;
		width: calc(100% - 80px);
	}


	.section-membre-de-lequipe .container .card img {
		top: -100px;
		left: 50%;
		transform: translateX(-50%);
		width: 200px;
		height: 200px;
	}

	.section-membre-de-lequipe .container .card .content {
		padding-top: 100px;
	}

	.section-membre-de-lequipe .container {
		 margin-top: 0px; 
	}

	

	header nav {
		height: 60px;
		width: calc(100% - 60px);
		margin-left: 30px;
		margin-right: 30px;
	}

	.image-and-text-section-1, .image-and-text-section-2 {
		flex-direction: column;
		margin-right: 0px;
		align-items: center;
		margin-bottom: 50px;
	}

	.image-and-text-section-2 .container-left {
		width: 90%;
		height: 400px;
	}

	.image-and-text-section-2 .container-right {
		width: 80%;
		height: auto;
		justify-content: flex-start;
		align-items: center;
		padding-right: 0px;
	}

	.image-and-text-section-2 .container-right h2 {
		text-align: center;
	}

	.image-and-text-section-2 .container-right p {
		text-align: center;
	}

	.frontpage .testimonials-section h2 {
		text-align: center;
	}


	


	.template-who-we-are .hero-section .overlay {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.template-who-we-are .hero-section .overlay .container-left {
		width: calc(100% - 60px);
		height: auto;
		align-items: center;
		justify-content: unset;
		padding-left: 0px;
	}

	.template-who-we-are .hero-section .overlay .container-right {
		width: calc(100% - 60px);
		height: auto;
	}
	
	.template-who-we-are .hero-section .overlay .container-left h1 {
		text-align: center;
		font-size: 38px;
	}

	.template-who-we-are .hero-section .overlay .container-left p {
		text-align: center;
		font-size: 30px;
	}

	.actuality-page .hero-section .overlay h1 {
		font-size: 55px;
		text-align: center;
	}

	.actuality-page .hero-section .overlay h2 {
		font-size: 30px;
		text-align: center;
	}

	.actuality-page .hero-section .overlay p {
		text-align: center;
		font-size: 15px;
	}

	.actuality-page .content-section > h2 {
		font-size: 35px;
		text-align: center;
		margin-left: 40px !important;
		margin-right: 40px !important;
	}
	
	.actuality-page .hero-section .overlay .content {
		margin-left: 40px;
		margin-right: 40px;
		width: calc(100% - 80px);
		height: 100%;
		align-items: center;
	}

	.actuality-page .content-section .content-container {
		width: calc(100% - 80px);
	}

	.actuality-page .content-section .content-container .container {
		width: 100%;
	}

	

	.single-page .hero-image .overlay {
		padding-left: 40px;
		padding-right: 40px;
		align-items: center;
	}

	.single-page .hero-image .overlay h1 {
		text-align: center;
		font-size: 38px;
	}

	.single-page .content-container .content img {
		width: auto;
		height: 300px;
	}

	.single-page .hero-image .overlay .categories {
		margin-bottom: 10px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.single-page .hero-image .overlay .categories .cat {
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 8px;
	}

	.single-page .content-container {
		margin-right: 50px;
		margin-left: 50px;
		padding-left: 0px;
		padding-right: 0px;
		flex-direction: column;
	}

	.single-page .content-container .content {
		width: 100%;
		padding-right: 0px;
	}

	.single-page .content-container .sidebar {
		display: none;
	}

	.template-contact .hero-section .container-left {
		padding-left: 40px;
		padding-right: 40px;
	}

	.template-contact .hero-section .container-left h1 {
		font-size: 40px;
	}

	.template-contact .hero-section .container-left p {
		font-size: 23px;
		text-align: center;
	}

	.template-contact .info-section {
		width: calc(100% - 80px);
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 50px;
	}
	
	.template-contact .info-section .divider {
		height: 2px;
		width: 150px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.template-contact .contact-section .hourly {
		display: none;
	}

	.template-contact .contact-section .form {
		width: 100%;
	}

	
	

	.template-menu .slider-section .header .slider-nav {
		display: none;
	}

	.template-menu .slider-section  .slider-nav-mobile {
		display: flex;
	}

	.template-menu .slider-section .menu-swiper-container{
		width: calc(100% - 60px);
		height: 500px;
	}

	.template-menu .slider-section .header {
		justify-content: center;
	}

	.template-menu .slider-section .menu-swiper-container .card {
		flex-direction: column;
		height: 460px;
	}

	.template-menu .slider-section .menu-swiper-container .card img {
		width: 100%;
		height: 50%;
	}

	.template-menu .slider-section .menu-swiper-container .card .container {
		width: 100%;
		justify-content: center;
	}

	


	.template-menu .hero-section .overlay .content h1 {
		font-size: 60px;
	}
	
	.template-menu .hero-section .overlay .content p {
		font-size: 25px;
	}

	.template-menu .hero-section .overlay .content .divider {
		width: 200px;
	}

	.template-menu .menu-section .group-container {
		width: calc(100% - 80px);
	}

	.template-menu .menu-section .group-container .header {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.template-menu .slider-section .header{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		display: flex;
		justify-content: c;
	}

	.template-menu .menu-section .group-container .products-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.template-menu .menu-section .group-container .products-container .product {
		width: 100%;
	}

	.template-menu .menu-section .group-container .header h2 {
		font-size: 40px;
	}

	.template-menu .menu-section .group-container .products-container .product .head h4 {
		font-size: 23px;
		margin-left: 15px !important;
	}

	.template-menu .menu-section .group-container .products-container .product p {
		font-size: 20px;
	}

	.template-menu .slider-section  .slider-nav-mobile .menu-swiper-button-prev,.menu-swiper-button-next{
		position: relative !important;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background-color: var(--main-color);
	}

	.template-menu .slider-section .slider-nav-mobile .menu-swiper-button-prev::after,.menu-swiper-button-next::after{
		color: white;
		font-size: 25px !important;
	}

	.container-chambres .hero-section .container-right .equipment .list .item {
		width: 100%;
	}

	footer .container {
		display: flex;
		flex-direction: column;
		justify-content: unset;
		align-items: center;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 40px;
		margin-bottom: 50px;
	}

	footer .container .hourly {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-bottom: 40px;
	}

	footer .container .address {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-bottom: 40px;
	}

	footer .container .socials {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-bottom: 40px;
	}

	footer .container .newsletter {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-bottom: 40px;
	}

	footer .container .menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	
	footer .container .socials .icons {
		display: flex;
		flex-direction: row;
	}
}



@media only screen and (max-width: 500px){
	.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .circle {
		width: 20px;
		height: 20px;
	}
	
	.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .circle i {
		font-size: 10px;
	}

	.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .beds .text {
		font-size: 10px;
	}

	.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths .circle {
		width: 20px;
		height: 20px;
	}

	.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths p {
		font-size: 10px;
	}

	.archive-chambres .page-wrapper .content-container .container .img-container .overlay .informations .baths .circle i {
		font-size: 10px;
	}
}