/*
Theme Name: Falcon Heavy I
Author: Tuvedlacom
Description: Thème personnalisé
Version: 1.0
Text Domain: tuvedlacom
Domain Path: /languages
*/

/****************************
		GENERAL 
****************************/
html{ overflow: auto; position: relative; scroll-behavior: smooth;}
html, body{ 
	-webkit-overflow-scrolling: touch;
}
body{ 
    height: 100%!important;
    padding-top: 80px;
}
@media screen and (max-width: 850px){
    body{ padding-top: 50px; }
}
a:hover { text-decoration: underline; }
* { font-size:  medium; box-sizing: border-box; }
p { font-size: medium; margin: 0.2em 0; }
p > * { font-size: inherit; }
li { list-style-position: inside; }
@media screen and (max-width: 720px){ .center{ text-align: left!important; } }
img { max-width: 100%; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right: 10px; }
.light { font-weight: 100; }
.bold { font-weight: bold; }
.black{ color:#000; }
.js-link{ text-decoration: none; }
.js-link:hover{ cursor: pointer; text-decoration: underline; }
@media screen and (min-width: 1201px){ .container.full { max-width: inherit; width: 100%; }  }
@media screen and (min-width: 1201px){ .container.extralarge { max-width: 80rem; width: 100%; }  }
@media screen and (min-width: 1201px){ .container.large { max-width: 80rem; }  }
@media screen and (max-width: 1200px){ .container {	width: 100%; max-width: none;}  }
a[href^="tel"] { color:inherit; text-decoration:none; }
p > span[class^=col] {
    margin: 0!important;
    float: inherit!important;
    min-height: inherit!important;
}
a.hide-link{
    text-decoration: none;
    color: #333447;
    cursor: inherit;
}
a.hide-link:hover{
    color: #333447;  
}
/***************************
		Icons
***************************/

@font-face {
  font-family: "falconheavy";
  src:url("includes/icons/falconheavy.eot");
  src:url("includes/icons/falconheavy.eot?#iefix") format("embedded-opentype"),
    url("includes/icons/falconheavy.woff") format("woff"),
    url("includes/icons/falconheavy.ttf") format("truetype"),
    url("includes/icons/falconheavy.svg#falconheavy") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "falconheavy" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "falconheavy" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-mail:before{content:"\61"}.icon-calendar:before{content:"\62"}.icon-search:before{content:"\63"}.icon-right-open-big:before{content:"\64"}.icon-play-circle:before{content:"\65"}.icon-facebook:before{content:"\66"}.icon-google-plus:before{content:"\67"}.icon-thumbs-up:before{content:"\68"}.icon-tripadvisor:before{content:"\69"}.icon-book-open:before{content:"\6a"}.icon-map:before{content:"\6b"}.icon-file:before{content:"\6c"}.icon-tag:before{content:"\6d"}.icon-mobile:before{content:"\6e"}.icon-location:before{content:"\6f"}.icon-angle-up:before{content:"\70"}.icon-cog:before{content:"\71"}.icon-angle-down:before{content:"\72"}.icon-list-ol:before{content:"\73"}.icon-x:before{content:"\74"}.icon-checklist:before{content:"\75"}.icon-paper-plane:before{content:"\76"}.icon-hand-o-up:before{content:"\77"}.icon-rocket:before{content:"\78"}.icon-home:before{content:"\79"}.icon-comment:before{content:"\41"}.icon-quote-left:before{content:"\7a"}.icon-quote-right:before{content:"\42"}.icon-bed:before{content:"\43"}.icon-user-outline:before{content:"\45"}.icon-measure:before{content:"\44"}.icon-info-circled:before{content:"\46"}.icon-burst:before{content:"\47"}.icon-arrows-expand:before{content:"\48"}.icon-users:before{content:"\49"}.icon-water:before{content:"\4a"}.icon-television-tv:before{content:"\4d"}.icon-flame:before{content:"\4b"}.icon-zoover:before{content:"\4c"}.icon-c2b:before{content:"\4e"}.icon-caret-right:before{content:"\4f"}.icon-twitter:before{content:"\50"}.icon-pinterest:before{content:"\51"}.icon-times:before{content:"\53"}.icon-accessoires-bb:before{content:"\54"}.icon-bouilloire:before{content:"\57"}.icon-barbecue:before{content:"\58"}.icon-animalautorise:before{content:"\59"}.icon-cafetiere:before{content:"\32"}.icon-lavabo:before{content:"\35"}.icon-hotte:before{content:"\36"}.icon-handicap:before{content:"\37"}.icon-frigo:before{content:"\38"}.icon-forfaitmenage:before{content:"\39"}.icon-evier:before{content:"\21"}.icon-espresso:before{content:"\22"}.icon-dryer:before{content:"\23"}.icon-douche:before{content:"\24"}.icon-coussins-confort:before{content:"\25"}.icon-canape:before{content:"\27"}.icon-litssimples:before{content:"\28"}.icon-litssup:before{content:"\29"}.icon-maison-metres-carres:before{content:"\2b"}.icon-micro-ondes:before{content:"\2c"}.icon-mobilhome:before{content:"\2d"}.icon-nombres-chambres:before{content:"\2e"}.icon-nombres-personnes:before{content:"\2f"}.icon-oven:before{content:"\3a"}.icon-packhoteliercomplet:before{content:"\3b"}.icon-packlingecuisine:before{content:"\3c"}.icon-packlingetoilette:before{content:"\3d"}.icon-penderie:before{content:"\3e"}.icon-vaisselle:before{content:"\3f"}.icon-vacuum:before{content:"\40"}.icon-toast:before{content:"\5d"}.icon-tables-chaises:before{content:"\5e"}.icon-salledebains:before{content:"\60"}.icon-plaques:before{content:"\5c"}.icon-placard:before{content:"\e000"}.icon-washer:before{content:"\e001"}.icon-wifi:before{content:"\e002"}.icon-linkedin:before{content:"\52"}.icon-angle-right:before{content:"\55"}.icon-angle-left:before{content:"\56"}.icon-anwb:before{content:"\5a"}.icon-ancv:before{content:"\30"}.icon-alloc-familiales:before{content:"\31"}.icon-adac:before{content:"\33"}.icon-acsi:before{content:"\34"}.icon-clefverte:before{content:"\26"}.icon-camping-qualite:before{content:"\2a"}.icon-handicap-1:before{content:"\5f"}.icon-ffcc:before{content:"\7b"}.icon-regionaquitaine:before{content:"\7c"}.icon-qualite-tourisme:before{content:"\7d"}.icon-pontarcardeche:before{content:"\7e"}.icon-loireavelo:before{content:"\e003"}
/******************************
        SCROLLBAR
******************************/
.object-fit body:not(.mobile)::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
} 
.object-fit body:not(.mobile)::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
.object-fit body:not(.mobile)::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}


/******************************
		BACK TO TOP
******************************/
#top{ 
	position: absolute; 
	top: 0;
	left: 0;
}
#back-to-top {
	position:  fixed;
	right: 1.5rem;
    bottom: 4rem;
	background:  rgba(255,255,255,0.7);
	width: 3rem;
	height: 3rem;
	text-align:  center;
	line-height: 3rem;
	padding-top: 5px;
	font-weight: bold;
	cursor: pointer;
    text-decoration: none;
	z-index: 999;
	transition: 0.2s ease-out;
}
#back-to-top i{ font-size: x-large; }
#back-to-top:hover { 
    background:  rgba(255,255,255,0.5); 
    text-decoration: none;
}
/********************************
	Horizontal scroll mobile
********************************/

.scroll-x-title{ display: none; }
@media screen and (max-width: 720px){
	.scroll-x-mobile {
		position: relative;
		height: auto;
	    overflow-x: scroll;
	    white-space: nowrap;
	    overflow-y: hidden;
        -ms-overflow-style: none;
        margin:0;
        line-height: 0;
	}
    .scroll-x-mobile [class^=col] {
        width: 250px!important;
        display: inline-block;
        float: none!important;
        margin-bottom: 0!important;
        white-space: normal;
        min-width: 250px;
    }
	.scroll-x-title {
        display: block;
        margin: 0 2%;
        font-size: x-small;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        white-space: nowrap;
    }

    .scroll-x-title i{
        display: inline-block;
        height: 22px;
        vertical-align: middle;
        position: relative;
        margin-left: 0.5rem;
        -webkit-animation: bounce 2s infinite ease-in-out;
        -moz-animation: bounce 2s infinite ease-in-out;
        -ms-animation: bounce 2s infinite ease-in-out;
        -o-animation: bounce 2s infinite ease-in-out;
        animation: bounce 2s infinite ease-in-out;
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 60%, 100%  { 
        -webkit-transform: translateX(0); 
        -moz-transform: translateX(0); 
        -ms-transform: translateX(0); 
        -o-transform: translateX(0); 
        -webkit-transform: translateX(0); 
        transform: translateX(0); 
    }
    40%  { 
        -webkit-transform: translateX(-10px); 
        -moz-transform: translateX(-10px); 
        -ms-transform: translateX(-10px); 
        -o-transform: translateX(-10px); 
        -webkit-transform: translateX(-10px); 
        transform: translateX(-10px); 
    }
    80% { 
        -webkit-transform: translateX(-5px); 
        -moz-transform: translateX(-5px); 
        -ms-transform: translateX(-5px); 
        -o-transform: translateX(-5px); 
        -webkit-transform: translateX(-5px); 
        transform: translateX(-5px); 
    }
}
@keyframes bounce {
    0%, 20%, 60%, 100%  { 
        -webkit-transform: translateX(0); 
        -moz-transform: translateX(0); 
        -ms-transform: translateX(0); 
        -o-transform: translateX(0); 
        -webkit-transform: translateX(0); 
        transform: translateX(0); 
    }
    40%  { 
        -webkit-transform: translateX(-10px); 
        -moz-transform: translateX(-10px); 
        -ms-transform: translateX(-10px); 
        -o-transform: translateX(-10px); 
        -webkit-transform: translateX(-10px); 
        transform: translateX(-10px); 
    }
    80% { 
        -webkit-transform: translateX(-5px); 
        -moz-transform: translateX(-5px); 
        -ms-transform: translateX(-5px); 
        -o-transform: translateX(-5px); 
        -webkit-transform: translateX(-5px); 
        transform: translateX(-5px); 
    }
}

/*********************
		Header
*********************/

#header {
    z-index: 999;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
}
#header { top: 32px!important; }
.customize-support.hide-adminbar{ margin-top: -32px; }
.customize-support.hide-adminbar #wpadminbar{ display: none!important; }
.customize-support.hide-adminbar #header { top: 0; }


/* Menu Desktop */

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

    #nav-wrap { display: flex;     flex-wrap: wrap;
    justify-content: flex-end;}
    #nav-container { width: calc(100% - 250px); }

    #header .menu {
        display: flex;
        justify-content: flex-end;
	    padding:  0;
	    margin:  0;
	    list-style: none;
	}
    

	#header .menu > li { 
        display:  inline-block; 
        position: relative;
    }
	#header .menu > li:hover { 
		position: relative;
		z-index: 2;
	}
	#header .menu > li > a {
        color: #fff;
        text-transform: uppercase;
        padding: 0 1rem;
        line-height: 80px;
        display: block;
        text-decoration: none;
        position: relative;
        transition: 0.2s ease-in-out;
        font-size: 0.9rem;
    }

    #header .menu > li.tel-menu a::before { content: none; }

    #header .menu > li.tel-menu a {
        color: #61bac1;
        background: #fff;
        font-weight: bold;
        padding: 0 .5rem;
    }

    #header .menu > li.tel-menu { margin-left: 1%; }

    #header .menu > li.tel-menu a:hover {
        background: #74c044;
        color: #fff;
    }

    #header .menu > li > a::before {
        content: "";
        position: absolute;
        width: 105%;
        height: 100%;
        background: #74c044;
        border-radius: 0 0 50px 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        transition: 0.2s ease-in-out;
    }

    #header .menu > li > a:hover::before,
    #header .menu > li:hover > a::before,
    #header .menu > li.current_page_item > a::before,
    #header .menu > li.current-menu-ancestor > a::before{
        opacity: 1;
    }

	#header .menu > li > a:hover,
	#header .menu > li:hover > a{ text-decoration: none; }

	#header .sub-menu { display: none; }

	#header .menu > li:hover .sub-menu { display: block!important; }

	#header .menu > li .sub-menu {
	    position:  absolute;
	    text-align: left;
	    list-style:  none;
	    padding: 0;
	    background: #fff;
	    z-index: 2;
	    min-width: 180px;
	    border-radius: 0 0 25px 0;
	}

	#header .menu > li .sub-menu > li > a {
	    padding: 3px 10px;
	    display: block;        
	    font-size:  small;
	    transition:0.2s ease-in-out;
        text-decoration: none;
	}

	#header .menu > li .sub-menu > li {
		position: relative;
	}

	#header .menu > li .sub-menu > li:after {
	    content: '+';
	    color: #fff;
	    font-weight: bold;
	    opacity: 0;
	    transition: .2s ease-in-out;
	    position: absolute;
	    top: 50%;
	    right: .5rem;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 10;
	}

	#header .menu > li .sub-menu > li:last-of-type:after{
		right: 1rem;
	}

	#header .menu > li .sub-menu > li:last-of-type:hover a{
		border-radius: 0 0 25px 0;
	}

	#header .menu > li .sub-menu > li:hover:after{
		opacity: 1;
		-webkit-transform:translateY(-50%) rotate(360deg);
		-ms-transform:translateY(-50%) rotate(360deg);
		-o-transform:translateY(-50%) rotate(360deg);
		transform:translateY(-50%) rotate(360deg);
	}

	#header .menu > li .sub-menu > li:last-of-type > a { border-bottom:none; }

	#header .menu > li .sub-menu > li > a:hover {
	    color:#fff;
	    text-decoration:none
	}
}

