@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Buttons
4. Header
5. Menu
6. Home
7. About
8. Services
9. Feature Cards
10. Video
11. Testimonials
12. Features Column
13. Quote
14. CTA Erase
15. Work
16. Clients
17. Stats
18. CTA Main
19. Features
20. Quote
21. Blog
22. FAQ
23. Subscribe
24. Footer


******************************/
/*
font-family: carilliantine, sans-serif;
font-weight: 400;
font-style: normal;

font-family: gelo, serif;
font-weight: 300;400;700;800
font-style: normal;


/***********
1. Fonts
***********/
/*
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;700&family=Raleway:wght@700&display=swap');*/

/*********************************
2. Body and some general stuff
*********************************/
:root
{
	scroll-behavior:auto !important;
}
*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	-moz-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	-o-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'gelo', serif;
	font-size: 14px;
	font-weight: 400;
	/*background-color: #1a1a1a;*/
	/*background: url(../images/fond-Les-jardins-d-Etunia-parc-loisirs-semussac-royan-charente-maritime.jpg);
    background-size: contain;
    background-position: left top;
	background-color: #4b2282;
    background-repeat: no-repeat;*/
	
	background: url(../images/fond-Les-jardins-d-Etunia-parc-loisirs-semussac-royan-charente-maritime.jpg);
    background-size: contain;
    background-position: center top;
	
	color: #a5a5a5;
}
.container{padding-top:120px;background-color: rgba(255,255,255,0.00)!important;}
.feature_cards.kart .container, .feature_cards.boutic .container { padding-top:0px;}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin: 0px;
	padding: 0px

}
p
{
	font-family: 'gelo', serif;
	font-size: 18px;
	line-height: 1.58888;
	font-weight: 600;
	color: #e3f4fa;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 0px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{color:darkorange;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
a:hover{color:greenyellow;}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
h1{font-size: 70px;}
h2{font-size: 53px;}
h3{font-size: 43px;}
h4{font-size: 35px;}
h5{font-size: 31px;}
h1, h2, h3, h4, h5, h6
{
	/*font-family: 'gelo', serif;*/
	font-family: 'carilliantine', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	margin-bottom: 0;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 1.23;
}
img
{
	max-width: 100%;
}
.img-itineraire{width:100%;max-width:500px;height:auto;}
.menu_overlay, .menu, .hamburger.cursor_hide{display:none}
button:active
{
	outline: none;
}
a.parcreservation{background: #FFBD0B;padding: 10px 15px;border-radius: 20px;color: #000;}
a.parcreservation:hover{background: #000;padding: 10px 15px;border-radius: 20px;color: #fff!important;}
.ouverture{color:#fff;font-family: 'carilliantine', sans-serif;font-size:2.2rem;display:block;}
p.visage img{width:100%;max-width:300px;height:auto;margin-top:20px;}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.boutic{width:100%;margin-top:50px;}
.fill_height
{
	height: 100%;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-mirror
{
	z-index: 1 !important;
	border-radius: 40px;
}
.parallax-window
{
    min-height: 280px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nopadding
{
	padding: 0px !important;
}
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item
{
	height: 100%;
}
.slide
{
	height: 100%;
}
.super_container
{
	width: 100%;
}
.content_container
{
	width: 100%;
	height: auto;
	overflow: hidden;
	/*background-image: linear-gradient(-135deg, #463d5a -1%, #1b2944 6%, #181e2e 12%);*/
	/*background: url(../images/fond-Les-jardins-d-Etunia-parc-loisirs-semussac-royan-charente-maritime.jpg);
    background-size: contain;
    background-position: left top;*/
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.content_container.active
{
	transform: translateX(-100px);
}
.cursor_circle
{
	position: fixed;
	left: 0;
	background-color: #ff6d7f;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1004;
	-webkit-transition: opacity 500 linear;
	-moz-transition: opacity 500 linear;
	-ms-transition: opacity 500 linear;
	-o-transition: opacity 500 linear;
	transition: opacity 1500 linear;
}

/*********************************
3. Buttons
*********************************/
 img.img-fluid.marginBTN {
    margin: 0px auto 20px auto;border-radius:30px;
    opacity: 1;
    transition: all 0.3s;}
		img.img-fluid.marginBTN:hover {
    margin: 0px auto 20px auto;border-radius:0px;
    opacity: 0.7;
    transition: all 0.3s;}

		.borderindex span{text-transform: none;color:#fff;display:block;}
h3 img.chien {
    width: 100px;
    margin: -60px auto 0px auto;
}
	.gdp-scoped-ui .g-button.button.is-medium {
    padding: 5px 13px 14px 13px;
    line-height: 2.0rem;position:relative;
}
.gdp-scoped-ui.boutonLoc .g-button.button.is-medium {
    padding: 10px 13px 14px 13px;
margin-top: 30px;
}
		 span.boutonReserv {
       width: 109px;
    display: block;
    text-align: center;
    color: var(--primary-invert,var(--text,#0d1e3d));
    position: absolute;
    z-index: 10;
    bottom: 0px;left:0px;
}
		.menu span.boutonReserv {
    width: 45px;
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: 0px;
    left: 0px;}
		
		.menu .gdp-scoped-ui .g-button.button.is-medium {
    padding: 10px 15px 10px 15px;line-height: 1.8rem;}
		.gdp-scoped-ui button.button.guidap-button-root-element .guidap-button-root-icon.icon {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
}
img.boncad    {max-width: 168px;
	height: 50px;margin-right: 32px;}
		.menu img.boncad    {max-width: 168px;
	height: 50px;margin-right: auto;margin-left:auto;}

.grad_button_1
{
	width: 209px;
	height: 56px;
	border-radius: 30px;
	overflow: hidden;
}
.grad_button_1 a
{
	display: block;
	position: relative;
	height: 100%;
	border-radius: 30px;
	z-index: 1;
}
.grad_button_1 span
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'gelo', serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.15em;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.grad_button_1 span::before
{
	position: absolute;
	left: -17px;
	top: 4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #FF6347;
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.grad_button_1:hover span::before
{
	opacity: 1;
}
.grad_button_1:hover span
{
	-webkit-transform: translate(-40%, -50%);
	-moz-transform: translate(-40%, -50%);
	-ms-transform: translate(-40%, -50%);
	-o-transform: translate(-40%, -50%);
	transform: translate(-40%, -50%);
}
.grad_button_1 > svg
{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	opacity: 1;
	z-index: 0;
	overflow: visible;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.grad_button_1 > svg > rect
{
	opacity: 0.4;
	rx: 28px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.grad_button_1:hover > svg > rect
{
	opacity: 1;
}

/* Small Gradient Button */

.grad_button_s
{
	width: 144px;
	height: 35px;
	border-radius: 18px;
	overflow: hidden;
}
.grad_button_s a
{
	display: block;
	position: relative;
	height: 100%;
	border-radius: 18px;
	z-index: 1;
}
.grad_button_s span
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'gelo', serif;
	font-size: 10px;
	font-weight: 700;
	padding-bottom: 3px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.15em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.grad_button_s span::before
{
	position: absolute;
	left: -17px;
	top: 4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #FF6347;
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.grad_button_s:hover span::before
{
	opacity: 1;
}
.grad_button_s:hover span
{
	-webkit-transform: translate(-40%, -50%);
	-moz-transform: translate(-40%, -50%);
	-ms-transform: translate(-40%, -50%);
	-o-transform: translate(-40%, -50%);
	transform: translate(-40%, -50%);
}
.grad_button_s > svg
{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	opacity: 1;
	z-index: 0;
	overflow: visible;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.grad_button_s > svg > rect
{
	stroke: url(#linear);
	opacity: 0.4;
	rx: 18;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.grad_button_s:hover > svg > rect
{
	opacity: 1;
}
.svg_defs
{
	position: absolute;
	top: -5000px;
	left: -5000px;
	width: 0;
	height: 0;
	opacity: 0;
}

/* No Gradient Button */

.nograd_button
{
	width: 144px;
	height: 35px;
	border-radius: 18px;
	overflow: hidden;
	border: solid 2px rgba(255,255,255,0.15);
}
.nograd_button a
{
	display: block;
	position: relative;
	height: 100%;
	border-radius: 18px;
	z-index: 1;
}
.nograd_button span
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'gelo', serif;
	font-size: 10px;
	font-weight: 700;
	padding-bottom: 1px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.15em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.nograd_button span::before
{
	position: absolute;
	left: -17px;
	top: 4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #FF6347;
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.nograd_button:hover span::before
{
	opacity: 1;
}
.nograd_button:hover
{
	border: solid 2px rgba(255,255,255,0.3);
}
.nograd_button:hover span
{
	-webkit-transform: translate(-40%, -50%);
	-moz-transform: translate(-40%, -50%);
	-ms-transform: translate(-40%, -50%);
	-o-transform: translate(-40%, -50%);
	transform: translate(-40%, -50%);
}

/*********************************
4. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 114px;
	background-color: transparent;
	z-index: 10;
	-webkit-transition: height 400ms ease;
	-moz-transition: height 400ms ease;
	-ms-transition: height 400ms ease;
	-o-transition: height 400ms ease;
	transition: height 400ms ease;
	opacity: 0;
	animation: headerAnim 400ms 0.5s ease-out forwards;
}
@keyframes headerAnim
{
	to
	{
		opacity: 1;
	}
}
.header.scrolled
{
	height: 125px;
	opacity: 0.95;
	background-color: #532a84;

}
.header_container
{
	width: 100%;
	/* max-width: 1920px; */
	height: 100%;
	background-color: transparent;
	padding-left: 35px;
	padding-right: 50px;justify-content: center;
}
.header .logo
{
	margin-top: 100px;width:260px;height:auto;-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.header .logo img
{
	max-width:100%;height:auto;
}
.header.scrolled .logo
{
	/*margin-top: 47px;*/margin-top: -30px;width:160px;height:auto;-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #532a84;border-radius:50%;
}
.main_nav
{
	padding-left: 70px;
}
.main_nav ul
{
	margin-top: -1px;
}
.main_nav ul li a
{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav ul li a.active
{
	color: #63b32c;
}
.main_nav ul li a:hover
{
	color: #ff6d7f;
}
.nav-link:focus {
	color: #ff6d7f!important;
}
.dropdown-menu {
    background-color: #000
}
.main_nav ul li a.dropdown-item {
    font-weight: 400;background-color: rgba(0,0,0,0.00);}
.main_nav ul li a.dropdown-item:hover {
    color:#ccc;}
.main_nav ul li:not(:last-of-type)
{
	margin-right: 32px;
}
/**************/
	.header .bandeau{display:block;position:relative;background: transparent;text-align: right;padding:10px 20px 0px 20px;width:100%;margin-top:15px;margin-bottom:-15px;}
	.bandeau ul.coordonnees{display:block;position:relative;margin:0px 0px 0px auto;list-style: none;}
	.bandeau ul.coordonnees li{display:inline-block;margin:0px 5px;}
	.bandeau ul.coordonnees li a, .bandeau ul.coordonnees li a:link, .bandeau ul.coordonnees li a:focus, .bandeau ul.coordonnees li a:focus, .bandeau ul.coordonnees li a:visited{display:inline-block;font-size:1.0rem;line-height: 1.5rem;color: #63b32c;}
	.bandeau ul.coordonnees li a:hover{color: #fff;}	
	.bandeau ul.coordonnees li a i {font-size:1.5rem;}
	.bandeau ul.coordonnees li a i.bi-phone-vibrate {font-size:2.0rem; vertical-align: -4px;}
	.reservation iframe{height:1200px; width:100%;overflow: scroll!important;}
		.listing ul.liste{text-align:left;padding:0px 0px;}
		.listing {;padding:0px 30px;border:0px solid #fff200;}
		.h5location{padding-bottom: 5px;padding-top: 15px;}

.header.scrolled .bandeau{  
    margin-top: -6px;
}
		
		.boutonreserv {
    padding: 18px 23px; 
	line-height: 19px;
    font-size: 14px;
    font-weight: 600;background: #ffbd0b;
    color: #0d1e3d!important;font-weight:200!important;
    transition: all .2s ease-in-out;
    height: auto;border-radius: var(--radius-rounded,9999px);
}
				.boutonreserv:hover {
  background: #333;color:#fff!important;
}
	.main_nav {
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}	
		
@media only screen and (max-width: 767px)
{		
		.listing { padding: 0px 0px;
    border: 0px solid #fff200;}
}
/*************/
.hamburger_container
{
	position: fixed;
	top: 20px;
	right: 45px;
	padding: 4px;
	cursor: pointer;
	margin-right: -4px;
	z-index: 14;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.hamburger_container.scrolled
{
	top: 24px;
}
.hamburger
{
	width: 100%;
	height: 100%;
}
.hamburger:hover
{
	cursor: pointer;
}
.hamburger .line
{
	width: 20px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin: 4px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger_container:hover .hamburger .line
{
	background-color: #ff6d7f;
}
.hamburger_container.active .hamburger .line:nth-child(1),
.hamburger.is-active .line:nth-child(3)
{
	width: 19px;
}

.hamburger_container.active .hamburger .line:nth-child(1)
{
	-webkit-transform: translateX(-4px) rotate(-45deg);
	-ms-transform: translateX(-4px) rotate(-45deg);
	-o-transform: translateX(-4px) rotate(-45deg);
	transform: translateX(-4px) rotate(-45deg);
}

.hamburger_container.active .hamburger .line:nth-child(3)
{
	-webkit-transform: translateX(-3px) rotate(45deg);
	-ms-transform: translateX(-3px) rotate(45deg);
	-o-transform: translateX(-3px) rotate(45deg);
	transform: translateX(-3px) rotate(45deg);
}

/*********************************
5. Menu
*********************************/

.content_container.philo .container{padding-top: 0px;}
.content_container.philo .about{margin-top: 20px;}
/*.content_container.philo .home{height:auto;}*/

#fond{ background: rgba(252,108,127,0.90); width:100%; height:150vh;padding:10px 0 10px 0; z-index:1000000; position:absolute; left:0; top:0;display:block;box-sizing: border-box;}
 #distri{
color: #fff;  font-family: 'Fjalla One', sans-serif;
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
width: 98%; height:90vh; /*max-width:900px;*/ max-width:1200px; 
padding: 2px 5px; margin:auto; z-index:1000000; text-align:right;box-sizing: border-box;} 
  #distri img{ width:100%; height:auto; text-align:right;}
#fermer i {border-radius: 50%; padding:11px 6px 8px 6px; background:rgba(231,30,33,1.00); color:#ffffff;
}
#fermer {
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
color: #000000;
cursor: pointer;
display: relative; rignt:0px; width:125px;
padding: 5px 10px;
text-align: center;
text-decoration: none;margin:0 auto;margin-bottom:10px;
}
	#contenupop{background: url(images/fond-Les-jardins-d-Etunia-parc-loisirs-semussac-royan-charente-maritime.jpg);
    background-size: cover;
    background-position: left top;  padding:30px 50px 30px 50px;border-radius:20px;border:2px dotted#fff;box-sizing: border-box;}
	#contenupop h3{color:#fff}
	#contenupop p em{color:#ccc}
	
	#contenupop p {
    font-size: 17px;font-weight:100;
		line-height: 25px;}
	
	@media (max-width: 567px) {
		#contenupop h3 {font-size: 26px;margin-bottom:10px;}
		#contenupop {padding: 20px 30px 20px 20px}
	}
	@media (max-width: 380px) {
		#fond {padding: 30px 0 10px 0;}
	}

	.gdp-scoped-ui .button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    text-decoration: none;
}
	.gdp-scoped-ui button.button.guidap-cart-button-element .guidap-cart-button-text{color: #fff;}
	.gdp-scoped-ui:hover .button.is-text, .gdp-scoped-ui:hover button.button.guidap-cart-button-element .guidap-cart-button-text {
    color: #ed6c08;

}
	.gdp-scoped-ui .g-box.box {
     border: 0px solid #c7ccd4;
    background-color: transparent;
}
.box{display: flex;
  align-items: center;
  justify-content: center;}

.separation{display:block;display: block;width:100%;height:50px;}

.menu_overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0b0d14;
	z-index: 12;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_overlay.active
{
	opacity: 0.75;
}
.menu
{
	position: fixed;
	top: 0;
	right: -450px;
	width: 450px;
	height: 100%;
	background-color: #4c2381;
	z-index: 13;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 60px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	overflow: auto;
}
.menu.active
{
	right: 0;
}
.menu_button
{
	width: 100%;
}
.menu_button > svg > rect
{
	stroke: url(#linear);
}
.menu ul
{
	margin-top: 0px;
	border-top: solid 0px rgba(255,255,255,0.05);
	padding-top: 0px;
	padding-bottom: 22px;
}
.menu ul li
{
	position: relative;text-align:center;margin-bottom:5px!important;
}
.menu ul li:not(last-of-type)
{
	margin-bottom: 3px;
}
.menu ul li a
{
	font-size: 26px;
	font-weight: 600;
	color: #ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu ul li a:hover
{
	background: -webkit-linear-gradient(45deg, #ff6d7f, #a35595);
    -webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*********************************
6. Home
*********************************/
ul.liste li{color: #fff;font-size: 1.1rem;font-weight: 100;}
.photo img{padding: 20px;max-width: 100%;height: auto;margin-top: -10px;border-radius: 50px;}

.home
{
	width: 100%;
	height: 100vh;
	padding-right: 50px;
}
.home_erase_container
{
	position: absolute;
	/* top: 26.5%; */
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 89px;
	width: 705px;
	height: 475px;
	opacity: 0;
	animation: homeEraseAnim 400ms 500ms linear forwards;
}
.home_erase_container img{width:100%;max-width:400px;height:auto;margin-top:-100px;/*	-webkit-transition: opacity 1500ms ease;
	-moz-transition: opacity 1500ms ease;
	-ms-transition: opacity 1500ms ease;
	-o-transition: opacity 1500ms ease;
	transition: opacity 1500ms ease;*/}
@keyframes homeEraseAnim
{
	to
	{
		opacity: 1;
	}
}
.rect_1
{
	opacity: 0;
}
.home_content
{
	max-width: 1100px;
	padding-left: 197px;
	z-index: 5;
	/*margin-top: -36px;*/
	margin-top: 0px;
	opacity: 0;
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	-ms-transform: translateY(8px);
	-o-transform: translateY(8px);
	transform: translateY(8px);
	animation: homeContentAnim 400ms 0.5s ease-out forwards;
}
@keyframes homeContentAnim
{
	to
	{
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
.home_text_big
{
	position: relative;
	font-family: 'gelo', serif;
	font-size: max(6.666666vw, 64px);
	text-transform: uppercase;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.7;
	margin-left: calc(-0.035em - 3px);
	letter-spacing: 0.035em;
}
.home_text_big span::after
{
	display: block;
	position: absolute;
	bottom: 1px;
	left: calc(100% + 3px);
	content: '';
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #ff6d7f;
}
.home_text_big span
{
	position: relative;
}
.home_content > p
{
	max-width: 700px;
	font-size: 18px;
	font-weight: 400;
	color: #7f889b;
	line-height: 1.7777;
	margin-top: 48px;
}
.home_text_small
{
	font-family: 'gelo', serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	/*color: #7f889b;*/
	color:#ed6c08;
	line-height: 1.5;
	margin-bottom: 18px;
	letter-spacing: 0.05em;
	margin-left: -0.05em;padding-right:40%;padding-top:110px;
}
.home_button
{
	margin-top: 35px;
}
.home_button > svg > rect
{
	stroke: url(#linear);
}
#home_erase
{
	width: 100%;
	height: 100%;
}
svg > foreignObject
{
	width: 100%;
	height: 100%;
}
.home_social_bar
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 116px;
	padding-right: 54px;
	padding-left: 197px;
	opacity: 0;
	animation: socAnim 400ms 0.5s ease-out forwards;
}
@keyframes socAnim
{
	to
	{
		opacity: 1;
	}
}
.social_home
{
	margin-left: auto;
}
.social_home > span
{
	display: block;
	position: relative;
	font-family: 'gelo', serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 500;
	color: rgba(255,255,255,0.25);
	margin-right: 112px;
}
.social_home > span::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: calc(100% + 30px);
	width: 50px;
	height: 2px;
	content: '';
	background-color: rgba(255,255,255,0.25);
}
.social_home ul li:not(:last-child)
{
	margin-right: 24px;
}
.social_home ul li a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.social_home ul li a:hover > i
{
	color: #FFFFFF;
}
.social_home ul li a i
{
	font-size: 18px;
	color: rgba(255,255,255,0.25);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.scroll_pic
{
	margin-bottom: 18px;
}
.scroll_pic::after
{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 11px;
	width: 4px;
	height: 8px;
	border-radius: 4px;
	content: '';
	background-color: rgba(255,255,255,0.2);
	animation: scrollAnim 8s ease-in-out forwards infinite;
}
@keyframes scrollAnim
{
	0%
	{
		background-color: rgba(255,255,255,0.2);
	}
	25%
	{
		background-color: rgba(255,255,255,1);
	}
	50%
	{
		background-color: rgba(255,255,255,0.2);
	}
	75%
	{
		background-color: rgba(255,255,255,1);
	}
}

/*********************************
7. About
*********************************/

.about
{
	width: 100%;
	margin-top: 100px;
	opacity: 0;
	animation: aboutAnim 400ms 0.5s ease-out forwards;
}
@keyframes aboutAnim
{
	to
	{
		opacity: 1;
	}
}
.section_title_container
{
	width: 100%;
	text-align: center;
}
.section_title_container h1, .section_title_container p
{
	position: relative;
}
.section_title_container > div
{
	width: 100%;
}
.section_title_container > div::before
{
	position: absolute;
	top: 35%;
	left: -190px;
	width: 593px;
	height: 593px;
	border-radius: 50%;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	background-image: radial-gradient(rgba(23,39,62,1) 0%, transparent 70%);
	content: '';
	z-index: 0;
	pointer-events: none;
}
.title_centered > div::before
{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.title_centered > div
{
	max-width: 850px;
}
.title_centered > div > .section_title_text
{
	width: 675px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.section_subtitle
{
	font-family: 'gelo', serif;
	font-size: 18px;
	color: #ed6c08;
	font-weight: 700;
	margin-bottom: 5px;
}
.section_title_text
{
	font-size: 19px;
	color: #e3f4fa;
	line-height: 1.588888;
	font-weight: 300;
	width: 100%;
	padding-right: 60px;
}
.section_title_text.paddingR {text-align: justify;padding-right: 0px;}
.separator
{
	margin-top: 10px;
	margin-bottom: 44px;
}
.separator i, .feature_card_icon i, .feature_icon i
{
	font-size:3.5rem;color:#ed6c08;
}
.feature_icon i{color:#63b32c}

.about_image
{
	height: 390px;
	margin-top: 80px;
	border-radius: 40px;
	overflow: hidden;
}

/*********************************
8. Services
*********************************/

.services
{
	margin-top: 112px;
}
.services_list_container
{
	padding-left: 45px;
	margin-top: 2px;
}
.service
{
	width: calc((100% - 15px) / 1);
	margin-bottom: 15px;
	opacity: 0;
	transform: translateY(15px);
}
.service p{text-align: center;}
.service p.info span, .feature_card_content p.info span{display:block;font-size:0.8em;font-weight:300;color:#ed6c08;}
.service.active
{
	opacity: 1;
	transform: translateY(0px);
}
.service > div
{
	width: 100%;
	height: 98px;
}
.service > div > svg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 0;
}
.service > div > svg > rect
{
	opacity: 0.5;
	stroke: url(#linear);
}
.service_text
{
	display: block;
	position: relative;
    width: 100%;
    text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	z-index: 1;
}

/*********************************
9. Feature Cards
*********************************/

.feature_cards
{
	margin-top: 0px;
	padding-bottom: 68px;
}
.feature_card
{
	/*width: calc((100% - 30px) / 3);*/
	width: calc((100% - 30px) / 3);
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden;
	margin-bottom: 15px;/*min-height:600px;*/
}
.feature_card > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
	overflow: visible !important;
}
.feature_card > svg > rect
{
	opacity: 0.5;
    stroke: url(#linear);
}
.feature_card_content h3
{
	margin-top: 10px;
	/*font-size: 24px;*/
	font-size: 35px;
}
.feature_card_content p
{
	font-size: 16px;
	font-weight: 600;
	color: #e3f4fa;
	margin-top: 13px;
	line-height: 1.475;margin-bottom:0px;
}
.card_bg
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.feature_card_button
{
	margin-top: 21px;
	margin-left: auto;
	margin-right: auto;
}

/*********************************
10. Video
*********************************/

.video_content_container
{
	padding-top: 144px;
	padding-bottom: 144px;
}
.video_panel
{
	width: 789px;
	height: 426px;
	background-color: #181e2e;
	border-radius: 25px;
	box-shadow: 0px 15px 49px rgba(0, 0, 0, 0.42);
	padding-left: 60px;
	padding-right: 60px;
}
.round_button
{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-image: linear-gradient(135deg, #ff6d7f, #a35595);
	box-shadow: 0px 0px 27px rgba(247,149,168, 0.3);
	cursor: pointer;
}
.round_button > a
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.round_button img
{
	margin-left: 5px;
	pointer-events: none;
	opacity: 0.5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.round_button:hover img
{
	opacity: 1;
}
.video_panel p
{
	margin-top: 19px;
}
.video_button
{
	margin-top: 35px;
}
.video_panel p:last-of-type
{
	opacity: 0.5;
	margin-top: 19px;
}

/*********************************
11. Testimonials
*********************************/

.testimonials
{
	width: 100%;
	margin-top: 53px;
}
.testimonials_slider_container
{
	left: -245px;
	width: calc(100% + 466px);
	height: 282px;
}
.testimonial
{
	height: 254px;
	padding-top: 34px;
	padding-left: 44px;
	padding-bottom: 35px;
	padding-right: 43px;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
.testimonial_content
{
	height: 100%;
}
.testimonials_slider.owl-drag .owl-item
{
	margin-right: 14px !important;
}
.testimonial > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
	overflow: visible !important;
}
.testimonial > svg > rect
{
	opacity: 0.5;
    stroke: url(#linear);
}
.testimonial p
{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4368;
}
.testimonial_meta
{
	width: 100%;
}
.testimonial_user_pic
{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial_user_info
{
	margin-left: 16px;
	padding-bottom: 2px;
}
.testimonial_user_name
{
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
}
.testimonial_user_title
{
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
}
.testimonial_quote
{
	margin-left: auto;
}
.owl-item .testimonial
{
	opacity: 0.3;
}
.owl-item.active.center .item .testimonial
{
	opacity: 1 !important;
}

/*********************************
12. Features Column
*********************************/

.features_col
{
	margin-top: 103px;
}
.features_col_container
{
	margin-top: 44px;
}
.features_col_item
{
	padding-left: 30px;
}
.features_col_item:not(:last-child)
{
	margin-bottom: 44px;
}
.features_col_icon
{
	width: 46px;
	height: 46px;
	margin-right: 20px;
}
.features_col_icon img
{
	max-width: fit-content;
}
.features_col_content p
{
	margin-top: 6px;
}

/*********************************
13. Quote
*********************************/

.quote
{
	margin-top: 109px;
}
.quote p
{
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2;
	color: #e3f4fa;
}
.quote p span
{
	background: -webkit-linear-gradient(45deg, #ff6d7f, #a35595);
	-webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*********************************
14. CTA Erase
*********************************/

.cta_erase
{
	margin-top: 112px;
	margin-bottom: 112px;
}
.cta_erase_container
{
	width: 100%;
	height: 518px;
}
#cta_erase
{
	width: 100%;
	height: 100%;
}
#cta_erase_clip_path > rect
{
	fill: blue;
	transform-origin: 58px 58px;
}
#cta_erase > foreignObject
{
	display: block;
	width: 100%;
	height: 100%;
}
.cta1_form_container
{
	width: 100%;
	height: 100%;
	padding-left: 110px;
	padding-right: 118px;
}
.cta1_text
{
	max-width: 340px;
}
.cta1_title
{
	font-size: 45.49px;
	color: #ffffff;
	font-weight: 700;
}
.cta1_text p
{
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.48;
}
.cta1_input
{
	width: 452px;
	height: 52px;
	background-color: #ffffff;
	padding-left: 30px;
	border-radius: 26px;
	border: none !important;
	outline: none !important;
}
.cta1_input::-webkit-input-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.cta1_input:-moz-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.cta1_input::-moz-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
} 
.cta1_input:-ms-input-placeholder
{ 
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.cta1_input::input-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.cta1_button
{
	position: absolute;
	top: 0;
	right: -1px;
	width: 175px;
	height: 52px;
	border-radius: 26px;
	background-image: linear-gradient(135deg, #ff6d7f, #a35595);
	border: none !important;
	outline: none !important;
}
.cta1_button span
{
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

/*********************************
15. Work
*********************************/
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    font-size: 5rem;color: #ed6c08;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
    background: none;
}
.owl-carousel .owl-nav button.owl-prev {float:left;}
.owl-carousel .owl-nav button.owl-next {float:right;}
.owl-theme .owl-nav { margin-top: -40px;}
.owl-theme .owl-dots {
    margin: 58px auto 0 auto;
    width: 200px;
}
.work_title
{
	margin-bottom: 54px;
}
.work_slider_container
{
	width: 100%;
	overflow: hidden;
}
.work_slide
{
	overflow: hidden;
}
.work_slide_image
{
	width: 100%;
	/*height: 750px;*/
	height:420px;
	border-radius: 25px;
	overflow: hidden;
}
.work_slider:hover
{
	cursor: none;
}
.work_cursor
{
	display: none;
	position: fixed;
	width: 80px;
	height: 34px;
	z-index: 1000;
	pointer-events: none;
}
.work_cursor > div
{
	height: 100%;
}
.work_cursor_left
{
	position: absolute;
	top: 6px;
	left: 0;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}
.work_cursor_circle
{
	position: absolute;
	left: 23px;
	top: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: solid 4px #ff6d7f;
	background-color: transparent;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}
.work_cursor_right
{
	position: absolute;
	top: 6px;
	right: 0;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}
.work_slide_info
{
	padding-left: 6px;
	padding-right: 6px;
}
.work_slide_category
{
	height: 35px;
	padding-left: 23px;
	padding-right: 23px;
	margin-top: 20px;
	margin-right: 8px;
}
.work_slide_category > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
    overflow: visible;
}
.work_slide_category > svg > rect
{
    stroke: url(#linear);
    rx: 18;
}
.work_slide_category span
{
	font-size: 11px;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 33px;
}
.work_slide_title
{
	position: absolute;
	left: 32px;
	bottom: 15px;
	font-size: 26px;
	font-weight: 600;
	color: #ffffff;
	z-index: 1;
}

/*********************************
16. Clients
*********************************/

.clients
{
	margin-top: 116px;
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;
	background-image: linear-gradient(135deg, #ffbdc4, #de95d0);
	padding-top: 135px;
	padding-bottom: 202px;
}
.clients::after
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background-color: #181e2e;
	content: '';
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;	
}
.clients .title_centered > div::before
{
	display: none;
}
.clients .section_title_container h1
{
	color: #112a46;
}
.clients .section_subtitle
{
	color: #112a46;
}
.clients_list
{
	margin-top: 80px;
}
.client
{
	text-align: center;
	flex: 1 0 21%;
	opacity: 0.7;
	margin-bottom: 63px;
}
.clients_button
{
	width: 209px;
	height: 56px;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px rgba(24,30,46,0.15);
	border-radius: 28px;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.clients_button:hover
{
	border: solid 2px rgba(24,30,46,0.7);
}
.clients_button a
{
	display: block;
	height: 100%;
	font-size: 12px;
	color: #181e2e;
	letter-spacing: 0.15em;
	font-weight: 700;
	line-height: 52px;
	text-transform: uppercase;
	border-radius: 28px;
}

/*********************************
17. Stats
*********************************/

.stats
{
	margin-top: 50px;
}
.stats_container
{
	padding-left: 30px;
}
.stats_item
{
	width: calc((100% - 30px) / 3);
	height: 213px;
	background: transparent;
	border-radius: 25px;
	margin-bottom: 15px;
}
.stats_full
{
	background-image: linear-gradient(90deg, #ff6d7f, #a35595);
}
.stats_item > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
    overflow: visible;
}
.stats_item > svg > rect
{
    stroke: url(#linear);
    rx: 18;
}
.stats_item_content
{
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.stats_item_number
{
	font-size: 56px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.05em;
	line-height: 0.7;
	text-align: center;
}
.stats_item_number span
{
	font-size: 35px;
}
.stats_item_text
{
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: 13px;
	text-align: center;
	line-height: 1.3;
}

/*********************************
18. CTA Main
*********************************/

.cta_main
{
	margin-top: 112px;
	z-index: 2;
}
.cta_small
{
	width: calc((100% - 15px) * 0.3333);
	height: 277px;
	border-radius: 25px;
	background-color: #e3f4fa;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	padding-bottom: 1px;
}
.cta_large
{
	width: calc((100% - 15px) * 0.6666);
	height: 277px;
	border-radius: 25px;
	background-image: linear-gradient(90deg, #ff6d7f, #a35595);
}
.cta_small_title
{
	font-size: 24px;
	font-weight: 700;
	color: #181e2e;
}
.cta_small p
{
	font-size: 16px;
	color: #181e2e;
	line-height: 1.475;
	margin-top: 9px;
}
.cta_small .grad_button_s
{
	margin-top: 20px;
}
.cta_small .grad_button_s span
{
	color: #181e2e;
}
.cta_small .grad_button_s > svg > rect
{
	opacity: 1;
}
.cta_large_container
{
	height: 100%;
}
.cta_large_container > div
{
	padding-left: 63px;
}
.cta_large_title
{
	font-size: 42px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
}
.cta_large_container p
{
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	margin-top: 3px;
}
.cta_large_form_container
{
	margin-top: 32px;
}
.cta_large_form
{
	height: 56px;
}
.cta_large_input
{
	width: 405px;
	height: 56px;
	border: solid 2px #ffffff;
	border-radius: 28px;
	outline: none;
	background-color: transparent;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}
.cta_large_input::-webkit-input-placeholder
{
	font-size: 17px;
	font-weight: 700;
	color: rgba(255,255,255,0.7);
	letter-spacing: 0.03em;
}
.cta_large_input:-moz-placeholder
{
	font-size: 17px;
	font-weight: 700;
	color: rgba(255,255,255,0.7);
	letter-spacing: 0.03em;
}
.cta_large_input::-moz-placeholder
{
	font-size: 17px;
	font-weight: 700;
	color: rgba(255,255,255,0.7);
	letter-spacing: 0.03em;
} 
.cta_large_input:-ms-input-placeholder
{ 
	font-size: 17px;
	font-weight: 700;
	color: rgba(255,255,255,0.7);
	letter-spacing: 0.03em;
}
.cta_large_input::input-placeholder
{
	font-size: 17px;
	font-weight: 700;
	color: rgba(255,255,255,0.7);
	letter-spacing: 0.03em;
}
.cta_large_button
{
	width: 209px;
	height: 56px;
	border: solid 2px #ffffff;
	border-radius: 28px;
	outline: none;
	background-color: transparent;
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

/*********************************
19. Features
*********************************/

.features
{
	/*margin-top: 123px;*/
	margin-top: 135px;
}
#about.features, #about.projet
{
	margin-top: 70px;
}
.features_container
{
	margin-top: 62px;
}
.feature_item
{
	width: calc((100% - 90px) / 2);
	margin-bottom: 59px;
}
.feature_icon
{
	width: 68px;
	height: 53px;
}
.feature_icon.image{width:100%;height:auto}
.feature_icon img
{
	display:inline-block;width:100%;height:auto;max-width:70px;margin-right:5px;;
}
.feature_item_title
{
	margin-top: 6px;
}
.feature_item_title h3
{
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
}
.feature_item_title h2{color:#63b32c;}
.head2 .feature_item_title h2 img{float:left;max-width: 70px;margin: 0px 10px 20px 0px;height: auto;}
.head2 .feature_item_title h2.bleu img, .head2 .feature_item_title h2.vert img {
    margin: 0px 10px 40px 0px;
}
.feature_item_title h2.orange, h1.orange, span.orange{color:#f47524;}
.feature_item_title h2.jaune, h1.jaune, span.jaune{color:#fff200;}
.feature_item_title h2.fushia, h1.fushia, span.fushia{color:#ec008c;}
.feature_item_title h2.bleu, h1.bleu, span.bleu{color:#2eaae5;}
a.presse img{opacity:1.0}
a.presse:hover img{opacity:0.7}
.flexcentrage{
  display: flex;
  align-items: center;
  justify-content: center;

}
.feature_item_title h2 i{font-size:2.5rem;}
.feature_item p
{
	margin-top: 11px;font-weight:300;
}
.feature_item p span, .feature_item p a
{
	    color: #ed6c08;
}

.feature_item p a:hover
{
	    color: #63b32c;background: none;
}
.feature_item p a 
{text-transform: uppercase;
}
.feature_item p a span
{display:block;
	    color: #fff;text-transform: none;
}
.feature_button
{
	margin-top: 22px;
}

/*********************************
20. Quote
*********************************/

.quote_cta
{
	margin-top: -19px;
	z-index: 2;
}
.quote_background
{
	opacity: 0.4;
}
.quote_text
{
	max-width: 770px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 200px;
	padding-bottom: 200px;
}
.quote_text h1
{
	font-size: 84px;
	line-height: 1.369;
	background: -webkit-linear-gradient(0deg, #ff6d7f, #a35595);
    -webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
}
.quote_button
{
	width: 209px;
	height: 56px;
	border-radius: 28px;
	background-image: linear-gradient(90deg, #ff6d7f, #a35595);
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.quote_button a
{
	display: block;
	height: 100%;
	border-radius: 28px;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	line-height: 56px;
}

/*********************************
21. Blog
*********************************/

.blog
{
	margin-top: 30px;
}
.blog_container
{
	margin-top: 54px;
}
.blog_post
{
	width: calc((100% - 20px) / 2);
	padding: 20px;
	margin-bottom: 20px;
}
.blog_post > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
    overflow: visible;
}
.blog_post > svg > rect
{
    stroke: url(#linear);
	opacity: 0.4;
    rx: 25;
}
.blog_post_image
{
	height: 296px;
	border-radius: 16px;
	overflow: hidden;
}
.blog_post_image img
{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.blog_post_content
{
	padding-left: 7px;
	padding-bottom: 3px;
}
.blog_post_title
{
	margin-top: 23px;
}
.blog_post_title a
{
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
}
.blog_post_content p
{
	margin-top: 18px;
	font-size: 18px;
	color: #e3f4fa;
	font-weight: 500;
	opacity: 0.75;
}
.blog_post_meta
{
	margin-top: 13px;
}
.blog_post_title a:hover, .blog_post_author a:hover
{
	color: #ff6d7f;
}
.blog_post_author
{
	margin-top: 13px;
}
.blog_post_author a
{
	font-size: 16px;
	font-weight: 400;
	color: #e3f4fa;
}
.blog_post_date
{
	position: absolute;
	top: 38px;
	left: 39px;
	width: 79px;
	height: 25px;
	background: -webkit-linear-gradient(0deg, #ff6d7f, #a35595);
	border-radius: 10px;
	text-align: center;
	z-index: 1;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 5%);
}
.blog_post_date span
{
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 25px;
	color: #ffffff;
	text-transform: uppercase;
}

/*********************************
22. FAQ
*********************************/

.faq
{
	margin-top: 110px;
}
.faq .section_title_container h1
{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.faq_container
{
	margin-top: 50px;
}
.accordions
{
	margin-top: 61px;
}
.accordion_container
{
	margin-bottom: 15px;
}
.accordion_num
{
	width: 167px;
	height: 125px;
	margin-right: 15px;
}
.accordion_num span
{
	font-size: 54px;
	font-weight: 700;
	color: #ffffff;
}
.accordion_num > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
    overflow: visible;
	pointer-events: none;
}
.accordion_num > svg > rect
{
    stroke: url(#linear);
    rx: 25;
}
.accordion
{
	width: 100%;
	height: auto;
	min-height: 125px;
	padding-left: 41px;
	padding-top: 30px;
	padding-right: 170px;
	cursor: pointer;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active .accordion_panel
{
	opacity: 1;
}
.accordion > svg
{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    z-index: 0;
    overflow: visible;
	pointer-events: none;
}
.accordion > svg > rect
{
    stroke: url(#linear);
    rx: 25;
}
.accordion_title p
{
	line-height: 1.6;
}
.accordion::after
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 23px;
	width: 53px;
	height: 125px;
	background: transparent;
	content: '+';
	font-size: 64px;
	line-height: 0.7;
	font-weight: 200;
	background: -webkit-linear-gradient(45deg, #ff6d7f, #a35595);
    -webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active::after
{
	content: '-';
}
.accordion_panel
{
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion_panel > div
{
	padding-top: 60px;
	padding-bottom: 30px;
}
.accordion_panel::before
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 2px;
	opacity: 0.4;
	background: -webkit-linear-gradient(45deg, #ff6d7f, #a35595);
	content: '';
}

/*********************************
23. Subscribe
*********************************/

.subscribe_container
{
	padding-top: 97px;
	padding-bottom: 123px;
}
.subscribe_title p
{
	margin-top: 21px;
}
.subscribe_form_contaner
{
	margin-top: 54px;
}
.subscribe_form > div
{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.sub_input
{
	width: 519px;
	height: 56px;
	border: none;
	border-radius: 28px;
	outline: none;
	background-color: #ffffff;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 600;
}
.sub_input::-webkit-input-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.sub_input:-moz-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.sub_input::-moz-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
} 
.sub_input:-ms-input-placeholder
{ 
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.sub_input::input-placeholder
{
	font-size: 16px;
	font-weight: 700;
	color: #8c8e92;
}
.sub_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 209px;
	height: 56px;
	border: none;
	border-radius: 28px;
	outline: none;
	background-image: linear-gradient(135deg, #ff6d7f, #a35595);
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.sub_background
{
	width: 761px;
	height: 718px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.sub_label
{
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #e3f4fa;
	opacity: 0.3;
	margin-top: 28px;
}

/*********************************
24. Footer
*********************************/

.footer
{
	width: 100%;
	margin-top: 44px;
}
.footer_container
{
	height: 100%;
	height: 116px;
	background-image: linear-gradient(135deg, #ff6d7f, #a35595);
	padding-left: 35px;
	padding-right: 35px;
}
.social_footer
{
	margin-left: auto;
}
.social_footer ul li:not(:last-child)
{
	margin-right: 24px;
}
.social_footer ul li a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.social_footer ul li a:hover > i
{
	color: rgba(255,255,255,1.0);
}
.social_footer ul li a i
{
	font-size: 30px;
	color: rgba(255,255,255,0.25);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav_container
{	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.footer_nav ul li a
{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav ul li a:hover
{
	color: rgba(255,255,255,0.25);
}
.footer_nav ul li:not(:last-of-type)
{
	margin-right: 32px;
}
.copyright_container
{
	height: 47px;
	background: transparent;
}
footer .copyright_container a{color:#fff;margin:5px;}
.copyright_container span
{
	font-size: 13px;
	font-weight: 200;
	color: #e3f4fa;
	opacity: 0.2	5;
}