app-password{label~:not(.form-error){position:relative;input{width:100%}app-button{align-items:center;bottom:0;color:rgba(0,0,0,.35);display:flex;padding-inline:15px;position:absolute;right:0;top:0;svg:last-of-type{margin-top:-2px}}input[type=password]+app-button svg:last-of-type,input[type=text]+app-button svg:first-of-type{display:none}}.criteria{display:grid;grid-template-columns:1fr 1fr;padding:10px;li{align-items:center;display:flex;gap:10px;&:before{background-color:var(--color-secondary);border-radius:50%;content:"";display:flex;height:7px;width:7px}&.invalid:before{background-color:red}}}}app-file{position:relative}app-file input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}@font-face{font-family:Brandon Grotesque;font-style:normal;font-weight:400;src:url(/front/build/fonts/BrandonGrotesque-Regular.591bd2b9.woff2) format("woff2")}@font-face{font-family:Brandon Grotesque;font-style:italic;font-weight:400;src:url(/front/build/fonts/BrandonGrotesque-RegularItalic.78a0e531.woff2) format("woff2")}@font-face{font-family:Brandon Grotesque;font-style:normal;font-weight:700;src:url(/front/build/fonts/BrandonGrotesque-Bold.a05097ef.woff2) format("woff2")}@font-face{font-family:Brandon Grotesque;font-style:normal;font-weight:900;src:url(/front/build/fonts/BrandonGrotesque-Black.564b5758.woff2) format("woff2")}:root{--color-primary:#00533c;--color-light-primary:#f9fff0;--color-secondary:#82b624;--color-white:#fff;--color-grey:#585858;--color-light-grey:#e0e0e0;--color-light-grey-hover:#f1f1f1;--color-ultralight-grey:#f9faf8;--color-text:#343434;--gap:8px;--gap-2:16px;--gap-3:20px;--gap-4:24px;--gap-5:28px;--gap-6:32px;--gap-7:36px;--gap-8:56px;--text-small:var(--gap-2);--text-normal:16px;--text-large:28px;--brand-bivouac-primary:#82b624;--brand-bivouac-secondary:#f6faef;--brand-huttopia-primary:#00533c;--brand-huttopia-secondary:#e5eeeb;--brand-onlycamp-primary:#ffd202;--brand-onlycamp-secondary:#fff8d9;@media (min-width:1024px){--text-large:28px}}.container{--padding-inline:var(--gap-2);--content-width:1024px;align-items:start;display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-width)) [content-end] minmax(var(--padding-inline),1fr) [full-width-end];row-gap:var(--gap-2);&.small{--content-width:580px}}.container>*{grid-column:content}.container>aside{display:flex;flex-flow:column;grid-column:full-width;row-gap:var(--gap-2)}@media (min-width:1080px){.container:has(aside){gap:calc(var(--gap-2)*2);grid-template-columns:1fr 400px;margin:0 auto;width:1024px;&:has(aside.left){grid-template-columns:300px 1fr}&>*{grid-column:1}&:has(aside.left)>*{grid-column:2}aside{grid-column:2;grid-row:1/5;position:sticky;top:0;&.left{grid-column:1}}}}@media (max-width:1080px){aside.before{order:-1}}.brand{&.bivouac{--_color-primary:var(--brand-bivouac-primary);--_color-secondary:var(--brand-bivouac-secondary);--_color-text:var(--color-white);--_color-text-hover:var(--color-white);--_color-hover:var(--color-primary)}&.huttopia{--_color-primary:var(--brand-huttopia-primary);--_color-secondary:var(--brand-huttopia-secondary);--_color-text:var(--color-white);--_color-text-hover:var(--color-white);--_color-hover:var(--color-secondary)}&.onlycamp{--_color-primary:var(--brand-onlycamp-primary);--_color-secondary:var(--brand-onlycamp-secondary);--_color-text:var(--color-primary);--_color-text-hover:var(--color-white);--_color-hover:var(--color-primary)}}*,:after,:before{box-sizing:border-box}[hidden]{display:none!important}@media (max-width:1080px){.desktop{display:none!important}}@media (min-width:1080px){.mobile{display:none!important}}[disabled]{cursor:not-allowed!important;pointer-events:none!important}h1,h2,h3,h4,h5,h6{line-height:1}h1,h2,h3,h4,h5,h6,hr,ul{list-style:none;margin:0;padding:0}h1{font-size:var(--text-large);padding-block:var(--gap-2)}a{text-decoration:none}hr{border:0;border-top:1px solid;margin:0;&.large{border-top-width:2px}}svg{height:24px;width:24px}body{color:var(--color-text);font-family:Brandon Grotesque,sans-serif;font-size:var(--text-normal);line-height:1.5;margin:0;padding:0}a[title]{cursor:pointer;pointer-events:auto;position:relative;&.visible:before{background-color:rgba(0,0,0,.75);color:var(--color-white);content:attr(title);display:block;font-weight:400;line-height:1.5;padding:var(--gap);position:absolute;right:0;top:100%;width:250px;z-index:1000}}[data-placeholder]:empty:before{content:attr(data-placeholder)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-grey{color:var(--color-light-grey)}.text-default{color:var(--color-text)}.text-large{font-size:var(--text-large)}.text-small,small{font-size:var(--text-small)}.text-bold{font-weight:700}.text-center{text-align:center}.goback{align-items:center;background-color:var(--color-white);border:1px solid var(--color-light-grey);border-radius:50%;display:inline-flex;height:42px;justify-content:center;width:42px;@media (max-width:1080px){border:0;left:20px;position:absolute;top:20px;z-index:1}&:hover{background-color:var(--color-ultralight-grey)}svg,svg&{color:var(--color-primary);rotate:90deg}}.padding-bottom{padding-bottom:var(--gap)}.rating{align-content:center;align-items:center;display:inline-flex;font-size:16px;line-height:1;svg{color:var(--_color-primary,--color-primary);height:20px;margin:-5px 5px 0 2px;width:20px}}ul.details{display:grid;row-gap:15px;li{align-items:center;display:grid}svg{color:var(--color-primary);grid-column:2;grid-row:1/3;height:24px;justify-self:right;rotate:-90deg;width:24px}}.flex{align-items:center;display:flex;gap:var(--gap)}.grid-2{column-gap:var(--gap);display:grid;grid-template-columns:max-content auto;&.auto{grid-template-columns:1fr 1fr}}.grid-3{align-items:center;column-gap:var(--gap);display:grid;grid-template-columns:max-content auto max-content}.box{border:1px solid var(--color-light-grey);border-radius:var(--gap-2);display:grid;gap:var(--gap);padding:var(--gap-2)}.nowrap{white-space:nowrap}.overflow-scroll{overflow:auto;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;&>*{scroll-snap-align:center}}.padding{padding:var(--gap-3)}.padding-block{padding-block:var(--gap-3)}.padding-inline{padding-inline:var(--gap-3)}.warning{align-items:center;background-color:#f7e793;border:1px solid #ccb77b;border-radius:calc(var(--gap)/2);color:#6f5818;font-weight:700;padding:var(--gap)}app-read-more{.truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines,2);overflow:hidden}app-button[data-trigger=more]{color:var(--color-primary);display:flex;font-weight:700;margin-top:5px;text-decoration:underline;&.center{justify-content:center}}}app-datepicker{display:flex;justify-content:center;@media (max-width:1080px){max-width:100vw;.easepick-wrapper{width:100%}}}app-copy{color:var(--color-primary);cursor:pointer;display:flex;&:hover{color:var(--color-secondary)}}.grid-icon{align-items:center;display:grid;gap:0 var(--gap-2);grid-template-columns:max-content auto;&>:first-child{grid-row:span 2}}.space-between{gap:var(--gap);justify-content:space-between;&>:nth-child(2n){justify-self:right}}.error{color:#ed1d24;font-weight:700;text-align:center}.box.error{background-color:#ffeded;border-color:#ffa3a6;color:#ed1d24;font-weight:400;text-align:left}.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.link{color:var(--color-primary);font-weight:700;text-decoration:underline;&:hover{color:var(--color-secondary)}}.aspect-ratio{aspect-ratio:16/9}.radius-half{border-radius:calc(var(--gap)/2)}app-button[data-trigger]{cursor:pointer}.grid.gap{gap:var(--gap-2)}.tag{background-color:var(--color-light-grey);border-radius:4px;font-size:13px;padding:2px 7px}#copy{background-color:var(--color-secondary);border-radius:5px;bottom:20px;color:var(--color-white);font-weight:700;left:20px;padding:20px 30px;position:fixed;z-index:100000}.feedback-items{display:grid;gap:20px;[title]{color:rgba(0,0,0,.5);font-size:14px}p{margin:5px 0}svg.brand{color:var(--_color-primary,var(--color-primary))}}.bloctel{color:var(--color-grey);font-size:14px;font-style:italic;.link{color:var(--color-grey)}}textarea{height:125px;resize:vertical}input,textarea{accent-color:var(--color-primary);margin:0;padding:0;&:not([type=radio],[type=checkbox]){background-color:var(--color-white);border:1px solid var(--color-light-grey);border-radius:calc(var(--gap)/2);color:inherit;font:inherit;padding:var(--gap) var(--gap-2);&:focus-visible{border-color:var(--_color-secondary,var(--color-secondary))}&:user-invalid{border-color:#ed1d24}}}select{background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--gap);color:var(--color-primary);font-weight:700;height:42px;padding:var(--gap) var(--gap-2);width:100%}.btn,button[type=submit]{--background:var(--_color-primary,var(--color-primary));--border:var(--_color-primary,var(--color-primary));--color:var(--_color-text,var(--color-white));background-color:var(--background);border:1px solid var(--border);border-radius:calc(var(--gap)/2);color:var(--color);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;padding:12px 15px;text-align:center;&.inverted{--background:var(--color-white);--color:var(--_color-primary,var(--color-primary))}&:has(svg){column-gap:var(--gap);display:inline-flex;justify-content:center}&:hover{--background:var(--_color-hover,var(--color-secondary));--border:var(--_color-hover,var(--color-secondary));--color:var(--_color-text-hover,var(--color-white));&.inverted{--background:var(--color-white);--color:var(--_color-hover,var(--color-secondary))}}svg{height:24px;width:24px}&.light{font-weight:400;@media (min-width:1080px){display:inline-block}}}.btn[disabled],button[disabled]{filter:grayscale(1);opacity:.5}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:5px;box-shadow:0 0 0 3px var(--color-white) inset;color:var(--color-white);cursor:pointer;height:20px;margin:0;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;padding:0;transition:background-color .2s;vertical-align:bottom;width:20px}input[type=radio]{border-radius:50%;box-shadow:0 0 0 2px var(--color-white) inset;height:16px;width:16px}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-primary)}input[type=checkbox]:not(:enabled),input[type=radio]:not(:enabled){cursor:not-allowed;opacity:.5}input[type=checkbox]:enabled:focus,input[type=radio]:enabled:focus{border-color:var(--color-secondary);outline:2px solid var(--color-primary)}input[type=checkbox]:checked:after{background-color:var(--color-primary);border-radius:3px;content:"";display:block;height:14px;left:2px;position:relative;top:2px;width:14px}.form-error{color:#ed1d24}label.required:has(+:not(label)):after{content:" *"}app-file{--width:350px;border:1px solid var(--color-primary);border-radius:calc(var(--gap)/2);display:inline-flex;width:var(--width);output{flex-grow:1;overflow:hidden;padding:var(--gap) var(--gap-2);text-overflow:ellipsis;white-space:nowrap}div{background-color:var(--color-primary);color:var(--color-white);display:flex;padding-inline:var(--gap);place-items:center}}:root{interpolate-size:allow-keywords}details{list-style:none;overflow:hidden;&:not(:last-of-type):after{border-bottom:1px solid var(--color-light-grey);content:"";display:block;margin:0 auto;width:calc(100% - 60px);@media (max-width:1080px){width:100%}}summary{align-items:center;background-color:var(--color-white);cursor:pointer;display:flex;justify-content:space-between;padding:var(--gap) var(--gap-2);position:sticky;top:0;z-index:1;&::-webkit-details-marker,&::marker{content:"";display:none}svg{height:24px;rotate:-90deg;width:24px}}&[open]{overflow:unset;summary{svg{rotate:0deg}}&::details-content{block-size:auto}}&[disabled]{overflow:unset;summary{position:unset}}&::details-content{block-size:0;transition:block-size .2s,content-visibility .2s;transition-behavior:allow-discrete}}.feedback{display:flex;flex-direction:row-reverse;gap:0;justify-content:center;padding-bottom:25px;position:relative;&>label{color:var(--color-light-grey);cursor:pointer;-webkit-tap-highlight-color:transparent;&:before{content:"\2605";font-size:45px;margin-inline:15px;@media (max-width:1080px){margin-inline:10px}}&:after{background-color:var(--color-white);bottom:0;color:var(--color-text);content:attr(data-label);left:0;position:absolute;text-align:center;width:100%}&:hover{color:var(--color-secondary);&:after{z-index:1}}&:hover~label{color:var(--color-secondary)}}&>input{opacity:0;position:absolute;-webkit-tap-highlight-color:transparent;&:checked{&~label{color:var(--color-primary)}&+label:hover,&~label:hover,&~label:hover~label{color:var(--color-secondary)}}}&:not(:has(input:checked)) label:not(:hover):after{opacity:0}&:not(:hover) input:checked+label:after{z-index:2}}form.form{display:grid;gap:var(--gap-2);div:has(label):not(.feedback){align-content:start;display:grid;gap:calc(var(--gap)/2);&.col{gap:var(--gap-2)}@media (min-width:1080px){&.col{grid-template-columns:calc(50% - var(--gap)) calc(50% - var(--gap))}}label:not(.label-rating){color:var(--color-primary);font-weight:700}&.inline{align-content:center;display:flex;&.flex{gap:var(--gap)}&:has(span){gap:var(--gap-2)}label{color:var(--color-text);font-weight:400}}}button{margin-block:var(--gap-2)}label+:has(button) button{margin-block:0}a{color:var(--color-primary);font-weight:700;text-decoration:underline}.checkbox{display:inline-block;height:var(--gap-6);position:relative;width:var(--gap-8);& input{cursor:pointer;height:100%;min-height:100%;min-width:100%;opacity:0;width:100%;z-index:1}& input+span{background-color:var(--color-light-grey);border-radius:var(--gap-2);cursor:pointer;inset:0;position:absolute;transition:background-color .15s ease-in-out;z-index:-1}& input+span:before{background-color:var(--color-white);border-radius:50%;content:"";height:var(--gap-4);left:calc(var(--gap)/2);position:absolute;top:calc(var(--gap)/2);transform:translateX(0);transition:transform .15s ease-in-out;width:var(--gap-4)}& input:checked+span:before{transform:translateX(100%)}& input:checked+span{background-color:var(--color-primary)}}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dialog{--width:1024px;--height:680px;background-color:rgba(0,0,0,.5);inset:0;position:fixed;z-index:10000;&.small{--width:480px;--height:auto}&.medium{--width:640px;--height:auto}.container{--padding-inline:30px;--content-width:var(--width)}form{background-color:var(--color-white);border-radius:var(--gap-2);display:grid;grid-template-rows:min-content auto min-content;height:min(var(--height),100vh);left:50%;overflow:hidden;position:absolute;top:50%;translate:-50% -50%;width:var(--width);>.loading{animation:rotate .8s cubic-bezier(.45,.05,.55,.95) infinite;aspect-ratio:1;border:calc(var(--gap)/2) solid var(--color-primary);border-left-color:var(--color-secondary);border-radius:50%;justify-self:center;margin-block:var(--gap-2);width:100px}header{align-items:center;display:grid;font-size:var(--text-large);font-weight:700;grid-template-columns:auto max-content;padding-top:20px;h3{color:var(--color-primary);font-size:24px;padding-inline:30px;text-align:center}app-button{border-radius:50%;display:grid;grid-column:2;height:35px;line-height:0;margin-right:20px;padding-inline:var(--gap-2);place-content:center;width:35px;&:hover{background-color:var(--color-light-grey)}svg{color:var(--color-text);height:15px;width:15px}}}.overflow{overflow:auto;overscroll-behavior:contain}footer{padding:30px}summary{border-radius:var(--gap-2)}}}@media (max-width:1080px){.dialog{--width:100vw;--height:100%;&.medium,&.small{--width:100vw;--height:auto}form{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;top:auto;translate:none;footer{background-color:var(--color-white);bottom:0;position:sticky}}}}body>header{--text-normal:18px;align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--color-light-grey);display:flex;height:var(--gap-8);position:relative;z-index:999;.header-navigation{box-sizing:border-box;padding-left:20px;width:33%;@media (min-width:782px){padding-left:64px}}.header-logo{width:34%;a,img{display:block}img{height:48px;margin:0 auto}}.header-picto{box-sizing:border-box;display:flex;justify-content:flex-end;padding-left:13%;padding-right:20px;text-align:center;width:33%;[data-online]{position:relative;&:after{background-color:var(--color-secondary);border-radius:50%;bottom:3px;content:"";height:12px;position:absolute;right:-3px;width:12px}}[data-count]{position:relative;&:after{background-color:var(--color-text);border-radius:8px;bottom:3px;color:var(--color-white);content:attr(data-count);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;height:16px;line-height:12px;padding:2px 4px;position:absolute;right:-3px}}svg{height:var(--gap-4);margin-left:var(--gap-2);width:var(--gap-4);fill:var(--color-primary);color:var(--color-primary);&:hover{fill:var(--color-secondary);color:var(--color-secondary)}}@media (min-width:782px){padding-right:64px}}&+nav select{width:auto}@media (min-width:782px){height:64px}}body{&:after{content:"";opacity:0;position:fixed}}body.menu-open{overflow:hidden;&:after{background-color:#000;inset:var(--gap-8) 0 0 0;opacity:.5;transition:opacity .3s;z-index:10}}.menu-burger-menu-footer{--text-normal:18px;align-items:center;border-top:1px solid var(--color-light-grey);bottom:0;display:flex;height:calc(var(--gap-8) + var(--gap-6));justify-content:space-between;left:20px;position:absolute;right:20px;li,ul{list-style-type:none;margin:0;padding:0}.menu-social-networks{display:flex;gap:20px;margin:0;padding:0;svg{fill:var(--color-primary)}a:hover svg{fill:var(--color-secondary)}}@media (min-width:782px){height:calc(var(--gap-6) + var(--gap-6));left:64px;right:64px}}.off-canvas-menu{--text-normal:18px;background-color:var(--color-white);border-bottom-left-radius:var(--gap-6);border-bottom-right-radius:var(--gap-6);left:0;overflow:hidden;position:fixed;right:0;top:-100%;transition:top .3s ease;z-index:99;body.menu-open &{padding-bottom:calc(var(--gap-8) + var(--gap-6));padding-left:var(--gap-6);padding-top:var(--gap-8);top:0;@media (min-width:782px){padding-left:64px}}ul{list-style:none;margin:0;padding:0;li{a{color:var(--color-primary);font-size:18px;font-weight:400;text-decoration:none;&:hover{text-decoration:underline}}}}.header-nav-heading{font-size:18px;font-weight:600;margin-bottom:var(--gap)}.submenu{padding-bottom:var(--gap-2)}@media (min-width:782px){.submenu{box-sizing:border-box;display:inline-block;padding-bottom:var(--gap-8);vertical-align:top;width:33%}}}.menu-toggle{--text-normal:18px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:10000;.burger-icon{display:inline-block;height:18px;position:relative;width:24px;.bar{background:var(--color-primary);display:block;height:3px;margin:4px 0;transition:transform .3s ease,opacity .3s ease;width:100%}}body.menu-open &{.burger-icon{.bar:first-child{transform:translateY(8px) rotate(45deg)}.bar:nth-child(2){opacity:0}.bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}}}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}body>footer{display:grid;font-size:16px;gap:10px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-areas:"logo" "menu1" "menu2" "menu3" "menu4" "copyright";margin:30px auto 0;max-width:1260px;padding-left:20px;padding-right:20px;position:relative;select{width:auto}p{margin:0}>div{padding-bottom:10px;padding-top:10px}}.footer-nav-heading{font-weight:600;margin-bottom:0}.footer-menu{li{list-style-type:none}ul{margin:0;padding:0}a{color:var(--color-primary);text-decoration:none}}.footer-logo{grid-area:logo;text-align:center;img{height:auto;max-width:150px}}.footer-menu1{grid-area:menu1}.footer-menu2{grid-area:menu2}.footer-menu3{grid-area:menu3}.footer-menu4{border-top:1px solid var(--color-light-grey);grid-area:menu4;a{color:var(--color-text)}}.footer-copyright{grid-area:copyright;margin:0;text-align:center}@media (min-width:782px){body>footer{font-size:16px;gap:40px;grid-template-areas:"logo menu1 menu2 menu3" "copyright menu4 menu4 menu4";>div{padding-bottom:20px;padding-top:20px}}.footer-menu4{border:none;ul{display:flex;gap:20px;@supports not (gap:1rem){li:not(:last-child){margin-right:20px}}}}.footer-copyright{text-align:left;&:before{background-color:var(--color-light-grey);content:"";height:1px;margin-top:-20px;position:absolute;width:calc(100% - 40px)}}}