@media screen and (max-width: 1400px) and (min-width: 800px){
    #nav-container { width: 100%; }
}

@media screen and (max-width: 1100px) and (min-width: 800px){
    #header .menu > li.tel-menu {
        position: absolute;
        top: 100%;
        display: table;
        margin: 0;
    }
    #header .menu > li.tel-menu a {
        line-height: 3;
    }
}
@media screen and (max-width: 950px) and (min-width: 800px){
    #header .menu > li > a { font-size: .9em; }
}
@media screen and (max-width: 850px) and (min-width: 800px){
    #header .menu > li > a { font-size: .8em; }
}

/* Flags */

.falconheavy-switcher{
    max-height: 24px;
    width: 40px;
    overflow: hidden;
    position:  absolute;
    padding: 0;
    right: 1rem;
    z-index: 4;
    top: 45px;
}

.falconheavy-switcher:after {
    content: "\72";
    color: #fff;
    left: 25px;
    font-family: "falconheavy" !important;
    top: 0;
    position: absolute;
    line-height: 105px;
}

.falconheavy-switcher ul {
    padding: 0;
    margin: 0;
}

.falconheavy-switcher-item { display: block!important; }


.falconheavy-flag {
    width: auto;
    height: auto;
}

.falconheavy-switcher:hover { max-height:  inherit; }

.falconheavy-switcher-item:not(:first-of-type) img:hover{
    -webkit-transform: scale(0.9) rotate(5deg);
    -moz-transform: scale(0.9) rotate(5deg);
    -ms-transform: scale(0.9) rotate(5deg);
    -o-transform: scale(0.9) rotate(5deg);
        transform: scale(0.9) rotate(5deg);
    cursor: pointer;
}

.wpml-ls-current-language a:hover{ cursor:default!important; }

@media screen and (max-width: 1100px){
    .falconheavy-switcher {
        right: 180px;
    }
}

@media screen and (max-width: 850px){
    .falconheavy-switcher {
        right: inherit;
        top: 40px;
        left: 30px;
    }
}

/* Responsive nav */
input#burger, .book-resp, .tel-resp{
    display: none;
}

@media screen and (min-width: 850px){
    #nav-wrap label { display: none; }
}

@media screen and (max-width: 850px){
    #header{
        top: 0;
        left:  0;
        width: 100%;
        z-index: 9999;
        display: block!important;
        height: 50px;
    }

    #nav-container::before {
	    content: "";
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 50px;
	    background: #61bac1;
	    z-index: 2;
	}

    #nav-wrap input + label{
        position: fixed;
        top: 15px;
        right: 15px;
        height: 20px;
        width: 2rem;
        z-index: 5;
    }

    #nav-wrap input + label span{
        position: absolute;
        width: 100%;
        height: 3px;
        top: 50%;
        margin-top: -1px;
        left: 0;
        display: block;
        background: #fff;
        transition: .5s;
    }

    #nav-wrap input + label span:first-child{
        top: 3px;
    }

    #nav-wrap input + label span:last-child{
        top: 17px;
    }

    #nav-wrap label:hover{
        cursor: pointer;
    }

    #nav-wrap input:checked + label span{
        opacity: 0;
        top: 50%;
    }

    #nav-wrap input:checked + label span:first-child{
        opacity: 1;
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    #nav-wrap input:checked + label span:last-child{
        opacity: 1;
        -webkit-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }

    #nav-wrap input ~ #nav-container{
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        height: 50px;
        z-index: 3;
        transition: .2s;
        transition-delay: .2s;
        overflow: hidden;
        background: #61bac1eb !important;
    }

    #nav-wrap input ~ #nav-container > ul{
        max-width: 22rem;
        text-align: left;
        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%);
        margin: 0;
        list-style: none;
        padding: 0;
        width: 90%;
    }

    #nav-wrap input ~ #nav-container > ul > li{
        opacity: 0;
        transition-delay: 0s;
        padding: 10px 0 !important;
        margin:10px 0!important;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.6);
        cursor: pointer !important;
        display: block;
        position: relative;
    }

    .menu-item-has-children:after {
        content: "\72";
        color: #fff;
        right: 0;
        font-size: large;
        font-family: "falconheavy" !important;
        top: 0;
        line-height: 120px;
        height: 20px;
        position: absolute;
        display: block;
        z-index: -1;
    }

     .menu-item-has-children:hover::after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    #nav-wrap input ~ #nav-container > ul > li > a{
        padding: 0!important;
    }
    #nav-wrap input ~ #nav-container > ul ul{
        position: relative;
        width: 100%;
        padding-top: 0;
        height:  0;
        opacity: 0;
        overflow: hidden;
        transition:all .2s ease-in-out .2s;
    }
    #nav-wrap input ~ #nav-container > ul ul > li > a{
        font-size: 12px !important;
        text-transform: uppercase;
        margin: 0 !important;
        color:#fff;
        display: block;
        position: relative;
        line-height: 2!important;
    }
    #nav-wrap input ~ #nav-container > ul ul > li {
        margin: 5px 0 !important;
        display: block;
        position: relative;
    }

    #nav-wrap a, #nav-wrap a *{
        text-decoration: none;
        line-height: 1!important;
    }
    #nav-wrap input ~ #nav-container > ul > li > a{
        text-transform: uppercase;
        display: block;
        font-size: large;
        font-weight: bold;
        color: #fff!important;
        letter-spacing: 0.1rem;
        border-right: 0!important;
        border-bottom: 0 !important;
    }

    #nav-wrap input:checked ~ #nav-container{
        height: 100%;
        transition-delay: 0s;
        position: fixed;
    }

    #nav-wrap input:checked ~ #nav-container > ul > li{
        opacity: 1;
        transition-delay: .2s;
        position: relative;
    }
    
    #nav-wrap .sub-menu li{ 
        display: block;
        float: none; 
    }
    #nav-wrap .sub-menu li a{
        width: auto;
        min-width: 100px;
        padding: 0 20px;
    }
    #nav-wrap .menu-item-has-children:hover .sub-menu {
        height: 100%!important;
        padding-top: 10px!important;
        overflow: visible!important;
        opacity: 1!important;
    }
}

@media screen and (max-width: 500px){
	#nav-wrap input ~ #nav-container > ul > li { margin: .25rem!important; }
	#nav-wrap input ~ #nav-container > ul > li > a { font-size: small; }
}

/* contact top */

#contact-top {
    position:  absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
        transform: translateY(-50%);
    left: 1rem;
    z-index: 4;
}

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

    #tel-top {
        display:  inline-block;
        vertical-align:  middle;
        color:  #fff;
        font-size:  small;
        padding: 5px 10px;
        transition: 0.2s ease-in-out;
        width:  auto!important;
        height: auto!important;
        line-height: inherit!important;
        border: none!important;
    }

    #tel-top i { display: none; }

    #tel-top span {
        color:  #fff;
        line-height:  1;
        font-size:  small;
    }
}
@media screen and (max-width: 1300px){
    #tel-top:not(:hover){ background-color: transparent!important; }
    #tel-top span{ display: none;  }
    #tel-top i {
    	display: block!important;
	    line-height: 32px!important;
	    display: block;
	    padding-top: 0!important;
	    padding-left: 0!important;
	    padding-right: 1px;
	}
}

#contact-top a, #contact-top .js-link {
    width: 29px;
    display: inline-block;
    height: 28px;
    vertical-align:  middle;
    border:  1px solid #fff;
    text-align:  center;
    text-decoration: none;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    transition: 0.2s ease-in-out;
}

#contact-top a i, #contact-top .js-link i {
    color: #fff;
    font-size: large;
    line-height: 28px;
    transition: 0.2s ease-in-out;
    width: 29px;
    height: 28px;
    padding-top: 3px;
    padding-left: 1px;
}

#contact-top a:hover, #contact-top .js-link:hover{
	color:#fff;
	text-decoration: none;
}

#contact-top a:hover *, #contact-top .js-link:hover *{ color:#fff; }


/* header img */

#header-banner { 
	position: relative; 
	overflow: hidden;
    display: block;
    line-height: 0;
    width: 100%;
    z-index: 10;
    padding: 0 15px;
}

.no-object-fit body:not(.home) #header-banner { max-height: 400px!important; }

#header-img {
    display:  block;
    width: 100%;
    position:  relative;
    z-index: -1;
    overflow: hidden;
    height: calc(100vh - 80px);
}

#header-img img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

body:not(.home) #header-img{ height: 500px; }

.no-object-fit #header-banner #header-img { 
    height: auto; 
    width: auto;
    min-width: 100%;
    min-height: 100%;
}

@media screen and (max-width: 720px){
    .no-object-fit #header-banner{ height: 300px; }
    #header-img {
        position: absolute;
        top: 50%;
        left:  50%;
        width:  100%;
        height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    html.no-object-fit #header-img{
        width: auto;
        height: auto;
        min-width: 100%;
        max-width: none;
        min-height: 100%;
    }
}

/* Header logo */

#header-logo {
    width: 250px;
    position: relative;
    top: 0;
    height: 0;
    left: 0;
}

@media screen and (max-width: 1540px){
    #header-logo {
        height: auto;
        position: absolute;
        top: 100%;
        margin-top: -2px;
        width: 250px;
    }
    #nav-container {
        width: 100%;
    }
}

@media screen and (max-width: 850px){
    #header-logo {
        top: 0;
        z-index: 999;
        width: 180px;
    }
}

/* Image propriétaires */
body:not(.home) #img-prop{
    display: none;
}

#img-prop {
    position: absolute;
    bottom: -2px;
    right: 15px;
    border-radius: 80px 0 0 0;
    border-left: 15px solid #eef8f8;
    border-top: 15px solid #eef8f8;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

@media screen and (max-width: 950px){
    #img-prop { width: 200px; }
}

@media screen and (max-width: 720px){ 
    #img-prop {
        right: 0;
        width: 100px;
        border-top: 5px solid #eef8f8;
        border-left: 5px solid #eef8f8;
        z-index: -1;
    }
}

/* Slider home */
.slide {
  position: relative;
  width: 100%;
  height: 500px;
}

.slide ul{ margin:0; }

.slide ul li {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
  z-index: 1;
}
.slide ul li:first-of-type { z-index: 1; }
.slide ul li { z-index: 0; }

#slider-home ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.13);
}

.slide .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  width: 100%;
  z-index: 3;
  text-align: center;
}

.slide .dots li {
  display: inline-block;
  margin: 0 10px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
  opacity: 0.4;
    cursor: pointer;
    transition: background .5s, opacity .5s;
  list-style: none;
}

.slide .dots li.active {
  background: #fff;
    opacity: 1;
}

.slide .arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background .5s, opacity .5s;
}

.slide .arrow .arrow-left,
.slide .arrow .arrow-right {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  opacity: 1;
    transition: background .5s, opacity .5s;
}
.slide .arrow .arrow-right { right: 0; }
.slide .arrow  .arrow-left:hover,
.slide .arrow  .arrow-right:hover {
  opacity: 1;
  text-decoration: none;
}

