/* @import url(https://hello.myfonts.net/count/3d66b2); */
/* @font-face{
    font-family:"UrsulaHandschrift";
    src: url('https://www.campings-paradis.com/fonts/UrsulaHandschrift/ursula-handschrift.woff2') 
    format('woff2') , 
    url('https://www.campings-paradis.com/fonts/UrsulaHandschrift/ursula-handschrift.woff') format('woff')
} */
 @font-face {
    font-family: 'UrsulaHandschrift';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('UrsulaHandschrift'), 
    url('../../../media/vendor/ursula-handschrift/ursula-handschrift-beta-02-webfont.woff') format('woff');
  } 
  @font-face {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('Gilroy-SemiBold'), 
    url('../../../media/vendor/gilroy/gilroy-semibold-webfont.woff') format('woff');
  } 
  @font-face {
    font-family: 'Gilroy-Regular';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('Gilroy-Regular'), 
    url('../../../media/vendor/gilroy/gilroy-light-webfont.woff') format('woff');
  } 

a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
li,ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
button{
    padding:0;
    margin:0;
    border:0;
    color:inherit;
    background:0 0;
    cursor:pointer
}
planche-content{
    margin-bottom:130px!important;
    display:block
}
planche-content h2.title{
    margin-bottom:40px
}
box-planche{
    display:flex;
    height:80px;
    width:160px;
    border-radius:6px
}
color-box{
    margin:16px
}
color-boxes{
    display:flex;
    flex-wrap:wrap
}
fonts{
    display:flex;
    flex-direction:row;
    margin:20px auto
}
buton-bg{
    height:auto;
    display:inline-block;
    padding:10px
}
planche-content.form-fields{
    display:flex
}
planche-content.form-fields form-fields{
    width:50%
}
:root{
    background-color:#fff;
    color:#212121
}
*{
    color:inherit
}
.wrapper{
    max-width:1140px;
    margin:auto;
    height:100%;
    width:100%;
    display:flex;
    position:relative
}
@media (max-width:1140px){
    .wrapper{
        width:992px
    }
}
@media (max-width:992px){
    .wrapper{
        width:768px
    }
}
@media (max-width:768px){
    .wrapper{
        width:480px
    }
}
@media (max-width:480px){
    .wrapper{
        width:320px
    }
}
@media (max-width:320px){
    .wrapper{
        width:98%
    }
}
.page-content{
    min-height:100vh
}
.d-none{
    display:none
}
.d-flex{
    display:flex;
    align-items:center;
    justify-content:center
}
.left{
    margin-right:auto
}
.text-center{
    text-align:center
}
.right{
    margin-left:auto
}
.lh-24{
    line-height:24px
}
.mtb_70{
    margin-bottom:70px;
    margin-top:70px
}
.mb_70{
    margin-bottom:70px
}
.mb_80{
    margin-bottom:80px
}
.mb_100{
    margin-bottom:100px
}
card-border{
    border:1px solid #fff;
    width:100%;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
@media (max-width:768px){
    card-border{
        flex-wrap:nowrap
    }
}
.bg-blue{
    background:#34bdef
}
.text-blue{
    color:#34bdef
}
.bg-orange{
    background:#f39200
}
.text-orange{
    color:#f39200
}
.bg-yellow{
    background:#ffea00
}
.text-yellow{
    color:#ffea00
}
.bg-red{
    background:#fc4972
}
.text-red{
    color:#fc4972
}
.bg-dark-grey{
    background:#212121
}
.text-dark-grey{
    color:#212121
}
.bg-grey{
    background:#a0a0a0
}
.text-grey{
    color:#a0a0a0
}
.bg-light-grey{
    background:#dcdcdc
}
.text-light-grey{
    color:#dcdcdc
}
.bg-cream-white{
    background:#f7f7f3
}
.text-cream-white{
    color:#f7f7f3
}
.bg-white{
    background:#fff
}
.text-white{
    color:#fff
}
.bg-header{
    background:#f5f5f5
}
.text-header{
    color:#f5f5f5
}
.bg-white{
    background:#fff;
    border:1px solid #e6e6e6
}
.caps{
    text-transform:capitalize
}
.uppercase{
    text-transform:uppercase
}
.gilroy-regular-44{
    font-size:44px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-44{
    font-size:44px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-44{
    font-size:44px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-44{
    font-size:44px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-32{
    font-size:32px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-32{
    font-size:32px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-32{
    font-size:32px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-32{
    font-size:32px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-26{
    font-size:26px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-26{
    font-size:26px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-26{
    font-size:26px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-26{
    font-size:26px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-24{
    font-size:24px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-24{
    font-size:24px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-24{
    font-size:24px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-24{
    font-size:24px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-18{
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-18{
    font-size:18px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-18{
    font-size:18px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-18{
    font-size:18px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-16{
    font-size:16px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-16{
    font-size:16px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-16{
    font-size:16px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-16{
    font-size:16px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-14{
    font-size:14px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-14{
    font-size:14px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-14{
    font-size:14px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-14{
    font-size:14px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-13{
    font-size:13px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-13{
    font-size:13px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-13{
    font-size:13px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-13{
    font-size:13px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-12{
    font-size:12px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-12{
    font-size:12px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-12{
    font-size:12px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-12{
    font-size:12px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
.gilroy-regular-11{
    font-size:11px;
    font-family:Gilroy-Regular;
    font-weight:400
}
.gilroy-semibold-11{
    font-size:11px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
.gilroy-bold-11{
    font-size:11px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1
}
.ursula-11{
    font-size:11px;
    font-family:UrsulaHandschrift;
    font-weight:400
}
html{
    scroll-behavior:smooth
}
.btn{
    display:inline-block;
    text-align:center
}
a{
    text-decoration:none !important
}
a.btn{
    text-decoration:none
}
.btn-bg-color-42{
    border:2px solid #fff
}
.btn-bg-color-42:hover{
    background-color:#34bdef;
    color:#fff
}
[class^="btn-blue"]{
    border:2px solid #34bdef
}
[class^="btn-blue"]:hover{
    background-color:#ffea00;
    color:#34bdef
}
.btn-yellow-52{
    border:2px solid #ffea00
}
.btn-yellow-52:hover{
    background-color:#34bdef;
    color:#ffea00
}
.btn-blue-52{
    line-height:1.2;
    padding:10px 35px;
    background:#34bdef;
    border-radius:26px;
    transition:.3s;
    color:#ffea00;
    border:2px solid base
}
.btn-blue-42{
    line-height:1.2;
    padding:10px 35px;
    background:#34bdef;
    border-radius:26px;
    transition:.3s;
    color:#ffea00;
    border:2px solid base
}
.btn-yellow-52{
    line-height:1.2;
    padding:10px 35px;
    background:#ffea00;
    border-radius:26px;
    transition:.3s;
    color:#34bdef;
    border:2px solid base
}
.btn-yellow-42{
    line-height:1.2;
    padding:10px 35px;
    background:#ffea00;
    border-radius:26px;
    transition:.3s;
    color:#34bdef;
    border:2px solid base
}
.btn-bg-color-52{
    line-height:1.2;
    padding:10px 35px;
    background:#fff;
    border-radius:26px;
    transition:.3s;
    color:#34bdef;
    border:2px solid base
}
.btn-bg-color-42{
    line-height:1.2;
    padding:10px 35px;
    background:#fff;
    border-radius:26px;
    transition:.3s;
    color:#34bdef;
    border:2px solid base
}
.btn-bg-transparent-52{
    line-height:1.2;
    padding:10px 35px;
    background:#fff;
    border-radius:26px;
    transition:.3s;
    color:#34bdef;
    border:2px solid base
}
.btn-bg-transparent-52{
    border:2px solid #34bdef
}
.btn-bg-transparent-52:hover{
    background:#3ebeed;
    color:#fff
}
.btn-bg-transparent-42{
    line-height:1.2;
    padding:10px 35px;
    background:#fff;
    border-radius:26px;
    transition:.3s;
    color:#34bdef;
    border:2px solid base
}
.btn-bg-transparent-42{
    border:2px solid #34bdef
}
.btn-bg-transparent-42:hover{
    background:#3ebeed;
    color:#fff
}
@media (max-width:768px){
    slide-buttons{
        display:none
    }
}
slide-buttons left-arrow,slide-buttons right-arrow{
    width:33px;
    height:121px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    box-shadow:0 0 20px rgba(0,0,0,.1490196078);
    border-radius:0 8px 8px 0;
    left:0;
    z-index:2
}
slide-buttons left-arrow:hover,slide-buttons right-arrow:hover{
    cursor:pointer
}
slide-buttons left-arrow img,slide-buttons right-arrow img{
    width:15px;
    height:14px;
    position:relative;
    top:50%;
    transform:translate(-50%,-50%) rotate(180deg);
    left:50%
}
slide-buttons right-arrow{
    right:0;
    border-radius:8px 0 0 8px;
    left:auto
}
slide-buttons right-arrow img{
    transform:translate(-50%,-50%) rotate(0)
}
bullet-buttons{
    display:flex;
    justify-content:center
}
@media (min-width:768px){
    bullet-buttons{
        display:none
    }
}
environment-content{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:flex;
    pointer-events:none;
    z-index:1
}
@media (max-width:768px){
    environment-content{
        display:none
    }
}
environment-content left-wrapper{
    height:100%;
    display:block;
    width:50%
}
environment-content right-wrapper{
    height:100%;
    display:block;
    width:50%
}
body{
    overflow-x:hidden
}
@media (max-width:768px){
    body .gilroy-bold-44,body .gilroy-regular-44,body .gilroy-semibold-44,body .ursula-44{
        font-size:30px
    }
    body .gilroy-bold-32,body .gilroy-regular-32,body .gilroy-semibold-32,body .ursula-32{
        font-size:24px
    }
    body .gilroy-bold-26,body .gilroy-regular-26,body .gilroy-semibold-26,body .ursula-26{
        font-size:18px
    }
    body .gilroy-bold-18,body .gilroy-regular-18,body .gilroy-semibold-18,body .ursula-18{
        font-size:16px
    }
    body .gilroy-bold-16,body .gilroy-regular-16,body .gilroy-semibold-16,body .ursula-16{
        font-size:14px
    }
}
@media (max-width:480px){
    body .gilroy-bold-11,body .gilroy-regular-11,body .gilroy-semibold-11,body .ursula-11{
        font-size:10px
    }
}
body.responsive-menu-opend footer,body.responsive-menu-opend footer-ellipse,body.responsive-menu-opend main{
    display:none!important
}
body.model-opend{
    overflow-y:hidden
}
picture{
    height:100%;
    width:100%;
    object-fit:cover
}
img{
    height:100%;
    width:100%;
    object-fit:cover
}
block-wrapper{
    display:flex;
    min-height:500px;
    flex-wrap:wrap;
    max-height:530px
}
block-wrapper left-block{
    margin-right:30px;
    width:calc(60% - 30px);
    display:flex;
    flex-wrap:wrap
}
block-wrapper right-block{
    width:40%;
    display:flex;
    flex-wrap:wrap
}
block-wrapper .type-actualite{
    display:inline-block;
    background:linear-gradient(100deg,#3ebeed 40%,#fff);
    padding:0 37px 0 10px;
    color:#fff;
    margin-bottom:10px;
    line-height:24px
}
block-wrapper description-actualite{
    line-height:24px
}
block-wrapper h2{
    margin-bottom:15px
}
block-wrapper h4{
    margin-bottom:10px
}
title-calender{
    display:flex;
    margin-top:8px;
    margin-bottom:8px;
    box-sizing:border-box
}
title-calender actu-calender{
    width:60px;
    height:55px;
    box-shadow:0 0 10px rgba(0,0,0,.1607843137);
    display:flex;
    border-radius:8px;
    flex-direction:column;
    overflow:hidden;
    margin-right:20px;
    flex:0 0 60px
}
title-calender actu-calender mois-wrapper{
    height:20px;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center
}
title-calender actu-calender date-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    height:calc(100% - 20px)
}
article[class^="block"]{
    width:100%;
    height:100%
}
@media (max-width:768px){
    article[class^="block"]{
        margin:auto
    }
}
article[class^="block"] img-wrapper-actualite{
    border-radius:12px;
    overflow:hidden
}
article.block-normal{
    line-height:24px
}
article.block-normal img-wrapper-actualite{
    display:flex;
    height:50%;
    flex:1 0 auto
}
@media (max-width:768px){
    article.block-normal img-wrapper-actualite{
        width:100%
    }
}
article.block-normal info-basic{
    margin-top:19px;
    display:block;
    margin-bottom:5px
}
article.block-normal>a{
    display:flex;
    flex-direction:column;
    height:100%;
    width:100%
}
article.block-small{
    display:flex;
    margin-bottom:15px;
    width:100%
}
@media (max-width:768px){
    article.block-small{
        margin:auto
    }
}
article.block-small img-wrapper-actualite{
    height:110px;
    width:100px;
    margin-right:17px
}
@media (max-width:768px){
    article.block-small img-wrapper-actualite{
        height:100px;
        width:100px
    }
}
article.block-small right-wrapper{
    width:calc(100% - 117px)
}
@media (max-width:768px){
    article.block-small right-wrapper{
        width:calc(100% - 100px)
    }
}
article.block-medium{
    display:flex;
    height:calc(50% - 20px);
    flex-wrap:wrap;
    box-sizing:border-box
}
article.block-medium>a{
    display:flex
}
article.block-medium img-wrapper-actualite{
    margin-right:17px;
    width:calc(50% - 17px);
    height:100%
}
article.block-medium right-wrapper{
    width:50%;
    max-height:100%;
    overflow:hidden
}
article.block-medium h2{
    margin-bottom:15px;
    font-size:25px
}
article.block-medium info-basic{
    display:block;
    margin-bottom:5px
}
block-camping a{
    display:flex!important;
    width:100%!important;
    padding:15px
}
block-camping{
    width:540px;
    min-height:218px;
    box-shadow:0 0 20px rgba(33,33,33,.1019607843);
    border-radius:16px;
    display:flex;
    box-sizing:border-box
}
@media (max-width:480px){
    block-camping{
        width:100%;
        height:150px
    }
}
block-camping camping-img-holder{
    width:55%;
    height:auto;
    position:relative
}
@media (max-width:480px){
    block-camping camping-img-holder{
        width:47%
    }
}
block-camping camping-img-holder img{
    position:absolute
}
block-camping camping-img-holder camping-price-tag{
    position:absolute;
    right:0;
    display:flex;
    flex-direction:column;
    padding:5px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    min-height:55px;
    min-width:75px
}
@media (max-width:480px){
    block-camping camping-img-holder camping-price-tag{
        min-height:39px;
        min-width:55px
    }
}
block-camping camping-img-holder camping-price-tag line1-wrapper{
    margin-bottom:2px
}
block-camping camping-img-holder camping-price-tag line1-wrapper.offre-price{
    text-decoration:line-through
}
block-camping camping-img-holder camping-promo{
    position:absolute;
    display:flex;
    left:0;
    align-items:center;
    justify-content:center;
    padding:5px;
    min-height:45px;
    min-width:60px
}
block-camping camping-info{
    margin-left:20px;
    display:flex;
    flex-direction:column;
    width:65%
}
@media (max-width:480px){
    block-camping camping-info{
        width:calc(50% - 20px)
    }
}
block-camping camping-info camping-info-head{
    display:flex;
    height:24px;
    margin-bottom:11px;
    align-items:center
}
@media (max-width:480px){
    block-camping camping-info camping-info-head{
        height:15px
    }
}
block-camping camping-info camping-info-head>*{
    padding:5px;
    border-radius:5px
}
@media (max-width:480px){
    block-camping camping-info camping-info-head camping-rate-point{
        display:none
    }
}
block-camping camping-info camping-info-head camping-rate-note{
    margin-left:10px;
    padding-right:25px;
    padding-left:15px
}
@media (max-width:480px){
    block-camping camping-info camping-info-head camping-rate-note{
        display:none
    }
}
block-camping camping-info camping-info-head camping-rate-star{
    display:flex;
    margin-left:auto
}
@media (max-width:480px){
    block-camping camping-info camping-info-head camping-rate-star{
        margin-right:auto;
        margin-left:0
    }
}
block-camping camping-info camping-info-head camping-rate-star rate-star{
    width:15px;
    height:15px;
    display:block;
    margin:0 1px
}
block-camping camping-info camping-title{
    line-height:28px
}
@media (max-width:480px){
    block-camping camping-info camping-title{
        line-height:24px;
        height:50px;
        overflow:hidden;
        display:flex;
        margin-bottom:10px
    }
}
block-camping camping-info .title-detail{
    justify-content:flex-start;
    margin-bottom:11px
}
@media (max-width:1140px){
    block-camping camping-info .title-detail{
        width:85%
    }
}
@media (max-width:992px){
    block-camping camping-info .title-detail{
        width:95%
    }
}
@media (max-width:768px){
    block-camping camping-info .title-detail{
        width:100%;
        flex-wrap:wrap
    }
}
block-camping camping-info .title-detail .camping-rate-star{
    padding:20px;
    margin:0 auto;
    align-items:center;
    display:flex;
    position:relative;
    box-sizing:border-box
}
@media (max-width:768px){
    block-camping camping-info .title-detail .camping-rate-star{
        width:100%;
        margin:0;
        justify-content:flex-start;
        padding:0
    }
}
block-camping camping-info .title-detail rate-star{
    height:20px;
    width:20px
}
block-camping camping-info .title-detail.rating-inline h2{
    display:inline-block
}
block-camping camping-info .title-detail.rating-inline rate-star{
    display:inline-block;
    height:20px;
    width:20px
}
block-camping camping-info camping-location{
    display:flex;
    margin-top:auto;
    width:100%
}
@media (max-width:480px){
    block-camping camping-info camping-location{
        bottom:auto
    }
}
block-camping camping-info camping-location location-literally{
    flex-direction:column;
    display:flex;
    justify-content:space-between;
    min-height:40px
}
block-camping camping-info camping-location location-literally>.text-dark-grey.gilroy-regular-16{
    margin-bottom:10px
}
block-camping camping-promo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin-left:auto;
    font-size:13px!important
}
@media (max-width:480px){
    block-camping camping-promo{
        display:none
    }
}
location-map{
    width:48px;
    height:48px;
    right:0;
    margin-left:auto;
    position:relative;
    flex:0 0 50px
}
@media (max-width:480px){
    location-map{
        display:none
    }
}
location-map img.map-pin{
    height:12px;
    width:12px;
    position:absolute;
    object-fit:contain;
    bottom:5px;
    left:50%;
    transform:translate(-50%)
}
.user-comment{
    max-width:350px;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    align-items:center;
    padding:8px;
    box-sizing:border-box
}
@media (max-width:768px){
    .user-comment{
        width:100%
    }
}
.user-comment user-photo{
    height:70px;
    width:70px;
    border-radius:50%;
    overflow:hidden;
    margin:auto
}
@media (max-width:768px){
    .user-comment user-photo{
        display:none
    }
}
.user-comment location-wrapper{
    display:flex;
    width:85%;
    margin:auto;
    align-items:center;
    justify-content:center
}
.user-comment location-wrapper pin-wrapper{
    height:20px;
    width:14px;
    display:flex;
    margin-right:11px
}
.user-comment date-of-publication{
    text-align:center;
    margin:11px auto 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end!important;
    color:#fff;
    opacity:50%
}
.user-comment comment-wrapper{
    line-height:24px;
    max-height:50%;
    overflow:hidden;
    width:85%;
    margin:auto;
    text-align:center;
    margin-bottom:15px
}
.user-comment author-wrapper{
    text-align:center;
    margin-bottom:9px
}
.type-actualite{
    display:inline-block;
    background:linear-gradient(100deg,#3ebeed 40%,#fff);
    padding:0 37px 0 10px;
    color:#fff;
    margin-bottom:10px;
    line-height:24px
}
block-camping camping-info camping-info-head camping-rate-star.inline-star{
    display:none
}
@media (max-width:480px){
    block-camping camping-info camping-info-head camping-rate-star.inline-star{
        display:flex
    }
}
recherche-wrapper{
    border-radius:40px;
    height:80px;
    box-shadow:0 2px 35px rgba(0,0,0,.1019607843);
    display:flex;
    box-sizing:border-box;
    padding-left:25px;
    padding-right:25px;
    transition:.3s;
    width:90%;
    align-items:center;
    margin:auto
}
@media (max-width:1140px){
    recherche-wrapper{
        height:70px
    }
}
@media (max-width:992px){
    recherche-wrapper{
        width:100%;
        padding-left:10px;
        padding-right:10px
    }
}
@media (max-width:768px){
    recherche-wrapper{
        display:none
    }
}
recherche-wrapper>*{
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    height:100%;
    justify-content:center;
    position:relative;
    z-index:6
}
recherche-wrapper>* inner-content{
    border-left:1px solid #dcdcdc;
    display:flex;
    flex-direction:column;
    padding:0 15px
}
@media (max-width:992px){
    recherche-wrapper>* inner-content{
        padding:0 10px
    }
    recherche-wrapper>* inner-content span:nth-child(2){
        font-size:16px
    }
}
recherche-wrapper>* .selected-value{
    color:#212121
}
recherche-wrapper>* .title{
    margin-bottom:10px;
    color:#34bdef
}
recherche-wrapper>:hover{
    cursor:pointer
}
recherche-wrapper>* .recherche-feature{
    display:none
}
recherche-wrapper>.selected{
    box-shadow:0 2px 35px rgba(0,0,0,.1490196078);
    height:100%
}
recherche-wrapper>.selected inner-content{
    border-left:0
}
recherche-wrapper>.selected .title{
    color:#212121
}
recherche-wrapper>.selected .recherche-feature{
    min-height:50px;
    min-width:300px;
    position:absolute;
    display:flex;
    background:#fff 0 0 no-repeat padding-box;
    box-shadow:0 5px 20px rgba(0,0,0,.1019607843);
    border-radius:20px;
    top:90px;
    left:-120px;
    z-index:1;
    padding:5px 20px;
    flex-wrap:wrap
}
recherche-wrapper>.next-to-selected inner-content{
    border-left:0
}
recherche-wrapper destination-wrapper{
    width:300px
}
recherche-wrapper destination-wrapper input.destination{
    border:0;
    outline:0
}
recherche-wrapper destination-wrapper input.destination::placeholder{
    color:#a0a0a0;
    font-size:18px;
    font-family:Gilroy-Regular
}
recherche-wrapper destination-wrapper inner-content{
    border-left:0
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature{
    left:0;
    min-height:20vh;
    max-height:50vh;
    overflow:auto
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature ul.search-region-results li{
    margin:5px 0;
    padding:10px 10px 10px 25px;
    line-height:18px
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature ul.search-region-results li:hover{
    background-color:#34bdef;
    color:#ffea00
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature ul.search-region-results li.header{
    padding:7px 10px
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature ul.search-region-results li.header:hover{
    background-color:initial;
    color:initial
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature ul.search-region-results li.divider{
    margin:10px 0;
    border-bottom:1px solid #dcdcdc
}
recherche-wrapper destination-wrapper.selected region-feature.recherche-feature ul.search-region-results li.divider:hover{
    background-color:initial;
    color:initial
}
recherche-wrapper dates-wrapper{
    width:215px
}
recherche-wrapper dates-wrapper .recherche-feature{
    width:700px;
    box-sizing:border-box
}
recherche-wrapper sejour-type{
    width:215px
}
recherche-wrapper sejour-type sejour-feature form-field:first-child{
    margin-right:25px
}
recherche-wrapper sejour-type sejour-feature form-field{
    width:auto
}
recherche-wrapper campeurs-wrapper{
    width:270px;
    border-right:0
}
recherche-wrapper campeurs-wrapper campeur-feature{
    flex-wrap:wrap;
    padding:12px 20px!important
}
recherche-wrapper campeurs-wrapper campeur-feature .options{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-top:29px
}
recherche-wrapper campeurs-wrapper campeur-feature .options:first-child{
    margin-top:0
}
recherche-wrapper campeurs-wrapper campeur-feature .options left-wrapper{
    display:flex;
    width:70%;
    margin-right:auto;
    flex-direction:column;
    justify-content:center
}
recherche-wrapper campeurs-wrapper campeur-feature .options left-wrapper>*{
    display:flex;
    width:100%;
    line-height:20px
}
recherche-wrapper campeurs-wrapper campeur-feature .options right-wrapper{
    display:flex;
    width:30%;
    margin-left:auto;
    align-items:center;
    justify-content:center
}
recherche-wrapper campeurs-wrapper campeur-feature .options right-wrapper .sign{
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #000;
    border-radius:50%;
    margin-right:12px
}
recherche-wrapper campeurs-wrapper campeur-feature .options right-wrapper .sign.disabled{
    border:1px solid #dcdcdc;
    color:#dcdcdc
}
recherche-wrapper campeurs-wrapper campeur-feature .options right-wrapper plus-wrapper.sign{
    margin-left:12px;
    margin-right:0
}
recherche-wrapper campeurs-wrapper campeur-feature animal-wrapper.options radio-button{
    display:block;
    width:55px;
    height:25px;
    position:relative;
    background-color:#dcdcdc;
    border-radius:18px
}
recherche-wrapper campeurs-wrapper campeur-feature animal-wrapper.options radio-button:before{
    content:"";
    position:absolute;
    display:block;
    height:30px;
    width:30px;
    background-color:#fff;
    box-shadow:0 3px 3px rgba(0,0,0,.2) , 0 0 0 2px #dcdcdc;
    border-radius:100%;
    transition:.25s ease-in-out;
    left:-7px;
    top:50%;
    transform:translateY(-50%)
}
recherche-wrapper campeurs-wrapper campeur-feature animal-wrapper.options radio-button.is-active{
    box-shadow:inset 0 0 0 18px #34bdef , 0 0 0 2px #34bdef
}
recherche-wrapper campeurs-wrapper campeur-feature animal-wrapper.options radio-button.is-active:before{
    left:calc(100% - 25px)
}
recherche-wrapper search-wrapper.search-btn{
    line-height:1.2;
    padding:10px 35px;
    background:#34bdef;
    border-radius:26px;
    transition:.3s;
    color:#ffea00;
    border:2px solid base
}
recherche-wrapper search-wrapper.search-btn{
    border-radius:50%;
    width:65px;
    display:flex;
    align-self:center;
    align-items:center;
    height:60px;
    min-height:auto;
    padding:0
}
@media (max-width:1140px){
    recherche-wrapper search-wrapper.search-btn{
        height:50px
    }
}
@media (max-width:992px){
    recherche-wrapper search-wrapper.search-btn{
        width:75px
    }
}
recherche-wrapper search-wrapper.search-btn img{
    height:22px;
    width:22px
}
recherche-responsive-button{
    width:80%;
    margin:auto
}
@media (max-width:768px){
    recherche-responsive-button button{
        width:100%!important
    }
}
@media (min-width:769px){
    recherche-responsive-button{
        display:none
    }
}
.title-close-button{
    display:none
}
.modal-recherche{
    position:fixed;
    background-color:#fff;
    height:100%;
    width:100%;
    z-index:99999999;
    left:0;
    top:0;
    display:block;
    align-items:flex-start;
    flex-wrap:wrap;
    overflow-y:auto;
    margin-top:0!important;
    border-radius:0!important
}
.modal-recherche recherche-responsive-button{
    display:none
}
.modal-recherche .title-close-button{
    width:100%;
    justify-content:space-around;
    padding:15px 0
}
.modal-recherche .close-button{
    height:22px;
    width:22px;
    cursor:pointer
}
.modal-recherche .title-close-button{
    display:flex;
    margin-top:20px
}
.responsive-recherche{
    display:flex;
    width:80%;
    margin:0 auto;
    border-radius:12px;
    flex-wrap:wrap;
    height:auto;
    padding:20px;
    box-sizing:border-box;
    margin-top:30px
}
@media (max-width:480px){
    .responsive-recherche{
        width:98%
    }
}
.responsive-recherche>*{
    width:100%
}
.responsive-recherche inner-content{
    border-left:0;
    padding-bottom:20px;
    border-bottom:1px solid #dcdcdc;
    margin-bottom:20px
}
.responsive-recherche campeurs-wrapper inner-content{
    border-bottom:none
}
.responsive-recherche>.selected{
    box-shadow:none;
    z-index:10
}
.responsive-recherche>.selected>.recherche-feature{
    width:calc(100% + 40px);
    border-radius:0;
    left:-20px;
    padding:0;
    top:63px;
    box-sizing:border-box
}
.responsive-recherche>.selected>.recherche-feature ul.search-region-results{
    margin:auto
}
.responsive-recherche>.selected>.recherche-feature calendar widget-calendar,.responsive-recherche>.selected>.recherche-feature calendar-wrapper widget-calendar{
    width:320px;
    margin:auto
}
@media (max-width:480px){
    .responsive-recherche>.selected>.recherche-feature calendar widget-calendar,.responsive-recherche>.selected>.recherche-feature calendar-wrapper widget-calendar{
        width:270px
    }
}
.responsive-recherche>.selected>.recherche-feature calendar,.responsive-recherche>.selected>.recherche-feature calendar-wrapper{
    padding:15px 5px
}
.responsive-recherche>.selected>.recherche-feature widget-calendar+widget-calendar{
    display:none
}
.responsive-recherche>.selected>.recherche-feature calender-footer{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
.responsive-recherche>.selected>.recherche-feature calendar calendar-body ul.days>*,.responsive-recherche>.selected>.recherche-feature calendar-wrapper calendar-body ul.days>*{
    padding:14px
}
@media (max-width:480px){
    .responsive-recherche>.selected>.recherche-feature calendar calendar-body ul.days>*,.responsive-recherche>.selected>.recherche-feature calendar-wrapper calendar-body ul.days>*{
        padding:12px
    }
}
.responsive-recherche .search-btn{
    width:80%;
    border-radius:30px;
    margin:auto;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row
}
.responsive-recherche .search-btn span{
    display:flex;
    margin-left:15px
}
.close-feature{
    width:100%;
    margin-bottom:10px
}
@media (max-width:768px){
    .calander-footer-date{
        width:100%;
        margin-top:20px;
        margin-bottom:20px;
        display:flex;
        justify-content:center
    }
}
.margin-top{
    margin-top:20px
}
form-field{
    display:flex;
    width:350px;
    flex-direction:column;
    margin:20px 0
}
form-field.checkbox{
    display:flex;
    flex-direction:row;
    align-items:center
}
form-field.checkbox input[type="checkbox"]{
    appearance:none;
    height:30px;
    width:30px;
    border:1px solid #dcdcdc;
    border-radius:4px;
    margin-right:15px;
    cursor:pointer;
    outline:0
}
form-field.checkbox input[type="checkbox"]:focus{
    border:1px solid #34bdef
}
form-field.checkbox input[type="checkbox"]:checked{
    background:url(img/icons/input-checkbox.svg) no-repeat;
    background-position:center center
}
form-field.checkbox input[type="radio"]{
    appearance:none;
    height:30px;
    width:30px;
    border:1px solid #dcdcdc;
    border-radius:4px;
    margin-right:15px;
    cursor:pointer;
    outline:0;
    border-radius:50%;
    position:relative
}
form-field.checkbox input[type="radio"]:focus{
    border:1px solid #34bdef
}
form-field.checkbox input[type="radio"]:checked:after{
    content:"";
    background:#34bdef;
    position:absolute;
    width:16px;
    height:16px;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
form-field label{
    margin-bottom:5px
}
form-field input[type="text"],form-field textarea{
    border:1px solid #dcdcdc;
    height:52px;
    width:100%;
    border-radius:4px;
    outline:0;
    text-indent:8px;
    transition:.2s;
    box-sizing:border-box
}
form-field input[type="text"]:focus,form-field textarea:focus{
    border:1px solid #a0a0a0
}
form-field input[type="text"]::placeholder,form-field textarea::placeholder{
    font-family:Gilroy-Regular;
    font-size:18px;
    color:#212121;
    opacity:.3
}
form-field input-container{
    position:relative
}
form-field error-message{
    display:none
}
form-field.error input[type="text"]{
    border:1px solid #fc4972;
    margin-bottom:5px;
    padding-right:2.3rem;
    background:url(img/icons/input-error.svg) no-repeat;
    background-position-x:0;
    background-position-y:0;
    background-size:18px;
    background-position:right 1rem top 15px;
    display:block
}
form-field textarea{
    padding-top:13px;
    padding-left:15px;
    height:260px;
    width:350px;
    line-height:28px
}
calendar,calendar-wrapper{
    padding:15px;
    width:1000px;
    display:flex;
    position:relative;
    flex-wrap:wrap
}
calendar widgets,calendar widgets-wrapper,calendar-wrapper widgets,calendar-wrapper widgets-wrapper{
    width:100%;
    display:flex;
    position:relative
}
calendar nav-buttons,calendar-wrapper nav-buttons{
    position:absolute;
    width:100%
}
calendar nav-buttons .btn,calendar nav-buttons button,calendar-wrapper nav-buttons .btn,calendar-wrapper nav-buttons button{
    position:absolute;
    width:40px!important;
    border-radius:100%!important;
    height:40px!important;
    padding:12px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1
}
calendar nav-buttons .btn.prev,calendar nav-buttons button.prev,calendar-wrapper nav-buttons .btn.prev,calendar-wrapper nav-buttons button.prev{
    transform:rotate(180deg)
}
calendar nav-buttons .btn.next,calendar nav-buttons button.next,calendar-wrapper nav-buttons .btn.next,calendar-wrapper nav-buttons button.next{
    right:35px;
    position:absolute
}
calendar nav-buttons .btn img,calendar nav-buttons button img,calendar-wrapper nav-buttons .btn img,calendar-wrapper nav-buttons button img{
    object-fit:contain
}
calendar widget-calendar,calendar-wrapper widget-calendar{
    width:50%;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
calendar widget-calendar:first-of-type,calendar-wrapper widget-calendar:first-of-type{
    margin-right:60px
}
calendar calendar-head,calendar-wrapper calendar-head{
    margin-bottom:35px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    width:100%;
    height:40px;
    display:flex;
    align-items:center
}
calendar calendar-body,calendar-wrapper calendar-body{
    display:flex;
    flex-wrap:wrap;
    margin-top:30px
}
calendar calendar-body ul.days,calendar calendar-body ul.weekdays,calendar-wrapper calendar-body ul.days,calendar-wrapper calendar-body ul.weekdays{
    display:flex;
    margin-bottom:15px;
    width:100%;
    flex-wrap:wrap
}
calendar calendar-body ul.days>*,calendar calendar-body ul.weekdays>*,calendar-wrapper calendar-body ul.days>*,calendar-wrapper calendar-body ul.weekdays>*{
    display:flex;
    width:14.2857142857%;
    justify-content:center
}
calendar calendar-body ul.days,calendar-wrapper calendar-body ul.days{
    flex-wrap:wrap
}
calendar calendar-body ul.days>*,calendar-wrapper calendar-body ul.days>*{
    padding:12px;
    box-sizing:border-box;
    cursor:pointer
}
calendar calendar-body ul.days>li.is-notavailable,calendar-wrapper calendar-body ul.days>li.is-notavailable{
    color:#dcdcdc;
    cursor:not-allowed
}
calendar calendar-body ul.days>li.period-select,calendar-wrapper calendar-body ul.days>li.period-select{
    background-color:rgba(52,189,239,.2)
}
calendar calendar-body ul.days>li.is-selected,calendar-wrapper calendar-body ul.days>li.is-selected{
    background-color:#34bdef;
    color:#ffea00;
    position:relative;
    border-radius:50%
}
calendar calendar-body ul.days>li.is-selected.start-date::before,calendar-wrapper calendar-body ul.days>li.is-selected.start-date::before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    z-index:-1;
    background:-moz-linear-gradient(90deg,#fff 0,rgba(52,189,239,.2) 100%);
    background:-webkit-linear-gradient(90deg,#fff 0,rgba(52,189,239,.2) 100%);
    background:linear-gradient(90deg,#fff 0,rgba(52,189,239,.2) 100%)
}
calendar calendar-body ul.days>li.is-selected.end-date::before,calendar-wrapper calendar-body ul.days>li.is-selected.end-date::before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(52,189,239,.2) 0,#fff 100%)
}
@media (max-width:768px){
    calender-footer{
        flex-direction:column
    }
    calender-footer .clear,calender-footer button.clear{
        margin-bottom:15px
    }
}
actu-calendar{
    display:flex;
    flex-direction:column;
    flex:1 0 55px;
    max-width:55px;
    height:55px;
    box-shadow:0 0 10px rgba(0,0,0,.1607843137);
    border-radius:8px;
    overflow:hidden;
    margin-right:20px
}
actu-calendar month-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    height:20px;
    font-size:13px;
    font-family:Gilroy-Bold;
    font-weight:400;
    background:#fc4972;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
actu-calendar date-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    height:calc(100% - 20px);
    font-size:18px;
    font-family:Gilroy-Bold;
    font-weight:400;
    color:#212121
}
.calander-footer-date{
    position:absolute;
    top:16%;
    display:flex;
    width:100%;
    justify-content:center
}
widget-body-wrapper{
    display:flex;
    width:100%
}
modal-wrapper.modal_dialog{
    display:block;
    position:fixed;
    padding:50px 100px;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(31,31,31,.5);
    z-index:9999;
    opacity:0;
    transition:opacity 1s ease-in-out;
    pointer-events:none;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    line-height:1.2;
    color:#212121;
    display:flex;
    justify-content:center;
    align-items:center
}
@media (max-width:1140px){
    modal-wrapper.modal_dialog{
        padding:50px
    }
}
@media (max-width:768px){
    modal-wrapper.modal_dialog{
        padding:10px 10px
    }
}
@media (max-width:480px){
    modal-wrapper.modal_dialog{
        padding:10px 0
    }
}
modal-wrapper.modal_dialog.visible{
    opacity:1;
    pointer-events:auto
}
modal-wrapper.modal_dialog .close{
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
    width:40px;
    height:40px;
    right:0;
    top:0;
    cursor:pointer;
    background-color:#34bdef;
    z-index:1
}
modal-wrapper.modal_dialog .close::after{
    display:flex;
    justify-content:center;
    align-items:center;
    content:" ";
    background:url(img/icons/close-icon.svg) no-repeat;
    background-size:15px 15px;
    width:15px;
    height:15px;
    transform:rotate(0);
    transition:transform .2s ease-out;
    opacity:1;
    z-index:10
}
modal-wrapper.modal_dialog .close:hover::after{
    transform:rotate(180deg)
}
.sl-caption.pos-bottom{
    background-color:transparent!important
}
header.principle header-top{
    height:55px;
    position:relative;
    width:100%;
    left:0;
    display:flex
}
@media (max-width:768px){
    header.principle header-top{
        background:#34bdef
    }
}
header.principle header-top wrapper-content{
    display:flex;
    align-items:center
}
@media (max-width:768px){
    header.principle header-top wrapper-content{
        width:80%
    }
}
@media (max-width:480px){
    header.principle header-top wrapper-content{
        width:90%
    }
}
header.principle header-top header-search-container{
    display:flex;
    width:30%
}
@media (max-width:768px){
    header.principle header-top header-search-container{
        justify-content:flex-start
    }
}
@media (max-width:480px){
    header.principle header-top header-search-container{
        width:auto
    }
}
header.principle header-top header-search-container menu-burger{
    margin-right:40px;
    height:22px;
    width:22px
}
@media (max-width:480px){
    header.principle header-top header-search-container menu-burger{
        margin-right:25px
    }
}
header.principle header-top header-search-container menu-burger:hover{
    cursor:pointer
}
header.principle header-top header-search-container menu-burger img.burger-button{
    display:flex
}
header.principle header-top header-search-container menu-burger img.close-button{
    display:none
}
header.principle header-top header-search-container menu-burger.opend img.burger-button{
    display:none
}
header.principle header-top header-search-container menu-burger.opend img.close-button{
    display:flex
}
@media (min-width:769px){
    header.principle header-top header-search-container menu-burger{
        display:none
    }
}
header.principle header-top header-search-container search-icon{
    height:22px;
    width:22px;
    display:inline-block;
    margin-right:15px;
    display:none
}
@media (max-width:768px){
    header.principle header-top header-search-container search-icon.blue{
        display:none
    }
}
@media (min-width:769px){
    header.principle header-top header-search-container search-icon.white{
        display:none
    }
}
header.principle header-top header-search-container input.header-search-input{
    width:calc(90% - 37px);
    background:0 0;
    border:0;
    outline:0;
    line-height:20px
}
header.principle header-top header-search-container input.header-search-input::placeholder{
    font-family:Gilroy-Regular;
    font-size:16px;
    color:#212121;
    opacity:.3
}
@media (max-width:768px){
    header.principle header-top header-search-container input.header-search-input{
        display:none
    }
}
header.principle header-top logo-wrapper{
    top:0;
    position:absolute;
    height:125px;
    left:45%;
    transform:translateX(-50%);
    z-index:2
}
@media (min-width:769px){
    header.principle header-top logo-wrapper{
        display:none
    }
}
@media (max-width:768px){
    header.principle header-top logo-wrapper{
        left:50%
    }
}
@media (max-width:480px){
    header.principle header-top logo-wrapper{
        height:90px;
        top:5px
    }
}
header.principle header-top logo-wrapper a{
    height:100%;
    width:100%
}
@media (max-width:768px){
    header.principle header-top logo-wrapper img{
        width:auto
    }
}
header.principle header-top header-user-container{
    display:flex;
    align-items:center;
    align-self:flex-end;
    margin-left:auto;
    justify-content:space-between
}
@media (max-width:768px){
    header.principle header-top header-user-container{
        width:auto
    }
}
header.principle header-top header-user-container contact-phone{
    flex-direction:column;
    display:flex;
    margin-right:15px
}
@media (max-width:768px){
    header.principle header-top header-user-container contact-phone{
        display:none
    }
}
header.principle header-top header-user-container phone-icon{
    height:45px;
    width:36px;
    margin-right:15px
}
@media (max-width:768px){
    header.principle header-top header-user-container phone-icon{
        display:none
    }
}
header.principle header-top header-user-container user-icon{
    height:55px;
    width:55px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid #fff;
    margin-right:15px;
    display:none
}
header.principle header-top header-user-container user-icon img{
    height:30px;
    width:30px
}
header.principle header-top header-user-container espace-client{
    display:none
}
@media (max-width:768px){
    header.principle header-top header-user-container espace-client{
        display:none
    }
}
header.principle header-nav{
    height:75px;
    position:relative;
    width:100%;
    left:0;
    display:flex;
    padding:10px;
    box-sizing:border-box;
    z-index:2;
    border:0
}
@media (max-width:768px){
    header.principle header-nav{
        display:none;
        height:0;
        transition:.3s
    }
}
header.principle header-nav header-nav-container{
    border:1px solid #fff;
    width:100%
}
header.principle header-nav header-nav-container wrapper-content{
    display:flex;
    align-items:center
}
header.principle header-nav header-nav-container wrapper-content nav-left{
    width:calc((100% - 256px)/ 2);
    display:flex;
    height:100%;
    align-items:center;
    justify-content:flex-end
}
header.principle header-nav header-nav-container wrapper-content nav-left ul{
    display:flex;
    justify-content:space-evenly;
    width:100%
}
header.principle header-nav header-nav-container wrapper-content nav-left ul.text-white li a:hover,header.principle header-nav header-nav-container wrapper-content nav-left ul.text-white li:hover{
    color:#ffea00
}
header.principle header-nav header-nav-container wrapper-content nav-left ul li,header.principle header-nav header-nav-container wrapper-content nav-left ul li a{
    cursor:pointer;
    transition:all .3s ease-in-out
}
header.principle header-nav header-nav-container wrapper-content nav-left ul li a:hover,header.principle header-nav header-nav-container wrapper-content nav-left ul li:hover{
    color:#34bdef
}
header.principle header-nav header-nav-container wrapper-content nav-right{
    width:calc((100% - 256px)/ 2);
    display:flex;
    height:100%;
    align-items:center;
    justify-content:flex-start
}
header.principle header-nav header-nav-container wrapper-content nav-right ul{
    display:flex;
    justify-content:space-evenly;
    width:100%
}
header.principle header-nav header-nav-container wrapper-content nav-right ul.text-white li a:hover,header.principle header-nav header-nav-container wrapper-content nav-right ul.text-white li:hover{
    color:#ffea00
}
header.principle header-nav header-nav-container wrapper-content nav-right ul li,header.principle header-nav header-nav-container wrapper-content nav-right ul li a{
    cursor:pointer;
    transition:all .3s ease-in-out;
    cursor:pointer
}
header.principle header-nav header-nav-container wrapper-content nav-right ul li a:hover,header.principle header-nav header-nav-container wrapper-content nav-right ul li:hover{
    color:#34bdef
}
header.principle header-nav header-nav-container wrapper-content logo-wrapper{
    width:256px;
    height:194px;
    display:flex;
    position:relative;
    top:30%;
    z-index:1
}
header.principle header-nav header-nav-container wrapper-content logo-wrapper a{
    height:100%;
    width:100%
}
@media (max-width:992px){
    header.principle header-nav header-nav-container wrapper-content logo-wrapper{
        width:210px;
        height:150px
    }
}
header.principle header-nav header-nav-container wrapper-content logo-homepage{
    width:256px;
    height:194px;
    position:absolute
}
header.principle header-nav header-nav-container responsvie-contact{
    display:none
}
header.principle.homepage{
    background-image:url(img/xcamping-paradis-visuel-carrousel.png.pagespeed.ic.5qr1--K_u1.jpg);
    height:690px;
    width:100%;
    display:block;
    z-index:1;
    position:relative;
    background-position:center;
    background-size:cover;
    overflow:hidden
}
@media (max-width:992px){
    header.principle.homepage{
        height:600px
    }
}
@media (max-width:768px){
    header.principle.homepage{
        height:450px
    }
}
@media (max-width:480px){
    header.principle.homepage{
        height:270px
    }
}
header.principle.homepage header-nav{
    background:rgba(255,255,255,.7)
}
@media (max-width:768px){
    header.principle.homepage header-nav{
        display:none;
        height:0;
        transition:.3s
    }
}
header.principle.homepage header-nav header-nav-container{
    border:0
}
header.principle.homepage homepage-arc{
    display:flex;
    width:100%;
    margin:auto;
    top:8px;
    position:absolute;
    left:50%;
    z-index:2;
    pointer-events:none;
    height:775px;
    transform:translate(-50%,0)
}
@media (max-width:992px){
    header.principle.homepage homepage-arc{
        top:21px;
        left:55%;
        height:655px;
        transform:translate(-55%,0)
    }
}
@media (max-width:768px){
    header.principle.homepage homepage-arc{
        display:none
    }
}
header.principle.homepage actor-pose{
    position:absolute;
    display:flex;
    bottom:0;
    right:-2%;
    z-index:2
}
@media (max-width:992px){
    header.principle.homepage actor-pose{
        height:75%
    }
}
@media (max-width:768px){
    header.principle.homepage actor-pose{
        height:70%
    }
    header.principle.homepage actor-pose img{
        width:auto
    }
}
header.principle.responsive-menu-opend header-top logo-wrapper{
    z-index:6
}
header.principle.responsive-menu-opend header-nav{
    display:flex;
    background:#fff;
    height:100%;
    height:100vh;
    z-index:5;
    padding-left:0;
    padding-right:0;
    transition:.3s
}
header.principle.responsive-menu-opend header-nav header-nav-container{
    margin-top:36px
}
header.principle.responsive-menu-opend header-nav wrapper-content{
    align-items:self-start;
    flex-direction:column;
    width:83%;
    height:auto
}
header.principle.responsive-menu-opend header-nav wrapper-content logo-wrapper{
    height:0
}
header.principle.responsive-menu-opend header-nav wrapper-content nav-left,header.principle.responsive-menu-opend header-nav wrapper-content nav-right{
    align-items:flex-start;
    height:auto;
    width:auto
}
header.principle.responsive-menu-opend header-nav wrapper-content nav-left ul,header.principle.responsive-menu-opend header-nav wrapper-content nav-right ul{
    justify-content:flex-start;
    flex-direction:column
}
header.principle.responsive-menu-opend header-nav wrapper-content nav-left ul li,header.principle.responsive-menu-opend header-nav wrapper-content nav-right ul li{
    margin-top:25px;
    font-family:Gilroy-SemiBold;
    font-size:16px;
    color:#34bdef
}
header.principle.responsive-menu-opend header-nav responsvie-contact{
    display:flex;
    background:#f5f5f5;
    width:100%;
    align-items:center;
    margin-top:50px;
    font-size:16px;
    padding-left:7%
}
header.principle.responsive-menu-opend header-nav responsvie-contact contact-phone{
    display:flex;
    flex-direction:column
}
header-bottom{
    height:55px;
    position:relative;
    width:100%;
    left:0;
    display:flex;
    height:45px
}
@media (max-width:768px){
    header-bottom{
        background:#34bdef
    }
}
header-bottom wrapper-content{
    display:flex;
    align-items:center
}
@media (max-width:768px){
    header-bottom wrapper-content{
        width:80%
    }
}
@media (max-width:480px){
    header-bottom wrapper-content{
        width:90%
    }
}
@media (max-width:768px){
    header-bottom{
        display:none
    }
}
header-bottom span.page-tree{
    display:flex;
    align-items:center
}
header-bottom span.icon{
    width:13px;
    display:flex;
    height:13px
}
header.principle.homepage h1{
    position:absolute;
    bottom:35px;
    left:0;
    right:0;
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    padding:0 15px;
    text-align:center;
    color:#fff;
    min-height:20px;
    min-width:20px
}
footer{
    display:flex;
    min-height:400px;
    margin-top:150px;
    box-sizing:border-box;
    position:relative;
    z-index:1
}
@media (max-width:768px){
    footer{
        min-height:auto;
        margin-top:-20px
    }
}
footer footer-wrapper{
    margin-top:0;
    display:flex;
    width:100%;
    flex-wrap:wrap
}
footer footer-top.wrapper{
    position:relative;
    display:flex;
    width:100%;
    left:0;
    top:-55px;
    margin-bottom:40px;
    height:auto
}
@media (max-width:768px){
    footer footer-top.wrapper{
        display:none
    }
}
footer footer-top.wrapper ul{
    display:flex;
    width:100%;
    justify-content:space-around
}
footer footer-top.wrapper ul li{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%
}
footer footer-top.wrapper ul li icon-holder{
    background:#34bdef;
    border-radius:50%;
    padding:6px;
    box-sizing:border-box;
    width:85px
}
footer footer-top.wrapper ul li icon-holder inner-ring{
    display:flex;
    height:70px;
    width:70px;
    border:2px solid #fff;
    border-radius:50%;
    align-items:center;
    justify-content:center
}
footer footer-top.wrapper ul li icon-holder inner-ring img{
    height:45%;
    object-fit:contain
}
footer footer-top.wrapper ul li icon-content{
    margin-top:16px;
    align-items:center;
    display:flex;
    flex-direction:column
}
footer footer-top.wrapper ul li icon-content title-wrapper{
    display:flex;
    margin-bottom:7px
}
footer footer-center.wrapper{
    display:flex;
    height:auto
}
@media (max-width:768px){
    footer footer-center.wrapper{
        flex-wrap:wrap
    }
}
footer footer-center.wrapper center-left{
    width:35%
}
@media (max-width:768px){
    footer footer-center.wrapper center-left{
        width:100%
    }
}
footer footer-center.wrapper center-left footer-logo{
    display:flex;
    justify-content:center
}
@media (max-width:768px){
    footer footer-center.wrapper center-left footer-logo{
        height:150px;
        width:158px;
        margin:auto
    }
}
footer footer-center.wrapper center-left footer-logo img{
    width:280px
}
@media (max-width:768px){
    footer footer-center.wrapper center-left footer-logo img{
        width:180px
    }
}
footer footer-center.wrapper center-left footer-social-network{
    display:flex;
    align-items:center;
    justify-content:center
}
footer footer-center.wrapper center-left footer-social-network ul.social-networks{
    display:flex;
    flex-direction:row
}
footer footer-center.wrapper center-left footer-social-network ul.social-networks>*{
    padding:0 10px;
    box-sizing:border-box;
    height:24px
}
footer footer-center.wrapper center-right{
    width:63%;
    margin-left:auto;
    display:flex;
    justify-content:flex-start
}
@media (max-width:768px){
    footer footer-center.wrapper center-right{
        width:100%;
        margin-top:25px;
        flex-wrap:wrap
    }
}
footer footer-center.wrapper center-right footer-menu{
    margin-right:70px
}
@media (max-width:768px){
    footer footer-center.wrapper center-right footer-menu{
        margin-right:0;
        width:100%
    }
}
footer footer-center.wrapper center-right footer-menu.opend ul.footer-menu-elements{
    height:auto
}
footer footer-center.wrapper center-right footer-menu footer-menu-title{
    margin-bottom:15px;
    display:flex
}
@media (max-width:768px){
    footer footer-center.wrapper center-right footer-menu footer-menu-title{
        position:relative
    }
}
footer footer-center.wrapper center-right footer-menu footer-menu-title:hover{
    cursor:pointer
}
@media (max-width:768px){
    footer footer-center.wrapper center-right footer-menu ul.footer-menu-elements{
        height:0;
        overflow:hidden
    }
}
footer footer-center.wrapper center-right footer-menu ul.footer-menu-elements>*{
    margin-bottom:12px
}
footer footer-bottom{
    width:100%;
    margin-top:25px;
    background-color:#fff;
    min-height:40px
}
footer footer-bottom footer-bottom-content{
    align-items:center;
    flex-wrap:wrap
}
footer footer-bottom footer-bottom-content left-content{
    width:60%;
    line-height:24px
}
@media (max-width:768px){
    footer footer-bottom footer-bottom-content left-content{
        margin-top:20px
    }
}
@media (max-width:480px){
    footer footer-bottom footer-bottom-content left-content{
        width:100%
    }
}
footer footer-bottom footer-bottom-content right-content{
    margin-left:auto;
    display:flex
}
@media (max-width:768px){
    footer footer-bottom footer-bottom-content right-content{
        margin-left:initial;
        margin-bottom:20px
    }
}
footer footer-bottom footer-bottom-content right-content ul{
    display:flex;
    align-items:center
}
footer footer-bottom footer-bottom-content right-content ul li{
    margin-right:15px;
    position:relative;
    align-items:center
}
footer footer-bottom footer-bottom-content right-content ul li::after{
    content:"|";
    position:absolute;
    margin-left:5px
}
footer footer-bottom footer-bottom-content right-content ul li:last-child:after{
    content:""
}
.footer-ellipse{
    width:100%;
    height:100px;
    background:#34bdef;
    position:relative;
    top:210px;
    z-index:1;
    left:50%;
    clip-path:ellipse(61vw 40px at 51% 50%);
    transform:translate(-50%)
}
@media (max-width:768px){
    .footer-ellipse{
        top:50px
    }
}
.chevron,chevron-wrapper{
    height:15px;
    width:15px;
    position:absolute;
    right:15px;
    transform:rotate(90deg);
    transition:.3s
}
.chevron.opend,chevron-wrapper.opend{
    transform:rotate(270deg)
}
@media (min-width:769px){
    .chevron,chevron-wrapper{
        display:none
    }
}
main.homepage-content{
    position:relative;
    z-index:2;
    margin-top:-20px;
    overflow:hidden
}
main.homepage-content head-contents{
    flex-direction:column;
    margin-bottom:60px
}
@media (max-width:768px){
    main.homepage-content head-contents{
        margin-top:0;
        margin-bottom:30px
    }
}
main.homepage-content head-contents h2.block-title,main.homepage-content head-contents h3.block-title{
    width:60%;
    text-align:center;
    margin:auto
}
@media (max-width:768px){
    main.homepage-content head-contents h2.block-title,main.homepage-content head-contents h3.block-title{
        width:100%
    }
}
main.homepage-content head-contents p.description{
    margin-top:25px;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    line-height:24px
}
@media (max-width:768px){
    main.homepage-content head-contents p.description{
        display:none
    }
}
main.homepage-content coup-de-projecteur{
    position:relative;
    margin-top:70px;
    flex-direction:column;
    display:flex
}
@media (max-width:768px){
    main.homepage-content coup-de-projecteur{
        margin-top:30px
    }
}
main.homepage-content coup-de-projecteur environment-content star-fish-holder{
    width:320px;
    height:330px;
    display:block;
    position:absolute;
    left:-170px
}
main.homepage-content coup-de-projecteur environment-content sea-sand-holder{
    position:absolute;
    width:670px;
    height:485px;
    display:block;
    left:-240px;
    bottom:-95px;
    z-index:1
}
main.homepage-content coup-de-projecteur environment-content sea-shell-1-holder{
    position:absolute;
    width:164px;
    height:135px;
    display:block;
    top:30%
}
main.homepage-content coup-de-projecteur environment-content sea-shell-2-holder{
    position:absolute;
    width:110px;
    height:105px;
    display:block;
    top:37%;
    left:1%
}
main.homepage-content coup-de-projecteur environment-content grasse-holder{
    height:560px;
    width:700px;
    right:-355px;
    display:block;
    position:absolute;
    top:-20%
}
main.homepage-content coup-de-projecteur evenments-blocs{
    display:flex;
    margin-top:50px;
    flex-direction:column;
    height:100%;
    position:relative;
    overflow:visible
}
@media (max-width:768px){
    main.homepage-content coup-de-projecteur evenments-blocs{
        display:none;
        flex-wrap:wrap;
        flex-direction:initial;
        margin-top:0
    }
}
main.homepage-content coup-de-projecteur evenments-blocs eventment-container{
    display:flex;
    height:600px
}
main.homepage-content coup-de-projecteur evenments-blocs eventment-container block-type{
    max-width:760px!important
}
main.homepage-content coup-de-projecteur evenments-blocs all-evenments{
    margin:30px auto;
    z-index:1;
    margin-bottom:100px
}
main.homepage-content coup-de-projecteur evenments-blocs all-evenments button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto
}
main.homepage-content coup-de-projecteur evenments-blocs bullet-buttons{
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}
@media (min-width:768px){
    main.homepage-content coup-de-projecteur evenments-blocs bullet-buttons{
        display:none
    }
}
main.homepage-content coup-de-projecteur evenments-blocs bullet-buttons bullet-slide{
    display:block;
    width:13px;
    height:13px;
    background:#dcdcdc;
    border-radius:50%;
    margin-right:.8rem;
    cursor:pointer
}
main.homepage-content coup-de-projecteur evenments-blocs bullet-buttons bullet-slide.is-active{
    background-color:#34bdef
}
main.homepage-content coup-de-projecteur main-content{
    position:relative
}
.social-network-info{
    position:absolute;
    bottom:0;
    padding:15px 15px;
    width:100%;
    justify-content:flex-start
}
.social-network-info .social-icon{
    margin-right:5px;
    flex:0 0 20px
}
.social-network-info .user-name{
    word-break:break-all;
    width:calc(100% - 55px);
    text-align:left
}
.responsive-recherche .search-btn span.btn-disponibilite-verification{
    display:none
}
.slider-box-shadows left-shadow,.slider-box-shadows right-shadow{
    position:absolute;
    height:550px;
    z-index:1;
    bottom:200px;
    width:180px;
    background:#fff
}
.slider-box-shadows right-shadow{
    right:0;
    background:linear-gradient(to left,#fff 35%,rgba(255,255,255,0))
}
@media (max-width:768px){
    .slider-box-shadows right-shadow{
        background:0 0
    }
}
.slider-box-shadows left-shadow{
    left:0;
    background:linear-gradient(to right,#fff 35%,rgba(255,255,255,0))
}
@media (max-width:768px){
    .slider-box-shadows left-shadow{
        background:0 0
    }
}
.bullet-buttons,bullet-buttons,vacation-bullet-buttons{
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    width:100%
}
@media (min-width:769px){
    .bullet-buttons,bullet-buttons,vacation-bullet-buttons{
        display:none
    }
}
.bullet-buttons bullet-slide,bullet-buttons bullet-slide,vacation-bullet-buttons bullet-slide{
    display:block;
    width:13px;
    height:13px;
    background:#dcdcdc;
    border-radius:50%;
    margin-right:.8rem;
    cursor:pointer
}
.bullet-buttons bullet-slide.is-active,bullet-buttons bullet-slide.is-active,vacation-bullet-buttons bullet-slide.is-active{
    background-color:#34bdef
}
.responsive-event-container{
    display:flex;
    flex-wrap:wrap;
    margin-top:40px
}
@media (min-width:769px){
    .responsive-event-container{
        display:none
    }
}
.responsive-event-container .see-all-events{
    margin:30px auto;
    z-index:1;
    margin-bottom:40px
}
.responsive-event-container .see-all-events button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto
}
.responsive-event-container .event-wrapper{
    min-height:390px;
    display:flex
}
@media (max-width:767px){
    .responsive-event-container .event-wrapper{
        margin-bottom:20px;
        min-height:0
    }
}
.responsive-event-container .event-wrapper .swiper-slide{
    width:auto;
    cursor:pointer
}
.responsive-event-container article.block-small{
    width:320px;
    margin:auto 0 30px auto!important
}
@media (max-width:479px){
    .responsive-event-container article.block-small{
        width:290px
    }
}
.responsive-event-container article.block-small right-wrapper h2{
    line-height:24px
}
.responsive-vacation-slider-container{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
@media (min-width:769px){
    .responsive-vacation-slider-container{
        display:none
    }
}
.responsive-vacation-slider-container .vacation-responsive-slider-wraper{
    display:flex;
    height:370px;
    margin-bottom:25px
}
@media (max-width:480px){
    .responsive-vacation-slider-container .vacation-responsive-slider-wraper{
        height:300px
    }
}
.responsive-vacation-slider-container .swiper-slide{
    width:auto
}
.responsive-vacation-slider-container .swiper-slide,.responsive-vacation-slider-container .swiper-slide-content{
    display:flex;
    height:100%;
    width:365px;
    flex-wrap:wrap
}
@media (max-width:480px){
    .responsive-vacation-slider-container .swiper-slide,.responsive-vacation-slider-container .swiper-slide-content{
        width:320px;
        padding:0 5px;
        box-sizing:border-box
    }
}
.responsive-vacation-slider-container .media-top{
    height:50%;
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.responsive-vacation-slider-container .media-top left-wrapper{
    margin-right:15px
}
.responsive-vacation-slider-container .media-top left-wrapper,.responsive-vacation-slider-container .media-top right-wrapper{
    display:flex;
    border-radius:12px;
    width:calc((100% - 15px)/ 2);
    overflow:hidden;
    position:relative;
    height:100%
}
.responsive-vacation-slider-container .media-top left-wrapper:before,.responsive-vacation-slider-container .media-top right-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2)
}
.responsive-vacation-slider-container .notice-content{
    display:flex;
    height:calc(50% - 20px);
    width:100%;
    border-radius:12px;
    overflow:hidden;
    flex-direction:column;
    margin:0 auto;
    align-items:center;
    padding:8px;
    box-sizing:border-box
}
.responsive-vacation-slider-container .notice-content card-border{
    border-radius:12px;
    justify-content:center
}
.responsive-vacation-slider-container .notice-content date-of-publication{
    text-align:center;
    margin:11px auto 5px auto;
    display:flex;
    align-items:center;
    color:#fff;
    opacity:50%
}
.responsive-vacation-slider-container .notice-content comment-wrapper{
    line-height:24px;
    max-height:70px;
    overflow:hidden;
    width:80%;
    margin:0 auto;
    text-align:center;
    margin-bottom:13px
}
.main{
    display:block;
    overflow:hidden
}
@media (max-width:768px){
    .main{
        margin-top:30px
    }
}
.main>*{
    box-sizing:border-box
}
.camping-basic-info{
    padding:25px 0
}
@media (max-width:768px){
    .camping-basic-info{
        padding-left:15px;
        padding-right:15px
    }
}
.camping-basic-info .title-location{
    width:100%
}
.camping-basic-info .title-location .title-detail{
    justify-content:flex-start;
    margin-bottom:11px
}
@media (max-width:1140px){
    .camping-basic-info .title-location .title-detail{
        width:85%
    }
}
@media (max-width:992px){
    .camping-basic-info .title-location .title-detail{
        width:95%
    }
}
@media (max-width:768px){
    .camping-basic-info .title-location .title-detail{
        width:100%;
        flex-wrap:wrap
    }
}
.camping-basic-info .title-location .title-detail .camping-rate-star{
    padding:20px;
    margin:0 20px 0 0;
    align-items:center;
    display:flex;
    position:relative;
    box-sizing:border-box
}
@media (max-width:768px){
    .camping-basic-info .title-location .title-detail .camping-rate-star{
        width:100%;
        margin:0;
        justify-content:flex-start;
        padding:0
    }
}
.camping-basic-info .title-location .title-detail rate-star{
    height:20px;
    width:20px
}
.camping-basic-info .title-location .location-detail{
    position:relative;
    justify-content:flex-start;
    line-height:24px
}
.camping-basic-info .title-location .location-detail location-map{
    position:relative;
    margin-left:initial;
    margin-right:25px;
    height:65px;
    width:65px;
    flex:0 0 65px
}
@media (max-width:768px){
    .camping-basic-info .title-location .location-detail location-map{
        display:none
    }
}
.camping-basic-info .title-location .location-detail location-map .map-pin{
    height:18px;
    width:18px
}
.camping-basic-info .title-location .location-detail see-map{
    text-decoration:underline
}
.camping-basic-info .price-info{
    width:160px;
    flex-wrap:wrap;
    border-radius:12px;
    padding:10px 5px
}
@media (max-width:768px){
    .camping-basic-info .price-info{
        display:none
    }
}
.camping-basic-info .price-info>*{
    padding:4px 0
}
.camping-basic-info .price-info .date-select{
    text-decoration:underline
}
.camping-basic-info .responsive-price-info{
    border-radius:0;
    box-shadow:0 3px 20px rgba(0,0,0,.1607843137);
    padding-left:15px;
    padding-right:15px;
    position:fixed;
    bottom:0;
    z-index:999;
    width:100%
}
.camping-basic-info .responsive-price-info a{
    width:100%
}
.camping-basic-info .responsive-price-info price-info-content span{
    white-space:nowrap
}
.camping-basic-info .responsive-price-info price-info-content span:first-of-type{
    font-family:Gilroy-Bold!important;
    font-weight:400;
    font-size:20px;
    line-height:1.1;
    color:#fff
}
@media (min-width:769px){
    .camping-basic-info .responsive-price-info{
        display:none
    }
}
@media (max-width:768px){
    .camping-basic-info .responsive-price-info{
        display:flex
    }
}
.camping-basic-info .responsive-price-info price-info-content{
    justify-content:space-around
}
head-contents{
    margin-top:70px;
    flex-direction:column;
    margin-bottom:60px;
    z-index:5
}
@media (max-width:768px){
    head-contents{
        margin-top:0;
        margin-bottom:30px
    }
}
head-contents h2.block-title,head-contents h3.block-title{
    width:60%;
    text-align:center;
    margin:auto
}
@media (max-width:768px){
    head-contents h2.block-title,head-contents h3.block-title{
        width:100%
    }
}
head-contents p.description{
    margin-top:25px;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    line-height:24px;
    text-align:center
}
@media (max-width:768px){
    head-contents p.description{
        display:none
    }
}
.camping-medias{
    height:490px;
    margin-bottom:40px
}
@media (max-width:768px){
    .camping-medias{
        width:100%;
        height:350px;
        margin-bottom:15px
    }
}
@media (max-width:480px){
    .camping-medias{
        width:100%;
        height:250px
    }
}
.camping-medias environment-content right-wrapper{
    position:relative
}
.camping-medias environment-content .pine-1-holder{
    height:245px;
    width:220px;
    display:flex;
    bottom:-45px;
    position:absolute;
    right:-150px;
    z-index:10
}
@media (max-width:1140px){
    .camping-medias environment-content .pine-1-holder{
        height:210px;
        width:190px;
        right:-100px
    }
}
.camping-medias .desktop-media{
    width:100%;
    height:100%;
    display:flex;
    z-index:9
}
.camping-medias .desktop-media .main-element .number_pics{
    display:none
}
@media (max-width:768px){
    .camping-medias .desktop-media .micro-elements{
        display:none
    }
    .camping-medias .desktop-media .main-element{
        width:100%;
        position:relative;
        border-radius:0
    }
    .camping-medias .desktop-media .main-element .number_pics{
        display:flex;
        justify-content:center;
        align-items:center;
        z-index:9;
        position:absolute;
        transform:none;
        left:0;
        top:auto;
        bottom:0;
        height:auto;
        width:auto;
        padding:20px;
        border-radius:0 15px 0 0;
        font-size:18px;
        font-family:Gilroy-Bold!important;
        font-weight:400;
        line-height:1.2;
        background-color:rgba(33,33,33,.7);
        color:#fff
    }
}
.camping-medias .responsive-media{
    height:100%;
    width:100%;
    justify-content:flex-start;
    align-items:initial
}
@media (min-width:769px){
    .camping-medias .responsive-media{
        display:none
    }
}
.camping-medias .responsive-media .slide-buttons{
    display:flex
}
.camping-medias .responsive-media .slide-buttons left-arrow,.camping-medias .responsive-media .slide-buttons right-arrow{
    height:100px;
    width:25px
}
.camping-medias .micro-elements{
    width:180px;
    height:100%;
    flex-wrap:wrap;
    padding-right:20px;
    box-sizing:border-box;
    flex-direction:column;
    justify-content:flex-start;
    margin-bottom:20px
}
.camping-medias .micro-elements:last-child{
    margin-bottom:0
}
.camping-medias .micro-elements .micro-element{
    height:calc(33.3333333333% - 15px);
    margin-bottom:20px;
    width:100%;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
.camping-medias .micro-elements .micro-element:last-child{
    margin-bottom:0
}
.camping-medias .micro-elements .micro-element.video .video-icon{
    position:absolute;
    width:70px;
    height:70px;
    background-color:rgba(255,255,255,.9);
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center
}
.camping-medias .micro-elements .micro-element.video .video-icon img{
    object-fit:contain;
    height:35%;
    width:35%;
    margin-left:8px
}
.camping-medias .micro-elements .micro-element:nth-last-child(1):before{
    content:" ";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-color:rgba(33,33,33,.5);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center
}
.camping-medias .main-element{
    width:calc(100% - 180px);
    height:100%;
    border-radius:12px;
    overflow:hidden
}
.camping-description{
    display:block;
    margin-bottom:60px
}
@media (max-width:768px){
    .camping-description{
        margin-bottom:30px;
        padding-left:15px;
        padding-right:15px
    }
}
.camping-description .camping-description-wrapper{
    flex-wrap:wrap;
    align-items:flex-start
}
@media (max-width:768px){
    .camping-description .camping-description-wrapper{
        flex-wrap:wrap;
        flex-direction:column-reverse;
        margin-bottom:0
    }
}
.camping-description environment-content left-wrapper{
    position:relative
}
.camping-description environment-content .grass-2-holder,.camping-description environment-content .star-fish-holder{
    width:360px;
    height:340px;
    display:block;
    position:absolute;
    left:-100%;
    top:-107px
}
@media (max-width:1140px){
    .camping-description environment-content .grass-2-holder,.camping-description environment-content .star-fish-holder{
        left:-44%;
        top:-73px;
        width:336px;
        height:320px
    }
}
@media (max-width:992px){
    .camping-description environment-content .grass-2-holder,.camping-description environment-content .star-fish-holder{
        left:-47%;
        top:-64px;
        width:287px;
        height:290px
    }
}
.camping-description environment-content .grass-2-holder{
    display:none;
    left:-51%;
    top:-125px
}
@media (max-width:1140px){
    .camping-description environment-content .grass-2-holder{
        left:-55%
    }
}
@media (max-width:992px){
    .camping-description environment-content .grass-2-holder{
        left:-47%;
        width:215px;
        height:261px
    }
}
.camping-description .description{
    width:calc(100% - 380px);
    margin-right:30px
}
@media (max-width:768px){
    .camping-description .description{
        width:100%;
        margin-right:0;
        margin-bottom:15px
    }
}
.camping-description .description .description-content div,.camping-description .description .description-content p,.camping-description .description .description-content span{
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    margin-bottom:20px;
    color:#212121
}
.camping-description .description .description-content ul{
    list-style:none;
    font-size:18px;
    padding-left:40px;
    margin-bottom:15px
}
.camping-description .description .description-content ul li:before{
    content:"•";
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.camping-description .description .description-content ol{
    list-style-type:none;
    position:relative;
    font-size:18px;
    padding-left:40px;
    counter-reset:listitem;
    margin-bottom:15px
}
.camping-description .description .description-content ol li:before{
    counter-increment:listitem;
    content:counters(listitem,"");
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.camping-description .description .description-content h2{
    margin-bottom:50px;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400;
    color:#34bdef
}
@media (max-width:768px){
    .camping-description .description .description-content h2{
        margin-bottom:20px;
        font-size:24px
    }
}
.camping-description .description .description-content h3{
    margin-bottom:20px;
    font-size:26px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .camping-description .description .description-content h3{
        font-size:20px
    }
}
.camping-description .description .description-content h4{
    margin-bottom:20px;
    font-size:22px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .camping-description .description .description-content h4{
        font-size:20px
    }
}
@media (max-width:992px){
    .camping-description .description .description-content{
        overflow:hidden;
        display:flex;
        flex-wrap:wrap;
        margin-bottom:20px
    }
}
@media (max-width:768px){
    .camping-description .description .description-content{
        overflow:hidden;
        display:flex;
        flex-wrap:wrap;
        margin-bottom:0
    }
}
.camping-description .description .main-title{
    margin-bottom:50px
}
@media (max-width:768px){
    .camping-description .description .main-title{
        margin-bottom:20px
    }
}
.camping-description .description .sub-title{
    margin:35px 0
}
@media (max-width:768px){
    .camping-description .description .sub-title{
        margin:15px 0
    }
}
.camping-description .description .content{
    line-height:24px;
    margin:0 0 25px 0
}
@media (max-width:768px){
    .camping-description .description .content{
        margin:0 0 10px 0
    }
}
.camping-description .right-container{
    z-index:9;
    width:350px;
    align-items:flex-start;
    flex-wrap:wrap
}
@media (max-width:1140px){
    .camping-description .right-container{
        width:35%
    }
}
@media (max-width:992px){
    .camping-description .right-container{
        width:40%
    }
}
@media (max-width:768px){
    .camping-description .right-container{
        width:100%
    }
}
.camping-description .right-container .comments-block{
    min-height:100px;
    width:100%;
    padding:20px;
    margin-bottom:25px
}
@media (max-width:768px){
    .camping-description .right-container .comments-block{
        min-height:auto
    }
}
.camping-description .right-container .comments-block card-border{
    border-radius:0;
    padding:25px 18px
}
.camping-description .right-container .comments-block card-border .note-point-block .point{
    padding:5px;
    border-radius:5px;
    margin-right:15px;
    white-space:nowrap;
    font-size:20px
}
.camping-description .right-container .comments-block card-border .note-point-block .note{
    flex-wrap:wrap;
    justify-content:flex-start
}
.camping-description .right-container .comments-block card-border .note-point-block .note span.expression{
    margin-bottom:5px;
    width:100%
}
.camping-description .right-container .comments-block card-border comment-wrapper{
    margin-top:20px
}
@media (max-width:768px){
    .camping-description .right-container .comments-block card-border comment-wrapper{
        display:none
    }
}
.camping-description .right-container .comments-block card-border comment-wrapper span.title{
    line-height:24px
}
.camping-description .right-container .comments-block card-border comment-wrapper p.comment{
    line-height:24px
}
.camping-description .right-container .comments-block card-border .btn-avis{
    margin-top:25px
}
@media (max-width:768px){
    .camping-description .right-container .comments-block card-border .btn-avis{
        display:none
    }
}
.camping-description .right-container .testimony{
    text-decoration:none;
    margin-bottom:25px
}
@media (max-width:768px){
    .camping-description .right-container .testimony{
        display:none
    }
}
.camping-description .right-container .testimony .participent{
    width:120px;
    height:120px;
    margin-right:20px
}
.camping-description .right-container .testimony .about-participent{
    width:calc(100% - 140px);
    height:100%;
    line-height:20px
}
.camping-description .right-container .testimony .about-participent .name{
    margin-bottom:10px;
    display:flex
}
.camping-description .right-container .testimony .about-participent div,.camping-description .right-container .testimony .about-participent p{
    line-height:1.2;
    font-size:16px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#212121
}
.camping-description .right-container .map-location{
    width:350px;
    height:200px;
    margin-bottom:15px
}
@media (max-width:768px){
    .camping-description .right-container .map-location{
        display:none
    }
}
.camping-description .right-container .adresse{
    margin-bottom:20px;
    line-height:24px;
    width:100%
}
@media (max-width:768px){
    .camping-description .right-container .adresse{
        display:none
    }
}
.camping-description .right-container .btn-visit-camping{
    width:100%
}
@media (max-width:768px){
    .camping-description .right-container .btn-visit-camping{
        display:none
    }
}
wrapper-map{
    display:flex;
    margin-bottom:140px!important;
    margin-top:90px!important
}
@media (max-width:768px){
    wrapper-map{
        margin-top:50px!important
    }
}
wrapper-map img{
    height:735px
}
.camping-star{
    padding:20px;
    margin:0 auto;
    align-items:center;
    display:flex;
    position:relative;
    box-sizing:border-box
}
@media (max-width:768px){
    .camping-star{
        flex-wrap:wrap
    }
}
.camping-star environment-content grasse-holder{
    width:650px;
    height:500px;
    display:flex;
    top:-22%;
    position:absolute;
    left:-22%;
    transform:rotateY(180deg);
    z-index:1
}
@media (max-width:1140px){
    .camping-star environment-content grasse-holder{
        width:535px;
        height:585px;
        top:-15%
    }
}
@media (max-width:992px){
    .camping-star environment-content grasse-holder{
        width:430px;
        height:475px
    }
}
.camping-star environment-content iron-ball-holder{
    display:flex;
    width:600px;
    height:400px;
    position:absolute;
    right:-295px;
    top:-18%
}
@media (max-width:1140px){
    .camping-star environment-content iron-ball-holder{
        width:535px;
        height:380px;
        right:-275px;
        top:-15%
    }
}
@media (max-width:992px){
    .camping-star environment-content iron-ball-holder{
        width:495px;
        height:345px;
        right:-255px
    }
}
.camping-star card-border{
    border:1px solid #fff;
    width:100%;
    height:100%;
    display:flex;
    padding:85px 15px 25px 15px
}
@media (max-width:768px){
    .camping-star card-border{
        padding-top:0;
        padding-bottom:25px
    }
}
.camping-star star-block{
    margin:0 auto;
    display:flex;
    flex-direction:row;
    width:auto
}
@media (max-width:768px){
    .camping-star star-block{
        flex-wrap:wrap
    }
}
.camping-star .star-block-image-holder{
    width:420px;
    display:flex;
    height:420px;
    border-radius:50%;
    justify-content:flex-end;
    align-items:center;
    position:relative;
    clip-path:circle(100%);
    background:#bee7fe;
    margin-right:50px
}
@media (max-width:992px){
    .camping-star .star-block-image-holder{
        height:365px;
        width:365px;
        right:15px
    }
}
@media (max-width:768px){
    .camping-star .star-block-image-holder{
        width:200px;
        height:200px;
        justify-content:center;
        margin:auto;
        margin-top:-18px;
        top:0;
        left:0;
        float:none
    }
}
.camping-star .star-block-image-holder img{
    width:90%;
    height:90%;
    object-fit:cover;
    display:flex;
    position:absolute;
    right:-25px
}
@media (max-width:992px){
    .camping-star .star-block-image-holder img{
        width:91%;
        height:85%;
        right:-29px
    }
}
@media (max-width:768px){
    .camping-star .star-block-image-holder img{
        right:-10px
    }
}
.camping-star .star-block-content{
    width:calc(100% - 450px);
    margin:auto
}
.camping-star .star-block-content>.btn{
    position:relative;
    transform:translateX(-50%);
    left:50%
}
.camping-star .star-block-content div,.camping-star .star-block-content p,.camping-star .star-block-content span{
    line-height:24px;
    margin:25px 0;
    font-size:18px;
    font-family:Gilroy-Regular;
    color:#fff
}
@media (max-width:768px){
    .camping-star .star-block-content div,.camping-star .star-block-content p,.camping-star .star-block-content span{
        font-size:16px
    }
}
.camping-star .star-block-content ul{
    list-style:none;
    font-size:18px;
    padding-left:40px;
    margin-bottom:15px
}
.camping-star .star-block-content ul li{
    font-family:Gilroy-regular;
    color:#fff
}
.camping-star .star-block-content ul li:before{
    content:"•";
    color:#fff;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.camping-star .star-block-content ol{
    list-style-type:none;
    position:relative;
    font-size:18px;
    padding-left:40px;
    counter-reset:listitem;
    margin-bottom:15px
}
.camping-star .star-block-content ol li{
    font-family:Gilroy-regular;
    color:#fff
}
.camping-star .star-block-content ol li:before{
    counter-increment:listitem;
    content:counters(listitem,"");
    color:#fff;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.camping-star .star-block-content h4{
    margin-bottom:20px;
    font-size:22px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .camping-star .star-block-content h4{
        font-size:20px
    }
}
@media (max-width:992px){
    .camping-star .star-block-content{
        width:calc(100% - 395px)
    }
}
@media (max-width:768px){
    .camping-star .star-block-content{
        width:100%;
        height:auto;
        padding:10px 25px
    }
}
@media (max-width:480px){
    .camping-star .star-block-content{
        padding:10px 15px
    }
}
.camping-star .star-block-content h3{
    line-height:32px
}
@media (max-width:768px){
    .camping-star .star-block-content h3{
        color:#ffea00!important
    }
}
.camping-star .star-block-content h2{
    line-height:54px
}
@media (max-width:768px){
    .camping-star .star-block-content h2{
        line-height:37px
    }
}
.camping-star .star-block-content h4{
    margin:21px auto;
    line-height:28px;
    display:flex;
    align-items:center
}
.camping-star .star-block-content button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto;
    margin-top:20px
}
@media (max-width:768px){
    .camping-star .star-block-content button{
        width:100%;
        margin-left:auto;
        margin-right:auto
    }
}
.camping-star .star-block-content .afficher-la-suite{
    display:block
}
.camping-enviroinement-slider-holder{
    position:relative;
    height:250px;
    display:flex
}
@media (max-width:768px){
    .camping-enviroinement-slider-holder{
        height:265px
    }
}
.camping-enviroinement-slider-holder .slider-box-shadows left-shadow,.camping-enviroinement-slider-holder .slider-box-shadows right-shadow{
    top:0;
    height:365px
}
@media (max-width:768px){
    .camping-enviroinement-slider-holder .slider-box-shadows left-shadow,.camping-enviroinement-slider-holder .slider-box-shadows right-shadow{
        display:none
    }
}
.camping-enviroinement-slider-holder .slide-buttons{
    position:absolute;
    width:100%
}
@media (max-width:480px){
    .camping-enviroinement-slider-holder .camping-enviroinement-slider-container.wrapper{
        width:90%!important
    }
}
.camping-enviroinement-slider-holder .camping-enviroinement-slider-container{
    overflow:visible;
    position:relative;
    top:-210px
}
.camping-enviroinement-slider-holder .camping-enviroinement-slider-container .camping-enviroinement-slide{
    max-width:350px;
    padding:15px;
    border-radius:15px;
    height:415px;
    flex-wrap:wrap;
    box-sizing:border-box;
    box-shadow:0 5px 35px rgba(0,0,0,.1019607843);
    border:0;
    justify-content:flex-start;
    align-items:flex-start
}
.camping-enviroinement-slider-holder .camping-enviroinement-slider-container .camping-enviroinement-slide .img-holder{
    height:180px;
    border-radius:12px;
    overflow:hidden;
    width:100%
}
.camping-enviroinement-slider-holder .camping-enviroinement-slider-container .camping-enviroinement-slide .see-more-link{
    text-decoration:underline
}
.camping-enviroinement-slider-holder camping-enviroinement-slider-bullet-buttons{
    position:absolute;
    bottom:25px
}
.camping-information-pratiques{
    flex-wrap:wrap;
    padding-top:60px;
    position:relative
}
@media (max-width:768px){
    .camping-information-pratiques{
        padding-top:30px
    }
}
.camping-information-pratiques environment-content .pine-cone-2-holder{
    width:500px;
    height:510px;
    position:absolute;
    right:-170px;
    z-index:1
}
@media (max-width:1140px){
    .camping-information-pratiques environment-content .pine-cone-2-holder{
        width:400px;
        height:450px;
        right:-150px
    }
}
.camping-information-pratiques environment-content .sea-sand-holder{
    position:absolute;
    width:670px;
    height:485px;
    display:block;
    left:-250px;
    bottom:-240px;
    z-index:1
}
@media (max-width:1140px){
    .camping-information-pratiques environment-content .sea-sand-holder{
        width:595px;
        height:412px;
        left:-305px
    }
}
@media (max-width:992px){
    .camping-information-pratiques environment-content .sea-sand-holder{
        width:530px;
        height:376px;
        left:-270px;
        bottom:-170px
    }
}
.camping-information-pratiques .camping-information-partique-wrapper{
    flex-wrap:wrap
}
.camping-information-pratiques card-border{
    padding:0 30px 25px;
    box-sizing:border-box;
    line-height:24px
}
.camping-information-pratiques .information-body{
    min-height:500px;
    margin-top:50px
}
@media (max-width:768px){
    .camping-information-pratiques .information-body{
        flex-wrap:wrap;
        margin-top:30px;
        padding:0 15px
    }
}
.camping-information-pratiques .information-body .information-content{
    width:35%;
    padding:19px;
    box-sizing:border-box
}
@media (max-width:992px){
    .camping-information-pratiques .information-body .information-content{
        width:50%
    }
}
@media (max-width:768px){
    .camping-information-pratiques .information-body .information-content{
        width:100%
    }
}
.camping-information-pratiques .information-body .information-content h2{
    margin-bottom:15px;
    margin-top:30px
}
.camping-information-pratiques .information-body .information-content .access-camping li{
    margin-top:5px;
    justify-content:flex-start
}
.camping-information-pratiques .information-body .information-content .access-camping .icon{
    margin-right:15px;
    flex:0 0 28px
}
.camping-information-pratiques .information-body .information-content .access-camping .icon img{
    object-fit:contain
}
.camping-information-pratiques .information-body .map-holder{
    background-color:#ffd700;
    width:65%
}
@media (max-width:768px){
    .camping-information-pratiques .information-body .map-holder{
        height:350px;
        width:100%
    }
}
@media (max-width:480px){
    .camping-information-pratiques .information-body .map-holder{
        height:250px
    }
}
.camping-location-disponibles{
    position:relative;
    margin-bottom:60px;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:60px;
    padding-top:60px
}
@media (max-width:768px){
    .camping-location-disponibles{
        padding-top:50px;
        padding-bottom:30px
    }
}
.camping-location-disponibles environment-content .sea-hell-2-holder{
    width:110px;
    height:105px;
    position:absolute;
    left:8%;
    top:350px
}
.camping-location-disponibles .camping-location-disponible-wrapper{
    flex-wrap:wrap
}
.camping-location-disponibles .search-wrapper{
    margin-top:40px;
    border-radius:30px
}
.camping-location-disponibles .search-wrapper recherche-wrapper>*{
    width:24%
}
@media (max-width:768px){
    .camping-location-disponibles .search-wrapper recherche-wrapper>*{
        width:100%
    }
}
.camping-location-disponibles .search-wrapper recherche-wrapper>:nth-child(1){
    display:none
}
.camping-location-disponibles .search-wrapper recherche-wrapper>:nth-child(2) inner-content{
    border-left:0
}
.camping-location-disponibles .search-wrapper recherche-wrapper>.selected .recherche-feature{
    left:-25px
}
@media (max-width:992px){
    .camping-location-disponibles .search-wrapper recherche-wrapper>.selected .recherche-feature{
        left:7px
    }
}
@media (max-width:768px){
    .camping-location-disponibles .search-wrapper recherche-wrapper>.selected .recherche-feature{
        left:-20px
    }
}
.camping-location-disponibles .search-wrapper .search-btn{
    padding:19px 25px;
    margin-left:auto;
    height:60px;
    border-radius:30px;
    width:auto;
    display:flex;
    border:2px solid #34bdef
}
.camping-location-disponibles .search-wrapper .search-btn:hover{
    color:#34bdef;
    background:#ffea00
}
@media (max-width:992px){
    .camping-location-disponibles .search-wrapper .search-btn{
        padding:19px 14px;
        height:50px
    }
}
.camping-location-disponibles .search-wrapper .search-btn img{
    display:none
}
@media (max-width:768px){
    .camping-location-disponibles .search-wrapper .search-btn .recherche{
        display:none
    }
}
.camping-location-disponibles .search-wrapper .search-btn .btn-disponibilite-verification{
    display:flex
}
@media (max-width:1140px){
    .camping-location-disponibles .search-wrapper .search-btn .btn-disponibilite-verification{
        font-size:16px
    }
}
.camping-actualite{
    margin-bottom:60px;
    display:flex;
    flex-wrap:wrap;
    position:relative
}
@media (max-width:768px){
    .camping-actualite{
        padding:0 15px
    }
}
.camping-actualite environment-content grasse-holder{
    width:620px;
    height:710px;
    display:flex;
    top:-45%;
    position:absolute;
    right:-265px;
    transform:rotateZ(-13deg)
}
@media (max-width:992px){
    .camping-actualite environment-content grasse-holder{
        right:-360px
    }
}
.camping-actualite environment-content sea-shell-2-holder{
    width:110px;
    height:105px;
    position:absolute;
    left:8%;
    bottom:-50px
}
.camping-actualite environment-content plastic-ball-holder{
    width:350px;
    height:365px;
    position:absolute;
    left:-165px;
    top:-20%
}
@media (max-width:1140px){
    .camping-actualite environment-content plastic-ball-holder{
        width:295px;
        height:300px
    }
}
@media (max-width:992px){
    .camping-actualite environment-content plastic-ball-holder{
        width:245px;
        height:235px;
        top:-15%
    }
}
@media (max-width:768px){
    .camping-actualite{
        margin-bottom:45px
    }
}
.camping-actualite .camping-actualite-wrapper{
    flex-wrap:wrap
}
@media (max-width:479px){
    .camping-actualite .camping-actualite-wrapper{
        width:290px
    }
}
.camping-actualite .actualite-content{
    min-height:550px;
    margin-top:70px;
    align-items:flex-start
}
@media (max-width:768px){
    .camping-actualite .actualite-content{
        display:none
    }
}
.camping-actualite .actualite-content .left-side-content{
    width:calc(58% - 15px);
    margin-right:15px;
    height:100%
}
.camping-actualite .actualite-content .right-side-content{
    width:calc(42% - 15px);
    margin-left:15px;
    height:100%;
    flex-direction:column;
    justify-content:flex-start
}
.camping-actualite .actualite-content article.block-normal img-wrapper-actualite{
    height:300px
}
.camping-actualite .actualite-content article.block-small{
    max-height:none;
    height:auto
}
.camping-actualite .actualite-content article.block-small right-wrapper{
    width:calc(100% - 120px)
}
.camping-actualite .actualite-content article.block-small img-wrapper-actualite{
    margin-right:20px
}
.camping-actualite .see-all-events{
    margin-top:40px
}
@media (max-width:767px){
    .camping-actualite .see-all-events{
        margin-top:20px
    }
}
.camping-actualite .see-all-events button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto
}
@media (max-width:767px){
    .camping-actualite .responsive-actualite-container article.block-small{
        margin-bottom:10px!important
    }
}
@media (min-width:769px){
    .camping-actualite .responsive-actualite-container{
        display:none
    }
}
.info-pratique-camping{
    display:flex;
    flex-wrap:wrap;
    margin-top:90px;
    position:relative;
    flex-direction:column
}
@media (max-width:768px){
    .info-pratique-camping{
        background:0 0;
        padding-bottom:0;
        margin-top:50px
    }
}
.info-pratique-camping environment-content right-wrapper{
    position:relative
}
.info-pratique-camping environment-content .pine-cone-3-holder{
    width:425px;
    height:425px;
    position:absolute;
    right:-200px;
    top:-280px;
    z-index:1
}
@media (max-width:992px){
    .info-pratique-camping environment-content .pine-cone-3-holder{
        top:-130px
    }
}
.info-pratique-camping environment-content .leaf-holder{
    position:absolute;
    left:-10%;
    display:none
}
@media (max-width:992px){
    .info-pratique-camping environment-content .leaf-holder{
        left:-17%
    }
}
.info-pratique-camping environment-content .board-holder{
    left:0;
    position:absolute;
    top:290px
}
.info-pratique-camping .info-pratique-camping-content-container{
    background-image:url(img/xsable-motif.png.pagespeed.ic.aFGKamgM-M.jpg);
    display:flex;
    background-repeat:repeat
}
.info-pratique-camping .info-pratique-camping-content-container::after,.info-pratique-camping .info-pratique-camping-content-container::before{
    content:"";
    background-image:url(img/bg-sable-bords.png);
    width:100%;
    height:193px;
    position:absolute;
    transform:rotate(180deg);
    top:50px
}
.info-pratique-camping .info-pratique-camping-content-container::after{
    top:initial;
    z-index:0;
    bottom:0;
    transform:rotate(0)
}
.info-pratique-camping .info-pratique-camping-wrapper{
    flex-wrap:wrap;
    z-index:1
}
@media (max-width:768px){
    .info-pratique-camping .info-pratique-camping-wrapper{
        width:100%
    }
}
.info-pratique-camping .information-block{
    min-height:300px;
    padding:20px;
    box-sizing:border-box;
    margin-top:45px
}
@media (max-width:768px){
    .info-pratique-camping .information-block{
        padding:0;
        min-height:0;
        width:100%
    }
}
.info-pratique-camping .information-block card-border{
    border-radius:0;
    flex-direction:row;
    align-items:flex-start;
    padding-bottom:40px
}
@media (max-width:768px){
    .info-pratique-camping .information-block card-border{
        flex-wrap:wrap;
        border:0;
        padding-bottom:0
    }
}
.info-pratique-camping .information-block card-border>*{
    width:50%;
    flex-wrap:wrap;
    padding-left:75px;
    box-sizing:border-box
}
@media (max-width:768px){
    .info-pratique-camping .information-block card-border>*{
        width:100%;
        padding:0;
        margin:0
    }
}
.info-pratique-camping .information-block .info-block{
    flex-wrap:wrap;
    margin-top:40px;
    width:100%
}
@media (max-width:768px){
    .info-pratique-camping .information-block .info-block{
        margin-top:0;
        padding-top:10px;
        padding-bottom:0;
        border-bottom:2px solid #fff
    }
}
.info-pratique-camping .information-block .info-block>*{
    width:100%;
    justify-content:flex-start
}
@media (max-width:768px){
    .info-pratique-camping .information-block .info-block>*{
        padding:0 25px
    }
}
.info-pratique-camping .information-block .info-block .head-block{
    margin-bottom:12px
}
.info-pratique-camping .information-block .info-block .head-block .icon{
    margin-right:13px;
    flex:0 0 30px
}
.info-pratique-camping .information-block .info-block .body-block{
    line-height:24px;
    flex-wrap:wrap
}
.info-pratique-camping .information-block .info-block .body-block div,.info-pratique-camping .information-block .info-block .body-block p,.info-pratique-camping .information-block .info-block .body-block span,.info-pratique-camping .information-block .info-block .body-block ul li{
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#fff
}
@media (max-width:768px){
    .info-pratique-camping .information-block .info-block .body-block div,.info-pratique-camping .information-block .info-block .body-block p,.info-pratique-camping .information-block .info-block .body-block span,.info-pratique-camping .information-block .info-block .body-block ul li{
        font-size:16px
    }
    .info-pratique-camping .information-block .info-block .body-block{
        height:0;
        transition:max-height .3s;
        overflow:hidden
    }
}
.info-pratique-camping .information-block .info-block .body-block li{
    margin-top:12px
}
.info-pratique-camping .information-block .info-block .body-block li::before{
    content:url(img/icons/check-white.svg);
    margin-right:25px
}
@media (max-width:768px){
    .info-pratique-camping .information-block .info-block.opend{
        padding-bottom:25px
    }
    .info-pratique-camping .information-block .info-block.opend .body-block{
        height:auto
    }
}
.info-pratique-camping .timing{
    width:100%;
    flex-wrap:wrap;
    margin-top:25px
}
.info-pratique-camping .timing first-block{
    width:100%
}
.info-pratique-camping .timing timing-block{
    width:100%;
    justify-content:flex-end;
    margin-top:6px;
    display:flex
}
.info-pratique-camping .timing .time-block{
    width:100%;
    margin-bottom:25px;
    flex-wrap:wrap
}
.info-pratique-camping .timing .title{
    margin-right:40px
}
.info-pratique-camping .timing .time-bar{
    display:flex;
    height:10px;
    width:100%;
    background:rgba(255,255,255,.3);
    border-radius:12px;
    position:relative;
    overflow:hidden
}
.info-pratique-camping .timing .time-bar span.timing{
    height:100%;
    position:absolute;
    width:25%;
    margin-top:0
}
.camping-experiance{
    flex-wrap:wrap
}
@media (max-width:768px){
    .camping-experiance{
        padding:0 15px
    }
}
.camping-experiance .camping-experiance-wrapper{
    flex-wrap:wrap
}
.camping-experiance environment-content camping-truck-holder{
    height:430px;
    width:480px;
    display:flex;
    top:-35%;
    position:absolute;
    z-index:2;
    right:-264px
}
.camping-experiance environment-content sea-shell-1-holder{
    width:165px;
    height:135px;
    position:absolute;
    left:-200px;
    top:130px
}
.camping-experiance environment-content grass-4-holder{
    position:absolute;
    left:-319px;
    top:-350px;
    display:none
}
.camping-experiance .experiance-content{
    min-height:600px;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-top:60px
}
@media (max-width:768px){
    .camping-experiance .experiance-content{
        margin-top:30px;
        flex-direction:column-reverse
    }
}
.camping-experiance .experiance-content .media-content .micro-elements .micro-element{
    margin-right:30px
}
@media (max-width:992px){
    .camping-experiance .experiance-content .media-content .micro-elements .micro-element{
        margin-right:15px;
        width:calc(50% - 8px)
    }
}
.camping-experiance .experiance-content .media-content .micro-elements .micro-element:last-child{
    margin-right:0
}
.camping-experiance .media-content{
    width:calc(50% - 15px);
    margin-right:15px;
    flex-wrap:wrap;
    align-items:flex-start;
    box-sizing:border-box
}
@media (max-width:768px){
    .camping-experiance .media-content{
        width:100%;
        height:auto
    }
}
.camping-experiance .media-content .micro-elements{
    width:100%;
    height:160px;
    flex-wrap:wrap;
    box-sizing:border-box;
    flex-direction:row;
    justify-content:flex-start
}
@media (max-width:1140px){
    .camping-experiance .media-content .micro-elements{
        height:25%
    }
}
@media (max-width:768px){
    .camping-experiance .media-content .micro-elements{
        height:160px;
        margin-top:20px
    }
}
.camping-experiance .media-content .micro-elements .micro-element{
    height:100%;
    width:calc(33.3333333333% - 20px);
    display:flex;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
.camping-experiance .media-content .micro-elements .micro-element>button{
    width:100%
}
@media (max-width:992px){
    .camping-experiance .media-content .micro-elements .micro-element{
        width:48%
    }
    .camping-experiance .media-content .micro-elements .micro-element:nth-child(2){
        display:none
    }
}
.camping-experiance .media-content .micro-elements .micro-element:nth-last-child(1):before{
    content:" ";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-color:rgba(33,33,33,.5);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center
}
.camping-experiance .media-content .main-element{
    width:100%;
    height:420px;
    margin-bottom:30px;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
.camping-experiance .media-content .main-element .social-network-info{
    left:0
}
@media (max-width:1140px){
    .camping-experiance .media-content .main-element{
        height:70%
    }
}
@media (max-width:992px){
    .camping-experiance .media-content .main-element{
        margin-bottom:15px
    }
}
@media (max-width:768px){
    .camping-experiance .media-content .main-element{
        height:288px;
        margin-bottom:0
    }
}
.camping-experiance .notes-content{
    width:calc(50% - 15px);
    margin-left:15px;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content:flex-start
}
@media (max-width:768px){
    .camping-experiance .notes-content{
        width:100%;
        margin-left:0;
        margin-bottom:30px
    }
}
.camping-experiance .notes-content h3{
    margin-bottom:20px
}
.camping-experiance .notes-content p{
    margin-bottom:20px
}
.camping-experiance .notes-content camping-note-info{
    margin-bottom:20px;
    display:flex;
    flex-wrap:wrap
}
.camping-experiance .notes-content camping-note-info>span{
    margin-right:5px;
    display:flex;
    align-items:center
}
.camping-experiance .notes-content camping-note-info .camping-rate{
    padding:7px 15px;
    border-radius:5px;
    margin-right:10px
}
.camping-experiance .notes-content .note-resume{
    width:100%;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-bottom:10px
}
.camping-experiance .notes-content .note-resume .top-content{
    flex-wrap:wrap;
    justify-content:flex-start;
    width:100%;
    height:37px
}
.camping-experiance .notes-content .note-resume .note-bar{
    width:100%;
    height:10px;
    position:relative
}
.camping-experiance .notes-content .note-resume .note-bar::after{
    content:"";
    height:100%;
    width:var(--point);
    background-color:#34bdef;
    position:absolute;
    top:0;
    left:0
}
.camping-experiance .camping-experiance-slider-wrapper{
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.camping-experiance .camping-experiance-slider-wrapper .slider-box-shadows left-shadow,.camping-experiance .camping-experiance-slider-wrapper .slider-box-shadows right-shadow{
    top:0;
    transform:translateY(0);
    margin-top:60px;
    height:425px
}
@media (max-width:768px){
    .camping-experiance .camping-experiance-slider-wrapper .slider-box-shadows left-shadow,.camping-experiance .camping-experiance-slider-wrapper .slider-box-shadows right-shadow{
        display:none
    }
}
.camping-experiance .experiance-usersnote-slide-buttons{
    position:absolute;
    right:0;
    top:50%;
    width:100%
}
.camping-experiance .experiance-user-note-slider{
    margin-top:60px;
    margin-right:0
}
@media (max-width:768px){
    .camping-experiance .experiance-user-note-slider{
        display:none
    }
}
.camping-experiance .experiance-user-note-slider .user-comment{
    height:425px
}
.camping-experiance .experiance-user-note-slider .user-comment card-border{
    border-radius:12px;
    display:flex;
    width:100%;
    align-items:center;
    padding:10px;
    box-sizing:border-box
}
.camping-experiance .experiance-user-note-slider .user-comment card-border>*{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:100%
}
.camping-experiance .experiance-user-note-slider .user-comment card-border .user-photo{
    height:0;
    width:0;
    margin:0
}
.camping-experiance .experiance-user-note-slider .user-comment card-border author-wrapper{
    margin-top:20px;
    margin-bottom:15px
}
.camping-experiance .experiance-user-note-slider .user-comment card-border average-rating{
    margin-bottom:15px
}
.camping-experiance .experiance-user-note-slider .user-comment card-border review-title{
    margin-bottom:25px;
    min-height:20px;
    height:auto
}
.camping-experiance .experiance-user-note-slider .user-comment card-border comment-wrapper{
    margin-top:0!important
}
.camping-experiance .experiance-user-note-slider .user-comment card-border date-of-publication{
    margin:auto 0 10px auto
}
.camping-experiance .buttons{
    margin-top:50px
}
.camping-experiance .buttons button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto;
    margin-right:25px
}
.camping-questions-block{
    margin-top:150px;
    display:none;
    flex-wrap:wrap
}
@media (max-width:768px){
    .camping-questions-block{
        display:none;
        margin-top:50px
    }
}
.camping-questions-block environment-content sea-shell-3-holder{
    height:400px;
    width:370px;
    display:flex;
    top:-250px;
    position:absolute;
    left:-300px
}
.camping-questions-block environment-content pine-1-holder{
    height:245px;
    width:220px;
    display:flex;
    top:-215px;
    position:absolute;
    right:-175px;
    transform:rotateZ(-40deg)
}
@media (max-width:1140px){
    .camping-questions-block environment-content pine-1-holder{
        right:-145px
    }
}
.camping-questions-block environment-content wood-holder{
    position:absolute;
    left:-350px;
    top:-280px;
    display:none
}
.camping-questions-block .camping-question-block-desktop-content{
    display:none;
    flex-wrap:wrap
}
.camping-questions-block .camping-question-block-responsive-content{
    flex-wrap:wrap
}
@media (min-width:769px){
    .camping-questions-block .camping-question-block-responsive-content{
        display:none
    }
}
.camping-questions-block question-answer-bullet-buttons{
    margin:30px
}
.camping-questions-block .voir-plus-btn{
    width:100%
}
.camping-questions-block .voir-plus-btn button{
    width:45%;
    margin:auto
}
@media (max-width:768px){
    .camping-questions-block .voir-plus-btn button{
        width:85%
    }
}
.camping-questions-block .camping-question-wrapper{
    flex-wrap:wrap
}
.camping-questions-block section.question-description-block{
    width:calc(50% - 15px);
    margin-right:15px
}
@media (max-width:768px){
    .camping-questions-block section.question-description-block{
        width:100%;
        margin-right:0;
        margin-bottom:45px
    }
}
.camping-questions-block section.question-description-block h2{
    margin-bottom:20px
}
.camping-questions-block section.question-description-block p{
    line-height:24px
}
.camping-questions-block section.question-description-block button{
    padding:0 45px;
    margin-top:35px
}
.camping-questions-block .question-ans-block{
    width:50%;
    padding:20px 40px;
    box-sizing:border-box;
    background:#fff;
    box-shadow:0 5px 35px rgba(0,0,0,.1019607843);
    border-radius:12px;
    flex-wrap:wrap;
    line-height:24px;
    margin-bottom:30px
}
@media (max-width:480px){
    .camping-questions-block .question-ans-block{
        padding:20px
    }
}
.camping-questions-block .question-ans-block:nth-child(2n+1){
    width:calc(50% - 15px);
    margin-right:15px
}
@media (max-width:768px){
    .camping-questions-block .question-ans-block:nth-child(2n+1){
        width:100%;
        margin-right:0
    }
}
.camping-questions-block .question-ans-block:nth-child(2n){
    width:calc(50% - 15px);
    margin-left:15px
}
@media (max-width:768px){
    .camping-questions-block .question-ans-block:nth-child(2n){
        width:100%;
        margin-left:0
    }
}
.camping-questions-block .question-block{
    margin-bottom:25px
}
.camping-questions-block .ans-block{
    flex-wrap:wrap;
    background-color:#f0f0f0;
    padding:20px 30px;
    border-radius:12px;
    line-height:24px;
    position:relative
}
.camping-questions-block .ans-block::before{
    content:"";
    position:absolute;
    height:25px;
    width:25px;
    background-color:#f0f0f0;
    transform:rotate(45deg);
    top:-10px;
    left:30px
}
.camping-questions-block .author-date-block{
    justify-content:space-between;
    width:100%;
    margin-bottom:15px
}
.camping-questions-block .more-ans-block{
    justify-content:space-between;
    width:100%;
    margin:30px 0
}
.camping-questions-block .more-ans-block .likes{
    align-items:center
}
.camping-questions-block .more-ans-block .likes .icon{
    height:23px;
    display:flex;
    width:23px;
    margin-right:10px
}
.camping-questions-block .more-ans-block .likes .icon img{
    object-fit:contain
}
.camping-questions-block .more-ans-block .voir-plus button{
    padding:10px 32px
}
description-actualite{
    display:flex;
    flex-direction:column;
    line-height:1.2;
    font-size:18px;
    font-family:Gilroy-Regular!important;
    font-weight:400;
    color:#212121
}
description-actualite h3{
    margin-bottom:20px;
    font-size:26px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    description-actualite h3{
        font-size:20px
    }
}
description-actualite h4{
    margin-bottom:20px;
    font-size:22px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    description-actualite h4{
        font-size:20px
    }
}
description-actualite div,description-actualite p,description-actualite span{
    margin-bottom:15px;
    line-height:1.2;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#212121
}
description-actualite ul{
    list-style:none;
    font-size:18px;
    padding-left:40px;
    margin-bottom:15px
}
description-actualite ul li:before{
    content:"•";
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
description-actualite ol{
    list-style-type:none;
    position:relative;
    font-size:18px;
    padding-left:40px;
    counter-reset:listitem;
    margin-bottom:15px
}
description-actualite ol li:before{
    counter-increment:listitem;
    content:counters(listitem,"");
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.number_pics{
    z-index:9;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translate(50%,50%);
    top:-50%;
    position:absolute;
    height:100%;
    width:100%;
    left:-50%
}
.number_pics.desktop-view{
    display:none
}
@media (min-width:992px){
    .number_pics.desktop-view{
        display:flex
    }
}
.number_pics.responsive-view{
    display:none
}
@media (max-width:992px){
    .number_pics.responsive-view{
        display:flex
    }
}
.camping_detail{
    flex-direction:column
}
.camping_detail>.btn{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    text-align:center;
    max-width:360px
}
camping-info-basic price-info span:first-of-type{
    font-family:Gilroy-Bold!important;
    font-weight:400;
    font-size:24px;
    line-height:1.1;
    color:#fff
}
@media (max-width:768px){
    .empty-review{
        display:none
    }
}
.cms_left_img,.cms_right_img{
    margin-bottom:60px;
    line-height:1.3;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#212121
}
@media (max-width:768px){
    .cms_left_img,.cms_right_img{
        margin-bottom:30px
    }
}
.cms_left_img h2,.cms_right_img h2{
    margin-bottom:20px;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_left_img h2,.cms_right_img h2{
        font-size:22px
    }
}
.cms_left_img h3,.cms_right_img h3{
    margin-bottom:20px;
    font-size:26px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_left_img h3,.cms_right_img h3{
        font-size:20px
    }
}
.cms_left_img h4,.cms_right_img h4{
    margin-bottom:20px;
    font-size:22px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_left_img h4,.cms_right_img h4{
        font-size:20px
    }
}
.cms_left_img p,.cms_right_img p{
    margin-bottom:15px;
    line-height:1.3;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#212121
}
.cms_left_img .btn,.cms_right_img .btn{
    border:2px solid #34bdef
}
.cms_left_img .btn:hover,.cms_right_img .btn:hover{
    background-color:#ffea00;
    color:#34bdef
}
.cms_left_img ul,.cms_right_img ul{
    list-style:none;
    font-size:18px;
    padding-left:40px;
    margin-bottom:15px
}
.cms_left_img ul li:before,.cms_right_img ul li:before{
    content:"•";
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.cms_left_img ol,.cms_right_img ol{
    list-style-type:none;
    position:relative;
    font-size:18px;
    padding-left:40px;
    counter-reset:listitem;
    margin-bottom:15px
}
.cms_left_img ol li:before,.cms_right_img ol li:before{
    counter-increment:listitem;
    content:counters(listitem,"");
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
@media (max-width:992px){
    .cms_left_img,.cms_right_img{
        padding-left:15px;
        padding-right:15px;
        width:calc(100% - 30px)!important
    }
}
@media (max-width:768px){
    .cms_left_img,.cms_right_img{
        margin-bottom:70px;
        margin-right:0;
        margin-left:0;
        width:auto!important
    }
}
@media (max-width:480px){
    .cms_left_img,.cms_right_img{
        width:100%
    }
}
.cms_left_img img,.cms_right_img img{
    flex:1 0 50%;
    height:525px;
    border-radius:12px;
    object-fit:cover
}
@media (min-width:769px){
    .cms_left_img img,.cms_right_img img{
        max-width:50%
    }
}
.cms_left_img.img_fix img,.cms_right_img.img_fix img{
    height:auto
}
.cms_left_img basic-title,.cms_right_img basic-title{
    display:inline-block;
    background:linear-gradient(100deg,#3ebeed 40%,#fff);
    padding:0 37px 0 10px;
    color:#fff;
    margin-bottom:5px;
    line-height:24px;
    font-size:13px;
    font-family:Gilroy-Bold;
    font-weight:400;
    text-transform:uppercase
}
.cms_left_img basic-subtitle,.cms_right_img basic-subtitle{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#a0a0a0
}
.cms_left_img h2,.cms_right_img h2{
    font-family:Gilroy-Bold;
    font-weight:400;
    font-size:32px;
    line-height:1.2;
    margin-bottom:15px
}
@media (max-width:768px){
    .cms_left_img h2,.cms_right_img h2{
        font-size:22px
    }
}
.cms_left_img h3,.cms_right_img h3{
    font-family:Gilroy-Bold;
    font-weight:400;
    font-size:26px;
    line-height:1.1;
    margin-bottom:10px
}
@media (max-width:768px){
    .cms_left_img h3,.cms_right_img h3{
        font-size:20px
    }
}
.cms_left_img .btn-blue,.cms_right_img .btn-blue{
    background:#34bdef;
    transition:.3s;
    color:#ffea00
}
.cms_left_img .btn,.cms_right_img .btn{
    border-radius:26px;
    font-size:18px;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    line-height:1
}
.cms_left_img{
    display:flex
}
@media (max-width:768px){
    .cms_left_img{
        flex-direction:column
    }
}
.cms_left_img img{
    margin-right:30px
}
@media (max-width:768px){
    .cms_left_img img{
        margin-bottom:60px;
        margin-right:0
    }
}
.cms_left_img wrapper-description{
    margin-left:30px;
    width:50%
}
@media (max-width:992px){
    .cms_left_img wrapper-description{
        width:100%
    }
}
@media (max-width:768px){
    .cms_left_img wrapper-description{
        margin-left:0
    }
}
.cms_right_img{
    display:flex
}
@media (max-width:768px){
    .cms_right_img{
        flex-direction:column
    }
}
.cms_right_img img{
    margin-left:30px
}
@media (max-width:768px){
    .cms_right_img img{
        margin-left:0
    }
}
.cms_right_img wrapper-description{
    margin-right:30px;
    width:50%
}
@media (max-width:992px){
    .cms_right_img wrapper-description{
        width:100%
    }
}
@media (max-width:768px){
    .cms_right_img wrapper-description{
        margin-right:0
    }
}
.cms_headtitle{
    text-align:center;
    padding-left:15px;
    padding-right:15px;
    padding-top:60px;
    margin-bottom:60px;
    width:auto
}
@media (max-width:1140px){
    .cms_headtitle{
        margin-right:0;
        margin-left:0
    }
}
@media (max-width:768px){
    .cms_headtitle{
        margin-bottom:30px;
        padding-top:50px
    }
}
.cms_headtitle sub-title{
    font-size:26px;
    font-family:UrsulaHandschrift;
    font-weight:400;
    color:#34bdef
}
@media (max-width:768px){
    .cms_headtitle sub-title{
        font-size:20px
    }
}
.cms_headtitle h1{
    font-size:44px;
    font-family:Gilroy-Bold;
    font-weight:400;
    color:#212121
}
@media (max-width:768px){
    .cms_headtitle h1{
        font-size:30px
    }
}
.cms_cards{
    display:flex;
    flex-direction:column;
    margin-bottom:60px;
    padding-left:15px;
    padding-right:15px;
    width:auto
}
@media (max-width:768px){
    .cms_cards{
        margin-bottom:30px;
        margin-right:0;
        margin-left:0
    }
}
.cms_cards h2{
    margin-bottom:30px;
    line-height:1.2;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_cards h2{
        margin-bottom:20px;
        font-size:22px
    }
}
.cms_cards ul{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px;
    justify-content:start
}
@media (max-width:768px){
    .cms_cards ul{
        margin-bottom:40px
    }
}
.cms_cards li{
    display:flex;
    flex-direction:column;
    width:calc(33.3333333333% - 30px);
    margin-right:30px;
    margin-bottom:30px;
    border-radius:12px;
    box-shadow:0 5px 35px rgba(0,0,0,.1019607843);
    min-height:295px;
    position:relative;
    overflow:hidden
}
@media (max-width:992px){
    .cms_cards li{
        width:calc(50% - 40px);
        margin-right:20px
    }
}
@media (max-width:768px){
    .cms_cards li{
        width:100%;
        margin-right:0;
        margin-bottom:15px
    }
    .cms_cards li:last-child{
        margin-bottom:0
    }
}
.cms_cards li:nth-child(3n+3){
    margin-right:0
}
@media (max-width:992px){
    .cms_cards li:nth-child(3n+3){
        margin-right:20px
    }
}
@media (max-width:768px){
    .cms_cards li:nth-child(3n+3){
        margin-right:0
    }
}
@media (max-width:992px){
    .cms_cards li:nth-child(2n+2){
        margin-right:0
    }
}
.cms_cards li img{
    border-radius:12px;
    height:100%;
    object-fit:cover;
    margin-bottom:15px;
    position:absolute;
    z-index:-1
}
.cms_cards li .hover-text{
    position:absolute;
    bottom:10px;
    display:flex;
    flex-direction:column;
    width:100%;
    color:#fff;
    text-align:center;
    text-transform:inherit
}
.cms_cards li .hover-text .link-text{
    text-decoration:underline;
    font-size:16px;
    position:relative;
    height:15px
}
.cms_cards li main-title{
    margin-bottom:10px;
    font-size:26px;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    line-height:1.2;
    overflow-wrap:break-word;
    padding:0 5px
}
@media (max-width:768px){
    .cms_cards li main-title{
        font-size:22px
    }
}
.cms_cards li .more,.cms_cards li a{
    margin-top:auto;
    font-size:18px;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    color:#34bdef;
    text-decoration:underline;
    height:100%
}
.cms_cards ul.four-blocks{
    justify-content:space-between
}
.cms_cards ul.four-blocks li{
    width:calc(25% - 30px);
    min-height:250px
}
.cms_cards ul.four-blocks li:nth-child(3n+3){
    margin-right:20px
}
@media (max-width:992px){
    .cms_cards ul.four-blocks li:nth-child(4n+4){
        margin-right:0
    }
    .cms_cards ul.four-blocks li{
        width:calc(50% - 30px)
    }
}
@media (max-width:768px){
    .cms_cards ul.four-blocks li{
        width:100%;
        margin-right:0;
        margin-bottom:15px
    }
}
.cms_cards .btn{
    line-height:1;
    display:inline-block;
    margin:0 auto;
    font-size:18px;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    border:2px solid #34bdef
}
.cms_cards .btn:hover{
    background-color:#ffea00;
    color:#34bdef
}
.cms_block_blue{
    display:flex;
    padding:20px;
    margin-bottom:60px;
    background-color:#34bdef
}
@media (max-width:768px){
    .cms_block_blue{
        margin-bottom:30px
    }
}
.cms_block_blue container-wrapper{
    display:flex;
    flex-direction:column;
    width:calc(100% - 32px);
    padding-top:60px;
    padding-bottom:90px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid #fff
}
@media (max-width:768px){
    .cms_block_blue container-wrapper{
        padding-top:30px
    }
}
.cms_block_blue container-wrapper container-desc{
    display:flex;
    flex-direction:column;
    width:100%
}
.cms_block_blue sub-title{
    display:flex;
    justify-content:center;
    font-size:26px;
    font-family:UrsulaHandschrift;
    font-weight:400;
    color:#ffea00
}
@media (max-width:768px){
    .cms_block_blue sub-title{
        font-size:20px
    }
}
.cms_block_blue h2{
    margin-bottom:60px;
    display:flex;
    justify-content:center;
    font-size:36px;
    font-family:Gilroy-Bold;
    font-weight:400;
    color:#fff
}
@media (max-width:768px){
    .cms_block_blue h2{
        font-size:32px
    }
}
.cms_block_blue p{
    line-height:1.2;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#fff
}
.cms_img_solo{
    height:470px;
    width:auto;
    margin-bottom:60px;
    padding-left:15px;
    padding-right:15px
}
.cms_img_solo img{
    overflow:hidden;
    border-radius:12px
}
@media (max-width:768px){
    .cms_img_solo{
        height:290px;
        margin-bottom:30px
    }
}
h2.cms_block_video{
    margin-bottom:30px;
    width:98%;
    line-height:1.2;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    h2.cms_block_video{
        margin-bottom:20px;
        font-size:22px
    }
}
.cms_video{
    height:550px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-bottom:60px;
    position:relative
}
@media (max-width:768px){
    .cms_video{
        height:200px;
        margin-bottom:30px
    }
}
.cms_video iframe{
    height:100%
}
@media (max-width:1140px){
    .cms_video iframe{
        width:95vw
    }
}
.cms_video .pimcore_editable_video{
    height:100%
}
.cms_video video{
    width:auto;
    height:100%
}
@media (max-width:1140px){
    .cms_video video{
        width:95vw
    }
}
.cms_video player-wrapper{
    position:absolute;
    width:115px;
    height:115px;
    background-color:#34bdef;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99;
    cursor:pointer;
    pointer-events:none
}
@media (max-width:768px){
    .cms_video player-wrapper{
        height:75px;
        width:75px
    }
}
.cms_video player-wrapper>img{
    height:45px;
    width:30px;
    margin-left:10px
}
@media (max-width:768px){
    .cms_video player-wrapper>img{
        height:30px;
        width:20px
    }
}
.pimcore_area_cms-events{
    width:100%
}
.cms_listing_date{
    display:flex;
    flex-direction:column;
    margin-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    width:auto
}
.cms_listing_date .btn.btn-blue-52{
    display:none
}
@media (max-width:768px){
    .cms_listing_date .btn.btn-blue-52{
        display:inline-block;
        margin:15px auto;
        font-size:18px;
        font-family:Gilroy-SemiBold;
        font-weight:400;
        line-height:1
    }
}
.cms_listing_date h2{
    margin-bottom:30px;
    line-height:1.2;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_listing_date h2{
        margin-bottom:20px;
        font-size:22px
    }
}
.cms_listing_date ul{
    display:flex;
    flex-wrap:wrap
}
.cms_listing_date ul li{
    display:flex;
    width:calc(33.3333333333% - 20px);
    margin-right:30px;
    margin-bottom:60px;
    border-radius:8px
}
@media (max-width:992px){
    .cms_listing_date ul li{
        width:calc(50% - 10px);
        margin-right:20px;
        margin-bottom:25px
    }
}
@media (max-width:768px){
    .cms_listing_date ul li{
        width:100%;
        margin-right:0!important
    }
    .cms_listing_date ul li:last-child{
        margin-bottom:0
    }
}
@media (max-width:992px){
    .cms_listing_date ul li:nth-child(2n+2){
        margin-right:0
    }
}
.cms_listing_date ul li:nth-child(3n+3){
    margin-right:0
}
@media (max-width:992px){
    .cms_listing_date ul li:nth-child(3n+3){
        margin-right:20px
    }
}
.cms_listing_date ul li wrapper-actu{
    display:flex;
    flex-direction:column;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    line-height:1.3
}
.cms_listing_date ul li h2{
    margin-bottom:0;
    font-size:18px;
    font-family:Gilroy-Bold;
    font-weight:400
}
.cms_text{
    margin-bottom:60px;
    display:flex;
    flex-direction:column;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    line-height:1.3;
    color:#212121
}
@media (min-width:768px){
    .cms_text{
        padding-left:15px;
        padding-right:15px;
        margin-bottom:30px
    }
}
.cms_text .more_second{
    display:none
}
@media (max-width:768px){
    .cms_text{
        width:calc(100% - 30px);
        margin-bottom:60px
    }
}
.cms_text a{
    color:#34bdef;
    text-decoration:underline
}
.cms_text h2{
    margin-bottom:20px;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_text h2{
        font-size:22px
    }
}
.cms_text h3{
    margin-bottom:20px;
    font-size:26px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_text h3{
        font-size:20px
    }
}
.cms_text h4{
    margin-bottom:20px;
    font-size:22px;
    font-family:Gilroy-Bold;
    font-weight:400
}
@media (max-width:768px){
    .cms_text h4{
        font-size:20px
    }
}
.cms_text p{
    margin-bottom:15px;
    line-height:1.3;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#212121
}
.cms_text ul{
    list-style:none;
    font-size:18px;
    padding-left:40px;
    margin-bottom:15px
}
.cms_text ul li:before{
    content:"•";
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.cms_text ol{
    list-style-type:none;
    position:relative;
    font-size:18px;
    padding-left:40px;
    counter-reset:listitem;
    margin-bottom:15px
}
.cms_text ol li:before{
    counter-increment:listitem;
    content:counters(listitem,"");
    color:#34bdef;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.cms_img_duo{
    margin-bottom:60px;
    padding-left:15px;
    padding-right:15px;
    width:auto
}
@media (max-width:768px){
    .cms_img_duo{
        flex-direction:column;
        margin-bottom:30px
    }
}
.cms_img_duo img{
    height:470px;
    object-fit:cover;
    border-radius:12px
}
@media (min-width:769px){
    .cms_img_duo img{
        max-width:50%;
        max-width:50%;
        width:calc(50% - 15px)
    }
}
@media (max-width:768px){
    .cms_img_duo img{
        height:290px
    }
}
.cms_img_duo img:first-child{
    margin-right:15px
}
@media (max-width:768px){
    .cms_img_duo img:first-child{
        margin-right:0;
        margin-bottom:30px
    }
}
.cms_img_duo img:last-child{
    margin-left:15px
}
@media (max-width:768px){
    .cms_img_duo img:last-child{
        margin-left:0
    }
}
.cms_carousel{
    display:block;
    margin-bottom:60px
}
@media (max-width:768px){
    .cms_carousel{
        margin-bottom:30px
    }
}
.cms_carousel .slideshow_images{
    position:relative!important
}
.cms_carousel .swiper-slide{
    height:560px;
    border-radius:12px;
    overflow:hidden
}
@media (max-width:768px){
    .cms_carousel .swiper-slide{
        height:330px
    }
}
@media (max-width:1140px){
    .cms_carousel .swiper-slide{
        display:flex;
        justify-content:center
    }
}
.cms_carousel .swiper-slide img{
    object-fit:cover;
    border-radius:12px
}
@media (max-width:1140px){
    .cms_carousel .swiper-slide img{
        width:calc(100% - 30px)
    }
}
.cms_carousel button-prev.swiper-button-prev{
    border-radius:0 8px 8px 0;
    left:0
}
.cms_carousel button-next.swiper-button-next{
    border-radius:8px 0 0 8px;
    right:0
}
.cms_carousel button-next.swiper-button-next,.cms_carousel button-prev.swiper-button-prev{
    position:absolute!important;
    width:35px;
    height:120px;
    background:#34bdef;
    box-shadow:0 0 20px rgba(0,0,0,.1490196078);
    top:45%
}
@media (max-width:768px){
    .cms_carousel button-next.swiper-button-next,.cms_carousel button-prev.swiper-button-prev{
        width:25px;
        height:100px;
        top:40%
    }
}
.cms_carousel button-next.swiper-button-next:after,.cms_carousel button-prev.swiper-button-prev:after{
    font-size:25px!important;
    color:#fff
}
.cms_card_overlay{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    min-height:565px;
    height:auto;
    padding:15px;
    margin-bottom:60px
}
@media (max-width:768px){
    .cms_card_overlay{
        margin-bottom:30px
    }
}
.cms_card_overlay>img{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    object-fit:cover
}
.cms_card_overlay card-wrapper.wrapper{
    justify-content:flex-end
}
.cms_card_overlay card-container{
    display:block;
    width:460px;
    box-shadow:0 5px 35px rgba(0,0,0,.1019607843);
    overflow:hidden;
    padding:10px;
    border-radius:15px;
    background-color:#fff
}
@media (max-width:768px){
    .cms_card_overlay card-container{
        padding:15px
    }
}
@media (max-width:480px){
    .cms_card_overlay card-container{
        width:100%
    }
}
.cms_card_overlay card-container img{
    height:155px;
    border-radius:12px;
    margin-bottom:25px
}
.cms_card_overlay card-container basic-title{
    margin-bottom:5px;
    margin-left:20px;
    margin-right:20px;
    display:inline-block;
    background:linear-gradient(100deg,#3ebeed 40%,#fff);
    padding:0 37px 0 10px;
    color:#fff;
    line-height:24px;
    font-size:13px;
    font-family:Gilroy-Bold;
    font-weight:400;
    text-transform:uppercase
}
@media (max-width:768px){
    .cms_card_overlay card-container basic-title{
        margin-left:0;
        margin-right:0
    }
}
.cms_card_overlay card-container basic-subtitle{
    display:block;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
    font-size:13px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#a0a0a0
}
@media (max-width:768px){
    .cms_card_overlay card-container basic-subtitle{
        margin-left:0;
        margin-right:0
    }
}
.cms_card_overlay card-container h2{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-family:Gilroy-Bold;
    font-weight:400;
    font-size:32px;
    line-height:1.2
}
@media (max-width:768px){
    .cms_card_overlay card-container h2{
        margin-left:0;
        margin-right:0;
        font-size:22px
    }
}
.cms_card_overlay card-container .btn{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-size:18px;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    line-height:1;
    border:2px solid #34bdef
}
.cms_card_overlay card-container .btn:hover{
    background-color:#ffea00;
    color:#34bdef
}
@media (max-width:768px){
    .cms_card_overlay card-container .btn{
        margin-left:0;
        margin-right:0
    }
}
.more_second{
    color:#34bdef;
    line-height:1.2;
    font-size:18px;
    font-family:Gilroy-Bold;
    font-weight:400;
    text-transform:uppercase
}
wrapper-error{
    display:flex;
    flex-direction:column;
    padding:0 15px
}
wrapper-error h1{
    margin:60px 0 30px 0;
    font-family:Gilroy-Bold;
    font-weight:400;
    font-size:62px;
    line-height:1;
    color:#34bdef;
    text-align:center
}
wrapper-error p{
    line-height:1.2;
    margin:0 auto 30px auto;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    text-align:center
}
wrapper-error a{
    display:inline-block;
    margin:0 auto;
    padding:10px 35px;
    line-height:1;
    text-decoration:none
}
wrapper-error a.btn-blue-52{
    min-height:0
}
#pimcore_editable_error-link{
    margin:0 auto
}
#pimcore_editable_error-description{
    text-align:center
}
#pimcore_editable_error-title{
    width:100%;
    font-family:Gilroy-Bold;
    font-weight:400;
    font-size:62px;
    line-height:1;
    color:#34bdef;
    text-align:center
}
head-wrapper-listing{
    display:flex;
    position:relative;
    margin-top:60px
}
@media (max-width:767px){
    head-wrapper-listing{
        margin-top:45px
    }
}
head-wrapper-listing head-listing{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
head-wrapper-listing head-listing h1{
    width:80%;
    font-size:44px;
    font-family:Gilroy-Bold!important;
    font-weight:400;
    line-height:1.1;
    text-align:center;
    color:#212121
}
@media (max-width:767px){
    head-wrapper-listing head-listing h1{
        font-size:30px
    }
}
head-wrapper-listing head-listing h2{
    font-size:26px;
    font-family:UrsulaHandschrift;
    font-weight:400;
    text-align:center;
    color:#34bdef
}
@media (max-width:767px){
    head-wrapper-listing head-listing h2{
        font-size:20px
    }
}
container-listing environment-content,head-wrapper-listing environment-content{
    pointer-events:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    z-index:10
}
@media (max-width:767px){
    container-listing environment-content,head-wrapper-listing environment-content{
        display:none
    }
}
container-listing environment-content left-wrapper,head-wrapper-listing environment-content left-wrapper{
    display:flex;
    position:absolute;
    left:0;
    width:auto;
    height:auto
}
container-listing environment-content left-wrapper.grass,head-wrapper-listing environment-content left-wrapper.grass{
    height:560px;
    transform:rotate(145deg);
    left:-410px;
    top:-145px
}
@media (max-width:992px){
    container-listing environment-content left-wrapper.grass,head-wrapper-listing environment-content left-wrapper.grass{
        left:-460px
    }
}
container-listing environment-content left-wrapper.grass img,head-wrapper-listing environment-content left-wrapper.grass img{
    rotate:x 180deg
}
container-listing environment-content left-wrapper.starfish,head-wrapper-listing environment-content left-wrapper.starfish{
    height:330px;
    width:330px;
    left:-160px;
    top:-50px
}
@media (max-width:991px){
    container-listing environment-content left-wrapper.starfish,head-wrapper-listing environment-content left-wrapper.starfish{
        height:230px;
        width:230px;
        left:-120px;
        top:-50px
    }
}
container-listing environment-content left-wrapper.starfish img,head-wrapper-listing environment-content left-wrapper.starfish img{
    object-fit:contain
}
container-listing environment-content left-wrapper.pine_cone_solo,head-wrapper-listing environment-content left-wrapper.pine_cone_solo{
    height:170px;
    width:170px;
    left:-70px;
    top:-90px
}
container-listing environment-content left-wrapper.sea_sand,head-wrapper-listing environment-content left-wrapper.sea_sand{
    height:550px;
    left:-320px;
    bottom:-220px
}
@media (max-width:992px){
    container-listing environment-content left-wrapper.sea_sand,head-wrapper-listing environment-content left-wrapper.sea_sand{
        height:450px
    }
}
container-listing environment-content right-wrapper,head-wrapper-listing environment-content right-wrapper{
    display:flex;
    position:absolute;
    right:0;
    top:50px;
    height:auto;
    width:auto
}
container-listing environment-content right-wrapper.pine_cone_solo,head-wrapper-listing environment-content right-wrapper.pine_cone_solo{
    width:200px;
    top:-100px;
    right:-40px
}
@media (max-width:1140px){
    container-listing environment-content right-wrapper.pine_cone_solo,head-wrapper-listing environment-content right-wrapper.pine_cone_solo{
        right:-70px
    }
}
@media (max-width:992px){
    container-listing environment-content right-wrapper.pine_cone_solo,head-wrapper-listing environment-content right-wrapper.pine_cone_solo{
        width:190px;
        top:-60px;
        right:-100px
    }
}
container-listing environment-content right-wrapper.shells_duo,head-wrapper-listing environment-content right-wrapper.shells_duo{
    width:250px
}
@media (max-width:1140px){
    container-listing environment-content right-wrapper.shells_duo,head-wrapper-listing environment-content right-wrapper.shells_duo{
        right:-55px
    }
}
@media (max-width:992px){
    container-listing environment-content right-wrapper.shells_duo,head-wrapper-listing environment-content right-wrapper.shells_duo{
        right:-140px
    }
}
container-listing environment-content right-wrapper.shells_duo img:first-child,head-wrapper-listing environment-content right-wrapper.shells_duo img:first-child{
    width:110px
}
container-listing environment-content right-wrapper.shells_duo img:last-of-type,head-wrapper-listing environment-content right-wrapper.shells_duo img:last-of-type{
    width:160px
}
container-listing environment-content right-wrapper.truck,head-wrapper-listing environment-content right-wrapper.truck{
    height:430px;
    top:-250px;
    right:-255px!important
}
@media (max-width:1140px){
    container-listing environment-content right-wrapper.truck,head-wrapper-listing environment-content right-wrapper.truck{
        right:-310px
    }
}
@media (max-width:992px){
    container-listing environment-content right-wrapper.truck,head-wrapper-listing environment-content right-wrapper.truck{
        right:-350px
    }
}
container-listing environment-content right-wrapper.pine_cone,head-wrapper-listing environment-content right-wrapper.pine_cone{
    width:220px;
    height:225px;
    right:-25px;
    transform:rotateY(180deg);
    top:0
}
@media (max-width:991px){
    container-listing environment-content right-wrapper.pine_cone,head-wrapper-listing environment-content right-wrapper.pine_cone{
        height:170px;
        width:200px
    }
}
container-listing environment-content right-wrapper.ball,head-wrapper-listing environment-content right-wrapper.ball{
    width:310px;
    right:-170px;
    top:-140px
}
@media (max-width:1140px){
    container-listing environment-content right-wrapper.ball,head-wrapper-listing environment-content right-wrapper.ball{
        width:250px
    }
}
@media (max-width:992px){
    container-listing environment-content right-wrapper.ball,head-wrapper-listing environment-content right-wrapper.ball{
        top:-100px
    }
}
container-listing environment-content right-wrapper.ball img,head-wrapper-listing environment-content right-wrapper.ball img{
    transform:rotateY(180deg)
}
container-listing environment-content right-wrapper.shells,head-wrapper-listing environment-content right-wrapper.shells{
    height:450px;
    width:450px;
    bottom:-180px;
    right:-170px;
    top:auto
}
@media (max-width:1140px){
    container-listing environment-content right-wrapper.shells,head-wrapper-listing environment-content right-wrapper.shells{
        height:400px;
        width:400px
    }
}
@media (max-width:992px){
    container-listing environment-content right-wrapper.shells,head-wrapper-listing environment-content right-wrapper.shells{
        height:250px;
        width:250px;
        bottom:-80px;
        right:-100px
    }
}
container-listing environment-content right-wrapper.shells img,head-wrapper-listing environment-content right-wrapper.shells img{
    transform:rotateY(180deg)
}
container-listing{
    display:flex;
    flex-direction:column;
    position:relative;
    padding:0 15px
}
container-listing>h2{
    line-height:1.2;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400;
    color:#212121;
    max-width:1140px;
    margin:auto;
    height:100%;
    width:100%;
    display:flex;
    position:relative
}
@media (max-width:1140px){
    container-listing>h2{
        width:992px
    }
}
@media (max-width:992px){
    container-listing>h2{
        width:768px
    }
}
@media (max-width:768px){
    container-listing>h2{
        width:480px
    }
}
@media (max-width:480px){
    container-listing>h2{
        width:320px
    }
}
@media (max-width:320px){
    container-listing>h2{
        width:98%
    }
}
@media (max-width:768px){
    container-listing>h2{
        font-size:24px;
        margin:0
    }
}
container-listing wrapper-listing{
    display:flex;
    margin-bottom:50px;
    max-width:1140px;
    margin:auto auto 50px auto;
    height:100%;
    width:100%;
    display:flex;
    position:relative
}
@media (max-width:1140px){
    container-listing wrapper-listing{
        width:992px
    }
}
@media (max-width:992px){
    container-listing wrapper-listing{
        width:768px
    }
}
@media (max-width:768px){
    container-listing wrapper-listing{
        width:480px
    }
}
@media (max-width:480px){
    container-listing wrapper-listing{
        width:320px
    }
}
@media (max-width:320px){
    container-listing wrapper-listing{
        width:98%
    }
}
@media (max-width:768px){
    container-listing wrapper-listing{
        margin-bottom:25px
    }
}
container-listing wrapper-listing a{
    display:flex;
    text-decoration:none;
    width:100%
}
container-listing wrapper-listing:last-child{
    margin-bottom:0
}
container-listing wrapper-listing img{
    height:210px;
    width:350px;
    margin-right:30px;
    border-radius:12px
}
@media (max-width:768px){
    container-listing wrapper-listing img{
        width:35%;
        height:100px;
        margin-right:20px
    }
}
container-listing wrapper-listing wrapper-title{
    display:flex;
    margin-bottom:15px
}
@media (max-width:768px){
    container-listing wrapper-listing wrapper-title{
        margin-bottom:0
    }
}
container-listing wrapper-listing wrapper-title h2,container-listing wrapper-listing wrapper-title h3,container-listing wrapper-listing wrapper-title h4{
    line-height:1.2;
    font-size:32px;
    font-family:Gilroy-Bold;
    font-weight:400;
    color:#212121
}
@media (max-width:768px){
    container-listing wrapper-listing wrapper-title h2,container-listing wrapper-listing wrapper-title h3,container-listing wrapper-listing wrapper-title h4{
        font-size:18px
    }
}
container-listing wrapper-listing basic-title{
    display:inline-block;
    background:linear-gradient(100deg,#3ebeed 40%,#fff);
    padding:0 37px 0 10px;
    color:#fff;
    margin-bottom:5px;
    line-height:24px;
    font-size:13px;
    font-family:Gilroy-Bold;
    font-weight:400;
    text-transform:uppercase
}
container-listing wrapper-listing basic-subtitle{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#a0a0a0
}
container-listing wrapper-listing wrapper-description{
    width:calc(100% - 380px);
    color:#212121
}
@media (max-width:768px){
    container-listing wrapper-listing wrapper-description{
        width:65%
    }
}
container-listing wrapper-listing wrapper-wysiwyg{
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    line-height:1.3
}
@media (max-width:768px){
    container-listing wrapper-listing wrapper-wysiwyg{
        display:none
    }
}
publication-wrapper{
    display:flex;
    position:relative
}
publication-date{
    display:flex;
    justify-content:center;
    z-index:1;
    overflow:hidden;
    text-align:center;
    text-transform:uppercase;
    font-family:Gilroy-Regular;
    font-weight:400;
    font-size:18px;
    line-height:1.2;
    color:rgba(33,33,33,.35);
    max-width:1140px;
    margin:40px auto;
    height:100%;
    width:100%;
    display:flex;
    position:relative
}
@media (max-width:1140px){
    publication-date{
        width:992px
    }
}
@media (max-width:992px){
    publication-date{
        width:768px
    }
}
@media (max-width:768px){
    publication-date{
        width:100%
    }
}
@media (max-width:480px){
    publication-date{
        width:100%
    }
}
@media (max-width:320px){
    publication-date{
        width:98%
    }
}
@media (max-width:768px){
    publication-date{
        margin-bottom:25px
    }
    publication-date{
        font-size:16px;
        margin:25px 0
    }
}
publication-date:before{
    border-top:1px solid rgba(33,33,33,.35);
    content:"";
    margin:0 auto;
    position:absolute;
    top:12px;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
}
publication-date span{
    padding:0 10px;
    background-color:#fff
}
publication-date b,publication-date strong{
    font-family:Gilroy-Bold;
    font-weight:400
}
.listing_pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    padding:7px 20px;
    border-radius:26px;
    box-shadow:0 0 10px rgba(0,0,0,.1607843137);
    font-size:18px;
    font-family:Gilroy-SemiBold;
    font-weight:400
}
@media (max-width:768px){
    .listing_pagination{
        font-size:13px;
        padding:5px
    }
}
.listing_pagination li{
    min-width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 5px;
    text-align:center;
    color:#34bdef
}
.listing_pagination li.next,.listing_pagination li.prev{
    width:auto
}
.listing_pagination li.active{
    border-radius:50%;
    background-color:#34bdef;
    color:#ffea00
}
.listing_pagination li a{
    padding:0 2px
}
.listing_pagination li a:hover{
    border-radius:50px;
    background-color:#34bdef;
    color:#ffea00
}
.listing_pagination li.next a:hover,.listing_pagination li.prev a:hover{
    border-radius:0;
    background-color:transparent;
    color:#34bdef
}
.listing_pagination li.next a,.listing_pagination li.prev a{
    position:relative
}
.listing_pagination li.next a{
    padding-right:20px
}
@media (max-width:768px){
    .listing_pagination li.next a{
        padding-right:15px
    }
}
.listing_pagination li.next a::after{
    background-image:url(img/icons/chevron-blue.svg);
    background-size:15px 15px;
    background-repeat:no-repeat;
    content:"";
    height:15px;
    width:15px;
    position:absolute;
    top:8px;
    right:0
}
.listing_pagination li.prev a{
    padding-left:20px
}
@media (max-width:768px){
    .listing_pagination li.prev a{
        padding-left:15px
    }
}
.listing_pagination li.prev a::after{
    background-image:url(img/icons/chevron-blue.svg);
    background-size:15px 15px;
    background-repeat:no-repeat;
    content:"";
    height:15px;
    width:15px;
    position:absolute;
    top:8px;
    left:0;
    transform:rotate(180deg)
}
.listing_pagination a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    width:100%;
    text-decoration:none
}
.listing_news .camping-actualite{
    margin-bottom:50px
}
.map-holder{
    height:560px;
    width:100%
}
.camping-description .description-content h3{
    font-size:26px;
    font-family:Gilroy-Bold!important;
    line-height:1.1;
    color:#212121;
    margin:35px 0
}
.camping-description .description-content p{
    line-height:24px;
    margin:0 0 25px 0
}
.comments-block p{
    line-height:24px;
    font-size:18px;
    font-family:Gilroy-Regular;
    color:#fff
}
.star-block-body-content p{
    font-size:18px;
    font-family:Gilroy-Regular;
    color:#fff
}
.detail_owner .camping-information-pratiques{
    margin-bottom:60px
}
@media (max-width:992px){
    .detail_owner .camping-information-pratiques{
        margin-bottom:50px
    }
}
@media (max-width:768px){
    .detail_owner .camping-information-pratiques{
        margin-bottom:30px
    }
}
.detail_owner .camping-star .star-block-content{
    width:calc(100% - 450px);
    margin:auto
}
.detail_owner .comments-block card-border{
    width:auto
}
.detail_owner .comments-block comment-wrapper{
    margin-top:0!important;
    text-align:center
}
.detail_owner comment-wrapper .title{
    margin-bottom:10px;
    display:block;
    text-align:center
}
.detail_owner camping-star star-block .star-block-content{
    width:100%!important
}
.detail_owner h1,.detail_owner h2,.detail_owner h3{
    text-align:center
}
@media (max-width:768px){
    .detail_owner head-contents.mtb_70{
        margin-top:35px;
        margin-bottom:20px
    }
    .detail_owner .camping-description{
        margin-bottom:50px
    }
    .detail_owner .camping-description .camping-description-wrapper{
        flex-direction:column
    }
    .detail_owner .camping-description .camping-description-wrapper .right-container{
        width:100%
    }
    .detail_owner .camping-description .camping-description-wrapper .right-container .comments-block card-border comment-wrapper{
        display:flex;
        flex-direction:column;
        margin-top:0
    }
    .detail_owner .camping-description .camping-description-wrapper .right-container .adresse,.detail_owner .camping-description .camping-description-wrapper .right-container .btn-visit-camping,.detail_owner .camping-description .camping-description-wrapper .right-container .map-location{
        display:block
    }
    .detail_owner .camping-description .description .description-content{
        margin-bottom:0
    }
}
.detail_owner .camping-star{
    margin-top:0
}
@media (max-width:768px){
    .detail_owner .camping-star .star-block-content .star-block-body-content{
        margin-bottom:0
    }
    .detail_owner .cms_img_solo{
        height:220px
    }
}
.detail_owner .camping-enviroinement-slider-holder{
    margin-bottom:35px
}
@media (max-width:768px){
    .detail_owner .camping-enviroinement-slider-holder{
        margin-bottom:0
    }
}
.detail_owner .camping-actualite{
    margin-bottom:0
}
@media (max-width:768px){
    .detail_owner wrapper-map{
        height:220px;
        margin-bottom:60px!important;
        padding:0 15px;
        width:calc(100% - 30px)
    }
    .detail_owner wrapper-map img{
        height:100%
    }
}
@media screen and (max-width:768px){
    .advices .cms_headtitle{
        padding-top:30px
    }
}
.advices,.advices_container{
    position:relative
}
.advices_container{
    z-index:2;
    display:flex;
    flex-direction:column!important;
    margin-bottom:20px;
    padding-top:50px
}
.advices_container h2{
    margin-bottom:40px
}
.advices_container .listing_pagination li{
    margin:0
}
.advices_camping{
    display:flex;
    margin-bottom:40px
}
@media screen and (max-width:768px){
    .advices_camping{
        flex-direction:column;
        margin-bottom:40px
    }
}
.advices_camping>div{
    width:50%
}
@media screen and (max-width:768px){
    .advices_camping>div{
        width:100%
    }
}
.advices_camping>div:first-of-type{
    padding-right:15px
}
@media screen and (max-width:768px){
    .advices_camping>div:first-of-type{
        padding-right:0;
        margin-bottom:20px
    }
}
.advices_camping>div:last-of-type{
    padding-left:15px
}
@media screen and (max-width:768px){
    .advices_camping>div:last-of-type{
        padding-left:0
    }
}
.advices_camping .rates{
    z-index:1
}
.advices_camping .rates .note-resume{
    width:100%;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-bottom:10px
}
.advices_camping .rates .note-resume .top-content{
    flex-wrap:wrap;
    justify-content:flex-start;
    width:100%;
    height:37px
}
.advices_camping .rates note-bar{
    width:100%;
    height:10px;
    position:relative
}
.advices_camping .rates note-bar:after{
    content:"";
    height:100%;
    background-color:#34bdef;
    position:absolute;
    top:0;
    left:0;
    width:var(--rating)!important
}
.advices_camping camping-note-info{
    display:flex;
    align-items:center;
    margin-bottom:40px
}
@media screen and (min-width:769px) and (max-width:1140px){
    .advices_camping camping-note-info{
        flex-direction:column
    }
}
@media screen and (max-width:768px){
    .advices_camping camping-note-info{
        margin-bottom:20px
    }
}
@media screen and (max-width:480px){
    .advices_camping camping-note-info{
        flex-direction:column
    }
}
.advices_camping camping-note-info span{
    margin-right:10px
}
@media screen and (min-width:769px) and (max-width:1140px){
    .advices_camping camping-note-info span{
        margin-bottom:10px;
        margin-right:0
    }
}
@media screen and (max-width:480px){
    .advices_camping camping-note-info span{
        margin-bottom:10px;
        margin-right:0
    }
}
.advices_camping camping-note-info .camping-rate{
    padding:7px 15px;
    border-radius:5px;
    margin-right:10px
}
@media screen and (min-width:769px) and (max-width:1140px){
    .advices_camping camping-note-info .camping-rate{
        margin-bottom:10px;
        margin-right:0
    }
}
@media screen and (max-width:480px){
    .advices_camping camping-note-info .camping-rate{
        margin-bottom:10px;
        margin-right:0
    }
}
.advices_camping block-camping{
    width:100%;
    min-height:0;
    margin-bottom:20px;
    box-shadow:none;
    border-radius:0;
    background-color:transparent
}
.advices_camping block-camping a{
    padding:0
}
.advices_camping block-camping camping-img-holder{
    min-height:170px
}
.advices_camping block-camping camping-location{
    margin-top:0
}
.advices_camping wrapper-buttons{
    display:flex
}
@media screen and (max-width:480px){
    .advices_camping wrapper-buttons{
        flex-direction:column
    }
    .advices_camping wrapper-buttons .btn{
        margin-right:auto;
        margin-left:auto
    }
}
.advices_camping wrapper-buttons .btn:first-of-type{
    margin-right:30px
}
@media screen and (max-width:480px){
    .advices_camping wrapper-buttons .btn:first-of-type{
        margin-right:auto;
        margin-bottom:15px;
        margin-top:15px
    }
}
.advices_camping wrapper-buttons .btn-blue-52{
    border:2px solid #34bdef
}
.advices_camping wrapper-buttons .btn-blue-52:hover{
    background-color:#ffea00;
    color:#34bdef
}
.advices_camping camping-rate-star{
    display:flex;
    margin-bottom:15px
}
.advices_camping camping-rate-star rate-star{
    height:20px;
    width:20px
}
card-advice{
    display:flex;
    flex-direction:column;
    padding:25px 50px;
    margin-bottom:20px;
    border-radius:12px;
    box-shadow:0 5px 35px rgba(0,0,0,.1019607843);
    background:#fff
}
@media screen and (max-width:768px){
    card-advice{
        padding:15px 30px
    }
}
card-advice:last-of-type{
    margin-bottom:50px
}
card-advice .head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px
}
@media screen and (max-width:480px){
    card-advice .head{
        flex-direction:column
    }
}
card-advice .head .pseudonym{
    line-height:1.2;
    font-family:UrsulaHandschrift;
    font-weight:400;
    font-size:26px;
    color:#34bdef
}
@media screen and (max-width:480px){
    card-advice .head .pseudonym{
        margin-bottom:10px
    }
}
card-advice .head .rates{
    display:flex
}
card-advice .head .date{
    display:flex;
    align-items:center;
    margin-right:15px;
    line-height:1.2;
    font-family:Gilroy-Regular;
    font-weight:400;
    font-size:16px;
    color:#a0a0a0
}
@media screen and (max-width:768px){
    card-advice .head .date{
        font-size:14px
    }
}
card-advice .head .note{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    min-width:35px;
    height:20px;
    border-radius:5px;
    line-height:1.2;
    font-family:Gilroy-SemiBold;
    font-weight:400;
    font-size:16px;
    color:#fff;
    background-color:#f39200
}
card-advice .content{
    display:flex;
    flex-direction:column;
    color:#212121
}
card-advice .content .title{
    line-height:1.2;
    margin-bottom:5px;
    font-family:Gilroy-Bold;
    font-weight:400;
    font-size:26px
}
@media screen and (max-width:768px){
    card-advice .content .title{
        font-size:24px
    }
}
card-advice .content .description{
    line-height:1.3;
    font-family:Gilroy-Regular;
    font-weight:400;
    font-size:18px;
    color:#212121
}
@media screen and (max-width:768px){
    card-advice .content .description{
        font-size:16px
    }
}
.advices .pine-cone-2-holder{
    width:500px;
    height:510px;
    position:absolute;
    right:-180px;
    top:0;
    z-index:1
}
@media screen and (max-width:1140px){
    .advices .pine-cone-2-holder{
        width:400px;
        height:410px;
        right:-150px
    }
}
.advices .plastic_ball{
    position:absolute;
    width:350px;
    height:365px;
    left:-130px;
    bottom:-15px;
    z-index:1
}
@media screen and (max-width:1140px){
    .advices .plastic_ball{
        width:250px;
        height:265px;
        right:-100px;
        bottom:-10px
    }
}
.advices .truck{
    position:absolute;
    width:430px;
    height:480px;
    right:-150px;
    bottom:-25px;
    z-index:1
}
@media screen and (max-width:1140px){
    .advices .truck{
        width:430px;
        height:380px;
        bottom:-10px
    }
}
regions-wrapper default-regions-display{
    display:flex
}
@media (max-width:768px){
    regions-wrapper default-regions-display{
        display:none
    }
}
regions-wrapper responsive-regions-display{
    display:flex;
    flex-wrap:wrap
}
@media (min-width:768px){
    regions-wrapper responsive-regions-display{
        display:none
    }
}
regions-wrapper responsive-regions-display regions-wrapper{
    display:flex;
    flex-wrap:wrap;
    border-radius:0!important;
    background:0 0!important
}
regions-wrapper responsive-regions-display regions-wrapper default-selected{
    display:flex;
    align-items:center;
    border-radius:26px;
    padding:18px 18px;
    color:#fff;
    background:#34bdef;
    width:100%;
    position:relative;
    font-size:16px
}
regions-wrapper responsive-regions-display regions-wrapper default-selected img{
    height:15px;
    width:15px;
    position:absolute;
    right:25px;
    transform:rotate(90deg);
    transition:.3s;
    object-fit:contain
}
regions-wrapper responsive-regions-display regions-wrapper default-selected:hover{
    cursor:pointer
}
regions-wrapper responsive-regions-display regions-wrapper.opend default-selected img{
    transform:rotate(270deg)
}
regions-wrapper responsive-regions-display regions-wrapper camping-select-options{
    display:flex;
    flex-wrap:wrap;
    height:0;
    overflow:hidden;
    transition:.3s;
    border-radius:0 0 26px 26px;
    margin-top:10px;
    background:#fff
}
regions-wrapper responsive-regions-display regions-wrapper camping-select-options.opend{
    height:360px
}
regions-wrapper responsive-regions-display regions-wrapper camping-select-options region-wrapper{
    width:100%;
    color:#34bdef;
    padding:14px 25px!important;
    margin-right:0!important;
    margin-top:5px;
    margin-bottom:10px;
    font-size:16px
}
regions-wrapper responsive-regions-display regions-wrapper camping-select-options region-wrapper:hover{
    cursor:pointer
}
cookies-headband{
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    line-height:1.2;
    padding:10px 30px;
    font-family:Gilroy-regular;
    background:rgba(33,33,33,.6)
}
@media (max-width:768px){
    cookies-headband{
        flex-direction:column
    }
}
cookies-headband .disclaimer{
    margin-bottom:0;
    margin-right:15px;
    font-size:18px;
    color:#fff
}
@media (max-width:768px){
    cookies-headband .disclaimer{
        text-align:center;
        margin-bottom:15px;
        margin-right:0;
        font-size:14px
    }
}
cookies-headband .btn,cookies-headband button{
    white-space:nowrap;
    line-height:1;
    padding:10px 35px;
    border-radius:26px;
    border:2px solid #34bdef;
    font-family:Gilroy-SemiBold;
    background:#3ebeed;
    color:#fff;
    transition:.3s
}
cookies-headband .btn:hover,cookies-headband button:hover{
    background:#fff;
    color:#34bdef
}
@media (max-width:768px){
    cookies-headband .btn,cookies-headband button{
        padding-top:8px;
        padding-bottom:8px;
        font-size:15px
    }
}
block-challenge.block-challenge{
    min-height:550px;
    background-image:url(img/xblock-challenge.png.pagespeed.ic.ehjCzAljKU.jpg);
    display:flex;
    background-position:center center;
    background-size:cover;
    position:relative
}
block-challenge.block-challenge main-content{
    height:100%;
    position:absolute;
    width:100%
}
block-challenge.block-challenge pine-holder{
    height:245px;
    width:220px;
    display:flex;
    top:-25%;
    position:absolute;
    right:-90px
}
block-challenge.block-challenge block-wrapper{
    align-items:center
}
@media (max-width:768px){
    block-challenge.block-challenge block-wrapper article[class^="block"]{
        width:100%!important
    }
}
block-challenge.block-challenge block-contain{
    padding:10px;
    border-radius:20px;
    box-sizing:border-box;
    margin-left:auto;
    width:40%;
    z-index:1;
    min-height:430px
}
@media (max-width:1139px){
    block-challenge.block-challenge block-contain{
        width:45%
    }
}
@media (max-width:991px){
    block-challenge.block-challenge block-contain{
        width:55%
    }
}
@media (max-width:768px){
    block-challenge.block-challenge block-contain{
        width:100%!important;
        margin-right:0;
        min-height:300px
    }
}
block-challenge.block-challenge block-contain info-basic{
    margin-left:20px
}
block-challenge.block-challenge block-contain h2.title-actualite{
    line-height:40px;
    margin-left:20px
}
@media (max-width:320px){
    block-challenge.block-challenge block-contain h2.title-actualite{
        line-height:32px
    }
}
block-challenge.block-challenge block-contain img-wrapper-actualite{
    height:155px;
    width:100%
}
@media (max-width:320px){
    block-challenge.block-challenge block-contain img-wrapper-actualite{
        height:145px
    }
}
block-challenge.block-challenge block-contain button{
    padding:15px 60px;
    box-sizing:border-box;
    width:auto;
    margin-top:15px;
    margin-left:20px
}
coup-de-projecteur.coup-de-projecteur{
    position:relative;
    margin-top:70px;
    flex-direction:column;
    display:flex
}
@media (max-width:768px){
    coup-de-projecteur.coup-de-projecteur{
        margin-top:30px
    }
}
coup-de-projecteur.coup-de-projecteur environment-content star-fish-holder{
    width:320px;
    height:330px;
    display:block;
    position:absolute;
    left:-170px
}
coup-de-projecteur.coup-de-projecteur environment-content sea-sand-holder{
    position:absolute;
    width:670px;
    height:485px;
    display:block;
    left:-240px;
    bottom:-95px;
    z-index:1
}
coup-de-projecteur.coup-de-projecteur environment-content sea-shell-1-holder{
    position:absolute;
    width:164px;
    height:135px;
    display:block;
    top:30%
}
coup-de-projecteur.coup-de-projecteur environment-content sea-shell-2-holder{
    position:absolute;
    width:110px;
    height:105px;
    display:block;
    top:37%;
    left:1%
}
coup-de-projecteur.coup-de-projecteur environment-content grasse-holder{
    height:560px;
    width:700px;
    right:-355px;
    display:block;
    position:absolute;
    top:-20%
}
coup-de-projecteur.coup-de-projecteur evenments-blocs{
    display:flex;
    margin-top:50px;
    flex-direction:column;
    height:100%;
    position:relative;
    overflow:visible
}
coup-de-projecteur.coup-de-projecteur evenments-blocs block-wrapper article:hover{
    cursor:pointer
}
coup-de-projecteur.coup-de-projecteur evenments-blocs article.block-small{
    max-height:125px;
    overflow:hidden
}
coup-de-projecteur.coup-de-projecteur evenments-blocs article.block-small h2{
    font-size:18px
}
@media (max-width:768px){
    coup-de-projecteur.coup-de-projecteur evenments-blocs{
        display:none;
        flex-wrap:wrap;
        flex-direction:initial;
        margin-top:0
    }
}
coup-de-projecteur.coup-de-projecteur evenments-blocs eventment-container{
    display:flex;
    height:600px
}
coup-de-projecteur.coup-de-projecteur evenments-blocs eventment-container block-type{
    max-width:760px!important
}
coup-de-projecteur.coup-de-projecteur evenments-blocs all-evenments{
    margin:30px auto;
    z-index:1;
    margin-bottom:100px
}
coup-de-projecteur.coup-de-projecteur evenments-blocs all-evenments button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto
}
coup-de-projecteur.coup-de-projecteur evenments-blocs bullet-buttons{
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}
@media (min-width:768px){
    coup-de-projecteur.coup-de-projecteur evenments-blocs bullet-buttons{
        display:none
    }
}
coup-de-projecteur.coup-de-projecteur evenments-blocs bullet-buttons bullet-slide{
    display:block;
    width:13px;
    height:13px;
    background:#dcdcdc;
    border-radius:50%;
    margin-right:.8rem;
    cursor:pointer
}
coup-de-projecteur.coup-de-projecteur evenments-blocs bullet-buttons bullet-slide.is-active{
    background-color:#34bdef
}
coup-de-projecteur.coup-de-projecteur main-content{
    position:relative
}
coup-de-projecteur evenments-blocs block-wrapper{
    overflow:hidden
}
coup-de-projecteur evenments-blocs block-wrapper .block-medium a{
    height:100%;
    overflow:hidden
}
star-campings.star-campings{
    margin-top:70px;
    flex-direction:column;
    display:flex;
    background-repeat:repeat;
    position:relative
}
star-campings.star-campings .main-content{
    background-image:url(img/xsable-motif.png.pagespeed.ic.aFGKamgM-M.jpg);
    display:flex;
    background-repeat:repeat;
    position:relative;
    flex-direction:column
}
star-campings.star-campings .main-content::after,star-campings.star-campings .main-content::before{
    content:"";
    background-image:url(img/bg-sable-bords.png);
    width:100%;
    height:193px;
    position:absolute;
    transform:rotate(180deg);
    top:-85px;
    z-index:-1
}
star-campings.star-campings .main-content::after{
    top:initial;
    z-index:0;
    bottom:0;
    transform:rotate(0)
}
star-campings.star-campings head-contents{
    z-index:5
}
star-campings.star-campings main-content{
    z-index:1
}
star-campings.star-campings environment-content{
    z-index:4
}
star-campings.star-campings environment-content sea-shell-1-holder{
    width:165px;
    height:135px;
    position:absolute;
    left:25%
}
star-campings.star-campings environment-content sea-shell-2-holder{
    width:110px;
    height:105px;
    position:absolute;
    left:5%;
    top:10%
}
star-campings.star-campings environment-content pine-cone-2-holder{
    width:500px;
    height:510px;
    position:absolute;
    right:-170px;
    top:-260px
}
star-campings.star-campings environment-content .board-holder{
    left:0;
    position:absolute;
    top:290px
}
star-campings.star-campings regions-wrapper{
    justify-content:center
}
star-campings.star-campings regions-wrapper regions-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    border-radius:35px;
    background:#f0f0f0;
    padding:6px 5px
}
star-campings.star-campings regions-wrapper regions-wrapper region-wrapper{
    margin-right:5px;
    padding:10px;
    cursor:pointer
}
star-campings.star-campings regions-wrapper regions-wrapper region-wrapper:hover{
    background:#34bdef;
    display:flex;
    align-items:center;
    border-radius:26px;
    padding:10px;
    color:#fff
}
@media (max-width:768px){
    star-campings.star-campings regions-wrapper regions-wrapper region-wrapper:hover{
        background:0 0;
        display:flex;
        align-items:center;
        border-radius:0;
        color:#34bdef
    }
}
star-campings.star-campings regions-wrapper regions-wrapper region-wrapper.selected{
    background:#34bdef;
    display:flex;
    align-items:center;
    border-radius:26px;
    padding:10px;
    color:#fff
}
star-campings.star-campings star-camping-blocks{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    flex-basis:150px;
    margin:40px auto
}
@media (max-width:768px){
    star-campings.star-campings star-camping-blocks{
        width:calc(100% - 30px)
    }
}
star-campings.star-campings star-camping-blocks block-camping{
    margin-bottom:25px
}
@media (max-width:480px){
    star-campings.star-campings star-camping-blocks block-camping{
        height:auto
    }
}
star-campings.star-campings star-camping-blocks block-camping,star-campings.star-campings star-camping-blocks block-camping a{
    cursor:pointer;
    transition:all .3s ease-in-out
}
star-campings.star-campings star-camping-blocks block-camping a:hover,star-campings.star-campings star-camping-blocks block-camping:hover{
    box-shadow:0 0 10px
}
@media (max-width:480px){
    star-campings.star-campings star-camping-blocks camping-info-head{
        display:none
    }
}
star-campings.star-campings star-camping-blocks camping-info camping-title{
    height:auto
}
star-campings.star-campings star-camping-blocks camping-promo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin-left:auto;
    font-size:13px!important
}
@media (max-width:480px){
    star-campings.star-campings star-camping-blocks camping-promo{
        display:none
    }
}
star-campings.star-campings all-campings{
    margin:30px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:100px
}
@media (max-width:768px){
    star-campings.star-campings all-campings{
        margin-bottom:50px
    }
}
star-campings.star-campings all-campings button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto
}
star-campings.star-campings camping-title.inline-star h2{
    display:inline;
    margin-right:5px
}
star-campings.star-campings camping-title.inline-star rate-star{
    display:inline-block
}
vacations-post-block.vacations-post-block{
    position:relative;
    display:flex;
    flex-direction:column;
    margin-top:50px
}
vacations-post-block.vacations-post-block environment-content pine-holder{
    width:220px;
    height:215px;
    position:absolute;
    top:10%;
    z-index:2;
    transform:rotateY(180deg)
}
@media (max-width:992px){
    vacations-post-block.vacations-post-block environment-content pine-holder{
        left:-105px
    }
}
vacations-post-block.vacations-post-block environment-content star-fish-holder{
    width:320px;
    height:330px;
    position:absolute;
    bottom:-50%
}
vacations-post-block.vacations-post-block environment-content sea-shell-1-holder{
    width:165px;
    height:135px;
    position:absolute;
    bottom:-40%;
    right:5%
}
vacations-post-block.vacations-post-block environment-content sea-shell-2-holder{
    width:100px;
    height:95px;
    position:absolute;
    bottom:-20%;
    right:1%
}
vacations-post-block.vacations-post-block .pr-15{
    margin-right:15px;
    box-sizing:border-box
}
vacations-post-block.vacations-post-block .mb-15{
    margin-bottom:15px;
    box-sizing:border-box
}
vacations-post-block.vacations-post-block head-contents social-network{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:15px
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block head-contents social-network{
        flex-direction:column
    }
}
vacations-post-block.vacations-post-block head-contents social-network social-ul{
    display:flex;
    width:150px;
    justify-content:flex-start
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block head-contents social-network social-ul{
        margin-top:20px
    }
}
vacations-post-block.vacations-post-block head-contents social-network social-ul social-li{
    display:flex;
    height:25px;
    width:27px;
    margin-left:15px
}
vacations-post-block.vacations-post-block head-contents social-network social-ul social-li>a img{
    object-fit:contain
}
vacations-post-block.vacations-post-block vacation-slider-holder{
    display:flex;
    position:relative;
    flex-direction:row
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-slider-holder{
        flex-wrap:wrap
    }
}
vacations-post-block.vacations-post-block vacation-slider-holder .slider-box-shadows left-shadow,vacations-post-block.vacations-post-block vacation-slider-holder .slider-box-shadows right-shadow{
    height:565px;
    top:0
}
vacations-post-block.vacations-post-block vacation-block-slider{
    width:100%;
    height:560px;
    display:flex;
    position:relative
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider{
        display:none
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-slide-wrapper{
    width:100%;
    height:560px;
    display:flex;
    position:relative;
    flex-wrap:nowrap
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-slide-wrapper{
        height:400px
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1{
    display:flex;
    height:100%;
    width:740px;
    margin-right:20px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper{
    display:flex;
    width:50%;
    flex-wrap:wrap
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    align-items:center;
    padding:8px;
    box-sizing:border-box;
    height:360px;
    position:relative
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper{
        width:100%
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper user-photo{
    height:70px;
    width:70px;
    border-radius:50%;
    overflow:hidden;
    margin:auto
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper user-photo{
        display:none
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper location-wrapper{
    display:flex;
    width:85%;
    margin:auto;
    align-items:center;
    justify-content:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper location-wrapper pin-wrapper{
    height:20px;
    width:14px;
    display:flex;
    margin-right:11px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper date-of-publication{
    text-align:center;
    margin:11px auto 0 auto;
    display:flex;
    align-items:center;
    color:#fff;
    opacity:50%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper comment-wrapper{
    line-height:24px;
    max-height:50%;
    overflow:hidden;
    width:85%;
    margin:0 auto;
    text-align:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper top-wrapper author-wrapper{
    text-align:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper bottom-wrapper{
    display:flex;
    height:175px;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper bottom-wrapper left-wrapper,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper bottom-wrapper right-wrapper{
    width:50%;
    overflow:hidden;
    border-radius:12px;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper bottom-wrapper left-wrapper:before,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper bottom-wrapper right-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2);
    pointer-events:none
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 left-wrapper bottom-wrapper left-wrapper{
    margin-right:20px;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper{
    display:flex;
    width:50%;
    flex-wrap:wrap
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper top-wrapper{
    display:flex;
    height:360px;
    background:#1a0dab;
    width:100%;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper top-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2);
    pointer-events:none
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper bottom-wrapper{
    display:flex;
    height:175px;
    width:100%;
    border-radius:12px;
    overflow:hidden;
    flex-direction:column;
    margin:0 auto;
    align-items:center;
    padding:8px;
    box-sizing:border-box
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper bottom-wrapper card-border{
    border-radius:12px;
    justify-content:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper bottom-wrapper date-of-publication{
    text-align:center;
    margin:11px auto 5px auto;
    display:flex;
    align-items:center;
    color:#fff;
    opacity:50%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-1 right-wrapper bottom-wrapper comment-wrapper{
    line-height:24px;
    max-height:70px;
    overflow:hidden;
    width:80%;
    margin:0 auto;
    text-align:center;
    margin-bottom:13px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2{
    display:flex;
    height:100%;
    flex-wrap:wrap;
    width:560px;
    margin-right:20px
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2{
        width:auto!important;
        flex-wrap:wrap
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper{
    height:175px;
    display:flex;
    width:100%
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper{
        height:50%
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper left-wrapper{
    width:35%;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper left-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2);
    pointer-events:none
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper left-wrapper{
        width:calc(47% - 10px)
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper right-wrapper{
    width:65%;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper right-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2);
    pointer-events:none
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 top-wrapper right-wrapper{
        width:calc(47% - 10px)
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper{
    height:65%;
    display:flex;
    width:100%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper card-border{
    border-radius:12px;
    justify-content:center
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper{
        height:50%
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper{
    width:65%;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    align-items:center;
    padding:8px;
    box-sizing:border-box
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper{
        width:100%
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper user-photo{
    height:70px;
    width:70px;
    border-radius:50%;
    overflow:hidden;
    margin:auto
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper user-photo{
        display:none
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper location-wrapper{
    display:flex;
    width:85%;
    margin:auto;
    align-items:center;
    justify-content:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper location-wrapper pin-wrapper{
    height:20px;
    width:14px;
    display:flex;
    margin-right:11px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper date-of-publication{
    text-align:center;
    margin:11px auto 0 auto;
    display:flex;
    align-items:center;
    color:#fff;
    opacity:50%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper comment-wrapper{
    line-height:24px;
    max-height:50%;
    overflow:hidden;
    width:85%;
    margin:0 auto;
    text-align:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper left-wrapper author-wrapper{
    text-align:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper{
    width:35%;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper{
        display:none
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper img,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper social-network-info{
    display:flex;
    border-radius:12px;
    overflow:hidden
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper bottom-img social-icon img,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper top-img social-icon img{
    border-radius:0!important
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper bottom-img,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper top-img{
    border-radius:12px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper bottom-img,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper top-img{
    position:relative;
    overflow:hidden
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper bottom-img:before,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-2 bottom-wrapper right-wrapper top-img:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2);
    pointer-events:none
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3{
    display:flex;
    width:180px;
    margin-right:20px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper{
    height:100%;
    display:none;
    width:70%;
    flex-wrap:wrap;
    align-items:flex-start
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper card-border{
    border-radius:12px;
    justify-content:center
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper{
        height:50%
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    align-items:center;
    padding:8px;
    box-sizing:border-box;
    height:calc(70% - 25px);
    margin-bottom:20px
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper{
        width:100%
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper user-photo{
    height:70px;
    width:70px;
    border-radius:50%;
    overflow:hidden;
    margin:auto
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper user-photo{
        display:none
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper location-wrapper{
    display:flex;
    width:85%;
    margin:auto;
    align-items:center;
    justify-content:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper location-wrapper pin-wrapper{
    height:20px;
    width:14px;
    display:flex;
    margin-right:11px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper date-of-publication{
    text-align:center;
    margin:11px auto 0 auto;
    display:flex;
    align-items:center;
    color:#fff;
    opacity:50%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper comment-wrapper{
    line-height:24px;
    max-height:35%;
    overflow:hidden;
    width:85%;
    margin:0 auto;
    text-align:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper top-wrapper author-wrapper{
    text-align:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper bottom-wrapper{
    height:31%;
    display:flex;
    flex-wrap:wrap;
    width:100%
}
@media (max-width:768px){
    vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper bottom-wrapper{
        display:none
    }
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper bottom-wrapper left-wrapper{
    margin-right:15px
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper bottom-wrapper left-wrapper,vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 left-wrapper bottom-wrapper right-wrapper{
    display:flex;
    border-radius:12px;
    width:calc((100% - 15px)/ 2);
    overflow:hidden
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    height:100%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper top-wrapper{
    display:flex;
    height:175px;
    width:100%;
    border-radius:12px;
    overflow:hidden;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper top-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2)
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper bottom-wrapper{
    display:flex;
    height:calc(100% - 175px - 15px);
    width:100%;
    border-radius:12px;
    overflow:hidden;
    flex-direction:column;
    margin:0 auto;
    box-sizing:border-box;
    position:relative
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper bottom-wrapper:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.2)
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper bottom-wrapper card-border{
    border-radius:12px;
    justify-content:center
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper bottom-wrapper date-of-publication{
    text-align:center;
    margin:11px auto 5px auto;
    display:flex;
    align-items:center;
    color:#fff;
    opacity:50%
}
vacations-post-block.vacations-post-block vacation-block-slider vacation-style-block-3 right-wrapper bottom-wrapper comment-wrapper{
    line-height:24px;
    max-height:70px;
    overflow:hidden;
    width:80%;
    margin:0 auto;
    text-align:center;
    margin-bottom:13px
}
vacations-post-block.vacations-post-block vacation-block-slider submit-post{
    margin:30px auto;
    width:auto
}
vacations-post-block.vacations-post-block vacation-block-slider submit-post button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto
}
vacation-style-block-1 left-wrapper top-wrapper.avis-complete card-border,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border,vacation-style-block-2 bottom-wrapper left-wrapper.avis-complete card-border{
    border-radius:12px;
    display:flex;
    width:100%;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    padding:10px;
    box-sizing:border-box
}
vacation-style-block-1 left-wrapper top-wrapper.avis-complete card-border>*,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border>*,vacation-style-block-2 bottom-wrapper left-wrapper.avis-complete card-border>*{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:100%
}
vacation-style-block-1 left-wrapper top-wrapper.avis-complete card-border .user-photo,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border .user-photo,vacation-style-block-2 bottom-wrapper left-wrapper.avis-complete card-border .user-photo{
    height:0;
    width:0;
    margin:0
}
.camping-title{
    align-items:center;
    justify-content:space-between!important
}
.camping-title pin-wrapper{
    width:6%
}
.camping-title span{
    width:93%
}
notice-content.notice-content card-border author-wrapper,notice-content.notice-content card-border average-rating,notice-content.notice-content card-border camping-title,notice-content.notice-content card-border review-title,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border author-wrapper,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border average-rating,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border camping-title,vacation-style-block-1 right-wrapper bottom-wrapper.avis-teaser card-border review-title{
    display:none
}
a.review-slide-anchor{
    height:100%
}
stars-du-jours.stars-du-jours{
    height:700px;
    display:flex;
    position:relative;
    box-sizing:border-box;
    padding:20px
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours{
        height:100%;
        padding:25px
    }
}
stars-du-jours.stars-du-jours environment-content grasse-holder{
    width:560px;
    height:710px;
    display:flex;
    top:-35%;
    position:absolute;
    left:-7%;
    transform:rotateY(180deg) rotateZ(45deg)
}
stars-du-jours.stars-du-jours environment-content camping-truck-holder{
    height:430px;
    width:480px;
    display:flex;
    bottom:-20%;
    position:absolute;
    z-index:2
}
stars-du-jours.stars-du-jours environment-content dotted-lines{
    display:flex;
    right:0;
    position:absolute;
    bottom:0
}
stars-du-jours.stars-du-jours environment-content iron-ball-holder{
    display:flex;
    width:600px;
    height:400px;
    position:absolute;
    right:-295px;
    top:-30%
}
stars-du-jours.stars-du-jours environment-content plastic-ball-holder{
    width:350px;
    height:365px;
    position:absolute;
    right:-110px;
    bottom:-20%
}
stars-du-jours.stars-du-jours main-content{
    width:100%
}
stars-du-jours.stars-du-jours card-border{
    border:1px solid #fff;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:row
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours card-border{
        padding-bottom:10px
    }
}
stars-du-jours.stars-du-jours stars-du-jour{
    margin:0 auto;
    align-items:center
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour{
        flex-wrap:wrap
    }
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder{
    width:53%;
    display:flex;
    height:90%;
    border-radius:50%;
    justify-content:flex-end;
    align-items:center;
    position:relative;
    clip-path:circle(100%);
    background:#bee7fe
}
@media (max-width:1140px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder{
        height:76%;
        width:50%
    }
}
@media (max-width:992px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder{
        height:65%;
        width:56%;
        right:15px
    }
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder{
        width:200px;
        height:200px;
        justify-content:center;
        margin:auto;
        margin-top:-18px;
        top:0;
        left:0
    }
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder img{
    width:80%;
    height:80%;
    right:15px;
    object-fit:cover;
    display:flex;
    position:absolute
}
@media (max-width:992px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder img{
        width:85%;
        height:85%;
        right:10px
    }
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-image-holder img{
        width:80%;
        height:80%;
        right:5px
    }
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content{
    display:flex;
    flex-direction:column;
    width:45%;
    margin:auto
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content{
        width:100%;
        height:auto;
        padding:10px 25px
    }
}
@media (max-width:480px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content{
        padding:10px 15px
    }
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content h3{
    line-height:32px
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content h3{
        color:#ffea00!important
    }
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content h2{
    line-height:54px
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content h2{
        line-height:37px
    }
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content h4{
    margin:21px auto;
    line-height:28px;
    display:flex;
    align-items:center
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content h4 pin-wrapper{
    display:flex;
    height:20px;
    width:14px;
    margin-right:11px
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content div.description{
    line-height:24px;
    overflow:hidden
}
stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content .btn,stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content button{
    padding:10px 35px;
    box-sizing:border-box;
    width:auto;
    margin-top:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    max-width:360px
}
@media (max-width:992px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content .btn,stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content button{
        padding:15px 25px
    }
}
@media (max-width:768px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content .btn,stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content button{
        width:100%;
        margin-left:auto;
        margin-right:auto
    }
}
@media (max-width:480px){
    stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content .btn,stars-du-jours.stars-du-jours stars-du-jour star-du-jour-content button{
        padding:15px 15px;
        font-size:14px!important
    }
}

[hidden]{
    display:none!important
}

.block-small a{
    display:flex
}
.testimony img{
    width:120px;
    height:120px;
    margin-right:20px;
    border-radius:100%
}
star-du-jour-image-holder img,star-block-image-holder img{
    border-radius:100%
}
notes-resume note-bar::after{
    width:var(--rating)!important
}
timing-wrapper note-bar{
    left: calc(var(--time-minimum) / 24);
    right: calc(var(--time-maximum) / 24)
}
location-map img.map-pin{
    left:var(--x);
    bottom:var(--y)
}
.ol-attribution{
    font-family:Gilroy-Regular,sans-serif
}
slider-box-shadows{
    pointer-events:none
}
a.cms_card_li_link{
    text-decoration:none!important
}
iframe#camping-search{
    display:block;
    width:100%;
    min-height:560px
}
main-element>button{
    height:100%;
    width:100%
}
.camping-experiance .media-content .micro-elements .micro-element:last-child::before{
    pointer-events:none
}
calender-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
@media screen and (max-width:768px){
    main.detail_owner,.responsive-actualite-container event-wrapper{
        overflow:hidden
    }
}
.detail_owner camping-star{
    margin-bottom:230px
}
.detail_owner camping-star card-border{
    padding:40px 15px 25px 15px
}
.detail_owner star-block{
    flex-direction:column;
    align-items:center;
    position:static
}
.detail_owner star-block-content{
    padding-bottom:210px
}
.detail_owner star-block-image-holder{
    position:absolute!important;
    top:100%;
    margin-top:200px;
    margin-right:0!important;
    transform:translateY(-100%)
}
@media screen and (max-width:992px){
    .detail_owner star-block-image-holder{
        right:auto!important;
        width:420px!important;
        height:420px!important
    }
}
.detail_owner star-block-image-holder img{
    z-index:9
}
.detail_owner background-white{
    display:block;
    height:201px;
    width:420px;
    background:#fff;
    top:220px;
    position:absolute
}
.detail_owner environment-content grasse-holder{
    top:37%!important;
    left:-18%!important;
    transform:rotateY(180deg) rotateZ(35deg)
}
.detail_owner environment-content sea-shell-3-holder{
    width:450px;
    height:450px;
    position:absolute;
    right:-3%;
    top:22%;
    transform:rotateY(-180deg)
}
@media screen and (min-width:901px) and (max-width:1200px){
    .detail_owner environment-content sea-shell-3-holder{
        right:-12%
    }
}
@media screen and (min-width:769px) and (max-width:900px){
    .detail_owner environment-content sea-shell-3-holder{
        right:-25%
    }
    .detail_owner environment-content grasse-holder{
        left:-30%!important
    }
}
.detail_owner .testimony{
    padding:15px;
    background:#34bdef
}
.detail_owner about-participant span{
    display:block;
    margin-bottom:10px
}
.detail_owner about-participant{
    padding:15px;
    border:1px solid #fff;
    background:#34bdef
}
.detail_owner about-participant p{
    line-height:1.3;
    font-size:18px;
    font-family:Gilroy-Regular;
    font-weight:400;
    color:#fff
}
@media screen and (max-width:768px){
    .detail_owner star-block-image-holder{
        left:auto!important;
        top:0!important;
        transform:translateY(0)!important;
        width:200px!important;
        height:200px!important
    }
    .detail_owner star-block-content{
        padding-bottom:0;
        padding-top:140px
    }
    .detail_owner background-white{
        display:none
    }
    .detail_owner .camping-star{
        margin-top:70px;
        margin-bottom:30px
    }
}
#searchResultsContener{
    margin-top:25px
}
.search-block{
    margin-top:100px;
    margin-bottom:100px
}
div.destination-search{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.destination-search-clear-button{
    height:10px;
    width:10px;
    display:none
}
ul.search-region-results{
    width:100%
}
.responsive-recherche>.selected>.recherche-feature ul.search-region-results{
    margin:0
}



.gilroy-bold-16 { font-family: nunito-bold !important; }
footer-ellipse.footer-ellipse { z-index: 1001;margin-top: 0;top: inherit; }
footer.bg-blue { margin-top: -50px;z-index: 1001; }
a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
title-wrapper,
title-wrapper a,
footer footer-top.wrapper ul li icon-content title-wrapper,
footer footer-top.wrapper ul li icon-content title-wrapper a,
footer-menu-title,
footer footer-center.wrapper center-right footer-menu footer-menu-title { font-family: nunito-bold !important; }
footer footer-center.wrapper center-right footer-menu ul { padding: 0 !important; }
footer footer-center.wrapper center-left footer-social-network {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer-social-network follow-us { font-family: nunito-bold !important; }
footer footer-center.wrapper center-left footer-social-network ul.social-networks { padding: 0 !important;margin: 0 !important; }
@media (max-width: 768px) {
    footer-ellipse.footer-ellipse { margin-top: 100px !important; }
    /*footer footer-center.wrapper center-right footer-menu footer-menu-title { margin: 0; }*/
    .wrapper {
        padding: 0 40px;
    }
    footer footer-center.wrapper center-right footer-menu.opend footer-menu-title { margin-bottom: 15px; }
    footer footer-center.wrapper center-right footer-menu footer-menu-title { margin-bottom: 0; }
    
}
body.responsive-menu-opend { overflow: hidden;height: 100vh; }