@layer core{.head-fiche{display:flex;position:relative;flex-direction:column;padding-top:22vw}.head-fiche .title-fiche{display:contents}.head-fiche .logo{max-width:30vw;position:absolute;top:10px;left:5%;order:1;z-index:10;box-shadow:rgba(0,0,0,.1) 0 10px 50px}.head-fiche .order-title{order:3;margin-top:1.5rem}.head-fiche .order-title.no-picture{margin-top:4rem}.head-fiche .share-fav{position:absolute;right:0;top:0;width:80px;height:40px;display:flex;flex-direction:row;justify-content:space-around}.head-fiche .share-fav svg{width:30px}.head-fiche .share-fav svg.selected{--svg-color:var(--mango-tango)}.aside-sticky{display:none}.figure-fiche{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.figure-fiche .figure-item{background-color:var(--bisque-high);padding:.7rem;display:grid;grid-template-columns:35px auto;border-radius:15px;--svg-color: var(--mango-tango)}.figure-fiche .figure-item div.label{font-variation-settings:"wght" 750;font-weight:750;min-height:4rem;word-break:break-word}.goto-video{position:relative}.briques{margin:1rem 0}.briques .brique{display:flex;position:relative;margin-bottom:1rem;align-items:center;font-variation-settings:"wght" 600;font-weight:600;padding-left:20px}.briques .brique:before{content:"";position:absolute;width:10px;height:10px;left:0;background-color:var(--mango-tango);border-radius:50%}.aside-desk{display:none}#show-videos iframe{width:90%;aspect-ratio:16/9;margin:0 auto;display:block;border-radius:var(--radius)}#show-videos .title{font-size:.9rem;margin:.5rem 0 0;padding-bottom:.4rem}table.numbers{font-size:.8rem;border-spacing:0 .5rem;width:100%}table.numbers th{width:50%;text-align:left;font-variation-settings:"wght" 700;font-weight:700}table.numbers th,table.numbers td{padding:.8rem .4rem}table.numbers tr:nth-child(odd){background-color:var(--bg-form)}.videos .video{position:relative;aspect-ratio:4/3;border-radius:var(--radius)}.videos .video:last-child{margin-right:0}.videos .video:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(to bottom, rgba(28, 25, 48, 0), rgba(28, 25, 48, 0.9));z-index:1;border-radius:var(--radius)}.videos .video img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.videos .video .play-video{width:70px}.videos .video .play-video .play{background-color:var(--white);border-radius:50px;display:flex;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;justify-content:center;align-items:center;margin:0 10px}.videos .video .play-video .play svg{width:22px}.videos .video .title-video{flex-grow:1;background-color:var(--space-cadet);color:var(--white);padding:0 .6rem;overflow:hidden;display:flex;align-items:start;flex-direction:column;justify-content:space-around}.videos .video .title-video .name,.videos .video .title-video .function{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videos .video .title-video .function{font-size:.8rem}.videos .video .title-play{position:absolute;bottom:15%;width:100%;display:flex;z-index:10}#show-videos h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compare-fiche{margin:2rem 0 1rem;text-align:center}.compare-fiche .btn{margin:0 auto;width:80%;padding:.5rem 1rem}#swiper-alert{--swiper-navigation-size: 70px}.pos-photo{position:relative;width:100%}.pos-photo img{width:100%}div.topMap{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;z-index:1;margin:2.5rem auto;white-space:pre-wrap}div.topMap div.click{position:absolute;left:0;right:0;top:0;bottom:0;z-index:13;cursor:pointer}div.topMap:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--space-cadet);z-index:10;border-radius:10px;opacity:.7}div.topMap:before{content:"Cliquez pour afficher la carte\a des implantations existantes,\azones à pourvoir et points de\avente à reprendre";position:absolute;left:0;right:0;top:0;bottom:0;z-index:11;color:var(--white);font-variation-settings:"wght" 700;font-weight:700;display:flex;justify-content:center;align-items:center;font-size:2.3vh;line-height:1.6}div.topMap.waiting:before{content:"Chargement en cours ..."}.projet img{margin:0 auto}.group{background-color:var(--dark-vanilla);padding:var(--padding);border-radius:10px}.group .logo-name{display:flex;align-items:center;justify-content:start}.group .btn.small{padding:.3rem 1.2rem}.group .btn:not(.small){padding:1rem;width:100%}}
@layer low{.switch-field{display:flex;width:100%}.switch-field input{position:absolute;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden}.switch-field label{background-color:var(--white);font-size:14px;line-height:1;text-align:center;padding:.7rem 16px;border:1px var(--space-cadet) solid;font-variation-settings:"wght" 700;font-weight:700;width:40%;margin:0 5%;border-radius:5px}.switch-field label:hover{cursor:pointer}.switch-field input:checked+label{background-color:var(--space-cadet);color:var(--white);box-shadow:none}.pass-info-list li{margin-bottom:1rem;display:flex;align-items:center}.pass-info-list li svg{margin-right:.5rem}.pass-info-list li svg.fill-error{fill:var(--error)}.pass-info-list li svg.fill-success{fill:var(--success)}div:has(>.custom-file){position:relative}.custom-file{position:absolute;left:-200vh}.custom-label{padding:.5rem 1rem;margin-right:.7rem;font-size:.85rem}form input::-moz-placeholder,form textarea::-moz-placeholder{color:var(--space-cadet);font-style:italic}form input::placeholder,form textarea::placeholder{color:var(--space-cadet);font-style:italic}form .form-group{margin-bottom:1rem}form .error-label{font-size:.7rem;font-variation-settings:"wght" 700;font-weight:700;color:var(--error);margin-top:.2rem}form small{font-size:.7rem}form fieldset{margin-top:2rem}form fieldset legend{margin-bottom:.5rem}form fieldset:last-of-type{margin-bottom:3rem}input:-webkit-autofill,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40px var(--bg-form) inset !important}input:-webkit-autofill:focus,textarea:-webkit-autofill:focus,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px var(--white) inset !important}.form-text.error,select.error{border:1px var(--error) solid}.legal{font-size:.7rem;margin-top:1.5rem}}