a.arrow-left::before,
a.arrow-right::before {
    font-size: 80px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    line-height: 0;
    display: block;
    left: 0;
    width: 100%;
    text-align: center;
}
a.arrow-left::before { content: "‹"; }
a.arrow-right::before { content:"›"; }
/* Slogan home */

.slogan-header {
    position: absolute;
    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%);
    top: 50%;
    font-size: 48px;
    line-height: 1;
    color: #fff;
    z-index: 2;
    display: table;
    border: 0;
    text-align: center;
    padding: 0 2rem;
}

@media screen and (max-width:720px){ .slogan-header { display: none; } }

/* Vidéo home */
#header-video{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 92vh !important;
}

#tv {
    position: absolute;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    width: 100%;
    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%);
}

#tv::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#tv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Progressive images */
.progressive {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none;
}

.progressive:not(.replace) {
  cursor: default;
}

.flexbox-slider span { height: 100%; }

.progressive img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  border: 0 none;
}

.progressive img.preview {
  filter: blur(2vw);
  transform: scale(1.05);
}

.progressive img.reveal {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform:  none !important;
  will-change: transform, opacity;
  animation: reveal 1s ease-out;
}

@keyframes reveal {
    0% { transform: scale(1.05); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}


/**************************
        Bloc Promo
**************************/

/* Promo Thelis */

#thelis-cdc {
    position: absolute;
    top: calc(50% - 32px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
        transform: translateY(-50%);
    left: 3rem;
    width: 200px;
    z-index: 4;
}

#thelis-cdc .thr .thr-favorite-title-site { display: none; }
#thelis-cdc .thr-favorite-title-block * { color:  #fff; }
#thelis-cdc .thr-favorite-title-block {
    background: rgba(38,38,38,0.59)!important;
    padding: 0.25rem;
}
#thelis-cdc .thr-favorites-bloc.thr-favorites-block-basic { border: none; }
#thelis-cdc .thr.thr-favorites {
    margin:  0;
    background: transparent;
}
#thelis-cdc span.thr-title-favorites.ng-binding {
    font-size: small!important;
    line-height: 1;
    text-transform: uppercase;
}
#thelis-cdc i.thr-icon-heart-light { line-height: 0.5; }
#thelis-cdc .thr-favorite-title-site.ng-binding * { line-height: 1; }
#thelis-cdc .thr-period.ng-binding {
    line-height: 1;
    font-size: x-small!important;
    display: inline-block;
    padding: .25rem;
    float: left;
}

#thelis-cdc .thr-favorite-title-category.ng-binding {
    height: auto;
    font-size: x-small;
    line-height: 1;
    padding: .5rem;
}

#thelis-cdc .thr-price-infos.thr-price-promoted {
    padding:  0;
    position: relative;
    line-height: 1;
    text-align: right;
}
#thelis-cdc .thr-price-infos.thr-price-promoted * {
    line-height: 1;
    font-size: small;
    display: inline-block;
}
#thelis-cdc .thr-favorites-price-bloc {
    height: auto;
    overflow: auto;
}
#thelis-cdc .thr-padding-favorites { padding: 0; }
#thelis-cdc .thr-favorite-resa.ng-scope { background: rgba(38,38,38,0.59)!important; }
#thelis-cdc .container-carousel { background: transparent; }
#thelis-cdc span.libelle.ng-binding {
    color: #fff;
    line-height: 1;
}
#thelis-cdc button.btn.thr-btn.thr-btn-primary {
    background: #2596ca!important;
    border-radius: 0!important;
    line-height: 1;
    width: 100%;
    margin: 0;
}
#thelis-cdc .thr-price-nopromo.ng-binding.ng-scope { display: none; }
#thelis-cdc .thr-p100reduc.thr-tooltip-trigger.ng-scope { display: none; }
#thelis-cdc .ng-scope.ng-isolate-scope { background: rgba(38,38,38,0.59)!important; }

@media screen and (max-width: 1200px){
    #thelis-cdc {
        left: -150px;
        transition:  0.2s ease-in-out;
        transform: none;
        top: 2rem;
        width: 150px;
    }
    #thelis-cdc .thr-favorite-title-block{ line-height: 1; }

    #thelis-cdc:hover { left:0; }
    #thelis-cdc i.thr-icon-heart-light {
        left: 100%;
        position: absolute;
        padding: 10px;
        background: #2596ca;
        top: 0;
        transition: 0.2s ease-in-out;
    }
    #thelis-cdc:hover i.thr-icon-heart-light {
        margin-left:  -50px;
        opacity: 0;
    }
    #thelis-cdc i.thr-icon-heart-light::before{
        -webkit-animation: beat .5s infinite alternate;
        -moz-animation: beat .5s infinite alternate;
        -ms-animation: beat .5s infinite alternate;
        -o-animation: beat .5s infinite alternate;
        animation: beat .5s infinite alternate;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        display: block;
    }


    @keyframes "beat" {
     to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
     }

    }

    @-moz-keyframes beat {
     to {
       -moz-transform: scale(1.2);
       transform: scale(1.2);
     }

    }

    @-webkit-keyframes "beat" {
     to {
       -webkit-transform: scale(1.2);
       transform: scale(1.2);
     }

    }

    @-ms-keyframes "beat" {
     to {
       -ms-transform: scale(1.2);
       transform: scale(1.2);
     }

    }

    @-o-keyframes "beat" {
     to {
       -o-transform: scale(1.2);
       transform: scale(1.2);
     }

    }
    #thelis-cdc .thr-favorite-title-site.ng-binding,
    #thelis-cdc .ng-scope.ng-isolate-scope { display: none; }

    #thelis-cdc .thr-favorite-description.ng-binding.ng-scope {
        position:  absolute;
        bottom:  0;
        z-index: 2;
        background: rgba(255,255,255,0.8);
        line-height:  1;
        text-transform:  uppercase;
        padding:  5px;
        font-size: x-small;
    }

    #thelis-cdc .thr-favorites-first-block { position: relative; }

    #thelis-cdc .thr-period.ng-binding {
        float: left;
        font-size: x-small!important;
        padding: 2px;
    }

    #thelis-cdc button.btn.thr-btn.thr-btn-primary {
        width:  100%;
        line-height: 0;
        margin: 0;
        display: block;
    }

    #thelis-cdc span.libelle.ng-binding  { font-size:  small; } 
}
#thelis-cdc span.thr-title-favorites.ng-binding {
    color: #ffffff!important;
}

/* Promo thème option */
.promo-clicked{
    transform: translateY(-50%)!important;
}

.promo-clicked #titre-bloc-promo:after {
    transform: rotate(0deg)!important;
}

#bloc-promo {
    position:  absolute;
    top: 43%;
    right: 15px;
    overflow: hidden;
    z-index: 99;
    display: flex;
    flex-direction: row;
    background: rgba(32,32,32,.322);
    height: auto;
    width: 300px;
    transition: 0.2s ease-in-out;
    transform: translateY(-50%) translateX(calc(71% + 57px))
}

#promo-wrap{  
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    margin:0;
    list-style: none;
    background-color: #61bac1cc;
}

.slick-slide{
    height: 100%;
}

.slick-list
{
    height: inherit !important;
}

.slider-promo{
		width: 100%;
		max-width: 266px
	}

.promo {
    display:  inline-block;
    width: 270px;
    white-space: normal;
    vertical-align: top;
}

#titre-bloc-promo {
    padding: .15rem 1rem;
    font-weight: bold;
    font-size: larger;
    display: block;
    padding: 1.3rem 0.5rem 2.3rem;
    color: #61bac1;
    text-transform: uppercase;
    font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: center;
    position: relative;
    cursor: pointer;
    letter-spacing: -2px;
    background-color: #fff !important;
}

#titre-bloc-promo:after{
    content: ">";
    position: absolute;
    bottom: 0;
    background:#61bac1;
    width: 100%;
    right: 0;
    height: 34px;
    color: #fff;
    font-size: 24px;
    display:flex;
    align-items: center;
    justify-content: center;
    transition: 0 2s ease-in-out;
    transform: rotate(180deg);
}

#titre-bloc-promo i {
    color: #61bac1;
    font-size: large;
    position: absolute;
    padding-left: 10px;
}

.promo .titre {
    color: #fff;
    text-transform: uppercase;
    font-size: large;
    font-weight: bold;
    padding: .25rem 1rem 0;
}

.promo .content {
    color:  #fff;
    font-size: medium;
    line-height: 1;
    padding:  0 1rem 1rem;
}

#nav-promo {
    position: absolute;
    top: -2px;
    right: .7rem;
}

#nav-promo span {
    color:  #61bac1;
    font-weight:  bold;
    font-size: x-large;
    margin: 0 2px;
    display:  inline-block;
    vertical-align:  middle;
    cursor: pointer;
}

a.promo-link {
    color: #61bac1!important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: white;
    padding: 0.4rem 1.5rem;
    margin: 0 auto 1rem;
    border: 1px solid #61bac1;
    display: table;
    font-size: .9rem;
}

@media screen and (max-width: 1000px){
    #bloc-promo {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: top right;
        right: 25px;
        width: 200px;
        transition:  0.2s ease-in-out;
        top: .5rem;
        display: none;
    }

    #promo-wrap li{ width: 200px; }

    #titre-bloc-promo::before {
        content: "<";
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        display:  inline-block;
        vertical-align:  middle;
        margin-right:  10px;
    }

    #nav-promo { opacity:  0; }

    #bloc-promo:hover {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        right:  0;
    }

    #bloc-promo:hover #nav-promo { opacity:  1; }

    #bloc-promo:hover #titre-bloc-promo::before {
        opacity: 0;
        margin-right: 0;
    }
    #bloc-promo:hover #titre-bloc-promo i{
        left: 0;
        padding-left: 5px;
    }
}

@media screen and (max-width: 720px){
	.promo .titre { font-size: smaller; }
	.promo img {
	    height: 50px;
	    object-fit: cover;
	    object-position: center center;
	    width: 100%;
	}
}

body.sticky #header{
    top: 0 !important;
}

.scroll{
    opacity: 0;
}

/*************************
    Open Dates
**************************/
@media screen and (max-width: 1522px){
    #open-dates {
        right: 25% !important;
        transform: none !important;
    }
}
@media screen and (min-width: 721px){
    #open-dates {
        position: absolute;
        top: 0;
        right: 50%;
        transform: translateX(50%);
        z-index: 1;
        padding: 0 0 0.5rem 0;
        text-align: center;
        overflow: hidden;
        color: #fff;
        width: 100%;
        background: #61bac1 !important;
    }

	#open-dates span{ 
		font-size:large; 
		margin: 0 5px;
		font-weight:bold;
		color: #fff;
	}
}

@media screen and (max-width: 720px){
    #open-dates {
        color: #fff;
        text-align: center;
        font-size: x-small;
        z-index: 2;
        position: absolute;
        line-height: 1!important;
        display: block;
        bottom: 0;
        left: 0;
        padding: .5rem .25rem;
        width: 100%;
        text-transform: uppercase;
    }

    #open-dates span {
        color: #fff;
        margin-left: 3px;
        display:  inline-block;
        line-height: 1;
        font-size: small;
        font-weight: bold;
    }
}
/************************
		Bloc resa
************************/

@media screen and (max-width: 922px){
        #bloc-resa {
            display: none;
        }
}

@media screen and (min-width: 720px){
    #bloc-resa {
        padding: 1rem;
        z-index: 999;
        position: absolute;
        bottom: 38%;
        background: #fff !important;
        border-radius: 0 80px 80px 0;
        width: 800px;
        border: 10px solid  #ffe000;
        border-left: 0;
        animation: 2s clignote infinite;
    }
    .home #bloc-resa {
        padding: 1rem;
        z-index: 999;
        position: absolute;
        bottom: 12%;
        background: #fff !important;
        border-radius: 0 80px 80px 0;
        width: 800px;
        border: 10px solid  #ffe000;
        border-left: 0;
        animation: 2s clignote infinite;
    }
    .no-object-fit body:not(.home) #bloc-resa{
    	position: absolute;
    	bottom: 0;
    }
    #titre-resa-mobile{ display: none; }

    #bloc-resa form {
        display: flex;
        flex-wrap: nowrap;
        max-width: 90%;
        margin-left: .75rem;
    }
	#bloc-resa .input-date, #bloc-resa #select-type, #bloc-resa #submit-resa, #bloc-resa .btn-cart {
	    width: calc(50% - .5rem)!important;
        height: 35px;
        margin: .25rem;
        display: flex;
        position: relative;
        padding: 0 .3rem;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 1px solid #61bac1;
	}
}

