:root{color-scheme:light;--color-primary: #1bb1dc;--color-primary-hover: #0a98c0;--color-heading: #413e66;--color-text: #444;--color-muted: #535074;--color-card-text: #555186;--color-surface: #fff;--color-screenshot-background: #f7fbff;--color-surface-soft: #f7f7f7;--color-section: #f5f8fd;--color-accent: #d87520;--color-on-primary: #fff;--color-on-dark: #fff;--color-strong: #111;--color-footer-link: #696592;--color-footer-text: #222;--color-footer-divider: #111;--color-faq-question: #414141;--color-caret: #000000;--color-mobile-link-active: #8dc2fa;--color-mobile-nav-background: #17172f;--color-border: #ddd;--color-border-light: #ebebeb;--color-success: #28a745;--color-error: #dc3545;--color-cta-background: #2d2b46;--color-table-stripe: #fbfbfb;--color-table-heading-background: #e4e9f5;--color-table-heading-text: #212529;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 22px;--shadow-header: 0 0 30px rgba(127, 137, 161, 0.3);--shadow-card: 0 22px 54px rgba(36, 48, 77, 0.08);--shadow-feature-card: 0 10px 29px 0 rgba(68, 88, 144, 0.1);--shadow-light: 0 1.5rem 4rem rgba(22, 28, 45, 0.05);--shadow-screenshot: 0 28px 60px rgba(36, 48, 77, 0.16), 0 8px 18px rgba(36, 48, 77, 0.1);--shadow-screenshot-mobile: 0 20px 40px rgba(36, 48, 77, 0.14), 0 6px 14px rgba(36, 48, 77, 0.1);--decor-primary-soft: rgba(27, 177, 220, 0.1);--decor-primary-card: rgba(27, 177, 220, 0.12);--decor-primary-shadow: rgba(27, 177, 220, 0.12);--decor-primary-shadow-strong: rgba(27, 177, 220, 0.14);--decor-heading-soft: rgba(65, 62, 102, 0.1);--decor-heading-border: rgba(65, 62, 102, 0.08);--decor-heading-shadow: rgba(65, 62, 102, 0.12);--decor-accent-soft: rgba(245, 171, 91, 0.2);--decor-card-surface: rgba(255, 255, 255, 0.86);--outline-primary: rgba(27, 177, 220, 0.35);--outline-on-dark: rgba(255, 255, 255, 0.75);--primary: var(--color-primary);--violet: var(--color-heading)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-color-scheme=light]){color-scheme:dark;--color-primary: #39c4ee;--color-primary-hover: #6bd8f6;--color-heading: #f1efff;--color-text: #d8deea;--color-muted: #b5bed4;--color-card-text: #c9c5ec;--color-surface: #0f1424;--color-screenshot-background: #151d30;--color-surface-soft: #151b2d;--color-section: #12182a;--color-accent: #f5ab5b;--color-on-primary: #07111c;--color-on-dark: #ffffff;--color-strong: #f5f7fb;--color-footer-link: #c6c2e8;--color-footer-text: #d9deea;--color-footer-divider: #35405a;--color-faq-question: #e6e8f2;--color-caret: #eef2ff;--color-mobile-link-active: #7fd7ff;--color-mobile-nav-background: #17172f;--color-border: #303a52;--color-border-light: #273149;--color-success: #74d99f;--color-error: #ff8a8a;--color-cta-background: #1b1930;--color-table-stripe: #151b2d;--color-table-heading-background: #232b43;--color-table-heading-text: #f3f6ff;--shadow-header: 0 16px 38px rgba(0, 0, 0, 0.42);--shadow-card: 0 22px 54px rgba(0, 0, 0, 0.30);--shadow-feature-card: 0 14px 34px rgba(0, 0, 0, 0.28);--shadow-light: 0 1.5rem 4rem rgba(0, 0, 0, 0.22);--shadow-screenshot: 0 28px 60px rgba(0, 0, 0, 0.44), 0 8px 18px rgba(0, 0, 0, 0.30);--shadow-screenshot-mobile: 0 20px 40px rgba(0, 0, 0, 0.38), 0 6px 14px rgba(0, 0, 0, 0.26);--decor-primary-soft: rgba(57, 196, 238, 0.12);--decor-primary-card: rgba(57, 196, 238, 0.16);--decor-primary-shadow: rgba(57, 196, 238, 0.16);--decor-primary-shadow-strong: rgba(57, 196, 238, 0.20);--decor-heading-soft: rgba(198, 194, 232, 0.12);--decor-heading-border: rgba(198, 194, 232, 0.16);--decor-heading-shadow: rgba(198, 194, 232, 0.14);--decor-accent-soft: rgba(245, 171, 91, 0.18);--decor-card-surface: rgba(21, 27, 45, 0.88);--outline-primary: rgba(57, 196, 238, 0.52);--outline-on-dark: rgba(255, 255, 255, 0.78)}}:root[data-theme=dark]:not([data-color-scheme=light]){color-scheme:dark;--color-primary: #39c4ee;--color-primary-hover: #6bd8f6;--color-heading: #f1efff;--color-text: #d8deea;--color-muted: #b5bed4;--color-card-text: #c9c5ec;--color-surface: #0f1424;--color-screenshot-background: #151d30;--color-surface-soft: #151b2d;--color-section: #12182a;--color-accent: #f5ab5b;--color-on-primary: #07111c;--color-on-dark: #ffffff;--color-strong: #f5f7fb;--color-footer-link: #c6c2e8;--color-footer-text: #d9deea;--color-footer-divider: #35405a;--color-faq-question: #e6e8f2;--color-caret: #eef2ff;--color-mobile-link-active: #7fd7ff;--color-mobile-nav-background: #17172f;--color-border: #303a52;--color-border-light: #273149;--color-success: #74d99f;--color-error: #ff8a8a;--color-cta-background: #1b1930;--color-table-stripe: #151b2d;--color-table-heading-background: #232b43;--color-table-heading-text: #f3f6ff;--shadow-header: 0 16px 38px rgba(0, 0, 0, 0.42);--shadow-card: 0 22px 54px rgba(0, 0, 0, 0.30);--shadow-feature-card: 0 14px 34px rgba(0, 0, 0, 0.28);--shadow-light: 0 1.5rem 4rem rgba(0, 0, 0, 0.22);--shadow-screenshot: 0 28px 60px rgba(0, 0, 0, 0.44), 0 8px 18px rgba(0, 0, 0, 0.30);--shadow-screenshot-mobile: 0 20px 40px rgba(0, 0, 0, 0.38), 0 6px 14px rgba(0, 0, 0, 0.26);--decor-primary-soft: rgba(57, 196, 238, 0.12);--decor-primary-card: rgba(57, 196, 238, 0.16);--decor-primary-shadow: rgba(57, 196, 238, 0.16);--decor-primary-shadow-strong: rgba(57, 196, 238, 0.20);--decor-heading-soft: rgba(198, 194, 232, 0.12);--decor-heading-border: rgba(198, 194, 232, 0.16);--decor-heading-shadow: rgba(198, 194, 232, 0.14);--decor-accent-soft: rgba(245, 171, 91, 0.18);--decor-card-surface: rgba(21, 27, 45, 0.88);--outline-primary: rgba(57, 196, 238, 0.52);--outline-on-dark: rgba(255, 255, 255, 0.78)}html{scroll-behavior:smooth}section[id]{scroll-margin-top:90px}body{background:var(--color-surface);color:var(--color-text)}a{color:var(--primary);transition:.5s}a:hover,a:active,a:focus{color:var(--color-primary-hover);outline:none;text-decoration:none}p{padding:0;margin:0 0 30px 0}h1,h2,h3,h4,h5,h6,.h2,.h3,.h4{margin:0 0 20px 0;padding:0}.grecaptcha-badge{display:none}#topbar{padding:0 0 10px 0;font-size:14px;transition:all .5s}#topbar .social-links{text-align:right}#topbar .social-links a{color:var(--color-muted);padding:4px 12px;display:inline-block;line-height:1px}#topbar .social-links a:hover{color:var(--primary)}#topbar .social-links a:first-child{border-left:0}#header{height:110px;transition:all .5s;z-index:997;transition:all .5s;padding:20px 0;position:fixed;left:0;top:0;right:0;transition:all .5s;z-index:997}#header.header-scrolled{height:70px;padding:15px 0;background-color:var(--color-surface);box-shadow:var(--shadow-header)}#header.header-scrolled #topbar{display:none}#header .logo img,#footer .logo img{padding:0;max-height:46px}@media(max-width: 991px){#topbar{display:none}#header{height:70px;padding:15px 0}}#intro{width:100%;min-height:100vh;height:auto;padding:150px 0 70px;box-sizing:border-box;position:relative}#intro .hero-container{display:flex;flex-direction:column;justify-content:flex-start;max-width:1500px;padding-right:24px;padding-left:24px}#intro .intro-info{max-width:880px;margin:0 auto 32px}#intro .intro-info p{max-width:720px;margin:0 auto 28px;color:var(--color-muted);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}#intro .intro-img{display:flex;justify-content:center;position:relative;isolation:isolate;max-width:1240px;margin:0 auto;padding:10px 0 26px}#intro .intro-img::before,#intro .intro-img::after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0}#intro .intro-img::before{top:-26px;right:18px;width:126px;height:126px;background:var(--decor-accent-soft);box-shadow:-82px 54px 0 -44px var(--decor-heading-shadow),-112px 158px 0 -52px var(--decor-primary-shadow)}#intro .intro-img::after{left:26px;bottom:2px;width:92px;height:92px;background:var(--decor-heading-soft);box-shadow:72px -86px 0 -38px var(--decor-primary-shadow-strong),146px 6px 0 -50px var(--decor-accent-soft)}#intro .intro-screenshot{position:relative;z-index:1;width:100%;max-width:980px;border-radius:var(--radius-md);background:var(--color-screenshot-background);box-shadow:var(--shadow-screenshot)}#intro h1{max-width:815px;margin:0 auto 22px;color:var(--violet);font-size:clamp(2.5rem,5vw,3.8rem);font-weight:700;line-height:1.08;letter-spacing:0}#intro h1 span{color:var(--color-accent);background:linear-gradient(to top, var(--decor-accent-soft) 36%, transparent 36%);border-radius:.15em}#intro .btn-get-started{font-size:14px;font-weight:600;display:inline-block;padding:10px 32px;border-radius:var(--radius-sm);transition:.5s;color:var(--color-on-primary);background:var(--primary)}#intro .btn-get-started:hover{background:var(--color-primary-hover)}@media(max-width: 767px){#intro{min-height:auto;height:auto;padding:90px 0 50px}#intro .hero-container{height:auto !important}#intro .intro-info{margin-bottom:24px}#intro .intro-img{padding:0}#intro .intro-screenshot{max-width:360px;border-radius:14px;box-shadow:var(--shadow-screenshot-mobile)}#intro .intro-img::before,#intro .intro-img::after{display:none}#intro .intro-info h1{font-size:34px;margin-bottom:30px}}@media(max-width: 574px){#intro h1{font-size:29px}}.section-header{display:flex;justify-content:center;align-items:center;flex-direction:column}.section-header h2,.section-header h3{font-size:35px;font-weight:700;color:var(--violet);text-align:center;max-width:667px;position:relative}.section-header p{text-align:center;margin:auto;font-size:15px;padding-bottom:60px;color:var(--color-muted);width:50%}.section-bg{background:var(--color-section)}#presentation-legacy{padding:80px 0}#presentation-legacy h2{font-weight:normal;padding-bottom:.5rem !important;font-size:1.5rem}#presentation-legacy img{height:317px}#partners .partner{padding:1em;background:var(--color-surface)}#about{padding-top:180px}#about .bg-white{background-color:var(--color-surface) !important}#about h1,#about h2{color:var(--violet);font-weight:700;font-size:50px}#about h3{color:var(--violet);font-size:32px;font-weight:300;margin-top:50px}@media(max-width: 453px){#about h1,#about h2{font-size:32px}}@media(max-width: 768px){#about{padding-top:120px}#main h2,#main h3,#call-to-action .cta-title{font-size:24px !important;font-weight:400;text-align:initial}#about h3{font-size:27px;font-weight:400}}@media(max-width: 985px){#about .reassurance{order:1}#about .reassurance-img{order:2}#about .reassurance-img img{max-width:100%}}#about input{height:45px}#about form button{color:var(--color-on-primary);width:130px;height:55px;background-color:var(--primary)}#about #sendmessage{color:var(--color-success);display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#about #sendmessage.show,#about #errormessage.show{display:block}#about #errormessage{color:var(--color-error);display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#about .form .validation{color:var(--color-error);display:none;margin:0 0 20px;font-weight:400;font-size:13px}#about .box{display:flex;flex-direction:column;align-items:center;padding:30px 0;border-radius:10px;border:1px solid var(--color-border);transition:all .3s ease-in-out}@media(min-width: 768px){#about .leader1{position:relative;top:-100px}}#partners img:hover{-webkit-filter:initial;filter:initial}#partners img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#equipe img{width:50%;border-radius:10%}#about a.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-section);border-radius:8px;margin:0 5px;transition:all .3s ease-in-out}#about a.social-link:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}#about .icon-ldn{display:block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNC45OCAzLjVjMCAxLjM4MS0xLjExIDIuNS0yLjQ4IDIuNXMtMi40OC0xLjExOS0yLjQ4LTIuNWMwLTEuMzggMS4xMS0yLjUgMi40OC0yLjVzMi40OCAxLjEyIDIuNDggMi41em0uMDIgNC41aC01djE2aDV2LTE2em03Ljk4MiAwaC00Ljk2OHYxNmg0Ljk2OXYtOC4zOTljMC00LjY3IDYuMDI5LTUuMDUyIDYuMDI5IDB2OC4zOTloNC45ODh2LTEwLjEzMWMwLTcuODgtOC45MjItNy41OTMtMTEuMDE4LTMuNzE0di0yLjE1NXoiLz48L3N2Zz4=) no-repeat center;background-size:cover;width:20px;height:20px}#about .icon-envelope{display:block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAzdjE4aDI0di0xOGgtMjR6bTIxLjUxOCAybC05LjUxOCA3LjcxMy05LjUxOC03LjcxM2gxOS4wMzZ6bS0xOS41MTggMTR2LTExLjgxN2wxMCA4LjEwNCAxMC04LjEwNHYxMS44MTdoLTIweiIvPjwvc3ZnPg==) no-repeat center;background-size:cover;width:20px;height:20px}#presentation{padding:90px 0 80px;background:radial-gradient(circle at 12% 10%, var(--decor-primary-soft), transparent 28%),linear-gradient(180deg, var(--color-surface) 0%, var(--color-section) 100%)}#presentation .section-header h2{max-width:820px;margin-bottom:18px}#presentation .why-us-lead{width:auto;max-width:720px;padding-bottom:0;color:var(--color-muted);font-size:1.08rem;line-height:1.65}#presentation .why-us-benefits{margin-top:42px}#presentation .why-us-benefits>[class*=col-]{margin-bottom:24px}#presentation .why-us-card{height:100%;padding:34px 30px;border:1px solid var(--decor-heading-border);border-radius:var(--radius-lg);background:var(--decor-card-surface);box-shadow:var(--shadow-card)}#presentation .why-us-card-icon{display:inline-flex;width:48px;height:48px;margin-bottom:22px;align-items:center;justify-content:center;border-radius:16px;color:var(--primary);background:var(--decor-primary-card);font-size:14px;font-weight:800;letter-spacing:-0.03em}#presentation .why-us-card-icon--violet{color:var(--violet);background:var(--decor-heading-soft)}#presentation .why-us-card-icon--orange{color:var(--color-accent);background:var(--decor-accent-soft)}#presentation .why-us-card h3{margin-bottom:14px;color:var(--violet);font-size:23px;font-weight:700}#presentation .why-us-card p{margin-bottom:0;color:var(--color-card-text);font-size:16px;line-height:1.7}#call-to-action{background:var(--color-cta-background);background-size:cover;padding:50px 0}#call-to-action .cta-title{color:var(--color-on-dark);font-size:38px;font-weight:700}#call-to-action .cta-text{color:var(--color-on-dark)}#call-to-action .cta-btn{font-weight:600;font-size:.875rem;display:inline-block;padding:9px 26px;border-radius:var(--radius-sm);transition:.5s;margin:10px;color:var(--color-on-primary);background-color:var(--primary)}@media(min-width: 991px){#call-to-action .cta-btn-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}@media(min-width: 992px){#presentation{padding-top:90px}#presentation .why-us-benefits>[class*=col-]{margin-bottom:0}}@media(max-width: 767px){#presentation{padding:64px 0 54px}#presentation .why-us-benefits{margin-top:28px}#presentation .why-us-card{padding:28px 24px}.section-header p{width:100%}}#fonctionnalites{padding:80px 0}#fonctionnalites .title{color:var(--color-strong);font-size:18px;font-weight:600}#fonctionnalites a,#fonctionnalites a:hover{color:var(--color-text)}#fonctionnalites .box{padding:30px;margin:0 10px 40px 10px;position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--decor-heading-border);background:var(--decor-card-surface);box-shadow:var(--shadow-feature-card);transition:all .3s ease-in-out;text-align:center}#fonctionnalites .box:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#fonctionnalites .icon{margin:0 auto 15px auto;padding-top:12px;display:inline-block;text-align:center;border-radius:50%;width:60px;height:60px}#fonctionnalites .description{font-size:14px;line-height:28px;margin-bottom:0;text-align:left}#faq{padding:60px 0;overflow:hidden}#faq #faq-list{padding:0;list-style:none;max-width:600px;margin:0 auto}#faq #faq-list li{border-bottom:1px solid var(--color-border-light)}#faq #faq-list .faq-question{padding:22px 0;display:block;position:relative;width:100%;appearance:none;font-family:inherit;font-size:18px;line-height:1;font-weight:500;color:var(--color-faq-question);text-align:left;padding-right:20px;cursor:pointer}#faq #faq-list .faq-question::-webkit-details-marker{display:none}#faq #faq-list .faq-question::marker{content:""}#faq #faq-list .faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:4px}#faq-list .down-caret{width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--color-caret) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:inline-block;margin-left:6px;right:0;position:absolute;transform:rotate(0deg);transition:all .25s ease-in}#faq-list .faq-item[open] .down-caret{transform:rotate(180deg);transition:all .25s ease-out}#faq-list .down-caret{top:28px}#faq #faq-list p{margin-bottom:20px}#faq #faq-list .faq-item[open] .faq-question{color:var(--primary);font-weight:500}@media(max-width: 768px){#faq #faq-list .faq-question{font-size:18px}#faq-list .down-caret{top:28px}}#footer{padding:0 0 30px 0;font-size:14px;background:var(--color-surface)}#footer .footer-top{padding:60px 0 30px 0}#footer .footer-top .footer-info,#footer .footer-top .footer-links{margin-bottom:30px}#footer .footer-top .footer-info p{font-size:13px;line-height:24px;margin-bottom:0;color:var(--color-muted)}#footer .footer-top .social-links a{font-size:18px;display:inline-block;color:var(--color-on-primary);line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#footer .footer-top h4{font-size:14px;font-weight:bold;color:var(--violet);text-transform:uppercase;position:relative;padding-bottom:10px}#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}#footer .footer-top .footer-links ul li{padding:8px 0}#footer .footer-top .footer-links ul li:first-child{padding-top:0}#footer .footer-top .footer-links ul a{color:var(--color-footer-link)}#footer .footer-top .footer-links ul a:hover{color:var(--primary)}#footer .footer-bottom a{color:var(--color-footer-text)}#footer .footer-bottom__content,#footer-simple .footer-bottom__content{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}#footer .footer-bottom li{text-decoration:none;list-style-type:none;color:var(--color-footer-text) !important;font-size:13px;padding:0 .7em}#footer .footer-bottom li:not(:last-child){border-right:.5px solid var(--color-footer-divider)}.theme-toggle{display:inline-flex;align-items:center;flex:0 0 auto;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-footer-text);background:var(--color-surface);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.theme-toggle:focus-visible{outline:3px solid var(--outline-primary);outline-offset:4px}.theme-toggle__icon{width:13px;height:13px;border-radius:999px;background:var(--primary);box-shadow:inset -5px 0 0 var(--color-surface)}.theme-toggle[data-theme-state=auto] .theme-toggle__icon{box-shadow:0 0 0 3px var(--decor-primary-card)}.theme-toggle[data-theme-state=light] .theme-toggle__icon{background:var(--color-accent);box-shadow:0 0 0 3px var(--decor-accent-soft)}.theme-toggle[data-theme-state=dark] .theme-toggle__icon{background:var(--color-heading)}@media(max-width: 767px){#footer .footer-bottom__content,#footer-simple .footer-bottom__content{align-items:flex-start;flex-direction:column}}#footer .copyright{text-align:center;padding-top:30px;color:var(--color-muted);font-size:15px}.main-nav,.main-nav *{margin:0;padding:0;list-style:none}.main-nav>ul>li{position:relative;white-space:nowrap;float:left}.main-nav a{display:block;position:relative;color:var(--violet);padding:10px 15px;transition:.3s;font-size:14px;font-weight:600}.main-nav a:hover,.main-nav .active>a,.main-nav li:hover>a{color:var(--primary);text-decoration:none}.main-nav .nav-login,.mobile-nav .nav-login{border-radius:var(--radius-sm);color:var(--color-on-primary);background:var(--primary)}.main-nav .nav-login:hover,.main-nav .nav-login:focus,.mobile-nav .nav-login:hover,.mobile-nav .nav-login:focus{color:var(--color-on-primary);background:var(--color-primary-hover)}.main-nav .nav-login{margin-left:10px;padding:9px 18px}.mobile-nav{position:fixed;top:0;bottom:0;z-index:9999;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;left:0;width:100%;padding:88px 22px 28px;background:var(--color-mobile-nav-background, #17172f);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.mobile-nav *{margin:0;padding:0;list-style:none}.mobile-nav>ul{display:flex;flex-direction:column;flex:1;min-height:0}.mobile-nav a{display:flex;align-items:center;position:relative;min-height:48px;color:var(--color-on-dark);padding:10px 20px;font-weight:500}.mobile-nav .nav-login-item{margin-top:auto;padding-bottom:24px}.mobile-nav .nav-login{margin:12px 20px;padding:10px 18px;justify-content:center;text-align:center}.mobile-nav a:hover,.mobile-nav .active>a,.mobile-nav li:hover>a{color:var(--color-mobile-link-active);text-decoration:none}.main-nav a:focus-visible,.mobile-nav a:focus-visible,.mobile-nav-toggle:focus-visible{outline:3px solid var(--outline-primary);outline-offset:4px}.mobile-nav a:focus-visible,.mobile-nav-toggle:focus-visible{outline-color:var(--outline-on-dark)}.mobile-nav-toggle{position:fixed;top:12px;right:8px;z-index:10001;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;background:none;color:var(--violet);transition:color .2s ease;line-height:1;cursor:pointer}.mobile-nav-toggle__icon,.mobile-nav-toggle__icon::before,.mobile-nav-toggle__icon::after{display:block;width:24px;height:2px;border-radius:999px;background-color:currentColor;transition:transform .25s ease,background-color .2s ease}.mobile-nav-toggle__icon{position:relative}.mobile-nav-toggle__icon::before,.mobile-nav-toggle__icon::after{content:"";position:absolute;left:0}.mobile-nav-toggle__icon::before{top:-7px}.mobile-nav-toggle__icon::after{top:7px}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-active .mobile-nav-toggle{color:var(--color-on-dark)}.mobile-nav-active .mobile-nav-toggle__icon{background-color:rgba(0,0,0,0)}.mobile-nav-active .mobile-nav-toggle__icon::before{transform:translateY(7px) rotate(45deg)}.mobile-nav-active .mobile-nav-toggle__icon::after{transform:translateY(-7px) rotate(-45deg)}body{background-color:var(--color-section) !important}.shadow-light{box-shadow:var(--shadow-light) !important}#contenu p{font-size:16px}.bg-violet{background-color:var(--violet)}#contenu{padding-top:180px;position:relative;background-color:var(--color-section)}#contenu h1{color:var(--color-heading);margin-bottom:40px;font-size:40px;font-weight:700}#contenu h2,#contenu h4{font-weight:600 !important;font-size:1.8em}table.table-striped tbody tr:nth-of-type(2n+1){background-color:var(--color-table-stripe)}#contenu table th{padding:10px 13px;border:1px solid var(--color-surface);background:var(--color-table-heading-background);color:var(--color-table-heading-text);font-weight:600;align-items:last baseline}#contenu table{max-width:1000px;z-index:4}#contenu table.ipa,#contenu table.tarification{max-width:800px;background-color:var(--color-surface)}#contenu table.ipa strong,#contenu table.tarification strong{color:var(--color-text)}#contenu table.informations tbody tr td:first-child{font-weight:bold;text-align:center}#contenu table.ipa td:nth-child(2),#contenu table.ipa td:nth-child(3),#contenu table.tarification td:nth-child(2),#contenu table.tarification td:nth-child(3){text-align:center}.regionDivChoix{display:flex;justify-content:center;margin:0 auto}.regionDivChoix label.radio{display:inline-flex;align-items:center;cursor:pointer;margin-right:10px}table.tarification.metropole tr th:nth-child(3),table.tarification.metropole tr td:nth-child(3){display:none}table.tarification.domtom tr th:nth-child(2),table.tarification.domtom tr td:nth-child(2){display:revert}table.tarification.domtom tr th:nth-child(2),table.tarification.domtom tr td:nth-child(2){display:none}table.tarification.domtom tr th:nth-child(3),table.tarification.domtom tr td:nth-child(3){display:revert}table.tarification.metropole tr td:nth-child(2),table.tarification.domtom tr td:nth-child(3){text-align:center}table.actes tr td:nth-child(2),table.actes tr td:last-child,table.majoration tr td:nth-child(3),table.specific tr td:nth-child(3){min-width:200px}#footer-simple{font-size:14px;background:var(--color-surface)}#footer-simple ul{list-style:none;padding:0;margin:0}#footer-simple ul li{padding:5px 0px;text-decoration:none;color:var(--color-footer-link)}#footer-simple ul li a{color:var(--color-footer-link)}#footer-simple .footer-top{padding:40px 0}#footer-simple .footer-bottom a{color:var(--color-footer-text)}#footer-simple .footer-bottom li{color:var(--color-footer-text) !important;font-size:13px;padding:0 .7em}#footer-simple .footer-bottom li:not(:last-child){border-right:.5px solid var(--color-footer-divider)}.copyright{text-align:center;padding:20px} /** Styles généraux **/ /* :root[data-rf-theme="dark"] { --bf500: #bfbfe3; --w-bf500: #1bb1dc; --t-plain: transparent; --g800: #fff; --g700: #f0f0f0; --g600: #e7e7e7; --g400: #9c9c9c; --g300: #6a6a6a; --g200: #383838; --w: #1e1e1e; --g100-g800: #1e1e1e; --focus: #5398ff; --rm500: #f7bfc3; --overlay: rgba(206, 206, 206, 0.08); } */ :root { --bf500: #1bb1dc; --w-bf500: #fff; --t-plain: transparent; --g800: #1e1e1e; --g700: #383838; --g600: #6a6a6a; --g400: #cecece; --g300: #e7e7e7; --g200: #f0f0f0; --w: #fff; --g100-g800: #f8f8f8; --focus: #2a7ffe; --rm500: #e1000f; --overlay: rgba(156, 156, 156, 0.32); --focus-z-index: 2000; } /* @font-face { font-family: "dsfr-tac-icons"; src: url("data:font/truetype;charset=utf-8;base64,d09GRgABAAAAAASYAAsAAAAABtgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFY4wUKAY21hcAAAAYgAAABVAAABjOEvI+NnbHlmAAAB4AAAALEAAAC8RwSAoGhlYWQAAAKUAAAAMAAAADYcco6VaGhlYQAAAsQAAAAeAAAAJAgEA+1obXR4AAAC5AAAAA8AAAAQDhAAAGxvY2EAAAL0AAAACgAAAAoAcgAubWF4cAAAAwAAAAAeAAAAIAEQAChuYW1lAAADIAAAATEAAAIuRB1J2XBvc3QAAARUAAAAQwAAAF18Wox+eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRuYZzAwMrAwPST2YOBgWEFhGZyYLBiNAXSDKzMDFhBQJprCoPDA4YHTMwv/lsw5DC/YDgBFGYEyQEA8HwMsgB4nO2QsQ2AQAwDL59AgZiDipJJqBifTR4n/2Ng6SzZilIYWAAXpwiwByN1q7Xqna364KibyP5tvctJV47ylp9s5ddefs3kudSgtptoL+04wD9smw0NAAAAeJxjYGQAAuZpTL4MrAwMjObinIzmTBE/XP8d/nfIjTHsu/u/Q4x27kAlEHXTmc4xcIPVsYuzq7Orm6uDVX/74fbzu9u3726M1364/QCygPwfbgxMDAz/z7FIMQcxCDFIA3WJKgsqmhoLirApKyqpmQqamBmrCiqbMqozAokvv5jUUmRF/5aJysqKMgel/KtyY2x7xrQn5e+tX/+ugASZukRlp/0reAaWSQG6BgBlHzlCAAAAeJxjYGRgYADiImfHBfH8Nl8ZuFk2AEUY7sxZ8gRB/z/HIsUcBORyMDCBRAFWOQxBeJxjYGRgYH7x34KBgWUDAxCwSDEwMqACFgBU5AL7AAB4nGNgYGBg2YDAAA7gAh0AAAAAAAAUAC4AXgAAeJxjYGRgYGBhkGFgYgABEMkFhAwM/8F8BgALoAE5AAB4nG2RPU7DMBiG3/QP0UoIBGJh8QILavozdmRo9w7d08RJUyVx5LgVvQMn4BAcgoEzcAgOwVvzSZVQbcl+vsfvFysJgGt8IcBxBOj79ThauGD1x23SjXCH/CDcxQCPwj36sXAfz5gJD3ALzScEnUuaO7wKt3CFN+E2/btwh/wh3MU9PoV79N/CfazwIzzAU/CSNKkd5rGpmqXOdkVkT+JEK22b3FRqEo5PcqErbSOnE7U+qGafTZ1LVWpNqeamcroojKqt2erYhRvn6tlolIoPY1MiQYMUFkPkiGFQsV7yfTPsUCDiybnEObdil+We+1phgpDf81xywWTl0xEc94TpNQ5cG+x585TWsUv5ToOSNPe9x3TBaWhqf7alielDbHxXzf824kz/5UN/e/kLsDVkLAAAAHicY2BigAAeBuyAhZGJkZmRhZGVQTCxqCi/XDclvzxPt1g3JzMvlSs5J784FcwUSq0oSS3KS8wB8bLBQgwMANcAEdUA") format("truetype"); } */ #tarteaucitronRoot { box-sizing: border-box; color: var(--g700); font-family: "Marianne", arial, sans-serif; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tarteaucitronRoot *, #tarteaucitronRoot *::before, #tarteaucitronRoot *::after { box-sizing: inherit; } .tac_visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0; } #tarteaucitronRoot h1 { font-size: 2.75rem; line-height: 1.25; color: var(--g800); font-weight: bold; } #tarteaucitronSave { display: none !important; } @media (min-width: 48em) { #tarteaucitronRoot h1 { font-size: 3rem; } } #tarteaucitronRoot h2 { font-size: 2rem; line-height: 1.25; color: var(--g800); font-weight: bold; } #tarteaucitronRoot h3 { font-size: 1.5rem; line-height: 1.25; color: var(--g800); font-weight: bold; } #tarteaucitronRoot h4 { font-size: 1.375rem; line-height: 1.375; color: var(--g800); font-weight: bold; } /*** Liens ***/ #tarteaucitronRoot a { box-shadow: 0 1px 0 0 currentColor; color: inherit; } #tarteaucitronRoot a:focus { outline: 2px solid; outline-color: var(--focus); outline-offset: 2px; z-index: var(--focus-z-index); } #tarteaucitronRoot a { text-decoration: none; } /* #tarteaucitronRoot a[target="_blank"]::after { content: ""; font-family: dsfr-tac-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; font-size: 1rem; margin-left: 0.25rem; vertical-align: baseline; } */ /*** Boutons ***/ #tarteaucitronRoot button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; border: none; cursor: pointer; } #tarteaucitronRoot button:focus { outline: 2px solid; outline-color: var(--focus); outline-offset: 2px; z-index: var(--focus-z-index); } button#tarteaucitronPrivacyUrl { position: absolute; font-size: 9px; background: transparent; bottom: 0.5em; left: 2.5em; } /*** Listes ***/ #tarteaucitronRoot ul, #tarteaucitronRoot ol { list-style: none; padding: 0; margin: 0; } /*** Overlay ***/ #tarteaucitronBack { background-color: var(--overlay); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; opacity: 1 !important; z-index: 2147483646; } /*** Positionnements du bouton d'ouverture du gestionnaire ***/ .tarteaucitronIconBottomLeft { position: fixed; bottom: 0; left: 0; z-index: 4000; } .tarteaucitronIconBottomRight { position: fixed; bottom: 0; right: 0; z-index: 4000; } .tarteaucitronIconTopLeft { position: fixed; top: 0; left: 0; z-index: 4000; } .tarteaucitronIconTopRight { position: fixed; top: 0; right: 0; z-index: 4000; } /*** Affichage de l'icône TAC sous forme de bouton design system ***/ #tarteaucitronIcon #tarteaucitronManager > img { display: none; } #tarteaucitronIcon #tarteaucitronManager { background: var(--bf500); color: var(--w); padding: 0.5rem 1.5rem; line-height: 1.5rem; min-height: 2.5rem; font-size: inherit; } #tarteaucitronIcon #tarteaucitronManager::before { content: "Cookies"; } /*---------------------------------------------*/ /** Styles du bandeau (#tarteaucitronAlertBig) et des éléments du bandeau **/ /*** Bandeau ***/ div#tarteaucitronRoot.tarteaucitronBeforeVisible:before { opacity: 1 !important; background-color: var(--overlay) !important; } div#tarteaucitronAlertBig:before { content: none !important; } body #tarteaucitronRoot div#tarteaucitronAlertBig { border-radius: 10px; } .tarteaucitronBeforeVisible #tarteaucitronAlertBig { display: flex !important; } #tarteaucitronAlertBig { position: fixed; flex-wrap: wrap; justify-content: flex-end; bottom: 0; left: 0; width: 100%; padding: 1rem; color: var(--g700); background: var(--w); box-shadow: inset 0 0 0 1px var(--g400); z-index: 2147483645; max-height: 73vh; overflow-y: scroll; } /* Bandeau >= 768px */ @media screen and (min-width: 48em) { #tarteaucitronRoot #tarteaucitronAlertBig { max-width: 460px; bottom: 2.5rem !important; left: 2.5rem !important; padding: 2rem !important; margin: auto; top: auto !important; /* width: 40rem !important; */ /* transform: none !important; */ /* box-shadow: inset 0 0 0 1px var(--g400) !important; */ /* border-radius: 0 !important; */ } } /*** Texte du bandeau ***/ #tarteaucitronDisclaimerAlert { margin-bottom: 2rem; } @media screen and (min-width: 48em) { #tarteaucitronAlertBig { max-height: initial; height: auto; padding-right: 0; overflow: initial; } } /*** Surcharge des margin bottom trop importantes du design system ***/ #tarteaucitronDisclaimerAlert > p { margin-bottom: 1rem; } #tarteaucitronDisclaimerAlert > p:last-child { margin-bottom: 0; } /*** Bouton fermer le bandeau optionnel (closePopup) ***/ #tarteaucitronRoot #tarteaucitronCloseCross::first-letter { color: transparent; } #tarteaucitronRoot #tarteaucitronCloseCross { position: relative; background-color: var(--t-plain); color: var(--bf500); padding: .25rem .75rem; display: block; line-height: 1.5rem; min-height: 2rem; font-size: .875rem; border-radius: 1rem; width: 5rem; margin-bottom: .5rem; border-radius: 1rem; } #tarteaucitronRoot #tarteaucitronCloseCross:before { content: "Fermer"; position: absolute; left: .75rem; } /* #tarteaucitronRoot #tarteaucitronCloseCross:after { font-family: dsfr-tac-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; content: ""; font-size: 1rem; height: 1rem; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } */ /*** Boutons d'action du bandeau ***/ #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton { font-size: inherit; cursor: pointer; background: var(--bf500); color: var(--w); padding: 0.5rem 0.7rem; line-height: 1.5rem; min-height: 2.5rem; width: 100%; margin: .5rem 0; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { background-color: var(--t-plain); color: var(--bf500); box-shadow: inset 0 0 0 1px var(--bf500); order: 5; margin-bottom: 0; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { order: 4; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { order: 3; margin-right: 0; } @media screen and (min-width: 36em) { #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton { width: auto; margin: 0 .5rem !important; display: flex !important; } #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton:not(.tarteaucitronAllow, .tarteaucitronDeny) { margin: 0 0 0 auto !important; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { order: 3; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { order: 4; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { order: 5; margin-right: 0 !important; } } /*---------------------------------------------*/ /** Styles du gestionnaire de cookie (#tarteaucitron) et des éléments du gestionnaire **/ #tarteaucitron { display: none; height: 90%; padding: 3rem 0 0; margin: 0; left: 0; top: auto !important; bottom: 0 !important; position: fixed; width: 100%; z-index: 2147483647; } #tarteaucitron::before { content: ""; position: absolute; left: 0; top: 0; background: var(--w); height: calc(3rem + 1px); width: 100%; } @media screen and (min-width: 48em) { #tarteaucitron { width: 50rem; height: initial; max-height: 80%; left: 50%; top: 0 !important; margin: auto auto auto -25rem; } } /*** Bouton pour fermer le gestionnaire ***/ #tarteaucitronRoot #tarteaucitronClosePanel { background: var(--tplain); color: var(--bf500); padding: .25rem .75rem; line-height: 1.5rem; min-height: 2rem; display: inline-flex; flex-direction: row-reverse; align-items: center; font-size: .875rem; border-radius: 1rem; position: absolute; right: 1rem; top: 1rem; outline-offset: 0px; } /* #tarteaucitronRoot #tarteaucitronClosePanel::before { font-family: dsfr-tac-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; content: ""; font-size: 1rem; margin-right: -0.25rem; margin-left: .5rem; } */ /*** Lien vers le site tarte au citron ***/ .tarteaucitronSelfLink > img { display: none; } .tarteaucitronSelfLink:before { content: "Site officiel de Tarte au citron" } /*** Surcharge des styles de liste design system ***/ #tarteaucitronServices ul > li::before { content: none; } #tarteaucitronServices ul > li > ul { padding-left: 0; } /*** Section générale pour gérer tous les services ***/ #tarteaucitronRoot .tarteaucitronMainLine { padding-bottom: 2.5rem; /* box-shadow: inset 0 -1px 0 0 var(--g300); */ } #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH1 { display: block; font-size: 1.5rem; line-height: 2rem; color: var(--g700); margin: 0 0 1rem; font-weight: 700; } #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronAsk { flex-direction: column; align-items: flex-start; } #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronAsk::before { content: none; } #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronDeny { margin-left: 0; margin-top: 1.5rem; } @media screen and (min-width: 48em) { #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronAsk { flex-direction: row; align-items: center; } #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronAsk::before { content: ""; } #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronDeny { margin-left: 1.5rem; margin-top: 0; } } /*** Container des services ***/ #tarteaucitronServices { background-color: var(--w); padding: 1rem 1rem 2rem; } @media screen and (min-width: 48em) { #tarteaucitronServices { padding: 1rem 2rem 2rem; } } /*** Titre et boutons du conteneur des cookies obligatoires ***/ #tarteaucitronServicesTitle_mandatory .tarteaucitronH3 { font-size: 1rem; margin-bottom: .5rem; max-width: initial; } #tarteaucitronServicesTitle_mandatory .tarteaucitronTitle { margin-bottom: 1rem; } #tarteaucitronServicesTitle_mandatory .tarteaucitronAsk { position: relative; top: auto; right: auto; } /*** Container des textes de service (titre et description) ***/ @media screen and (min-width: 48em) { .tarteaucitronName { max-width: 60%; } } /*** Container des boutons Accepter/Refuser ***/ .tarteaucitronAsk { display: flex; margin-top:2rem; } @media screen and (min-width: 48em) { .tarteaucitronAsk { justify-content: flex-end; align-items: center; margin-top: 0!important; } .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk { position: absolute; top: 0; right: 0; } } /*** Boutons Accepter/Refuser sous forme de boutons radios design system ***/ #tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow { order: 1; margin-right: 1.5rem; font-size: 1rem; } #tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny { margin-left: 1.5rem; order: 3; font-size: 1rem; } #tarteaucitronRoot .tarteaucitronAsk::before { content: ""; width: 1px; height: 1.5rem; order: 2; background: var(--g300); } #tarteaucitronRoot .tarteaucitronAllow:not(.tarteaucitronCTAButton), #tarteaucitronRoot .tarteaucitronDeny:not(.tarteaucitronCTAButton) { background: var(--tplain); color: var(--g800); display: inline-flex; align-items: center; position: relative; padding: 0; } #tarteaucitronRoot .tarteaucitronAllow:disabled:not(.tarteaucitronCTAButton), #tarteaucitronRoot .tarteaucitronDeny:disabled:not(.tarteaucitronCTAButton) { color: var(--g600-g400); } #tarteaucitronRoot .tarteaucitronAllow:disabled:not(.tarteaucitronCTAButton)::before, #tarteaucitronRoot .tarteaucitronDeny:disabled:not(.tarteaucitronCTAButton)::before { background-color: var(--g200); border: 1px solid var(--g400); } #tarteaucitronRoot .tarteaucitronAllow:disabled:not(.tarteaucitronCTAButton)::after, #tarteaucitronRoot .tarteaucitronDeny:disabled:not(.tarteaucitronCTAButton)::after { content: none; } #tarteaucitronRoot .tarteaucitronAllow.tarteaucitronIsSelected::after, #tarteaucitronRoot .tarteaucitronDeny.tarteaucitronIsSelected::after { opacity: 1; } #tarteaucitronRoot .tarteaucitronAllow.tarteaucitronIsSelected::before, #tarteaucitronRoot .tarteaucitronDeny.tarteaucitronIsSelected::before { border: 1px solid var(--bf500); } #tarteaucitronRoot .tarteaucitronAllow:not(.tarteaucitronCTAButton)::before, #tarteaucitronRoot .tarteaucitronDeny:not(.tarteaucitronCTAButton)::before { content: ""; display: block; flex-shrink: 0; border: 1px solid var(--g800); border-radius: 50%; width: 1.5rem; height: 1.5rem; margin-right: .5rem; } #tarteaucitronRoot .tarteaucitronAllow:not(.tarteaucitronCTAButton)::after, #tarteaucitronRoot .tarteaucitronDeny:not(.tarteaucitronCTAButton)::after { content: ""; display: block; background: var(--bf500); border-radius: 50%; width: .75rem; height: .75rem; position: absolute; left: .375rem; opacity: 0; } #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow::after { opacity: 1; } #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny::after { opacity: 1; } #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronAllow::after { opacity: 1; } #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronAsk::before { content: none; } #tarteaucitronRoot [id^=tarteaucitronServices_]{ margin-top:1.5rem; } @media screen and (min-width: 48em) { #tarteaucitronRoot [id^=tarteaucitronServices_]{ margin-top:0; } } /*** Ajout des bordures dans la liste des services ***/ .tarteaucitronBorder > ul > li { padding: 1.5rem 0; box-shadow: inset 0 1px 0 0 var(--g300); } .tarteaucitronBorder > ul > li:first-child { box-shadow: none; } /*** Titres des services avec infobulle associée ou non ***/ #tarteaucitronRoot .tarteaucitronTitle > button, #tarteaucitronRoot .tarteaucitronTitle > .catToggleBtn { background: 0; color: var(--g800); font-size: 1.25rem; font-weight: 700; padding: 0; text-align: left; } #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails { color: var(--w); background: var(--g700); display: none; font-size: 0.75rem; margin-top: 0; max-width: 270px; padding: 1rem; position: absolute; z-index: 2147483647; } /*** Style de base des items de liste de service ***/ #tarteaucitron #tarteaucitronServices .tarteaucitronHidden { display: none; position: relative; } /*** Titre des sous-services ***/ .tarteaucitronH3 { display: block; color: var(--g800); font-size: 1.25rem; font-weight: 700; margin-bottom: 1.5rem; max-width: 24rem; } .tarteaucitronH3 + span { display: block; } /*** Ligne d'un sous-service ***/ .tarteaucitronLine { position: relative; } .tarteaucitronLine{margin-bottom:1rem!important;} /*** Surcharge dans le cas des sous-services groupés ***/ ul[style="display: block;"] .tarteaucitronLine{ margin-bottom: 1.5rem; } @media screen and (min-width: 48em) { .tarteaucitronHidden > ul[style="display: block;"] .tarteaucitronLine:not(:last-child), .tarteaucitronHidden > ul:last-child:not([style="display: block;"]) .tarteaucitronLine:not(:last-child) { margin-bottom: 0; } } .tarteaucitronHidden > ul[style="display: block;"] .tarteaucitronLine .tarteaucitronH3, .tarteaucitronHidden > ul:last-child:not([style="display: block;"]) .tarteaucitronLine .tarteaucitronH3 { margin-bottom: .5rem; font-size: 1rem; } .tarteaucitronHidden > ul:last-child:not([style="display: block;"]) .tarteaucitronLine:first-child { margin-top: 1.5rem; } @media screen and (min-width: 48em) { .tarteaucitronHidden > ul[style="display: block;"] .tarteaucitronLine { display: flex; } } @media screen and (min-width: 48em) { .tarteaucitronHidden > ul[style="display: block;"] .tarteaucitronAsk { margin-top: 0; margin-right: 0; margin-left: auto; } } .tarteaucitronHidden > ul[style="display: block;"] .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk , .tarteaucitronHidden > ul[style="display: none;"] .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk { position: relative; top: auto; right: auto; align-items: flex-start; } /*** Bouton pour déplier les sous-services ***/ #tarteaucitronRoot .tarteaucitron-toggle-group { background: none; margin: 1.5rem 0 0; padding: 0; border-bottom: var(--is-link) solid 1px currentColor; font-size: inherit; } /* #tarteaucitronRoot .tarteaucitron-toggle-group::after { font-family: dsfr-tac-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; content: ""; font-size: 1rem; margin-left: .5rem; } */ /*---------------------------------------------*/ /** Styles du bouton "AlertSmall" et de la modale avec la liste des cookies **/ .tarteaucitronAlertSmallBottom { display: none; padding: 0; position: fixed; right: 0; bottom: 0; text-align: center; width: auto; z-index: 2147483646; } .tarteaucitronAlertSmallTop, .tarteaucitronAlertSmallBottom { bottom: 0; } #tarteaucitronAlertSmall { display: none; padding: 0; position: fixed; right: 0; text-align: center; width: auto; z-index: 2147483646; } #tarteaucitronAlertSmall #tarteaucitronManager, #tarteaucitronAlertSmall #tarteaucitronCookiesNumber { position: relative; font-size: inherit; cursor: pointer; background: var(--bf500); color: var(--w); padding: 0.5rem 1.5rem!important; line-height: 1.5rem; min-height: 2.5rem; } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber { margin-left: .25rem; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot { position: absolute; background-color: gray; border-radius: 5px; display: block; height: 5px; overflow: hidden; width: calc(100% - 3rem); left: 1.5rem; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { display: block; float: left; height: 100%; width: 0%; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #1B870B; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow { background-color: #FBDA26; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { background-color: #9C1A1A; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer { display: none; max-height: 50%; max-width: 500px; position: fixed; right: 0; width: 100%; background: #fff; padding-top: 1rem; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { color: #333; font-size: .75rem; height: auto; overflow: auto; text-align: left; padding: 0 1.5rem; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle { color: var(--g800); display: inline-block; font-size: 1rem; font-weight: 700; margin: 1.5rem 0 0; padding: 1rem 0; text-align: left; width: auto; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong { color: var(--g800); } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle { padding: .5rem 1.5rem; text-align: left; color: var(--g800); font-size: 1.25rem; font-weight: 700; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong { color: var(--w); font-size: 1rem; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain { padding: 0 0 .25rem; word-wrap: break-word; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:before { content: none; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a { color: var(--g800); text-decoration: none; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft { display: inline-flex; width: 50%; align-items: center; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong { color: var(--rm500); } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight { color: var(--g800); display: inline-block; font-size: .75rem; margin-left: 10%; vertical-align: top; width: 30%; } /*** Bouton pour fermer le gestionnaire ***/ #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie { background: var(--tplain); color: var(--bf500); padding: .25rem .75rem; line-height: 1.5rem; min-height: 2rem; display: inline-flex; flex-direction: row-reverse; align-items: center; font-size: .875rem; border-radius: 1rem; position: absolute; right: 1rem; top: 0; } /* #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie::before { font-family: dsfr-tac-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; content: ""; font-size: 1rem; margin-right: -0.25rem; margin-left: .5rem; } */ /*** Bouton pour supprimer les cookies dans la liste ***/ #tarteaucitronRoot .purgeBtn { flex-direction: row; max-width: 2rem; max-height: 2rem; padding: 0.25rem .5rem; font-size: 0.875rem; line-height: 1.5rem; min-height: 2rem; background-color: var(--bf500); color: var(--w-bf500); flex-shrink: 0; margin-right: .25rem; } /* #tarteaucitronRoot .purgeBtn::before { font-family: dsfr-tac-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; content: ""; font-size: 1rem; margin-left: 0; margin-right: 0.5rem; } */ #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .purgeBtn strong { display: none; } /*---------------------------------------------*/ /** Styles du placeholder pour les services (type youtube) désactivés **/ .tac_activate { background: var(--g200); display: flex; padding: 6rem 0; justify-content: center; width: 100%; } .tac_activate .tac_float { display: flex; flex-direction: column; align-items: center; justify-content: center; } .rf-responsive-vid__player .tac_activate { padding: O; height: 100%; } .tac_activate .tarteaucitronAllow:not(.tarteaucitronCTAButton)::before, .tac_activate .tarteaucitronAllow:not(.tarteaucitronCTAButton)::after { content: none; } .tac_activate .tarteaucitronAllow:not(.tarteaucitronCTAButton) { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; border: none; font-size: inherit; cursor: pointer; background: var(--bf500); color: var(--w); padding: 0.5rem 1.5rem; line-height: 1.5rem; min-height: 2.5rem; margin-top: 1.5rem; } .tac_activate .tarteaucitronAllow:not(.tarteaucitronCTAButton):focus { outline: 2px solid; outline-color: var(--focus); outline-offset: 2px; z-index: var(--focus-z-index); }