@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Dancing+Script:wght@400..700&family=Lato:wght@400;700&display=swap'); :root { --fl: 'Lexend', sans-serif; --fd: 'Dancing Script', sans-serif; --ft: 'Lato', sans-serif; --ww:rgb(255,255,255); /* #fff;*/ --bg:rgb(248,249,250); /*#f8f9fa;*/ --border:rgb(222,226,230); /*#dee2e6;*/ --text:rgb(33,37,41); /* #212529; */ --gr:rgb(0,143,149); /*#008f95;*/ --grc:rgb(21,175,151); /*#15af97*/ --grc2:rgb(21,175,151,.05); /*#15af97*/ --or:rgb(251,187,33); --ora:rgb(220,165,58); --primary:rgb(0,102,204); /*#0066cc*/ --bl:rgb(0,169,195);/*00a9c3 bleu*/ } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family:var(--fl); background: var(--bg); color: var(--text); font-size: 16px; font-weight: 300; overflow-x: hidden; line-height: 1.6; } .hn{/*margin:2rem 0*/} a { color: var(--primary); text-decoration: none; transition: all 0.3s ease; } a:hover { text-decoration: underline; } /* Structure principale */ #site { width: 100vw; min-height: 100vh; display: flex; flex-direction: column; } .blktxt p, .blktxt u{display:inline-block;width:100%} div#site:before { content: ""; position: fixed; z-index: -1; display: block; bottom: 0; left: 0; width: 100%; height: 100vh; opacity: .02; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%20480%20620%27%20fill%3D%27black%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27M151.5%20243.8c5.2-2.1%2010-3.8%2010.6-3.8.5-.1-.5%204.3-2.3%209.7-4.5%2013.6-6.6%2028-6.1%2041.7l.4%2011.1-7%204.5c-9.1%205.7-26.9%2023.3-33.3%2032.9-32.7%2048.9-26.6%20112.7%2014.7%20154%2017.4%2017.3%2038.1%2028.4%2063%2033.6%2011.7%202.5%2034.4%202.5%2046%200%2038.2-8.2%2068.6-31.6%2085.5-65.9%209.5-19.5%2013.1-36.7%2012.2-58.7-.4-10.9-2.2-23-4.2-28-.4-1.1%201.4-3%205.8-6.3%208.7-6.3%2024.2-22.8%2029.7-31.5%202.5-3.9%204.8-7.1%205.1-7.1%202.1-.2%2011.5%2025.9%2014.7%2040.9%2018.9%2087.5-31.3%20175.9-115.7%20204-21.9%207.3-29.5%208.4-56.6%208.4-21.2%200-25.2-.2-34.4-2.2-71-15.5-124-68.9-138.3-139.3-2-10-2.3-14.2-2.3-34.4.1-20.1.4-24.3%202.3-33.5%203-13.6%208.2-29.1%2013.7-40.8%2019.5-41.2%2053-72.2%2096.5-89.3Zm128.9-66.7c-1.3-3.9-2.6-7.2-3-7.2-.4%200-3.2%202.7-6.3%206-4.3%204.7-6%207.5-7.5%2012.4-2.6%208.6-4.1%2019.7-4.1%2031.5v9.7l8.1%205.3c16.1%2010.7%2032.9%2015.1%2054.2%2014.3l4.9-.2-6.7-7.2c-18-19.5-33.1-44.1-39.6-64.6Zm17.9-17.9c-4-2.5-7.7-4.7-8.2-5-.9-.6-.1%205.6%201.9%2013.9%205.2%2021%2020.6%2046.3%2041.5%2068.1l8.7%209.1%206.9-2.9c3.7-1.6%209.5-4.7%2012.9-7l6-4-.1-5.5c-.2-7.4-4.5-19.9-10-28.7-9-14.5-23.3-24.6-43.6-30.9-4.8-1.4-12-4.6-16-7.1Zm101.6-9.1c-.4-1.2-.9-2.2-1.3-2.1-.3%200-2.8%201.6-5.6%203.6-7.5%205.2-25.8%2013.9-33.6%2015.8-3.8%201-6.9%202-6.9%202.4s2.5%203.1%205.6%206.1c9.8%209.5%2019.2%2026.2%2021.9%2038.7.3%201.8%201%203.3%201.4%203.3.4%200%202.7-3%205.1-6.8%205.4-8.1%2010.4-20.2%2012.5-30.1%201.5-7.1%202-26.5.9-30.9ZM336.7%2080.8c-10.5-2.7-11.8-2.5-13.1%201.3-2%205.7-8.7%2016-16.1%2024.8-7.8%209.3-13.1%2018.1-15.1%2024.9l-1.3%204.4%205.2%204.8c6.6%206.1%2018.9%2012.3%2028.8%2014.5%208.9%201.9%2021%201.5%2030.9-1.2%2011-2.9%2029.5-12.7%2037.2-19.7l2.3-2-4.5-8.5c-11.8-22.2-30.7-37.2-54.3-43.3Zm-26.6-1.4c.7-1.8-.5-1.8-10.1%200-42.8%207.9-72.6%2045.8-70.2%2089%20.8%2013.1%202.8%2020.7%209%2033.5l5%2010.5.8-6.8c1.9-17.6%206.5-28.1%2017.1-39.3%203.9-4%208.5-8.3%2010.3-9.4%203.2-2%203.3-2.3%204-10.6%201.5-17.8%206.6-29.9%2019.2-45.5%207.3-9.1%2013.7-18.3%2014.9-21.4ZM300%2050c48.9-7%2097.4%2018.1%20119.9%2062.2%2021.2%2041.6%2015.2%2091.6-15.3%20127.6-2.5%203-45.5%2041.4-95.6%2085.4-50%2044-92.2%2081.1-93.7%2082.5-1.5%201.4-3%202.4-3.2%202.1-.6-.6-10.6-233.4-10.6-246.5%200-31.9%2012.2-60.1%2035.6-82.4%2017-16.2%2040.3-27.6%2062.9-30.9Z%27%2F%3E%3C%2Fsvg%3E"); background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px inset red; } #working{position: fixed; top: calc(50vh - 1.5rem); left: calc(50vw - 1.5rem); z-index: 5001; display: none; width: 4rem; height: 4rem; align-items: center; justify-content: center; border-radius: 5rem; background:var(--gr); pointer-events: none; box-shadow: 0 0 1rem 1rem white;} #working.on{display:flex;} #working>div{width: 3rem; height: 3rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%20480%20620%27%20fill%3D%27white%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27M151.5%20243.8c5.2-2.1%2010-3.8%2010.6-3.8.5-.1-.5%204.3-2.3%209.7-4.5%2013.6-6.6%2028-6.1%2041.7l.4%2011.1-7%204.5c-9.1%205.7-26.9%2023.3-33.3%2032.9-32.7%2048.9-26.6%20112.7%2014.7%20154%2017.4%2017.3%2038.1%2028.4%2063%2033.6%2011.7%202.5%2034.4%202.5%2046%200%2038.2-8.2%2068.6-31.6%2085.5-65.9%209.5-19.5%2013.1-36.7%2012.2-58.7-.4-10.9-2.2-23-4.2-28-.4-1.1%201.4-3%205.8-6.3%208.7-6.3%2024.2-22.8%2029.7-31.5%202.5-3.9%204.8-7.1%205.1-7.1%202.1-.2%2011.5%2025.9%2014.7%2040.9%2018.9%2087.5-31.3%20175.9-115.7%20204-21.9%207.3-29.5%208.4-56.6%208.4-21.2%200-25.2-.2-34.4-2.2-71-15.5-124-68.9-138.3-139.3-2-10-2.3-14.2-2.3-34.4.1-20.1.4-24.3%202.3-33.5%203-13.6%208.2-29.1%2013.7-40.8%2019.5-41.2%2053-72.2%2096.5-89.3Zm128.9-66.7c-1.3-3.9-2.6-7.2-3-7.2-.4%200-3.2%202.7-6.3%206-4.3%204.7-6%207.5-7.5%2012.4-2.6%208.6-4.1%2019.7-4.1%2031.5v9.7l8.1%205.3c16.1%2010.7%2032.9%2015.1%2054.2%2014.3l4.9-.2-6.7-7.2c-18-19.5-33.1-44.1-39.6-64.6Zm17.9-17.9c-4-2.5-7.7-4.7-8.2-5-.9-.6-.1%205.6%201.9%2013.9%205.2%2021%2020.6%2046.3%2041.5%2068.1l8.7%209.1%206.9-2.9c3.7-1.6%209.5-4.7%2012.9-7l6-4-.1-5.5c-.2-7.4-4.5-19.9-10-28.7-9-14.5-23.3-24.6-43.6-30.9-4.8-1.4-12-4.6-16-7.1Zm101.6-9.1c-.4-1.2-.9-2.2-1.3-2.1-.3%200-2.8%201.6-5.6%203.6-7.5%205.2-25.8%2013.9-33.6%2015.8-3.8%201-6.9%202-6.9%202.4s2.5%203.1%205.6%206.1c9.8%209.5%2019.2%2026.2%2021.9%2038.7.3%201.8%201%203.3%201.4%203.3.4%200%202.7-3%205.1-6.8%205.4-8.1%2010.4-20.2%2012.5-30.1%201.5-7.1%202-26.5.9-30.9ZM336.7%2080.8c-10.5-2.7-11.8-2.5-13.1%201.3-2%205.7-8.7%2016-16.1%2024.8-7.8%209.3-13.1%2018.1-15.1%2024.9l-1.3%204.4%205.2%204.8c6.6%206.1%2018.9%2012.3%2028.8%2014.5%208.9%201.9%2021%201.5%2030.9-1.2%2011-2.9%2029.5-12.7%2037.2-19.7l2.3-2-4.5-8.5c-11.8-22.2-30.7-37.2-54.3-43.3Zm-26.6-1.4c.7-1.8-.5-1.8-10.1%200-42.8%207.9-72.6%2045.8-70.2%2089%20.8%2013.1%202.8%2020.7%209%2033.5l5%2010.5.8-6.8c1.9-17.6%206.5-28.1%2017.1-39.3%203.9-4%208.5-8.3%2010.3-9.4%203.2-2%203.3-2.3%204-10.6%201.5-17.8%206.6-29.9%2019.2-45.5%207.3-9.1%2013.7-18.3%2014.9-21.4ZM300%2050c48.9-7%2097.4%2018.1%20119.9%2062.2%2021.2%2041.6%2015.2%2091.6-15.3%20127.6-2.5%203-45.5%2041.4-95.6%2085.4-50%2044-92.2%2081.1-93.7%2082.5-1.5%201.4-3%202.4-3.2%202.1-.6-.6-10.6-233.4-10.6-246.5%200-31.9%2012.2-60.1%2035.6-82.4%2017-16.2%2040.3-27.6%2062.9-30.9Z%27%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;animation:workingSpin 1.15s cubic-bezier(.65,0,.35,1) infinite;} @keyframes workingSpin{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}} #contactForm{margin:2rem 0;padding:1.5rem;border:1px solid var(--border);border-radius:.5rem;} #contactForm form{display:grid;gap:1rem;} #contactForm label{display:grid;gap:.35rem;} #contactForm input,#contactForm select,#contactForm textarea{width:100%;border:1px solid var(--border);border-radius:.35rem;padding:.65rem .75rem;background:var(--ww);color:var(--text);font:inherit;} #contactForm input:focus,#contactForm select:focus,#contactForm textarea:focus{border-color:var(--gr);outline:none;} #contactForm textarea{min-height:9rem;resize:vertical;} #contactForm .contact-extra p{margin:.25rem 0 0;color:var(--text);font-size:.95rem;} #contactForm .contact-rgpd{display:flex;align-items:flex-start;gap:.5rem;} #contactForm .contact-rgpd input{width:auto;margin-top:.2rem;} #contactForm button{justify-self:start;border:0;border-radius:2rem;padding:.65rem 1.25rem;background:var(--gr);color:var(--ww);font:inherit;cursor:pointer;} #contactForm .contact-msg{margin-bottom:1rem;color:var(--gr);font-weight:600;} #ctu { width: 100%; } /* En-tête hero */ #entete { position: relative; display: flex; align-items: center; justify-content: center; width: 100vw; height: 90vh; color: var(--ww); overflow: hidden; } #entete:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 2; pointer-events: none; } #entete > img, #entete > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } #entete_txt { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 2rem; text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); } #entete .entete-actions{ position:absolute; top:5rem; right:2rem; z-index:4; display:flex; align-items:center; gap:.55rem; } #entete #shareBtn{ width:2.4rem; height:2.4rem; min-height:0; max-width:none; padding:0; border:0; border-radius:50%; background-color:rgba(0,0,0,.28); background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M12%203A1%201%200%200018%206%201%201%200%200012%203M12%207%207%2010M2%2011A1%201%200%20007%2012M7%2012A1%201%200%20002%2011M7%2013%2012%2014M13%2013A1%201%200%200016%2017%201%201%200%200013%2013%27%2F%3E%3C%2Fsvg%3E"); background-position:center; background-repeat:no-repeat; background-size:1.25rem; color:var(--ww); font:inherit; font-size:.9rem; line-height:1.15; text-align:left; cursor:pointer; text-shadow:none; white-space:normal; transition:.2s; } #entete #shareBtn:hover{transform:none;background-color:rgba(0,0,0,.4);} #entete #shareBtn .share-page-label{display:none;} #entete .entete-actions .fav-page{ position:relative; width:2.4rem; height:2.4rem; min-height:0; max-width:none; padding:0; border-radius:50%; background-position:center; color:var(--ww); font:inherit; font-size:.9rem; line-height:1.15; text-align:left; text-shadow:none; white-space:normal; } #entete .entete-actions .fav-page:hover{transform:none;background-color:rgba(0,0,0,.4)} #entete .entete-actions .fav-page .fav-page-label{display:none} #entete #slogan { width: 90%; font-weight: 500; font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1rem; } #entete #slogan>span{display:inline-block;/*transform:translateY(2rem);*/transition:transform 0.6s ease-out} #entete #slogan>span.reveal{transform:translateY(0)} #entete h1 { font-size: clamp(1.25rem, 3vw, 1.5rem); font-weight: 300; max-width: 800px; } /* Bannière d'images */ #entete_bann { position: absolute; bottom:2.5rem; left: 0; width: 100%; height: 100px; z-index: 4; text-align: center; display: flex; justify-content: center; gap: 0.5rem; padding: 0 1rem; overflow-x: hidden; } #entete_bann > div {cursor:pointer; width: 100px; height: 100px; border-radius: 0.5rem; overflow: hidden; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); display: flex; justify-content: center; font-size: 2.5rem; background: rgba(0, 0, 0, .5); align-items: center; } #entete_bann > div > img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } #entete_bann > div > img:hover {transform: scale(1.1);} #entete_credit { position: absolute; z-index: 4; bottom: 0.5rem; right: 1.5rem; font-size: 0.75rem; color: var(--ww); background: rgba(0, 0, 0, 0.2); padding: 0.25rem 0.5rem; border-radius: 0.25rem; } #nav{display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 4900; color: var(--ww); } #nav>div{display:flex;align-items: center; justify-content: center; text-align: center;} #navBtn{height:4rem} #navBtn>div{} #navo,#navc{width: 3rem; flex-shrink: 0;cursor:pointer} #navo:before{content:'\2630';font-size:1.5rem;transition:.2s} #navl{ flex-grow: 1; flex-basis: auto;} #navl a img{max-height: 2rem; width: auto;} .media-default{object-fit:cover;} #navc{ width: 2rem; height: 2rem; margin-right: 1rem; background: rgb(0 0 0 / 10%); border-radius: 1rem; text-align: center; display: inline-flex; align-items: center; justify-content: center;overflow:hidden} #navc.uok{background:var(--gr)} #navc span{display:block;width:2rem;height:1.8rem;background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M6%206A1%201%200%200014%206%201%201%200%20006%206M5%2020C5%2014%205%2012%209%2012L11%2012C15%2012%2015%2014%2015%2020%27%2F%3E%3C%2Fsvg%3E);background-size: cover;} #nav>#navList{flex-direction:column; align-items: flex-start; text-align: left;display:none} #navList a{color: var(--ww); width: 100%; text-align: left; padding: 1rem 2rem; text-decoration: none;} #nav.navOpen{background:var(--gr);} #nav.navOpen #navList{display:flex;} #nav.navOpen #navo:before{content:'\2715';} #navT{position:fixed;left:50%;bottom:1rem;z-index:4900;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem;border-radius:2rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.18);transform:translateX(-50%);background:rgba(255,255,255,.9)} #navT.navT-account{position:fixed;left:50%;bottom:1rem;z-index:4970;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem;border-radius:2rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.18);transform:translateX(-50%);background:var(--ww)} #navT button,#navT .navT-go{width:3rem;height:3rem;min-height:0;padding:0;border:0;border-radius:50%;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:1.35rem;color:var(--text);font:inherit;cursor:pointer;text-decoration:none;} #navT button span,#navT .navT-go span{display:none;} #navT #navSearch{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27black%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M2%2010A1%201%200%200018%208%201%201%200%20002%2010M16%2015%2019%2019%27%2F%3E%3C%2Fsvg%3E");} #navT .navT-fav{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27black%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E");} #navT .navT-fav.favo{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27black%27%20fill%3D%27black%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E");} #navT .navT-go{display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M2%2010%2018%203%2010%2018%208%2012Z%27%2F%3E%3C%2Fsvg%3E");} #navT button:hover,#navT .navT-go:hover{background-color:rgba(0,0,0,.06);} #pop .searchPop{position:fixed;inset:0;width:100%;height:100vh;padding:1.25rem;background:var(--ww);overflow:auto;color:var(--text);} #pop .searchClose{position:absolute;top:.7rem;right:1rem;width:2rem;height:2rem;border:0;background:none;color:var(--text);cursor:pointer;} #pop .searchClose:before{content:'\2715';display:block;font-size:2rem;line-height:2rem;text-align:center;} #pop .searchForm{margin:4rem auto 1.5rem;max-width:42rem;} #pop .searchField{position:relative;} #pop .searchField:before{content:'';position:absolute;left:1rem;top:50%;width:1.2rem;height:1.2rem;transform:translateY(-50%);background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27black%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M2%2010A1%201%200%200018%208%201%201%200%20002%2010M16%2015%2019%2019%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none;} #pop .searchField input{width:100%;height:3.2rem;padding:.4rem 1rem .4rem 3rem;border:1px solid var(--gr);border-radius:2rem;font:inherit;} #pop .searchField input:focus{border-color:var(--gr);outline:none;} #pop .searchSuggest{display:none;max-height:27rem;margin:.35rem 0 0;padding:.35rem;border:1px solid var(--border);border-radius:.75rem;background:var(--ww);box-shadow:0 .25rem .8rem rgba(0,0,0,.08);overflow-y:auto;} #pop .searchSuggest button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .65rem;border:0;border-radius:.45rem;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;} #pop .searchSuggest button:hover{background:rgba(0,0,0,.06);} #pop .searchSuggest small{color:var(--gr);font-size:.78rem;} #pop .searchSuggest .searchSuggestMore{justify-content:center;color:var(--gr);font-weight:600;letter-spacing:.15rem;} #pop .searchTres{margin:0 auto;} #pop .searchEmpty{padding:1rem 0;color:var(--text);text-align:center;} #pop .searchTitle{margin:2rem 0 1rem;color:var(--gr);font-size:1.2rem;} #pop .searchFilters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;} #pop .searchFilters-main,#pop .searchFilters-sub{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;} #pop .searchFilters-sub{display:none;margin:.25rem 0 0;padding-left:1rem;} #pop .searchFilters button{border:1px solid var(--border);border-radius:2rem;background:var(--ww);color:var(--text);padding:.35rem .75rem;font:inherit;font-size:.85rem;cursor:pointer;} #pop .searchFilters button.sel{background:rgba(0,0,0,.08);color:var(--text);} #pop .searchPoi{margin-bottom:2rem;} #pop .searchExtend{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 1rem;} #pop .searchExtend span{font-style:italic;color:var(--text);} #pop .searchExtend button{border:1px solid var(--gr);border-radius:2rem;background:var(--ww);color:var(--gr);padding:.35rem .8rem;font:inherit;cursor:pointer;} #pop .searchExtend button.sel{background:var(--gr);color:var(--ww);} #pop .searchPoi .blklistTools{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 0;} #pop .searchPoi .nbRes{position:static;margin-left:auto;color:var(--gr);line-height:1.2;text-align:right;white-space:nowrap;} #pop .searchPoi .blklisting{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;padding:0;margin:0;list-style:none;} #pop .searchPoi .blklisting > li{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:.75rem;background:var(--ww);box-shadow:0 .2rem .3rem rgba(0,0,0,.1);} #pop .searchPoi .blklisting > li > .fav{position:absolute;z-index:4;top:.7rem;right:.7rem;} #pop .searchPoi .blklisting > li > .search-karn-action{position:absolute;z-index:4;top:.7rem;right:3.15rem;width:2rem;height:2rem;min-height:0;padding:0;border:0;border-radius:50%;background-color:rgba(0,0,0,.28);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27none%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M5%204%205%2015C5%2017%205%2019%208%2016%2010%2014%2010%2014%2012%2016%2015%2019%2015%2017%2015%2015L15%204C15%202%2015%202%2013%202L7%202C5%202%205%202%205%204Z%27%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;transition:.2s;} #pop .searchPoi .blklisting > li > .search-karn-action:hover{transform:scale(1.1);} #pop .searchPoi .blklisting > li > .search-karn-action.has-karn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27white%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M5%204%205%2015C5%2017%205%2019%208%2016%2010%2014%2010%2014%2012%2016%2015%2019%2015%2017%2015%2015L15%204C15%202%2015%202%2013%202L7%202C5%202%205%202%205%204Z%27%2F%3E%3C%2Fsvg%3E");} #pop .searchPoi .blklisting a{display:flex;flex-direction:column;color:var(--text);text-decoration:none;height:100%;} #pop .searchPoi .blklist2img{height:150px;overflow:hidden;} #pop .searchPoi .blklist2img>div,#pop .searchPoi img,#pop .searchPoi picture,#pop .searchPoi video{width:100%;height:100%;object-fit:cover;display:block;} #pop .searchPoi .blklist2data{flex:1;padding:1rem 1rem 0;background:var(--ww);display:flex;flex-direction:column;justify-content:flex-start;position:relative;} #pop .searchPoi .blklist2data[data-stars]:after{content:attr(data-stars);position:absolute;top:-.7rem;right:1rem;z-index:2;color:var(--or);font-family:Arial,sans-serif;font-size:1.5rem;line-height:1;letter-spacing:0;pointer-events:none;} #pop .searchPoi .blklist2data > div{display:flex;align-items:center;} #pop .searchPoi .blklist2datatit>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:var(--text);height:3rem;margin-bottom:.8rem;} #pop .searchPoi .blklist2data > .blklist2date{display:block;margin:-.35rem 0 .65rem;color:#000;font-size:.9rem;line-height:1.25;} #pop .searchPoi .blklist2datadata{display:flex;align-items:center;width:100%;color:var(--gr);font-size:.85rem;} #pop .searchPoi .blklist2datadata > span > span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #pop .searchPoi .blklist2vil{flex:1 1 0;min-width:0;overflow:hidden;} #pop .searchPoi .blklist2km{display:inline-flex;flex:0 0 auto;margin-left:auto;white-space:nowrap;} #pop .searchPoi .blklist2km>span{font-size:.9rem;} #pop .searchPoi .blklist2km>span:before{content:'';display:inline-block;width:1rem;height:.7rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%27.8rem%27%20viewBox%3D%270%200%2016%2022%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27M3%2012%208%2021%2013%2012C20-2-4-2%203%2012ZM5%208A1%201%200%201111%208%201%201%200%20115%208Z%27%2F%3E%3C%2Fsvg%3E");background-size:cover;} #pop .searchPoi .blklist2dp,#pop .searchPoi .blklist2cat{width:100%;} #pop .searchPoi .blklist2dp>span,#pop .searchPoi .blklist2cat>span{margin-left:-.5rem;padding:.1rem .5rem;border-radius:1rem;} #pop .searchPoi .blklist2dp>span{background:#008f951f;font-style:italic;} #pop .searchPoi .blklist2cat>span{background:var(--gr);color:var(--ww);} #pop .searchPoi .blklist2datadata > span > span.blklistno{background:none;color:inherit;} #pop .searchGuides ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:0;margin:0;list-style:none;} #pop .searchGuides li{position:relative;} #pop .searchGuides li > .fav{position:absolute;z-index:4;top:.7rem;right:.7rem;} #pop .searchGuides a{position:relative;text-decoration:none;color:var(--text);font-size:.9rem;text-align:center;transition:.2s;} #pop .searchGuides a:hover img{transform:scale(1.3);} #pop .searchGuides .col_img{aspect-ratio:1/1;overflow:hidden;border-radius:.5rem;box-shadow:.1rem -.1rem .3rem rgba(0,0,0,.2);} #pop .searchGuides .col_img img,#pop .searchGuides .col_img picture,#pop .searchGuides .col_img video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;} #pop .searchArticles .artlist-listing{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;padding:0;margin:0;list-style:none;} #pop .searchArticles .artlist-listing li{position:relative;border-radius:.5rem;overflow:hidden;transition:.2s;} #pop .searchArticles .artlist-listing li:hover{transform:scale(1.04);z-index:2;} #pop .searchArticles .artlist-listing a{position:relative;display:block;text-decoration:none;color:var(--text);font-size:.9rem;text-align:center;} #pop .searchArticles .col_img{aspect-ratio:1/1.25;position:relative;overflow:hidden;border-radius:.5rem;box-shadow:.1rem -.1rem .3rem rgba(0,0,0,.2);} #pop .searchArticles .col_img:before{content:"";background:radial-gradient(circle, rgba(0,0,0,0) 40%, rgba(0,0,0,.7) 100%);width:100%;height:100%;top:0;position:absolute;z-index:1;left:0;border-radius:.5rem;pointer-events:none;} #pop .searchArticles .col_img img,#pop .searchArticles .col_img picture,#pop .searchArticles .col_img video{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;} #pop .searchArticles .artlist-listing li:hover img{transform:scale(1.08);} #pop .searchArticles .col_atxt{--col-line-height:1.25;--col-acl-lines:1;--col-atit-lines:3;position:absolute;bottom:.5rem;left:.5rem;right:.5rem;color:var(--ww);font-size:1rem;padding:.5rem .6rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.35rem;z-index:2;} #pop .searchArticles .col_atxt span{color:inherit;} #pop .searchArticles .col_acl{width:auto;max-width:100%;border-radius:1rem;border:1px solid white;font-size:.6rem;line-height:var(--col-line-height);display:inline-flex;align-items:center;position:relative;justify-content:flex-start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:0;flex-direction:row;padding:0 .5rem;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);isolation:isolate;} #pop .searchArticles .col_acl > span{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:.25rem;} #pop .searchArticles .col_acl:after{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,.3);z-index:-1;position:absolute;top:0;left:0;filter:blur(1rem);} #pop .searchArticles .col_atit{width:100%;line-height:var(--col-line-height);min-height:calc(1em * var(--col-line-height) * var(--col-atit-lines));max-height:calc(1em * var(--col-line-height) * var(--col-atit-lines));display:flex;align-items:center;font-weight:400;} #pop .searchArticles .col_atit > span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} #pop .searchArticles .col_adp{width:100%;font-size:.85rem;line-height:var(--col-line-height);} #pop .searchArticles .col_adp > span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .fav{width:2rem;height:2rem;border:0;border-radius:50%;cursor:pointer;background-color:rgba(0,0,0,.28);background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E);background-size:1.25rem;background-position:center;background-repeat:no-repeat;transition:.2s} .fav:hover{transform:scale(1.1)} .favo{background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27white%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E);background-size:1.25rem;} /* Footer */ footer {} #foot{display:flex;flex-direction: column;text-align: left;color: var(--text);width:calc(100% - 2rem);margin:5rem 2rem} #foot>div{ display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-bottom: 2rem;} #foot_tet{font-style:italic} .foot_tit{color:var(--gr);font-weight:500; padding: 1.7rem 0;} .foot_uri{padding: .25rem 0;cursor:pointer} #foot_c{display:flex;margin-bottom: 5rem;} #foot_c>div{padding:1rem} #body{margin:0 1rem} #body>div{min-width:0} #body>div>div {min-width:0} #aff{margin-top:1rem;} div#aff>div, h2 {margin-bottom: 1rem;} /* #aff>div{transform: translateY(5em);opacity: 0;transition: transform 0.6s ease-out, opacity 0.6s ease-out;} #aff>div.reveal{transform: translateY(0);opacity: 1;} */ #aff #affhead{display:flex; justify-content: space-between;} #aff #classi>span{display:inline-block;width:auto;color:var(--ww);padding:.2rem 1rem;font-weight:300;border-radius: 1rem; margin-bottom: .5rem;} #aff #classi>span.incon{background:var(--or);margin-right:1rem} #aff #classi>span.incon:before{content:'★';display:inline-block;margin: 0 .5rem 0 -.5rem;} #aff #classi>span.atheme{background:var(--gr);margin-right:1rem} #aff #classi>span.part{} #aff #classi>span.part1{background:var(--bl);} #aff #classi>span.part2{background:var(--grc);} #aff #labcat{padding: .2rem 1rem;} #aff #labterri{text-align:center} #aff #labterri #labterritxt{margin-top: -1rem;font-size: .8rem;} #aff .ratings{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:1rem} #aff .ratings > div {display:inline-flex;align-items:center;gap:.1rem;line-height:1;} #aff .ratings > div > span{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;line-height:1;vertical-align:middle;} #aff .ratings > div > span:before{content:'';display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--or);line-height:1;background-position:center;background-size:contain;} #aff .ratings .ratings_star span:before{content:"★";} #aff .ratings .ratings_cles span:before{background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%28251%2C187%2C33%29%27%20fill%3D%27none%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27m12%203A1%201%200%200018%208a1%201%200%2000-6-5M12%208%202%2018M9%2011%2012%2014M6%2014%209%2017%27%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat;} #aff .ratings .ratings_epis span:before{background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%28251%2C187%2C33%29%27%20fill%3D%27none%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M10%200%2010%2020M4%203%2010%207%2016%203M4%207%2010%2011%2016%207M4%2011%2010%2015%2016%2011%27%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat;} #aff .ratings .ratings_star span:before{font-size:1rem;font-family:Arial, sans-serif;transform:translateY(-.02rem);} #aff .ratings .ratings_michelin span:before{ background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2016%27%20stroke%3D%27rgb%28251%2C187%2C33%29%27%20fill%3D%27none%27%20%3E%3Cpath%20d%3D%27m8.5%206.2c4-7-6-7-2%200-5-7-9%202-1%202-8%200-4%209%201%202-4%207%206%207%202%200%205%207%209-2%201-2%208%200%204-9-1-2%27%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat;} #datesEvent{position:relative;display:inline-flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap;color:var(--text);} #datesEvent .datesEvent-more{border:0;background:none;color:var(--gr);font:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.05rem 0;} #datesEvent .datesEvent-more:before{content:attr(data-text);} #datesEvent .datesEvent-pop{display:none;position:absolute;z-index:30;top:calc(100% + .35rem);left:0;width:auto;overflow:hidden;background:var(--ww);border:1px solid var(--border);border-radius:.4rem;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.16);padding:1.7rem .75rem .45rem;font-size:.9rem;} #datesEvent .datesEvent-close{position:absolute;top:.35rem;right:.45rem;width:1.4rem;height:1.4rem;border:0;background:none;color:var(--text);cursor:pointer;} #datesEvent .datesEvent-close:before{content:'\2715';display:block;font-size:.8rem;line-height:1.4rem;text-align:center;} #datesEvent .datesEvent-pop-content{max-height:calc(10 * 2.2rem);overflow-y:auto;} #datesEvent .datesEvent-pop-content>div{padding:.35rem 0;border-bottom:1px solid rgba(0,0,0,.07);} #datesEvent .datesEvent-pop-content>div:last-child{border-bottom:0;} #datesEvent.datesEvent-open .datesEvent-pop{display:block;} /* #aff #terricat{display:flex;justify-content: space-between;} #aff #terri{font-weight: 600;font-size: 1.1rem;color:var(--gr)} #aff #cat{font-size:1.1rem;font-style:italic;} */ #aff #retit{font-size: 1.8rem; font-weight:400;color:var(--gr)} /* blocs */ #aff .blkt{width: 100%;font-size:1.5rem; /* display:inline-flex;justify-content:space-between;align-items:end; */} #aff .blkd{padding:1rem 0} #aff .blkc{padding:1rem 0;/*background:rgba(0,0,0,.05);*/ border-radius:1rem;margin:1rem 0;} #aff .blkc p{padding:.5rem 0} #aff .blkc ul {display: inline-block;margin: 0 0 0 2rem;} #aff .blkcMore .blkc_ctu { display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; } #aff .blkcMore .blkc_btn { display: none; cursor: pointer; color: var(--gr); padding: .5rem 0; } #aff .blkcMore .blkc_btn:before{content:attr(data-text)} #aff .blkcMore .blkc_btnc:before{content:attr(data-textc)} #aff .blkcMore.blkc_ctu-exp .blkc_ctu { display: block; max-height: none; overflow: visible; } #aff .blkcMore.blkc_ctu-exp .blkc_ctu:after{display:none;} #aff .blkcMore.blkc_ctu-of .blkc_btn:hover {text-decoration:underline} #aff .blkcMore.blkc_ctu-of .blkc_btn {display: inline-block;} #aff .blktxt{/*padding:1rem;margin:1rem 0;background: #e8e8e8; border-radius: 1rem;*/} #aff .blktxt.blktxt1{} #aff .blktxt.blktxt1 .blkc { margin: 0; padding: 0;} #aff .blktxt.blktxt2{} #aff .blktxt.blktxt2 .blkt{} #aff .blktxt.blktxt3{} #aff .blktxt.blktxt3 .tit{color:var(--ora)} #aff .blktxt.blktxt4{} #aff .blktxt.blktxt5{} #aff .blklist{/*margin:2rem 0*/} /* Images en cover */ #aff .blklist .blklisting img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;display: block;} #aff .blklist .blklisting > div:hover img {transform: scale(1.3);} /* blklist1 - Format CARRÉ (images seules - TOUTES visibles en grille responsive) */ #aff .blklist.blklist1 .blklisting {display: grid;gap: 1rem;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));overflow: visible;} #aff .blklist.blklist1 .blklisting > div {width: 100%;height: 0;padding-bottom: 100%;position: relative;border-radius: 0.5rem;cursor: pointer;overflow: hidden;box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2);transition: transform 0.3s ease, box-shadow 0.3s ease;z-index: 1;} #aff .blklist.blklist1 .blklisting > div > div {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #aff .blklist.blklist1 .blklisting > div:hover {transform: scale(1.1);box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.2);z-index: 10;} #aff .blklist2 {position: relative;overflow: visible;width:100%;min-width: 0;margin: 0;} #aff .blklist2 .blklisting {display: flex;overflow-x: auto;overflow-y: visible;gap: 1rem;scroll-behavior: smooth;scrollbar-width: none;padding: 2rem 3rem 4rem 1rem;margin: 0 0 0 -1rem;list-style: none;} #aff .blklist2 .blklisting::-webkit-scrollbar {display: none;} #aff .blklist2 .blklisting > li {flex: 0 0 300px;position: relative;border-radius: 0.75rem;cursor: pointer;overflow: hidden;box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;background: #fff;} #aff .blklist2 .blklisting > li > .fav{position:absolute;z-index:4;top:1rem;right:1rem;} #aff .blklist2 .blklisting > li:last-child {margin-right:50px} #aff .blklist2 .blklisting > li:hover, #aff .blklist2 .blklisting > li.hover-wave {transform: scale(1.1);box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.18);z-index: 10;} #aff .blklist2 .blklisting a {display: flex;flex-direction: column;text-decoration: none;height: 100%;position:relative;} #aff .blklist2 .blklisting a > div.blklist2img {flex: 0 0 230px;overflow: hidden;position: relative;} #aff .blklist2 .blklisting a > div.blklist2img > div {width:100%;height:100%;} #aff .blklist2 .blklisting a > div.blklist2img img, #aff .blklist2 .blklisting a > div.blklist2img picture, #aff .blklist2 .blklisting a > div.blklist2img video {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;} #aff .blklist2 .blklisting > li:hover img, #aff .blklist2 .blklisting > li.hover-wave img {transform: scale(1.1);} #aff .blklist2 .blklist2data {flex: 1;padding:1rem 1rem 0;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;position:relative;} #aff .blklist2 .blklist2data > div {display: flex;align-items: center;} #aff .blklist2 .blklist2data[data-stars]:after, #aff2 #col_partenaires .blklist2data[data-stars]:after { content: attr(data-stars); position: absolute; top: -.7rem; right: 1rem; z-index: 2; color: var(--or); font-family: Arial, sans-serif; font-size: 1.5rem; line-height: 1; letter-spacing: 0; /*-webkit-text-stroke: .05rem #fff;*/ pointer-events: none;} .inc1:before { display: inline-flex; position: absolute; background: var(--or); content: "★"; width: 1.5rem; height: 1.5rem; z-index: 1; margin-top:-1.9rem; align-items: center; justify-content: center; border-radius: 1rem; color: var(--ww); font-size: 1rem;border: .1rem solid white; } #aff .blklist2 .blklist2datatit>span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 400;color: var(--text);height: 3rem;margin-bottom: .8rem;} #aff .blklist2 .blklist2data > .blklist2date{display:block;margin:-.35rem 0 .65rem;color:#000;font-size:.9rem;line-height:1.25;} #aff .blklist2 .blklist2datadata {display: flex;align-items: center;width: 100%;color: var(--gr);} #aff .blklist2 .blklist2vil {flex: 1 1 0;min-width: 0;overflow: hidden;} #aff .blklist2 .blklist2km {flex: 0 0 auto;margin-left: auto;white-space: nowrap;border:.1rem dotted transparent;} #aff .blklist2 .blklist2dp, #aff .blklist2 .blklist2cat {width:100%} #aff .blklist2 .blklist2dp>span, #aff .blklist2 .blklist2cat>span{margin-left: -.5rem; padding: .1rem .5rem;border-radius:1rem} #aff .blklist2 .blklist2datadata > span > span{display:inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} #aff .blklist2 .blklist2dp > span{background:#008f951f;font-style:italic} #aff .blklist2 .blklist2cat > span{background: var(--gr);color: var(--ww);} .blklist2vil > span:before, .blklist2km > span:after, .blklist2dp > span:before, .blklist2cat > span:before{content:attr(data-text)} #aff .blklist2 .blklist2datadata > span > span.blklistno{background:none;color:none} #aff .blklist2 .blklist2km>span{font-size:.9rem} #aff .blklist2 .blklist2km>span:before{content:'';display:inline-block;width:1rem;height:.7rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%27.8rem%27%20viewBox%3D%270%200%2016%2022%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27M3%2012%208%2021%2013%2012C20-2-4-2%203%2012ZM5%208A1%201%200%201111%208%201%201%200%20115%208Z%27%2F%3E%3C%2Fsvg%3E");background-size:cover;} #aff .blklist2 .geoNot>span:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%27.8rem%27%20viewBox%3D%270%200%2016%2022%27%20fill%3D%27rgb%28251%2C187%2C33%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27M3%2012%208%2021%2013%2012C20-2-4-2%203%2012ZM5%208A1%201%200%201111%208%201%201%200%20115%208Z%27%2F%3E%3C%2Fsvg%3E");transform:scaleX(1);animation:geoAnim 1.5s linear infinite} @keyframes geoAnim{0%{transform:scaleX(1);}50%{transform:scaleX(0);}100%{transform:scaleX(1);}} #aff .blklist2 .geoNot:hover{border:.1rem dotted rgb(251,187,33);border-radius: .5em;} #aff .blklist2 .blklist-scrollbar {position: relative;left: 50%;bottom: 1.2rem;transform: translateX(-50%);width: 50%;max-width: 520px;min-width: 220px;height:10px;background: rgba(0,0,0,0.08);border-radius: 999px;overflow: hidden;z-index: 100;display: none;} #aff .blklist2 .blklist-scrollbar-thumb {position: absolute;left: 0;height: 100%;width: 40px;background: rgba(0,143,149,0.4);border-radius: inherit;cursor: grab;user-select: none;transition: left 0.1s ease;} #aff .blklist2 .blklist-scrollbar-thumb:active {cursor: grabbing;} @keyframes blklistWave {0% { transform: scale(1); }50% { transform: scale(1.08); }100% { transform: scale(1); }} #aff .blklist2 .blklisting > li.hover-wave {animation: blklistWave 0.6s ease;} /* variante POI chargée en entier (sans scroll horizontal) */ #aff .blklist2.blklist2full .blklisting { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); overflow: visible; padding: 1rem 0 0; margin: 0; } #aff .blklist2.blklist2full .blklisting > li { flex: initial; } #aff .blklist2.blklist2full .blklisting > li:last-child { margin-right: 0; } #aff .blklist2 .blklistMore{ display:inline-block; margin-top:1rem; color:var(--grc); cursor:pointer; text-decoration:underline; } #aff .blklist2 .blklistMore:before{content:attr(data-text)} #aff .blklist2 .blklistActions{display:flex;gap:1rem;align-items:center;margin-top:1rem} #aff .blklist2 .blklistActions .blklistMore{margin-top:0} #aff .blklist2 .blklistLess{ display:inline-block; color:var(--text); cursor:pointer; text-decoration:underline; } #aff .blklist2 .blklistLess:before{content:attr(data-text)} #aff .blklist2 .blklistMore.is-loading{ opacity:.6; cursor:wait; text-decoration:none; } /*listing Guides #aff .blklist2.blklistG .blklisting a {color: var(--text) !important;} #aff .blklist2.blklistG .blklisting > li {box-shadow: none;border-radius: 0;background:none;text-align: center;} #aff .blklist2.blklistG .blklisting > li:hover{transform:none} #aff .blklist2.blklistG .col_img {aspect-ratio: 1 / 1;overflow: hidden;border-radius: .5rem;box-shadow: .1rem -.1rem .3rem rgba(0, 0, 0, .2);} */ /*listing Guides*/ #aff .blklist2.blklistG .blklisting {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));} #aff .blklist2.blklistG .blklisting a {color: var(--text) !important;} #aff .blklist2.blklistG .blklisting > li {box-shadow: none;border-radius: 0;background:none;text-align: center;} #aff .blklist2.blklistG .blklisting > li:hover{transform:none} #aff .blklist2.blklistG .col_img {aspect-ratio: 1 / 1;overflow: hidden;border-radius: .5rem;box-shadow: .1rem -.1rem .3rem rgba(0, 0, 0, .2);} #aff .blkhero-list{display:flex;flex-direction:column;gap:2rem;margin:0 0 10rem 0;} #aff .blkhero{display:flex;flex-direction:column;gap:1rem;} #aff .blkhero-surtitle{margin:0;color:#000;font-family:var(--ft);font-size:1rem;line-height:1.25;} #aff .blkhero-surtitle-desktop{display:none;} #aff .blkhero-title{margin:0;color:var(--gr);font-size:1.5rem;line-height:1.25;} #aff .blkhero-title-desktop{display:none;} #aff .blkhero-img{order:2;width:min(100%,26rem);aspect-ratio:1/1;margin:0 auto;overflow:hidden;border-radius:.5rem;} #aff .blkhero-img img, #aff .blkhero-img picture, #aff .blkhero-img video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;} #body.page-free-full #aff .blkhero-list{gap:3rem;} #body.page-free-full #aff .blkhero-img{width:min(100%,31.2rem);} #body.page-free-full #aff .blkhero:hover .blkhero-img img, #body.page-free-full #aff .blkhero:hover .blkhero-img picture, #body.page-free-full #aff .blkhero:hover .blkhero-img video{transform:scale(1.08);} #aff .blkhero-body{order:3;display:flex;flex-direction:column;gap:1rem;} #aff .blkhero-txt{line-height:1.55;} #aff .blkhero-action{display:flex;justify-content:center;} #aff .blkhero-btn{display:inline-flex;width:auto;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:2rem;background:var(--gr);color:var(--ww);text-decoration:none;} #aff .blkhero-btn:hover{filter:brightness(.95);} #aff .blkheropro{margin:2rem 0;padding:2rem;background:rgb(20,43,83);color:var(--ww);border-radius:.5rem;} #aff .blkheropro-grid{display:grid;grid-template-columns:1fr;gap:2rem;} #aff .blkheropro-body{display:flex;flex-direction:column;gap:1rem;} #aff .blkheropro-surtitle{color:var(--or);font-family:var(--ft);font-size:1rem;line-height:1.25;} #aff .blkheropro-title{color:var(--ww);font-size:1.5rem;line-height:1.25;} #aff .blkheropro-txt{color:var(--ww);line-height:1.55; margin: 5rem 0;} #aff .blkheropro-txt *{color:var(--ww);} #aff .blkheropro-main{display:flex;align-items:center;justify-content:center;} #aff .blkheropro-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:.5rem 1rem;border:1px solid var(--ww);border-radius:2rem;background:transparent;color:var(--ww);text-decoration:none;text-align:center;} #aff .blkheropro-btn:hover{background:rgba(255,255,255,.12);text-decoration:none;} #aff .blkheropro-links{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;} #aff .blkheropro-links li{display:flex;} #aff .blkaccordeon{margin:2rem 0;} #aff .blkaccordeon .faq-list{max-width:760px;margin:0 auto;} #aff .blkaccordeon .faq-item{border-bottom:1px solid var(--border);} #aff .blkaccordeon .faq-item summary{list-style:none;cursor:pointer;padding:20px 4px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;font-size:16px;color:var(--text);} #aff .blkaccordeon .faq-item summary::-webkit-details-marker{display:none;} #aff .blkaccordeon .faq-chev{flex:0 0 auto;width:.7rem;height:.7rem;border-right:2px solid var(--gr);border-bottom:2px solid var(--gr);transform:rotate(45deg);transition:transform .2s ease;} #aff .blkaccordeon .faq-item[open] .faq-chev{transform:rotate(225deg);} #aff .blkaccordeon .faq-item .a{padding:0 4px 22px;color:var(--text);font-size:15px;line-height:1.6;max-width:640px;} #aff .blkaccordeon .faq-item .a p:first-child{margin-top:0;} #aff .blkaccordeon .faq-item .a p:last-child{margin-bottom:0;} #aff .blkdetoffres{margin:2rem 0;} #aff .blkdetoffres-head{margin:0 0 1.5rem;} #aff .blkdetoffres-surtitle{margin:0 0 .35rem;color:#000;font-family:var(--ft);font-size:1rem;line-height:1.25;} #aff .blkdetoffres-title{margin:0;color:var(--gr);font-size:1.5rem;line-height:1.25;} #aff .blkdetoffres-list{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:0;padding:0;list-style:none;} #aff .blkdetoffre{ display: flex; align-items: flex-start; gap: 2rem; border: 1px solid var(--border); border-radius: 1rem; padding: 1rem; background: rgba(255, 255, 255, .5);} #aff .blkdetoffre-img{flex:0 0 50px;width:50px;max-width:50px;max-height:50px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;} #aff .blkdetoffre-img img, #aff .blkdetoffre-img picture, #aff .blkdetoffre-img video{display:block;max-width:50px;max-height:50px;width:auto;height:auto;object-fit:contain;} #aff .blkdetoffre-body{min-width:0;flex:1;} #aff .blkdetoffre-title{margin:0 0 .35rem;font-weight:700;color:var(--text);line-height:1.25;} #aff .blkdetoffre-txt{color:var(--text);line-height:1.55;} #aff .blkdetoffre-txt p:first-child{margin-top:0;} #aff .blkdetoffre-txt p:last-child{margin-bottom:0;} @media (min-width:768px){ #aff .blkdetoffres-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;} } #aff .con_tit {} #aff .con_tit>span {} #aff .con_det {/*margin: 1rem;*/} #aff .con_det>div {display: flex;/*align-items: center;*/line-height:3rem; gap: 1rem;} #aff .con_det>div:before{content:'';display: block; width: 2rem; margin-top: .3rem; height: 2rem;text-align: center;background-size: contain;background-repeat:no-repeat} #aff .con_det>div>span {word-break: break-word;flex: 1;color: var(--text) !important;} #aff .con_det>div>span a{color: var(--text) !important;} #aff .con_det>div.con_con:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C0%2C0%29%27%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%27M%207%202.5%20A%201%201%200%200%200%207%207%20A%201%201%200%200%200%207%202.5%20Z%20M%2012%2012%20C%2012%206%202%206%202%2012%20Z%27%2F%3E%3C%2Fsvg%3E");} #aff .con_det>div.con_com:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C0%2C0%29%27%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%27m2%205%200%205c0%201%201%202%202%202l6%200c1%200%202-1%202-2l0-5c0-1-1-2-2-2l-6%200c-1%200-2%201-2%202m0%201%205%202%205-2%27%2F%3E%3C%2Fsvg%3E");} #aff .con_det>div.con_cot:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C0%2C0%29%27%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%27m14%2014m-11-11c-2%202%205%2010%207%208l.8-.8c.3-.4.3-.3%200-.6l-1.7-1.4c-.3-.2-.2-.2-.4%200l-.7.8c-1%201-4-3-3-4l.5-.5c.2-.2.2-.1%200-.4l-1.4-1.6c-.2-.2-.2-.2-.5%200l-.6.5zm4%201c1%200%202%201%202%202m-2-3c1.5%200%203%201.6%203%203m-3-4c2%200%204%202%204%204%27%2F%3E%3C%2Fsvg%3E");} #aff .con_det>div.con_cos:before{height:0;/*background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C0%2C0%29%27%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%27m7%202a1%201%200%20000%2010%201%201%200%20000-10zm0%200c-4%200-4%2010%200%2010%204%200%204-10%200-10zm0%200%200%2010m-5-5%2010%200m-9-3c1%201%207%201%208%200m-8%206c1-1%207-1%208%200%27%2F%3E%3C%2Fsvg%3E");*/} #aff .con_det>div.con_coa:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C0%2C0%29%27%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%27m3%206c0-5.4%208-5.4%208%200%200%202-2%204-4%206-2-2-4-4-4-6zm2.5%200a1%201%200%20003%200%201%201%200%2000-3%200%27%2F%3E%3C%2Fsvg%3E");} #aff div.con_cos {display: inline-block;width: 100%;flex-direction: row;align-items: center;margin-left: 3rem;} #aff .con_det>div.con_cos {display: inline-block;width: 100%;flex-direction: row;align-items: center;margin-left: 3rem;} #aff div.con_cos>a {display: inline-flex;align-items:center; gap: 0.5rem;border-radius: 2rem;padding: 0rem 1rem;background: var(--gr);color: var(--ww);text-decoration: none;} #aff div.con_cos>a.con_cos_site {margin-right:1em} #aff div.con_cos>a.con_cos_site:before{content:'';display:block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%202A1%201%200%200010%2018%201%201%200%200010%202C3%202%203%2018%2010%2018%2017%2018%2017%202%2010%202ZM3%206C7%207%2013%207%2017%206M3%2014C7%2013%2013%2013%2017%2014M10%202%2010%2018M2%2010%2018%2010%27%2F%3E%3C%2Fsvg%3E");background-size: contain;background-repeat:no-repeat} #aff div.con_cos>a.con_cos_resa {background:var(--text);} #aff div.con_cos>a.con_cos_resa:before{content:'';display:block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M4%202%202%206%2018%206%2016%202ZM2%206A1%201%200%20006%206%201%201%200%200010%206%201%201%200%200014%206%201%201%200%200018%206M4%208%204%2018%2016%2018%2016%208%27%2F%3E%3C%2Fsvg%3E");background-size: contain;background-repeat:no-repeat} /*#aff div.con_cos>a>img {width: 1.5rem; height: auto; margin-right: .5rem;}*/ #aff .con_det>div.con_cos_rezo>span{cursor:pointer;} #aff .con_det>div.con_cos_rezo>span>img{margin-right: 1rem;border-radius: 2rem;} #aff .con_det>div.con_cos_rezo:before{height:.5rem} .con.conInf>div>div { /* margin-top: 2rem;*/} #aff .conInf span>span{width: 100%;display: inline-block;} #aff .conInf span>span:first-child{font-size: 1.1rem;font-weight:500;} #aff .conInf span>span:nth-child(2) {margin-top: -1rem;display: block;} #aff .conInf .con_det>div {align-items: flex-start;} #aff .conInf .con_det>div:before{margin-top: .5rem;} #aff .con_det>div.con_pets:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke-width%3D%271%27%20stroke%3D%27black%27%3E%3Ccircle%20cx%3D%274.5%27%20cy%3D%279.5%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%275.5%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%275.5%27%20r%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%2719.5%27%20cy%3D%279.5%27%20r%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M17.34%2014.86c1.31%201.31%202.92%202.76%202.61%204.8-.29%201.01-1.02%202.03-2.33%202.32-.73.14-3.06-.44-5.54-.44H11.9c-2.48%200-4.81.59-5.54.44-1.31-.29-2.04-1.3-2.33-2.32-.3-2.03%201.31-3.48%202.62-4.79.88-1.02%201.61-1.89%202.48-2.91.47-.54%201.05-1.08%201.75-1.32.11-.04.22-.07.33-.09.26-.05.53-.05.79-.05s.53%200%20.78.04c.11.02.22.05.33.09.7.24%201.29.78%201.75%201.32.88%201.02%201.61%201.89%202.48%202.91%27%2F%3E%3C%2Fsvg%3E");} #aff .con_det>div.con_mob:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke-width%3D%27.8%27%20stroke%3D%27black%27%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%274.54%27%20r%3D%272%27%2F%3E%3Cpath%20d%3D%27M15%2017h-2c0%201.65-1.35%203-3%203s-3-1.35-3-3%201.35-3%203-3v-2c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5m3-3.5h-1.86l1.67-3.67C18.42%208.5%2017.44%207%2015.96%207h-5.2c-.81%200-1.54.47-1.87%201.2L8.22%2010l1.92.53.65-1.53H13l-1.83%204.1c-.6%201.33.39%202.9%201.85%202.9H18v5h2v-5.5c0-1.1-.9-2-2-2%27%2F%3E%3C%2Fsvg%3E");} #aff .con_det>div.con_lang:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%20124%2094%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M20.15%2083.63%2031.63%2073.4a2.89%202.89%200%20011.91-.73h27.8a.92.92%200%2000.93-.93V65.9H68v5.84a6.71%206.71%200%2001-6.68%206.68H34.62L19.3%2092.07a2.87%202.87%200%2001-4.9-2V78.42H6.69A6.71%206.71%200%20010%2071.74V28.59a6.76%206.76%200%20016.69-6.68H43.35v5.75H6.69a1%201%200%2000-.94.93V71.74a.91.91%200%2000.28.65%201%201%200%2000.66.28H17.27a2.88%202.88%200%20012.88%202.88v8.08Zm.21-19.48L29.6%2036.24h8.83l9.24%2027.91H40.35L38.8%2059.07H29.15l-1.51%205.08ZM30.79%2053.24h6.37L34%2041.81%2030.79%2053.24ZM76.63%2013.35h8.7V11.11a.69.69%200%2001.69-.69h4.65a.68.68%200%2001.68.69v2.24h9.76a.68.68%200%2001.68.69V18.5a.68.68%200%2001-.68.68H99.56a26.3%2026.3%200%2001-.91%203.88v.06a26.07%2026.07%200%2001-1.74%204.15%2032.34%2032.34%200%2001-2.14%203.43c-.67%201-1.41%201.9-2.2%202.83a35.78%2035.78%200%20003.68%203.83%2041.43%2041.43%200%20005.09%203.74.68.68%200%2001.21.94l-2.39%203.73a.69.69%200%2001-1%20.2%2045.88%2045.88%200%2001-5.58-4.08%2041.42%2041.42%200%2001-4-4.1C87.3%2038.93%2086.15%2040%2085%2041c-1.36%201.12-2.79%202.2-4.47%203.36a.69.69%200%2001-1-.17L77%2040.53a.69.69%200%2001.17-1c1.66-1.14%203-2.19%204.36-3.28%201.16-1%202.28-2%203.49-3.16a44.82%2044.82%200%2001-2.77-4.45A28.84%2028.84%200%200180%2022.9a.68.68%200%2001.47-.84l4.27-1.19a.68.68%200%2001.84.47A22.62%2022.62%200%200089%2028.7L90.27%2027a26.33%2026.33%200%20001.51-2.47A19.43%2019.43%200%200093%2021.62a24%2024%200%2000.66-2.44h-17a.69.69%200%2001-.69-.68V14a.69.69%200%2001.69-.69Zm27%2056.82L88.26%2056.51H61.54a6.73%206.73%200%2001-6.69-6.68V6.69a6.71%206.71%200%20012-4.72l.2-.18A6.67%206.67%200%200161.54%200h54.65a6.69%206.69%200%20014.71%202l.19.2a6.69%206.69%200%20011.79%204.51V49.83a6.73%206.73%200%2001-6.69%206.68h-7.7V68.13a2.88%202.88%200%2001-4.91%202ZM91.26%2051.49l11.47%2010.23V53.64a2.88%202.88%200%20012.88-2.88h10.58a.92.92%200%2000.65-.28.91.91%200%2000.29-.65V6.69a1%201%200%2000-.22-.58L116.84%206a1%201%200%2000-.65-.29H61.54A.94.94%200%200061%206h-.11a.92.92%200%2000-.28.65V49.83a.92.92%200%2000.93.93H89.35a2.86%202.86%200%20011.91.73Z%27%2F%3E%3C%2Fsvg%3E");} /* #aff .con_det>div.con_cos_rz{display:inline-flex;margin-top:1rem} #aff .con_det>div.con_cos_rz:before, #aff .con_det>div.con_site:before, #aff .con_det>div.con_resa:before{background: none;} #aff .con_det>div.con_cos_rz>span{cursor: pointer;} #aff .con_det>div.con_cos_rz>span>img{border-radius: 2rem;width: 40px;height: 40px;} #aff .con_det>div.con_resa>span>a, #aff .con_det>div.con_site>span>a{ display: inline-flex;background: #000000c9;color: var(--ww) !important;border-radius: 2rem;text-decoration: none;padding: .5rem 1rem;line-height:1.5rem;} #aff .con_det>div.con_site>span>a{background:var(--gr);} #aff .con_det>div.con_resa>span>a>img, #aff .con_det>div.con_site>span>a>img{width: 1.5rem;height: auto;margin-right: .5rem;} */ #aff #mapping{line-height: 3rem;} #aff .adr{display: flex;gap: 1rem;line-height:3rem;/*align-items:center*/*} #aff .adr:before{content:'';display:block;width:2rem;height:2rem; margin-top: .3rem;} #aff .adrl:before{text-align: center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C0%2C0%29%27%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%27m3%206c0-5.4%208-5.4%208%200%200%202-2%204-4%206-2-2-4-4-4-6zm2.5%200a1%201%200%20003%200%201%201%200%2000-3%200%27%2F%3E%3C%2Fsvg%3E");background-size: contain;background-repeat:no-repeat} #aff .yall{text-align:center; margin-bottom: 1rem;} #aff .adr>span{flex: 1;} #aff .yall>a{gap: 0.5rem;align-items: center;background:var(--gr);color:var(--ww);display:inline-flex;width:auto;padding:0 1rem;margin:.5rem 1rem 0;font-size: .9rem;border-radius: 2rem;text-decoration:none} #aff .yall>a:hover{} #aff .yall>a#yalltr{background:var(--text);} #aff .yall>a#yallgo:before{content:'';display:block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M2%2010%2018%203%2010%2018%208%2012Z%27%2F%3E%3C%2Fsvg%3E");background-size: contain;background-repeat:no-repeat} #aff .yall>a#yalltr:before{content:'';display:block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27m6%202h8c2%200%203%202%203%203v10c0%202%200%202-2%202H5c-2%200-2%200-2-2V5c0-1%201-3%203-3zM2%205v2m16-2v2M8%204h4M3%207h14M3%2012h14m-7-5v5m-5%205v2m10-2v2m-9-4.5a.5.5%200%20001%200%20.5.5%200%2000-1%200m8%200a.5.5%200%2000-1%200%20.5.5%200%20001%200%27%2F%3E%3C%2Fsvg%3E");background-size: contain;background-repeat:no-repeat} #aff .yall>a>img {width: 1.5rem;height:auto; margin-right: .5rem;} #aff #infSources{ margin-top: 2rem;font-size:.7rem} #aff #infSources p{margin-bottom:1rem;} #aff #infSources span{width: 100%; display: inline-block;font-weight:400} #aff .blklistTools{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 0;} #aff .viewMap{text-align: center;display: inline-flex; gap: .5rem; padding: 0;} #aff .viewMap>a{ display: inline-flex; background: var(--text); color: var(--ww); align-items: center; gap: .5rem; padding: .25rem .5rem; border-radius: .5rem; text-decoration: none; font-size: 1rem;} #aff .viewMap>a:before{display:block;content:'';width:1.25rem;height:1.25rem;} #aff .viewMap>a.viewMapA:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M2%202%207%205%2012%202%2018%205%2018%2017%2012%2014%207%2017%202%2014ZM7%205%207%2017M12%202%2012%2014%27%2F%3E%3C%2Fsvg%3E); background-size: cover;} #aff .viewMap>a.viewMapF{background:none;color:var(--txt);border: 1px solid;} #aff .viewMap>a.viewMapF:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%2833%2C37%2C41%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M%202%206%20L%2011%206%20M%2016%206%20L%2018%206%20M%202%2014%20L%204%2014%20M%209%2014%20L%2018%2014%20M%2011%206%20A%201%201%200%200%200%2016%206%20A%201%201%200%200%200%2011%206%20M%204%2014%20A%201%201%200%200%200%209%2014%20A%201%201%200%200%200%204%2014%27%2F%3E%3C%2Fsvg%3E); background-size: cover;} #aff .nbRes{position:static;margin-left:auto;color:var(--gr);line-height:1.2;text-align:right;white-space:nowrap;} @media screen and (max-width: 480px){ #aff .blklistTools{flex-wrap:wrap;} #aff .blklistTools .viewMap{max-width:100%;} #aff .blklistTools .nbRes{margin-left:auto;} } #aff .mapDynHolder,#pop .mapDynHolder{position:relative;margin-top:1rem} #aff #map,#aff .mapDyn,#pop .mapDyn { width: 100%; height: 400px;border-radius: 1rem;margin-top:0} #aff .mapDynClose,#pop .mapDynClose{ position:absolute; top:.75rem; right:.75rem; z-index:500; margin:0; display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; min-height:0; padding:0; border:1px solid var(--text); border-radius:999px; background:var(--ww); color:var(--text); font-size:1.3rem; line-height:1; cursor:pointer; } .mapIconEx{width:60px;height:60px;} .mapIconEx .mapIconExInner{ content:'';display:block; background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%2760px%27%20height%3D%2760px%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27rgb%280%2C143%2C149%29%27%3E%3Cpath%20d%3D%27m3%206c0-5.4%208-5.4%208%200%200%202-2%204-4%206-2-2-4-4-4-6zm2.5%200a1%201%200%20003%200%201%201%200%2000-3%200%27%2F%3E%3C%2Fsvg%3E); width:60px; height:60px; background-repeat:no-repeat; background-size:contain; transition:transform .25s ease; transform-origin:center bottom; } .mapIconEx .mapIconExInnerInc{ background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%2760px%27%20height%3D%2760px%27%20viewBox%3D%270%200%2014%2014%27%20fill%3D%27rgb%28251%2C187%2C33%29%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27m3%206c0-5.4%208-5.4%208%200%200%202-2%204-4%206-2-2-4-4-4-6zm4-2.8.674%202.118%202.179%200-1.69%201.233.631%202.121-1.794-1.236-1.794%201.236.631-2.121-1.69-1.233%202.179%200z%27%2F%3E%3C%2Fsvg%3E); } .mapIconEx:hover .mapIconExInner{transform:scale(1.05)} .mapDynPopup{} .mapDynPopup img{object-fit: cover;width: 100%;height: 100%;border-radius: .7rem;border-bottom-right-radius: 0; border-bottom-left-radius: 0;max-height: 150px;} .mapDynPopup span{display: inline-block;width:100%; color: var(--text) !important;padding: .5rem;} .mapDynPopup .mapDynPopupt{font-weight: 600;} .mapDynPopup .mapDynPopupa{} div.leaflet-popup-content-wrapper{padding: 0;} div.leaflet-popup-content{margin: 0;} .leaflet-container a.leaflet-popup-close-button{color: var(--ww) !important; border-radius: .75rem !important; background: var(--text) !important; border-top-left-radius: 0 !important; border-bottom-right-radius: 0 !important; font-size: 1.5rem; width: 2rem; height: 1.8rem;align-items: center; justify-content: center; } #aff .iti-front{width:100%;display:flex;flex-direction:column;gap:2rem;margin:2rem 0} #aff .iti-front-map{width:100%;height:420px;border-radius:1rem;overflow:hidden;background:var(--border)} #aff .iti-front-map .leaflet-routing-container{display:none} #aff .iti-front-map-empty{display:none} #aff .iti-front-list{display:flex;flex-direction:column;gap:1.5rem;width:100%;list-style:none;margin:0;padding:0} #aff .iti-step{display:flex;align-items:stretch;width:100%;min-height:320px;background:var(--ww);border:1px solid var(--border);border-radius:1rem;overflow:hidden} #aff .iti-step-rev{flex-direction:row-reverse} #aff .iti-step-media,#aff .iti-step-info{flex:1 1 50%;min-width:0} #aff .iti-step-media{display:flex;position:relative;align-self:stretch;min-height:320px;background:var(--bg);overflow:hidden} #aff .iti-step-media img,#aff .iti-step-media video{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover} #aff .iti-img-empty{display:block;width:100%;min-height:320px;background:linear-gradient(135deg, rgba(0,143,149,.12), rgba(251,187,33,.16))} #aff .iti-step-info{display:flex;flex-direction:column;justify-content:flex-start;gap:.8rem;padding:2rem} #aff .iti-step-num{font-size:.8rem;font-weight:500;color:var(--gr);text-transform:uppercase} #aff .iti-step-info h3{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.2;font-weight:500;margin:0} #aff .iti-step-txt{font-size:1rem;line-height:1.7} #aff .iti-step-anchor{font-weight:500;color:var(--gr)} #aff .iti-step-link{display:inline-flex;align-self:flex-start;background:var(--gr);color:var(--ww);border-radius:2rem;padding:.55rem 1rem;text-decoration:none} .itiFrontMarker{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gr);border:3px solid var(--ww);box-shadow:0 2px 8px #0004} .itiFrontMarker span{display:block;width:.55rem;height:.55rem;border-radius:999px;background:var(--ww)} .itiFrontMarkerEtp{background:var(--or);border-width:2px} .itiFrontMarkerEtp span{width:.35rem;height:.35rem} .itiFrontPopup{display:block;width:240px;max-width:240px;color:var(--text)} @media screen and (max-width: 767px) { #aff .iti-step,#aff .iti-step-rev{flex-direction:column} #aff .iti-step{min-height:0} #aff .iti-step-media,#aff .iti-img-empty{min-height:220px} #aff .iti-step-info{padding:1.25rem} #aff .iti-front-map{height:340px} } #aff .carte{width:calc(100% - 2rem);/*margin:1rem;*/} #aff #dpinf{position:absolute;top:0;left:0;padding:.5rem 1rem;background:rgba(0,0,0,.7);color:#fff;border-radius:.5rem;pointer-events:none;z-index:1000;display:none;max-width:min(80vw,260px);font-size:.9rem;line-height:1.25;} #dptooltip{position:fixed;top:0;left:0;padding:.35rem .65rem;background:rgba(0,0,0,.82);color:#fff;border-radius:.4rem;pointer-events:none;z-index:1200;display:none;max-width:min(70vw,220px);font-size:.82rem;line-height:1.2;} #aff .carteflex{width:100%;margin-top:1rem} #aff .carteflex>div{position:relative} #aff .cartesvg{width:100%;height:100%} #aff .cartesvg{fill:#008f950a;stroke: var(--gr);stroke-width: 1px;} #aff .cartesvg path{cursor:pointer;transition:.5s} #aff .cartesvg path:hover,#aff .cartesvg .pathover{fill:var(--gr)} #aff .cartesvg path title{color:var(--gr)} #aff .carteflex ul { height:15rem; width: calc(100% - 2rem); scrollbar-gutter: stable both-edges; direction: rtl; margin: 0 1rem; scroll-behavior:smooth; scrollbar-width: thin; scrollbar-color: #0f766e #f3f4f6; overflow-y:auto } #aff .carteflex ul li{display: flex; direction: ltr;} #aff .carteflex ul li a { display: inline-flex; gap: 1rem; align-items: center; width:100%; text-decoration: none; color: var(--gr); flex: 0 0 auto !important;padding: 0 1rem;transition:.2s } #aff .carteflex ul li a svg {display: block;height: 3em;width: 3em;transition:.2s} #aff .carteflex ul li a:hover {background:#008f950a} #aff .carteflex ul li a.is-active {background:#008f950a} #aff .carteflex ul li.liover a svg, #aff .carteflex ul li a:hover svg, #aff .carteflex ul li a.is-active svg {fill:var(--gr)} #aff .carteflex ul::-webkit-scrollbar {width: 8px;} #aff .carteflex ul::-webkit-scrollbar-track {background: #f3f4f6;} #aff .carteflex ul::-webkit-scrollbar-thumb {background-color: #0f766e; border-radius: 9999px; border: 2px solid #f3f4f6;} #aff #labellisee{text-align:center} #aff #labelliseeT{} #aff #labelliseeT span{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;column-gap:.18em;width:fit-content;max-width:100%;color:var(--gr);font-family:var(--fd);font-size:3rem;line-height:1.1;text-align:center;} #aff #labelliseeT span:before, #aff #labelliseeT span:after{content:'';display:block;width:1em;height:1em; background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2032%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27m8%208c0%204-3%206-3%206%200%200-3-2-3-6%200-4%203-6%203-6%200%200%203%202%203%206zm0%200zm0%2016c0%204-3%206-3%206%200%200-3-2-3-6%200-4%203-6%203-6%200%200%203%202%203%206zm0%200zm5-11c4%200%206%203%206%203%200%200-2%203-6%203-4%200-6-3-6-3%200%200%202-3%206-3zm0%200z%27%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-size: cover; } #aff #labelliseeT span:before {transform: scaleX(-1);} #aff #labelliseeI { display: grid; grid-template-columns: repeat(auto-fit, 200px); justify-content: center; align-items: center; /*color: var(--gr); font-weight: 400;*/ width: auto; margin-top: 1rem; } #aff #labelliseeI img {max-height: 100px;width: auto;} #aff .anec{position:relative;} #aff .anec .anec-listing{display: grid;grid-auto-flow: column;grid-auto-columns: 300px;width: 100%;overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;scrollbar-width: none;padding:2rem 3rem 4rem 1rem;margin: 0 0 0 -1rem;} #aff .anec .anec-dote{position: relative;box-shadow: 0 0rem 0.3rem rgba(0, 0, 0, 0.1);padding: 1rem;margin: .5rem;border-radius: 1rem;transition:.2s} #aff .anec .anec-dote:hover{transform:scale(1.05)} #aff .anec .anec-dote:hover .anec-dote-pic > span {transform: rotate(10deg);} #aff .anec .anec-dote img{width:128px;height:128px;border-radius:1rem} #aff .anec .anec-dote-tit{padding: 1.5rem 0 1rem 0;font-size: 1.1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 400;height: 5rem;margin-bottom: .8rem; } #aff .anec .anec-dote-lab{position: absolute;top: 1rem;right: 1rem;width:calc(100% - 2rem - 70px);text-align: right;} #aff .anec .anec-dote-pic>span{display: block;width: 70px;height:64px;border-radius: 1rem;transition: transform 0.25s ease;text-align:center; background-size: cover; background-position: center;} #aff .anec .anec-dote-txt{display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;} #aff .anec .anec-dote-txt.is-open{-webkit-line-clamp: unset;overflow: visible;} #aff .anec .anec-more {display:inline-block;padding:1rem 1rem 0 0;font-size: .9rem;cursor: pointer;} #aff .anec .anec-more:hover {text-decoration: underline;} #aff .anec .anec-more:before{content:attr(data-text)} #aff .anec .anec-morec:before{content:attr(data-textc)} #aff .anec .anec-scrollbar {position: absolute;left: 50%;bottom: 1.2rem;transform: translateX(-50%);width: 50%;max-width: 520px;min-width: 220px;height: 8px;background: rgba(0,0,0,0.08);border-radius: 999px;overflow: hidden;z-index: 100;display: none;} #aff .anec .anec-scrollbar-thumb {position: absolute;left: 0;height: 100%;width: 40px;background: rgba(0,143,149,0.4);border-radius: inherit;cursor: grab;user-select: none;transition: left 0.1s ease;} #aff .anec .anec-scrollbar-thumb:active {cursor: grabbing;} #aff .ytb{position:relative;} #aff .ytb .ytb-listing{display:grid;grid-auto-flow:column;grid-auto-columns:300px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:2rem 3rem 4rem 1rem;margin:0 0 0 -1rem;} #aff .ytb .ytb-short{position:relative;aspect-ratio:9 / 16;margin:.5rem;border-radius:1rem;overflow:hidden;box-shadow:0 0rem 0.3rem rgba(0,0,0,0.1);background:#000;transition:.2s} #aff .ytb .ytb-short:hover{transform:scale(1.03)} #aff .ytb .ytb-short iframe,#aff .ytb .ytb-short .youtube_player,#aff .ytb .ytb-short .tac_activate{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} #aff .ytb .ytb-scrollbar {position: absolute;left: 50%;bottom: 1.2rem;transform: translateX(-50%);width: 50%;max-width: 520px;min-width: 220px;height: 8px;background: rgba(0,0,0,0.08);border-radius: 999px;overflow: hidden;z-index: 100;display: none;} #aff .ytb .ytb-scrollbar-thumb {position: absolute;left: 0;height: 100%;width: 40px;background: rgba(0,143,149,0.4);border-radius: inherit;cursor: grab;user-select: none;transition: left 0.1s ease;} #aff .ytb .ytb-scrollbar-thumb:active {cursor: grabbing;} #aff .artlist{position:relative;} #aff .artlist .artlist-listing{display:grid;grid-auto-flow:column;grid-auto-columns:260px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:2rem 3rem 4rem 1rem;margin:0 0 0 -1rem;list-style:none;} #aff .artlist .artlist-listing::-webkit-scrollbar{display:none;} #aff .artlist .artlist-listing li{position:relative;margin:.5rem;border-radius:.5rem;overflow:hidden;transition:.2s;} #aff .artlist .artlist-listing li:hover{transform:scale(1.04);z-index:2;} #aff .artlist .artlist-listing a{position:relative;display:block;text-decoration:none;color:var(--text);font-size:.9rem;text-align:center;} #aff .artlist .artlist-listing a:hover img{transform:scale(1.3);} #aff .artlist .col_img{aspect-ratio:1 / 1.25;position:relative;overflow:hidden;border-radius:.5rem;box-shadow:.1rem -.1rem .3rem rgba(0,0,0,.2);} #aff .artlist .col_img:before{content:"";background:radial-gradient(circle, rgba(0,0,0,0) 40%, rgba(0,0,0,.7) 100%);width:100%;height:100%;top:0;position:absolute;z-index:1;left:0;border-radius:.5rem;pointer-events:none;} #aff .artlist .col_img img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;} #aff .artlist a .col_atxt{--col-line-height:1.25;--col-acl-lines:1;--col-atit-lines:3;position:absolute;bottom:.5rem;left:.5rem;right:.5rem;color:var(--ww);font-size:1rem;padding:.5rem .6rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.35rem;z-index:2;} #aff .artlist a .col_atxt span{color:inherit} #aff .artlist a .col_acl{width:auto;max-width:100%;border-radius:1rem;border:1px solid white;font-size:.6rem;line-height:var(--col-line-height);display:inline-flex;align-items:center;position:relative;justify-content:flex-start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:0;flex-direction:row;padding:0 .5rem;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);isolation:isolate} #aff .artlist a .col_acl > span{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:.25rem} #aff .artlist a .col_acl:after{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,.3);z-index:-1;position:absolute;top:0;left:0;filter:blur(1rem);} #aff .artlist a .col_atit{width:100%;line-height:var(--col-line-height);min-height:calc(1em * var(--col-line-height) * var(--col-atit-lines));max-height:calc(1em * var(--col-line-height) * var(--col-atit-lines));display:flex;align-items:center;font-weight:400;} #aff .artlist a .col_atit > span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} #aff .artlist a .col_adp{width:100%;font-size:.85rem;line-height:var(--col-line-height);} #aff .artlist a .col_adp > span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #aff .artlist .artlist-scrollbar {position:absolute;left:50%;bottom:1.2rem;transform:translateX(-50%);width:50%;max-width:520px;min-width:220px;height:8px;background:rgba(0,0,0,0.08);border-radius:999px;overflow:hidden;z-index:100;display:none;} #aff .artlist .artlist-scrollbar-thumb {position:absolute;left:0;height:100%;width:40px;background:rgba(0,143,149,0.4);border-radius:inherit;cursor:grab;user-select:none;transition:left 0.1s ease;} #aff .artlist .artlist-scrollbar-thumb:active {cursor:grabbing;} #aff .tran{position:relative;} #aff .tran .tran-listing{display: grid;grid-auto-flow: column;grid-auto-columns: 300px;width: 100%;overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;scrollbar-width: none;padding:2rem 3rem 4rem 1rem;margin: 0 0 0 -1rem;} #aff .tran .tran-port{position: relative;box-shadow: 0 0rem 0.3rem rgba(0, 0, 0, 0.1);padding: 1rem;margin: .5rem;border-radius: 1rem;background:var(--grc2);transition:.2s} #aff .tran .tran-port:hover{transform:scale(1.05)} #aff .tran .tran-port:hover .tran-port-pic > span {transform: rotate(10deg);} #aff .tran .tran-port img{width:128px;height:128px;border-radius:1rem} #aff .tran .tran-port-tit{padding: 1.5rem 0 1rem 0;font-size: 1.1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 400;height: 5rem;margin-bottom: .8rem; } #aff .tran .tran-port-lab{position: absolute;top: 1rem;right: 1rem;width:calc(100% - 2rem - 70px);text-align: right;color:var(--grc)} #aff .tran .tran-port-pic>span{display: block;width: 70px;height:64px;border-radius: 1rem;transition: transform 0.25s ease;text-align:center; background-size: cover; background-position: center;} /* A taffer #aff .tran .tran-port-pic #tran-port-pic1{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M11%204A1%201%200%200010%206a1%201%200%20001-2M7%208%206.5%209.7c-.4%201%201%201.4%201.2.4l.4-1.3.8-.4-.4%202.1%202%203%201.1%202.7q1%20.7%201.2-.5l-1.1-3-1.3-2%20.4-1.8c.1667.3667-.2.9.5%201.1l1.4.5c1.1.5%201.3-.7.6-.9l-1.6-.7-.5-1.4q-.7-1.2-2-.9Zm1.7%203-.9%202.2-1.4%201.7c-.5.8.4%201.4%201%201L9%2014l.6-1.8%27%2F%3E%3C%2Fsvg%3E")} */ #aff .tran .tran-port-txt{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} #aff .tran .tran-port-txt.is-open{-webkit-line-clamp: unset;overflow: visible;} #aff .tran .tran-more {display:inline-block;padding:1rem 1rem 0 0;font-size: .9rem;color:var(--grc);cursor: pointer;} #aff .tran .tran-more:hover {text-decoration: underline;} #aff .tran .tran-more:before{content:attr(data-text)} #aff .tran .tran-morec:before{content:attr(data-textc)} #aff .tran .tran-scrollbar {position: absolute;left: 50%;bottom: 1.2rem;transform: translateX(-50%);width: 50%;max-width: 520px;min-width: 220px;height: 8px;background: rgba(0,0,0,0.08);border-radius: 999px;overflow: hidden;z-index: 100;display: none;} #aff .tran .tran-scrollbar-thumb {position: absolute;left: 0;height: 100%;width: 40px;background: rgba(0,143,149,0.4);border-radius: inherit;cursor: grab;user-select: none;transition: left 0.1s ease;} #aff .tran .tran-scrollbar-thumb:active {cursor: grabbing;} #aff .lamel{width: 100dvw; margin-left: calc(50% - 50dvw);box-sizing:border-box} #aff .lamel{width: 100dvw; margin-left: calc(50% - 50dvw);box-sizing:border-box} #aff .lam{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;color:var(--ww);margin-bottom: .2rem;overflow: hidden;cursor:pointer} #aff .lam:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index:1; pointer-events: none; } #aff .lam>img{position: absolute;transition:transform .2s ease; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;} #aff .lam:hover img{transform:scale(1.2)} #aff .lam>div{display: flex; z-index: 2;} /*@keyframes lamWave {0% { transform: scale(1); }50% { transform: scale(1.5); }100% { transform: scale(1); }}*/ @keyframes lamWave {0% { transform: scale(1); }100% { transform: scale(1.5); }} #aff .lamel .hover-wave img {animation: lamWave 5s ease;} #aff .lam_t{ flex-direction: column; /*gap: 1rem;*/ align-items: center;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8)} #aff .lam_tit{font-size:1.5rem;padding: 1rem 0 0;} #aff .lam_txt{padding:1rem 4rem;} #aff .lam_a{} #aff .lam_a a{ color: var(--ww); margin: 1rem; padding: 0 1rem;border-radius: .4rem;text-decoration: none; text-align: center;} #aff .imgOnly{width:100%;text-align:center} #aff .imgOnly>div{width:100%} #aff .imgOnly img{width:100%;border-radius:.5rem} /* #aff .lam a:before { content: ""; display: inline-block; width: 1rem; height: 1rem; background: green; margin: 0 .5rem -.1rem 0; } #aff .lam1 a:before{background-color:rgb(33,37,41);} #aff .lam2 a:before{background-color:rgb(251,187,33);} #aff .lam3 a:before:before{background-color:rgb(0,169,195);} #aff .lam4 a:before{background-color:rgb(21,175,151);} #aff .lam5 a:before{background-color:rgb(0,143,149);} #aff .lam6 a:before{background-color:rgb(0,85,48);} #aff .lam7 a:before{background-color:rgb(16,57,60);} #aff .lam8 a:before{background-color:rgb(116,123,53);} */ #aff #fil *{display:inline-block;color:var(--text);} #aff #fil>span{color:var(--gr)} #aff #fil>a:not(:first-child):before, #aff #fil>span:before {content: '>';display: inline-block;margin:0 .5rem;color: var(--text) !important;} #aff2 ul {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1rem;list-style:none;} #aff2 ul li{position:relative;} #aff2 ul li > .fav{position:absolute;z-index:4;top:.7rem;right:.7rem;} #aff2 ul a{position:relative;text-decoration:none;color:var(--text);font-size: .9rem;text-align:center;transition:.2s;} #aff2 ul a:hover img{transform:scale(1.3);} #aff2 .col_img{aspect-ratio: 1 / 1;overflow: hidden; border-radius: .5rem;box-shadow:.1rem -.1rem .3rem rgba(0,0,0,.2); } #aff2 ul a .col_img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;display: block;} #aff2 #col_partenaires ul {display: grid;grid-template-columns: repeat(auto-fill, 300px);gap: 1rem;list-style:none;} #aff2 #col_partenaires ul li {position: relative;border-radius: 0.75rem;cursor: pointer;overflow: hidden;box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;background: #fff;} #aff2 #col_partenaires ul li > .fav{position:absolute;z-index:4;top:.7rem;right:.7rem;} #aff2 #col_partenaires ul li:hover, #aff2 #col_partenaires ul li.hover-wave {transform: scale(1.1);box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.18);z-index: 10;} #aff2 #col_partenaires ul a {display: flex;flex-direction: column;text-decoration: none;height: 100%;text-align: left;} #aff2 #col_partenaires ul a > div.blklist2img {flex: 0 0 230px;overflow: hidden;position: relative;} #aff2 #col_partenaires ul a > div.blklist2img > div {width:100%;height:100%;} #aff2 #col_partenaires ul a > div.blklist2img img, #aff2 #col_partenaires ul a > div.blklist2img picture, #aff2 #col_partenaires ul a > div.blklist2img video {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;} #aff2 #col_partenaires ul li:hover img, #aff2 #col_partenaires ul li.hover-wave img {transform: scale(1.1);} #aff2 #col_partenaires .blklist2data {flex: 1;padding:0.8rem 1rem 0;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;position:relative;} #aff2 #col_partenaires .blklist2data > div {display: flex;align-items: center;} #aff2 #col_partenaires .blklist2datatit>span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 400;color: var(--text);height: 3rem;margin-bottom: .8rem;} #aff2 #col_partenaires .blklist2data > .blklist2date{display:block;margin:-.35rem 0 .65rem;color:#000;font-size:.9rem;line-height:1.25;} #aff2 #col_partenaires .blklist2datadata {display: flex;align-items: center;width: 100%;color: var(--gr);} #aff2 #col_partenaires .blklist2vil {flex: 1 1 0;min-width: 0;overflow: hidden;} #aff2 #col_partenaires .blklist2km {flex: 0 0 auto;margin-left: auto;white-space: nowrap;border:.1rem dotted transparent;} #aff2 #col_partenaires .blklist2dp, #aff2 #col_partenaires .blklist2cat {width:100%} #aff2 #col_partenaires .blklist2dp>span, #aff2 #col_partenaires .blklist2cat>span{margin-left: -.5rem; padding: .1rem .5rem;border-radius:1rem} #aff2 #col_partenaires .blklist2datadata > span > span{display:inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} #aff2 #col_partenaires .blklist2dp > span{background:#008f951f;font-style:italic} #aff2 #col_partenaires .blklist2cat> span{background: var(--gr);color: var(--ww);} #aff2 #col_partenaires .blklist2datadata > span > span.blklistno{background:none;color:none} #aff2 #col_partenaires .blklist2km>span{font-size:.9rem} #aff2 #col_partenaires .blklist2km>span:before{content:'';display:inline-block;width:1rem;height:.7rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%27.8rem%27%20viewBox%3D%270%200%2016%2022%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27M3%2012%208%2021%2013%2012C20-2-4-2%203%2012ZM5%208A1%201%200%201111%208%201%201%200%20115%208Z%27%2F%3E%3C%2Fsvg%3E");background-size:cover;} .blklist2kmno{display:none} span.ispart{position:absolute;top:1rem;left:1rem;display:inline-block;width:auto;color:var(--ww);padding:.2rem .7rem;font-weight:300;padding:.2rem .5rem;border-radius: 1rem;font-size: .8rem;} span.ispart:before{content:attr(data-text);} span.ispart1{background:var(--bl);} span.ispart2{background:var(--grc);} #aff2 #col_articles .col_img { aspect-ratio: 1 / 1.25; position: relative;} #aff2 #col_articles ul a{display:block;position:relative;overflow:hidden;border-radius:.5rem;} #aff2 #col_articles .col_img:before { content: ""; background: radial-gradient(circle, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); width: 100%; height: 100%; top: 0; position: absolute; z-index: 1; left: 0;border-radius: .5rem; pointer-events: none; } #aff2 #col_articles .col_img img{ position: relative; z-index: 0; } #aff2 #col_articles a .col_atxt { --col-line-height: 1.25; --col-acl-lines: 1; --col-atit-lines: 3; position: absolute; bottom: .5rem; left: .5rem; right: .5rem; color: var(--ww); font-size: 1rem; padding: .5rem .6rem; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: .35rem; z-index: 2; } #aff2 #col_articles a .col_atxt span{color:inherit} #aff2 #col_articles a .col_acl{ width: auto; max-width: 100%; border-radius: 1rem; border: 1px solid white; font-size: .6rem; line-height: var(--col-line-height); display: inline-flex; align-items: center; position: relative; justify-content: flex-start; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 0; flex-direction: row; padding:0 .5rem; background: rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem);isolation: isolate} #aff2 #col_articles a .col_acl > span{ display: inline-block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;padding:.25rem } #aff2 #col_articles a .col_acl:after { content: ""; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, .3); z-index: -1; position: absolute; top: 0; left: 0; filter: blur(1rem); } #aff2 #col_articles a .col_atit{ width: 100%; line-height: var(--col-line-height); min-height: calc(1em * var(--col-line-height) * var(--col-atit-lines)); max-height: calc(1em * var(--col-line-height) * var(--col-atit-lines)); display: flex; align-items: center; font-weight: 400; } #aff2 #col_articles a .col_atit > span{ display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; } #aff2 #col_articles a .col_adp{ width: 100%; font-size: .85rem; line-height: var(--col-line-height); } #aff2 #col_articles a .col_adp > span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #col_guides{transition: margin-top .3s ease;} #aff2 .col_a,#pop .col_a{width:100%;text-align:center;margin-top:2rem;font-size: .9rem;} #aff2 .col_a a,#pop .col_a a{background:var(--gr);color: var(--ww);display: inline-flex;width: auto;padding: .5rem 1rem;border-radius: 2rem;text-decoration: none;} .tit{font-size:1.5rem;font-weight:500;color:var(--gr);width: auto;display: inline-block;margin: 1rem 0;line-height: 1.3;} #aff .tit {margin-top:2rem} .tit>span{color:var(--text);} .tit:after{content:'\00a0'; display: inline; white-space: nowrap; padding-right: .9rem; margin-left: .25rem; padding-top: 0.3rem; font-size: .8rem; margin-top: -.5rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2032%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27m8%208c0%204-3%206-3%206%200%200-3-2-3-6%200-4%203-6%203-6%200%200%203%202%203%206zm0%200zm0%2016c0%204-3%206-3%206%200%200-3-2-3-6%200-4%203-6%203-6%200%200%203%202%203%206zm0%200zm5-11c4%200%206%203%206%203%200%200-2%203-6%203-4%200-6-3-6-3%200%200%202-3%206-3zm0%200z%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:cover} .blktxt3 .tit:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2032%27%20fill%3D%27rgb%28220%2C165%2C58%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27m8%208c0%204-3%206-3%206%200%200-3-2-3-6%200-4%203-6%203-6%200%200%203%202%203%206zm0%200zm0%2016c0%204-3%206-3%206%200%200-3-2-3-6%200-4%203-6%203-6%200%200%203%202%203%206zm0%200zm5-11c4%200%206%203%206%203%200%200-2%203-6%203-4%200-6-3-6-3%200%200%202-3%206-3zm0%200z%27%2F%3E%3C%2Fsvg%3E");} .blktxt6 .tit:after{padding:1rem 0rem 1rem 3rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2070%2055%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke%3D%27none%27%3E%3Cpath%20d%3D%27m4%207c-4%202-1%2010%203%208%204-2%201-10-3-8zm10-5c-5%201-5%2010%201%209%205-1%205-10-1-9zm11%200c-6-1-6%208-1%209%206%201%206-8%201-9zm10%205c-4-2-7%206-3%208%204%202%207-6%203-8zm-5%2014c-8-9-13-9-21%200-3%203-2%209%203%207%205-2%209-2%2014%200%206%202%207-4%204-7zm5%207c-4%202-1%2010%203%208%204-2%201-10-3-8zm10-5c-5%201-5%2010%201%209%205-1%205-10-1-9zm11%200c-6-1-6%208-1%209%206%201%206-8%201-9zm10%205c-4-2-7%206-3%208%204%202%207-6%203-8zm-5%2014c-8-9-13-9-21%200-3%203-2%209%203%207%205-2%209-2%2014%200%206%202%207-4%204-7z%27%2F%3E%3C%2Fsvg%3E");background-size:contain;} #pop{display:block;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100vh;overflow-x:hidden;} #pop.uex-account-layer{z-index:4950;} #pop:before{display:block;content:'';position:fixed;z-index:-1;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8)} #pop #popImg{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} #pop #popImg > img{max-width: 100%;max-height: 100%;} #pop .popImgNav{position:fixed;top:calc(50vh - 2rem);width:3rem;height: 3rem;font-size: 1.5rem;background: rgba(0, 0, 0, .5);border-radius: 2rem;color: var(--ww);border: 0;cursor:pointer;transition:.2s} #pop .popImgNav:hover{background: rgba(0, 0, 0, .8);} #pop #popImgP{left:2rem} #pop #popImgN{right:3rem} #pop #popImgClose { position: fixed; top: 2rem; right:3rem; width: 2rem; height: 2rem; background: none; color: var(--ww); border: none;cursor:pointer;transition:.2s} #pop #popImgClose:before{content: '\2715'; /* ta croix */ color: var(--ww); font-size: 2rem; line-height: 2rem; display: block; text-align: center;} #pop #popImgBottom{ position: fixed; bottom: 0;width:100% } #pop #popImgPoints{width:100%; color: var(--ww);text-align:center} #pop #popImgPoints>span{display: inline-block; width: .5rem; height: .5rem; background: rgba(255, 255, 255, .2); border-radius: 1rem; margin: .2rem;} #pop #popImgPoints>span.selpip{background:rgba(255,255,255,.7)} #pop #popImgDatas{display:flex;background: rgba(0, 0, 0, .5); width: 100%; color: var(--ww); align-items: center; justify-content: center; flex-wrap: wrap; /* permet au contenu de passer à la ligne */ overflow-wrap: break-word; word-break: break-word; padding: .5em; font-size: .8rem;} #pop #popImgDatas>span{width:100%;text-align:center} #pop .uex-pop{position:fixed;inset:0;width:100%;max-width:100%;height:100vh;margin:0;padding:1.25rem;background:var(--ww);border-radius:0;box-shadow:none;color:var(--text);overflow-x:hidden;overflow-y:auto;} #pop .uex-title{margin:0 2rem 1rem 0;font-size:1.35rem;color:var(--gr);} #pop .uex-close{position:absolute;top:.7rem;right:1rem;width:2rem;height:2rem;border:0;background:none;color:var(--text);cursor:pointer;} #pop .uex-close:before{content:'\2715';display:block;font-size:2rem;line-height:2rem;text-align:center;} #pop .uex-pop form{display:flex;flex-direction:column;gap:.8rem; margin-bottom: 1rem;} #pop .uex-pop label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;} #pop .uex-pop input,#pop .uex-pop select{box-sizing:border-box;width:100%;padding:.65rem;border:1px solid var(--border);border-radius:.25rem;font:inherit;background:var(--ww);} #pop .uex-pass-wrap{position:relative;display:block;} #pop .uex-pop .uex-pass-wrap input{padding-right:2.6rem;} #pop .uex-pop .uex-pass-toggle{position:absolute;top:50%;right:.4rem;transform:translateY(-50%);width:2rem;height:2rem;min-height:0;padding:0;border:0;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27black%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%204C5%204%203%207%202%208%201%209%201%2011%202%2012%203%2013%205%2016%2010%2016%2015%2016%2017%2013%2018%2012%2019%2011%2019%209%2018%208%2017%207%2015%204%2010%204Z%27%2F%3E%3Cpath%20d%3D%27M6%2010A1%201%200%200014%2010%201%201%200%20006%2010Z%27%2F%3E%3C%2Fsvg%3E") center/1.2rem no-repeat;cursor:pointer;} #pop .uex-pop .uex-pass-toggle.is-visible{opacity:.55;} #pop .uex-pop button{width:max-content;padding:.55rem .8rem;border:1px solid var(--gr);border-radius:.25rem;background:var(--gr);color:var(--ww);cursor:pointer;} #pop .uex-pop .mapDynClose{position:absolute;top:.75rem;right:.75rem;z-index:500;margin:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-height:0;padding:0;border:1px solid var(--text);border-radius:999px;background:var(--ww);color:var(--text);font-size:1.3rem;line-height:1;cursor:pointer;} #pop .uex-pop .uex-close{border:0;background:none;color:var(--text);padding:0;border-radius:0;} #pop .uex-pop .uex-forgot,#pop .uex-pop .uex-register,#pop .uex-pop .uex-login-back,#pop .uex-pop .uex-logout{border:0;background:none;color:var(--gr);padding:.2rem 0;text-decoration:underline;} #pop .uex-pop .uex-logout{display:inline-flex;align-items:center;gap:.35rem;width:max-content;padding:.55rem .8rem;border:1px solid #a62222;border-radius:.25rem;background:#a62222;color:var(--ww);text-decoration:none;cursor:pointer;} #pop .uex-pop .uex-logout:before{content:'';display:block;width:1rem;height:1rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%274rem%27%20height%3D%274rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20fill%3D%27none%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M7%206C2%207%202%2018%2010%2018%2018%2018%2018%207%2013%206M10%202%2010%2011%27%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:1rem;} #pop .uex-error{margin-bottom:.8rem;color:#a62222;} #pop .uex-message{margin-bottom:.8rem;} #pop .uex-account{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;} #pop .uex-account-pop{width:100%;max-width:100%;max-height:none;overflow-x:hidden;overflow-y:auto;} #pop .uex-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0 0 1rem;padding-bottom:.15rem;} #pop .uex-pop .uex-tabs button{width:100%;padding:.65rem .2rem;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;color:var(--text);text-align:left;} #pop .uex-pop .uex-tabs button.sel{border-bottom-color:var(--gr);background:none;color:var(--gr);} #pop .uex-pop .uex-tabs .uex-tab-fav{display:flex;gap:.25rem;align-items:center;} #pop .uex-pop .uex-tabs .uex-tab-heart{display:inline-block;width:1rem;height:1rem;flex:0 0 auto;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20fill%3D%27none%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E") center/1rem no-repeat;} #pop .uex-tab-content{margin-bottom:1rem;} #pop .uex-tab-content,#pop .uex-favorites,#pop .uex-karnets,#pop .uex-fav-list,#pop .uex-guide-list,#pop .uex-karn-list{min-width:0;max-width:100%;} #pop .uex-informations{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:1rem;} #pop .uex-informations .uex-message{grid-column:1 / -1;} #pop .uex-favorites{margin:1rem 0 1.2rem;} #pop .uex-favorites-title{margin-bottom:.7rem;font-size:1.1rem;color:var(--gr);} #pop .uex-favorites-empty{padding:.8rem 0;color:var(--text);} #pop .viewMap{display:inline-flex;gap:1rem;align-items:center;margin:0 0 1rem;} #pop .viewMap>a{display:inline-flex;gap:.4rem;align-items:center;width:max-content;padding:.25rem .5rem;border:1px solid var(--text);border-radius:.25rem;background:var(--text);color:var(--ww);text-decoration:none;cursor:pointer;} #pop .viewMap>a:before{display:block;content:'';width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:center;background-size:cover;} #pop .viewMap>a.viewMapA:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M2%202%207%205%2012%202%2018%205%2018%2017%2012%2014%207%2017%202%2014ZM7%205%207%2017M12%202%2012%2014%27%2F%3E%3C%2Fsvg%3E);} #pop .viewMap>a.viewMapF{background:none;color:var(--text);border-color:var(--text);} #pop .viewMap>a.viewMapF:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%2833%2C37%2C41%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M%202%206%20L%2011%206%20M%2016%206%20L%2018%206%20M%202%2014%20L%204%2014%20M%209%2014%20L%2018%2014%20M%2011%206%20A%201%201%200%200%200%2016%206%20A%201%201%200%200%200%2011%206%20M%204%2014%20A%201%201%200%200%200%209%2014%20A%201%201%200%200%200%204%2014%27%2F%3E%3C%2Fsvg%3E);} #pop .uex-fav-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;padding:0;margin:0;list-style:none;} #pop .uex-fav-list li{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:.75rem;background:var(--ww);box-shadow:0 .2rem .3rem rgba(0,0,0,.1);} #pop .uex-fav-list a{display:flex;flex-direction:column;color:var(--text);text-decoration:none;} #pop .uex-fav-list .blklist2img{height:150px;overflow:hidden;} #pop .uex-fav-list .blklist2img>div,#pop .uex-fav-list img,#pop .uex-fav-list picture,#pop .uex-fav-list video{width:100%;height:100%;object-fit:cover;display:block;} #pop .uex-fav-list .blklist2data{flex:1;padding:1rem 1rem 0;background:var(--ww);display:flex;flex-direction:column;justify-content:flex-start;position:relative;} #pop .uex-fav-list .blklist2data[data-stars]:after{content:attr(data-stars);position:absolute;top:-.7rem;right:1rem;z-index:2;color:var(--or);font-family:Arial,sans-serif;font-size:1.5rem;line-height:1;letter-spacing:0;pointer-events:none;} #pop .uex-fav-list .blklist2datatit>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:var(--text);height:3rem;margin-bottom:.8rem;} #pop .uex-fav-list .blklist2data > .blklist2date{display:block;margin:-.35rem 0 .65rem;color:#000;font-size:.9rem;line-height:1.25;} #pop .uex-fav-list .blklist2datadata{display:flex;align-items:center;width:100%;color:var(--gr);font-size:.85rem;} #pop .uex-fav-list .blklist2datadata > span > span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #pop .uex-fav-list .blklist2vil{flex:1 1 0;min-width:0;overflow:hidden;} #pop .uex-fav-list .blklist2km{display:none;} #pop .uex-fav-list .blklist2dp,#pop .uex-fav-list .blklist2cat{width:100%;} #pop .uex-fav-list .blklist2dp>span,#pop .uex-fav-list .blklist2cat>span{margin-left:-.5rem;padding:.1rem .5rem;border-radius:1rem;} #pop .uex-fav-list .blklist2dp>span{background:#008f951f;font-style:italic;} #pop .uex-fav-list .blklist2cat>span{background:var(--gr);color:var(--ww);} #pop .uex-fav-list .blklist2datadata > span > span.blklistno{background:none;color:inherit;} #pop .uex-fav-list li > .fav{position:absolute;z-index:4;top:.7rem;right:.7rem;} #pop .uex-pop .uex-fav-list li > button.fav{width:2rem;height:2rem;min-height:0;padding:0;border:0;border-radius:50%;background-color:rgba(0,0,0,.28);background-position:center;background-repeat:no-repeat;background-size:1.25rem;color:transparent;font-size:0;} #pop .uex-pop .uex-fav-list li > button.fav.favo{background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27white%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E);} #pop .uex-pop .uex-fav-list li > .uex-karn-assign,#pop .uex-pop .uex-fav-list li > .uex-karn-remove-icon{position:absolute;z-index:4;top:.7rem;right:3.15rem;width:2rem;height:2rem;min-height:0;padding:0;border:0;border-radius:50%;background-color:rgba(0,0,0,.28);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27none%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M5%204%205%2015C5%2017%205%2019%208%2016%2010%2014%2010%2014%2012%2016%2015%2019%2015%2017%2015%2015L15%204C15%202%2015%202%2013%202L7%202C5%202%205%202%205%204Z%27%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;transition:.2s;} #pop .uex-pop .uex-fav-list li > .uex-karn-assign:hover,#pop .uex-pop .uex-fav-list li > .uex-karn-remove-icon:hover{transform:scale(1.1);} #pop .uex-pop .uex-fav-list li > .uex-karn-assign.has-karn,#pop .uex-pop .uex-fav-list li > .uex-karn-remove-icon.has-karn{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27white%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M5%204%205%2015C5%2017%205%2019%208%2016%2010%2014%2010%2014%2012%2016%2015%2019%2015%2017%2015%2015L15%204C15%202%2015%202%2013%202L7%202C5%202%205%202%205%204Z%27%2F%3E%3C%2Fsvg%3E");} #pop .uex-guide-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));} #pop .uex-guide-list li{box-shadow:none;border-radius:0;background:none;text-align:center;overflow:visible;} #pop .uex-guide-list li:hover{transform:none;} #pop .uex-guide-list a{color:var(--text) !important;gap:.6rem;} #pop .uex-guide-list .col_img{aspect-ratio:1/1;overflow:hidden;border-radius:.5rem;box-shadow:.1rem -.1rem .3rem rgba(0,0,0,.2);} #pop .uex-guide-list .col_img>div,#pop .uex-guide-list .col_img img,#pop .uex-guide-list .col_img picture,#pop .uex-guide-list .col_img video{width:100%;height:100%;object-fit:cover;display:block;} #pop .uex-pop .uex-fav-remove{position:relative;z-index:2;margin:.1rem .8rem .8rem;border-color:var(--or);background:var(--or);font-size:.8rem;} #pop .uex-fav-karn-screen{display:none;} #pop .uex-favorites.assigning .uex-fav-map-actions,#pop .uex-favorites.assigning .uex-fav-list,#pop .uex-favorites.assigning .mapDynHolder{display:none;} #pop .uex-favorites.assigning .uex-fav-karn-screen{display:flex;flex-direction:column;gap:1rem;} #pop .uex-pop .uex-fav-karn-back{display:flex;width:max-content;height:2.2rem;align-items:center;justify-content:center;gap:.35rem;padding:0 .7rem;border:0;background:var(--gr);color:var(--ww);font-size:1rem;line-height:1;cursor:pointer;} #pop .uex-pop .uex-fav-karn-screen.creating .uex-fav-karn-form{display:none;} #pop .uex-pop .uex-fav-karn-screen.creating .uex-karn-add{display:grid;} #pop .uex-fav-karn-title{width:max-content;max-width:100%;padding:0;border-radius:0;background:none;color:var(--text);font-style:italic;font-weight:400;} #pop .uex-karnets{display:flex;flex-direction:column;gap:1rem;} #pop .uex-pop .uex-karn-back{display:none;width:max-content;height:2.2rem;align-items:center;justify-content:center;gap:.35rem;padding:0 .7rem;border:0;background:var(--gr);color:var(--ww);font-size:1rem;line-height:1;cursor:pointer;} #pop .uex-karn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;} #pop .uex-pop .uex-karn-list button{display:flex;width:100%;min-width:0;flex-direction:column;gap:.45rem;align-items:stretch;padding:0;border:0;border-radius:0;background:none;color:var(--text);text-align:center;cursor:pointer;} #pop .uex-pop .uex-karn-list button.sel{color:var(--gr);} #pop .uex-pop .uex-fav-karn-form .uex-karn-list button{padding:.35rem;border:2px solid transparent;border-radius:.45rem;} #pop .uex-pop .uex-fav-karn-form .uex-karn-list button.sel{border-color:var(--gr);} #pop .uex-pop .uex-fav-karn-validate:disabled{opacity:.45;cursor:not-allowed;} #pop .uex-karn-thumb{position:relative;display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.35rem;background-color:var(--ww);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%274rem%27%20height%3D%274rem%27%20viewBox%3D%270%200%20140%20140%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20fill%3D%27none%27%20stroke-width%3D%274%27%3E%3Cpath%20d%3D%27M105%2055%2089%2050%2052%2060%2019%2050%2019%20117%2052%20126%2089%20117%20125%20127%20125%2060%20114%2057M52%2060%2052%20126M89%2050%2089%20117M110%2063%2099%2045C77%207%20144%207%20121%2045L110%2063M103%2034A1%201%200%2000117%2034%201%201%200%2000103%2034%27%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:50%;} #pop .uex-karn-thumb.has-img{background-size:cover;background-color:var(--border);} #pop .uex-karn-count{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;align-items:center;min-width:2.4rem;justify-content:center;padding:.2rem .45rem;border-radius:999px;background:rgba(0,0,0,.45);color:var(--ww);font-size:.85rem;line-height:1;} #pop .uex-karn-count span{display:block;width:1rem;height:1rem;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27white%27%20fill%3D%27none%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M5%204%205%2015C5%2017%205%2019%208%2016%2010%2014%2010%2014%2012%2016%2015%2019%2015%2017%2015%2015L15%204C15%202%2015%202%2013%202L7%202C5%202%205%202%205%204Z%27%2F%3E%3C%2Fsvg%3E") center/1rem no-repeat;} #pop .uex-karn-plus .uex-karn-count{display:none;} #pop .uex-karn-name{display:block;min-height:2.4em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;} #pop .uex-karn-plus{background-image:none;color:var(--gr);font-size:3rem;font-weight:300;line-height:1;} #pop .uex-pop .uex-karn-add{display:none;grid-template-columns:minmax(0,1fr);align-items:end;padding-top:1rem;border-top:1px solid var(--border);} #pop .uex-karnets.viewing .uex-karn-list,#pop .uex-karnets.creating .uex-karn-list,#pop .uex-karnets.creating .uex-karn{display:none;} #pop .uex-pop .uex-karnets.viewing .uex-karn-back,#pop .uex-pop .uex-karnets.creating .uex-karn-back{display:flex;} #pop .uex-pop .uex-karnets.creating .uex-karn-add{display:grid;} #pop .uex-karn-add label{min-width:0;} #pop .uex-karn{display:none;padding:0;border:0;border-radius:0;} #pop .uex-karn.sel{display:block;} #pop .uex-karn-head{display:flex;gap:.5rem;align-items:center;justify-content:space-between;margin-bottom:.8rem;} #pop .uex-karn-title{display:flex;gap:.5rem;align-items:center;font-size:1.5rem;color:var(--gr);} #pop .uex-karn-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;} #pop .uex-pop .uex-karn-rename{width:1.6rem;height:1.6rem;min-height:0;padding:0;border:0;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20stroke-width%3D%27.5%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27m14%203L5%2012%203%2017%208%2015%2017%206%2014%203M5%2012%208%2015M15%208%2012%205%27%2F%3E%3C%2Fsvg%3E") center/1.15rem no-repeat;cursor:pointer;} #pop .uex-pop .uex-karn-rename-form{display:none;margin:0 0 1rem;} #pop .uex-pop .uex-karn.rename .uex-karn-rename-form{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;} #pop .uex-karn-rename-form input{min-width:0;} #pop .uex-karn-rename-actions{display:flex;gap:.5rem;align-items:center;} #pop .uex-pop .uex-karn-rename-cancel{border-color:var(--text);background:var(--ww);color:var(--text);cursor:pointer;} #pop .uex-karn-subtabs{display:flex;gap:.5rem;margin:0 0 1rem;border-bottom:1px solid var(--border);} #pop .uex-pop .uex-karn-subtabs button{width:auto;min-height:0;padding:.45rem .65rem .55rem;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--text);cursor:pointer;} #pop .uex-pop .uex-karn-subtabs button.sel{border-bottom-color:var(--gr);color:var(--gr);} #pop .uex-karn-subtab-ico{display:block;width:3rem;height:3rem;margin:0 auto .25rem;background:center/contain no-repeat;} #pop .uex-karn-subtab-label{display:block;font-family:var(--fd);font-size:1.5rem} #pop .uex-karn-subtab-parcours{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%275rem%27%20height%3D%275rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20stroke-width%3D%27.5%27%3E%3Cpath%20d%3D%27m7%2011c0-4-5-4-5%200%200%202%201%203%202.5%205%201.5-2%202.5-3%202.5-5m-4%200a1%201%200%20003%200%201%201%200%2000-3%200m1%206.5c0%20.75%201%20.75%201%200%200-.75-1-.75-1%200m14-13c0-4-5-4-5%200%200%202%201%203%202.5%205%201.5-2%202.5-3%202.5-5m-4%200a1%201%200%20003%200%201%201%200%2000-3%200m1%206.5c0%20.75%201%20.75%201%200%200-.75-1-.75-1%200%27%2F%3E%3Cpath%20stroke-dasharray%3D%272%202%27%20d%3D%27M6%2018C14%2022%2022%2014%2012%2014%206%2014%209%2011%2013%2011%27%2F%3E%3C%2Fsvg%3E");} #pop .uex-karn-subtab-guides{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%275rem%27%20height%3D%275rem%27%20viewBox%3D%270%200%2020%2022%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20fill%3D%27none%27%20stroke-width%3D%27.5%27%3E%3Cpath%20d%3D%27M18%202%207%202C7%202%205%202%205%204L5%2017C5%2018%206%2019%207%2019%206%2019%205%2016%207%2016L18%2016%2018%202Z%27%2F%3E%3Cpath%20d%3D%27M12%204A1%201%200%200012%2014%201%201%200%200012%204Z%27%2F%3E%3Cpath%20d%3D%27M10%207%2011%2010%2014%2011%2013%208Z%27%2F%3E%3Cpath%20d%3D%27M18%2017.5%208%2017.5%208%2021%209%2020%2010%2021%2010%2017.5Z%27%2F%3E%3Cpath%20d%3D%27M18%2019%2011%2019%27%2F%3E%3C%2Fsvg%3E");} #pop .uex-karn-subtab-notes{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%275rem%27%20height%3D%275rem%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20stroke-width%3D%27.5%27%3E%3Cpath%20d%3D%27M17%206%2017%205C17%203%2017%203%2015%203L5%203C3%203%203%203%203%205L3%2017C3%2019%203%2019%205%2019L13%2019%2013%2015%2017%2015%2017%2015%2013%2019%2017%2015%2017%2013M7%201%207%205M13%201%2013%205M5%207%2015%207M5%2010%2011%2010M5%2013%208%2013M5%2016%207%2016M18%206%2013%2011%2012%2013.5%2014.5%2012.5%2013%2011%2014.5%2012.5%2019.5%207.5Z%27%2F%3E%3C%2Fsvg%3E");} #pop .uex-karn-panel{display:none;} #pop .uex-karn-panel.sel{display:block;} #pop .uex-karn-bottom{display:flex;justify-content:flex-end;margin-top:1rem;} #pop .uex-pop .uex-karn-delete{border-color:#a62222;background:#a62222;} #pop .uex-karn-notes{display:flex;flex-direction:column;gap:1rem;} #pop .uex-pop .uex-karn-note-form,#pop .uex-pop .uex-karn-note-item{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;margin:0;} #pop .uex-pop textarea{box-sizing:border-box;width:100%;min-height:7rem;padding:.65rem;border:1px solid var(--border);border-radius:.25rem;font:inherit;background:var(--ww);resize:vertical;} #pop .uex-karn-note-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem;} #pop .uex-pop .uex-karn-note-item{aspect-ratio:1/1;align-content:stretch;} #pop .uex-pop .uex-karn-note-preview{position:relative;display:block;width:100%;height:100%;min-height:0;padding:.8rem 2.8rem .8rem .8rem;border:1px solid var(--border);border-radius:.35rem;background:var(--ww);color:var(--text);font:inherit;line-height:1.35;text-align:left;overflow:hidden;cursor:pointer;} #pop .uex-pop .uex-karn-note-preview>span:not(.uex-karn-note-edit-ico){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;} #pop .uex-karn-note-edit-ico{position:absolute;top:.55rem;right:.55rem;width:2rem;height:2rem;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271.5rem%27%20height%3D%271.5rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20stroke-width%3D%27.5%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27m14%203L5%2012%203%2017%208%2015%2017%206%2014%203M5%2012%208%2015M15%208%2012%205%27%2F%3E%3C%2Fsvg%3E") center/2rem no-repeat;pointer-events:none;} #pop .uex-pop .uex-karn-note-item textarea,#pop .uex-pop .uex-karn-note-item .uex-karn-note-actions{display:none;} #pop .uex-pop .uex-karn-note-item.editing{grid-column:1/-1;aspect-ratio:auto;} #pop .uex-pop .uex-karn-note-item.editing .uex-karn-note-preview{display:none;} #pop .uex-pop .uex-karn-note-item.editing textarea,#pop .uex-pop .uex-karn-note-item.editing .uex-karn-note-actions{display:flex;} #pop .uex-pop .uex-karn-note-item.editing textarea{display:block;} #pop .uex-karn-note-actions{display:flex;gap:.5rem;justify-content:flex-end;} #pop .uex-karn-note-form .uex-karn-note-actions{justify-content:flex-start;} #pop .uex-pop .uex-karn-note-delete{border-color:#a62222;background:#a62222;} #pop .uex-pop .uex-karn-note-cancel{border-color:var(--text);background:var(--ww);color:var(--text);cursor:pointer;} #pop .uex-action-pop{position:fixed;inset:auto;top:50%;left:50%;width:min(30rem,calc(100vw - 2rem));height:auto;max-height:calc(100vh - 2rem);transform:translate(-50%,-50%);padding:1.4rem;border-radius:.45rem;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.2);overflow:auto;} #pop .uex-action-status{display:flex;flex-wrap:wrap;column-gap:.25em;row-gap:.25rem;align-items:center;margin:0 2rem 1rem 0;color:var(--text);} #pop .uex-action-status strong{display:block;line-height:1.25;} #pop .uex-action-prefix{white-space:nowrap;} #pop .uex-action-green{display:inline-flex;gap:.25em;align-items:center;color:var(--gr);} #pop .uex-action-mark{display:flex;width:1.8rem;height:1.8rem;flex:0 0 1.8rem;align-items:center;justify-content:center;border-radius:50%;background:var(--gr);color:var(--ww);font-weight:700;line-height:1;} #pop .uex-action-status.is-remove .uex-action-mark{background:#a62222;} #pop .uex-action-heart{display:inline-block;width:1.1rem;height:1.1rem;flex:0 0 1.1rem;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20version%3D%271.0%27%20width%3D%271rem%27%20height%3D%271rem%27%20viewBox%3D%270%200%2020%2020%27%20stroke%3D%27rgb%280%2C143%2C149%29%27%20fill%3D%27rgb%280%2C143%2C149%29%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M10%2016%2016%209A1%201%200%200010%205%201%201%200%20004%209Z%27%2F%3E%3C%2Fsvg%3E") center/1.1rem no-repeat;} #pop .uex-action-karn{display:flex;flex-direction:column;gap:.8rem;} #pop .uex-action-question{display:flex;flex-wrap:wrap;column-gap:.25em;row-gap:.25rem;align-items:center;color:var(--text);} #pop .uex-action-hint{font-style:italic;color:var(--text);} #pop .uex-pop .uex-action-karn-form{display:flex;flex-direction:column;gap:.8rem;margin:0;} #pop .uex-action-karn-list{display:flex;gap:.8rem;overflow-x:auto;padding:.1rem 0 .8rem;scrollbar-width:thin;} #pop .uex-pop .uex-action-karn-list button{flex:0 0 8.5rem;display:flex;flex-direction:column;gap:.45rem;align-items:stretch;padding:.35rem;border:2px solid transparent;border-radius:.45rem;background:none;color:var(--text);text-align:center;cursor:pointer;} #pop .uex-pop .uex-action-karn-list button.sel{border-color:var(--gr);} #pop .uex-pop .uex-action-karn-list .uex-karn-thumb{min-height:7rem;} #pop .uex-pop .uex-action-validate{align-self:flex-start;} #pop .uex-pop .uex-action-validate:disabled{opacity:.45;cursor:not-allowed;} #pop .uex-pop .uex-action-karn-create-form{display:none;} #pop .uex-action-karn.creating .uex-action-hint,#pop .uex-action-karn.creating .uex-action-karn-form{display:none;} #pop .uex-pop .uex-action-karn.creating .uex-action-karn-create-form{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:end;gap:.8rem;} #pop .uex-pop .uex-action-karn-create-form label{grid-column:1 / -1;} #pop .uex-pop .uex-action-karn-create-back{border-color:var(--text);background:var(--ww);color:var(--text);} .fav-toast{position:absolute;top:1rem;left:50%;z-index:1200;transform:translateX(-50%);padding:1rem 1.4rem;border-radius:.35rem;background:var(--ww);color:var(--gr);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.2);font-weight:600;text-align:center;animation:favToastOut 2s ease forwards;pointer-events:none;} .uex-confirm{position:absolute;inset:0;z-index:1300;display:flex;align-items:flex-start;justify-content:center;padding:1rem;background:rgba(0,0,0,.18);} .uex-confirm-box{width:min(100%,24rem);padding:1rem;border-radius:.35rem;background:var(--ww);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.2);color:var(--text);text-align:center;} .uex-confirm-text{margin-bottom:1rem;color:var(--gr);font-weight:600;} .uex-confirm-actions{display:flex;gap:.75rem;justify-content:center;} #pop .uex-confirm button{width:auto;padding:.55rem .8rem;border:1px solid var(--gr);border-radius:.25rem;font:inherit;cursor:pointer;} #pop .uex-confirm .uex-confirm-yes{border-color:var(--gr);background:var(--gr);color:var(--ww);} #pop .uex-confirm .uex-confirm-no{border-color:#a62222;background:#a62222;color:var(--ww);} @media screen and (max-width: 767px) { #pop .uex-fav-list{grid-template-columns:minmax(0,1fr);} #pop .uex-guide-list,#pop .uex-karn-list{grid-template-columns:repeat(2,minmax(0,1fr));} } @keyframes favToastOut { 0% {opacity:0; transform:translate(-50%,-.4rem);} 12% {opacity:1; transform:translate(-50%,0);} 70% {opacity:1; transform:translate(-50%,0);} 100% {opacity:0; transform:translate(-50%,-.4rem);} } .popImgOut {animation: popImgAnimIn 0.3s ease forwards;} .popImgIn { animation: popImgAnimOut 0.3s ease forwards;} @keyframes popImgAnimIn { 0% {transform: translateY(0) scale(1);opacity: 1;} 100% {transform: translateY(30%) scale(0.8);opacity: 0;} } @keyframes popImgAnimOut { 0% {transform: translateY(-30%) scale(0.8);opacity: 0;} 100% {transform: translateY(0) scale(1);opacity: 1; } } .soon a{cursor: default;} @media screen and (min-width: 768px) { #entete #shareBtn{ width:auto; height:auto; min-height:2rem; max-width:min(18rem, calc(100% - 2rem)); padding:.5rem .85rem .5rem 2.45rem; border-radius:2rem; background-position:.75rem center; } #entete #shareBtn .share-page-label{display:block;} #entete .entete-actions .fav-page{ width:auto; height:auto; min-height:2rem; max-width:min(18rem, calc(100% - 2rem)); padding:.5rem .85rem .5rem 2.45rem; border-radius:2rem; background-position:.75rem center; } #entete .entete-actions .fav-page .fav-page-label{display:block;} #nav{display: flex;flex-direction: row;} #navo{visibility: hidden;} #navc{position: absolute;right: 1rem;} #nav>div{margin-top: 1rem;} #nav>#navList{ display: flex;flex-direction: row;width: auto;align-items: self-end;margin-top: 1.5rem;} #navList>a{width:auto;padding:0;margin: 1rem;border-bottom:1px solid rgba(0,0,0,0);transition:.2s} #navList>a:first-child{display:none} #navList>a:nth-child(2){margin-left:2rem} #navList a:hover{border-bottom:1px dotted var(--ww)} #aff .carteflex {display: grid;grid-template-columns: 1fr 1fr;} #aff .blklist.blklist1 .blklisting{display:flex;flex-wrap:wrap;justify-content:center;} #aff .blklist.blklist1 .blklisting > div{flex:0 0 200px;width:200px;height:200px;padding-bottom:0;} #aff .blkhero{display:flex;flex-direction:row;align-items:stretch;gap:2rem;} #aff .blkhero-pos1{flex-direction:row-reverse;} #aff .blkhero-surtitle-mobile{display:none;} #aff .blkhero-surtitle-desktop{display:block;} #aff .blkhero-title-mobile{display:none;} #aff .blkhero-title-desktop{display:block;} #aff .blkhero-img{order:0;flex:0 0 min(42%,26rem);width:min(42%,26rem);align-self:center;position:relative;margin:0;} #body.page-free-full #aff{flex:1;} #body.page-free-full #aff .blkhero-img{flex-basis:min(50.4%,31.2rem);width:min(50.4%,31.2rem);} #aff .blkhero-img img, #aff .blkhero-img picture, #aff .blkhero-img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} #aff .blkhero-img picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} #aff .blkhero-body{order:0;flex:1 1 50%;min-width:0;} #aff .blkhero-action{justify-content:flex-start;} #aff .blkheropro{padding:3rem;} #aff .blkheropro-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;} #aff .blkheropro-main{min-height:100%;} #aff .carteflex>div,#aff .carteflex ul{height: 400px;} #aff #mapping>div{flex:1} #aff #map{width: 400px;} #aff .yall{width: 400px;} #aff .anec .anec-listing{ grid-auto-columns: 400px;} #foot{ flex-direction: row;text-align: left; gap: 4rem} #foot>div{flex:1} #foot_c{ justify-content: space-between;} #pop{width:calc(100vw - 2rem);height:calc(100vh - 2rem);top:1rem;left:1rem;} #pop .uex-pop{position:relative;inset:auto;width:min(100%,28rem);height:auto;max-height:calc(100vh - 2rem);margin:0 auto;padding:1.5rem;border-radius:.4rem;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.2);} #pop .uex-account-pop{width:100%;max-width:none;} #pop .uex-action-pop{position:fixed;top:50%;left:50%;width:30vw;min-width:24rem;max-width:34rem;margin:0;transform:translate(-50%,-50%);} #pop .uex-close{right:1.1rem;} #pop .uex-tabs{display:flex;flex-direction:row;gap:1rem;border-bottom:1px solid var(--border);overflow-x:auto;padding-bottom:0;} #pop .uex-pop .uex-tabs button{width:auto;flex:0 0 auto;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--text);padding:.65rem .2rem;text-align:center;} #pop .uex-pop .uex-tabs button.sel{border-bottom-color:var(--gr);background:none;color:var(--gr);} #pop .uex-karn-list{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));} #pop .uex-pop .uex-karn-add{grid-template-columns:minmax(0,1fr) auto;} #pop .uex-pop .uex-karn.rename .uex-karn-rename-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;} } @media screen and (min-width: 1024px) { #navT{position:relative;left:auto;bottom:auto;transform:none;z-index:auto;margin:1.5rem 0 0 1.2rem;padding:0;background:none;box-shadow:none;border-radius:0;gap:.8rem;align-items:center;} #navT #navSearch{width:auto;height:auto;min-height:2rem;margin-top:.5rem;padding:.1rem 1rem .1rem 2rem;border-radius:2rem;background-color:rgba(255,255,255,.9);background-position:.45rem center;background-size:1.15rem;color:var(--text);font-size:.8rem;} #navT #navSearch:hover{background-color:rgba(255,255,255,.5);} #navT #navSearch span{display:block;} #navT .navT-fav,#navT .navT-go{display:none;} #navT.navT-floating{position:fixed;left:50%;bottom:0;z-index:4970;display:flex;padding:.35rem;border-radius:2rem;background:var(--ww);box-shadow:0 .25rem 1rem rgba(0,0,0,.18);transform:translateX(-50%);transition:bottom .5s ease-out;} #navT.navT-floating.navT-in{bottom:1rem;} #navT.navT-floating #navSearch{width:3rem;height:3rem;min-height:0;margin-top:0;padding:0;background-position:center;background-size:1.35rem;color:var(--text);} #navT.navT-floating #navSearch span{display:none;} #navT.navT-floating .navT-fav{display:block;} #navT.navT-floating .navT-go{display:block;} #navT.navT-floating button:hover, #navT.navT-floating .navT-go:hover, #navT.navT-floating #navSearch:hover{transform:scale(1.08);background-color:rgba(0,0,0,.06);} } @media screen and (min-width: 1024px) { #aff .lamel{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 0; width: 100%;} #aff .lam{border-radius:.25rem} #conmap{display:flex;flex-direction:row} #conmap>div {flex: 1;} } @media screen and (min-width: 1280px) { /*#entete:not(.t0){height:70vh;}*/ h1{margin-top:1rem} #body{display:flex;flex-direction:row;width: min(1300px, calc(100% - 2rem));margin: 0 auto;} #entete #slogan{width:60%} #aff{flex:7} #aff2{flex:3;padding-left:2rem;} #aff2 ul, #aff2 #col_partenaires ul{grid-template-columns: repeat(2, 1fr);} #aff2 #col_partenaires ul a > div.blklist2img{flex: 0 0 auto;aspect-ratio: 300 / 230;overflow:hidden;} #aff2 #col_partenaires ul a > div.blklist2img > div{width: 100%;height: 100%;} #aff2 #col_partenaires ul a > div.blklist2img img{width: 100%;height: 100%;object-fit: cover;} #aff2 #col_partenaires .blklist2data{padding: 0.6rem 0.8rem 0;} #aff2 #col_partenaires .blklist2datatit>span{height: 2.6rem;margin-bottom: 0.5rem;} #col_partenaires .inc1:before{margin-top: -1.2rem;font-size: .8rem;height: 1rem;width: 1rem} } .off{visiblity:'hidden'} #aff .viewMap>a.viewMapF, #pop .viewMap>a.viewMapF{display:none}