.input-date:hover, .input-date *:hover{ cursor: pointer; }

.input-date input{
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    border: none;
    overflow: visible;
    z-index: 2;
    font-weight: bold;
    height: 33px;
    width: 50%;
    color: #61bac1;
    background: transparent;
    font-size: .9rem;
    text-align: center;
}

.input-date i, #select-type i {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    display: block;
    z-index: 1;
    color:#61bac1;
    font-size: x-large;
}

.input-date input::-webkit-inner-spin-button, /* Removes arrows */
.input-date input::-webkit-clear-button { /* Removes blue cross */
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    display: none;
}

.input-date input[type=date]::-webkit-calendar-picker-indicator {
    background: transparent!important;
    position: absolute;
    width: 100%;
    height: 100%;
    color:transparent;
}

#type {
    z-index: 2;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 33px;
    padding:0 .5rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    color:#61bac1;
    border:  none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand { display: none; }

#type option { color: #fff; }

#submit-resa {
    position: relative;
    background: #74c044!important;
    border-color:#74c044!important;
    transition: 0.2s ease-in-out;
}

#submit-resa:hover { 
    background:#61bac1!important; 
    border-color:#61bac1!important; 
}

#submit-resa input {
    width: 100%;
    text-align: left;
    border: none;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: medium;
    cursor: pointer;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 .5rem;
}

#submit-resa i {
    position: absolute;
    right: 5px;
    display: block;
    top: 0;
    line-height: 38px;
    height: 38px;
    font-size: x-large;
    color: #fff;
    transition: 0.2s ease-in-out;
}

#submit-resa:hover i{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
        transform: scale(1.2);
}

div#espace-client {
    width: calc(50% - .5rem);
    height: 35px;
    margin: .25rem;
    display: flex;
    position: relative;
    padding: 0 .3rem;
    align-items: center;
    justify-content: center;
    background: #74c044;
    border: 1px solid #61bac1;
    transition: 0.2s ease-in-out;
}

div#espace-client a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

div#espace-client:hover {
    background: #61bac1!important;
    border-color: #61bac1!important;
}

@media screen and (max-width: 720px){
    #bloc-resa {
        padding:  0;
        background:  transparent!important;
        margin:5.5rem auto  3rem;
        border: none;
        text-align: center;
        width: 80%;
        max-width: 330px;
        background: rgba(0,0,0,.5)!important;
        padding: 1rem;
        border-radius: 10px;
    }
    #bloc-resa form {
        display:  block;
        line-height: 0;
    }
    #select-type{
        width: 100%!important;
        display: block!important;
        margin: .25rem 0!important;
        height: 30px;
        position: relative;
    }
    #bloc-resa .input-date, #submit-resa, .btn-cart  {
        width: calc(100% - 3px)!important;
        min-width: 0;
        margin: 0!important;
        height: 30px;
        position: relative;
        display: flex;
    }

    #espace-client{
        width: calc(100% - 3px)!important;
        min-width: 0;
        margin: 0.25rem 0!important;
        height: 30px;
        position: relative;
        display: flex;
    }
    #titre-resa-mobile {
        display: block;
        color: #fff;
        text-align: center;
        font-size: large;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: .25rem;
    }
    #submit-resa input, a.btn-cart {
        padding: 0 .5rem!important;
        line-height: 30px;
    }
    #submit-resa i { display: none!important; }


    #bloc-resa input, #bloc-resa select {
        color: #fff;
        font-weight: normal;
        height: 100%;
        text-align: center;
    }

    #submit-resa, #espace-client {
        width: 100%!important;
    }

    #submit-resa input {
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
    }
}

#slogan-resa{
    max-width: 90%;
    margin-left: 1.00rem;
    line-height: 1;
    color: #61bac1;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
}

/* Thelis resa */ 

.btn-cart {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: small;
    transition: 0.2s ease-in-out;
}

.btn-cart:hover { 
    text-decoration: none;
    color:#fff!important;
}


/*************************
	YOAST
*************************/


.yoast_bread {
    padding: .5rem;
    border-bottom: 1px solid;
    text-align: right;
}

.yoast_bread * { font-size: small; }


/*************************
	Sections
*************************/

/* Global */

section{ padding: 2rem 0; }

.no_padding_top{ padding-top:0!important; }
.no_padding_bottom{ padding-bottom:0!important; }

/* Titre section */

.section-title{ 
    font-size: xx-large; 
    margin: 0 2%; 
    font-weight: normal; 
    text-transform: uppercase; 
    padding: 1.5rem 0;
    color: #61bac1!important;
    letter-spacing: 1px;
    font-weight: bold;
}
h1, h2, h3{ font-size: x-large; margin: 0; }

@media screen and (max-width: 720px){
    .section-title {  font-size: x-large; }
    h1, h2, h3 { font-size: large; }
}
/* Inline titre */

.inline-title {
    display: block;
    font-size: x-large !important;
    text-transform: uppercase;
    font-weight: bold;
}

/* Bloc text */

.bloc-text { margin: 0 2%; }


/* Bloc text with image */

.bloc-text-with-image .progressive.full {
    box-shadow: 10px 10px 0px #61bac1;
    border-radius: 30px 0 30px 0;
}

.bg1 .bloc-text-with-image .progressive.full,
.bg2 .bloc-text-with-image .progressive.full,
.bg3 .bloc-text-with-image .progressive.full{
    box-shadow: 10px 10px 0px #fff;
    border-radius: 30px 0 30px 0;
}

/* Citation */

.citation {
    position: relative;
    display: block;
    padding: 0.5rem 0;
    font-size: large;
    text-transform: uppercase;
}

.citation::before {
    content: "\42";
    font-family: falconheavy;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(15deg);
    -moz-transform: translate(-50%,-50%) rotate(15deg);
    -ms-transform: translate(-50%,-50%) rotate(15deg);
    -o-transform: translate(-50%,-50%) rotate(15deg);
    transform: translate(-50%,-50%) rotate(15deg);
    font-size: 60px;
    height: 70px;
    z-index: -1;
    opacity: 0.1;
    line-height: 390px;
}

/* Img full */

.image-full-width { position: relative; }

.object-fit .img-full {
    width: 100%;
    max-height: 350px;
    object-fit:  cover;
    object-position: center center;
    line-height: 0;
    display: block;
}

.no-object-fit .img-full{ width: 100%; }

.image-full-width .content {
    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%);
    z-index: 1;
}

/* Btn vidéo */

