@font-face {
    font-family: "PlusJakarta";
    src: url("../fonts/plus-jakarta-sans-latin-800-normal.woff2") format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "PlusJakarta";
    src: url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "PlusJakarta";
    src: url("../fonts/plus-jakarta-sans-latin-600-normal.woff2") format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "PlusJakarta";
    src: url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "PlusJakarta";
    src: url("../fonts/plus-jakarta-sans-latin-500-normal.woff2") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-latin-800-normal.woff2") format('truetype');
    font-weight: 800;
    font-style: normal;	
}

body {
	margin: 0px;
	font-family: PlusJakarta, Arial;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;	
}

a:link, a:visited, a:hover, a:active { outline:none } 

h1 {
	font-family: "Montserrat";
	font-weight: 800;
	font-size: 110px;
	line-height: 120px;
	color: #FFFFFF;
}
.h1-smaller {
	font-size: 70px;
	line-height:80px;
}

h2 {
	margin-top: 10px;
	font-family: "PlusJakarta";
	font-weight: 800;
	font-size:42px;
	line-height: 60px;
	color: #17012C;
}

h3 {
	font-family: "PlusJakarta";
	font-weight: 700;
	font-size:24px;
	line-height: 30px;
	color: #17012C;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}

.top-txt {
	font-family: "PlusJakarta";
	font-weight: 700;
	font-size:16px;	
	background: linear-gradient(to right, #F29F5C, #6461FC);
	display: inline-block;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.orange {
	color: #F26B01;
}

button {
	position: relative;
	display:inline-block;
	height: 50px;
	padding-left:25px;
	padding-right:25px;
	line-height: 50px;
	border-style: none;
	border-radius:100px;
	background-color: #FDE9D9;
	cursor:pointer;
	font-family: PlusJakarta, Arial;
	font-weight: 700;
	font-size: 16px;
	color: #F26B01;
	transition: background-color 0.4s ease, color 0.4s ease;
}
button::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-image: url('../images/button.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: top 0.4s ease, right 0.4s ease, transform 0.4s ease;
}
button:hover {
	color: #FFFFFF;
	background-color: #F26B01;
}
button:hover::after {
	top: -10px;
	right: -60px;
	transform: translateY(0);
}

input[type="text"], select {
	border: none;
	border-radius:10px;
	background-color: #ECF8FF;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	font-family: PlusJakarta, Arial;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;	
	color:#000;
}

textarea {
	border: none;
	border-radius:10px;
	background-color: #ECF8FF;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	font-family: PlusJakarta, Arial;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;	
	color:#000;
}

input[type="button"] {
	position:relative;
	margin-top:20px;
	border:0px;
	border-radius:10px;
	font-family: PlusJakarta, Arial;
	font-weight: 500;
	font-size: 16px;
	line-height: 50px;	
	height:50px;
	width:200px;
	color:#FFF;
	background-color:#635AD9;
	cursor:pointer;
	transition: background-color 0.4s ease, color 0.4s ease;
}
input[type="button"]:hover {
	background-color: #F26B01;
}


.checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.checkbox-label span {
  line-height: 1.4;
  font-weight: bold;
  font-size:14px;
}

.arrow {
	display:inline-block;
	position: absolute;
	left:0px;
	bottom:0px;
	width: 50px;
	height: 50px;
	background-image: url('../images/arrow-purple.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-image 0.3s ease;
}

.number {
	display:inline-block;
	position: absolute;
	right:0px;
	bottom:0px;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.small-title {
	position: relative;
	display:inline-block;
	height: 50px;
	padding-left:25px;
	padding-right:25px;
	line-height: 50px;
	border-style: none;
	border-radius:100px;
	background-color: #FDE9D9;
	font-family: PlusJakarta, Arial;
	font-weight: 700;
	font-size: 16px;
	color: #F26B01;
}
.small-title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-image: url('../images/arrow-down.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#header {
	position: relative;
	display: flex;
	width: 100%;
	height: 100vh;
	min-height:750px;
	align-items:center;
	background-image: url('../images/header-bg-left.png'), url('../images/header-bg-right.png'), url('../images/header-bg.png'), linear-gradient(to right, #1E2E45, #205AA3, #A3B1C5);
	background-position: left bottom, right bottom, center center, center center;
	background-size: auto auto, auto auto, 100% 100%, 100% 100%;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}
#header-container {
	width:45vw;
	padding-left:250px;
	padding-top:120px;
	color: #FFFFFF;
}

.socialnetworks {
	position: absolute;
	right:3vw;
	top:300px;
}
.socialnetwork-fb {
	width: 36px;
	height: 36px;
	margin: 20px;
	background-image: url('../images/menu-fb.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-fb:hover {
	background-image: url('../images/menu-fb-on.png');
}
.socialnetwork-tw {
	width: 36px;
	height: 36px;
	margin:20px;
	background-image: url('../images/menu-tw.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-tw:hover {
	background-image: url('../images/menu-tw-on.png');
}
.socialnetwork-in {
	width: 36px;
	height: 36px;
	margin: 20px;
	background-image: url('../images/menu-in.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-in:hover {
	background-image: url('../images/menu-in-on.png');
}
.socialnetwork-lk {
	width: 36px;
	height: 36px;
	margin: 20px;
	background-image: url('../images/menu-lk.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-lk:hover {
	background-image: url('../images/menu-lk-on.png');
}
.socialnetwork-yt {
	width: 36px;
	height: 36px;
	margin: 20px;
	background-image: url('../images/menu-yt.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-yt:hover {
	background-image: url('../images/menu-yt-on.png');
}

.socialnetwork-fb-orange {
	display:inline-block;
	width: 36px;
	height: 36px;
	margin: 10px;
	background-image: url('../images/menu-fb-orange.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;	
}
.socialnetwork-fb-orange:hover {
	background-image: url('../images/menu-fb-on.png');
}
.socialnetwork-tw-orange {
	display:inline-block;
	width: 36px;
	height: 36px;
	margin: 10px;
	background-image: url('../images/menu-tw-orange.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-tw-orange:hover {
	background-image: url('../images/menu-tw-on.png');
}
.socialnetwork-in-orange {
	display:inline-block;
	width: 36px;
	height: 36px;
	margin: 10px;
	background-image: url('../images/menu-in-orange.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-in-orange:hover {
	background-image: url('../images/menu-in-on.png');
}
.socialnetwork-lk-orange {
	display:inline-block;
	width: 36px;
	height: 36px;
	margin: 10px;
	background-image: url('../images/menu-lk-orange.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-lk-orange:hover {
	background-image: url('../images/menu-lk-on.png');
}
.socialnetwork-yt-orange {
	display:inline-block;
	width: 36px;
	height: 36px;
	margin: 10px;
	background-image: url('../images/menu-yt-orange.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.socialnetwork-yt-orange:hover {
	background-image: url('../images/menu-yt-on.png');
}

#header-clipped-content {
	position: absolute;
	top: 200px;
	right: 10vw;	
	background: #FFFFFF;
	clip-path: url(#header-rounded-clip);
	aspect-ratio: 1 / 1;
	overflow:hidden;
	width: 30vw;
	height: auto;
}

#header-slideshow {
	position:absolute;
	left:-20px;
	top:-20px;
	right:-20px;
	bottom:-20px
}
#header-slideshow img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}
#header-slideshow img.active {
	opacity: 1;
}

  /* Animations Ken Burns */
  @keyframes zoomLeft {
    from { transform: scale(1) translateX(0); }
    to   { transform: scale(1.2) translateX(-40px); }
  }
  @keyframes zoomRight {
    from { transform: scale(1) translateX(0); }
    to   { transform: scale(1.2) translateX(40px); }
  }
  @keyframes zoomUp {
    from { transform: scale(1) translateY(0); }
    to   { transform: scale(1.2) translateY(-40px); }
  }
  @keyframes zoomDown {
    from { transform: scale(1) translateY(0); }
    to   { transform: scale(1.2) translateY(40px); }
  }

#menu {
	position: fixed;
	left:50px;
	right:50px;
	top:20px;
	height:98px;
	z-index:10;
}
#menu-bg-left {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:50px;
	overflow:hidden;
	background-image: url('../images/menu-bg-left.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto;
}
#menu-bg-right {
	position:absolute;
	left:250px;
	top:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	background-image: url('../images/menu-bg-right.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto;
}
#menu-logo {
	position:absolute;
	left:50px;
	top:-5px;
	width:100px;
	height:100px;
	background-image: url('../images/logo.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor:pointer;
}
#menu-menu {
	position:absolute;
	left:230px;
	top:20px;
	bottom:30px;
	right:100px;
	text-align:right;
	overflow:hidden;
}
.menu-element {
	display:inline-block;
	position:relative;
	font-family: PlusJakarta, Arial;
	font-weight: 700;
	font-size: 16px;
	color: #17012C;
	line-height:50px;
	margin-left:50px;
	cursor:pointer;
	transition: background-color 0.4s ease, color 0.4s ease;
}
.menu-element:hover {
	color: #F26B01;
}
.menu-element-active {
	display:inline-block;
	position:relative;
	font-family: PlusJakarta, Arial;
	font-weight: 700;
	font-size: 16px;
	color: #F26B01;
	line-height:50px;
	margin-left:50px;
	cursor:pointer;
	transition: background-color 0.4s ease, color 0.4s ease;
}
#menu-button, #menu-mobile, #menu-button-close, #menu-mobile-top {
	display:none;
}

#main {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:auto;
}

#footer {
	position:relative;
	display:block;
	left:0px;
	right:0px;
	height:790px;
	background-image: url('../images/footer1-left.png'), url('../images/footer1-right.png'), url('../images/footer2-left.jpg'), url('../images/footer2-right.jpg'), url('../images/footer.png');
	background-position: left top, right top, left bottom, right bottom, center center;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: auto auto, auto auto, auto auto, auto auto, 100% 100%;
	font-family: "PlusJakarta";
	font-weight: 500;
	font-size: 20px;	
	line-height: 28px;
	color: #ffffff;
	padding-left:200px;
	padding-right:200px;
}

.footer-link {
	position: relative;
	display: inline-block;
	font-family: "PlusJakarta";
	font-weight: 400;
	font-size: 16px;
	line-height: 45px;
	color: #504E4E;
	cursor: pointer;
	transition: background-color 0.4s ease, color 0.4s ease;
}
.footer-link:hover {
	color: #F26B01;
}

#footer1 {
	display:inline-block;
	width:40%;
	color:#FFFFFF;
}

#footer2 {
	display:inline-block;
	width:30%;
	border-left:solid 1px #FFFFFF44;
	padding-left:50px;
	color:#FFFFFF;
}

#footer3 {
	display:inline-block;
	border-left:solid 1px #FFFFFF44;
	padding-left:50px;
	color:#FFFFFF;
}

#footer4 {
	display:flex;
}

.footer4-sub {
	display:inline-block;
	width:25%;
}

#footer4-sub-logo {
		max-width:100%;
}

#footer-contact2 {
	display:none;
}

#footer-footer {
	display:block;
	position:relative;
	border-top:1px solid #504E4E44;
	font-family: "PlusJakarta";
	font-weight: 400;
	font-size: 16px;
	color: #504E4E;
	text-align:right;
}

#footer-copyright {
	display: block;
	position: absolute;
	top: 20px;
	font-family: "PlusJakarta";
	font-weight: 400;
	font-size: 16px;
	color: #504E4E;
}

