@font-face{font-family:"Artelis";src:url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.otf") format("otf"),url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.ttf") format("ttf"),url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.woff") format("woff"),url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@-webkit-keyframes runner{to{-webkit-transform:translateX(-25%);transform:translateX(-25%)}}@-moz-keyframes runner{to{-moz-transform:translateX(-25%);transform:translateX(-25%)}}@keyframes runner{to{-webkit-transform:translateX(-25%);-moz-transform:translateX(-25%);transform:translateX(-25%)}}@-webkit-keyframes rotation{to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}}@-moz-keyframes rotation{to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotation{to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}}.experience-day.bg-white .div-txt .title,.experience-day.bg-white .start .title,.experience-day.bg-white .div-txt svg,.experience-day.bg-white .start svg,.experience-day.bg-white .div-txt .paragraph,.experience-day.bg-white .start .paragraph{background-color:#fff}.experience-day.bg-black .div-txt .title,.experience-day.bg-black .start .title,.experience-day.bg-black .div-txt svg,.experience-day.bg-black .start svg,.experience-day.bg-black .div-txt .paragraph,.experience-day.bg-black .start .paragraph{background-color:#000}.experience-day.bg-yellow .div-txt .title,.experience-day.bg-yellow .start .title,.experience-day.bg-yellow .div-txt svg,.experience-day.bg-yellow .start svg,.experience-day.bg-yellow .div-txt .paragraph,.experience-day.bg-yellow .start .paragraph{background-color:#fabd69}.experience-day.bg-cyan-light .div-txt .title,.experience-day.bg-cyan-light .start .title,.experience-day.bg-cyan-light .div-txt svg,.experience-day.bg-cyan-light .start svg,.experience-day.bg-cyan-light .div-txt .paragraph,.experience-day.bg-cyan-light .start .paragraph{background-color:#ccd9dc}.experience-day.bg-cyan-dark .div-txt .title,.experience-day.bg-cyan-dark .start .title,.experience-day.bg-cyan-dark .div-txt svg,.experience-day.bg-cyan-dark .start svg,.experience-day.bg-cyan-dark .div-txt .paragraph,.experience-day.bg-cyan-dark .start .paragraph{background-color:#81a2a8}.experience-day.bg-grey-light .div-txt .title,.experience-day.bg-grey-light .start .title,.experience-day.bg-grey-light .div-txt svg,.experience-day.bg-grey-light .start svg,.experience-day.bg-grey-light .div-txt .paragraph,.experience-day.bg-grey-light .start .paragraph{background-color:#ecf1f2}.experience-day.bg-blue-dark .div-txt .title,.experience-day.bg-blue-dark .start .title,.experience-day.bg-blue-dark .div-txt svg,.experience-day.bg-blue-dark .start svg,.experience-day.bg-blue-dark .div-txt .paragraph,.experience-day.bg-blue-dark .start .paragraph{background-color:#054753}html:not(.wp-toolbar){overflow-y:hidden}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background:#577288}body::-webkit-scrollbar{height:4px}body.single-page-experiences{overflow:visible;overflow-y:hidden}body.single-page-experiences .menu-global .barre-menu,body.single-page-experiences .menu-global .btn-menu,body.single-page-experiences .before-footer,body.single-page-experiences footer{display:none}body.single-page-experiences .btn-close{position:fixed;z-index:5;top:30px;left:30px;height:37px;width:37px;background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);box-shadow:0 3px 6px rgba(0,0,0,0.16)}body.single-page-experiences .btn-close svg{width:20px;height:20px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}body.single-page-experiences .btn-close svg path{-webkit-transition:all .25s cubic-bezier(.645, .045, .355, 1);-moz-transition:all .25s cubic-bezier(.645, .045, .355, 1);transition:all .25s cubic-bezier(.645, .045, .355, 1)}body.single-page-experiences .btn-close:hover{background-color:#ccd9dc}body.single-page-experiences article{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;overflow:visible;height:100vh;height:-webkit-calc(100 * var(--vh));height:-moz-calc(100 * var(--vh));height:calc(100 * var(--vh));max-height:100vh;max-height:-webkit-calc(100 * var(--vh));max-height:-moz-calc(100 * var(--vh));max-height:calc(100 * var(--vh))}body.single-page-experiences article img:not(.full-height){border-radius:20px}body.single-page-experiences article.swiper-page>.swiper-wrapper{-webkit-transition:-webkit-transform .8s cubic-bezier(.165, .84, .44, 1) !important;transition:-webkit-transform .8s cubic-bezier(.165, .84, .44, 1) !important;-moz-transition:transform .8s cubic-bezier(.165, .84, .44, 1), -moz-transform .8s cubic-bezier(.165, .84, .44, 1) !important;transition:transform .8s cubic-bezier(.165, .84, .44, 1) !important;transition:transform .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1), -moz-transform .8s cubic-bezier(.165, .84, .44, 1) !important}body.single-page-experiences article.swiper-page>.swiper-wrapper>.swiper-slide:not(.experience-end){width:auto}body.single-page-experiences article .experience-day{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;height:100%}body.single-page-experiences article .experience-day,body.single-page-experiences article .experience-header{height:-webkit-calc(100 * var(--vh));height:-moz-calc(100 * var(--vh));height:calc(100 * var(--vh))}body.single-page-experiences article .experience-header{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;width:105vw;background-color:#577288}body.single-page-experiences article .experience-header .left{z-index:1;padding-left:65px}body.single-page-experiences article .experience-header .left .row-text{width:950px;max-width:50vw;z-index:1}body.single-page-experiences article .experience-header .left .row-text .title{font-size:50px ;font-size:clamp(50px, -webkit-calc(1*(50px + 15 * ((100vw - 1024px) / 416))), 65px) ;font-size:clamp(50px, -moz-calc(1*(50px + 15 * ((100vw - 1024px) / 416))), 65px) ;font-size:clamp(50px, calc(1*(50px + 15 * ((100vw - 1024px) / 416))), 65px) ;line-height:65px ;line-height:clamp(65px, -webkit-calc(1*(65px + 13 * ((100vw - 1024px) / 416))), 78px);line-height:clamp(65px, -moz-calc(1*(65px + 13 * ((100vw - 1024px) / 416))), 78px);line-height:clamp(65px, calc(1*(65px + 13 * ((100vw - 1024px) / 416))), 78px) }body.single-page-experiences article .experience-header .right{width:40vw;height:-webkit-calc(100 * var(--vh));height:-moz-calc(100 * var(--vh));height:calc(100 * var(--vh))}body.single-page-experiences article .experience-header .right .btn{position:fixed;z-index:2;top:35px;right:30px;border-radius:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}body.single-page-experiences article .experience-header .right .btn span{display:block}body.single-page-experiences article .experience-header .right picture{width:100%;height:100%}body.single-page-experiences article .experience-day>div:last-child:not(.full-height){margin-right:150px}body.single-page-experiences article .experience-day .start{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin-left:150px}body.single-page-experiences article .experience-day .start .title{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px}body.single-page-experiences article .experience-day .start svg,body.single-page-experiences article .experience-day .start img{height:auto;width:83px;padding-left:10px;padding-right:10px}body.single-page-experiences article .experience-day .div-txt .day_name,body.single-page-experiences article .experience-day .div-txt .title{color:#577288}body.single-page-experiences article .experience-day.bg-cyan-light .div-txt .title{color:#054753}body.single-page-experiences article .experience-day .div-text-360{color:#577288}body.single-page-experiences article .experience-day .div-text-360 svg path{fill:#000}body.single-page-experiences article .experience-day.bg-white .div-text-360{color:#fabd69}body.single-page-experiences article .experience-day.bg-white .div-text-360 svg path{fill:#000}body.single-page-experiences article .experience-day>.div-txt{margin-left:150px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}body.single-page-experiences article .experience-day>.div-txt svg,body.single-page-experiences article .experience-day>.div-txt img{height:auto;width:83px;padding-left:10px;padding-right:10px}body.single-page-experiences article .experience-day>.div-txt .day_name{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-family:"ivypresto-text";font-weight:700}body.single-page-experiences article .experience-day>.div-txt .day_title{font-family:"ivypresto-display";font-weight:600;font-size:36px;line-height:43px;margin-bottom:30px}body.single-page-experiences article .experience-day>.div-txt .paragraph{width:470px;font-size:15px;line-height:18px}body.single-page-experiences article .experience-day>.div-txt.template_1,body.single-page-experiences article .experience-day>.div-txt.template_3{margin-right:130px ;margin-right:clamp(130px, -webkit-calc(1*(130px + 20 * ((100vw - 1024px) / 416))), 150px);margin-right:clamp(130px, -moz-calc(1*(130px + 20 * ((100vw - 1024px) / 416))), 150px);margin-right:clamp(130px, calc(1*(130px + 20 * ((100vw - 1024px) / 416))), 150px) }body.single-page-experiences article .experience-day>.div-txt.template_1 .day_name,body.single-page-experiences article .experience-day>.div-txt.template_3 .day_name{-webkit-box-flex:100%;-webkit-flex:100%;-moz-box-flex:100%;flex:100%}body.single-page-experiences article .experience-day>.div-txt.template_1{-webkit-column-gap:105px;-moz-column-gap:105px;column-gap:105px}body.single-page-experiences article .experience-day>.div-txt.template_1 .div-text-360{position:absolute;left:150px;left:clamp(150px, -webkit-calc(1*(150px + 30 * ((100vh - 650px) / 150))), 180px);left:clamp(150px, -moz-calc(1*(150px + 30 * ((100vh - 650px) / 150))), 180px);left:clamp(150px, calc(1*(150px + 30 * ((100vh - 650px) / 150))), 180px);top:50px;top:clamp(50px, -webkit-calc(1*(50px + 40 * ((100vh - 650px) / 150))), 90px);top:clamp(50px, -moz-calc(1*(50px + 40 * ((100vh - 650px) / 150))), 90px);top:clamp(50px, calc(1*(50px + 40 * ((100vh - 650px) / 150))), 90px)}body.single-page-experiences article .experience-day>.div-txt.template_2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}body.single-page-experiences article .experience-day>.div-txt.template_2 .day_name{margin-bottom:30px}body.single-page-experiences article .experience-day>.div-txt.template_3{-webkit-column-gap:105px;-moz-column-gap:105px;column-gap:105px}body.single-page-experiences article .experience-day>.div-txt.template_3 .div-text-360{position:absolute;left:150px;bottom:50px;bottom:clamp(50px, -webkit-calc(1*(50px + 40 * ((100vh - 650px) / 150))), 90px);bottom:clamp(50px, -moz-calc(1*(50px + 40 * ((100vh - 650px) / 150))), 90px);bottom:clamp(50px, calc(1*(50px + 40 * ((100vh - 650px) / 150))), 90px)}body.single-page-experiences article .experience-day>.div-txt.template_4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;align-items:start;-webkit-box-pack:start;-webkit-justify-content:start;-moz-box-pack:start;justify-content:start;padding-top:150px;padding-top:70px;padding-top:clamp(70px, -webkit-calc(1*(70px + 80 * ((100vh - 650px) / 150))), 150px);padding-top:clamp(70px, -moz-calc(1*(70px + 80 * ((100vh - 650px) / 150))), 150px);padding-top:clamp(70px, calc(1*(70px + 80 * ((100vh - 650px) / 150))), 150px)}body.single-page-experiences article .experience-day>.div-txt.template_4 .day_name{margin-bottom:30px}body.single-page-experiences article .experience-day .div-img.img_0{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}body.single-page-experiences article .experience-day .div-img.img_1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-column-gap:150px;-moz-column-gap:150px;column-gap:150px}body.single-page-experiences article .experience-day .div-img.img_1 picture{height:590px;width:590px}body.single-page-experiences article .experience-day .div-img.img_1.full-height{height:100%;margin-left:150px}body.single-page-experiences article .experience-day .div-img.img_1.full-height picture{height:100%}body.single-page-experiences article .experience-day .div-img.img_2{margin-left:50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-column-gap:150px;-moz-column-gap:150px;column-gap:150px;position:relative}body.single-page-experiences article .experience-day .div-img.img_2 .div-text-360{position:absolute;left:90px;top:30px;top:clamp(30px, -webkit-calc(1*(30px + 60 * ((100vh - 650px) / 150))), 90px);top:clamp(30px, -moz-calc(1*(30px + 60 * ((100vh - 650px) / 150))), 90px);top:clamp(30px, calc(1*(30px + 60 * ((100vh - 650px) / 150))), 90px)}body.single-page-experiences article .experience-day .div-img.img_2 .first{-webkit-align-self:flex-end;align-self:flex-end;margin-bottom:70px}body.single-page-experiences article .experience-day .div-img.img_2 .first picture img{width:355px;height:auto}body.single-page-experiences article .experience-day .div-img.img_2 .second{-webkit-align-self:flex-start;align-self:flex-start;margin-top:70px;margin-top:clamp(70px, -webkit-calc(1*(70px + 80 * ((100vh - 650px) / 150))), 150px);margin-top:clamp(70px, -moz-calc(1*(70px + 80 * ((100vh - 650px) / 150))), 150px);margin-top:clamp(70px, calc(1*(70px + 80 * ((100vh - 650px) / 150))), 150px)}body.single-page-experiences article .experience-day .div-img.img_2 .second picture img{width:380px;height:auto}body.single-page-experiences article .experience-day.template_1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}body.single-page-experiences article .experience-day .list-hebergements{position:relative}body.single-page-experiences article .experience-day .list-hebergements .txt-top{font-size:24px;line-height:28px;font-family:"ivypresto-display";font-weight:600;color:#577288;margin-top:35px;margin-bottom:25px}body.single-page-experiences article .experience-day .list-hebergements .btn-page-hebergements{position:absolute;top:0;right:0}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;align-items:stretch;-webkit-column-gap:60px;-moz-column-gap:60px;column-gap:60px;-webkit-transform:scale(var(--scaleTxt360));-moz-transform:scale(var(--scaleTxt360));-ms-transform:scale(var(--scaleTxt360));transform:scale(var(--scaleTxt360))}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card{width:540px;border-radius:20px;overflow:hidden;background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);box-shadow:0 3px 6px rgba(0,0,0,0.16);-webkit-transition:all .2s cubic-bezier(.645, .045, .355, 1);-moz-transition:all .2s cubic-bezier(.645, .045, .355, 1);transition:all .2s cubic-bezier(.645, .045, .355, 1);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card:hover{-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);box-shadow:0 3px 3px rgba(0,0,0,0.3)}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .swiper{height:415px;width:inherit;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card.noStays .div-txt .stay{display:none}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card:not(.noStays) .div-txt .btn-alone{display:none}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt{display:block;text-align:center;padding-top:24px;padding-bottom:35px;color:initial;text-decoration:initial;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;height:-webkit-fill-available}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt .name{font-family:"ivypresto-display";font-weight:600;font-size:28px;line-height:41px}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt .description{margin-top:16px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-column-gap:60px;-moz-column-gap:60px;column-gap:60px;font-family:"ivypresto-text";font-weight:400;color:#577288;font-size:25px;line-height:38px}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt .description>div svg,body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt .description>div img{margin-right:10px}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt .slogan{margin:14px auto;font-family:"ivypresto-text";font-weight:400;font-size:18px;line-height:26px;width:400px}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card .div-txt .btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}body.single-page-experiences article .experience-day .list-hebergements .div-hebergements .card img{border-radius:unset}body.single-page-experiences article .experience-end{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;color:#fff;width:875px;text-align:center;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none;position:relative}body.single-page-experiences article .experience-end>svg{margin-bottom:50px}body.single-page-experiences article .experience-end>svg path{fill:#fff}body.single-page-experiences article .experience-end .title{font-family:"ivypresto-display";font-weight:600;font-size:65px;line-height:normal;max-width:580px}body.single-page-experiences article .experience-end .subtitle{font-family:"ivypresto-text";font-weight:600;font-size:25px;line-height:normal;margin-top:30px;margin-bottom:40px;max-width:580px}body.single-page-experiences article .experience-end>:not(.leaf_1):not(.leaf_2){z-index:1}body.single-page-experiences article .experience-end .leaf_1,body.single-page-experiences article .experience-end .leaf_2{position:absolute;z-index:0}body.single-page-experiences article .experience-end .leaf_1 img,body.single-page-experiences article .experience-end .leaf_2 img{border-radius:unset}body.single-page-experiences article .experience-end .leaf_1{top:0;left:0}body.single-page-experiences article .experience-end .leaf_2{bottom:0;right:0}@media only screen and (min-width:1024px){.single-page-experiences article .experience-day,.single-page-experiences article .experience-header{padding-top:0;padding-bottom:0}}
/*# sourceMappingURL=./style_experience.css.map */