.video-btn {
    text-transform: uppercase;
    font-size: large;
    background: #fff;
    padding: .5rem 2rem;
    cursor: pointer;
    overflow: hidden;
    border: none;
    transition: 0.2s ease-in-out;
}
.video-btn:hover{ color: #fff; }
.video-btn::after{
    content:"\65";
    font-family: falconheavy;
    text-transform: none;
    font-size: xx-large;
    height: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 160px;
    margin-left: .25rem;
    width: 0px;
    opacity: 0;
    color: #fff;
    transition: 0.2s ease-in-out;
}
.video-btn:hover::after{
    width: 20px;
    opacity: 1;
}

/* Section list pages */

.list-pages {
    padding:  0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 720px){
	.list-pages { display: block; }
}

.list-pages.list-of-2 {
    max-width: 35rem;
    margin: 0 auto;
}

.list-pages.list-of-1 {
    max-width: 20rem;
    margin: 0 auto;
}

.cta {
    margin: 0.5%!important;
    width: 24%;
    list-style: none; 
    cursor: pointer;
    background: transparent!important;
    z-index: 0;
}

.list-of-7 .cta:nth-last-of-type(1), 
.list-of-7 .cta:nth-last-of-type(2), 
.list-of-7 .cta:nth-last-of-type(3) { width: 32.333%; }
.list-of-5 .cta{ width: 19%; }
.list-of-3 .cta{ width: 32.333%; }
.list-of-2 .cta{ width: 49%; }
.list-of-1 .cta{ width: 99%; }

.cta a{ 
    text-decoration: none; 
    display: block;
    position: relative;
    overflow: hidden;
}

.cta-img {
    position: relative;
    line-height: 0;
    overflow: hidden;
}

.cta-img::before {
    content: "";
    position:  absolute;
    top: 0;
    left:  0;
    opacity: 0;
    width:  100%;
    height:  100%;
    display:  block;
    z-index: 2;
    background: #74c044!important;
    transition:  0.2s ease-in-out;
}

.cta .cta-descr * { color: #61bac1!important; }

.cta.ishover .cta-descr * { color: #74c044!important; }

.cta:hover .cta-img::before,
.cta.ishover .cta-img::before{ opacity: 0.7; }

.cta-img > img {
    transition:  0.2s ease-in-out;
    z-index: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
        transform: scale(1);
    width: 100%;
}

.cta:hover .cta-img > img,
.cta.ishover .cta-img > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
        transform: scale(1.2);
}

.cta-img > span {
    z-index: 3;
    position: absolute;
    bottom: 2rem;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: table;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 30px 0 0 0;
    line-height: 1;
    font-size: small;
    padding: 1rem;
    transition: 0.2s ease-in-out;
    background: rgba(97, 186, 193, .8);
    opacity: 1;
}

.cta-img > span::after{ 
    content:">"; 
    color: #fff!important;
    margin-left: .25rem;
}

.cta:hover .cta-img > span,
.cta.ishover .cta-img > span{ transform: translateX(100%); }

.cta-descr {
    text-align: center;
    padding: .5rem .25rem;
    transition: 0.2s ease-in-out;
}
.bggrey .cta{ background:#fff; }

.cta .cta-title {
    font-size: medium;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
@media screen and (max-width: 720px){
    .cta .cta-title {
        height: 50px;
    }
}
.cta-subtitle {
    line-height: 0.8;
    font-size: small;
}

.cta-descr > .cta-resume {
    font-size: x-small;
    display: block;
    text-transform: none;
    line-height: 1;
}

.cta .cta-img::after {
    content: "+";
    position: absolute;
    top: 60%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(360deg);
    color: #fff;
    z-index: 99;
    font-size: 6rem;
    font-weight: bold;
    transition: 0.2s ease-in-out;
}

.cta.ishover .cta-img::after {
    transform: translate(-50%, -50%) rotate(0deg);
    top: 50%;
    opacity: 1;
}

.cta.ishover .cta-descr *,
.cta:hover .cta-descr *{ color:#fff; }

.prix-appel {
    position: absolute;
    top: 1rem;
    right: 0;
    color: #fff;
    font-size: x-small;
    line-height: 1;
    text-align: center;
    padding: .25rem .5rem;
    z-index: 3;
    transition: 0.2s ease-in-out;
}

.prix-appel > span {
    display: block;
    color: #fff;
    line-height: 1;
    font-size: large;
}

.cta:hover .prix-appel,
.cta.ishover .prix-appel{ right: -100%; }

/* FIlters */

.filters {
    padding: .5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.button-group {
    margin: .5rem;
    display: inline-flex;
    flex-wrap: wrap;
}

.filter-title {
    font-size: smaller;
    width: 100%;
}

.button-group button {
    text-transform: uppercase;
    border: .5px solid;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    flex-basis: 0;
    flex-grow: 1;
    flex: 1 1 auto;
    font-size: smaller;
    margin: .125rem;
    padding: .25rem;
}

.button-group button:hover, 
.button-group button.active{
	color: #fff;
}

/* Hebergements */

.heberg-list {
    height: auto!important;
}

.cta-heberg {
    position: relative!important;
    top: 0!important;
    left: 0!important;
}

.cta-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: -moz-linear-gradient(left, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    padding-left: 1rem;
    font-size: small;
}
.cta-info, .cta-info *{ color: #fff; }
.cta-info i {
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: small;
    margin-right: .25rem;
}

.cta-info > div{ 
    font-size: smaller; 
    transition: 0.3s ease-in-out;
    position: relative;
    left: 0;
}
.cta-info > div:nth-child(2){ transition-delay: .05s; }
.cta-info > div:nth-child(3){ transition-delay: .1s; }
.cta-info > div:nth-child(4){ transition-delay: .15s; }
.cta.ishover .cta-info > div,
.cta:hover .cta-info > div{ 
    left: -100%; 
    transition-delay: 0s;
}

.cta-info > div:not(:last-of-type){ margin-bottom: .25rem; }
.cta-gamme span{ font-size: inherit; }
.cta-gamme span:not(:last-of-type)::after {
    content: ",";
    display: inline-block;
    margin-right: .25rem;
}

/* Heberg details */

.heberg-detail {
    position: relative;
    max-width: calc(100% - 40px);
    margin: 0 20px;
}



.close-detail{
    background: red;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 35px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    color: #fff;
    width: 30px;
    font-weight: bold;
    -webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
    cursor: pointer;
    border-radius: 100%;
    transition: 0.2s ease-in-out;
}

.heberg-content-wrap {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin: 1rem .5% 0;
    position: relative;
    z-index: 1;
}

.heberg-img {
    margin: 1rem 2rem 1rem 1rem;
    width: 50%;
    line-height: 0;
}

.heberg-content {
    margin-left: 1rem;
    width: 50%;
}

.heberg-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: larger;
    border-bottom: .5px solid;
    margin-bottom: .5rem;
}

.heberg-icons {
    display: flex;
    flex-wrap: wrap;
}

.heberg-icons .cta-ico {
    flex-grow: 1;
    font-size: small;
    display: flex;
}

.heberg-icons .cta-ico i {
    display: inline-block;
    vertical-align: middle;
    height: 0;
    margin-right: .25rem;
}

.heberg-description * { font-size: small; }

.heberg-description { margin-top: .5rem; }

.heberg-resa {
    background: #fff;
    padding-top: calc(1rem + 20px);
}

.heberg-content-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -moz-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    -o-transform: translate(-50%, 50%) rotate(45deg);
        transform: translate(-50%, 50%) rotate(45deg);
    width: 40px;
    height: 40px;
    z-index: -1;
}

.heberg-wrap.hide{ display: none; }
.heberg-wrap.show{ display: block; }

.heberg-resa iframe {
    margin: 0 auto;
    border: none;
    display: block;
    width: 100%;
}

.non-contractuel {
    float: right;
}

.inventaire {
    padding: 1rem 2rem;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    background: #74c044;
    color: #fff !important;
    text-decoration: none !important;
    border: solid 1px #74c044;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-size: larger;
}

.inventaire:hover { 
    background: transparent;
    color: #74c044 !important;
}

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

    .heberg-resa iframe { height: 700px !important; }
	.list-pages { height: auto!important; }

	.cta-heberg {
		position: relative!important;
		top: 0!important;
		left: 0!important;
	}

	.filters {
	    display: block;
	    white-space: nowrap;
	    width: 100%;
	    overflow-x: scroll;
	}

	.button-group {
	   	display: inline-block;
	    position: relative;
	}

	.button-group button {
	    min-width: 50px;
	    white-space: normal;
	}

	.filter-title {
	    position: absolute;
	    bottom: 100%;
	}

	.heberg-detail {
	    width: 100%;
	    max-width: none!important;
	    margin: 0;
	}

	.heberg-img {
	    width: 100%;
	    margin: 0;
	}

	.heberg-img img {
	    height: 250px;
	    object-fit: cover;
	    object-position: center center;
	}

	.heberg-content {
	    width: 100%;
	    margin: 1rem 0 0;
	}

	.heberg-content-wrap {
	    display: block;
	    padding: .5rem;
	}

	span.close-detail {
	    top: 0;
	    right: 0;
	    -webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
        transform: translateY(-50%);
	    z-index: 2;
	}

	.slick-next { right: 5px!important; }
	.slick-prev { left: 5px!important; }
}

/*Slider heberg */

.slick-prev {
    left: 1rem;
    z-index: 2;
}

.slick-next{
	right: 1rem;
    z-index: 2;
}


/* Accordeon slider */
.flexbox-slider *{
    z-index: 0;
}

@media screen and (min-width: 720px){
    .flexbox-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 350px;
        visibility: hidden;
    }
    .flexbox-slider .flexbox-slide {
        -webkit-transition-property: all;
            transition-property: all;
        -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
        -webkit-transition-delay: 0s;
            transition-delay: 0s;
        width: 20%;
        height: 100%;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        visibility: visible;
        border-right: 5px solid #fff;
        max-width: 90%;
    }
    .flexbox-slider.slides-1 .flexbox-slide { width: 100%; }
    .flexbox-slider.slides-2 .flexbox-slide { width: 50%; }
    .flexbox-slider.slides-3 .flexbox-slide { width: 33.3333%; }
    .flexbox-slider.slides-4 .flexbox-slide { width: 25%; }
    .flexbox-slider .flexbox-slide:last-of-type{ border-right: none; }
    .flexbox-slider .flexbox-slide:after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 2;
        opacity: 0;
    }
    .flexbox-slide a { position: static; }
    .flexbox-slider .flexbox-slide img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: auto;
        width: auto;
        max-width: none;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        z-index: 1;
    }
    html:not(.no-object-fit) .flexbox-slider .flexbox-slide img { object-fit: cover; }
    html.no-object-fit .flexbox-slider .flexbox-slide img { max-width: none!important; height:auto!important; }

    .flexbox-slider:not(.slides-1):hover .flexbox-slide:hover {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 50%;
    }
}
@media screen and (max-width: 720px){
    .flexbox-slider{ height:auto!important; }
    .scroll-x-mobile .flexbox-slide{
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 60vw;
        min-width: 250px;
    }
    .scroll-x-mobile .flexbox-slide img{
        height: 100%;
        max-width: none;
        object-fit: cover;
    }
    .slider-container .scroll-x-title { margin-top: 1rem; }
}


/* Bloc de texte + image */

.flex-row {
    display: flex;
    flex-wrap: wrap;
}
.v-align { align-items: center; }

.reverse-row { flex-direction: row-reverse; }

img.full {
    max-width: none;
    width: 100%;
}

/* Map */

img.leaflet-marker-icon {
    top: -18px;
    left: -2px;
}

#map-row > .col-6 {
	margin: 0 .5%;
	width: 49%;
}

#gmaps{
	height: 350px;
    height: 100%;
    width: 100%;
}

#map-list {
    margin: 0;
    padding: 0;
}

.list-of-6 #map-list .cta { width: 32.333%; }

@media screen and (max-width: 1200px){
	#map-list .cta-descr {
	    font-size: x-small;
	    font-weight: bold;
	}
}
@media screen and (max-width: 720px){
	#map-list.scroll-x-mobile [class^=col] { width: 150px!important; }
    #map-row > .col-6 { width: 99%; }
    #gmaps{ height: 350px; }
    .list-of-3 .cta { width: 32.33%!important; }
    .list-of-2 .cta { width: 49%!important; }
    .list-of-2 .cta { width: 99%!important; }
    .list-of-3 .scroll-x-title { display: none; }
    .list-of-2 .scroll-x-title { display: none; }
    .list-of-1 .scroll-x-title { display: none; }
}
@media screen and (max-width: 450px){
 .list-of-3 .scroll-x-title { display: block!important; }
 .list-of-3 .cta { width: 150px!important; }
}
.list-of-5 #map-list .cta { width: 32.333%; }
.list-of-5 #map-list .cta:nth-last-of-type(1), 
.list-of-5 #map-list .cta:nth-last-of-type(2) { width: 49%; }


/* WPCF7 */

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    border: none !important;
    margin:5px 0;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-sizing: border-box;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wpcf7-submit {
    color:#fff!important;
    margin: 0!important;
    cursor: pointer;
    font-weight: bold!important;
    font-size: medium;
    display: block;
    padding: 6px 20px;
    border-radius: 0;
    background: transparent;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 100%;
    font-size: small;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media screen and (max-width: 720px){
	#map-row.contact-row {
	    display: block;
	    width: 100%;
	    flex-wrap: inherit;
	}

	#map-row.contact-row > .col-6 {
	    width: 100%;
	    max-width: 450px;
	    display:  block;
	    margin: 0 auto;
	    float: none;
	}

	#map-row.contact-row #gmaps { height: 200px; }
}

/* Numbers row */

.numbers-row {
    text-align: center;
    position: relative;
    display: block;
    z-index: 1;
    padding: 3rem 0;ç
}

@media screen and (min-width: 720px){	
	.numbers-row::before {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 50%;
	    z-index: -1;
	}
}

.number-box {
    display: inline-flex;
    background: #fff;
    flex-direction: column;
    width: 180px;
    height: 180px;
    vertical-align: top;
    border-radius: 100%;
    padding: 1rem;
    margin: 1rem;
    justify-content: center;
    position: relative;
    transition: 0.2s ease-in-out;
}

.number-box::before {
  content: "";
  height: calc(100% + 10px);
  position: absolute;
  top: 50%;
  width: calc(100% + 10px);
  left: 50%;
  border-radius: 100%;
  border: 3px solid;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    transition: 0.2s ease-in-out;
}

.number-wrap span {
    font-weight: bold;
    font-size: x-large;
    text-transform: uppercase;
    line-height: 1;
    transition: 0.2s ease-in-out;
}

.number-box .subtitle-number {
    line-height: 1;
    border-bottom: 1px solid;
    margin: 0 auto .5rem;
    padding-bottom: .5rem;
    text-transform: uppercase;
    transition: 0.2s ease-in-out;
}

.number-box .description-number {
    line-height: 1;
    font-size: small;
}

@media screen and (max-width: 900px) and (min-width: 720px){
	.number-box {
	    width: 140px;
	    height: 140px;
	    margin: .75rem;
	}

	.number-wrap span { font-size: larger; }

	.number-wrap { font-size: large; }

	.number-box .subtitle-number {
	    font-size: small;
	    margin-bottom: .25rem;
	    padding-bottom: .25rem;
	}
}


@media screen and (max-width: 720px){
	.numbers-row { padding: 1rem 0; }
	.number-box { white-space: normal; }
}

/* Gallery */

.falcon-gallery {
    display: flex;
    flex-wrap: wrap;
    height: 400px;
    position: relative;
}

.falcon-gallery > * {
    flex-grow: 1;
    flex-basis: 0;
}

.falcon-gallery a {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
        transform: scale(1.1);
    z-index: -1;
    transition: 0.2s ease-in-out;
}

.falcon-gallery a img {
    height: 100%!important;
    object-fit: cover;
    object-position: center center;
}

.img-grid-wrap:hover a{
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
        transform: scale(1);
}

.img-grid-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-left: 3px solid;
    border-right: 3px solid;
    border-top: 6px solid;
    border-bottom: 6px solid;
    flex-grow: 1;
    flex-basis: 0;
    color: #fff;
}

.img-grid-wrap::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: .5px solid;
    transition: 0.2s ease-out;
}

.img-grid-wrap:hover::before{
    width: 100%;
    height: 100%;
}

.falcon-gallery > .img-grid-wrap:last-of-type { border-right: 6px solid; }

.falcon-gallery > .img-grid-wrap:first-of-type { border-left: 6px solid; }

@media screen and (min-width: 720px){
	.grid-middle {
	    flex-basis: 0;
	    position: relative;
	    height: 100%;
	    width: 100%;
	    flex-grow: 1;
	}
}

.grid-middle .img-grid-wrap {
    width: 100%;
    height: 50%;
}

.grid-middle .img-grid-wrap:first-of-type {
    border-bottom: 3px solid;
}

.grid-middle .img-grid-wrap:last-of-type {
    border-top: 3px solid;
}

.grid-middle img {
    flex-grow: 1;
    flex-basis: 0;
    height: 100%!important;
    width: 100%;
}

.falcon-gallery.gallery-of-5 .grid-middle .img-grid-wrap:nth-last-of-type(1), .falcon-gallery.gallery-of-5 .grid-middle .img-grid-wrap:nth-last-of-type(2) {
    width: 50%;
    float: left;
}
.falcon-gallery.gallery-of-5 .grid-middle .img-grid-wrap:nth-last-of-type(2) { border-top: 1.5px solid; }

.falcon-gallery.gallery-of-6 .grid-middle .img-grid-wrap{
    width: 50%;
    float: left;
}
.falcon-gallery.gallery-of-6 .grid-middle .img-grid-wrap:nth-last-of-type(1), 
.falcon-gallery.gallery-of-6 .grid-middle .img-grid-wrap:nth-last-of-type(2){
    border-top: 3px solid;
}
.falcon-gallery.gallery-of-6 .grid-middle .img-grid-wrap:nth-child(1), 
.falcon-gallery.gallery-of-6 .grid-middle .img-grid-wrap:nth-child(2){
    border-bottom: 3px solid;
}