#footer-pixeldurable {
	display: block;
	position: absolute;
	right:0px;
	top: 20px;
	font-family: "PlusJakarta";
	font-weight: 400;
	font-size: 16px;
	color: #504E4E;
}

.div-image {
	display: flex;
	align-items: center; 
	gap: 50px;
}
.div-image img {
	max-width: 40vw;
}

.div1 {
	position:relative;
	display:block;
	background-color: #FFFFFF;
	background-image: url('../images/bg1-left.png'), url('../images/bg1-right.png');
	background-position: left bottom, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding: 200px;
}

.div1-orange {
	position:relative;
	display:block;
	background-color: #FEF0E6;
	background-image: url('../images/bg1-left.png'), url('../images/bg1-right.png');
	background-position: left bottom, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding: 100px;
}
.div1-orange button {
	background-color:#F26B01;
	color:#FFF;
}

.div2 {
	position:relative;
	display:block;
	background-color: #FFF8F2;
	background-image: url('../images/bg2-left.png'), url('../images/bg2-right.png');
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding: 200px;	
}

.div2-confiance {
	position:relative;
	display:block;
	width:100%;
	background-color:#17012CCC;
	border-radius:20px;
	height:120px;
	color:#FFF;
	text-align:center;
	font-family: "PlusJakarta";
	font-weight: 600;
	font-size:16px;	
	line-height:120px;	
	margin-top:100px;
}

