html::after {
  display: none;
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  background-color: #fff;
  color: #212529;
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

a {
  background-color: transparent;
  color: #003978;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  display: inline-block;
}

a:hover {
  text-decoration: underline;
  color: #003978;
}

img,
svg {
  vertical-align: middle;
}

img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

svg {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

button,
textarea {
  margin: 0;
}

button,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button,
html [type="button"] {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

textarea {
  overflow: auto;
  resize: vertical;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[role="button"],
a,
button,
textarea {
  touch-action: manipulation;
}

figure {
  margin: 0 0 12px;
  overflow: hidden;
}

p {
  margin: 0 0 16px;
  overflow-wrap: break-word;
}

:root {
  --color-primary-lighter: #f0f7fd;
  --color-primary-light: #ddeefd;
  --color-primary-base: #003978;
  --color-primary-dark: #013562;
  --color-primary-darker: black;
  --color-secondary-lighter: #fcfaf5;
  --color-secondary-base: #fdc800;
  --color-gray-lighter: #f9f9fc;
  --color-gray-light: #d6d6d6;
  --color-gray-base: #575757;
  --color-gray-dark: #383838;
  --color-gray-darker: #242424;
  --color-abonnement-base: #fdc800;
  --color-light: #ffffff;
  --color-dark: #000000;
  --color-valid-base: #146b36;
  --color-valid-light: #bee4be;
  --color-valid-lighter: #d3eed3;
  --color-invalid-base: #cd0422;
  --color-invalid-light: #f5c7cb;
  --color-invalid-lighter: #f9dcdf;
  --font-family-base: Source Sans 3, arial, sans-serif;
  --font-family-title: Stix Two Text, arial, sans-serif;
  --font-size-section: 3rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.7rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.3rem;
  --font-size-h6: 1.1rem;
  --font-size-aside: 0.9rem;
  --font-size-base: 1rem;
  --font-size-small: 0.75rem;
  --font-size-extrasmall: 0.6rem;
  --font-size-article: 1.3rem;
  --font-size-article-xs: 1.2rem;
  --font-size-alt: 1rem;
  --font-size-nav: 0.9rem;
  --font-size-button: 0.9rem;
  --font-size-icon: 0.7rem;
}

.r-img {
  display: block;
}

.r-ratio--16-9 img {
  aspect-ratio: 16/9;
}

r-pub {
  display: block;
  text-align: center;
}

r-pub > div {
  margin: 16px auto;
}

.r-pub--wal > div {
  margin: 0;
}

.r-anonyme .-is-abonne,
.r-anonyme .-is-connecte,
.r-anonyme .-is-connecte-sd {
  display: none !important;
}

.r-sso--loaded .r-sso--header {
  -webkit-animation: none;
  animation: none;
}

.-has-header-fixed .r-sso--header {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes show {
  0%,
  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes show {
  0%,
  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.r-sticky--panel {
  background: #fff;
  bottom: 0;
  box-shadow: 0 -4px 8px #575757;
  content-visibility: hidden;
  opacity: 0;
  overflow: auto;
  padding: 8px 8px 54px;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 80%;
  z-index: 152;
}

.-on-left {
  left: 0;
}

@font-face {
  font-display: block;
  font-family: main;
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/main.woff2") format("woff2");
}

r-icon {
  display: inline-block;
  font-family: main;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.r-icon--menu::before {
  content: "\ea01";
}

.r-icon--commenter::before {
  content: "\ea05";
}

.r-icon--abonne::before {
  content: "\ea07";
}

.r-icon--facebook::before {
  content: "\ea0d";
}

.r-icon--mail::before {
  content: "\ea10";
}

.r-icon--print::before {
  content: "\ea11";
}

.r-icon--linkedin::before {
  content: "\ea1a";
}

.r-icon--whatsapp::before {
  content: "\ea43";
}

.r-icon--filinfo::before {
  content: "\ea54";
}

.r-icon--partager::before {
  content: "\ea64";
}

.r-icon--tempsdelecture::before {
  content: "\ea65";
}

.r-icon--fluxrss::before {
  content: "\ea74";
}

.r-icon--instagram::before {
  content: "\ea92";
}

.r-icon--laune::before {
  content: "\ea94";
}

.r-icon--user::before {
  content: "\ea9e";
}

.r-icon--newsletter::before {
  content: "\eaa2";
}

.r-icon--retourenhautdusite::before {
  content: "\eaaa";
}

.r-icon--twitter::before {
  content: "\eab0";
}

.r-icon--bluesky::before {
  content: "\ead3";
}

.r-icon--abonnement::before {
  content: "\ead4";
}

.r-icon--verified::before {
  content: "\ead5";
}

.r-icon--help::before {
  content: "\ead6";
}

.r-icon--disconnexion::before {
  content: "\ead7";
}

html {
  overflow: auto;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

h1,
h2,
h3 {
  margin-bottom: 8px;
  margin-top: 8px;
  font-family: "Stix Two Text", arial, sans-serif;
}

h1 {
  -webkit-align-items: center;
  align-items: center;
  color: #003978;
  display: -webkit-flex;
  display: flex;
  font-size: 2rem;
  line-height: 1.2;
  margin: 0;
  padding: 16px 0;
  text-align: center;
  grid-area: event;
}

h1::after,
h1::before {
  background: #003978;
  content: "";
  -webkit-flex: 1;
  flex: 1;
  height: 1px;
  margin: 16px;
}

h1::after {
  margin-left: 32px;
}

h1::before {
  margin-right: 32px;
}

h2 {
  font-size: 2rem;
  line-height: 1.35;
}

h3 {
  font-size: 1.3rem;
  line-height: 1.35;
}

address {
  font-size: 0.75rem;
  font-style: normal;
}

p a {
  display: inline;
  text-decoration: underline;
}

button {
  cursor: pointer;
}

r-header {
  display: block;
}

body:not(.r-viewtiful) r-header {
  height: 90px;
}

i-header {
  -webkit-align-items: center;
  align-items: center;
  display: grid;
  grid-template-areas: "burger logo login" "home menu menu";
  grid-template-columns: minmax(0, 50px) minmax(0, auto) minmax(0, 50px);
  grid-template-rows: 48px 42px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 101;
  background: linear-gradient(to bottom, #003978 48px, #fff 48px);
  box-shadow: 0 0 6px #ddeefd;
  height: 91px;
}

.-has-header-fixed:not(.r-viewtiful) i-header {
  position: fixed;
  top: 0;
}

r-wrapper {
  display: block;
}

r-main {
  display: block;
  position: relative;
}

r-btn {
  display: block;
}

.r-btn {
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 0.9rem;
  line-height: normal;
  padding: 8px 24px 6px;
}

.r-btn:hover {
  text-decoration: none;
}

.r-btn r-icon {
  margin: 0 8px;
}

.r-btn--light,
.r-btn--light:hover {
  color: #fff;
}

.r-btn--light:hover span {
  text-decoration: underline;
}

.r-btn--primary {
  background: #003978;
  border: 1px solid #003978;
  border-radius: 32px;
  color: #fff;
  font-weight: 700;
}

.r-btn--primary:hover {
  color: #fff;
  background: #013562;
}

.r-btn--secondary {
  background: #fdc800;
  border: 1px solid #fdc800;
  border-radius: 32px;
  color: #003978;
}

.r-btn--secondary:hover {
  background: 0 0;
  border: 1px solid #fdc800;
  color: #fdc800;
}

.r-btn--outline {
  background: #fff;
  border: 1px solid #003978;
  border-radius: 32px;
  color: #003978;
  font-weight: 700;
}

.r-btn--outline:hover {
  background: #003978;
  border-color: #003978;
  color: #fff;
}

.r-btn--more {
  padding: 16px 0;
  text-align: center;
}

.r-btn--more .r-btn {
  font-size: 1rem;
}

.r-btn--home {
  grid-area: home;
  color: #003978;
  font-size: 0.9rem;
  height: 30px;
  line-height: 30px;
  margin: auto;
  padding: 0;
}

.r-btn--home:hover {
  color: #003978;
}

.r-btn--home r-icon {
  line-height: 30px;
  font-size: 1.5rem;
}

.r-btn--burger {
  font-size: 30px;
  grid-area: burger;
  height: 48px;
  padding: 0;
  color: #fff;
}

.r-btn--burger:hover {
  color: #fff;
}

.r-btn--burger r-icon {
  line-height: 48px;
}

.r-comments--list {
  list-style: none;
  margin: auto;
  max-width: 664px;
  padding: 16px;
}

.r-comments--title {
  font-size: 1.5rem;
  border-bottom: 1px solid #f0f7fd;
  color: #003978;
  font-family: "Source Sans 3", arial, sans-serif;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: center;
}

.r-comments--login {
  border-bottom: 1px solid #003978;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: center;
}

.r-comments--link {
  display: block;
  margin-top: 16px;
}

.r-comment {
  border-top: 1px solid #003978;
  margin-bottom: 8px;
  padding-top: 16px;
}

.r-comment:first-child {
  border: 0;
}

.indented {
  border-left: 1px dashed #003978;
  border-top: 0;
  margin-bottom: 16px;
  margin-left: 8px;
  padding-bottom: 0;
  padding-left: 16px;
}

.r-comment--meta {
  color: #003978;
  font-size: 0.75rem;
  margin-bottom: 8px;
}

.r-comment--body {
  font-family: "Stix Two Text", arial, sans-serif;
}

.r-comment--body p:last-child {
  margin: 0;
}

r-direct {
  color: #003978;
  display: block;
  padding: 0 16px;
}

.page-node r-direct {
  padding: 0;
}

r-direct--header {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.r-direct--heading {
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1.3rem;
}

.page-node .r-direct--heading {
  font-size: 1.5rem;
  margin: 32px auto;
  text-align: center;
}

.r-direct--notification {
  display: none;
}

.r-direct--tabs {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.r-direct--tab {
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0 4px;
  padding: 0 8px;
  text-transform: uppercase;
}

.r-direct--tab.-is-active,
.r-direct--tab:hover {
  text-decoration: underline;
}

.r-direct--tab.-is-current {
  -webkit-order: -1;
  order: -1;
}

.r-direct--nav {
  display: none;
}

.r-direct--menu {
  cursor: pointer;
  list-style: none;
  text-transform: uppercase;
}

r-direct--list {
  display: block;
  min-height: 150px;
}

.r-direct--item {
  display: grid;
  grid-template-areas: "time titre" "time meta";
  grid-template-columns: 1fr 4fr;
}

.r-direct--item:last-child .r-direct--title {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.r-direct--time {
  border-right: 1px solid #f0f7fd;
  font-size: 0.9rem;
  grid-area: time;
  line-height: 0;
  margin-right: 16px;
  margin-top: 16px;
  position: relative;
}

.r-direct--time::after {
  content: "";
  border: 2px solid #003978;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  right: -4px;
  background: #fff;
  top: -4px;
}

.r-direct--title {
  border-bottom: 1px solid #f0f7fd;
  font-size: 1rem;
  font-weight: 600;
  grid-area: titre;
  margin-top: 5px;
  padding-bottom: 16px;
}

.r-direct--link:hover {
  color: #003978;
}

.r-icon--abonne {
  font-size: 70%;
  color: #fdc800;
}

.r-img {
  width: 100%;
}

.r-logo {
  align-self: center;
  display: -webkit-flex;
  display: flex;
  grid-area: logo;
  height: 100%;
  margin: auto;
}

.r-logo svg {
  margin: auto;
}

r-menu {
  display: block;
}

.r-menu--link {
  display: block;
  padding: 8px 16px;
  white-space: nowrap;
}

.r-menu--horizontal {
  display: -webkit-flex;
  display: flex;
  font-family: "Stix Two Text", arial, sans-serif;
  font-size: 1.1rem;
  grid-area: menu;
  overflow: auto;
  white-space: nowrap;
}

.r-menu--horizontal::-webkit-scrollbar {
  display: none;
}

.r-menu--horizontal .r-menu--link {
  font-weight: 600;
  line-height: 1;
  margin: 0 3px;
  padding: 9px 12px 8px;
}

.r-menu--horizontal .r-menu--link:hover {
  text-decoration: none;
}

r-header .r-menu--horizontal {
  font-family: "Stix Two Text", arial, sans-serif;
  grid-area: menu;
  overflow: auto;
}

.r-menu--left,
.r-menu--right {
  bottom: 0;
  cursor: pointer;
  display: block;
  font-family: main;
  line-height: 42px;
  padding: 0 8px;
  position: absolute;
}

.r-menu--left:hover,
.r-menu--right:hover {
  color: #ddeefd;
}

.r-menu--left.disabled {
  visibility: hidden;
}

.r-menu--article {
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 155;
  background: #fff;
  border-top: 1px solid #003978;
}

.r-menu--article .r-menu--link {
  border-right: 1px solid #f0f7fd;
  padding: 4px 16px;
  text-align: center;
}

.r-menu--article r-icon {
  font-size: 1.7rem;
}

.r-menu--article r-btn {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 0 16px;
  position: relative;
  color: #003978;
}

.r-menu--article r-btn r-icon {
  font-size: 1.7rem;
  text-align: center;
}

.r-menu--comment {
  display: -webkit-flex;
  display: flex;
  font-size: 0.75rem;
  margin-left: -8px;
}

.r-menu--breadcrumb {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.r-menu--breadcrumb .r-menu--link {
  padding: 0;
}

.r-menu--breadcrumb .r-menu--link::after {
  content: "•";
  padding: 0 8px;
}

.r-menu--breadcrumb .r-menu--link:last-child::after {
  display: none;
}

.r-menu--breadcrumb .r-menu--link:hover {
  text-decoration: none;
}

.r-menu--user {
  content-visibility: hidden;
  visibility: hidden;
  position: absolute;
}

.r-menu--share-link {
  background: 0 0;
  border: 0;
  margin-right: 4px;
  padding: 0 8px;
}

.r-menu--share-link r-icon {
  font-size: 1.5rem;
}

r-panel {
  display: block;
}

.-is-abonne,
.-is-anonyme,
.-is-connecte,
.-is-connecte-sd {
  display: none !important;
}

.r-anonyme .-is-anonyme {
  display: block !important;
}

.r-sso--header {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-flex;
  display: flex;
  grid-area: login;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.r-sso--login {
  display: none;
}

.r-sso--login:focus {
  outline: 0;
  text-decoration: none;
}

.r-sso--toggle-menu {
  -webkit-align-items: center;
  align-items: center;
  aspect-ratio: 1;
  background: #f9f9fc;
  border-radius: 50%;
  color: #003978;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 1em;
  font-weight: 700;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1;
  padding: 6.4px;
}

.r-sso--toggle-menu:hover {
  background: #d6d6d6;
  text-decoration: none;
}

.r-toggle--share {
  display: -webkit-flex;
  display: flex;
}

r-article--meta {
  display: block;
  font-size: 0.75rem;
}

.r-article h1 {
  color: #000;
  display: block;
  text-align: left;
}

.r-article h1::after,
.r-article h1::before {
  display: none;
}

.r-article h2 {
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1.3rem;
  margin: 32px 0 16px;
}

.r-article r-article--meta {
  color: #003978;
  display: grid;
  grid-template-areas: ". ." ". .";
  grid-template-columns: 1fr 6fr;
  margin-bottom: 16px;
  margin-top: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f7fd;
}

.r-article r-article--meta .r-author--img {
  border-right: 1px solid #003978;
  margin: 0 16px 0 0;
  padding-right: 16px;
  width: 70px;
}

.r-article r-article--meta .r-img {
  border-radius: 50%;
}

.r-article li,
.r-article p {
  font-size: 1.2rem;
  font-family: "Stix Two Text", arial, sans-serif;
}

.r-article li {
  list-style: none;
  margin-bottom: 8px;
}

.r-article li::before {
  color: #003978;
  content: "\ea03";
  font-family: main;
  font-size: 0.9rem;
  line-height: 1.8rem;
  margin-right: 16px;
}

.r-article h1 {
  font-size: 1.7rem;
}

.r-article .r-article--header {
  grid-area: header;
}

.r-anonyme .r-article .r-article--header {
  margin-bottom: 16px;
}

.r-meta--bottom {
  color: #575757;
  grid-column: span 2;
  margin-top: 8px;
}

.r-meta--top {
  -webkit-align-self: center;
  align-self: center;
}

.r-readtime,
time {
  color: #575757;
  font-size: 0.9rem;
  grid-column: span 3;
  margin-right: 8px;
}

.r-readtime {
  padding-left: 8px;
}

r-article--meta .r-readtime {
  border-left: 1px solid #d6d6d6;
}

.r-section--principale {
  padding-bottom: 32px;
}

@supports (-webkit-text-stroke: 1px white) {
}

.r-archive--text:focus-visible {
  border-radius: 48px;
}

@media (min-width: 664px) {
  r-pub > div {
    max-width: calc(100% - 32px);
  }

  .r-sticky--panel {
    padding: 32px 32px 39px;
    width: 400px;
  }

  .-xs-only {
    display: none !important;
  }

  html {
    font-size: 15px;
    overflow-x: hidden;
  }

  h1 {
    font-size: 3rem;
    grid-column: 1/-1;
    margin: -1px 0;
    padding: 16px 0 0;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.7rem;
    font-weight: 600;
  }

  body:not(.r-viewtiful) r-header {
    height: 144px;
  }

  i-header {
    grid-template-areas: ". . burger . logo login ." ". . home menu menu menu .";
    grid-template-columns:
      24px minmax(7.8vw, auto) minmax(0, 50px)
      minmax(0, 200px) minmax(0, 828px) minmax(0, 250px) minmax(
        calc(7.8vw + 24px),
        auto
      );
    grid-template-rows: 80px 64px;
    height: 144px;
    background: linear-gradient(to bottom, #003978 80px, #fff 80px);
    box-shadow: 0 0 2px #ddeefd;
  }

  r-main {
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-rows: auto;
    grid-gap: 1px;
    grid-template-areas: "event event event event" "direct manchette manchette ." "direct manchette manchette ." "mp-top mp-top mp-top mp-top" "imu-top . . multimedia" "imu-top . . selligent" "mp-mid mp-mid mp-mid mp-mid" "dossier dossier . inread-top" "dossier dossier . ." "mp-bottom mp-bottom mp-bottom mp-bottom" "inread-mid inread-mid . ." ". . . .";
    grid-template-columns: 332px minmax(0, 332px) minmax(0, 332px) minmax(
        0,
        332px
      );
    margin: 24px auto auto;
    background: #f0f7fd;
  }

  r-main > * {
    background: #fff;
  }

  .r-btn--more {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    grid-column: 1/-1;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -1px;
    padding: 16px 0 32px;
  }

  .r-btn--more::after,
  .r-btn--more::before {
    content: "";
    -webkit-flex: 1;
    flex: 1;
    height: 1px;
    margin: 16px;
    background: #f0f7fd;
  }

  .r-btn--burger {
    font-size: 40px;
    height: 80px;
  }

  .r-btn--burger r-icon {
    line-height: 80px;
  }

  .r-comments--list {
    padding: 0;
  }

  r-direct {
    padding: 0;
  }

  r-direct--header {
    display: block;
    position: relative;
  }

  .r-direct--tabs {
    margin: 8px 0 16px;
  }

  .r-direct--tab {
    background: #fff;
    border: 1px solid #003978;
    border-radius: 32px;
    padding: 6px 24px 4px;
  }

  .r-direct--tab:hover {
    background: #003978;
    border-color: #003978;
    color: #fff;
    text-decoration: none;
  }

  .r-direct--tab.-is-active {
    background: #003978;
    color: #fff;
    text-decoration: none;
  }

  .r-menu--horizontal {
    font-size: 1.2rem;
    scrollbar-width: none;
  }

  .r-menu--horizontal .r-menu--link {
    padding: 12px 16px;
  }

  .r-menu--left,
  .r-menu--right {
    line-height: 64px;
  }

  .r-menu--article .r-menu--link {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .r-menu--article span {
    position: relative;
    top: 1px;
  }

  .r-menu--article r-btn r-icon {
    margin: 6px 0;
  }

  .r-menu--breadcrumb {
    margin: 32px 16px 0;
    padding: 0;
  }

  .page-node .r-menu--breadcrumb {
    margin: 32px auto 0;
  }

  .r-sso--login {
    display: -webkit-flex;
    display: flex;
  }

  r-article--meta {
    font-size: 1rem;
  }

  .page-node r-main {
    background: 0 0;
    display: block;
    margin: 0 auto;
    max-width: 1920px;
  }

  .r-article h1 {
    margin-bottom: 16px;
  }

  .r-article h2 {
    font-size: 1.7rem;
  }

  .r-article address {
    font-size: 1rem;
  }

  .r-article li,
  .r-article p {
    font-size: 1.3rem;
  }

  .r-article {
    display: grid;
    grid-auto-rows: auto;
    grid-template-areas: "header header header header" ". . . .";
    margin: auto;
  }

  .r-article h1 {
    font-size: 2.5rem;
  }

  .r-article .r-article--header,
  .r-article r-article--meta {
    grid-column: 1/-1;
    margin-left: auto;
    margin-right: auto;
  }

  .r-article .r-article--header,
  .r-article h2,
  .r-article h3,
  .r-article p,
  .r-article r-article--meta {
    margin-left: auto;
    margin-right: auto;
    max-width: 664px;
    width: 100%;
  }

  .r-readtime r-icon {
    font-size: 1.5rem;
    vertical-align: bottom;
  }
}

@media (min-width: 960px) {
  r-pub[class*="-m-"] {
    display: none;
  }

  .-only-mobile {
    display: none !important;
  }

  .r-menu--horizontal .r-menu--link:hover {
    background: #003978;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
  }

  .r-menu--left {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    left: calc(7.8vw + 24px);
    padding-right: 50px;
  }

  .r-menu--left::before {
    content: "\ea02";
  }

  .r-menu--right {
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    padding-left: 50px;
    right: calc(7.8vw + 24px);
  }

  .r-menu--right::before {
    content: "\ea03";
  }

  .r-menu--article .r-menu--link:hover {
    text-decoration: none;
    background: #f0f7fd;
  }

  .r-menu--breadcrumb {
    max-width: 664px;
  }

  .r-menu--share-link:hover {
    cursor: pointer;
    background: #003978;
    color: #fff;
  }

  .r-article > * {
    grid-column: 2 / span 2;
  }

  .r-article .r-img:hover {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 1280px) {
  html::after {
    content: "lg";
  }

  r-main {
    margin: 16px max(7.8vw, calc(50vw - 664px)) auto;
  }

  .r-article {
    grid-template-columns:
      minmax(0, 332px) minmax(0, 332px) minmax(0, 332px)
      332px;
    max-width: 1328px;
  }
}

@media (max-width: 959px) {
  a:hover {
    text-decoration: none;
  }

  r-pub[class*="-d-"] {
    display: none;
  }

  [class*="hdr-flexs-m"] > div {
    min-height: 132px;
    padding: 16px 0;
  }

  .-only-desktop {
    display: none !important;
  }

  .r-menu--right {
    display: none;
  }

  .r-article {
    padding: 0 16px;
  }
}

@media (max-width: 663px) {
  html::after {
    content: "xs";
  }

  html {
    overflow: unset;
    margin-bottom: 50px;
  }

  r-pub {
    background: #f9f9fc;
    width: 100%;
  }

  .r-btn--burger {
    margin: auto;
  }

  r-direct .r-btn--more {
    text-align: right;
  }

  r-direct .r-btn--more .r-btn--outline {
    font-size: 0.9rem;
  }

  r-direct .r-btn--outline {
    background: 0 0;
    border: none;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: underline;
  }

  .r-direct--heading {
    text-align: center;
  }

  .r-direct--time {
    border-color: #003978;
  }

  .r-logo svg {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .r-menu--article {
    font-size: 0.6rem;
    font-weight: 700;
  }

  .r-menu--article .r-menu--link {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
  }

  .r-menu--article r-icon {
    display: block;
  }

  .r-menu--breadcrumb {
    margin: 32px auto 0;
    padding: 0 16px;
  }

  .r-sso--header {
    margin-right: 8px;
  }

  .r-sso--abo {
    font-size: 0.8rem;
    padding: 6px 8px 4px;
  }

  .r-toggle--share {
    background: #fff;
    border: 1px solid #003978;
    border-bottom: 0;
    bottom: 100%;
    content-visibility: hidden;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    visibility: hidden;
  }

  .r-meta--top,
  .r-meta--top address {
    font-size: 1rem;
  }

  .r-readtime r-icon {
    display: none;
  }
}

@media (min-width: 664px) and (max-width: 959px) {
  html::after {
    content: "sm";
  }

  i-header {
    grid-template-columns:
      24px minmax(0, auto) minmax(0, 50px) minmax(0, 200px)
      minmax(0, 828px) minmax(0, 250px) minmax(24px, auto);
  }

  r-main {
    grid-template-areas: "event event" "manchette manchette" "manchette manchette" "direct ." "direct ." "mp-top mp-top" "multimedia imu-top" ". imu-top" ". ." "selligent ." "mp-mid mp-mid" "dossier dossier" " . inread-top" " . ." "mp-bottom mp-bottom" ". ." "inread-mid inread-mid" ". .";
    grid-template-columns: minmax(0, 332px) 332px;
    max-width: 664px;
  }

  .r-menu--breadcrumb {
    max-width: 696px;
    padding: 0 16px;
  }

  .r-article > * {
    grid-column: span 4;
  }

  .r-article {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 332px) minmax(0, 332px)
      minmax(0, 1fr);
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  html::after {
    content: "md";
  }

  r-main {
    grid-template-areas: "event event event" "manchette manchette direct" "manchette manchette direct" "mp-top mp-top mp-top" ". . imu-top" "multimedia . imu-top" "selligent . ." ". . inread-top" "mp-mid mp-mid mp-mid" "dossier dossier ." "dossier dossier ." "mp-bottom mp-bottom mp-bottom" ". . inread-mid" ". . .";
    grid-template-columns: minmax(0, 332px) minmax(0, 332px) 332px;
    max-width: 996px;
    margin: 24px max(64px, calc(50vw - 498px)) 0;
  }

  .page-node .r-menu--breadcrumb {
    margin-right: 332px;
  }

  .r-article {
    max-width: 1328px;
    grid-template-columns: minmax(0, 332px) 332px 332px 332px;
  }

  .r-article .r-article--header,
  .r-article r-article--meta {
    grid-column: 2 / span 2;
  }
}

r-footer {
  border-top: 1px solid #003978;
  color: #003978;
  display: grid;
  grid-template-areas: ". . .";
  grid-template-columns: 1fr 1fr 1fr;
  padding: 16px 16px 60px;
}

r-footer--section {
  display: none;
  grid-column: auto;
}

r-footer--list {
  display: block;
}

.r-footer--title {
  border-bottom: 1px solid #d6d6d6;
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  margin-right: 32px;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.r-footer--link {
  display: block;
  margin: 0 8px 8px;
}

.r-footer--social {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  grid-column: 1 / span 3;
  margin: 32px 0 16px;
  padding: 16px;
  text-align: center;
}

.r-footer--social a {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 8px 16px;
}

.r-footer--social a:hover {
  color: #013562;
  text-decoration: none;
}

.r-footer--social r-icon {
  font-size: 2rem;
  margin-right: 8px;
}

.r-footer--logo {
  grid-column: 1;
}

.r-footer--newsletter .r-btn {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}

.r-footer--top {
  -webkit-align-items: center;
  align-items: center;
  align-self: center;
  display: -webkit-flex;
  display: flex;
  grid-column: 3;
  justify-self: right;
}

.r-footer--top:hover {
  color: #ddeefd;
  text-decoration: none;
}

.r-footer--top r-icon {
  font-size: 2rem;
  margin-left: 16px;
}

.r-footer--copyright {
  -webkit-align-items: center;
  align-items: center;
  row-gap: 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  grid-column: 1 / span 3;
  -webkit-justify-content: center;
  justify-content: center;
}

.r-footer--copyright p {
  margin-bottom: 0;
}

.r-footer--deontologie,
.r-footer--source-sure {
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: -webkit-flex;
  display: flex;
}

.r-footer--copyright-img {
  min-width: 70px;
  text-align: center;
}

.r-footer--copyright-img img {
  height: auto;
  max-width: none;
}

.r-img {
  transition: transform 0.5s;
  transition:
    transform 0.5s,
    -webkit-transform 0.5s;
}

.r-mini-panel--overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.r-menu--user {
  background: rgba(0, 0, 0, 0.5);
  content-visibility: hidden;
  display: -webkit-flex;
  display: flex;
  font-weight: 400;
  height: calc(100vh - 48px);
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 48px;
  width: 100%;
  z-index: 102;
}

.r-menu--user r-menu--user-body {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: calc(100vh - 48px);
  overflow: auto;
  position: absolute;
  right: 0;
  width: 80%;
}

.r-menu--user r-menu--user-header {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  row-gap: 8px;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 16px;
}

.r-menu--user r-menu--user-header > * {
  text-align: center;
}

.r-menu--user .r-menu--user-name {
  font-weight: 700;
  line-height: 1;
}

.r-menu--user .r-menu--user-email {
  color: #575757;
  line-height: 1;
}

.r-menu--user .r-menu--user-flag {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  color: #575757;
  padding: 4px 8px;
}

.r-menu--user .r-menu--user-flag.r-menu--user-flag-abo {
  border-color: #fdc800;
  background: #fdc800;
  color: #003978;
}

.r-menu--user r-menu--user-link {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  row-gap: 16px;
}

.r-menu--user r-menu--user-link .r-icon--abonne,
.r-menu--user r-menu--user-link r-icon {
  font-size: 24px;
}

.r-menu--user [role="menuitem"] {
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  display: -webkit-flex;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  line-height: 1;
}

.r-menu--user [role="menuitem"]:hover {
  color: #003978;
  text-decoration: none;
}

.r-menu--user r-menu--user-footer {
  display: -webkit-flex;
  display: flex;
  font-size: 0.8rem;
}

.r-menu--user r-menu--user-footer > a {
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 16px;
}

.r-menu--user r-menu--user-footer a + a {
  border-left: 1px solid #d6d6d6;
}

.r-menu--user r-menu--user-footer r-icon {
  font-size: 20px;
}

.r-menu--user .r-selligent--sso-menu-banner-body {
  background: #fdf4da;
  border-radius: 4px;
  padding: 16px;
}

.r-menu--user .r-selligent--sso-menu-banner-body-abonne {
  background: #fbe1e4;
}

.r-menu--user .r-selligent--sso-menu-banner-body-abonne r-icon {
  color: #d75179;
}

.r-menu--user r-selligent--title {
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-flex;
  display: flex;
  font-weight: 700;
  margin-bottom: 8px;
}

.r-menu--user r-selligent--title r-icon {
  font-size: 20px;
}

.r-menu--user r-selligent--description {
  color: #575757;
  display: block;
  margin-bottom: 8px;
}

.r-menu--user .r-btn {
  border-radius: 8px;
  display: block;
  text-align: center;
}

.r-menu--user .r-btn--club {
  background: #d75179;
  color: #fff;
}

.r-menu--user span {
  font-size: 0.9rem;
}

.r-btn--more {
  padding: 16px 0;
}

.r-btn--more::after,
.r-btn--more::before {
  display: none;
}

.-has-paywall {
  display: inline-block;
  position: relative;
}

.-has-paywall::after {
  /* background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); */
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  /* position: absolute; */
  right: 0;
}

r-selligent {
  display: block;
}

.r-article--sidebar {
  display: none;
}

@media (min-width: 664px) {
  .r-pub--rec:not(.r-imu--top):not([class*="-is-"]) {
    grid-row: auto/span 2;
  }

  r-footer--section {
    display: block;
    margin-top: 16px;
  }

  .r-footer--social {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .r-footer--top r-icon {
    font-size: 3rem;
  }

  .r-footer--copyright {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0.8rem;
  }

  .r-footer--copyright-img {
    min-width: auto;
  }

  .r-footer--deontologie {
    border-right: 1px solid #003978;
    padding-right: 16px;
  }

  body:not(:has(.r-summary--toggle)) .r-embed--saooti {
    grid-column: 2 / span 2;
    width: 100%;
  }

  .r-menu--user {
    height: calc(100vh - 80px);
    top: 80px;
  }

  .r-menu--user r-menu--user-body {
    max-height: calc(100vh - 80px);
    right: max(calc(50vw - 664px), 24px);
    width: 330px;
  }

  body:not(:has(.r-embed--saooti)) .r-summary--toggle,
  body:not(:has(.r-embed--saooti)) .r-summary--wrapper {
    grid-column: 2 / span 2;
    justify-self: flex-start;
  }
}

@media (min-width: 960px) {
  .r-article--sidebar r-pub:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
  }

  r-footer--list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

  .r-footer--newsletter {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
  }

  .r-footer--newsletter .r-btn {
    margin-left: 8px;
  }

  .r-img:hover {
    opacity: 0.9;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .r-article--sidebar {
    display: block;
    grid-column: 4;
    grid-row: auto/span 20;
  }
}

@media (min-width: 1280px) {
  r-footer {
    padding: 32px max(calc(7.8vw + 16px), calc(50vw - 664px)) 60px;
  }
}

@media (max-width: 663px) {
  .r-footer--newsletter,
  .r-footer--top span {
    display: none;
  }

  .r-footer--services {
    display: block;
    grid-column: 1/-1;
    margin: 16px 0;
  }

  .r-footer--services r-footer--list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

  .r-footer--copyright {
    border-top: 1px solid #d6d6d6;
    font-size: 0.75rem;
    margin-top: 8px;
    padding-top: 8px;
  }

  r-selligent {
    margin-bottom: 16px;
  }

  .r-article--sidebar {
    margin: 0 -12px;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  r-footer {
    padding: 32px max(64px, calc(50vw - 490px)) 60px;
  }
}

@media (min-width: 664px) and (max-width: 959px) {
  r-footer--section {
    padding-left: 32px;
  }

  .r-footer--newsletter .r-btn {
    margin-top: 8px;
  }
}

@media print {
  *,
  ::after,
  ::before {
    background: 0 0 !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  a[href^="#"]::after {
    content: "";
  }

  img {
    page-break-inside: avoid;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .r-sticky--panel,
  r-footer,
  r-header,
  r-menu,
  r-pub {
    display: none !important;
  }

  figure {
    margin: 0 !important;
    width: 35%;
  }

  .page-node r-panel {
    display: none !important;
  }
}

._1ohn0ic0,
._1ohn0ic1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}

._iprlip0 {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
}

._iprlip1 {
  background-color: #e8e8e8;
}

._1vi8lxd {
  flex: 100%;
  color: red;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.3;
}

._1vi8lxe {
  color: #b3b3b3;
}

._1i78f9m1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fff;
  padding: 12px;
}

._1i78f9m2 {
  --_1i78f9m0: #b3b3b3;
  background-color: #fff;
  border-color: #e8e8e8;
  color: #b3b3b3;
}

._1i78f9m6 {
  border: 0;
  background: unset;
  padding: 0;
  resize: none;
  width: 100%;
  color: #18191a;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25;
}

._1i78f9m6:focus {
  outline: 0;
}

._1i78f9m7 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 12px;
}

._18yqchc0,
._18yqchc1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}

._18yqchc2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._18yqchc3 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

._18yqchc4 {
  font-size: 1rem;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  color: #18191a;
}

._18yqchc5 {
  font-size: 0.875rem;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #666;
}

._u3pruyr::marker {
  font-family: Arial, sans-serif;
  font-weight: 700;
  color: #18191a;
}

html {
  background-color: #f5f5f5;
  font-family: Arial, sans-serif;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

*,
:after,
:before {
  box-sizing: inherit;
}

strong {
  font-weight: bolder;
}

button,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.2;
  margin: 0;
}

[type="button"],
button {
  -webkit-appearance: button;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

@font-face {
  font-family: cast-sender-ui-icons-default;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@font-face {
  font-family: cast-sender-ui-icons-streamz;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@font-face {
  font-family: player-ui-icons-default;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@font-face {
  font-family: player-ui-icons-rounded;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@font-face {
  font-family: player-ui-icons-streamz;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@font-face {
  font-family: player-ui-icons-vtmgo;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@font-face {
  font-family: player-ui-icons-jwplayer;
  src:
    url("") format("woff"),
    url("") format("truetype");
}

@media only screen and (width >=460px) {
  .article__paragraph {
    padding: 0;
  }
}

@media only screen and (width >=768px) {
  .article__paragraph {
    padding: 0 16px;
  }
}

@media only screen and (width >=1024px) {
  .article__paragraph {
    padding: 0 32px;
  }
}

._ku7s49l {
  color: #b3b3b3;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

._ku7s49g {
  cursor: auto;
  pointer-events: none;
}

._ku7s49d {
  width: auto;
  display: inline-flex;
}

._ku7s49a {
  padding: 12px 16px;
  font-size: 1rem;
  line-height: 1.25;
}

._ku7s49d {
  width: auto;
  display: inline-flex;
}

._ku7s49a {
  padding: 12px 16px;
  font-size: 1rem;
  line-height: 1.25;
}

html {
  scroll-behavior: smooth;
}

#form {
  max-width: 450px;
  width: 100%;
  margin: 20px auto;
  scroll-margin-top: 200px;
}

.r-footer--copyright-img {
  min-width: 70px;
  text-align: center;
}

@media (min-width: 664px) {
  .r-footer--copyright-img {
    min-width: auto;
  }
}

.fb_reset {
  background: none;
  border: 0px;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family:
    lucida grande,
    tahoma,
    verdana,
    arial,
    sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
}

.fb_reset > div {
  overflow: hidden;
}

.fb_reset {
  background: none;
  border: 0px;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family:
    lucida grande,
    tahoma,
    verdana,
    arial,
    sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
}

.fb_reset > div {
  overflow: hidden;
}

.a {
  fill: #004077;
}

.b {
  fill: #fff;
}