@media screen and (max-width: 720px){
	.falcon-gallery {
	    display: block;
	    white-space: nowrap;
	    overflow-x: scroll;
	    height: auto;
	}

	.img-grid-wrap {
	    display: inline-block;
	    width: 200px!important;
	    height: 150px!important;
	}

	.grid-middle { display: inline-block; }

	.grid-middle > .img-grid-wrap {
	    float: none!important;
	    border: 6px solid;
	}
}

/* Widget produits ctoutvert */

.widgets-price-ctoutvert-wrap { overflow: auto; }

.widget-price-ctoutvert {
    display: inline-block;
    margin: .5rem;
    vertical-align: top;
    float: left;
}

/************************
        BLOG
*************************/
#section-single iframe{width: 100%; margin-top: 1rem; margin-bottom: 2rem; min-height: 350px;}
#section-single .section-title { margin: 0; }
#sidebar { padding: 1rem; }
#sidebar .widget:not(:last-of-type) {  margin-bottom: 1rem; }
#sidebar ul {
    margin: 0;
    padding-left: 2rem;
}
#sidebar .inline-title { font-size:  smaller; }
#sidebar a { font-size: small; }

.single-meta {
    margin: 2rem 0;
    text-align: right;
    border-top: 1px solid #61bac1;
    padding-top: 10px;
}

.single-meta, .single-meta * {
    font-size: small;
    font-style: italic;
    color: #61bac1;
}
#section-blog span {
    float: unset;
    margin: 0;
    min-height: unset;
}
#section-single .single-prevnext .cta{
    width: 33%;
}

#section-single .single-prevnext .cta img{
    height: 200px;
    object-fit: cover;
}
#section-single .list-pages{display: inline-block;}
#section-single .single-prevnext .cta.meta-next {
    float: right;
}
#section-single h2{color: #61bac1; margin-top: 1.5rem; margin-bottom: 1.5rem; text-transform: uppercase;}
#section-single strong{color: #61bac1;}
#section-single .single-prevnext .cta .cta-descr span{text-transform: uppercase; font-weight: bold;}
/****************************
        SOCIAL SHARE
*****************************/
.social-share{
    display: table;
    margin:1rem auto 0;
}

#social-share-fixed i.icon-x { display: none; }

.social-share > a {
    display: inline-block;
    float:  left;
    margin: .10rem;
}

.social-share > a {
    width: 35px;
    height:  35px;
    display:  block;
    text-align: center;
    line-height:  35px;
    text-decoration:  none;
    position: relative;
    color: initial!important;
    background: #fff;
}
.social-share > a:not(:last-of-type){ border-bottom: 1px solid; }

.social-share > a > i {
    font-size: large;
    display:inline-block;
    width: 35px;
    height:  35px;
    line-height:35px;
    padding-top:3px;
    transition: 0.2s ease-in-out;
}


.social-share > a:hover > i {
    color: #fff;
	-webkit-transform: scale(1.3) rotate(360deg);
	-moz-transform: scale(1.3) rotate(360deg);
	-ms-transform: scale(1.3) rotate(360deg);
	-o-transform: scale(1.3) rotate(360deg);
        transform: scale(1.3) rotate(360deg);
}

@media screen and (min-width: 721px){
	#social-share-fixed {
	    position:  fixed;
	    z-index:  999999;
	    top: 50%;
	    left:  0;
	    -webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	        transform: translateY(-50%);
	    transition: 0.2s ease-in-out;
	}

	#social-share-fixed i.icon-x {
	    position: absolute;
	    font-size: small;
	    top: 0;
	    right: 0;
	    color: #fff;
	    line-height: 1;
	    -webkit-transform: translate(50%, -50%);
	    -moz-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
	    -o-transform: translate(50%, -50%);
	    transform: translate(50%, -50%);
	    z-index: 2;
	    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	    opacity: 0;
	    display: block;
	    line-height: 110px;
	    display: block;
	    transition: 0.2s ease-in-out;
	}

	#social-share-fixed:hover i.icon-x{ opacity: 0.8; }

	#social-share-fixed i.icon-x:hover{
		cursor: pointer;
	    opacity: 1;
	}
	#social-share-fixed a {
	    display: block;
	    float: none;
	    margin: 0;
	    overflow: hidden;
	}
}

#social-share-single{
    display: table;
    margin-left:auto;
    margin-top: .5rem;
}

#social-share-single a{ border: none; }
#social-share-single a i{ color:#fff; }

@media screen and (max-width: 720px){
	.social-share > a { border: none!important; }
}

/****************************
       Labels
*****************************/

#section-labels {
    padding: 2rem 0;
    text-align: center;
    margin-bottom: -5px;
}

.label-link {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    position: relative;
    overflow: hidden;
}

.label-link i {
    display:  inline-block;
    width:  65px;
    height:  65px;
    line-height:  85px;
    font-size: 50px;
    transition: 0.2s ease-in-out;
}
.label-link:hover i{
    transform: scale(1.2);
}

.label-link img {     
    transition: 0.2s ease-in-out;
    left: 50% !important;
    top: 50% !important;
    position: absolute;
    transform: translate(-50%, -50%);
}

.label-link .hovered {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.label-link:hover img.hovered { opacity: 1; }

.label-link:hover img {
    opacity: 0;
    -webkit-transform: scale(1.2) translate(-40%, -40%);
    -moz-transform: scale(1.2) translate(-40%, -40%);
    -ms-transform: scale(1.2) translate(-40%, -40%);
    -o-transform: scale(1.2) translate(-40%, -40%);
        transform: scale(1.2) translate(-40%, -40%);
}

/****************************
        FOOTER
*****************************/

/* Section social & avis */

#section-social { 
    padding:  2rem 0; 
    position: relative;
}

@media screen and (max-width: 720px){
    #section-social { text-align: center; }
    #social-box, #avis-box {
        float:  none!important;
        width:  auto;
        display: inline-block;
        margin:10px;
    }
}

#social-box { text-align: right; }

#social-box span:not(.social-link), #avis-box span:not(.social-link) {
    font-size: x-large;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 12px;
}

.social-link {
    display:  inline-block;
    vertical-align:  middle;
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
    text-align:  center;
    line-height: 40px;
    border: 1px solid;
    border-radius: 100%;
    margin: 0 3px;
    transition:  0.2s ease-in-out;
}

.social-link i {
    font-size:  x-large;
    width:  40px;
    height:  40px;
    display:  inline-block;
    line-height: 40px;
    position: relative;
    padding-top: 3px;
    padding-right: 1px;
}

.social-link img {
    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%);
    height: 28px;
    transition:  0.2s ease-in-out;
}

.social-link img.hovered { opacity: 0; }

.social-link:hover {
    -webkit-transform: rotate(360deg) scale(1.2);
	-moz-transform: rotate(360deg) scale(1.2);
	-ms-transform: rotate(360deg) scale(1.2);
	-o-transform: rotate(360deg) scale(1.2);
        transform: rotate(360deg) scale(1.2);
}

.social-link:hover img.hovered { opacity: 1; }

.social-link:hover img { opacity: 0; }

/* Section pdf */

.section-pdf {
    padding: 2rem 0;
    text-align: center;
}

@media screen and (min-width: 721px){
	.section-pdf .row {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
}
@media screen and (max-width: 720px){
	.section-pdf{
		padding: 1rem 0 0;
	}
}

.section-pdf .pdf-link {
    transition: 0.2s ease-in-out;
    margin: 1rem;
    display: inline-block;
    text-decoration: none;
}

.section-pdf .pdf-link i {
    display:  inline-block;
    width: 50px;
    height:  50px;
    border: 1px solid #fff;
    color:#fff;
    border-radius: 100%;
    
    line-height: 50px;
    font-size: x-large;
    padding-top: 3px;
    vertical-align: middle;
    transition: 0.2s ease-in-out;
    margin-right: 5px;
}

.section-pdf .pdf-link-decr {
    display:  inline-block;
    vertical-align: middle;
}

.section-pdf .pdf-link-decr, .pdf-link-decr * {
    text-align:  left;
    line-height: 1;
    transition: 0.2s ease-in-out;
    color:#fff;
}

.section-pdf .pdf-link-decr span {
	display:  block;
}

.section-pdf .pdf-link:hover { text-decoration: none; }

.section-pdf .pdf-link:hover i {
	background:#fff;
    -webkit-transform: rotate(360deg) scale(1.1);
	-moz-transform: rotate(360deg) scale(1.1);
	-ms-transform: rotate(360deg) scale(1.1);
	-o-transform: rotate(360deg) scale(1.1);
        transform: rotate(360deg) scale(1.1);
}

.section-pdf .scroll-x-title, .section-pdf .scroll-x-title i{ color: #fff; }

/* Section labels */

#label-img {
    margin: 2rem auto;
    display: block;
}

/**************************
		Footer
*************************/

footer {
    text-align: center;
    padding: 2rem 0;
}

.contact-foot {
    display:  inline-block;
    vertical-align:  top;
}

.contact-foot i {
    display:  block;
    width:  35px;
    height:  35px;
    background: #fff;
    border-radius:  100%;
    margin:  0 auto 5px;
    line-height:  35px;
    overflow: hidden;
    font-size:  x-large;
    padding-top: 4px;
    transition:  0.2s ease-in-out;
}

.contact-foot .contact-box {
    text-align:  center;
    display:  block;
}

.contact-foot .contact-box,
.contact-foot .contact-box *{ 
	color:#fff; 
	font-size:  small;
	line-height: 1;
    transition:  0.2s ease-in-out;
}

.contact-foot:hover i{ 
	-webkit-transform: rotate(360deg) scale(1.1);
	-moz-transform: rotate(360deg) scale(1.1);
	-ms-transform: rotate(360deg) scale(1.1);
	-o-transform: rotate(360deg) scale(1.1);
        transform: rotate(360deg) scale(1.1);
}

@media screen and (max-width: 720px){
	.row.microdata {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.contact-foot {
	    float: none!important;
	    width: auto;
	    margin: 0 .25rem!important;
	    flex-basis: 0;
	    flex-grow: 1;
	}
}

/* Copyrights */

#copyrights {
    text-align: center;
    padding: 0.5rem;
}

#copyrights * {
    font-size: small;
    
}

@media screen and (max-width: 720px) {
	#copyrights { padding-bottom: 4rem!important; }
}

/* Logo foot */

#logo-foot {
    margin: 0 auto;
    display: block;
}