.div2-confiance-photo {
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:50px;
	border:3px solid #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left:-20px;
	background-color:#CCC;
	top:25px;
}

.div2-confiance-texte {
	position:relative;
	display:inline-block;
	margin-left:50px;
	margin-right:70px;
}

.div-top-txt {
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	text-align:center;
	font-family: "PlusJakarta";
	font-weight: 700;
	font-size:16px;	
	background: linear-gradient(to right, #F29F5C, #6461FC);
	display: inline-block;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.div2-top-img {
	position: absolute;
	top:100px;
	left:0px;
	width:100%;
	height:auto;
}

.div-rectangle-full {
	position: relative;
	display: flex;
	align-items: top;
	border: 1px solid #FFFFFF;
	border-radius:20px;
	height:350px;
	width:100%;
	background-color: #FFFFFF;
	margin-top:50px;
	cursor:pointer;
	transition: border 0.3s ease;
}
.div-rectangle-full-txt {
	display:inline-block;
	position:relative;
	width:60%;
	margin:50px;
}	
.div-rectangle-full-img {
	display:inline-block;
	position:relative;
	width:60%;
	height:100%;
	border-radius:20px;
	background-size:cover;
	background-repeat:no-repeat;
}

.div-2rectangles {
	display: flex;
	gap: 30px; 
	margin-top:50px;
}
.div-rectangle-left, .div-rectangle-right {
	position: relative;
	display: flex;
	align-items: top;
	border: 1px solid #FFFFFF;
	border-radius: 20px;
	height: 350px;
	background-color: #FFFFFF;
	cursor: pointer;
	transition: border 0.3s ease;
	flex: 1;
	min-width: 250px;
}
.div-rectangle-left {
	flex-basis: 30%;	
}
.div-rectangle-left-txt {
	display:inline-block;
	position:relative;
	width:100%;
	margin:50px;
}	
.div-rectangle-right {
	flex-basis: 70%;
}
.div-rectangle-right-txt {
	display:inline-block;
	position:relative;
	width:60%;
	margin:50px;
}	
.div-rectangle-right img {
	width:60%;
	height:100%;
	border-radius:20px;
}

.div-rectangle-full:hover, .div-rectangle-left:hover, .div-rectangle-right:hover {
	border-color: #F26B01;
}
.div-rectangle-full:hover .arrow, .div-rectangle-left:hover .arrow, .div-rectangle-right:hover .arrow {
	background-image: url('../images/arrow-orange.svg');
}

.div-rectangle-image-flex {
	display: flex;
	gap: 30px;
	margin-top: 50px;
	align-items: flex-start;
}
.div-rectangle {
	position: relative;
	flex: 0 0 60%;
	border: 1px solid #F26B01;
	border-radius:20px;
	height:300px;
	background-color: #FFFFFF;
	padding:25px;
}
.div-rectangle button {
	position: absolute;
	bottom: 25px;
	right: 80px;
}
.div-rectangle-image {
	flex: 0 0 30%;
	border-radius:20px;
	background-color: #CCC;
	height:350px;
	background-size:cover;
	background-position:center center;
}

.div3 {
	position:relative;
	display:block;
	background-color: #FFFFFF;
	background-image: url('../images/bg3-left.png'), url('../images/bg3-right.png');
	background-position: left bottom, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.div4 {
	position:relative;
	display:block;
	background-color: #FFFFFF;
	background-image: url('../images/bg4.jpg');
	background-position: left top;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 100%;
	padding: 50px;
}

.div4-sejours {
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	height:500px;
}

.div4-sejour {
	position: relative;
	display: inline-block;
	width:500px;
	height:400px;
	border: 1px solid #FFFFFF;
	border-radius: 20px;	
	background-color:#EEEEEE;	
	margin:50px;
	cursor:pointer;
	transition: border 0.3s ease;
}
.div4-sejour:hover {
	border-color: #F26B01;
}

.div5 {
	position:relative;
	display:block;
	background-color: #FFFFFF;
	background-image: url('../images/bg5-left.png'), url('../images/bg5-right.png');
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.div5-details-img {
	width: 50%;
	background-color: #EEEEEE;
	border-radius:20px;
}

.div5-details {
	width: 50%;
	display:inline-block;
	position:relative;
	border:1px solid #EAF3F8;
	border-radius:20px;
	padding:50px;
}

.div5 img {
	max-width:30vw;
	margin:30px;
}

.div5-button1 {
	float:right;
	right:50px;
}

.div6 {
	position:relative;
	display:block;
	background-color: #F26B0133;
	background-image: url('../images/bg2-left.png'), url('../images/bg2-right.png');
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding: 200px;
	height: 585px;
}

.div6-circle {
	position:absolute;
	top:215px;
	left:0px;
	border:2px solid #000;
	height:555px;
	width:700px;
	border-radius:0px 500px 500px 0px;
}

.div6-image {
	position:absolute;
	top:200px;
	left:0px;
	background-color:#CCC;
	height:585px;
	width:585px;
	border-radius:0px 500px 500px 0px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.div6-temoignage1-image {
	position:absolute;
	top:250px;
	left:570px;
	background-color:#CCC;
	border:2px solid #FFF;
	height:100px;
	width:100px;
	border-radius:100px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
.div6-temoignage1-image:hover {
	border:2px solid #F26B01;
}

.div6-temoignage2-image {
	position:absolute;
	top:412px;
	left:620px;
	background-color:#CCC;
	border:2px solid #FFF;
	height:160px;
	width:160px;
	border-radius:160px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
.div6-temoignage2-image:hover {
	border:2px solid #F26B01;
}

.div6-temoignage3-image {
	position:absolute;
	top:635px;
	left:570px;
	background-color:#CCC;
	border:2px solid #FFF;
	height:100px;
	width:100px;
	border-radius:100px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
.div6-temoignage3-image:hover {
	border:2px solid #F26B01;
}

.div6-titre {
	position:absolute;
	top:210px;
	left:900px;
}

.div-temoignages {
	position:absolute;
	top:420px;
	left:900px;
	width:600px;
	height:350px;
	background-color:#FFF;
	border-left:3px solid #F26B01;
}

.div-temoignage-image {
	position:absolute;
	top:50px;
	left:50px;
	width:80px;
	height:80px;
	border:1px solid #F26B01;
	border-radius:80px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.div-temoignage-nom {
	position:absolute;
	top:60px;
	left:150px;
	right:40px;
	font-size:20px;
	color:#17012C;
}

.div-temoignage-texte {
	position:absolute;
	top:160px;
	left:50px;
	right:40px;
	font-weight:400;
	line-height:28px;
}

.partenaire-rectangle {
	display:block;
	position:relative;
	margin-top:50px;
	width: 100%;
	background-image: url('../images/partenaire-rectangle.jpg');
	background-position: center center;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 50px;
	color: #FFFFFF;
	font-size:24px;
	line-height:36px;
}
.partenaire-rectangle img {
	margin-left:50px;
	margin-right:50px;
}

.temoignage {
	display:flex;
	font-size:18px;
	line-height:24px;
}

.temoignage-img {
	display:inline-block;
	position:relative;
	width:50px;
	height:50px;	
	background-position: center center;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 100%;
	border-radius:50px;
	margin-right:20px;
}

.contact {
	display:block;
	position:relative;
	margin:auto;
	width: 70%;
	height: 300px;
	background-image: url('../images/contact.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
	cursor: pointer;
	z-index:5;
}

.div-rectangle-round {
	display:block;
	width:90%;
	margin:auto;
	height:250px;
	border-radius:250px;
	background-color:#EB6801;
	padding:30px;
}
.div-rectangle-round table {
	width: 90%;
	height: 100%;
	color: #FFF;
}
.bigger {
	font-size:40px;
	font-weight:bold;
}
.div-rectangle-round-img {
	border-radius:250px;
	background-image: url('../images/benevoles.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100%;
}
	
.div-sponsor {
	display: flex;
	align-items: flex-start;
}
	
.div-sponsor-1 {
	display:inline-block;
	width:23%;
	height:500px;
	border-radius:20px;
	margin:auto;
	color:#504E4E;
	background-color:#FDE9D9;
	text-align:center;
	padding:20px;
}

.div-sponsor-2 {
	display:inline-block;
	width:23%;
	height:500px;
	border-radius:20px;
	margin:auto;
	color:#504E4E;
	background: linear-gradient(to bottom, #F26B01, #1776EE);
	text-align:center;
	padding:20px;
	color: #FFFFFF;
}
.div-sponsor-2 h3 {
	color: #FFFFFF;
}

.div-sponsor-3 {
	display:inline-block;
	width:23%;
	height:300px;
	border-radius:20px;
	margin:auto;
	color:#504E4E;
	background-color:#F6F3FE;
	text-align:center;
	padding:20px;
}

.div-sponsor-4 {
	display:inline-block;
	width:23%;
	height:300px;
	border-radius:20px;
	margin:auto;
	color:#504E4E;
	background-color:#E8F2FF;
	text-align:center;
	padding:20px;
}

.div-sponsor-5 {
	display:inline-block;
	position:relative;
	width:250px;
	height:250px;
	border-radius:20px;
	margin:auto;
	color:#504E4E;
	background-color:#F6F5FD;
	text-align:center;
	padding:50px;
	cursor:pointer;
	margin-top:50px;
}
.div-sponsor-5-sil {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:400px;
	background-position:center bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
.div-sponsor-5-name {
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
	height:65px;
	border-radius:80px;
	background-color:#FFF;
	color:#17012C;
	font-size:20px;
	line-height:32px;
	transition: background-color 0.4s ease, color 0.4s ease;
}
.div-sponsor-5:hover .div-sponsor-5-name {
	background-color:#635AD9;
	color:#FFF;
}

#sponsors-schema {
	width:60%;
	min-width:900px;
}

#sponsors-schema-mobile {
	display:none;
}

#sponsoring {
	display:none;
	position:absolute;
	left:50px;
	right:50px;
	top:50px;
	bottom:50px;
	background-color:#fff;
	padding:50px;
	z-index:1010;
	overflow:auto;
}

#sponsoring-close {
	position:absolute;
	right:15px;
	top:15px;
	width:30px;
	height:30px;
	background-image:url('../images/sponsoring-close.png');	
	background-repeat:no-repeat;
	background-size:100% 100%;
	cursor:pointer;
}

#sponsoring-flex {
	display:flex;
}

#sponsoring-about {
	position:relative;
	background-color:#FDEFE5;
	padding:50px;
	border-radius:10px;
	margin-left:20px;
}

.div-sejours {
	position:relative;
	display:block;
	background-color: #FCE1CC;
	background-image: url('../images/bg-orangeblur.png'), url('../images/bg-orangeblur.png');
	background-position: left bottom, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, auto auto;
	padding: 100px;
	top: -100px;
	margin-bottom:-100px;
}

.div-sejours-filtres {
	border:1px solid #EAF3F8;
	border-radius:20px;
	padding:50px;
	color:#504E4E;
	font-size:16px;
	line-height:28px;
	text-align:center;
}

.div-sejours-filtre {
	position:relative;
	display:inline-block;
	margin-right:75px;
	margin-left:75px;
}

.div-sejours-sejours {
	position:relative;
	top:50px;
	text-align:center;	
}

.div-sejour {
	position:relative;
	display:inline-block;
	background-color:#fff;
	width:300px;
	height:470px;
	margin:20px;
	border-radius:20px;
	border:2px solid #fff;
	cursor:pointer;
	transition: border 0.4s ease, color 0.4s ease;
}

.div-sejour:hover {
	border:2px solid #F26B01;
}

.div-sejour-img {
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	border-radius:20px;
	height:230px;
	background-color:#ccc;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.div-sejour-jour {
	position:absolute;
	top:20px;
	left:20px;
	width:60px;
	height:30px;
	background-color:#635AD9;
	border-radius:6px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}

.div-sejour-mois {
	position:absolute;
	top:20px;
	left:20px;
	width:60px;
	height:30px;
	background-color:#F2EEEA;
	border-radius:6px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	padding-top:25px;
	
}

.div-sejour-lieu {
	position:absolute;
	bottom:105px;
	left:20px;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
}

.div-sejour-nb {
	position:absolute;
	bottom:70px;
	left:20px;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
}

.div-sejour-duree {
	position:absolute;
	bottom:70px;
	left:150px;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
}

.div-sejour-theme {
	position:absolute;
	bottom:35px;
	left:20px;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
}

.div-sejour-titre {
	position:absolute;
	top:260px;
	left:20px;
	height:100px;
	text-align:left;
}

.div-sejour-info {
	position:absolute;
	bottom:10px;
	right:20px;	
	font-size:14px;
	text-align:right;
	color:#504E4E;
}

#blur {
	display:none;
	position: absolute;
	top: 0px;
	left:0px;
	bottom:0px;
	right:0px;
	backdrop-filter: blur(5px) contrast(60%);
	z-index:1000;
	-webkit-animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@media (max-width: 1650px) {
	h1 {
		font-size:80px;
		line-height: 100px;
	}
	.h1-smaller {
		font-size:50px;
		line-height: 55px;
	}
	#header-container {
		padding-left:150px;
	}
	.div1 {
		padding:100px;
	}
	.div2 {
		padding-left:100px;
		padding-right:100px;
	}
	.div-top-txt {
		top: 200px;
	}
	.div2-top-img {
		top: 50px;
	}
	.div3 {
		padding-left:100px;
		padding-right:100px;
	}
	.div5 {
		padding-left:100px;
		padding-right:100px;
	}
	#footer {
		padding-left:100px;
		padding-right:100px;
	}
	
	.div6-circle {
		width:400px;
	}

	.div6-image {
		width:300px;
	}

	.div6-temoignage1-image {
		left:270px;
	}
	.div6-temoignage2-image {
		left:320px;
	}
	.div6-temoignage3-image {
		left:270px;
	}
	
	.div6-titre {
		left:530px;
	}

	.div-temoignages {
		left:530px;
		right:10px;
		width:inherit;
	}

	.div-temoignage-texte {
		font-size:16px;
		line-height:24px;
	}
}

@media (max-width: 1280px) {
	#header-clipped-content {
		display: none;
	}		
	#header-container {
		width: 95vw;
	}
	.div-rectangle-left, .div-rectangle-right {
		height: 450px;
	}
	.div-rectangle-full-txt, .div-rectangle-left-txt, .div-rectangle-right-txt {
		margin: 30px;
	}
	.div3 .div-image img {
		max-width: 300px;
	}
	.div4-sejour {
		width: 400px;
	}
	.partenaire-rectangle {
		font-size:18px;
		line-height:30px;
	}
}

@media (max-width: 1020px) {
	body {
		font-size:12px;
		-webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
	}
	h1 {
		font-size:62px;
		line-height:70px;
	}
	.h1-smaller {
		font-size:45px;
		line-height:50px;
	}
	h2 {
		font-size:30px;
		line-height: 40px;
	}
	h3 {
		font-size:24px;
		line-height: 30px;
	}
	#header {
		background-image: url('../images/header-bg.png'), linear-gradient(to right, #1E2E45, #205AA3, #A3B1C5);
		background-position: center center, center center;
		background-size: 100% 100%, 100% 100%;
		background-repeat: no-repeat, no-repeat;
		height: 95vh;
		min-height:initial;
		overflow:hidden;
	}
	.socialnetworks {
		display:none;
	}
	#header-container {
		padding-left:20px;
	}
	
	#menu {
		left:10px;
		right:10px;
	}
	#menu-logo {
		right:10px;
		left:initial;
		z-index:1;
	}
	#menu-bg-left {
		left:0px;
		right:initial;
		width:70vw;
		z-index:1;
	}
	#menu-bg-right {
		right:0px;
		left:initial;
		width:30vw;
	}
	#menu-menu {
		display:none;
	}
	#menu-button {
		display:block;
		position:absolute;
		left:20px;
		top:15px;
		width:55px;
		height:55px;
		background-image:url('../images/menu-button.png');
		background-size:100% 100%;
		background-position:center center;
		cursor:pointer;
	}
	#menu-button-close {
		display:none;
		position:absolute;
		left:20px;
		top:15px;
		width:55px;
		height:55px;
		background-image:url('../images/menu-button-close.png');
		background-size:100% 100%;
		background-position:center center;
		cursor:pointer;
	}
	#menu-mobile-top {
		position: fixed;
		top: 100px;
		left: 10px;
		width:10px;
		height:10px;
		background-color: #FFF5ED;
		z-index: 1;
	}
	#menu-mobile {
		display:none;
		position: fixed;
		top: 108px;
		left: 10px;
		right: 80px;
		background-color: #FFF5ED;
		z-index: 10;
		font-size:18px;
		line-height:60px;
		padding:15px;
		border-radius:0px 0px 10px 10px;
		-webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
	}
	#menu-mobile div {
		cursor:pointer;
		-webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
	}
	
	.socialnetwork-small {
		margin:2px;
		width:14px;
		height:14px;
	}
	
	.div1 {
		padding:20px;
		background-image: none;
		margin-bottom:50px;
	}
	.div-image {
		flex-direction:column;
		gap: 20px;
	}
	.div-image img {
		max-width: 70vw;
		margin-bottom:50px;
	}
	.div-image-main-img {
		display:none;
	}
	.div2 {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:50px;
	}
	.div-top-txt {
		top: 150px;
	}
	
	.div-rectangle-full {
		flex-direction:column;
		height:auto;
		border-color: #F26B01;
	}
	.div-rectangle-full img {
		width:100%;
		height:auto;
	}
	
	.div-2rectangles {
		flex-direction:column;
	}	
	.div-rectangle-full-txt, .div-rectangle-left-txt, .div-rectangle-right-txt {
		width:auto;
		min-height:280px;
	}
	
	.div-rectangle-left,.div-rectangle-right {
		flex-direction:column;
		border-color: #F26B01;
	}
	.div-rectangle-left,.div-rectangle-right img {
		width:100%;
		height:auto;
	}
	
	.div-rectangle-image-flex {
		flex-direction:column;
	}	
	.div-rectangle {
		flex:initial;
		height:350px;
	}
	
	.contact {
		display:none;
	}
	
	.bigger {
		font-size:20px;
	}
	
	.div-rectangle-round {
		padding:0px;
		height:120px;
	}
	
	.div-rectangle-round img {
		width: 30px;
		height: auto;
	}
	.div-rectangle-round table {
		font-size:12px;
	}
	#div-rectangle-round-img-td {
		display:none;
	}
	
	.div2-top-img {
		top: 50px;
	}
	.div3 {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:0px;
	}
	.partenaire-rectangle {
		font-size:12px;
		line-height:20px;
	}
	.temoignage {
		font-size:12px;
		line-height:20px;
	}
	.div4 {
		background-size: cover;
		padding-left:10px;
		padding-right:10px;
		padding-top:70px;
		padding-bottom:20px;
	}
	.div4-sejours {
		height:700px;		
	}
	.div4-sejour {
		width:300px;
		height:300px;
		margin:20px;
	}
	.div5 {
		padding-left:20px;
		padding-right:20px;
		background-image: url('../images/bg5-left.png');
		background-position: left top;
		background-repeat: no-repeat;
		background-size: auto auto;
	}
	.div5 img {
		margin:10px;
	}
	.div5-details {
		width: auto;
		border:1px solid #F26B01;
	}
	.div5-details-img {
		width: 0%;
	}
	.div5-button1 {
		display:none;
	}
	
	.div-sponsor {
		flex-direction: column;
	}
	
	.div-sponsor-1, .div-sponsor-2, .div-sponsor-3, .div-sponsor-4 {
		width:250px;
		margin-bottom:10px;
		height: initial;
	}
	
	.div-sponsor-5 {
		width: 200px;
		margin-bottom:20px;
	}
	
	.div1-orange {
		padding-top:20px;
		padding-top:20px;
		padding-left:0px;
		padding-right:0px;
		background-image:none;
	}	

	.div2-confiance {
		height:250px;
		line-height:70px;
	}
	
	.div2-confiance-texte {
		display:block;
	}
	
	.div6 {
		position:relative;
		display:block;
		background-color: #F26B0133;
		background-image: url('../images/bg2-left.png'), url('../images/bg2-right.png');
		background-position: left top, right bottom;
		background-repeat: no-repeat, no-repeat;
		background-size: auto auto, auto auto;
		padding: 20px;
		height:auto;
	}

	.div6-circle {
		display:none;
	}

	.div6-image {
		display:none;
	}

	.div6-temoignage1-image {
		display:none;
	}
	.div6-temoignage2-image {
		display:none;
	}
	.div6-temoignage3-image {
		display:none;
	}
	
	.div6-titre {
		position:relative;
		top:0px;
		left:0px;
	}

	.div-temoignages {
		position:relative;
		margin-top:20px;
		display:block;
		width:initial;
		top:initial;
		left:initial;
	}

	.div-temoignage-nom {
		font-size:14px;
	}

	.div-temoignage-texte {
		font-size:12px;
		line-height:18px;
	}

	#sponsors-schema {
		display:none;		
	}
	#sponsors-schema-mobile {
		width:95vw;
		display:block;
		max-width:450px;
	}
	
	#sponsoring {
		left:10px;
		right:10px;
		top:10px;
		bottom:10px;
		padding:10px;
	}
	#sponsoring-about {
		padding:10px;
	}
	#sponsoring-flex {
		flex-direction: column;
	}
	
	#contact-form-img {
		display:none;
	}
	
	#footer {
		padding-left:20px;
		padding-right:20px;
		font-size:12px;
		line-height:18px;
		height:600px;
		background-image: url('../images/footer1-left.png'), url('../images/footer1-right.png'), url('../images/footer.png'), url('../images/footer2-left.jpg'), url('../images/footer2-right.jpg');
		background-position: left top, right top, center top, left bottom, right bottom;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat;
		background-size: auto auto, auto auto, auto auto, auto auto, auto auto;
	}	
	
	#footer1 {
		display:block;
		width:100%;
	}
	#footer2, #footer3 {
		border-left:none;
		padding-left:0px;
	}
	#footer h3 {
		font-size:12px;
		line-height:18px;
	}
	.footer4-sub {
		width:35%;
	}
	.footer-link {
		font-size:10px;
		line-height:16px;
	}
	
	#footer4-sub-ola {
		display:none;
	}
	
	#footer4-sub-logo {
		max-width:80%;
	}
	
	#footer-contact1 {
		display:none;
	}
	#footer-contact2 {
		display:inline-block;
	}
	#footer-copyright {
		font-size:10px;
	}
	#footer-pixeldurable {
		font-size:12px;
	}
}