/* RGPD */
.gdpr.gdpr-privacy-bar .gdpr-wrapper, 
.gdpr.gdpr-reconsent-bar .gdpr-wrapper {
    padding: 5px 30px;
}
div.gdpr.gdpr-privacy-bar div.gdpr-wrapper div.gdpr-content {
    padding: 0;
}
div.gdpr-wrapper .gdpr-info p, 
.gdpr-wrapper .gdpr-info .gdpr-cookies span, 
.gdpr-wrapper .gdpr-info .gdpr-cookies span a {
    font-size: small;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement,
 .gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-agreement {
    margin: 0 10px !important;
}
.gdpr.gdpr-privacy-bar, 
.gdpr.gdpr-reconsent-bar {
    bottom: -1px;
    top: auto;
    z-index: 999999999;
    position: fixed !important;
}
.gdpr.gdpr-privacy-preferences .gdpr-wrapper form>footer input[type="submit"]:active,
.gdpr.gdpr-privacy-preferences .gdpr-wrapper form>footer input[type="submit"].focus,
.gdpr.gdpr-general-confirmation .gdpr-wrapper form>footer input[type="submit"]:active, 
.gdpr.gdpr-general-confirmation .gdpr-wrapper form>footer input[type="submit"].focus {
    vertical-align: top;
}
.gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-tab-content>div .gdpr-info .gdpr-cookies-used .gdpr-cookie-title .gdpr-always-active, 
.gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-tab-content>div .gdpr-info .gdpr-cookies-used .gdpr-cookie-title .gdpr-always-active {
    font-size: smaller;
}
.gdpr.gdpr-privacy-preferences .gdpr-wrapper form>footer input[type="submit"]:hover, 
.gdpr.gdpr-general-confirmation .gdpr-wrapper form>footer input[type="submit"]:hover {
    color: #fff;
    text-shadow: none;
    text-decoration: none;
}
.gdpr.gdpr-privacy-preferences .gdpr-wrapper form>footer input[type="submit"], 
.gdpr.gdpr-general-confirmation .gdpr-wrapper form>footer input[type="submit"] {
    color: #fff;
    text-shadow: none;
    text-decoration: none;
}
div.gdpr-content p a {
    font-size: inherit;
}
.gdpr.gdpr-privacy-bar .gdpr-agreement:active, 
.gdpr.gdpr-privacy-bar .gdpr-agreement:focus, 
.gdpr.gdpr-reconsent-bar .gdpr-agreement:active, 
.gdpr.gdpr-reconsent-bar .gdpr-agreement:focus{
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
}
.gdpr.gdpr-privacy-bar .gdpr-agreement, 
.gdpr.gdpr-reconsent-bar .gdpr-agreement{
    color: #fff;
}


/* Fonts SVG */
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
    display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-infos:before{content:'\0041';}
.icon-laverie:before{content:'\0042';}
.icon-michelin:before{content:'\0043';}
.icon-pain:before{content:'\0044';}
.icon-recption:before{content:'\0045';}
.icon-glace:before{content:'\0046';}
.icon-virement:before{content:'\0047';}
.icon-wifi:before{content:'\0048';}
.icon-barbecue:before{content:'\0049';}
.icon-cb:before{content:'\004a';}
.icon-cheque:before{content:'\004b';}
.icon-finistere:before{content:'\004c';}
.icon-covid:before{content:'\004d'; font-family: 'Glyphter' !important;}
.icon-bar::before {content: '\004e';}
.icon-wifi:before{content:'\004f';}
.icon-person:before{content:'\0050';}

.icon-wifi:before {
    font-family: 'Glyphter' !important;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 1;
}

@media screen and (max-width: 992px){
    #header {
        top: 0 !important;
    }
    .grecaptcha-badge{
        display: none;
    }
    #header-banner .bon-cadeau{
        bottom: 55%;   
    }
    #open-dates{
        display: none;
    }
    #bloc-resa{
        padding: 1rem;
        width: 550px;
        bottom: 0 !important;
    }
    #header-banner{
        height: 600px;
    }
    #bloc-resa form{
        flex-wrap: wrap;
    }
    #header .menu{
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    #home-sixth .content p:first-of-type{
        font-size: 0.8rem !important;
    }
    #home-first .image-full-width .content{
        display: none;
    }

}
@media screen and (max-width: 768px){
    #header-banner{
        height: 375px;
    }
}

/* HOME */

#home-first { position: relative; }

#home-first .image-full-width .content {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top: 0;
    left: 0;
    background: #eef8f8;
    padding: 1.5rem 2rem 1.5rem 2rem;
    text-transform: uppercase;
    border-radius: 0 0 100px 0;
    letter-spacing: 1px;
}

#home-first .image-full-width .content br {
}

#home-first .image-full-width .content * {
    font-weight: bold;
    line-height: 1;
    color: #61bac1 !important;
    font-size: large;
    text-shadow: none;
}

#home-first .bloc-text {
    position: absolute;
    bottom: 0; 
    right: 0;
    background: #eef8f8;
    padding: 2rem 2rem 0;
    width: 50%;
    margin: 0;
    z-index: 0;
}

@media screen and (max-width: 1200px){
    #home-first .bloc-text {
        position: relative;
        width: 96%;
        padding: 0;
        margin:0 auto;
    }
}

/* Home second */

#home-second .col-6.left {
    width: 31.333%;
    margin: 0 0 0 2%;
}

#home-second .col-6:last-of-type {
    margin-right: 0;
    width: 64.666%;
}

#home-second .progressive.full{
    box-shadow: none;
}

.inline-title {
    color: #61bac1!important;
    font-size: larger;
}

@media screen and (max-width: 1200px){
    #home-second .col-6 {
        width: 96%!important;
        margin: 0 auto!important;
    }
}

/* titres  */
.bg1 .inline-title,
.bg2 .inline-title,
.bg3 .inline-title {
    color: #fff!important;
}

.bg1 .section-title,
.bg2 .section-title,
.bg3 .section-title {
    color: #fff!important;
}

/* Home fourth */
#home-fourth .container{
    position: relative;
}

#home-fourth .section-title{
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top: 0;
    left: 0;
    background: #fff;
    padding: 1.5rem 2rem 1.5rem 2rem;
    text-transform: uppercase;
    border-radius: 0 0 100px 0;
    letter-spacing: 1px; 
    position: absolute;
    z-index: 5;
    margin: .5%;
    font-weight: bold;
    line-height: 1;
    color: #61bac1;
    font-size: large;
}

#home-fourth:lang(en) .section-title, #home-fourth:lang(de) .section-title, #home-fourth:lang(es) .section-title, #home-fourth:lang(nl) .section-title{
    position: inherit;
    margin: 0;
    text-align: center;
}

#home-fourth .container.extralarge{
    max-width: 100rem;
}


/* CTA alternative */
.cta.alternative .cta-img > span{
    bottom: 0;
    color: #61bac1;
    font-size: 3rem;
    font-weight: bold;
    background-color: #fff;
}

.cta.alternative .cta-img > span:after{
    content: none !important;
}

.cta.alternative:hover .cta-descr,
.cta.alternative.ishover .cta-descr{
    top: 40%;
}

.cta.alternative .cta-descr{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}

.cta.alternative .cta-descr .cta-title{
    font-size: x-large;
    color: #fff !important;
    line-height: 1;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

@media screen and (max-width: 992px){
    .cta-heberg .cta-img > span {
        bottom: 0;
        padding: .5rem 1rem;
    }
}

/* Home fifth */
#home-fifth .container{
    position: relative;
}

#home-fifth .section-title{
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    bottom: 0;
    left: 0;
    background: #eef8f8;
    padding: 1.5rem 2rem .5rem 2rem;
    text-transform: uppercase;
    border-radius: 0 100px 0 0;
    letter-spacing: 1px;
    position: absolute;
    z-index: 0;
    margin: 0.6rem 0 0 0;
    font-weight: bold;
    line-height: 1;
    color: #61bac1;
    font-size: x-large;
}

@media screen and (max-width: 992px){
    .cta.alternative .cta-descr .cta-title {
        font-size: medium;
    }

    .cta .cta-img::after {
        font-size: xx-large;
    }
}

@media screen and (max-width: 720px){
    #home-fifth .section-title {
        position: relative;
        width: 100%;
        border-radius: 0;
        padding: 1rem;
        text-align: center;
    }
}

/* Nos services : SVG */
.bloc-code {margin: 1rem 0;}

#services-svg i:before{
    font-family: Glyphter !important;
}

#services-svg .icones-svg-services {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#services-svg .icones-svg-services .icone{
    text-align: center;
}

.icone {
    margin: 0 1rem;
    cursor: pointer;
}

.icone *{ transition: .2s ease-in-out; }

.icone i {
    color: #61bac1 !important;
    font-size: 4rem;
}

.icone p {
    line-height: 1;
    color: #61bac1 !important;
    text-transform: uppercase;
    font-weight: bold;
}

.icone:hover p,
.icone:hover i:before{
    color: #74c044 !important;
    animation: shakeItbudy 1s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}


@keyframes shakeItbudy {
  0%,100%{
    transform:translate3d(0,0,0);
  }

  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@media screen and (max-width: 720px){
    #services-svg .icones-svg-services {
        display: block;
        white-space: nowrap;
        overflow-x: scroll;
    }

    #services-svg .icones-svg-services .icone {
        display: inline-block;
        white-space: normal;
    }
}

/* home sixth */
#home-sixth .container{position: relative;}

@media screen and (min-width: 720px){
    #home-sixth .content{
        width: 60%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        left: 0 !important;
        -webkit-transform:translateY(-50%) !important;
        -ms-transform:translateY(-50%) !important;
        -o-transform:translateY(-50%) !important;
        transform:translateY(-50%) !important;
    }
}

#home-sixth .content p{
    color: #fff;
    width: 50%;
    text-shadow: none;
}

#home-sixth .content p:first-of-type{
    text-transform: uppercase;
    font-weight: bold;
    font-size: x-large;
}

#home-sixth .content #content-avis{
    text-align: center;
    font-size: medium;
    text-transform: initial;
    font-weight: normal;
}

#avis{
    color: #fff;
    padding: .5rem 2rem;
    background-color: #74c044;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: large;
    transition: .2s ease-in-out;
}

#avis:hover{
    background-color: #61bac1;
    -webkit-transform: translate(-50%, 50%) scale(1.1);
    -ms-transform: translate(-50%, 50%) scale(1.1);
    -o-transform: translate(-50%, 50%) scale(1.1);
    transform: translate(-50%, 50%) scale(1.1);
}

#home-sixth .bloc-code{
    position: absolute;
    right: 2.5%;
    bottom: 2.5%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 40%;
    height: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 400px;
    background-color: transparent;
}

#home-sixth .bloc-code > *{
    width: 30%;
    align-self: center;
    padding: 1rem;
}

#hc-ratingRatingHotel {
    height: 60%;
}

@media screen and (max-width: 1200px) and (min-width: 720px){ 
    #home-sixth .content {
        width: 96%;
        transform: translate(-50%, -50%)!important;
        left: 50%!important;
    }
}
@media screen and (max-width: 1200px){
    #home-sixth .bloc-code {
        position: relative;
        width: 100%;
        white-space: nowrap;
    }

    #home-sixth .bloc-code > * {white-space: normal;}

    #home-sixth .content #content-avis {
        width: 100%;
    }
    #home-sixth .bloc-code img{
        height: auto;
    }
}

@media screen and (max-width: 720px){
    #home-sixth .bloc-code {
        white-space: nowrap;
        display: block;
        overflow-x: scroll;
    }

    #home-sixth .bloc-code > div, #home-sixth .bloc-code > iframe, #home-sixth .bloc-code > a {
        display: inline-block!important;
        width: inherit;
    }

    #home-sixth .bloc-code > div#hc-data__hotellink {
        display: none!important;
    }
    #home-sixth {
        overflow: hidden;
    }

    #avis {
        position: relative;
        display: table;
        width: 96%;
        white-space: nowrap;
        margin: 0 auto;
        top: 0;
        left: 0;
        transform: none;
        font-size: 0.8rem;
        padding: 0.2rem 2rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #home-sixth .content p {
        width: 100%;
    }
    #home-sixth .bloc-code img{
        max-width: 40%;
    }
}

/* Section facebook + label */
.section-fb-labels{
    padding:2rem 0;
}

body:not(.home) .section-fb-labels{
    background: #ffffff;
}

#titre-facebook {
    font-size: x-large;
    font-weight: bold;
    color: #61bac1 !important;
    text-transform: uppercase;
}

@media screen and (min-width: 720px){
    .section-fb-labels .row.fb-labels{
        display: flex;
        align-items: center;
    }
}

#facebook-link * {
    display: inline-block;
    transition: .2s ease-in-out;
}
#facebook-link .icon-facebook {
    font-size: 2rem;
    background-color: #61bac1;
    color: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    margin-right: 1rem;
    overflow: hidden;
}
#facebook-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}
#facebook-link:hover i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    background-color: #74c044;
}

#facebook-link:hover #titre-facebook{
    color: #74c044 !important;
}

/* Section infos pratiques */
#infos-pratiques{
    position: relative;
    background-color: #eef8f8 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:3rem 0 0 0;
}

#titre-infos-pratiques{
    font-size: x-large;
    font-weight: bold;
    color: #61bac1 !important;
    text-transform: uppercase;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.5rem 2rem 1.5rem 1.5rem;
    border-radius: 0 0 100px 0;
    margin: 0;
}
.contact,
.horaires{
    margin: 0 4rem;
    position: relative;
}

.contact::before{
    content: '\0041';
    font-family: Glyphter;
    color: #61bac1 !important;
    position: absolute;
    left: -4rem;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 3rem;
}

.horaires::before{
    content: '\0041';
    font-family: Glyphter;
    color: #61bac1 !important;
    position: absolute;
    left: -4rem;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 3rem;
}

.contact *,
.horaires *{
    color: #61bac1 !important;
}

.titre-contact {
    margin: 0 0 .5rem 0;
    line-height: 1;
    color: #61bac1;
    font-weight: bold;
}

#tel,
#mail {
    margin: 0;
    line-height: 1;
}

#tel span,
#mail span {
    font-weight: bold;
}

#mail { display: none; }

.bouton-mail {
    color: #fff !important;
    text-decoration: none !important;
    background: #74c044;
    padding: 0.25rem 1rem;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    margin: .5rem auto;
    text-transform: uppercase;
    border: solid 1px #74c044;
    transition: ease-in-out 0.2s;
}

.bouton-mail:hover {
    background: transparent;
    color: #74c044 !important;
}

.titre-horaires{
    text-transform: uppercase;
    font-weight: bold;
    font-size: x-large;
    margin: 0;
    line-height: 1;
}

@media screen and (max-width: 1550px) and (min-width: 720px){
    #infos-pratiques { padding-top: calc(3rem + 90px); }
}

@media screen and (max-width: 720px){
    #infos-pratiques {
        display: block;
        padding-bottom: 1rem;
    }

    #titre-infos-pratiques {
        position: relative;
        margin-top: -3rem;
        max-width: 300px;
        margin-bottom: 1rem;
    }

    .contact, .horaires {
        margin-bottom: 1rem;
    }
}

/* Section PDF */
.section-pdf{
    background-color: #eef8f8 !important;
}

.section-pdf .pdf-link i{
    border-color: #61bac1 !important;
}

.section-pdf .pdf-link:hover i{
    background-color: #74c044 !important;
    border-color: #74c044 !important;
}

.section-pdf .pdf-link:hover i:before{
    color: #fff !important;
}


.section-pdf .pdf-link i:before,
.section-pdf .pdf-link-decr,
.pdf-link-decr *{
    color: #61bac1 !important;
}

.section-pdf .pdf-link:hover .pdf-link-decr,
.pdf-link:hover .pdf-link-decr *{
    color: #74c044 !important;
}

.section-pdf .pdf-link-decr span{
    font-weight: normal !important;
}
.section-pdf .pdf-link-decr{
    font-weight: bold !important;
}
/* Section moyen de paiements */
.paiements {
    background-color: #61bac1;
    padding:2rem 0;
}

.paiements {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#titre-paiements {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: x-large;
}

.paiements i:before {
    font-family: Glyphter !important;
}

.moyen-de-paiement{
    margin: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moyen-de-paiement i {
    color: #fff;
    font-size: 3rem;
    display: inline-block;
}

.moyen-de-paiement p{
    color: #fff;
    display: inline-block;
    line-height: 1;
    font-weight: bold;
    font-size: large;
    padding-left: 1rem;
    text-transform: uppercase;
}

@media screen and (max-width: 992px){
    .paiements {
        flex-wrap: wrap;
    }

    .moyen-de-paiement {
        width: calc(50% - 4rem);
    }
}
@media screen and (max-width: 720px){
    .paiements {
        display: block;
        white-space: nowrap;
        overflow-x: scroll;
    }

    .moyen-de-paiement {
        width: auto;
        display: inline-block;
    }
}

/* Image full width / image pleine largeur */
.content p{
    font-size: large;
    color: #fff !important;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    text-align: center;
}

.image-full-width img{
    max-height: 500px;
    object-fit: cover;
}

@media screen and (max-width: 720px){
    .image-full-width .content {
        padding:2rem 0;
        position: relative!important;
        top: 0!important;
        left: 0!important;
        transform: none!important;
    }
    .content p{ line-height: 1; }

    .image-full-width .progressive {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .image-full-width {
        position: relative;
    }
    .image-full-width img {
        height: 100%!important;
        width: 100%!important;
        object-fit: cover;
        position: absolute;
    }
}

/* cta hebergements */
.filter-title {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #61bac1;
}

.cta-info{z-index: 2;}

.cta-info * {
  font-family: Quicksand !important;
  text-transform: uppercase;
}

.cta.cta-heberg:hover .cta-img::after{opacity:1;}

.cta.cta-heberg .cta-img::after{top:50%!important;}

.heberg-title {
    text-align: center;
    color: #61bac1;
    border-bottom-color: #61bac1;
}

.cta-ico {
    justify-content: center;
    background-color: #61bac1;
    margin: 0 .2rem;
    padding: 0.2rem;
    font-weight: bold;
    color: #fff;
}

.cta-ico *{ color: #fff !important;}
.close-detail{ line-height: 25px; }


/******************************* BANDEAU GDPR *******************************/
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background: #191919 !important; /* Couleur Background */
  border-top: 3px solid #61BAC0 !important; /* Couleur 1 */ /* Bordure au choix */
  padding: 10px !important;
}
span.change-settings-button {
  color: #61BAC0 !important; /* Couleur 1 */
  text-decoration: none !important;
}
span.change-settings-button:hover {
  color: #74C044 !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
  background-color: #74C044 !important; /* Couleur 2 */
  border: 1px solid #74C044 !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon {
  color: #74C044 !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover span.gdpr-icon {
  background-color: #fff !important;
  color: #74C044 !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider {
  background-color: #61BAC0 !important; /* Couleur 1 */
}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after {
  color: #61BAC0 !important; /* Couleur 1 */
}
#moove_gdpr_cookie_modal .checkbox-selected .cookie-switch .cookie-slider {
  background: #191919 !important; /* Couleur Switch Off */
}
#moove_gdpr_cookie_modal .checkbox-selected .cookie-switch .cookie-slider:after {
  color: #191919 !important; /* Couleur Switch Off */
}

div#moove_gdpr_cookie_info_bar {
  z-index: 9999999999 !important;
}
.lity {
  z-index: 99999999999 !important;
}

@media screen and (max-width: 767px) {
  button.mgbutton.moove-gdpr-modal-save-settings.button-visible, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 14px !important;
    padding: 8px 16px !important;
    float: right;
  }
}

/* Sticky Menu */
/* Sticky */
@media screen and (min-width: 720px){
/*    .sticky #bloc-resa {
        position: fixed;
        right: -215px;
        top: 50%;
        z-index: 99999;
        bottom: inherit!important;
        left: inherit;
        width: 260px!important;
        -webkit-transform: rotate(-90deg) translateX(50%);
        -ms-transform: rotate(-90deg) translateX(50%);
        -o-transform: rotate(-90deg) translateX(50%);
        transform: rotate(-90deg) translateX(50%);
        transition: 0.2s ease-in-out;
        border-radius:0;
        padding:0;
        z-index: 99;
        border:0 !important;
    }*/



    .sticky #bloc-resa .input-date, 
    .sticky #bloc-resa #select-type, 
    .sticky #bloc-resa #submit-resa, 
    .sticky #bloc-resa .btn-cart {
        width: 100%!important;
        max-width: none!important;
        flex-basis: inherit!important;
        flex-grow: inherit!important;
    }

    .sticky #bloc-resa form { 
        max-width: none; 
        background:rgba(255,255,255,0.8);
        flex-direction: column;
    }

    .sticky #titre-resa-mobile {
        display: block;
        position: absolute;
        bottom: 100%;
        color: #fff;
        font-size: large;
        width: 100%;
        line-height: 1;
        background: #61bac1;
        padding: 1rem;
        left: 0;
        z-index: 99;
    }

    .sticky #bloc-resa:not(.clicked) #titre-resa-mobile{ cursor: pointer; }

    /* Sticky */

    .sticky #bloc-resa.clicked {
        -webkit-transform: rotate(0deg) translateY(-50%);
        -ms-transform: rotate(0deg) translateY(-50%);
        -o-transform: rotate(0deg) translateY(-50%);
        transform: rotate(0deg) translateY(-50%);
        right: 0;
        padding:1rem 0;
        background: #fff !important;
    }

    .sticky #bloc-resa.clicked form {
        background: transparent !important;
    }

    .sticky #bloc-resa:not(.clicked) #titre-resa-mobile::after {
        content: "\72";
        font-family: falconheavy;
        font-size: x-large;
        position: absolute;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 100%;
        overflow: hidden;
        line-height: 175px;
    }
}

/* Back to top */

#back-to-top{
    border-radius: 20px 0 20px 0;
    background-color: rgba(97,186,193,.8);
}

#back-to-top i{
    color: #fff;
}

#back-to-top:hover{
    background-color: #74c044 !important;
}

.heberg-img .slick-list {
    height: auto!important;
}

/****************
    Popup 
****************/

.popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 999999999999;
    cursor: pointer;
}

.popup {
    width: 700px;
    background: #fff;
    padding: 2rem;
    border: 15px solid #61bac1;
    max-width: 96%;
    text-align: center;
    z-index: 9999999999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-top-left-radius: 50px;;
    border-bottom-right-radius: 50px;
    animation: slide 2s;
    max-height: 96%;
}

.popup * {
    color: #61bac1;
}

.popup__title {
    background: #61bac1;
    border: 1px solid #fff;
    font-weight: 800;
    padding: 0.3em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-align: center;
    font-size: x-large;
    color: #fff;
}


.popup__content {
    display: block;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em;
}

.popup__additional-content {
    font-size: 1em;
    font-weight: 700;
    padding-bottom: 1em;
}

a.popup__link {
    background: #74c044;
    text-decoration: none;
    font-weight: 700;
    width: fit-content;
    margin: 0 auto 0 auto;
    padding: 0.3em 1em 0.3em 1em;
    color: #fff;
    border: solid 1px #74c044;
}

a.popup__link:hover {
    background: #fff;
    color: #74c044;
}

a.popup__link:after {
    content: "\4f";
    font-family: falconheavy;
    line-height: 106px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.35rem;
    position: relative;
    left: 0;
    transition: left 0.2s ease-in-out;
    color:#fff;
}

.popup__link:hover:after {
    color: #74c044;
}

@media screen and (max-width: 767px) {
    .popup{
        padding: 1em;
    }
    .popup__content{
        font-size: 1em;
    }
    .popup__additional-content p{
    font-size: small;   
    }
}

span#close-popup {
    position: absolute;
    top: -30px;
    right: -30px;
    display: block;
    z-index: 999;
    cursor: pointer;
    background: #74c044;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 26px;
    font-size: x-large;
}

@keyframes slide {
    0% {
        left: -100%;
    }
    60% {
        left: 75%;
    }
    80% {
        left: 45%;
    }
    100% {
        left: 50%
    }
}
@media screen and (max-width: 1600px) {
    #header .menu>li>a {
        font-size: 0.9rem !important;
        padding: 0 0.5rem;
    }
    .promo .content{
        font-size: 0.8rem;
    }
    .promo .titre{
        font-size: 0.9rem;
    }
    #titre-bloc-promo {
        font-size: 0.9rem;
    }
    #bloc-promo{
        bottom: 9rem;
        top: initial;
    }
}
@media screen and (max-width: 1335px) {
    #header .menu>li>a {
        font-size: 0.9rem !important;
        padding: 0 0.5rem;
    }
}

@media screen and (max-width: 1200px) {
    #header .menu>li>a {
        font-size: small !important;
        padding: 0 0.3rem;
    }
}

/* Frame Ctoutvert */

div.frame-ctoutvert{
    display: flex!important;
    justify-content: center;
}

/* Bon cadeau */

.bon-cadeau {
    background: #fff;
    border: 10px solid #61BAC1;
    border-radius: 25px 0 0 25px;
    position: absolute;
    bottom: 35%;
    right: 0;
    padding: 20px 30px;
    z-index: 9;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0px 0px 30px #fff;
    animation: 1s clignote infinite;
}

.bon-cadeau a {
    color: #61bac1!important;
    text-decoration: none;
}

@keyframes clignote {
  0% {
    box-shadow: 0px 0px 30px #fff;
  }

  50% {
    box-shadow: 0px 0px 0px #61bac1;
  }
  100% {
    box-shadow: 0px 0px 30px #fff;
  }
}
.title-promo {
    max-width: 90%;
    margin-left: 1rem;
    line-height: 1;
    color: #74c044;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

aside#moove_gdpr_cookie_info_bar {
    z-index: 99999;
}

#resa-btn {
    background: #74c044;
    color: #fff;
    text-align: center;
    max-width: 320px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1rem;
    position: fixed;
    bottom: 10px;
    left: 50%;
    display: flex;
    align-items: center;
    font-weight: 700;
    border-radius: 30px;
    padding: 1rem 1.5rem;
    transform: translateX(-50%);
    z-index: 99;
    cursor: pointer;
}

#resa-btn::before {
    margin-right: 0.5rem;
    font-size: 1.5em;
    color: #fff;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    content: '\45';
    font-family: Glyphter;
}

.fa-instagram {
    font-size: 2rem;
    background-color: #61bac1;
    color: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin-right: 1rem;
    overflow: hidden;
}