@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
:root {
  --header-height:143px;
  --header-height-videopremium:143;
  --sticky-top-videopremium: 0;
  /* FOOTER */
  --footer-background-color: #000E1B;
  --footer-font-color: #fff;
  --footer-fill-color: #898989;
  --footer-fill-currentcolor: #fff;
  --footer-font-size: 14px;
}
:root .pa-home {
  --header-height:111px;
}
@media (min-width: 769px) {
  :root {
    --header-height:198px;
    --header-height-videopremium:198;
    --global-spacing:20px;
  }
  :root .pa-home {
    --header-height:166px;
  }
  :root body {
    --swiper-navigation-size: 72px;
  }
}
@media (max-width: 768px) {
  :root {
    --global-spacing:10px;
  }
}

/* SVG Map */
:root {
  --cp_color-primary: #1AFFF7;
  --cp_color-primary--lighten: #13dd9c;
  --cp_color-primary--darken: #0b7f5a;
  --cp_color-secondary: #6941a2;
  --reservation-space: 300px;
}
:root body.noPlaceholder {
  --reservation-space: 0px;
}
@media (min-width: 1000px) {
  :root body.app--ark,
  :root body.app--ark-rtb {
    --reservation-space: 220px;
  }
}

/* Tabs */
[class*=cp_stack] > * {
  margin-block: 0;
}
[class*=cp_stack] > * + * {
  margin-block-start: var(--space, 1em);
}

.cp_stack-xs > * + * {
  --space: calc(1em * .5);
}

.cp_stack-s > * + * {
  --space: calc(1em * .75);
}

.cp_stack-l > * + * {
  --space: calc(1em * 1.5);
}

.cp_stack-xl > * + * {
  --space: calc(1em * 2);
}

[style*=float] {
  margin-inline: 0;
}

[style*="float:left"] {
  margin-right: calc(20px * 1);
}

[style*="float:right"] {
  margin-left: calc(20px * 1);
}

@layer reset {
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
    margin: 0;
    border: none;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0;
  }
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  table {
    border-spacing: 0;
  }
}
@layer base {
  @media (prefers-reduced-motion: no-preference) {
    html {
      interpolate-size: allow-keywords;
    }
  }
  html {
    font-size: 16px;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  *:focus-visible {
    outline-offset: 2px;
    outline-style: dotted;
    outline-color: #1AFFF7;
  }
  article,
  aside,
  figure,
  footer,
  header,
  hgroup,
  section {
    display: block;
  }
  body,
  button {
    font-family: "Saira Semi Condensed", sans-serif;
  }
  code,
  pre {
    font-family: "Roboto", sans-serif;
  }
  body {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: normal;
    background-color: #000E1B;
    background-image: url("../images/phonandroid-2560.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: initial;
    background-attachment: normal;
  }
  a {
    cursor: pointer;
  }
  a strong {
    color: currentColor;
  }
  img {
    height: auto;
    max-width: 100%;
  }
  input, button, textarea, select {
    font: inherit;
  }
  input[type=checkbox],
  input[type=radio] {
    vertical-align: baseline;
  }
  small {
    font-size: 0.875em;
  }
  span {
    font-style: inherit;
    font-weight: inherit;
  }
  strong {
    color: inherit;
    font-weight: bold;
  }
  fieldset {
    border: none;
  }
  table td,
  table th {
    vertical-align: top;
  }
  table td:not([align]),
  table th:not([align]) {
    text-align: inherit;
  }
  table th {
    color: inherit;
  }
}
.font-tiny {
  font-size: 12px;
}

.font-maxi {
  font-size: 20px;
}

.font-title {
  font-family: "Saira Semi Condensed", sans-serif;
}

.font-text {
  font-family: "Saira Semi Condensed", sans-serif;
}

.color--primary {
  color: #1AFFF7;
}

.color--secondary {
  color: #6941a2;
}

.align-center {
  text-align: center;
  margin-inline: auto;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

h1, .h1-like {
  display: block;
  overflow-wrap: break-word;
}

h2, .h2-like,
h3, .h3-like,
h4, .h4-like,
h5, .h5-like,
h6, .h6-like {
  display: block;
  overflow-wrap: break-word;
  margin-block-start: clamp(20px, 2.5vw, calc(20px * 1.5));
  margin-block-end: clamp(calc(20px * .5), 2.5vw, 20px);
}
h2.cp_title--underline, .h2-like.cp_title--underline,
h3.cp_title--underline, .h3-like.cp_title--underline,
h4.cp_title--underline, .h4-like.cp_title--underline,
h5.cp_title--underline, .h5-like.cp_title--underline,
h6.cp_title--underline, .h6-like.cp_title--underline {
  position: relative;
  padding-block-end: 10px;
}
h2.cp_title--underline:before, h2.cp_title--underline:after, .h2-like.cp_title--underline:before, .h2-like.cp_title--underline:after,
h3.cp_title--underline:before,
h3.cp_title--underline:after, .h3-like.cp_title--underline:before, .h3-like.cp_title--underline:after,
h4.cp_title--underline:before,
h4.cp_title--underline:after, .h4-like.cp_title--underline:before, .h4-like.cp_title--underline:after,
h5.cp_title--underline:before,
h5.cp_title--underline:after, .h5-like.cp_title--underline:before, .h5-like.cp_title--underline:after,
h6.cp_title--underline:before,
h6.cp_title--underline:after, .h6-like.cp_title--underline:before, .h6-like.cp_title--underline:after {
  content: "";
  display: block;
  height: 3px;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}
h2.cp_title--underline:before, .h2-like.cp_title--underline:before,
h3.cp_title--underline:before, .h3-like.cp_title--underline:before,
h4.cp_title--underline:before, .h4-like.cp_title--underline:before,
h5.cp_title--underline:before, .h5-like.cp_title--underline:before,
h6.cp_title--underline:before, .h6-like.cp_title--underline:before {
  background: #d9d9d9;
  right: 0;
}
h2.cp_title--underline:after, .h2-like.cp_title--underline:after,
h3.cp_title--underline:after, .h3-like.cp_title--underline:after,
h4.cp_title--underline:after, .h4-like.cp_title--underline:after,
h5.cp_title--underline:after, .h5-like.cp_title--underline:after,
h6.cp_title--underline:after, .h6-like.cp_title--underline:after {
  background: #1AFFF7;
  width: 46px;
}
h2.cp_title--underline a, .h2-like.cp_title--underline a,
h3.cp_title--underline a, .h3-like.cp_title--underline a,
h4.cp_title--underline a, .h4-like.cp_title--underline a,
h5.cp_title--underline a, .h5-like.cp_title--underline a,
h6.cp_title--underline a, .h6-like.cp_title--underline a {
  text-decoration: none;
}
h2.cp_title--marker, .h2-like.cp_title--marker,
h3.cp_title--marker, .h3-like.cp_title--marker,
h4.cp_title--marker, .h4-like.cp_title--marker,
h5.cp_title--marker, .h5-like.cp_title--marker,
h6.cp_title--marker, .h6-like.cp_title--marker {
  position: relative;
  padding-inline-start: 15px;
}
h2.cp_title--marker:before, .h2-like.cp_title--marker:before,
h3.cp_title--marker:before, .h3-like.cp_title--marker:before,
h4.cp_title--marker:before, .h4-like.cp_title--marker:before,
h5.cp_title--marker:before, .h5-like.cp_title--marker:before,
h6.cp_title--marker:before, .h6-like.cp_title--marker:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #1AFFF7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
h2.cp_title--marker a, .h2-like.cp_title--marker a,
h3.cp_title--marker a, .h3-like.cp_title--marker a,
h4.cp_title--marker a, .h4-like.cp_title--marker a,
h5.cp_title--marker a, .h5-like.cp_title--marker a,
h6.cp_title--marker a, .h6-like.cp_title--marker a {
  text-decoration: none;
}

.figaroetudiant h2, .figaroetudiant h3, .figaroetudiant h4 {
  margin-block-start: calc(20px * 1.3334);
  margin-block-end: 20px;
}

h1, .h1-like {
  margin: 0;
  font-family: "Saira Semi Condensed", sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
}

h2, .h2-like {
  font-family: "Saira Semi Condensed", sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

h3, .h3-like {
  font-family: "Saira Semi Condensed", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

h4, .h4-like, h5, .h5-like, h6, .h6-like {
  font-family: "Saira Semi Condensed", sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

p {
  text-wrap: pretty;
  overflow-wrap: break-word;
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

blockquote {
  color: #898989;
  font-style: italic;
  font-weight: normal;
  padding: 0 0 0 15px;
  margin: 10px;
  border-width: 0 0 0 2px;
  border-color: #ccc;
  border-style: solid;
}
blockquote > * {
  font-size: 0.875em;
  margin: 0;
}

.app_entry_lead {
  font-family: "Saira Semi Condensed", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.app_entry_kicker, .entry .app_entry_kicker {
  display: block;
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

a, a:visited, .a-like, .a-like:visited, :where(span.jHiddenHref), :where(span.jHiddenHref):visited {
  color: #1AFFF7;
  text-decoration: none;
}
a:hover, a:active, .a-like:hover, .a-like:active, :where(span.jHiddenHref):hover, :where(span.jHiddenHref):active {
  color: #1AFFF7;
  text-decoration: underline;
}

span.jHiddenHref {
  cursor: pointer;
}

h1[class] a, h1[class] a:visited, h1 a, h1 a:visited, h2[class] a, h2[class] a:visited, h2 a, h2 a:visited, h3[class] a, h3[class] a:visited, h3 a, h3 a:visited, h4[class] a, h4[class] a:visited, h4 a, h4 a:visited {
  color: inherit;
  text-decoration: none;
}
h1[class] a:hover, h1[class] a:active, h1 a:hover, h1 a:active, h2[class] a:hover, h2[class] a:active, h2 a:hover, h2 a:active, h3[class] a:hover, h3[class] a:active, h3 a:hover, h3 a:active, h4[class] a:hover, h4[class] a:active, h4 a:hover, h4 a:active {
  color: #1AFFF7;
  text-decoration: none;
}

.a-content, .a-content:visited {
  color: inherit;
  text-decoration: none;
}
.a-content:hover, .a-content:active {
  color: #1AFFF7;
  text-decoration: underline;
}

.a-read-some-more {
  display: block;
  margin: 1rem 0;
  text-align: right;
  text-decoration: underline;
}

[class*=button--],
:where([class*=button--].jHiddenHref),
.app_edito_btn,
.item_cta_bottom {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  font-weight: bold;
  text-transform: none;
  line-height: normal;
  letter-spacing: 0;
  cursor: pointer;
  margin: 2px;
  margin-bottom: 5px;
  margin-right: 5px;
  transition: 220ms all ease-in-out;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  font-size: 14px;
  min-height: 40px;
  padding: 4px 20px;
}
[class*=button--][class*=ico]:before,
:where([class*=button--].jHiddenHref)[class*=ico]:before,
.app_edito_btn[class*=ico]:before,
.item_cta_bottom[class*=ico]:before {
  transition: 220ms all ease-in-out;
}
[class*=button--], [class*=button--]:visited, [class*=button--]:hover, [class*=button--]:active,
:where([class*=button--].jHiddenHref),
:where([class*=button--].jHiddenHref):visited,
:where([class*=button--].jHiddenHref):hover,
:where([class*=button--].jHiddenHref):active,
.app_edito_btn,
.app_edito_btn:visited,
.app_edito_btn:hover,
.app_edito_btn:active,
.item_cta_bottom,
.item_cta_bottom:visited,
.item_cta_bottom:hover,
.item_cta_bottom:active {
  text-decoration: none;
}
[class*=button--]:focus,
:where([class*=button--].jHiddenHref):focus,
.app_edito_btn:focus,
.item_cta_bottom:focus {
  outline-style: solid;
  outline-color: transparent;
  box-shadow: 0px 0px 5px 1px #9a9a9a;
}
[class*=button--][class*=ico]:before,
:where([class*=button--].jHiddenHref)[class*=ico]:before,
.app_edito_btn[class*=ico]:before,
.item_cta_bottom[class*=ico]:before {
  gap: 5px;
}
[class*=button--][class*=ico],
:where([class*=button--].jHiddenHref)[class*=ico],
.app_edito_btn[class*=ico],
.item_cta_bottom[class*=ico] {
  display: inline-flex;
}

[class*=button--][class*=ico--] {
  display: inline-flex;
  gap: 10px;
  text-align: left;
}
[class*=button--][class*=ico--]:before {
  flex-shrink: 0;
  flex-grow: 0;
  background-repeat: no-repeat;
}

[class*=button--small] {
  font-size: 12px;
  min-height: 30px;
  padding: 4px calc(20px / 2);
}
[class*=button--small][class*=ico]:before {
  gap: 2.5px;
}
[class*=button--small][class*=ico]:before {
  height: 15px;
  width: 15px;
}

button[disabled], button.disabled,
a[disabled], a.disabled {
  cursor: default;
}

.button--standard, .button--standard:visited {
  background-color: #1AFFF7;
  border-color: #1AFFF7;
  color: #fff;
}
.button--standard:hover, .button--standard:active {
  background-color: #fff;
  border-color: #1AFFF7;
  color: #1AFFF7;
}
.button--standard[disabled], .button--standard.disabled {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #898989;
}

span.button--standard.jHiddenHref:hover {
  color: #1AFFF7;
}

.button--background-color, .button--background-color:visited {
  background-color: var(--attr-button-color, #1AFFF7);
  border-color: var(--attr-button-color, #1AFFF7);
  color: var(--attr-button-font, #fff);
}
.button--background-color:hover, .button--background-color:active {
  background-color: var(--attr-button-color-hover, var(--attr-button-color, #1AFFF7));
  border-color: var(--attr-button-color-hover, var(--attr-button-color, #1AFFF7));
  color: var(--attr-button-font-hover, var(--attr-button-font, #fff));
}

.button--border-color, .button--border-color:visited {
  background-color: #fff;
  border-color: var(--attr-button-color, #1AFFF7);
  color: var(--attr-button-color, #1AFFF7);
}
.button--border-color:hover, .button--border-color:active {
  background-color: #fff;
  border-color: var(--attr-button-color-hover, #1AFFF7);
  color: var(--attr-button-color-hover, #1AFFF7);
}

.button--reverse, .button--reverse:visited {
  background-color: #fff;
  border-color: #1AFFF7;
  color: #1AFFF7;
}
.button--reverse:hover, .button--reverse:active {
  background-color: #1AFFF7;
  border-color: #1AFFF7;
  color: #fff;
}
.button--reverse[disabled], .button--reverse.disabled {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #898989;
}

span.button--reverse.jHiddenHref:hover {
  color: #fff;
}

.button--neutre, .button--neutre:visited {
  background-color: #898989;
  border-color: #898989;
  color: #fff;
}
.button--neutre:hover, .button--neutre:active {
  background-color: #fff;
  border-color: #898989;
  color: #898989;
}
.button--neutre[disabled], .button--neutre.disabled {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #898989;
}

span.button--neutre.jHiddenHref:hover {
  color: #898989;
}

.button--empty {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.button--empty, .button--empty:visited {
  background-color: #fff;
  border-color: #fff;
  color: #424242;
}
.button--empty:hover, .button--empty:active {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #303030;
}
.button--empty[disabled], .button--empty.disabled {
  background-color: #fff;
  border-color: #fff;
  color: #666;
}
.button--empty.state--active {
  border-color: #1AFFF7;
  color: #1AFFF7;
}
.button--empty.state--active .ico--empty {
  fill: #1AFFF7;
}

span.button--empty.jHiddenHref:hover {
  color: #303030;
}

.button--block {
  margin-inline: 0 !important;
  width: 100%;
  text-align: center;
}

.button--shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.button--radius {
  border-radius: 5px;
}

.button--facebook {
  gap: 10px;
}
.button--facebook, .button--facebook:visited {
  background-color: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.button--facebook:hover, .button--facebook:active {
  background-color: #4366ae;
  border-color: #4366ae;
  color: #fff;
}
.button--facebook:focus-visible {
  background: #355089;
}

.button--twitter {
  gap: 10px;
}
.button--twitter, .button--twitter:visited {
  background-color: #4099ff;
  border-color: #4099ff;
  color: #fff;
}
.button--twitter:hover, .button--twitter:active {
  background-color: #53a3ff;
  border-color: #53a3ff;
  color: #fff;
}
.button--twitter:focus-visible {
  background: #2088ff;
}

.button--sendmail {
  gap: 10px;
}
.button--sendmail, .button--sendmail:visited {
  background-color: #1AFFF7;
  border-color: #1AFFF7;
  color: #fff;
}
.button--sendmail:hover, .button--sendmail:active {
  background-color: #13dd9c;
  border-color: #13dd9c;
  color: #fff;
}
.button--sendmail:focus-visible {
  background: #0b7f5a;
}

@supports (container-type: inline-size) {
  *:has(> .button_container) {
    container-type: inline-size;
  }
}
.button_container,
.box-grey .button_container {
  display: flex;
  justify-items: center;
  justify-content: center;
  flex-flow: row wrap;
  gap: 10px;
}
@supports not (container-type: inline-size) {
  @media (min-width: 768px) {
    .button_container,
    .box-grey .button_container {
      gap: 20px;
    }
  }
}
@container (width > 600px) {
  .button_container,
  .box-grey .button_container {
    gap: 20px;
  }
}

:root {
  --input-border: #d9d9d9;
  --input-focus-h: 0deg;
  --input-focus-s: 0%;
  --input-focus-l: 53.7254901961%;
}

.cp_form p {
  font-size: inherit;
}

.cp_form__input,
.input,
:where(input) {
  min-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  font-family: inherit;
  display: block;
  padding: 0.25em 0.5em;
}
.cp_form__input:not(textarea),
.input:not(textarea),
:where(input):not(textarea) {
  line-height: 1;
}
.cp_form__input:focus-visible,
.input:focus-visible,
:where(input):focus-visible {
  border-color: hsl(var(--input-focus-h), var(--input-focus-s), var(--input-focus-l));
  box-shadow: 0 0 0 3px hsla(var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) + 40%), 0.8);
  outline: 3px solid transparent;
}
.cp_form__input::placeholder,
.input::placeholder,
:where(input)::placeholder {
  color: #666;
  opacity: 0.8;
}

:where([type=radio], [type=checkbox]) {
  height: auto;
  min-height: initial;
  width: auto;
  padding: 0;
  display: inline-block;
}

:where([type=file]) {
  font-size: 0.9em;
  padding-top: 0.35rem;
}

:where([readonly]) {
  border-style: dotted;
  cursor: not-allowed;
  color: #777;
}

:where([disabled]) {
  --input-border: #ccc;
  background-color: #eee;
  cursor: not-allowed;
}

.cp_form_icon {
  position: relative;
  display: block;
  flex: 1;
}
.cp_form_icon .cp_form__input {
  width: 100%;
  padding-right: 28px;
}

[class*=cp_form_icon__] {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
}
[class*=cp_form_icon__]:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  margin: auto;
}

.cp_form_icon__password:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M9 0C4.9 0 1.4 2.5 0 6c1.4 3.5 4.9 6 9 6s7.6-2.5 9-6c-1.4-3.5-4.9-6-9-6zm0 10c-2.3 0-4.1-1.8-4.1-4S6.7 2 9 2s4.1 1.8 4.1 4-1.8 4-4.1 4zm0-6.4c-1.4 0-2.5 1-2.5 2.4S7.6 8.4 9 8.4s2.5-1 2.5-2.4S10.4 3.6 9 3.6z' fill='%23666'/%3E%3C/svg%3E");
  width: 18px;
  height: 12px;
}

.cp_form_icon__random:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 20 20'%3E%3Cpath fill='%23666' d='m20 10.1-2.8 3.4c-.1.1-.2.1-.3 0l-2.8-3.4c-.1-.1-.1-.2.1-.2h2c0-.7-.1-1.4-.4-2.1-.3-.7-.7-1.4-1.2-2-.5-.6-1.2-1.1-1.9-1.4-.7-.4-1.5-.7-2.4-.7-.8 0-1.6.1-2.4.4-.7.3-1.4.7-2 1.2-.4.3-.9.3-1.2-.1-.3-.3-.3-.9 0-1.2.8-.7 1.6-1.2 2.6-1.5 1-.4 2-.5 3.1-.5 1.1.1 2.1.3 3 .8.9.4 1.7 1.1 2.4 1.8.7.8 1.2 1.6 1.5 2.6.3.9.5 1.8.5 2.7h2c.2 0 .3.1.2.2zm-4.7 4.4c-.3-.3-.8-.4-1.2-.1-.6.5-1.3.9-2 1.2-.8.3-1.6.4-2.4.4-.8 0-1.6-.2-2.4-.6-.7-.3-1.3-.8-1.9-1.4-.5-.6-.9-1.3-1.2-2-.2-.7-.4-1.4-.4-2.1h2c.2 0 .2-.2.1-.3L3.1 6.2c-.1-.1-.2-.1-.3 0L0 9.6c-.1.1 0 .3.1.3h2c0 .9.2 1.8.5 2.7.3 1 .9 1.8 1.5 2.6.7.8 1.5 1.4 2.4 1.8.9.5 2 .7 3 .8 1.1.1 2.1-.1 3.1-.5 1-.3 1.8-.9 2.6-1.5.4-.4.4-1 .1-1.3z'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.cp_form__select, :where(select) {
  min-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  font-family: inherit;
  display: block;
  padding: 0.25em 0.5em;
  position: relative;
  z-index: 1;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' viewBox='0 0 25 8.6' style='enable-background:new 0 0 25 8.6' xml:space='preserve'%3E%3Cpath d='M7.5 8.6c-.3 0-.5-.1-.7-.3L.3 1.8C-.1 1.4-.1.7.3.3s1.1-.4 1.5 0L7.5 6 13.2.3c.4-.4 1.1-.4 1.5 0 .4.4.4 1.1 0 1.5L8.3 8.3c-.2.2-.5.3-.8.3z' fill='currentColor'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-origin: border-box;
  padding-right: 20px;
  min-width: 50px;
}
.cp_form__select:focus-visible, :where(select):focus-visible {
  border-color: hsl(var(--input-focus-h), var(--input-focus-s), var(--input-focus-l));
  box-shadow: 0 0 0 3px hsla(var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) + 40%), 0.8);
  outline: #898989 auto 1px;
  outline: 3px solid transparent;
}
.cp_form__select:after, :where(select):after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.cp_form__textarea {
  min-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  font-family: inherit;
  display: block;
  padding: 0.25em 0.5em;
  height: 60px;
}
.cp_form__textarea:not(textarea) {
  line-height: 1;
}
.cp_form__textarea:focus-visible {
  border-color: hsl(var(--input-focus-h), var(--input-focus-s), var(--input-focus-l));
  box-shadow: 0 0 0 3px hsla(var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) + 40%), 0.8);
  outline: 3px solid transparent;
}
.cp_form__textarea::placeholder {
  color: #666;
  opacity: 0.8;
}
.cp_form__item .cp_form__textarea ~ [class*=cke_editor] {
  width: 100%;
  border-radius: 0;
  overflow: hidden;
}

.cp_form__fieldset {
  padding: 0;
  display: grid;
  gap: 20px;
  align-items: flex-start;
}
.cp_form__fieldset legend {
  display: var(--form-display-legend, none);
}
@container (min-inline-size: 651px) {
  .cp_form__fieldset {
    grid-template-columns: repeat(var(--columns, 1), 1fr);
  }
}

.cp_form__label {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

.select-field {
  min-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  font-family: inherit;
  display: block;
  padding: 0.25em 0.5em;
  position: relative;
  z-index: 1;
}
.select-field:focus-visible {
  border-color: hsl(var(--input-focus-h), var(--input-focus-s), var(--input-focus-l));
  box-shadow: inset 0 0 0 3px hsla(var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) + 40%), 0.8);
  outline: #898989 auto 1px;
  outline: 3px solid transparent;
}

.fieldset {
  margin: 0;
  padding: 0;
}

.custom-radio {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 10px;
}

.custom-radio--field {
  position: absolute;
  left: -200vw;
}
.custom-radio--field + label {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-color: #d9d9d9;
  column-gap: calc(20px / 2);
  white-space: nowrap;
}
.custom-radio--field + label .fake-radio {
  display: inline-block;
  height: 10px;
  border: solid 1px #d9d9d9;
  background-color: transparent;
  margin-inline: calc(20px * 2 / 3);
  border-radius: 100vw;
  outline: 1px solid #dedede;
  outline-offset: 5px;
}

:where([type*=radio]).custom-radio--field + label .fake-radio {
  width: 10px;
  border: solid 1px #d9d9d9;
}
:where([type*=radio]).custom-radio--field:checked + label {
  border-color: #898989;
}
:where([type*=radio]).custom-radio--field:checked + label .fake-radio {
  border: solid 1px #898989;
  background-color: #898989;
}

:where([type*=checkbox]).custom-radio--field + label .fake-radio {
  display: block;
  min-width: 30px;
  position: relative;
  background-color: transparent;
  border-radius: 100vw;
}
:where([type*=checkbox]).custom-radio--field + label .fake-radio::before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #dedede;
  border-radius: 100vw;
  position: absolute;
  right: auto;
  left: 0;
}
:where([type*=checkbox]).custom-radio--field:checked + label .fake-radio {
  background-color: transparent;
}
:where([type*=checkbox]).custom-radio--field:checked + label .fake-radio::before {
  right: 0;
  left: auto;
  background-color: #898989;
}

textarea.input {
  resize: vertical;
  padding-top: 12px;
}

.form {
  font-size: 16px;
}
.form a, .form a:visited {
  color: inherit;
  text-decoration: underline;
}
.form a:hover, .form a:active {
  color: #1AFFF7;
  text-decoration: underline;
}
.form p {
  font-size: 16px;
}

.form__wrapper {
  margin: calc((20px / 4) * -1) calc((20px / 2) * -1) calc(20px / 4) calc((20px / 2) * -1);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.form__item {
  margin: calc(20px / 4) calc(20px / 2);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form__item.w50 {
  width: calc(50% - 20px);
}
.form__item p {
  margin: 0;
  line-height: normal;
}

.form__mandatory p {
  color: #666;
  font-size: 12px;
}

.modal__footer .form__submit {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

/* Bonnes pratiques
    - Mettre une classe sue la balise ul quand la liste n'est pas une liste par défaut, même s'il y a une classe parente
    - bien definir le list-style-type, le padding et le margin de ul
*/
/*
-- VARIABLES
------------------------------------------------------------------------------*/
/*
-- LISTS COLUMS
------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  ul.list--2colflex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  ul.list--2colflex li {
    flex: 0 0 auto;
    width: calc(50% - 20px / 2);
    line-height: 1.3;
  }
  ul.list--2colflex li:nth-child(2n+1) {
    padding-right: 5px;
  }
}

ul.list--2colflex--small {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
ul.list--2colflex--small li {
  flex: 0 0 auto;
  width: calc(50% - 20px / 2);
  line-height: 1.3;
}
ul.list--2colflex--small li:nth-child(2n+1) {
  padding-right: 5px;
}

@media (min-width: 768px) {
  ul.list--2col,
  ul.list--2colcount {
    column-count: 2;
    column-gap: 5%;
  }
  ul.list--2col li,
  ul.list--2colcount li {
    break-inside: avoid;
  }
}

ul.list--3colflex {
  display: flex;
  flex-flow: row wrap;
  column-gap: calc(20px / 2);
}
ul.list--3colflex li {
  flex: 0 0 32%;
  min-width: 160px;
}

@media (min-width: 768px) {
  ul.list--3col,
  ul.list--3colcount {
    column-count: 3;
    column-gap: 5%;
  }
  ul.list--3col li,
  ul.list--3colcount li {
    break-inside: avoid;
  }
}

/*
-- LISTS TYPES
------------------------------------------------------------------------------*/
ol.list--numbers {
  padding-left: 20px;
  margin: 0 0 15px 0;
}
ol.list--numbers li {
  margin: 0 0 calc(20px / 4) 0;
}
ol.list--numbers li::marker {
  font-weight: bold;
}

ul.list--bullet {
  padding-left: 20px;
  list-style-type: disc;
  margin: 0 0 calc(20px - calc(20px / 4 )) 0;
}
ul.list--bullet li {
  margin: 0 0 calc(20px / 4) 0;
}
ul.list--bullet li::marker {
  color: #1AFFF7;
  font-size: 16px;
}
ul.list--bullet .ico {
  position: relative;
  list-style: none;
}
ul.list--bullet .ico::marker {
  content: none;
}
ul.list--bullet .ico:before {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: -18px;
}
ul.list--bullet .ico.ico--search:before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23303030' d='M19.5206 19.5206C18.8324 20.2089 17.7062 20.1463 17.018 19.3955L13.0138 14.6405C12.5758 14.14 12.3881 13.6394 12.3881 13.2015C11.0742 14.3277 9.38492 15.0159 7.50794 15.0159C3.37857 15.0159 0 11.6373 0 7.50794C0 3.37857 3.37857 0 7.50794 0C11.6373 0 15.0159 3.37857 15.0159 7.50794C15.0159 9.38492 14.3276 11.0742 13.2015 12.3881C13.6394 12.3881 14.14 12.5758 14.6405 13.0138L19.3955 17.018C20.1463 17.7062 20.2089 18.8324 19.5206 19.5206ZM12.5132 7.50794C12.5132 4.75503 10.2608 2.50265 7.50794 2.50265C4.75503 2.50265 2.50265 4.75503 2.50265 7.50794C2.50265 10.2608 4.75503 12.5132 7.50794 12.5132C10.2608 12.5132 12.5132 10.2608 12.5132 7.50794Z'/%3E%3C/svg%3E");
}
ul.list--bullet a,
ul.list--bullet a:visited,
ul.list--bullet .jHiddenHref,
ul.list--bullet .jHiddenHref:visited {
  color: inherit;
  text-decoration: none;
}
ul.list--bullet a:hover,
ul.list--bullet a:active,
ul.list--bullet .jHiddenHref:hover,
ul.list--bullet .jHiddenHref:active {
  color: #1AFFF7;
  text-decoration: underline;
}

ul.list--arrow {
  list-style-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23424242' d='M216 36l-7 8c-4 4-4 12 0 17l179 178H12c-7 0-12 5-12 12v10c0 7 5 12 12 12h376L209 451c-4 5-4 13 0 17l7 8c5 4 13 4 17 0l211-212c5-4 5-12 0-16L233 36c-4-4-12-4-17 0z'/%3E%3C/svg%3E");
  padding-left: 20px;
}

ul.list--chevron {
  list-style-type: none;
  padding: 0;
}
ul.list--chevron li {
  display: inline-flex;
}
@supports (mask-repeat: no-repeat) {
  ul.list--chevron li:before {
    content: "";
    background-color: var(--marker-icon-color);
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='currentColor' d='M12 7.984a1.293 1.293 0 0 0-.372-.897L5.422.881a1.294 1.294 0 1 0-1.834 1.826L8.88 8l-5.292 5.292a1.294 1.294 0 0 0 1.834 1.826l6.206-6.205c.244-.248.378-.583.372-.93v.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 .5h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='currentColor' d='M12 7.984a1.293 1.293 0 0 0-.372-.897L5.422.881a1.294 1.294 0 1 0-1.834 1.826L8.88 8l-5.292 5.292a1.294 1.294 0 0 0 1.834 1.826l6.206-6.205c.244-.248.378-.583.372-.93v.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 .5h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-size: cover;
  }
  ul.list--chevron li:hover:before {
    background-color: none;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  ul.list--chevron li:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='currentColor' d='M12 7.984a1.293 1.293 0 0 0-.372-.897L5.422.881a1.294 1.294 0 1 0-1.834 1.826L8.88 8l-5.292 5.292a1.294 1.294 0 0 0 1.834 1.826l6.206-6.205c.244-.248.378-.583.372-.93v.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 .5h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
  }
  ul.list--chevron li:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='currentColor' d='M12 7.984a1.293 1.293 0 0 0-.372-.897L5.422.881a1.294 1.294 0 1 0-1.834 1.826L8.88 8l-5.292 5.292a1.294 1.294 0 0 0 1.834 1.826l6.206-6.205c.244-.248.378-.583.372-.93v.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 .5h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
}
ul.list--chevron li:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 13px;
  margin: 0 4px;
}

ul.list--inline-with-pipes {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  list-style-image: none;
  line-height: normal;
  margin: calc(20px * .75) 0;
}
ul.list--inline-with-pipes > * {
  flex: 0 0 auto;
}
ul.list--inline-with-pipes > *:not(:last-of-type):after {
  content: "|";
  display: inline-block;
  margin-left: calc(20px / 4);
  padding-right: calc(20px / 4);
  color: #898989;
}
ul.list--inline-with-pipes > * a, ul.list--inline-with-pipes > * a:visited {
  color: #898989;
  text-decoration: underline;
}
ul.list--inline-with-pipes > * a:hover, ul.list--inline-with-pipes > * a:active {
  color: #1AFFF7;
  text-decoration: underline;
}
.layout_main > ul.list--inline-with-pipes {
  padding: 0 calc(20px * .5);
}
@media (min-width: 768px) {
  .layout_main > ul.list--inline-with-pipes {
    padding: 0 20px;
  }
}

ul.list--without-marker > *:not(:last-of-type) {
  margin-bottom: 20px;
}

ul.list--with-pictos,
ul.list--without-marker {
  list-style-type: none;
  padding: 0;
}
ul.list--with-pictos > *,
ul.list--without-marker > * {
  display: inline-flex;
  margin-right: 20px;
}
ul.list--with-pictos > * > *,
ul.list--without-marker > * > * {
  flex: 0 0 auto;
}

ul.list--block-without-marker {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.list--with-pictos.small-font-size {
  font-size: 0.875em;
}
.card--formation ul.list--with-pictos {
  margin-top: calc(20px * .5);
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
}
.card--formation ul.list--with-pictos li {
  margin: 0 !important;
}
.card--formation ul.list--with-pictos > * {
  width: 100%;
}

dt {
  font-weight: 700;
  margin-block-end: 20px;
}
dt + dd {
  margin-block-start: calc((20px * .75) * -1);
}

dd {
  margin-inline-start: 0;
  margin-block-end: 20px;
  font-size: 14px;
  color: #666;
}

dt a {
  background-color: inherit;
}
dt a, .entry dt a {
  color: inherit;
}
dt a:link, dt a:visited, .entry dt a:link, .entry dt a:visited {
  color: inherit;
}
dt a:hover, dt a:active, dt a:focus-visible, .entry dt a:hover, .entry dt a:active, .entry dt a:focus-visible {
  color: #1AFFF7;
}

dl.list--definition {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: calc(20px / 2);
  grid-row-gap: calc(20px / 4);
}
dl.list--definition dt {
  font-weight: bold;
  margin-block-end: auto;
  font-size: 1em;
}
dl.list--definition dd {
  font-weight: normal;
  margin-block-start: auto;
  margin-block-end: auto;
  font-size: 1em;
  color: #424242;
}
dl.list--definition.grid-35-65 {
  grid-template-columns: 35% 65%;
}

dl.list--tabular-datas {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 1px;
  background: #D3D3D3;
}
dl.list--tabular-datas > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  margin: 0;
  padding-block: calc(20px * 0.6667);
  font-size: 14px;
}
.campus dl.list--tabular-datas > dt {
  max-width: 33%;
}
dl.list--tabular-datas dt {
  padding-inline-end: 10px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #fff;
}
dl.list--tabular-datas dt a {
  color: #424242;
}
dl.list--tabular-datas dd {
  font-weight: 700;
  color: #424242;
  background-color: #fff;
}
dl.list--tabular-datas dd a {
  color: #424242;
  text-decoration: underline;
}
dl.list--tabular-datas.list--alternate > :nth-child(4n+1), dl.list--tabular-datas.list--alternate > :nth-child(4n+2) {
  background-color: #fff;
}
dl.list--tabular-datas.list--alternate > :nth-child(4n+3), dl.list--tabular-datas.list--alternate > :nth-child(4n+4) {
  background-color: #f7f7f7;
}

.list--grid {
  margin: 0;
  display: grid;
  list-style: none;
  padding: 0;
  align-content: center;
  justify-items: center;
}
.list--grid > * {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 1000px) {
  .list--grid[style*="--columns"] {
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: 16px;
    margin-block-end: 32px;
  }
}
.list--grid[style*="--columns"] > * {
  display: grid;
  grid-template-columns: 1fr 32px;
  width: 100%;
}
.list--grid.list--3col {
  gap: 1em;
  margin-block-start: 1.5rem;
  margin-block-end: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #D3D3D3;
}
@media (min-width: 1000px) {
  .list--grid.list--3col {
    grid-template-columns: repeat(3, 1fr);
    padding-inline: 54px;
    column-gap: 50px;
  }
}
.list--grid.list--3col > * {
  padding-inline: 0;
  margin-block-end: 0;
}

h3.list--title {
  margin: 0;
  padding: calc(20px * 0.75);
  font-size: 14px;
}

.ico--before:before {
  margin-inline-end: calc(20px / 2);
}
.ico--after {
  flex-direction: row-reverse;
}
.ico--after:before {
  margin-inline-start: calc(20px / 2);
}

.ico {
  display: inline-block;
}
.ico:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
}

.ico--arrow:before {
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23303030' d='M216 36l-7 8c-4 4-4 12 0 17l179 178H12c-7 0-12 5-12 12v10c0 7 5 12 12 12h376L209 451c-4 5-4 13 0 17l7 8c5 4 13 4 17 0l211-212c5-4 5-12 0-16L233 36c-4-4-12-4-17 0z'/%3E%3C/svg%3E");
}
@supports (mask-repeat: no-repeat) {
  .ico--arrow.button--background-color:before {
    content: "";
    background-color: #fff;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M216 36l-7 8c-4 4-4 12 0 17l179 178H12c-7 0-12 5-12 12v10c0 7 5 12 12 12h376L209 451c-4 5-4 13 0 17l7 8c5 4 13 4 17 0l211-212c5-4 5-12 0-16L233 36c-4-4-12-4-17 0z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M216 36l-7 8c-4 4-4 12 0 17l179 178H12c-7 0-12 5-12 12v10c0 7 5 12 12 12h376L209 451c-4 5-4 13 0 17l7 8c5 4 13 4 17 0l211-212c5-4 5-12 0-16L233 36c-4-4-12-4-17 0z'/%3E%3C/svg%3E");
    mask-size: cover;
  }
  .ico--arrow.button--background-color:hover:before {
    background-color: none;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  .ico--arrow.button--background-color:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M216 36l-7 8c-4 4-4 12 0 17l179 178H12c-7 0-12 5-12 12v10c0 7 5 12 12 12h376L209 451c-4 5-4 13 0 17l7 8c5 4 13 4 17 0l211-212c5-4 5-12 0-16L233 36c-4-4-12-4-17 0z'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .ico--arrow.button--background-color:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M216 36l-7 8c-4 4-4 12 0 17l179 178H12c-7 0-12 5-12 12v10c0 7 5 12 12 12h376L209 451c-4 5-4 13 0 17l7 8c5 4 13 4 17 0l211-212c5-4 5-12 0-16L233 36c-4-4-12-4-17 0z'/%3E%3C/svg%3E");
  }
}

.ico--pinned:before, .ico--pinned:focus:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='blue' d='M2.8 2.7c-.3.1-.5.5-.4.8.3.7.8 1 1.6 1 .3 0 .5.2.6.4l2 5.4c0 .2 0 .5-.1.7-1.6 1.8-1.9 3.1-1.4 5.2 0 .4.5.6.8.4l4.5-1.6 1.4 3.8 1.3 1.2.2-1.8-1.4-3.8 4.4-1.6c.4-.1.5-.6.3-.9-1.1-1.7-2.1-2.5-4.4-3-.2 0-.4-.2-.5-.4L9.8 3.1c-.1-.3 0-.6.3-.8.6-.5.8-1 .7-1.8 0-.4-.4-.6-.8-.5L2.8 2.7Z' style='fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
}

.ico--change-type:before, .ico--change-type:focus:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23303030' d='M17.059 2.928c-3.895-3.904-10.24-3.904-14.134 0a9.998 9.998 0 0 0-.409 13.698l.11.082c-.382.818-1.036 1.828-2.07 2.32-.327.163-.273.681.108.736 1.117.164 2.75-.027 4.249-1.173l.027.027c3.84 2.265 8.85 1.746 12.119-1.555a9.96 9.96 0 0 0 0-14.135Zm-.7 10.697c0 .204-.164.33-.33.33H7.85v1.07c0 .204-.205.33-.37.204l-3.536-2.224c-.163-.082-.163-.33 0-.453l3.535-2.224c.163-.122.37 0 .37.205v1.07h8.181c.205 0 .33.163.33.33v1.691Zm-.123-6.426-3.535 2.223c-.163.123-.37 0-.37-.204v-1.07H4.147a.325.325 0 0 1-.33-.33V6.211c0-.205.164-.33.33-.33h8.181V4.81c0-.204.205-.33.37-.204l3.536 2.223c.163.041.163.29 0 .371l.002-.002Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ico--chevron-down:before {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M.16 3.84l4.555 4.05a.426.426 0 00.57 0L9.84 3.84a.496.496 0 00.056-.669.426.426 0 00-.626-.06L5 6.906.73 3.11a.427.427 0 00-.627.061.496.496 0 00.057.669z' fill='%23303030'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23303030' d='M0 0h10v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ico--chevron-up:before {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M9.84 6.16L5.285 2.11a.426.426 0 00-.57 0L.16 6.16a.496.496 0 00-.056.669.426.426 0 00.626.06L5 3.094 9.27 6.89c.189.167.47.14.627-.061a.496.496 0 00-.057-.669z' fill='%23303030'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23303030' transform='rotate(-180 5 5)' d='M0 0h10v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ico--chevron-right:before {
  width: 14px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23303030' d='M12 7.984a1.293 1.293 0 0 0-.372-.897L5.422.881a1.294 1.294 0 1 0-1.834 1.826L8.88 8l-5.292 5.292a1.294 1.294 0 0 0 1.834 1.826l6.206-6.205c.244-.248.378-.583.372-.93v.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23303030' d='M0 .5h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ico--chronometre:before {
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%23303030}%3C/style%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h30v30H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000101092496765096529810000016202102901038432899_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_00000101092496765096529810000016202102901038432899_)'%3E%3Cpath class='st1' d='M11.3 0v2.5h2.5v1.3c.9-.1 1.6-.1 2.5 0V2.5h2.5V0h-7.5z'/%3E%3Cpath class='st1' d='m23.5 8.3.9-.9 1 1 1.8-1.8-3.8-3.8-1.8 1.8 1 1-1.1 1.1C15.5 3.1 7.8 5 4.3 11S2.7 24.5 8.6 28.1c5.9 3.6 13.6 1.8 17.1-4.3 3.1-5 2.2-11.5-2.2-15.5zM15 26.2c-4.9 0-8.8-3.9-8.8-8.8s3.9-8.8 8.8-8.8v8.8h8.8c0 4.9-3.9 8.8-8.8 8.8z'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--download:before {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23303030' d='M14.7922 9.11625C14.6941 8.8925 14.4784 8.75 14.241 8.75H11.8179V0.625C11.8179 0.28 11.5465 0 11.2121 0H8.78901C8.45463 0 8.18324 0.28 8.18324 0.625V8.75H5.76014C5.52268 8.75 5.30703 8.89375 5.20889 9.11625C5.10954 9.34 5.14831 9.60125 5.3046 9.78625L9.54502 14.7863C9.66012 14.9225 9.8261 15 10.0006 15C10.175 15 10.341 14.9213 10.4561 14.7863L14.6965 9.78625C14.854 9.6025 14.8904 9.34 14.7922 9.11625Z'/%3E%3Cpath fill='%23303030' d='M16.6 13.5714V17.4286H3.4V13.5714H1V18.7143C1 19.4253 1.5376 20 2.2 20H17.8C18.4636 20 19 19.4253 19 18.7143V13.5714H16.6Z'/%3E%3C/svg%3E");
}
.ico--download.button--standard:before {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M14.7922 9.11625C14.6941 8.8925 14.4784 8.75 14.241 8.75H11.8179V0.625C11.8179 0.28 11.5465 0 11.2121 0H8.78901C8.45463 0 8.18324 0.28 8.18324 0.625V8.75H5.76014C5.52268 8.75 5.30703 8.89375 5.20889 9.11625C5.10954 9.34 5.14831 9.60125 5.3046 9.78625L9.54502 14.7863C9.66012 14.9225 9.8261 15 10.0006 15C10.175 15 10.341 14.9213 10.4561 14.7863L14.6965 9.78625C14.854 9.6025 14.8904 9.34 14.7922 9.11625Z'/%3E%3Cpath fill='%23fff' d='M16.6 13.5714V17.4286H3.4V13.5714H1V18.7143C1 19.4253 1.5376 20 2.2 20H17.8C18.4636 20 19 19.4253 19 18.7143V13.5714H16.6Z'/%3E%3C/svg%3E");
}
.ico--download.button--standard:hover:before {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231AFFF7' d='M14.7922 9.11625C14.6941 8.8925 14.4784 8.75 14.241 8.75H11.8179V0.625C11.8179 0.28 11.5465 0 11.2121 0H8.78901C8.45463 0 8.18324 0.28 8.18324 0.625V8.75H5.76014C5.52268 8.75 5.30703 8.89375 5.20889 9.11625C5.10954 9.34 5.14831 9.60125 5.3046 9.78625L9.54502 14.7863C9.66012 14.9225 9.8261 15 10.0006 15C10.175 15 10.341 14.9213 10.4561 14.7863L14.6965 9.78625C14.854 9.6025 14.8904 9.34 14.7922 9.11625Z'/%3E%3Cpath fill='%231AFFF7' d='M16.6 13.5714V17.4286H3.4V13.5714H1V18.7143C1 19.4253 1.5376 20 2.2 20H17.8C18.4636 20 19 19.4253 19 18.7143V13.5714H16.6Z'/%3E%3C/svg%3E");
}

.ico--empty-star:before {
  width: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='M20 7.5c.2 0 .4.2.5.4.1.2 0 .4-.2.6l-4.4 3.8-.2.2.1.3 1.3 5.6c0 .2 0 .4-.2.6-.2.1-.4.1-.6 0l-5-3-.3-.2-.3.2-5 3h-.2c-.1 0-.2 0-.3-.1h0c-.2-.1-.3-.4-.2-.6l1.3-5.6.1-.3-.2-.2-4.5-3.8c-.2-.1-.2-.3-.2-.5.1-.3.3-.4.5-.4L7.8 7h.3l.1-.3 2.3-5.3c.1-.3.3-.4.5-.4s.4.1.5.3l2.3 5.3.1.3h.3l5.8.6z' fill='none' stroke='%23303030'/%3E%3C/svg%3E");
}

.ico--mail:before {
  width: 18px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 390'%3E%3Cpath fill='%23303030' d='M467 0H45C20.2 0 0 20.2 0 45v300c0 24.7 20.1 45 45 45h422c24.7 0 45-20.1 45-45V45c0-24.7-20.1-45-45-45zm-6.2 30L257 233.8 51.4 30h409.4zM30 338.8V51.1l144.5 143.2L30 338.8zM51.2 360l144.6-144.6 50.7 50.2c5.9 5.8 15.3 5.8 21.2 0l49.4-49.4L460.8 360H51.2zM482 338.8 338.2 195 482 51.2v287.6z'/%3E%3C/svg%3E");
}
.ico--mail.button--neutre:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 390'%3E%3Cpath fill='%23fff' d='M467 0H45C20.2 0 0 20.2 0 45v300c0 24.7 20.1 45 45 45h422c24.7 0 45-20.1 45-45V45c0-24.7-20.1-45-45-45zm-6.2 30L257 233.8 51.4 30h409.4zM30 338.8V51.1l144.5 143.2L30 338.8zM51.2 360l144.6-144.6 50.7 50.2c5.9 5.8 15.3 5.8 21.2 0l49.4-49.4L460.8 360H51.2zM482 338.8 338.2 195 482 51.2v287.6z'/%3E%3C/svg%3E");
}
.ico--mail.button--neutre:hover:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 390'%3E%3Cpath fill='%23898989' d='M467 0H45C20.2 0 0 20.2 0 45v300c0 24.7 20.1 45 45 45h422c24.7 0 45-20.1 45-45V45c0-24.7-20.1-45-45-45zm-6.2 30L257 233.8 51.4 30h409.4zM30 338.8V51.1l144.5 143.2L30 338.8zM51.2 360l144.6-144.6 50.7 50.2c5.9 5.8 15.3 5.8 21.2 0l49.4-49.4L460.8 360H51.2zM482 338.8 338.2 195 482 51.2v287.6z'/%3E%3C/svg%3E");
}

.ico--mail--background-color:before {
  width: 20px;
  height: 20px;
}
@supports (mask-repeat: no-repeat) {
  .ico--mail--background-color.button--background-color:before {
    content: "";
    background-color: var(--attr-button-font, #303030);
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='currentColor' d='M13.498 1.5H1.368c-.2 0-.386.049-.555.13l6.591 6.597 1.477-1.421 5.172-5.176a1.278 1.278 0 0 0-.555-.13ZM14.864 2.312 9.756 7.187l5.108 4.875c.085-.17.136-.356.136-.555v-8.64c0-.2-.051-.386-.136-.555ZM.13 2.196C.049 2.365 0 2.55 0 2.75v8.633c0 .199.049.385.13.554l4.864-4.87L.13 2.195Z'/%3E%3Cpath fill='currentColor' d='M9.07 7.763 7.593 9.18a.43.43 0 0 1-.61 0l-1.42-1.417L.697 12.62c.169.081.355.13.554.13h12.132c.199 0 .385-.049.554-.13L9.07 7.764Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='currentColor' d='M13.498 1.5H1.368c-.2 0-.386.049-.555.13l6.591 6.597 1.477-1.421 5.172-5.176a1.278 1.278 0 0 0-.555-.13ZM14.864 2.312 9.756 7.187l5.108 4.875c.085-.17.136-.356.136-.555v-8.64c0-.2-.051-.386-.136-.555ZM.13 2.196C.049 2.365 0 2.55 0 2.75v8.633c0 .199.049.385.13.554l4.864-4.87L.13 2.195Z'/%3E%3Cpath fill='currentColor' d='M9.07 7.763 7.593 9.18a.43.43 0 0 1-.61 0l-1.42-1.417L.697 12.62c.169.081.355.13.554.13h12.132c.199 0 .385-.049.554-.13L9.07 7.764Z'/%3E%3C/svg%3E");
    mask-size: cover;
  }
  .ico--mail--background-color.button--background-color:hover:before {
    background-color: none;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  .ico--mail--background-color.button--background-color:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='currentColor' d='M13.498 1.5H1.368c-.2 0-.386.049-.555.13l6.591 6.597 1.477-1.421 5.172-5.176a1.278 1.278 0 0 0-.555-.13ZM14.864 2.312 9.756 7.187l5.108 4.875c.085-.17.136-.356.136-.555v-8.64c0-.2-.051-.386-.136-.555ZM.13 2.196C.049 2.365 0 2.55 0 2.75v8.633c0 .199.049.385.13.554l4.864-4.87L.13 2.195Z'/%3E%3Cpath fill='currentColor' d='M9.07 7.763 7.593 9.18a.43.43 0 0 1-.61 0l-1.42-1.417L.697 12.62c.169.081.355.13.554.13h12.132c.199 0 .385-.049.554-.13L9.07 7.764Z'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .ico--mail--background-color.button--background-color:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='currentColor' d='M13.498 1.5H1.368c-.2 0-.386.049-.555.13l6.591 6.597 1.477-1.421 5.172-5.176a1.278 1.278 0 0 0-.555-.13ZM14.864 2.312 9.756 7.187l5.108 4.875c.085-.17.136-.356.136-.555v-8.64c0-.2-.051-.386-.136-.555ZM.13 2.196C.049 2.365 0 2.55 0 2.75v8.633c0 .199.049.385.13.554l4.864-4.87L.13 2.195Z'/%3E%3Cpath fill='currentColor' d='M9.07 7.763 7.593 9.18a.43.43 0 0 1-.61 0l-1.42-1.417L.697 12.62c.169.081.355.13.554.13h12.132c.199 0 .385-.049.554-.13L9.07 7.764Z'/%3E%3C/svg%3E");
  }
}
.ico--mail--background-color.button--standard:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23fff' d='M13.498 1.5H1.368c-.2 0-.386.049-.555.13l6.591 6.597 1.477-1.421 5.172-5.176a1.278 1.278 0 0 0-.555-.13ZM14.864 2.312 9.756 7.187l5.108 4.875c.085-.17.136-.356.136-.555v-8.64c0-.2-.051-.386-.136-.555ZM.13 2.196C.049 2.365 0 2.55 0 2.75v8.633c0 .199.049.385.13.554l4.864-4.87L.13 2.195Z'/%3E%3Cpath fill='%23fff' d='M9.07 7.763 7.593 9.18a.43.43 0 0 1-.61 0l-1.42-1.417L.697 12.62c.169.081.355.13.554.13h12.132c.199 0 .385-.049.554-.13L9.07 7.764Z'/%3E%3C/svg%3E");
}
.ico--mail--background-color.button--standard:hover:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%231AFFF7' d='M13.498 1.5H1.368c-.2 0-.386.049-.555.13l6.591 6.597 1.477-1.421 5.172-5.176a1.278 1.278 0 0 0-.555-.13ZM14.864 2.312 9.756 7.187l5.108 4.875c.085-.17.136-.356.136-.555v-8.64c0-.2-.051-.386-.136-.555ZM.13 2.196C.049 2.365 0 2.55 0 2.75v8.633c0 .199.049.385.13.554l4.864-4.87L.13 2.195Z'/%3E%3Cpath fill='%231AFFF7' d='M9.07 7.763 7.593 9.18a.43.43 0 0 1-.61 0l-1.42-1.417L.697 12.62c.169.081.355.13.554.13h12.132c.199 0 .385-.049.554-.13L9.07 7.764Z'/%3E%3C/svg%3E");
}

.ico--modal-close:before {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 42 42' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M21 1C9.972 1 1 9.972 1 21s8.972 20 20 20c4.79 0 9.192-1.692 12.64-4.51C38.13 32.818 41 27.237 41 21 41 9.972 32.028 1 21 1z' stroke='%23303030' stroke-width='2'/%3E%3Cpath d='M30.45 27.8l-6.8-6.8 6.8-6.8a1.87 1.87 0 0 0 0-2.65 1.87 1.87 0 0 0-2.65 0l-6.8 6.8-6.8-6.8a1.87 1.87 0 0 0-2.65 0 1.87 1.87 0 0 0 0 2.65l6.8 6.8-6.8 6.8a1.87 1.87 0 0 0 0 2.65 1.87 1.87 0 0 0 2.65 0l6.8-6.8 6.8 6.8a1.87 1.87 0 0 0 2.65 0 1.88 1.88 0 0 0 0-2.65z' fill='%23303030'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--search:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23303030' d='M19.5206 19.5206C18.8324 20.2089 17.7062 20.1463 17.018 19.3955L13.0138 14.6405C12.5758 14.14 12.3881 13.6394 12.3881 13.2015C11.0742 14.3277 9.38492 15.0159 7.50794 15.0159C3.37857 15.0159 0 11.6373 0 7.50794C0 3.37857 3.37857 0 7.50794 0C11.6373 0 15.0159 3.37857 15.0159 7.50794C15.0159 9.38492 14.3276 11.0742 13.2015 12.3881C13.6394 12.3881 14.14 12.5758 14.6405 13.0138L19.3955 17.018C20.1463 17.7062 20.2089 18.8324 19.5206 19.5206ZM12.5132 7.50794C12.5132 4.75503 10.2608 2.50265 7.50794 2.50265C4.75503 2.50265 2.50265 4.75503 2.50265 7.50794C2.50265 10.2608 4.75503 12.5132 7.50794 12.5132C10.2608 12.5132 12.5132 10.2608 12.5132 7.50794Z'/%3E%3C/svg%3E");
}

.ico--star:before {
  width: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='M20.9 7.7c-.1-.4-.4-.7-.9-.8l-5.8-.5L12 1.1c-.2-.4-.6-.6-1-.6s-.8.3-1 .6L7.7 6.4 2 6.9c-.5.1-.8.4-.9.8-.2.4-.1.8.3 1.1l4.4 3.8-1.3 5.6c-.1.4.1.8.4 1.1.2.1.4.2.6.2.2 0 .4 0 .5-.1l5-3 5 3c.4.2.8.2 1.2-.1.3-.2.5-.7.4-1.1l-1.3-5.6 4.4-3.8c.3-.3.4-.7.2-1.1z' fill='%23303030'/%3E%3C/svg%3E");
}

.ico--back:before {
  width: 7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 6.2 10.8'%3E%3Cpath fill='%23303030' d='M0 5.4c0-.2.1-.4.2-.5L4.9.2c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1L1.9 5.4 6 9.5c.3.3.3.8 0 1.1-.3.3-.8.3-1.1 0L.2 6c-.1-.2-.2-.4-.2-.6z'/%3E%3C/svg%3E");
}

.ico--bell:before {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.947 16.654-1.288-2.213a6.73 6.73 0 0 1-.909-3.383V9.12c0-2.447-1.584-4.517-3.75-5.184V2.547C11 1.694 10.327 1 9.5 1 8.672 1 8 1.694 8 2.547v1.388c-2.166.667-3.75 2.737-3.75 5.184v1.94c0 1.19-.315 2.36-.909 3.38l-1.288 2.214a.397.397 0 0 0-.004.39c.067.121.19.196.325.196h14.251c.135 0 .26-.075.326-.196a.398.398 0 0 0-.004-.39ZM6.938 18.453C7.36 19.364 8.255 20 9.299 20c1.044 0 1.94-.636 2.362-1.547H6.938Z' fill='%23303030'/%3E%3C/svg%3E");
}

.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.spinner .path {
  stroke: currentColor;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.title--underline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #1AFFF7;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  padding-bottom: calc(20px / 2);
  border-bottom: 1px solid #ececec;
  margin-block-start: calc(20px * 1.3334);
  margin-block-end: 20px;
}

.title--underline.title--underline--small {
  font-size: 14px;
  border-bottom: 1px solid #1AFFF7;
}

.title--category {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}
.title--category:after {
  content: "";
  display: block;
  margin-block-start: 6px;
  height: 2px;
  width: 80px;
  background-color: #6941a2;
}

.title--block {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 50px 20px 10px;
  gap: 5px;
  background-color: #303030;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  width: 100%;
  height: 141px;
  border: none 0;
  border-radius: 5px;
  text-align: center;
  margin-block-start: calc(20px * 1.3334);
  margin-block-end: 20px;
}
.title--block > .surtitre {
  font-family: "Saira Semi Condensed", sans-serif;
  margin: 0;
  font-weight: 400;
}

.surtitre {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.cp_title--hr {
  position: relative;
  text-align: center;
}
.cp_title--hr:after {
  content: "";
  border-top: 1px solid #898989;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.cp_title--hr__span {
  display: inline-block;
  padding-inline: 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  color: #898989;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

.cp_title--page {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 20px 0;
  font-family: "Saira Semi Condensed", sans-serif;
  line-height: 1.4;
}

*[class~=cp-flexcol] {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
*[class~=cp-flexcol] > * {
  min-width: 0;
  min-height: 0;
}
*[class~=cp-flexcol] > * {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.cp-flexcol.s1 > * {
  flex-basis: calc(100% / 1 - 10px);
}
.cp-flexcol.s2 > * {
  flex-basis: calc(100% / 2 - 10px);
}
.cp-flexcol.s3 > * {
  flex-basis: calc(100% / 3 - 10px);
}
@media (min-width: 480px) {
  .cp-flexcol.m1 > * {
    flex-basis: calc(100% / 1 - 10px);
  }
}
@media (min-width: 480px) {
  .cp-flexcol.m2 > * {
    flex-basis: calc(100% / 2 - 10px);
  }
}
@media (min-width: 480px) {
  .cp-flexcol.m3 > * {
    flex-basis: calc(100% / 3 - 10px);
  }
}
@media (min-width: 768px) {
  .cp-flexcol.l1 > * {
    flex-basis: calc(100% / 1 - 10px);
  }
}
@media (min-width: 768px) {
  .cp-flexcol.l2 > * {
    flex-basis: calc(100% / 2 - 10px);
  }
}
@media (min-width: 768px) {
  .cp-flexcol.l3 > * {
    flex-basis: calc(100% / 3 - 10px);
  }
}

.cp-tooltip[title] {
  position: relative;
  border: 0;
}
.cp-tooltip[title]:after {
  content: "";
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.7 19.7'%3E%3Cpath d='M9.8 0C4.4 0 0 4.4 0 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8C19.7 4.4 15.3 0 9.8 0zm2.1 15.3c-.5.2-.9.4-1.2.5-.3.1-.7.2-1.1.2-.6 0-1.1-.2-1.4-.4-.3-.3-.5-.7-.5-1.1V14c0-.2.1-.4.1-.6l.6-2.2c.1-.2.1-.4.1-.6 0-.2.1-.4.1-.5 0-.3-.1-.5-.2-.6-.1-.1-.3-.2-.7-.2-.2 0-.3 0-.5.1s-.3.1-.4.1l.2-.7c.4-.2.8-.3 1.2-.4.4-.1.7-.2 1.1-.2.6 0 1.1.1 1.4.4.3.3.5.7.5 1.1v.5c0 .2-.1.5-.1.7l-.6 2.2c-.1.2-.1.4-.1.6 0 .2-.1.4-.1.5 0 .3.1.5.2.6.1.1.4.2.7.2.2 0 .3 0 .5-.1s.3-.1.4-.1l-.2.5zm-.1-9.1c-.3.3-.6.4-1.1.4-.4 0-.8-.1-1.1-.4-.3-.3-.4-.6-.4-1s.2-.7.4-1c.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.3.3.4.6.4 1s-.1.7-.4 1z' fill='%23303030'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .cp-tooltip[title]:focus:before {
    content: attr(title);
    font-size: 14px;
    background-color: #303030;
    color: #fff;
    opacity: 0.9;
    border-radius: 5px;
    padding: 5px;
    max-width: 300px;
    width: 100%;
    display: block;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.box {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin: 0 0 20px 0;
  background: transparent;
  font-size: inherit;
  border: 0;
}
.box footer {
  text-align: center;
}
.box > * {
  margin-block: 0;
}
.box > * + * {
  margin-block: 10px 0;
}

.box--info {
  background: #e5effa;
}

.box--warning {
  background: #FAE6E6;
}

.box--highlight {
  background: yellow;
}

.box--nutshell {
  background: #FBE6E8;
}

.box--background {
  background: var(--attr-box-background);
}

.h-uppercase, .h-transform-uppercase {
  text-transform: uppercase;
}

.h-bold, .h-weight-bold {
  font-weight: bold;
}

.h-weight-600 {
  font-weight: 600;
}

.h-italic, .h-style-italic {
  font-style: italic;
}

.h-center, .h-align-center {
  text-align: center;
}

.h-right, .h-align-right {
  text-align: right;
}

.h-left, .h-align-left {
  text-align: right;
}

.h-underline, .h-decoration-underline {
  text-decoration: underline;
}
.h-underline:hover, .h-decoration-underline:hover {
  text-decoration: underline;
}

.h-decoration-none {
  text-decoration: none;
  text-decoration: none;
}

.h-display-block {
  display: block;
}

.h-display-none {
  display: none;
}

.h-font-tiny {
  font-size: 12px;
}

.h-font-maxi {
  font-size: 20px;
}

.h-hide-bk {
  display: none;
}
@media (min-width: 768px) {
  .h-hide-bk {
    display: initial;
  }
}

.h-show-bk {
  display: initial;
}
@media (min-width: 768px) {
  .h-show-bk {
    display: none;
  }
}

.h-separator {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #D9D9D9;
}

.h-color-primary {
  color: #1AFFF7;
}

*[data-labelarticle] {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-block: 0 10px;
}
*[data-labelarticle]:before {
  content: attr(data-labelArticle);
  font-size: 11px;
  text-transform: uppercase;
  color: #898989;
  line-height: 11px;
}
*[data-labelarticle]:after {
  content: "";
  flex: 1;
  border-bottom: solid 1px #898989;
}
*[data-labelarticle] + .inside-hero {
  margin-block-start: 0;
}

.cp_tag {
  background: #ECECEC;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  min-height: 27px;
  padding: 2px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cp_tag, .cp_tag:visited {
  color: #666666;
  text-decoration: none;
}
.cp_tag:hover, .cp_tag:active {
  color: #ffffff;
  text-decoration: none;
}
.cp_tag:hover {
  background: #898989;
}
.cp_tag.selected {
  background: #303030;
  color: #ffffff;
}

.cp_tag__list {
  list-style-type: n;
}

.cp_rgpd {
  font-size: 12px;
  color: #898989;
  margin: 20px 0;
  padding: 0;
  border: 0;
  background: 0;
  border-radius: 0;
}
.cp_rgpd p {
  font-size: inherit;
  color: inherit;
  margin: 0 0 5px 0;
}
.cp_rgpd strong {
  color: inherit;
}
.cp_rgpd a, .cp_rgpd a:visited {
  color: inherit;
  text-decoration: underline;
}
.cp_rgpd a:hover, .cp_rgpd a:active {
  color: inherit;
  text-decoration: none;
}

.cp_avatar_placeholder {
  position: relative;
}
.cp_avatar_placeholder .cp_avatar_figure {
  width: 100%;
  height: 100%;
}

.cp_avatar_figure {
  background-color: #b0becb;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.cp_avatar_figure img {
  margin: 0;
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/*
// -- AVATAR FORUM CCM - ANONYME
------------------------------------------------------------------------------ */
[class*=cp_avatar_anon] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  background-size: 100%;
  position: relative;
}
[class*=cp_avatar_anon]:before {
  content: "";
  opacity: 0.8;
  display: block;
  position: absolute;
  bottom: -1px;
  width: 79%;
  height: 89%;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.6 48.2'%3E%3Cpath d='M30 32.8s-.2 0-.5.2c-.1-.9-.3-3.4-.4-4 .3-.3.7-.8 1-1.2s1.1-3.1 1.3-4.3c.1 0 .5.3.8.1.3-.2.6-1.1.9-1.7.2-.5.7-2.4.8-3.1s.4-1.7.1-2c-.2-.2-.6-.7-1.5-.3.2-1.4.2-5.6-.2-8.2s-2.1-4.2-3.9-5.9C26.6.7 23.1 0 21.4 0s-5.2.7-7 2.4-3.5 3.2-3.9 5.9c-.4 2.6-.4 6.8-.2 8.2-.9-.4-1.3.1-1.5.3-.3.3 0 1.3.1 2s.6 2.6.8 3.1c.2.6.5 1.5.9 1.7.3.2.7-.1.8-.1.2 1.2 1.1 3.9 1.3 4.3.3.4.7.9 1 1.2-.1.6-.2 3.1-.4 4-.3-.2-.5-.2-.5-.2S1.9 36.9 0 38.2c5 6.1 12.7 10 21.3 10s16.2-3.9 21.3-10C40.7 36.9 30 32.8 30 32.8z' fill='%23fff'/%3E%3C/svg%3E");
}

.cp_avatar_anon--lady:before {
  width: 65%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.3 48.2'%3E%3Cpath d='M23.2 32.1h.6c.7-.1 1.4-.3 2.1-.6 1.6-.7 2.9-1.8 3.9-3.1 2.9-3.7 3.3-8.5 3.1-13.2-.1-2.7-.4-5.5-1.5-8-.8-2-2.4-3.8-4.7-4.2-.3-.1-.6 0-.9-.2-.2-.2-.4-.4-.6-.5-.4-.3-.9-.6-1.3-.9-.9-.5-2-.9-2.9-1.1-2.1-.5-4.3-.3-6.4.3C9.9 2.1 6.4 5.9 5 10.5c-.1.3-.2.7-.3 1 0 .1-.1.3-.1.5v.2c-.5 2.5-.4 5-.6 7.5-.1 2.1-.2 4.3-1.4 6.2-.6 1-1.5 1.8-2.6 2.3 1.9 0 4.3-1.3 4.9-3.2-.1 1.2-.4 2.4-1 3.4-.8 1.5-2.2 2.5-3.7 2.9 1.5 0 2.8-.3 4.1-1.1 1.2-.7 2.2-1.8 2.9-2.8-.6 1.9-1.8 3.3-3.6 4 3.2.7 6.8-.2 9-2.7.4.5.8 1 1.2 1.4l.7.7c.2.2.6.4.7.6.1.2 0 .7 0 .9v1.1c-.1 2.3-.8 4.5-2.7 6-1.6 1.2-3.5 1.7-5.4 2-.9.2-1.8.3-2.7.5-.4.1-.7.2-1 .3-.2.1-.4.1-.7.1-.2 0-.5 0-.7.1-.1.1-.3.2-.4.2C6.1 46 11.8 48.2 18 48.2c6.7.2 12.6-2.1 17.3-5.9-.1 0-.3.1-.4 0-.2 0-.3-.1-.5-.2-.4-.1-.9-.2-1.3-.3-.9-.2-1.8-.3-2.7-.5-1.9-.4-3.7-.9-5.2-2.3-1.7-1.5-2.2-3.6-2.3-5.8.3-.4.3-.8.3-1.1m.1-1c.1-.2.5-.4.7-.6l1.2-1.2c.7-.7 1.3-1.5 1.8-2.4-.8 1.8-1.9 3.8-3.7 4.7v-.5z' fill='%23fff'/%3E%3C/svg%3E");
}

.cp_avatar_anon_1 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_1.jpg");
}

.cp_avatar_anon_2 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_2.jpg");
}

.cp_avatar_anon_3 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_3.jpg");
}

.cp_avatar_anon_4 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_4.jpg");
}

.cp_avatar_anon_5 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_5.jpg");
}

.cp_avatar_anon_6 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_6.jpg");
}

.cp_avatar_anon_7 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_7.jpg");
}

.cp_avatar_anon_8 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_8.jpg");
}

.cp_avatar_anon_9 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_9.jpg");
}

.cp_avatar_anon_10 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_10.jpg");
}

.cp_avatar_anon_11 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_11.jpg");
}

.cp_avatar_anon_12 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_12.jpg");
}

.cp_avatar_anon_13 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_13.jpg");
}

.cp_avatar_anon_14 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_14.jpg");
}

.cp_avatar_anon_15 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_15.jpg");
}

.cp_avatar_anon_16 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_16.jpg");
}

.cp_avatar_anon_17 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_17.jpg");
}

.cp_avatar_anon_18 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_18.jpg");
}

.cp_avatar_anon_19 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_19.jpg");
}

.cp_avatar_anon_20 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_20.jpg");
}

.cp_avatar_anon_21 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_21.jpg");
}

.cp_avatar_anon_22 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_22.jpg");
}

.cp_avatar_anon_23 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_23.jpg");
}

.cp_avatar_anon_24 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_24.jpg");
}

.cp_avatar_anon_25 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_25.jpg");
}

.cp_avatar_anon_26 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_26.jpg");
}

.cp_avatar_anon_27 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_27.jpg");
}

.cp_avatar_anon_28 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_28.jpg");
}

.cp_avatar_anon_29 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_29.jpg");
}

.cp_avatar_anon_30 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_30.jpg");
}

.cp_avatar_anon_31 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_31.jpg");
}

.cp_avatar_anon_32 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_32.jpg");
}

.cp_avatar_anon_33 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_33.jpg");
}

.cp_avatar_anon_34 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_34.jpg");
}

.cp_avatar_anon_35 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_35.jpg");
}

.cp_avatar_anon_36 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_36.jpg");
}

.cp_avatar_anon_37 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_37.jpg");
}

.cp_avatar_anon_38 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_38.jpg");
}

.cp_avatar_anon_39 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_39.jpg");
}

.cp_avatar_anon_40 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/avatar_40.jpg");
}

[class*=cp_cover_anon] {
  background-repeat: no-repeat;
}

.cp_cover_anon_1 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_1.jpg");
}

.cp_cover_anon_2 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_2.jpg");
}

.cp_cover_anon_3 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_3.jpg");
}

.cp_cover_anon_4 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_4.jpg");
}

.cp_cover_anon_5 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_5.jpg");
}

.cp_cover_anon_6 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_6.jpg");
}

.cp_cover_anon_7 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_7.jpg");
}

.cp_cover_anon_8 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_8.jpg");
}

.cp_cover_anon_9 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_9.jpg");
}

.cp_cover_anon_10 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_10.jpg");
}

.cp_cover_anon_11 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_11.jpg");
}

.cp_cover_anon_12 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_12.jpg");
}

.cp_cover_anon_13 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_13.jpg");
}

.cp_cover_anon_14 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_14.jpg");
}

.cp_cover_anon_15 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_15.jpg");
}

.cp_cover_anon_16 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_16.jpg");
}

.cp_cover_anon_17 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_17.jpg");
}

.cp_cover_anon_18 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_18.jpg");
}

.cp_cover_anon_19 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_19.jpg");
}

.cp_cover_anon_20 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_20.jpg");
}

.cp_cover_anon_21 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_21.jpg");
}

.cp_cover_anon_22 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_22.jpg");
}

.cp_cover_anon_23 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_23.jpg");
}

.cp_cover_anon_24 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_24.jpg");
}

.cp_cover_anon_25 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_25.jpg");
}

.cp_cover_anon_26 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_26.jpg");
}

.cp_cover_anon_27 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_27.jpg");
}

.cp_cover_anon_28 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_28.jpg");
}

.cp_cover_anon_29 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_29.jpg");
}

.cp_cover_anon_30 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_30.jpg");
}

.cp_cover_anon_31 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_31.jpg");
}

.cp_cover_anon_32 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_32.jpg");
}

.cp_cover_anon_33 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_33.jpg");
}

.cp_cover_anon_34 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_34.jpg");
}

.cp_cover_anon_35 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_35.jpg");
}

.cp_cover_anon_36 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_36.jpg");
}

.cp_cover_anon_37 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_37.jpg");
}

.cp_cover_anon_38 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_38.jpg");
}

.cp_cover_anon_39 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_39.jpg");
}

.cp_cover_anon_40 {
  background-image: url("https://astatic.ccmbg.com/www.commentcamarche.net/_skin/assets/img/avatars/brand_40.jpg");
}

.cp_piechart {
  display: block;
  margin: 0 auto;
  height: 80px;
  width: 80px;
}
.cp_piechart__ct {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: calc(20px / 2);
}
.cp_piechart__circle_bg {
  fill: none;
  stroke: #ececec;
  stroke-width: 4;
}
.cp_piechart__circle {
  fill: none;
  stroke-width: 4;
  stroke-linecap: square;
  animation: progress 1s ease-out forwards;
}
.cp_piechart__percentage {
  fill: #666;
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: 8px;
  font-weight: 600;
  text-anchor: middle;
}
.cp_piechart__legend {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  color: #424242;
}
.cp_piechart__legend_subtitle {
  color: #898989;
}
.cp_piechart__chip {
  position: absolute;
  top: -10px;
  right: calc(50% - 64px);
  border-radius: 0;
  padding: 6px 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
.cp_piechart__chip.green {
  background-color: #1EBD53;
}
.cp_piechart__chip.red {
  background-color: #DC1111;
}
.cp_piechart.neutral .cp_piechart__circle {
  stroke: #303030;
}
.cp_piechart.neutral .cp_piechart__percentage {
  fill: #303030;
}
.cp_piechart.primary .cp_piechart__circle {
  stroke: #1AFFF7;
}
.cp_piechart.primary .cp_piechart__percentage {
  fill: #1AFFF7;
}
.cp_piechart.secondary .cp_piechart__circle {
  stroke: #6941a2;
}
.cp_piechart.secondary .cp_piechart__percentage {
  fill: #6941a2;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
/* --- https://jsfiddle.net/max53w1u/ --- */
.cp_gauge {
  /* La barre de progression (le fond coloré) */
  /* Le curseur (le rond rouge) */
  /* L'étiquette de valeur au-dessus du curseur */
  /* Les graduations (ticks) sous la barre */
  /* La légende (carrés de couleur) */
}
.cp_gauge__container {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 20px;
  margin-block-end: 20px;
}
.cp_gauge__track {
  position: relative;
  height: 24px;
  border-radius: 12px;
  width: 100%;
  /* Le gradient sera défini en inline style via PHP */
  background-color: #ececec;
  margin: calc(20px * 1.5) 0 calc(20px * 0.5) 0;
}
.cp_gauge__cursor {
  position: absolute;
  top: 50%;
  /* La position left sera définie en inline style via PHP */
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 3px solid red;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(255, 59, 48, 0.4);
  z-index: 2;
}
.cp_gauge__value_label {
  position: absolute;
  top: -40px; /* Position au-dessus du curseur */
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 14px;
  color: #303030;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  padding: 3px 6px;
  background: #fff;
  white-space: nowrap;
}
.cp_gauge__axis {
  display: flex;
  justify-content: space-between;
  margin-top: calc(20px * 0.4);
  color: #666;
  font-size: 12px;
}
.cp_gauge__legend {
  display: flex;
  flex-wrap: wrap;
  gap: calc(20px * 0.75);
  row-gap: calc(20px * 0.5);
  margin-top: calc(20px * 0.5);
  padding-top: calc(20px * 0.5);
  font-size: 13px;
  color: #303030;
  border-top: 1px solid #f7f7f7;
}
.cp_gauge__legend_item {
  display: flex;
  align-items: center;
  gap: calc(20px * 0.3);
}
.cp_gauge__legend_color {
  width: 12px;
  height: 12px;
  border-radius: calc(0 * 0.5);
}

.cp_switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
  flex-shrink: 0;
  /* On cache le checkbox par défaut */
}
.cp_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cp_switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d9d9d9;
  transition: 0.3s;
}
.cp_switch__slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: calc((28px - 20px) * 0.5);
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.cp_switch__slider--round {
  /* Sliders Arrondis */
  border-radius: 48px;
}
.cp_switch__slider--round:before {
  border-radius: 20px;
}
.cp_switch input:checked + .cp_switch__slider {
  background-color: #17C564;
}
.cp_switch input:checked + .cp_switch__slider:before {
  transform: translateX(calc(48px - ((4px * 2) + 20px)));
}

.cp_form {
  container: form/inline-size;
  font-size: 14px;
}
.cp_form > .cp_form__fieldset + .cp_form__fieldset, .cp_form > .cp_form__fieldset ~ [class*=cp_form__item], .cp_form > .cp_form__fieldset + .cp_form__footer, .cp_form > [class*=cp_form__item] + .cp_form__fieldset, .cp_form > [class*=cp_form__item] ~ [class*=cp_form__item], .cp_form > [class*=cp_form__item] + .cp_form__footer, .cp_form > .cp_form__footer + .cp_form__fieldset, .cp_form > .cp_form__footer ~ [class*=cp_form__item], .cp_form > .cp_form__footer + .cp_form__footer {
  margin-top: 20px;
}
.cp_form:not(.cp_form--inline):has(> .cp_form__input) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cp_form:not(.cp_form--inline):has(> .cp_form__input) > * {
  flex: 1;
}

.cp_form__title {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  color: inherit;
  margin: 0 0 15px 0;
}

.cp_form__label {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: inherit;
}

.cp_form__footer {
  display: flex;
  justify-content: var(--form-footer-align, center);
  gap: 10px;
  align-items: center;
}

@container (max-inline-size: 480px) {
  .cp_form__footer:has(> :only-child) > *, .cp_form__footer:has(> :nth-child(2):last-child) > * {
    flex: 1;
  }
}
.cp_form__identity {
  width: 100%;
  margin-bottom: 5px;
}

.cp_form__item {
  display: flex;
  row-gap: 5px;
  column-gap: 10px;
  flex-direction: column;
}
.cp_form__item .cp_form__error, .cp_form__item > [class*=cp_form__info] {
  width: 100%;
}

.cp_form__item--gender {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  width: 100%;
}
.cp_form__item--gender input {
  display: none;
}
.cp_form__item--gender label {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  font-weight: bold;
  margin-bottom: 0;
  cursor: pointer;
}
.cp_form__item--gender input:checked + label, .cp_form__item--gender label:hover {
  border: 1px solid #1AFFF7;
  color: #1AFFF7;
}
.cp_modal .cp_form__item--gender {
  grid-template-columns: 1fr;
  padding-inline: 30px;
}

.cp_form__item--error .cp_form__input,
.cp_form__item--error .cp_form__textarea,
.cp_form__item--error .cp_form__select,
.cp_form__item--error .cke_editor_message,
.cp_form__item--error .cp_form__textarea ~ [class*=cke_editor] {
  border-color: red;
}

.cp_form__item--valid .cp_form__input,
.cp_form__item--valid .cp_form__textarea,
.cp_form__item--valid .cp_form__select,
.cp_form__item--valid .cke_editor_message,
.cp_form__item--valid .cp_form__textarea ~ [class*=cke_editor] {
  border-color: green;
}

.cp_form__item--textarea:has(.actionsMessage) {
  flex-flow: column;
  align-items: normal;
  gap: 0;
}
.cp_form__item--textarea:has(.actionsMessage) .actionsMessage {
  border-radius: 5px 5px 0 0;
}
.cp_form__item--textarea:has(.actionsMessage) .cp_form__textarea {
  border-radius: 0 0 5px 5px;
  min-height: 300px;
}

@container (min-inline-size: 381px) {
  .cp_form__item {
    flex-flow: row wrap;
    align-items: center;
  }
  .cp_form__item .cp_form__input,
  .cp_form__item .cp_form__textarea,
  .cp_form__item .cp_form__select,
  .cp_form__item .cke_editor_message,
  .cp_form__item .cp_form__textarea,
  .cp_form__item .cp_form__file,
  .cp_form__item .cp_form__last {
    flex: 1;
  }
  .cp_form--label .cp_form__item .cp_form__error, .cp_form--label .cp_form__item > [class*=cp_form__info] {
    padding-left: calc(var(--form-label-width, 200px) + 10px);
  }
  .cp_form--label .cp_form__label {
    width: var(--form-label-width, 200px);
  }
  .cp_form--label [style*="--form-padding-like-label"] {
    padding-left: calc(var(--form-padding-like-label, 0) + 10px);
  }
}
.cp_form--label .cp_form__item:has(.cp_form__last) {
  align-items: flex-start;
}

.cp_form__last > * + *, .cp_form__last > *:not(:first-child) {
  margin-top: 10px;
}

.cp_form__case--col {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-flow: row wrap;
}
.cp_form__case--col label {
  display: inline-flex;
  gap: 2px;
  font-weight: normal;
}

.cp_form__case--row {
  align-items: baseline;
  gap: 5px;
  flex-direction: row;
  flex-wrap: inherit;
}
.cp_form__case--row label {
  font-weight: normal;
}
.cp_form__case--row input[type=checkbox],
.cp_form__case--row input[type=radio] {
  flex: 0 0 15px;
  position: relative;
  top: 1px;
}

.cp_form__item--message, .cp_form__item--links {
  display: block;
}

.cp_form__message, .cp_form__item--message p, .cp_form__item--links p {
  margin: 0;
}

.cp_form__message + .cp_form__message,
.cp_form__item--message p + p,
.cp_form__item--links p + p {
  margin-top: 10px;
}

.cp_form__item--links {
  text-align: center;
}

[class*=cp_form__info] {
  font-size: 14px;
  color: #666;
  text-align: left;
}

.cp_form__info {
  font-style: normal;
}

.cp_form__error, .cp_form__info--error {
  color: red;
}

.cp_form__valid, .cp_form__info--valid {
  color: green;
}

.cp_form__file {
  position: relative;
  min-height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  font-family: inherit;
  display: block;
  padding: 0.25em 0.5em;
  height: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-flow: row wrap;
  padding: 0.25em 0.5em 0.25em 0.25em;
}
.cp_form__file:not(textarea) {
  line-height: 1;
}
.cp_form__file:focus-visible {
  border-color: hsl(var(--input-focus-h), var(--input-focus-s), var(--input-focus-l));
  box-shadow: 0 0 0 3px hsla(var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) + 40%), 0.8);
  outline: 3px solid transparent;
}
.cp_form__file::placeholder {
  color: #666;
  opacity: 0.8;
}
.cp_form__file [class*=button--] {
  margin: 0;
}
.cp_form__file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 12px;
  opacity: 0;
}

@container (min-inline-size: 381px) {
  .cp_form--label .cp_form__item:not(.cp_form__case--row) {
    flex-flow: row wrap;
    align-items: center;
  }
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cp_form__input,
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cp_form__textarea,
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cp_form__select,
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cke_editor_message,
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cp_form__textarea,
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cp_form__file {
    flex: 1;
  }
  .cp_form--label .cp_form__item:not(.cp_form__case--row) .cp_form__error {
    padding-left: calc(var(--form-label-width, 200px) + 10px);
  }
  .cp_form--label .cp_form__label {
    width: var(--form-label-width, 200px);
  }
  .cp_form--label [style*="--form-padding-like-label"] {
    padding-left: calc(var(--form-padding-like-label, 0) + 10px);
  }
}

.cp_form--grid {
  display: grid;
}
@container (min-inline-size: 381px) {
  .cp_form--grid fieldset[style*="--columns"] {
    display: grid;
  }
  .cp_form--grid fieldset[style*="2"] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .cp_form--grid fieldset[style*="3"] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

.cp_form--placeholder .cp_form__label {
  display: none;
}

.cp_form--inline {
  display: flex;
  gap: 10px;
  font-size: 14px;
  align-items: center;
}
.cp_form--inline:has(> [class*=cp_form__info]) {
  flex-flow: row wrap;
}
.cp_form--inline:has(> [class*=cp_form__info]) [class*=cp_form__info] {
  width: 100%;
}

.cp_form--incol {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}
.cp_form--incol button, .cp_form--incol input[type=button], .cp_form--incol input[type=submit] {
  margin: auto;
}

.cp_form--1field {
  display: inline-flex;
}
.cp_form--1field .cp_form__input {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.cp_form--1field .cp_form__submit {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-inline: 10px;
}

.cp_form--small .cp_form__input, .cp_form--small input:not([type=checkbox]):not([type=radio]),
.cp_form--small .cp_form__select, .cp_form--small select {
  height: 30px;
  min-height: 30px;
}
.cp_form--small .cp_form__fieldset, .cp_form--small fieldset {
  gap: 5px;
}
.cp_form--small button, .cp_form--small [type=submit], .cp_form--small [type=button], .cp_form--small [class*=button--] {
  min-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  font-size: 12px;
}
.cp_form--small > .cp_form__fieldset, .cp_form--small > [class*=cp_form__item] {
  margin-bottom: 10px;
}

.cp_form__rgpd {
  font-size: 12px;
  color: #666;
  text-align: left;
  font-style: normal;
  margin: 0;
}
.cp_form .cp_form__rgpd, .cp_form__rgpd p {
  font-size: 12px;
}
.cp_form__rgpd a, .cp_form__rgpd a:hover {
  color: inherit;
}
.cp_form__rgpd + .cp_form__rgpd, .cp_form__rgpd p + p {
  margin-top: 10px;
}

.cp_form__container.cp_form--registration {
  container: form/inline-size;
}
.cp_form__container.cp_form--registration .cp_title {
  text-align: center;
  font-weight: 700;
  margin-block-end: 20px;
}

.cp_form--registration .cp_form__item:not(.cp_form__case--row) {
  display: block;
}
.cp_form--registration .cp_form--registration__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-column-gap: 20px;
  grid-auto-flow: dense;
  margin-block-end: 20px;
}
@container form (max-width: 767px) {
  .cp_form--registration .cp_form--registration__grid > aside {
    display: none;
  }
}
@container form (min-width: 768px) {
  .cp_form--registration .cp_form--registration__grid {
    grid-template-columns: 320px minmax(0, 1fr);
  }
  .cp_form--registration .cp_form--registration__grid aside {
    grid-column: 1;
    text-align: center;
  }
  .cp_form--registration .cp_form--registration__grid .cp_form {
    grid-column: 2;
  }
}
.cp_form--registration .cp_form__item .cp_form__input,
.cp_form--registration .cp_form__item .cp_form__select {
  display: block;
  width: 100%;
}
.cp_form--registration .cp_form__item.lineError .cp_form__input,
.cp_form--registration .cp_form__item.lineError .cp_form__select {
  border-color: red;
}
.cp_form--registration .cp_form__submit {
  cursor: pointer;
  display: inline-grid;
  width: auto;
  place-items: center;
  color: inherit;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  border: none;
  padding-inline: 20px;
  background-color: #f8e71c;
}
.cp_form--registration .cp_form--registration__arguments-list p {
  margin-block: 20px calc(20px * 2);
  font-weight: bold;
  text-wrap: balance;
}

.cp_form__input--customicon {
  position: relative;
  color: #666;
}
.cp_form__input--customicon .cp_form__input {
  width: 100%;
}
.cp_form__input--customicon .cp_form__input--customicon__svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  fill: currentColor;
  pointer-events: none;
  background-color: #fff;
}

.cp_form_label--required:after {
  content: "*";
  color: red;
  font-size: 14px;
  display: inline-block;
  margin-left: 2px;
}

.cp_form__info--required:before {
  content: "*";
  color: red;
  font-size: 14px;
  display: inline-block;
  margin-right: 2px;
}

.cp_breadcrumb__list {
  --font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 2px 8px;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  width: auto;
}
@media (max-width: 767px) {
  .cp_breadcrumb__list {
    height: 40px;
    max-height: 40px;
    overflow: hidden;
  }
}

.cp_breadcrumb__item {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #898989;
}
.cp_breadcrumb__item > a, .cp_breadcrumb__item > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  font-size: var(--font-size);
}
@media (max-width: 767px) {
  .cp_breadcrumb__item > a, .cp_breadcrumb__item > span {
    height: 40px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .cp_breadcrumb__item > a, .cp_breadcrumb__item > span {
    --font-size: 14px;
  }
}
.cp_breadcrumb__item > a, .cp_breadcrumb__item > a:visited {
  color: #898989;
  text-decoration: none;
}
.cp_breadcrumb__item > a:hover, .cp_breadcrumb__item > a:active {
  color: #898989;
  text-decoration: underline;
}
.cp_breadcrumb__item .cp_breadcrumb__item--home-svg {
  position: relative;
  top: -1px;
  width: 18px;
  height: 16px;
}
.cp_breadcrumb__item .cp_breadcrumb__item--home-text {
  display: none;
}

.cp_breadcrumb__item + .cp_breadcrumb__item:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none'%3E%3Cpath fill='%23898989' d='M6 4.99a.862.862 0 0 0-.248-.599L1.615.255A.863.863 0 1 0 .392 1.472L3.92 5 .392 8.528a.863.863 0 0 0 1.223 1.218l4.137-4.137A.862.862 0 0 0 6 4.989Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 6px;
  height: 10px;
}

.layout_breadcrumb {
  margin-block: 0;
}
@media (max-width: 767px) {
  .layout_breadcrumb {
    margin-block: calc(20px * -0.5) calc(20px * -0.25);
  }
  .layout_header .layout_breadcrumb {
    margin-top: 0;
  }
}

.cp_link--back {
  font-size: 14px;
  height: 40px;
  display: inline-block;
}
.cp_link--back:before {
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 11px;
  margin-right: 3px;
}
.cp_link--back, .cp_link--back:visited {
  color: #898989;
  text-decoration: none;
}
.cp_link--back:before, .cp_link--back:visited:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 6.2 10.8'%3E%3Cpath fill='%23898989' d='M0 5.4c0-.2.1-.4.2-.5L4.9.2c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1L1.9 5.4 6 9.5c.3.3.3.8 0 1.1-.3.3-.8.3-1.1 0L.2 6c-.1-.2-.2-.4-.2-.6z'/%3E%3C/svg%3E");
}
.cp_link--back:hover, .cp_link--back:active {
  color: #898989;
  text-decoration: underline;
}
.cp_link--back:hover:before, .cp_link--back:active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 6.2 10.8'%3E%3Cpath fill='%23898989' d='M0 5.4c0-.2.1-.4.2-.5L4.9.2c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1L1.9 5.4 6 9.5c.3.3.3.8 0 1.1-.3.3-.8.3-1.1 0L.2 6c-.1-.2-.2-.4-.2-.6z'/%3E%3C/svg%3E");
}

body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body header[role=banner].app_header {
  margin-top: 0 !important;
  z-index: 1000 !important;
  position: relative !important;
  width: 100%;
  top: 0;
  right: 0;
  max-width: none;
}
@media (max-width: 480px) {
  body header[role=banner].app_header:has(.app_header__click_trigger.opened) {
    position: fixed !important;
  }
}
body .layout--flexbox > .app_layout,
body .layout.layout--offcanvas,
body .ccmcss_offcanvas_2 > main[role=main],
body .cp_layout-main {
  margin-top: calc(var(--header-height) + var(--reservation-space)) !important;
  margin-bottom: 0 !important;
  position: static;
}
@media (max-width: 999px) {
  body .layout--flexbox > .app_layout,
  body .layout.layout--offcanvas,
  body .ccmcss_offcanvas_2 > main[role=main],
  body .cp_layout-main {
    margin-top: var(--header-height) !important;
  }
}
body .layout--flexbox > .app_layout .layout_ct,
body .layout.layout--offcanvas .layout_ct,
body .ccmcss_offcanvas_2 > main[role=main] .layout_ct,
body .cp_layout-main .layout_ct {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

html[style*=padding-top], html:has([id*=ayads]), html:has(body.app--ark), html:has(body.app--ark-rtb) {
  padding-top: 0 !important;
}
html[style*=padding-top] body, html:has([id*=ayads]) body, html:has(body.app--ark) body, html:has(body.app--ark-rtb) body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background-position: 50% var(--header-height) !important;
  max-width: none !important;
  width: 100% !important;
}
html[style*=padding-top] body .layout--flexbox > .app_layout,
html[style*=padding-top] body .layout.layout--offcanvas,
html[style*=padding-top] body .ccmcss_offcanvas_2 > main[role=main],
html[style*=padding-top] body .cp_layout-main, html:has([id*=ayads]) body .layout--flexbox > .app_layout,
html:has([id*=ayads]) body .layout.layout--offcanvas,
html:has([id*=ayads]) body .ccmcss_offcanvas_2 > main[role=main],
html:has([id*=ayads]) body .cp_layout-main, html:has(body.app--ark) body .layout--flexbox > .app_layout,
html:has(body.app--ark) body .layout.layout--offcanvas,
html:has(body.app--ark) body .ccmcss_offcanvas_2 > main[role=main],
html:has(body.app--ark) body .cp_layout-main, html:has(body.app--ark-rtb) body .layout--flexbox > .app_layout,
html:has(body.app--ark-rtb) body .layout.layout--offcanvas,
html:has(body.app--ark-rtb) body .ccmcss_offcanvas_2 > main[role=main],
html:has(body.app--ark-rtb) body .cp_layout-main {
  margin-top: calc(var(--header-height) + var(--reservation-space)) !important;
  margin-bottom: 0 !important;
  position: static;
}
@media (max-width: 999px) {
  html[style*=padding-top] body .layout--flexbox > .app_layout,
  html[style*=padding-top] body .layout.layout--offcanvas,
  html[style*=padding-top] body .ccmcss_offcanvas_2 > main[role=main],
  html[style*=padding-top] body .cp_layout-main, html:has([id*=ayads]) body .layout--flexbox > .app_layout,
  html:has([id*=ayads]) body .layout.layout--offcanvas,
  html:has([id*=ayads]) body .ccmcss_offcanvas_2 > main[role=main],
  html:has([id*=ayads]) body .cp_layout-main, html:has(body.app--ark) body .layout--flexbox > .app_layout,
  html:has(body.app--ark) body .layout.layout--offcanvas,
  html:has(body.app--ark) body .ccmcss_offcanvas_2 > main[role=main],
  html:has(body.app--ark) body .cp_layout-main, html:has(body.app--ark-rtb) body .layout--flexbox > .app_layout,
  html:has(body.app--ark-rtb) body .layout.layout--offcanvas,
  html:has(body.app--ark-rtb) body .ccmcss_offcanvas_2 > main[role=main],
  html:has(body.app--ark-rtb) body .cp_layout-main {
    margin-top: var(--header-height) !important;
  }
}
html[style*=padding-top] body .layout--flexbox, html:has([id*=ayads]) body .layout--flexbox, html:has(body.app--ark) body .layout--flexbox, html:has(body.app--ark-rtb) body .layout--flexbox {
  background-color: transparent;
}
html[style*=padding-top] body .ccmcss_offcanvas_2, html:has([id*=ayads]) body .ccmcss_offcanvas_2, html:has(body.app--ark) body .ccmcss_offcanvas_2, html:has(body.app--ark-rtb) body .ccmcss_offcanvas_2 {
  padding-top: 0;
  display: flow-root;
}
html[style*=padding-top] body .ccmcss_offcanvas_2 > main[role=main], html:has([id*=ayads]) body .ccmcss_offcanvas_2 > main[role=main], html:has(body.app--ark) body .ccmcss_offcanvas_2 > main[role=main], html:has(body.app--ark-rtb) body .ccmcss_offcanvas_2 > main[role=main] {
  max-width: 1000px;
  margin-inline: auto;
}
html[style*=padding-top] body:has(#ayads-video-layer) .ccmcss_offcanvas_1, html[style*=padding-top] body:has(#ayads-html) .ccmcss_offcanvas_1, html:has([id*=ayads]) body:has(#ayads-video-layer) .ccmcss_offcanvas_1, html:has([id*=ayads]) body:has(#ayads-html) .ccmcss_offcanvas_1, html:has(body.app--ark) body:has(#ayads-video-layer) .ccmcss_offcanvas_1, html:has(body.app--ark) body:has(#ayads-html) .ccmcss_offcanvas_1, html:has(body.app--ark-rtb) body:has(#ayads-video-layer) .ccmcss_offcanvas_1, html:has(body.app--ark-rtb) body:has(#ayads-html) .ccmcss_offcanvas_1 {
  max-width: 1000px;
  margin-inline: auto;
}
html[style*=padding-top] body:has(#ayads-video-layer) .ccmcss_offcanvas_2, html[style*=padding-top] body:has(#ayads-html) .ccmcss_offcanvas_2, html:has([id*=ayads]) body:has(#ayads-video-layer) .ccmcss_offcanvas_2, html:has([id*=ayads]) body:has(#ayads-html) .ccmcss_offcanvas_2, html:has(body.app--ark) body:has(#ayads-video-layer) .ccmcss_offcanvas_2, html:has(body.app--ark) body:has(#ayads-html) .ccmcss_offcanvas_2, html:has(body.app--ark-rtb) body:has(#ayads-video-layer) .ccmcss_offcanvas_2, html:has(body.app--ark-rtb) body:has(#ayads-html) .ccmcss_offcanvas_2 {
  display: block;
}
html[style*=padding-top] body #sublime-day-overlay, html:has([id*=ayads]) body #sublime-day-overlay, html:has(body.app--ark) body #sublime-day-overlay, html:has(body.app--ark-rtb) body #sublime-day-overlay {
  top: 0 !important;
}
html[style*=padding-top] body #ayads-html[style*=fixed], html:has([id*=ayads]) body #ayads-html[style*=fixed], html:has(body.app--ark) body #ayads-html[style*=fixed], html:has(body.app--ark-rtb) body #ayads-html[style*=fixed] {
  top: var(--header-height) !important;
  transform: translate(-50%) !important;
}
html[style*=padding-top] body #ayads-video-container, html:has([id*=ayads]) body #ayads-video-container, html:has(body.app--ark) body #ayads-video-container, html:has(body.app--ark-rtb) body #ayads-video-container {
  z-index: 1;
  height: var(--reservation-space) !important;
}
html[style*=padding-top] body #ayads-video-layer[style*=top],
html[style*=padding-top] body #ayads-video-container[style*=top], html:has([id*=ayads]) body #ayads-video-layer[style*=top],
html:has([id*=ayads]) body #ayads-video-container[style*=top], html:has(body.app--ark) body #ayads-video-layer[style*=top],
html:has(body.app--ark) body #ayads-video-container[style*=top], html:has(body.app--ark-rtb) body #ayads-video-layer[style*=top],
html:has(body.app--ark-rtb) body #ayads-video-container[style*=top] {
  top: var(--header-height) !important;
  margin-top: 0 !important;
}
html[style*=padding-top] #ayads-html[style*=fixed], html:has([id*=ayads]) #ayads-html[style*=fixed], html:has(body.app--ark) #ayads-html[style*=fixed], html:has(body.app--ark-rtb) #ayads-html[style*=fixed] {
  top: var(--header-height);
}
@media (min-width: 1000px) {
  html[style*=padding-top], html:has([id*=ayads]), html:has(body.app--ark), html:has(body.app--ark-rtb) {
    --reservation-space: 220px;
  }
  html[style*=padding-top] .ccmcss_oas_top, html:has([id*=ayads]) .ccmcss_oas_top, html:has(body.app--ark) .ccmcss_oas_top, html:has(body.app--ark-rtb) .ccmcss_oas_top {
    display: none !important;
  }
  html[style*=padding-top] .layout_fullwidth .cp_footer, html:has([id*=ayads]) .layout_fullwidth .cp_footer, html:has(body.app--ark) .layout_fullwidth .cp_footer, html:has(body.app--ark-rtb) .layout_fullwidth .cp_footer {
    max-width: 1000px;
    margin: 0 auto;
  }
}

html:has(body.app--ark-rtb) body #ctn_x02 #ba_x02 {
  position: absolute;
  left: 50%;
  width: 1800px;
  height: 1000px;
  transform: translateX(-50%) !important;
  top: var(--header-height);
}

body .layout--flexbox > .app_layout,
body .layout.layout--offcanvas,
body .ccmcss_offcanvas_2 > main[role=main],
body .cp_layout-main {
  margin-top: var(--reservation-space) !important;
}
@media (max-width: 999px) {
  body .layout--flexbox > .app_layout,
  body .layout.layout--offcanvas,
  body .ccmcss_offcanvas_2 > main[role=main],
  body .cp_layout-main {
    margin-top: 0 !important;
  }
}
body #ctn_x02 #ba_x02 iframe[width="2"][height="1"],
body #ctn_x02 #ba_x02 iframe[width="2"][height="2"] {
  position: absolute;
}

html[style*=padding-top] body .layout--flexbox > .app_layout,
html[style*=padding-top] body .layout.layout--offcanvas,
html[style*=padding-top] body .ccmcss_offcanvas_2 > main[role=main],
html[style*=padding-top] body .cp_layout-main, html:has([id*=ayads]) body .layout--flexbox > .app_layout,
html:has([id*=ayads]) body .layout.layout--offcanvas,
html:has([id*=ayads]) body .ccmcss_offcanvas_2 > main[role=main],
html:has([id*=ayads]) body .cp_layout-main, html:has(body.app--ark) body .layout--flexbox > .app_layout,
html:has(body.app--ark) body .layout.layout--offcanvas,
html:has(body.app--ark) body .ccmcss_offcanvas_2 > main[role=main],
html:has(body.app--ark) body .cp_layout-main, html:has(body.app--ark-rtb) body .layout--flexbox > .app_layout,
html:has(body.app--ark-rtb) body .layout.layout--offcanvas,
html:has(body.app--ark-rtb) body .ccmcss_offcanvas_2 > main[role=main],
html:has(body.app--ark-rtb) body .cp_layout-main {
  margin-top: var(--reservation-space) !important;
  position: relative;
  z-index: 11;
}
@media (max-width: 999px) {
  html[style*=padding-top] body .layout--flexbox > .app_layout,
  html[style*=padding-top] body .layout.layout--offcanvas,
  html[style*=padding-top] body .ccmcss_offcanvas_2 > main[role=main],
  html[style*=padding-top] body .cp_layout-main, html:has([id*=ayads]) body .layout--flexbox > .app_layout,
  html:has([id*=ayads]) body .layout.layout--offcanvas,
  html:has([id*=ayads]) body .ccmcss_offcanvas_2 > main[role=main],
  html:has([id*=ayads]) body .cp_layout-main, html:has(body.app--ark) body .layout--flexbox > .app_layout,
  html:has(body.app--ark) body .layout.layout--offcanvas,
  html:has(body.app--ark) body .ccmcss_offcanvas_2 > main[role=main],
  html:has(body.app--ark) body .cp_layout-main, html:has(body.app--ark-rtb) body .layout--flexbox > .app_layout,
  html:has(body.app--ark-rtb) body .layout.layout--offcanvas,
  html:has(body.app--ark-rtb) body .ccmcss_offcanvas_2 > main[role=main],
  html:has(body.app--ark-rtb) body .cp_layout-main {
    margin-top: 0 !important;
  }
}
html[style*=padding-top] #ayads-html, html:has([id*=ayads]) #ayads-html, html:has(body.app--ark) #ayads-html, html:has(body.app--ark-rtb) #ayads-html {
  position: relative;
  z-index: 0 !important;
}
html[style*=padding-top] #ayads-html ~ .ccmcss_offcanvas_1, html:has([id*=ayads]) #ayads-html ~ .ccmcss_offcanvas_1, html:has(body.app--ark) #ayads-html ~ .ccmcss_offcanvas_1, html:has(body.app--ark-rtb) #ayads-html ~ .ccmcss_offcanvas_1 {
  pointer-events: none;
}
html[style*=padding-top] #ayads-html ~ .ccmcss_offcanvas_1 .ccmcss_offcanvas_2 > *, html:has([id*=ayads]) #ayads-html ~ .ccmcss_offcanvas_1 .ccmcss_offcanvas_2 > *, html:has(body.app--ark) #ayads-html ~ .ccmcss_offcanvas_1 .ccmcss_offcanvas_2 > *, html:has(body.app--ark-rtb) #ayads-html ~ .ccmcss_offcanvas_1 .ccmcss_offcanvas_2 > * {
  pointer-events: initial;
}

html body[class*=mmm_cover] .layout--flexbox > .app_layout,
html body[class*=mmm_cover] .layout.layout--offcanvas,
html body[class*=mmm_cover] .ccmcss_offcanvas_2 > main[role=main] {
  position: relative !important;
}

html body[class*=mmm_cover] .layout--flexbox > .app_layout,
html body[class*=mmm_cover] .ccmcss_offcanvas_2 > main[role=main] {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  top: 0 !important;
}

.ccmcss_oas_top {
  min-height: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 1;
  width: 1000px !important;
  background-color: transparent !important;
  margin-inline: auto;
}
@media (min-width: 1000px) {
  .ccmcss_oas_top {
    height: 0 !important;
    transform: translateY(calc(var(--reservation-space) / 2 * -1)) !important;
  }
}
@media (max-width: 999px) {
  .ccmcss_oas_top {
    max-width: 100% !important;
    width: auto !important;
  }
}
@media (min-width: 481px) and (max-width: 999px) {
  .ccmcss_oas_top {
    min-height: var(--reservation-space) !important;
    transform: none !important;
    transition: none !important;
  }
}
@media (max-width: 480px) {
  .ccmcss_oas_top {
    min-height: 0;
    padding: 0;
  }
  .ccmcss_oas_top:before {
    display: none;
  }
}
@media (min-width: 1000px) {
  .layout_hero--download + .ccmcss_oas_top {
    height: var(--reservation-space) !important;
    transform: none !important;
  }
}
.ccmcss_oas_top #ctn_top iframe,
.ccmcss_oas_top #ctn_top img,
.ccmcss_oas_top #ctn_top ins {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.ccmcss_oas_top * {
  margin: 0 !important;
}

@media (min-width: 769px) {
  .cp_sticky-wrapper {
    display: flex;
    flex-direction: column;
  }
  .cp_sticky-zone {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 100vh;
  }
  .cp_sticky-zone:nth-child(2) {
    flex-grow: 2;
  }
  .cp_sticky-element {
    position: sticky;
    top: var(--sticky-top, 0);
  }
  .videopremium .cp_sticky-element {
    top: var(--sticky-top-videopremium, --header-height);
  }
  .cp_sticky-wrapper > * + *,
  .cp_sticky-zone > * + *,
  .cp_sticky-element > * + * {
    margin-top: 20px;
  }
  .cp_sticky-wrapper + * {
    margin-top: 20px;
  }
  .cp_sticky-wrapper > *:last-child {
    margin-bottom: 0 !important;
  }
  .cp_sticky-zone:last-of-type .cp_sticky-element > *:last-of-type {
    margin-bottom: 0;
  }
}
.ccmcss_cms_summary ul, .summary .summary-title + ul, .cp_summary .cp_summary-title + ul {
  list-style-type: none;
  padding-left: 0;
}

.ccmcss_cms_summary:not([class*=summary--]) ul, .summary:not([class*=summary--]) ul, .cp_summary:not([class*=summary--]) ul {
  column-count: 2;
}

.ccmcss_cms_summary, .summary, .cp_summary {
  padding: 0;
  margin: 13px 0;
  background: transparent;
  border-radius: 0;
  border-width: 0;
  border-color: transparent;
  border-style: none;
  color: #424242;
  font-size: 0.875em;
  line-height: 1.3;
  font-style: normal;
  font-weight: normal;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.ccmcss_cms_summary ul li, .summary ul li, .cp_summary ul li {
  margin-bottom: calc( 20px / 3 );
}
.ccmcss_cms_summary ul li:last-of-type, .summary ul li:last-of-type, .cp_summary ul li:last-of-type {
  margin-bottom: 0;
}
.ccmcss_cms_summary ul a, .ccmcss_cms_summary ul a:visited, .summary ul a, .summary ul a:visited, .cp_summary ul a, .cp_summary ul a:visited {
  color: #424242;
  text-decoration: none;
}
.ccmcss_cms_summary ul a:hover, .ccmcss_cms_summary ul a:active, .summary ul a:hover, .summary ul a:active, .cp_summary ul a:hover, .cp_summary ul a:active {
  color: #1AFFF7;
  text-decoration: underline;
}
.ccmcss_cms_summary.summary-card, .summary.summary-card, .cp_summary.summary-card {
  padding: 15px;
  background: #f0f0f0;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.ccmcss_cms_summary ul, .summary .summary-title + ul, .cp_summary .cp_summary-title + ul {
  margin: calc( 20px / 3 ) 0 0 0;
}

@media (min-width: 480px) {
  [class*=summary--right], [class*=summary--left] {
    min-width: 40%;
    max-width: 65%;
  }
  .ccmcss_cms_summary--right, .summary--right, .cp_summary--right {
    float: right;
    margin-left: 20px;
    box-shadow: -0 2px 4px 0 rgba(0, 0, 0, 0.3);
  }
  .ccmcss_cms_summary--left, .summary--left, .cp_summary--left {
    float: left;
    margin-right: 20px;
  }
}
.ccmcss_cms_summary__title, .summary-titlee, .cp_summary-title {
  display: block;
  padding: 0;
  border-width: 0;
  border-color: transparent;
  border-style: none;
  color: #1AFFF7;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.3;
  font-style: normal;
  font-weight: bold;
}

.ccmcss_cms_summary__title, .summary .summary-title, .cp_summary .cp_summary-title {
  margin: 0;
}

.cp_summary:has(#summary-extend) {
  position: relative;
}
.cp_summary:has(#summary-extend) input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.cp_summary:has(#summary-extend) input[type=checkbox] ~ ul {
  display: none;
}
.cp_summary:has(#summary-extend) input[type=checkbox]:checked ~ ul {
  display: block;
}

.cp_dropdown {
  position: relative;
  display: inline-block;
}

.cp_dropdown__input {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.cp_dropdown__input:checked ~ .cp_dropdown__content {
  display: block;
}

.cp_dropdown__label, [class*=cp_dropdown__btn] {
  cursor: pointer;
}

.cp_dropdown__content {
  display: none;
  position: absolute;
  left: 0;
  top: var(--dropdown-top, 40px);
  z-index: 10;
  white-space: nowrap;
}
.cp_dropdown--right .cp_dropdown__content {
  left: auto;
  right: 0;
}

.cp_dropdown__content {
  background-color: #303030;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  width: var(--dropdown-width, auto);
}

.cp_dropdown__menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
.cp_dropdown__menu li:not(:has(> *)), .cp_dropdown__menu li:has(> *) > *, .cp_dropdown__menu li > form > * {
  padding: 5px 20px;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 5px;
  text-align: left;
  color: #303030;
  background: transparent;
  font-weight: normal;
  text-decoration: none;
  border-radius: 50%;
}
.cp_dropdown__menu li:not(:has(> *)):hover, .cp_dropdown__menu li:has(> *) > *:hover, .cp_dropdown__menu li > form > *:hover {
  background: transparent;
  color: #303030;
  text-decoration: underline;
}
.cp_dropdown__menu li > form {
  display: block;
  padding: 0;
}
.cp_dropdown__menu li > button {
  background: transparent;
  border: 0;
  cursor: pointer;
}
.cp_dropdown__menu li:not(:last-child) {
  border-bottom: 1px solid #dee4e9;
}

[class*=cp_dropdown__btn] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.cp_dropdown--in-button .cp_dropdown__btn--dropdown {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  z-index: 1;
}
.cp_dropdown--in-button .cp_dropdown__btn--no-dropdown {
  padding-right: calc(10px + calc(5px + 20px));
}

.cp_dropdown__btn--dropdown:after {
  content: "";
  width: 10px;
  height: 10px;
  padding: 5px;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  background-origin: initial;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath d='M7.215 8.647L.36 1.879A1.007 1.007 0 0 1 .34.376C.765-.103 1.464-.066 1.942.36L7.935 6.38 14.057.394c.425-.479 1.124-.442 1.603-.017.478.426.442 1.125.016 1.604L8.813 8.73c-.21.189-.515.273-.814.257-.3-.015-.594-.131-.784-.341z' fill='green'/%3E%3C/svg%3E");
}
.cp_dropdown__input:checked ~ .cp_dropdown__btn--dropdown:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath transform='rotate(-180 8 4.5)' d='M7.215 8.647L.36 1.879A1.007 1.007 0 0 1 .34.376C.765-.103 1.464-.066 1.942.36L7.935 6.38 14.057.394c.425-.479 1.124-.442 1.603-.017.478.426.442 1.125.016 1.604L8.813 8.73c-.21.189-.515.273-.814.257-.3-.015-.594-.131-.784-.341z' fill='green'/%3E%3C/svg%3E");
}

.cp_dropdown--share {
  font-size: inherit;
}
.cp_dropdown--share .cp_dropdown__btn .cp_svg {
  width: 20px;
  height: 20px;
}
.cp_dropdown--share .cp_dropdown__menu {
  list-style-type: none;
  list-style-image: none;
  background-color: #303030;
  white-space: nowrap;
  margin: 0;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cp_dropdown--share .cp_dropdown__menu .cp_svg {
  width: 30px;
  height: 30px;
  margin: auto;
  padding: 7px;
  position: relative;
}
.cp_dropdown--share .cp_dropdown__menu li {
  border: 0;
  margin: 0;
}
.cp_dropdown--share .cp_dropdown__menu li:before {
  display: none;
}
.cp_dropdown--share .cp_dropdown__menu li > * {
  padding: 0;
  position: relative;
  color: #1AFFF7;
}
.cp_dropdown--share .cp_dropdown__menu li > *:before {
  content: "";
  width: 30px;
  background: transparent;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  border: 1px solid #1AFFF7;
}
.cp_dropdown--share .cp_dropdown__menu li > *:hover svg {
  color: #000;
}
.cp_dropdown--share .cp_dropdown__menu li > *:hover:before {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
}

.copy-link__label {
  cursor: pointer;
}
.copy-link__label.copy-link--checked {
  color: #58A61E;
}
.copy-link__label.copy-link--checked .cp_svg {
  color: #58A61E;
}

@media (max-width: 768px) {
  .cp_dropdown--modale-in-mobile .cp_dropdown__content {
    position: fixed;
    left: 50%;
    top: 50%;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    z-index: 1001;
  }
}
@media (min-width: 769px) {
  .cp_dropdown--resp .cp_dropdown__content {
    display: block !important;
    position: relative;
    left: auto;
    top: auto;
    overflow: initial;
    z-index: initial;
  }
  .cp_dropdown--resp .cp_dropdown__menu li:not(:last-child) {
    border: none;
  }
}

/*.dropdown__btn {
    position:relative;
    margin: 0;
    padding-right:50px;
    width: 100%;
    cursor: pointer;

    &:after {
        content: "";
        position: absolute;
        right:15px;
        top: 50%;
        transform: translateY(-50%);
        width: 26px;
        height:26px;
        border-radius:13px;
        background: $global_text_color 50% 50% no-repeat;
        background-image: svg-encode(core-chevron-down, $global_color_white);
    }

    .dropdown__input:checked ~ &:after {
        background-image: svg-encode(core-chevron-up, $global_color_white);
    }
}

.dropdown__list {
    display: none;

    position: relative;
    z-index: 1;

    .ico:before {
        margin-right: calc( 20px / 4 );
        vertical-align: sub;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;

        position: absolute;
        top: 0;
        left:0;
        right: 0;
        z-index: 1;
    }

    button,
    a {
        cursor: pointer;
        display: block;
        text-align: left;
        text-decoration: none;
        padding:calc( 20px / 2 ) $global_spacing;
        width: 100%;
    }
}

.dropdown__list__item--selected {
    button,
    a {
        pointer-events: none;
    }
}

.dropdown__input:checked {
    & ~ .dropdown__list {
        display: block;

        ul li:last-child button,
        ul li:last-child a {
            border-radius: 0 0 $btn-radius $btn-radius;
        }
    }

    & + .dropdown__btn {
        border-radius:$btn-radius $btn-radius 0 0;
    }
}*/
@supports (container-type: inline-size) {
  .cp_author-comment-and-share {
    container-type: inline-size;
  }
}
.cp_author-comment-and-share {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  display: flex;
  gap: 10px;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 480px) {
  .cp_videopremium-header + .cp_author-comment-and-share, .cp_videofirst + .cp_author-comment-and-share, .grid-wrapper--download .cp_author-comment-and-share {
    margin-top: calc(20px * -0.5);
  }
  body .grid-wrapper--download .cp_author-comment-and-share {
    margin-top: calc(20px * -1);
  }
  .cp_author-comment-and-share + .template-light.template-light--esp.entry {
    margin-top: calc(20px *0.5);
  }
}

/*@if $cp-acs-padding > '0' { //si pas de padding pas de background alors pas de magin-inline negatif
    @media (max-width: map-get($breakpoints, "small")){
        border-radius: 0;
        margin-inline: calc(20px * -0.5);
    }
}*/
.cp_acs_author {
  flex: 1;
  line-height: 16px;
  line-height: 16px;
}
.cp_acs_author a {
  text-decoration: none;
}
.cp_acs_author:has(.cp_acs_author__picture) {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
}

.cp_acs_author__picture {
  grid-column: 1/2;
  grid-row: 1/4;
  align-self: center;
}
.cp_acs_author__picture picture {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  display: block;
}
.cp_acs_author__picture picture img {
  margin: 0;
}

.cp_acs_author__picture ~ * {
  grid-column: 2/3;
}

.cp_acs_author > *:nth-child(2) {
  grid-row: 1/2;
}
.cp_acs_author > *:nth-child(3) {
  grid-row: 2/3;
}
.cp_acs_author > *:nth-child(4) {
  grid-row: 3/4;
}
.cp_acs_author > *:nth-child(5) {
  grid-row: 4/5;
}

.cp_acs_author__name {
  font-weight: bold;
  font-size: 16px;
}
.cp_acs_author__name a {
  color: inherit;
}

.cp_acs_author__text {
  font-size: 13px;
}

.cp_acs_author__date {
  color: #898989;
  font-size: 14px;
  line-height: 12px;
}
.cp_acs_author__date time {
  color: #898989;
}

.cp_acs_author__networks {
  white-space: nowrap;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cp_acs_author__networks > * {
  padding: 0;
  position: relative;
  color: #1AFFF7;
}
.cp_acs_author__networks > *:before {
  content: "";
  width: 30px;
  background: none;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  border: 1px solid #1AFFF7;
}
.cp_acs_author__networks > *:hover svg {
  color: #000;
}
.cp_acs_author__networks > *:hover:before {
  background: #1AFFF7;
}
.cp_acs_author__networks .cp_svg {
  width: 30px;
  height: 30px;
  margin: auto;
  padding: 7px;
  position: relative;
  display: block;
}

.cp_acs_comment-and-share {
  margin-left: auto;
  font-size: 14px;
  display: flex;
  gap: 10px;
}
.cp_acs_comment-and-share [class*=button--] {
  height: 34px;
  min-height: 34px;
  padding-inline: 12px;
  gap: 5px;
}
.cp_sticky-mobile-container .cp_acs_comment-and-share > * {
  flex: 1;
}
.cp_sticky-mobile-container .cp_acs_comment-and-share > * [class*=button--] {
  width: 100%;
}
.cp_sticky-mobile-container .cp_acs_comment-and-share .cp_dropdown__content {
  top: auto;
  bottom: 40px;
}
.app_entry_diapo__content + .cp_acs_comment-and-share {
  margin-bottom: 10px;
}
.cp_acs_comment-and-share.cp_display-mobile-only {
  padding: 10px;
  background-color: #ECECEC;
  display: flex;
  gap: 10px;
  justify-content: space-around;
  align-items: center;
  margin-inline: calc(20px * -0.5);
}
.cp_acs_comment-and-share.cp_display-mobile-only > * {
  flex: 1;
}
.cp_acs_comment-and-share.cp_display-mobile-only > * > [class*=button--] {
  display: flex;
  width: 100%;
}
@media (min-width: 481px) {
  .cp_acs_comment-and-share.cp_display-mobile-only {
    display: none;
  }
}
@media (max-width: 480px) {
  .cp_acs_comment-and-share.cp_display-desktop-only {
    display: none;
  }
}

.cp_acs_comment-and-share--target:not(:has(.jComments)) {
  display: none;
}

.cp_acs_comment-and-share--target .button--standard:has(.button--standard) {
  display: contents;
}

.cp_acs_comment-and-share--target > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

@supports not (container-type: inline-size) {
  @media (max-width: 480px) {
    .cp_author-comment-and-share .cp_acs_author {
      display: block;
    }
    .cp_author-comment-and-share .cp_acs_author__picture,
    .cp_author-comment-and-share .cp_acs_comment-and-share [class*=button--] span {
      display: none;
    }
    .cp_author-comment-and-share .cp_acs_author__name {
      margin-bottom: 2px;
    }
  }
}
@container (width < 481px) {
  .cp_author-comment-and-share .cp_acs_author {
    display: block;
  }
  .cp_author-comment-and-share .cp_acs_author__picture,
  .cp_author-comment-and-share .cp_acs_comment-and-share [class*=button--] span {
    display: none;
  }
  .cp_author-comment-and-share .cp_acs_author__name {
    margin-bottom: 2px;
  }
}
.bloc-author-and-share .cp_comment-and-share {
  margin-block-end: 0;
}

.cp_sticky-mobile-container {
  position: fixed;
  z-index: 999;
  inset-inline-start: 0;
  inset-block-start: 100%;
  width: 100%;
  height: 60px;
  padding-block-start: 10px;
  padding-inline: 10px;
  margin-block-start: 0;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  transition-property: margin-block-start;
  transition-duration: 0.5s;
}
@media (max-width: 639px) {
  .cp_sticky-mobile-container.make-visible {
    margin-block-start: -60px;
    transition-property: margin-block-start;
    transition-duration: 0.5s;
  }
}

@media (max-width: 639px) {
  .modal__footer .form__mandatory {
    height: 200px;
    overflow-x: scroll;
  }
}
.cke_notifications_area {
  z-index: 2000000000 !important;
}

.ccmcss_paginator, .cp_paginator {
  line-height: 40px;
  margin: 0;
}
.ccmcss_paginator [class*=ccmcss_paginator_], .ccmcss_paginator [class*=cp_paginator_], .cp_paginator [class*=ccmcss_paginator_], .cp_paginator [class*=cp_paginator_] {
  font-size: 16px;
  margin: 0;
  height: 40px;
}
.ccmcss_paginator [class*=ccmcss_paginator_] a, .ccmcss_paginator [class*=ccmcss_paginator_] > span, .ccmcss_paginator [class*=cp_paginator_] a, .ccmcss_paginator [class*=cp_paginator_] > span, .cp_paginator [class*=ccmcss_paginator_] a, .cp_paginator [class*=ccmcss_paginator_] > span, .cp_paginator [class*=cp_paginator_] a, .cp_paginator [class*=cp_paginator_] > span {
  border-radius: 0;
  background: none;
  box-shadow: none;
  border: 1px solid #1AFFF7;
  color: #1AFFF7;
  display: inline-flex;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  font-size: 16px;
}
.ccmcss_paginator [class*=ccmcss_paginator_] a:hover, .ccmcss_paginator [class*=ccmcss_paginator_] > span:hover, .ccmcss_paginator [class*=cp_paginator_] a:hover, .ccmcss_paginator [class*=cp_paginator_] > span:hover, .cp_paginator [class*=ccmcss_paginator_] a:hover, .cp_paginator [class*=ccmcss_paginator_] > span:hover, .cp_paginator [class*=cp_paginator_] a:hover, .cp_paginator [class*=cp_paginator_] > span:hover {
  text-decoration: none;
  color: #1AFFF7;
}
.ccmcss_paginator [class*=ccmcss_paginator_] a span, .ccmcss_paginator [class*=ccmcss_paginator_] > span span, .ccmcss_paginator [class*=cp_paginator_] a span, .ccmcss_paginator [class*=cp_paginator_] > span span, .cp_paginator [class*=ccmcss_paginator_] a span, .cp_paginator [class*=ccmcss_paginator_] > span span, .cp_paginator [class*=cp_paginator_] a span, .cp_paginator [class*=cp_paginator_] > span span {
  display: none;
}
.ccmcss_paginator_page, .cp_paginator_page {
  font-size: 16px;
  white-space: nowrap;
  margin: calc( 20px / 4 );
  height: 40px;
}
.ccmcss_paginator_full a, .ccmcss_paginator_full > span, .cp_paginator_full a, .cp_paginator_full > span {
  width: auto;
  padding-left: calc( 20px / 2 );
  padding-right: calc( 20px / 2 );
}
.ccmcss_paginator_full a:hover, .ccmcss_paginator_full > span:hover, .cp_paginator_full a:hover, .cp_paginator_full > span:hover {
  text-decoration: none;
}
.ccmcss_paginator ul, .cp_paginator ul {
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}
.ccmcss_paginator li, .cp_paginator li {
  margin: 0;
}
.ccmcss_paginator li a, .ccmcss_paginator li span, .cp_paginator li a, .cp_paginator li span {
  display: block;
  height: 40px;
  line-height: 40px;
  border: 0;
  text-align: center;
  position: relative;
  background: none;
  box-shadow: none;
  border-radius: 0;
  text-decoration: none;
  color: #fff;
}
.ccmcss_paginator li a:hover, .ccmcss_paginator li span:hover, .cp_paginator li a:hover, .cp_paginator li span:hover {
  color: #1AFFF7;
  background: none;
  text-decoration: none;
}
.ccmcss_paginator li a:focus, .ccmcss_paginator li span:focus, .cp_paginator li a:focus, .cp_paginator li span:focus {
  top: 1px;
  box-shadow: 0 0 2px 0 #1AFFF7;
}
.ccmcss_paginator li.current span, .cp_paginator li.current span {
  color: #1AFFF7;
  background: none;
}
.ccmcss_paginator + .cp_paginator, .cp_paginator + .cp_paginator {
  margin-top: 10px;
}

.ccmcss_paginator_prev a, .ccmcss_paginator_prev > span, .ccmcss_paginator_next a, .ccmcss_paginator_next > span, .ccmcss_paginator_first a, .ccmcss_paginator_first > span, .ccmcss_paginator_last a, .ccmcss_paginator_last > span, .cp_paginator_prev a, .cp_paginator_prev > span, .cp_paginator_next a, .cp_paginator_next > span, .cp_paginator_first a, .cp_paginator_first > span, .cp_paginator_last a, .cp_paginator_last > span {
  min-width: 40px;
}
.ccmcss_paginator_prev a:before, .ccmcss_paginator_prev > span:before, .ccmcss_paginator_next a:before, .ccmcss_paginator_next > span:before, .ccmcss_paginator_first a:before, .ccmcss_paginator_first > span:before, .ccmcss_paginator_last a:before, .ccmcss_paginator_last > span:before, .cp_paginator_prev a:before, .cp_paginator_prev > span:before, .cp_paginator_next a:before, .cp_paginator_next > span:before, .cp_paginator_first a:before, .cp_paginator_first > span:before, .cp_paginator_last a:before, .cp_paginator_last > span:before {
  content: "";
  height: 40px;
  min-width: 14px;
}
@supports (mask-repeat: no-repeat) {
  .ccmcss_paginator_prev a:before, .ccmcss_paginator_prev > span:before, .cp_paginator_prev a:before, .cp_paginator_prev > span:before {
    content: "";
    background-color: #1AFFF7;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M12.601 8.127H4.98l2.912 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.924 0L2.942 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L4.977 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M12.601 8.127H4.98l2.912 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.924 0L2.942 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L4.977 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_prev a:hover:before, .ccmcss_paginator_prev > span:hover:before, .cp_paginator_prev a:hover:before, .cp_paginator_prev > span:hover:before {
    background-color: #1AFFF7;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  .ccmcss_paginator_prev a:before, .ccmcss_paginator_prev > span:before, .cp_paginator_prev a:before, .cp_paginator_prev > span:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M12.601 8.127H4.98l2.912 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.924 0L2.942 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L4.977 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_prev a:hover:before, .ccmcss_paginator_prev > span:hover:before, .cp_paginator_prev a:hover:before, .cp_paginator_prev > span:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M12.601 8.127H4.98l2.912 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.924 0L2.942 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L4.977 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627Z'/%3E%3C/svg%3E");
  }
}
@supports (mask-repeat: no-repeat) {
  .ccmcss_paginator_next a:before, .ccmcss_paginator_next > span:before, .cp_paginator_next a:before, .cp_paginator_next > span:before {
    content: "";
    background-color: #1AFFF7;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M3.399 6.873h7.621l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H3.403A.64.64 0 0 1 2.75 7.5a.633.633 0 0 1 .649-.627Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M3.399 6.873h7.621l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H3.403A.64.64 0 0 1 2.75 7.5a.633.633 0 0 1 .649-.627Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_next a:hover:before, .ccmcss_paginator_next > span:hover:before, .cp_paginator_next a:hover:before, .cp_paginator_next > span:hover:before {
    background-color: #1AFFF7;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  .ccmcss_paginator_next a:before, .ccmcss_paginator_next > span:before, .cp_paginator_next a:before, .cp_paginator_next > span:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M3.399 6.873h7.621l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H3.403A.64.64 0 0 1 2.75 7.5a.633.633 0 0 1 .649-.627Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_next a:hover:before, .ccmcss_paginator_next > span:hover:before, .cp_paginator_next a:hover:before, .cp_paginator_next > span:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M3.399 6.873h7.621l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H3.403A.64.64 0 0 1 2.75 7.5a.633.633 0 0 1 .649-.627Z'/%3E%3C/svg%3E");
  }
}
@supports (mask-repeat: no-repeat) {
  .ccmcss_paginator_first a:before, .ccmcss_paginator_first > span:before, .cp_paginator_first a:before, .cp_paginator_first > span:before {
    content: "";
    background-color: #1AFFF7;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M13.994 8.127H6.373l2.913 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.925 0L4.335 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L6.37 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627ZM2.696 3a.728.728 0 0 0-.492.188.619.619 0 0 0-.204.455v7.714c0 .23.133.442.348.557a.747.747 0 0 0 .697 0 .636.636 0 0 0 .348-.557V3.643a.619.619 0 0 0-.204-.455A.726.726 0 0 0 2.696 3Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M13.994 8.127H6.373l2.913 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.925 0L4.335 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L6.37 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627ZM2.696 3a.728.728 0 0 0-.492.188.619.619 0 0 0-.204.455v7.714c0 .23.133.442.348.557a.747.747 0 0 0 .697 0 .636.636 0 0 0 .348-.557V3.643a.619.619 0 0 0-.204-.455A.726.726 0 0 0 2.696 3Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_first a:hover:before, .ccmcss_paginator_first > span:hover:before, .cp_paginator_first a:hover:before, .cp_paginator_first > span:hover:before {
    background-color: #1AFFF7;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  .ccmcss_paginator_first a:before, .ccmcss_paginator_first > span:before, .cp_paginator_first a:before, .cp_paginator_first > span:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M13.994 8.127H6.373l2.913 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.925 0L4.335 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L6.37 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627ZM2.696 3a.728.728 0 0 0-.492.188.619.619 0 0 0-.204.455v7.714c0 .23.133.442.348.557a.747.747 0 0 0 .697 0 .636.636 0 0 0 .348-.557V3.643a.619.619 0 0 0-.204-.455A.726.726 0 0 0 2.696 3Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_first a:hover:before, .ccmcss_paginator_first > span:hover:before, .cp_paginator_first a:hover:before, .cp_paginator_first > span:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M13.994 8.127H6.373l2.913 2.8a.609.609 0 0 1 0 .888.67.67 0 0 1-.925 0L4.335 7.942a.609.609 0 0 1 0-.888l4.026-3.87a.662.662 0 0 1 .92 0 .609.609 0 0 1 0 .89L6.37 6.872h7.621a.64.64 0 0 1 .653.627.633.633 0 0 1-.649.627ZM2.696 3a.728.728 0 0 0-.492.188.619.619 0 0 0-.204.455v7.714c0 .23.133.442.348.557a.747.747 0 0 0 .697 0 .636.636 0 0 0 .348-.557V3.643a.619.619 0 0 0-.204-.455A.726.726 0 0 0 2.696 3Z'/%3E%3C/svg%3E");
  }
}
@supports (mask-repeat: no-repeat) {
  .ccmcss_paginator_last a:before, .ccmcss_paginator_last > span:before, .cp_paginator_last a:before, .cp_paginator_last > span:before {
    content: "";
    background-color: #1AFFF7;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M1.899 6.873H9.52l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H1.903A.64.64 0 0 1 1.25 7.5a.633.633 0 0 1 .649-.627ZM13.197 12a.728.728 0 0 0 .492-.188.619.619 0 0 0 .204-.455V3.643a.636.636 0 0 0-.348-.557.747.747 0 0 0-.697 0 .636.636 0 0 0-.348.557v7.714c0 .17.073.334.204.454.13.121.308.189.493.189Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='currentColor' d='M1.899 6.873H9.52l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H1.903A.64.64 0 0 1 1.25 7.5a.633.633 0 0 1 .649-.627ZM13.197 12a.728.728 0 0 0 .492-.188.619.619 0 0 0 .204-.455V3.643a.636.636 0 0 0-.348-.557.747.747 0 0 0-.697 0 .636.636 0 0 0-.348.557v7.714c0 .17.073.334.204.454.13.121.308.189.493.189Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_last a:hover:before, .ccmcss_paginator_last > span:hover:before, .cp_paginator_last a:hover:before, .cp_paginator_last > span:hover:before {
    background-color: #1AFFF7;
  }
}
@supports not ((-webkit-mask-repeat: no-repeat) and (mask-repeat: no-repeat)) {
  .ccmcss_paginator_last a:before, .ccmcss_paginator_last > span:before, .cp_paginator_last a:before, .cp_paginator_last > span:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M1.899 6.873H9.52l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H1.903A.64.64 0 0 1 1.25 7.5a.633.633 0 0 1 .649-.627ZM13.197 12a.728.728 0 0 0 .492-.188.619.619 0 0 0 .204-.455V3.643a.636.636 0 0 0-.348-.557.747.747 0 0 0-.697 0 .636.636 0 0 0-.348.557v7.714c0 .17.073.334.204.454.13.121.308.189.493.189Z'/%3E%3C/svg%3E");
  }
  .ccmcss_paginator_last a:hover:before, .ccmcss_paginator_last > span:hover:before, .cp_paginator_last a:hover:before, .cp_paginator_last > span:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath fill='%231AFFF7' d='M1.899 6.873H9.52l-2.912-2.8a.609.609 0 0 1 0-.888.67.67 0 0 1 .924 0l4.026 3.873a.609.609 0 0 1 0 .888l-4.026 3.87a.662.662 0 0 1-.92 0 .609.609 0 0 1 0-.89l2.912-2.799H1.903A.64.64 0 0 1 1.25 7.5a.633.633 0 0 1 .649-.627ZM13.197 12a.728.728 0 0 0 .492-.188.619.619 0 0 0 .204-.455V3.643a.636.636 0 0 0-.348-.557.747.747 0 0 0-.697 0 .636.636 0 0 0-.348.557v7.714c0 .17.073.334.204.454.13.121.308.189.493.189Z'/%3E%3C/svg%3E");
  }
}

.ccmcss_paginator_prev a, .ccmcss_paginator_prev > span, .ccmcss_paginator_next a, .ccmcss_paginator_next > span, .ccmcss_paginator_first a, .ccmcss_paginator_first > span, .ccmcss_paginator_last a, .ccmcss_paginator_last > span, .cp_paginator_prev a, .cp_paginator_prev > span, .cp_paginator_next a, .cp_paginator_next > span, .cp_paginator_first a, .cp_paginator_first > span, .cp_paginator_last a, .cp_paginator_last > span {
  width: 40px;
}
.ccmcss_paginator_prev a:before, .ccmcss_paginator_prev > span:before, .ccmcss_paginator_next a:before, .ccmcss_paginator_next > span:before, .ccmcss_paginator_first a:before, .ccmcss_paginator_first > span:before, .ccmcss_paginator_last a:before, .ccmcss_paginator_last > span:before, .cp_paginator_prev a:before, .cp_paginator_prev > span:before, .cp_paginator_next a:before, .cp_paginator_next > span:before, .cp_paginator_first a:before, .cp_paginator_first > span:before, .cp_paginator_last a:before, .cp_paginator_last > span:before {
  width: 40px;
}

.ccmcss_paginator--page, .ccmcss_paginator--date > div,
.cp_paginator--items, .cp_paginator--steps > div {
  display: flex;
}

.ccmcss_paginator--page, .cp_paginator--items {
  justify-content: space-between;
}
.ccmcss_paginator--page li a,
.ccmcss_paginator--page li > span, .cp_paginator--items li a,
.cp_paginator--items li > span {
  width: 40px;
  font-size: 16px;
  font-weight: bold;
}
.ccmcss_paginator--page li > span, .cp_paginator--items li > span {
  color: #fff;
}

.ccmcss_paginator--date > div, .cp_paginator--steps > div {
  justify-content: center;
}
.ccmcss_paginator--date > div + div, .cp_paginator--steps > div + div {
  margin-top: calc( 20px / 2 );
  padding-top: calc( 20px / 2 );
  border-top: 1px solid #ececec;
}
.ccmcss_paginator--date li a, .ccmcss_paginator--date li > span, .cp_paginator--steps li a, .cp_paginator--steps li > span {
  padding: 0 15px;
  border-radius: 0;
  min-width: 0;
  font-size: 16px;
}

.ccmcss_paginator--button, .cp_paginator--button {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  gap: calc( 20px / 2 );
}
.ccmcss_paginator--button_prev, .ccmcss_paginator--button_next, .cp_paginator--button_prev, .cp_paginator--button_next {
  max-width: 50%;
  margin: 0;
}
.ccmcss_paginator--button_prev a, .ccmcss_paginator--button_next a, .cp_paginator--button_prev a, .cp_paginator--button_next a {
  width: auto;
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ccmcss_paginator--button_prev a:before, .ccmcss_paginator--button_next a:before, .cp_paginator--button_prev a:before, .cp_paginator--button_next a:before {
  position: absolute;
}
.ccmcss_paginator--button_prev a, .cp_paginator--button_prev a {
  padding-right: calc( 20px / 2 );
  padding-left: 40px;
}
.ccmcss_paginator--button_prev a:before, .cp_paginator--button_prev a:before {
  left: 0;
}
.ccmcss_paginator--button_next, .cp_paginator--button_next {
  text-align: right;
  margin-left: auto;
}
.ccmcss_paginator--button_next a, .cp_paginator--button_next a {
  padding-left: calc( 20px / 2 );
  padding-right: 40px;
}
.ccmcss_paginator--button_next a:before, .cp_paginator--button_next a:before {
  right: 0;
}

body.videopremium {
  --header-height: var(--header-height-videopremium)px;
  --video-height: 370px;
  --sticky-margin: 20px;
  --col-right-width: 340px;
  --videopremium__playlist-background-color: transparent;
  --reservation-space:0;
}
body.videopremium .grid-wrapper {
  grid-template-rows: auto;
}
body.videopremium .grid-wrapper.non-article .layout_main > *:first-child {
  padding: 0;
  margin: 0;
}
body.videopremium .primary-nav,
body.videopremium .secondary-nav,
body.videopremium .ccmcss_oas_top,
body.videopremium .layout_breadcrumb {
  display: none;
}
body.videopremium .header_top,
body.videopremium .header_top--new,
body.videopremium #__nuxt,
body.videopremium .fem-header {
  position: sticky;
  top: 0;
  z-index: 999;
}
body.videopremium .layout_main > .entry {
  padding-top: 0;
}
body.videopremium .layout_right section {
  padding: 0;
}
body.videopremium .layout_right section[class] {
  padding: 20px;
}
@media (min-width: 769px) {
  body.videopremium .sticky-element {
    position: sticky;
    top: var(--header-height);
  }
}
body.videopremium:not(:has(.cp_modal__wrapper--opened)) .cp_videopremium + * {
  position: relative;
  z-index: 0;
}
body.videopremium.channel-cuisine {
  --header-height-recipe: 50px;
}
@media (min-width: 769px) {
  body.videopremium.channel-cuisine {
    --header-height-recipe: calc(52px + 20px);
  }
  body.videopremium.channel-cuisine .sticky-element {
    position: sticky;
    top: var(--header-height-recipe);
  }
}
@media (min-width: 769px) {
  body.videopremium.figaroetudiant {
    --header-height: var(--header-height-videopremium)px;
  }
}
body.videopremium .fh--hidden ~ .cp_videopremium {
  --header-height: 0;
}
@media (max-width: 979px) {
  body.videopremium[class*=figaro] .ccmcss_offcanvas_1,
  body.videopremium[class*=figaro] .ccmcss_offcanvas_2 {
    overflow: initial;
  }
}
body.videopremium.figaroimmobilier header {
  z-index: 0;
}

body.videopremium {
  --margin-inside: 0;
  --margin-outside: calc(20px * .5);
}
body.videopremium .entry.entry_reg_wall {
  overflow: visible;
}
body.videopremium .entry aside:not(.app_author_box) {
  position: static;
}

.cp_videopremium-header {
  margin-block-start: var(--margin-inside);
  margin-block-end: var(--margin-outside);
}
@media (min-width: 769px) {
  .cp_videopremium-header {
    margin-block-end: calc(var(--margin-outside) * 2);
  }
}

.cp_videopremium {
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-inline: calc(var(--margin-outside) * -1);
  margin-block-start: calc(var(--margin-outside) * -1);
  margin-block-end: var(--margin-inside);
}
@media (min-width: 769px) {
  .cp_videopremium {
    width: calc(100% + 2 * var(--margin-outside));
    margin-inline: -20px;
    margin-block-start: calc(var(--margin-outside) * 2 * -1);
  }
}
@media (min-width: 1000px) {
  .cp_videopremium {
    width: calc(1000px - var(--col-right-width));
    height: var(--video-height);
  }
}
.cp_videopremium__video {
  position: relative;
}
.cp_videopremium__video > * {
  position: absolute;
  inset: 0;
}
.cp_videopremium__video img {
  object-fit: cover;
  min-width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
}
.cp_videopremium__image {
  z-index: 0;
}
.cp_videopremium__player {
  z-index: 1;
  margin-block: 0;
}
.cp_videopremium__playlist {
  display: none;
  background-color: var(--videopremium__playlist-background-color, #fefefe);
}
@media (min-width: 769px) {
  .cp_videopremium__playlist {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    overflow-y: auto;
    padding: 0;
  }
}
.cp_videopremium__playlist-item {
  display: flex;
  text-decoration: none;
  color: inherit;
}
.cp_videopremium__playlist-item:hover {
  text-decoration: none;
}
.cp_videopremium__playlist-item > * {
  flex: 1;
}
.cp_videopremium__playlist-item__thumbnail {
  flex: 0 1 auto;
  border-radius: 0;
  overflow: hidden;
  display: grid;
  place-content: center;
  place-items: center;
  width: 150px;
  height: 100px;
}
.cp_videopremium__playlist-item__thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.cp_videopremium__playlist-item__thumbnail:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M4 19.2V.8C4 0 5.1-.2 5.7.2l12 9.2c.4.4.4.8 0 1.2l-12 9.2c-.6.5-1.7.1-1.7-.6Z'/%3E%3C/svg%3E");
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  padding: 10px;
  filter: drop-shadow(0 0 3px rgb(0, 0, 0));
}
.cp_videopremium__playlist-item__thumbnail:hover:after {
  border-radius: 1000px;
  background-color: rgba(255, 255, 255, 0.3);
}
.cp_videopremium__playlist-item__content-infos {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 12px;
  margin-inline-start: 0.5rem;
}
.cp_videopremium__playlist-item__publication-time {
  color: #898989;
}
.cp_videopremium__playlist-item__headline {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  display: inline-block;
  max-height: 6.4em;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cp_videopremium__playlist-item__headline:before {
  background: #fff;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
  bottom: 1.6em;
  content: "…";
  height: 1.6em;
  position: absolute;
  right: 0;
  text-align: right;
  width: 4em;
}
.cp_videopremium__playlist-item__headline:after {
  background: #fff;
  content: attr(data-text);
  left: 0;
  height: 3.2em;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
@supports (-webkit-line-clamp: 2) {
  .cp_videopremium__playlist-item__headline:before, .cp_videopremium__playlist-item__headline:after {
    content: none;
  }
}

.label-article:has(+ .entry .cp_videopremium-header) {
  margin: -10px -10px 0;
  padding: 10px 20px;
  background-color: #303030;
}
@media (min-width: 769px) {
  .label-article:has(+ .entry .cp_videopremium-header) {
    margin: -20px -20px 10px;
  }
}
.label-article:has(+ .entry .cp_videopremium-header):before {
  color: #898989;
}
.label-article:has(+ .entry .cp_videopremium-header):after {
  border-width: 1px;
}

.cp_videopremium-header, .entry .cp_videopremium-header {
  background-color: #000;
  padding: 10px 20px;
  margin-inline: -10px;
  width: auto;
}
@media (min-width: 769px) {
  .cp_videopremium-header, .entry .cp_videopremium-header {
    width: calc(100% + 2 * var(--margin-outside));
    margin-inline: -20px;
  }
}
@media (min-width: 1000px) {
  .cp_videopremium-header, .entry .cp_videopremium-header {
    width: calc(1000px - var(--col-right-width));
  }
}
.cp_videopremium-header__pre-header, .entry .cp_videopremium-header__pre-header {
  display: flex;
  justify-content: space-between;
  color: #898989;
  font-size: 14px;
}
.cp_videopremium-header__pre-header > *, .entry .cp_videopremium-header__pre-header > * {
  flex: 1;
}
.cp_videopremium-header__sharing, .entry .cp_videopremium-header__sharing {
  flex: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.cp_videopremium-header__sharing > *, .entry .cp_videopremium-header__sharing > * {
  flex: 0 0 auto;
  background-color: transparent;
  border: solid 1px #898989;
  border-radius: 5px;
  color: #898989;
  display: grid;
  place-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
}
.cp_videopremium-header__sharing > *:hover, .entry .cp_videopremium-header__sharing > *:hover {
  color: #fff;
  border-color: #fff;
}
.cp_videopremium-header__sharing svg, .entry .cp_videopremium-header__sharing svg {
  fill: currentColor;
}
.cp_videopremium-header h1, .entry .cp_videopremium-header h1 {
  font-size: 20px;
  line-height: 1.3;
  text-transform: none;
  color: #fff;
  margin: 0;
  text-wrap: balance;
}

:root {
  --global-spacing: 20px;
}
@media (max-width: 768px) {
  :root {
    --global-spacing: 10px;
  }
}

.cp_footer {
  background-color: var(--footer-background-color, #fff);
  color: var(--footer-font-color, #666);
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--global-spacing, 20px);
}
.cp_footer > * {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.cp_footer > *:has(> *) ~ *:has(> *) {
  margin-top: var(--global-spacing, 20px);
}
.cp_footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.cp_footer a {
  text-decoration: none;
  color: inherit;
}
.cp_footer a:hover {
  text-decoration: underline;
  color: inherit;
}

.cp_footer__logo a:not(:hover) path, .cp_footer__logo a:not(:hover) g, .cp_footer__brands a:not(:hover) path, .cp_footer__brands a:not(:hover) g {
  fill: var(--footer-fill-color, #898989);
}
.cp_footer__logo svg, .cp_footer__brands svg {
  color: var(--footer-fill-currentcolor, black);
}

/* logos : ccmbenchmark */
.cp_footer__logo {
  border-bottom: 1px solid #a8a8a8;
  height: 25px;
  position: relative;
  background: none;
  margin-bottom: 30px;
}
.cp_footer__logo a {
  display: block;
  background-color: var(--footer-background-color, #fff);
  padding: 0 var(--global-spacing, 20px);
  height: 49px;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
}

/* logos : sites  */
.cp_footer__brands {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px 0;
}
.cp_footer__brands a {
  margin: 0 auto;
  outline: none;
  width: 50%;
}
@media (min-width: 480px) {
  .cp_footer__brands a {
    width: 28%;
  }
}
@media (min-width: 768px) {
  .cp_footer__brands a {
    width: 25%;
  }
}
@media (min-width: 1000px) {
  .cp_footer__brands a {
    min-width: auto;
    flex-wrap: wrap;
    flex: 1 1 auto;
    width: auto;
  }
}
.cp_footer__brands a svg {
  display: block;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  .cp_footer__brands {
    gap: 30px;
  }
}
.cp_footer__brands ~ *:has(> *) {
  border-top: 1px solid #A8A8A8;
  padding-top: calc(var(--global-spacing, 20px) * 1.25);
}

.cp_footer__links {
  font-size: var(--footer-font-size, 12px);
}
.cp_footer__links li {
  display: inline-block;
}
.cp_footer__links li a {
  display: block;
  line-height: 14px;
  padding: 0 4px;
}
.cp_footer__links li + li {
  border-left: 1px solid var(--footer-font-color, #666);
}

.cp_footer__mark {
  display: flex;
  gap: var(--global-spacing, 20px);
  color: var(--footer-font-color, #666);
  align-items: flex-start;
}
.cp_footer__mark p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}

@supports (container-type: inline-size) {
  .cp_layout__2-col__zone {
    container: main-zone/inline-size;
  }
  .cp_layout__1-col__zone {
    container: full-zone/inline-size;
  }
}
@media (max-width: 768px) {
  body {
    background-image: none;
  }
}
.cp_layout-niveau-1 {
  height: auto;
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: var(--header-height, auto) 1fr var(--footer-height, auto);
  grid-template-areas: "header" "main" "footer";
  justify-content: center;
  align-items: start;
}
.cp_layout-niveau-1 .cp_layout-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: ". header-content .";
  grid-area: header;
}
.cp_layout-niveau-1 .cp_layout-header__content {
  grid-area: header-content;
}
.cp_layout-niveau-1 .cp_layout-footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: ". footer-content .";
  grid-area: footer;
}
.cp_layout-niveau-1 .cp_layout-footer__content {
  grid-area: footer-content;
  padding: var(--global-spacing);
}
.cp_layout-niveau-1 .cp_layout-main {
  width: 100%;
}
@media (min-width: 1000px) {
  .cp_layout-niveau-1 .cp_layout-main {
    max-width: 1000px;
    margin: auto;
  }
}

.cp_layout-main__content {
  display: flow-root;
  padding-bottom: calc(var(--global-spacing) * 1.5);
  margin-bottom: var(--global-spacing);
}
.cp_layout-main__content > .cp_layout-niveau-2 {
  padding-inline: var(--global-spacing);
}

.cp_layout__2-col {
  display: flex;
  gap: var(--global-spacing);
  flex-direction: column;
}

@media (min-width: 769px) {
  .cp_layout__2-col {
    flex-direction: row;
  }
  .cp_layout__2-col--col1 {
    flex: 1;
  }
  .cp_layout__2-col--col2 {
    width: 300px;
  }
}
.cp_layout__2-col--col2 .cp_layout__2-col__item {
  line-height: 1.2;
}
.cp_layout__2-col--col2 .cp_layout__2-col__item p {
  line-height: 1.2;
}

.cp_layout__col__header {
  display: flex;
  align-items: center;
}
.cp_layout__col__header > * + *:last-child {
  margin: 0;
  margin-left: auto;
}

.cp_layout__col__footer, .cp_footer__bouton-see-all {
  text-align: center;
}

@media (min-width: 769px) {
  .cp_layout__1-col__zone:has(.cp_footer__bouton-see-all) {
    display: grid;
    grid-template: "a c" "b b";
  }
  .cp_layout__1-col__zone:has(.cp_footer__bouton-see-all) .cp_layout__col__header {
    grid-area: a;
  }
  .cp_layout__1-col__zone:has(.cp_footer__bouton-see-all) .cp_layout__col__header + * {
    grid-area: b;
  }
  .cp_layout__1-col__zone:has(.cp_footer__bouton-see-all) .cp_footer__bouton-see-all {
    grid-area: c;
    text-align: right;
    margin-top: 0;
  }
}
.cp_layout-footer__content {
  font-size: 12px;
  color: #fff;
  background-color: #000E1B;
  padding: var(--global-spacing);
}
.cp_layout-footer__content > * + * {
  margin-top: var(--global-spacing);
}
.cp_layout-footer__content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.cp_layout-footer__content a {
  text-decoration: none;
  color: inherit;
}
.cp_layout-footer__content a:hover {
  text-decoration: underline;
  color: inherit;
}

.cp_layout-footer__networks {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  margin: calc(var(--global-spacing) * -1);
  margin-bottom: 0;
  font-size: 16px;
  color: #000;
}
.cp_layout-footer__networks ul {
  display: flex;
}
.cp_layout-footer__networks li {
  flex: 1;
}
.cp_layout-footer__networks a {
  display: block;
  padding: calc(var(--global-spacing) * 0.75);
}
.cp_layout-footer__networks a:hover {
  text-decoration: none;
}
.cp_layout-footer__networks svg {
  display: block;
  margin-inline: auto;
  margin-block: 0 5px;
}
.cp_layout-footer__networks strong {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

.cp_footer > * {
  max-width: none;
}

.cp_layout-header {
  background-color: #000;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.cp_layout-header svg {
  display: block;
  margin: auto;
}

.cp_layout-header__content {
  position: relative;
}

.cp_layout-header__logo {
  padding: var(--global-spacing);
}

.cp_layout-header__nav {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  font-size: 16px;
}
.cp_layout-header__nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  .cp_layout-header__logo {
    height: 25px;
    padding: 0;
  }
  .cp_layout-header__logo svg {
    height: 22px;
  }
}
.cp_layout-header__nav-1 {
  position: relative;
  padding-bottom: 3px;
  position: relative;
  width: calc(100vw - 15px);
}
.cp_layout-header__nav-1:after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 15px;
  height: 83px;
  background-color: #000;
  z-index: 1;
}
.cp_layout-header__nav-1 > ul {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: calc(100vw - 15px);
  overflow: auto;
}
.cp_layout-header__nav-1 > ul > li {
  flex: 1;
  background-color: #000;
  text-align: center;
  white-space: nowrap;
  height: 83px;
}
.cp_layout-header__nav-1 > ul > li svg {
  width: 42px;
  height: 32px;
  margin-bottom: 10px;
}
.cp_layout-header__nav-1 > ul > li:hover, .cp_layout-header__nav-1 > ul > li.cp_nav-selected {
  background-color: transparent;
  color: #000;
}
.cp_layout-header__nav-1 > ul > li:hover path:not([fill=none]), .cp_layout-header__nav-1 > ul > li.cp_nav-selected path:not([fill=none]) {
  fill: #000;
}
.cp_layout-header__nav-1 > ul > li:hover path[fill=none], .cp_layout-header__nav-1 > ul > li.cp_nav-selected path[fill=none] {
  stroke: #000;
}
.cp_layout-header__nav-1 > ul > li > a {
  text-decoration: none;
  color: inherit;
  text-transform: uppercase;
  display: block;
  padding: 10px 5px;
}
.cp_layout-header__nav-1 > ul > li.cp_nav-selected > .cp_layout-header__subnav {
  display: block;
}
.cp_layout-header__nav-1:has(.cp_nav-selected > .cp_layout-header__subnav) {
  padding-bottom: 35px;
}

.cp_layout-header__subnav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35px;
  color: #000;
  text-align: left;
  padding-block: 5px;
  display: none;
  overflow: auto;
  font-size: 14px;
}
.cp_layout-header__subnav li {
  display: inline-block;
}
.cp_layout-header__subnav li:has(> a) + li {
  border-left: 1px solid #000;
}
.cp_layout-header__subnav li a, .cp_layout-header__subnav li span {
  display: block;
  padding-inline: 5px;
  height: 25px;
  line-height: 25px;
  color: #000;
  text-decoration: none;
}
.cp_layout-header__subnav li a:hover, .cp_layout-header__subnav li span:hover {
  color: #000;
  text-decoration: underline;
}
.cp_layout-header__subnav li span {
  text-transform: uppercase;
  font-weight: bold;
}

.cp_layout-header__burger {
  position: absolute;
  top: var(--global-spacing);
  left: var(--global-spacing);
  height: 40px;
  width: 40px;
  display: flex;
}
.cp_layout-header__burger .cp_layout-header__burger__nav--hide {
  display: none;
}
.cp_layout-header__burger > .cp_layout-header__burger__button {
  display: flex;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: #fff;
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin: auto;
}
.cp_layout-header__burger .cp_layout-header__burger__nav {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 13;
  border-top: 3px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
  border-radius: 0;
  box-shadow: none;
}
.cp_layout-header__burger .cp_layout-header__burger__nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 320px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: solid #424242;
  border-width: 1px 0 0 1px;
}
.cp_layout-header__burger .cp_layout-header__burger__nav li {
  background: #000;
  text-align: center;
  white-space: nowrap;
  border: solid #424242;
  border-width: 0 1px 1px 0;
}
.cp_layout-header__burger .cp_layout-header__burger__nav li:last-child {
  border-radius: 0 0 15px 0;
}
.cp_layout-header__burger .cp_layout-header__burger__nav li:hover, .cp_layout-header__burger .cp_layout-header__burger__nav li.cp_nav-selected {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  color: #000;
}
.cp_layout-header__burger .cp_layout-header__burger__nav li:hover path:not([fill=none]), .cp_layout-header__burger .cp_layout-header__burger__nav li.cp_nav-selected path:not([fill=none]) {
  fill: #000;
}
.cp_layout-header__burger .cp_layout-header__burger__nav li:hover path[fill=none], .cp_layout-header__burger .cp_layout-header__burger__nav li.cp_nav-selected path[fill=none] {
  stroke: #000;
}
.cp_layout-header__burger .cp_layout-header__burger__nav a {
  text-decoration: none;
  color: inherit;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  padding: 10px 5px;
}
.cp_layout-header__burger .cp_layout-header__burger__nav li svg {
  width: 42px;
  height: 32px;
  margin-bottom: 10px;
}
.cp_layout-header__burger .cp_layout-header__burger__nav .cp_layout-header__burger__close {
  width: 40px;
  height: 40px;
  border: solid #1AFFF7; /* nécessaire */
  border-width: 1px 1px 1px 0;
  border-radius: 0 10px 10px 0;
  background: #000;
  position: absolute;
  top: 20px;
  right: -40px;
  pointer-events: none;
  display: flex;
}
.cp_layout-header__burger .cp_layout-header__burger__nav .cp_layout-header__burger__close svg {
  margin: auto;
}
.cp_layout-header__burger:not(:has(.cp_layout-header__burger__nav--hide)) > .cp_layout-header__burger__button,
.cp_layout-header__burger > .cp_layout-header__burger__button:hover {
  color: #000;
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  z-index: 13;
}
.cp_layout-header__burger:not(:has(.cp_layout-header__burger__nav--hide)) .cp_layout-header__burger__nav {
  display: block;
}

@media (max-width: 768px) {
  .cp_layout-header__burger {
    top: 0;
    height: 25px;
    left: 0;
  }
  .cp_layout-header__burger > .cp_layout-header__burger__button {
    height: 25px;
    width: 25px;
  }
  .cp_layout-header__burger > .cp_layout-header__burger__button svg {
    width: 15px;
    height: 15px;
  }
  .cp_layout-header__burger .cp_layout-header__burger__nav {
    top: 25px;
    left: 0;
  }
  .cp_layout-header__burger:not(:has(.cp_layout-header__burger__nav--hide)):after {
    content: "";
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 12;
  }
}
.cp_layout-header__search {
  position: absolute;
  top: var(--global-spacing);
  right: var(--global-spacing);
}
.cp_layout-header__search .cp_layout-header__search__button {
  width: 40px;
  height: 40px;
  display: flex;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: #fff;
  cursor: pointer;
}
.cp_layout-header__search:not(:has(.cp_layout-header__search__form--hide)) > .cp_layout-header__search__button,
.cp_layout-header__search > .cp_layout-header__search__button:hover {
  background-color: #303030;
  border-radius: 3px 3px 0 0;
}
.cp_layout-header__search:not(:has(.cp_layout-header__search__form--hide)) .cp_layout-header__search__form {
  display: flex;
}
.cp_layout-header__search .cp_layout-header__search__form {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: auto;
  right: 0;
  width: 300px;
  background-color: #303030;
  padding: 10px;
}
.cp_layout-header__search .cp_layout-header__search__form .cp_form__input {
  flex: 1;
}
.cp_layout-header__search .cp_layout-header__search__form .cp_layout-header__search__button {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  color: #000;
}
.cp_layout-header__search .cp_layout-header__search__form--hide {
  display: none;
}

@media (max-width: 768px) {
  .cp_layout-header__search {
    top: 0;
    position: static;
  }
  .cp_layout-header__search > .cp_layout-header__search__button {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    right: 10px;
  }
  .cp_layout-header__search > .cp_layout-header__search__button svg {
    width: 15px;
    height: 15px;
  }
  .cp_layout-header__search .cp_layout-header__search__form {
    top: 25px;
    left: 0;
    right: 0;
    width: 100%;
  }
}
.swiper[class*=pa_swiper] {
  width: 100%;
  max-width: calc(1000px - 2 * var(--global-spacing));
}
.swiper[class*=pa_swiper] .swiper-wrapper {
  display: flex;
  align-content: space-between;
}
.swiper[class*=pa_swiper] .swiper-slide {
  display: grid;
  place-items: center;
}

.pa_swiper__slide figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.pa_swiper__slide figure:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29.33%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.pa_swiper__slide figure a {
  color: #fff;
}
.pa_swiper__slide figure a:hover {
  text-decoration: none;
  color: #1AFFF7;
}
.pa_swiper__slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pa_swiper__slide figure figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px 15px;
  font-weight: bold;
  color: #fff;
}
.pa_swiper__slide .pa_swiper__fire-rate {
  display: block;
}
.pa_swiper__slide .pa_swiper__label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding-inline: 5px;
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  border-radius: 0 5px 5px 0;
  text-transform: uppercase;
  font-size: 12px;
  text-shadow: none;
  font-weight: normal;
  color: #000;
  position: absolute;
  top: -30px;
  left: 0;
}

.swiper.pa_swiper--mosaic .swiper-wrapper {
  height: 250px;
}
@media (min-width: 1000px) {
  .swiper.pa_swiper--mosaic .swiper-wrapper {
    flex-flow: column wrap;
    height: 400px;
  }
  .swiper.pa_swiper--mosaic .swiper-slide {
    height: 400px;
    max-width: 200px;
    font-size: 16px;
    line-height: 1.4;
  }
  .swiper.pa_swiper--mosaic .swiper-slide:nth-child(3n+1) {
    max-width: 450px;
    font-size: 20px;
  }
  .swiper.pa_swiper--mosaic .swiper-slide:nth-child(3n+3) figure {
    height: 195px;
  }
  .swiper.pa_swiper--mosaic .swiper-slide:nth-child(3n+3) figure + figure {
    margin-top: 10px;
  }
}

.swiper.pa_swiper .swiper-wrapper {
  height: 250px;
}
@media (min-width: 1000px) {
  .swiper.pa_swiper .swiper-wrapper {
    height: 350px;
  }
}

.pa_box--nl .rgpdNewsletter p {
  font-size: 12px;
  color: #d9D9D9;
}

.card-comparison_ct > * + * {
  margin-top: var(--global-spacing);
}

.card-comparison {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.card-comparison [class*=card-comparison_item] {
  font-size: 14px;
  line-height: normal;
}
.card-comparison [class*=card-comparison_item] > span {
  margin-block: 5px;
}
.card-comparison .item_name,
.card-comparison .item_price,
.card-comparison .item_description,
.card-comparison .item_upname {
  display: block;
}
.card-comparison .item_name {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}
.card-comparison .item_upname {
  color: #1AFFF7;
  font-size: 12px;
  line-height: 12px;
}
.card-comparison .item_price {
  font-size: 20px;
  font-weight: 700;
}
.card-comparison .item_description {
  font-size: 12px;
  color: #898989;
}
.card-comparison .item_sale {
  margin: 15px 0 5px;
  font-size: 12px;
  color: #1AFFF7;
}
.card-comparison .card-comparison_item--5 span:after {
  content: ",";
}
.card-comparison .app_edito_btn {
  width: 100%;
}
.card-comparison .card-comparison--hover {
  display: none;
  transition: all 150ms ease;
}

.card-comparison_item--1 img {
  max-width: 80px;
  margin: 0 auto;
}

.card-comparison_item--3 {
  color: #d9D9D9;
}

.card-comparison_item--4 strong {
  margin-bottom: 5px;
}

.card-comparison .card-comparison_item--5 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.card-comparison_btn {
  padding-inline: 15px;
  height: 40px;
  line-height: 36px;
  display: inline-block;
}
.card-comparison_btn:hover {
  text-decoration: none;
}

.card-callback_btn {
  white-space: nowrap;
}

@container main-zone (max-inline-size:639px) {
  .card-comparison {
    gap: 5px;
  }
  .card-comparison [class*=card-comparison_item] {
    width: 100%;
  }
  .card-comparison > .card-comparison_item--1 {
    width: 30%;
    text-align: left;
  }
  .card-comparison > .card-comparison_item--2 {
    width: 67%;
  }
  .card-comparison_btn {
    width: 100%;
    margin-top: 5px;
  }
  .card-comparison .item_description br {
    display: none;
  }
}
@container main-zone (min-inline-size:640px) {
  .card-comparison [class*=card-comparison_item] {
    flex: 1 0 8em;
  }
  .card-comparison_item--1 {
    max-width: 100px;
  }
  .card-comparison .card-comparison_item--6 {
    text-align: left;
  }
  .card-comparison .item_price,
  .card-comparison .item_description,
  .card-comparison_item--4 strong {
    display: block;
  }
}
@supports not (container-type: inline-size) {
  @media (min-width: 1000px) {
    .card-comparison > div {
      flex: 1 0 8em;
    }
    .card-comparison_item--1 {
      max-width: 100px;
    }
    .card-comparison .card-comparison_item--6 {
      text-align: left;
    }
    .card-comparison .item_price,
    .card-comparison .item_description,
    .card-comparison_item--4 strong {
      display: block;
    }
    .card-comparison .item_name {
      margin-block: 10px;
    }
  }
  @media (max-width: 999px) {
    .card-comparison {
      gap: 5px;
    }
    .card-comparison > div {
      width: 100%;
    }
    .card-comparison > .card-comparison_item--1 {
      width: 30%;
      text-align: left;
    }
    .card-comparison > .card-comparison_item--2 {
      width: 67%;
    }
    .card-comparison_btn {
      width: 100%;
      margin-top: 5px;
    }
    .card-comparison .item_description br {
      display: none;
    }
  }
}
.cp_layout__2-col__item > .gm-vpn-box + .gm-vpn-box {
  margin-top: calc(var(--global-spacing) + 10px);
}

:root {
  --rating-size: 5rem;
  --bar-size: 0.2rem;
  --background-color: #000;
  --rating-color-default: #2980b9;
  --rating-color-background: #000;
  --rating-color-good: #1AFFF7;
  --rating-color-meh: #f1c40f;
  --rating-color-bad: #e74c3c;
}
@media only screen and (min-width: 700px) {
  :root {
    --bar-size:0.4rem ;
  }
}

.rating,
.rating span {
  position: relative;
  display: flex;
}

.rating {
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  background: var(--rating-color-default);
  color: var(--rating-color-default);
  width: var(--rating-size);
  height: var(--rating-size);
  font-size: calc(var(--rating-size) / 3);
  line-height: 1;
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}
@media only screen and (min-width: 700px) {
  .rating {
    width: 5rem;
    height: 5rem;
  }
}
.rating span {
  font-weight: 700;
  z-index: 2;
}
.rating small {
  font-size: 0.5em;
  font-weight: 900;
  align-self: center;
}
.rating:after, .rating:before {
  content: "";
  position: absolute;
  top: var(--bar-size);
  right: var(--bar-size);
  bottom: var(--bar-size);
  left: var(--bar-size);
  border-radius: inherit;
}
.rating:after {
  background: var(--background-color);
  z-index: 1;
}
.rating:before {
  box-shadow: 0 0 0 1rem var(--rating-color-background);
  z-index: -1;
}
.rating.good {
  background: var(--rating-color-good);
  color: var(--rating-color-good);
  margin: auto;
}
.rating.meh {
  background: var(--rating-color-meh);
  color: var(--rating-color-meh);
}
.rating.bad {
  background: var(--rating-color-bad);
  color: var(--rating-color-bad);
}

.gm-vpn-box {
  border-left: 4px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
  background-color: #000;
  position: relative;
}

.gm-vpn-info {
  display: flex;
  gap: 10px;
}
.gm-vpn-info + .gm-vpn-info {
  margin-top: 10px;
}
.gm-vpn-info > [class*=icofont] {
  width: 20px;
  height: 20px;
}
.gm-vpn-info > [class*=icofont]:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}

.gm-vpn-more {
  display: flex;
  flex-direction: column;
}
.gm-vpn-more > * {
  padding-inline: 15px;
}
.gm-vpn-more > *:first-child {
  padding-top: 15px;
}
.gm-vpn-more > *:last-child {
  padding-bottom: 15px;
}
.gm-vpn-more > * + * {
  margin-top: 15px;
}
.gm-vpn-more.flexbox {
  max-height: 100% !important;
  transition: max-height 0.5s ease-in !important;
}

.gm-vpn-hidden {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out;
}

.gm-vpn-detail-scores {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.gm-vpn-detail-scores > * {
  flex: 1 1 13em;
}

.gm-vpn-progress-bar {
  background-color: #666;
  margin-top: 5px;
  height: 5px;
}

.gm-vpn-progress-bar-color {
  height: 5px;
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
}

.gm-vpn-description p {
  font-size: 18px;
  color: #1AFFF7;
  text-align: center;
  font-weight: bold;
}

.icofont-rounded-down, .fa-arrow-down {
  display: inline-block;
  transition: 0.5s;
}
.icofont-rounded-down:before, .fa-arrow-down:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M10.021 16a1.73 1.73 0 0 0 1.196-.496l8.275-8.275a1.725 1.725 0 1 0-2.435-2.445L10 11.84 2.943 4.784A1.725 1.725 0 0 0 .508 7.229l8.275 8.275c.33.325.776.504 1.239.496'/%3E%3C/svg%3E");
}
.icofont-rounded-down.gm-affiliate-rotate:before, .fa-arrow-down.gm-affiliate-rotate:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M9.979 4.281a1.72 1.72 0 0 0-1.196.496L.508 13.05a1.725 1.725 0 1 0 2.435 2.446L10 8.44l7.057 7.057a1.726 1.726 0 0 0 2.435-2.445l-8.275-8.275a1.72 1.72 0 0 0-1.239-.496'/%3E%3C/svg%3E");
}

.more-details {
  background: #303030;
  height: 40px;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media only screen and (min-width: 700px) {
  .more-details {
    height: 40px;
  }
}

.rotate {
  transform: rotate(180deg);
  transition: 0.5s;
}

.gm-vpn-box .gm-vpn-logo img {
  border-radius: 10px;
  width: 150px;
  height: auto;
  display: block;
  margin: 5px auto;
}
.gm-vpn-box .gm-vpn-body {
  padding: 15px;
}
.gm-vpn-box .gm-vpn-body .gm-vpn-logo ~ * {
  margin-top: 15px;
}
.gm-vpn-box .gm-vpn-infos,
.gm-vpn-box .gm-vpn-logo,
.gm-vpn-box .gm-vpn-support {
  max-width: 265px;
  margin-inline: auto;
}
.gm-vpn-box .gm-vpn-support {
  margin-top: 15px;
  gap: 5px;
  display: flex;
  justify-content: space-between;
}
.gm-vpn-box .gm-vpn-support > [class*=icofont] {
  width: 20px;
  height: 20px;
}
.gm-vpn-box .gm-vpn-support > [class*=icofont]:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}
.gm-vpn-box .gm-vpn-score {
  position: absolute;
  top: 0;
  left: 15px;
}
.gm-vpn-box .gm-vpn-link {
  width: 150px;
  margin-inline: auto;
  text-align: center;
}
.gm-vpn-box .gm-vpn-link a {
  display: block;
  margin-inline: auto;
  text-align: center;
}
.gm-vpn-box .gm-vpn-link a + a {
  margin-top: 5px;
}
.gm-vpn-box .gm-vpn-link button {
  width: 150px;
  height: 40px;
  line-height: 36px;
  background-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; /* permet de voir le dégradé à travers le texte */
  border: 1px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
}
.gm-vpn-box .gm-vpn-link button:hover, .gm-vpn-box .gm-vpn-link button:active {
  background-clip: initial;
  color: black;
}
@container main-zone (width > 500px) {
  .gm-vpn-box .gm-vpn-body {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
    position: relative;
  }
  .gm-vpn-box .gm-vpn-body > * {
    flex: 0 0 auto;
  }
  .gm-vpn-box .gm-vpn-body .gm-vpn-logo {
    width: 160px;
  }
  .gm-vpn-box .gm-vpn-link {
    position: absolute;
    bottom: 15px;
    right: 0;
    right: 15px;
  }
  .gm-vpn-box .gm-vpn-score {
    position: relative;
    padding-top: 15px;
    height: 80px;
    width: 150px;
    margin-left: auto;
    left: auto;
  }
  .gm-vpn-box .gm-vpn-infos {
    flex: 1;
  }
  .gm-vpn-box .gm-vpn-link a {
    display: block;
    margin: auto;
    text-align: center;
  }
  .gm-vpn-box .gm-vpn-link a + a {
    margin-top: 5px;
  }
  .gm-vpn-box .gm-vpn-support {
    justify-content: space-between;
  }
}
@supports not (container-type: inline-size) {
  @media (min-width: 501px) and (max-width: 768px), (min-width: 861px) {
    .gm-vpn-box .gm-vpn-body {
      display: flex;
      flex-flow: row wrap;
      padding: 15px;
      gap: 15px;
      position: relative;
    }
    .gm-vpn-box .gm-vpn-body > * {
      flex: 0 0 auto;
    }
    .gm-vpn-box .gm-vpn-body .gm-vpn-logo {
      width: 160px;
    }
    .gm-vpn-box .gm-vpn-link {
      position: absolute;
      bottom: 15px;
      right: 15px;
    }
    .gm-vpn-box .gm-vpn-score {
      position: relative;
      padding-top: 15px;
      height: 80px;
      width: 150px;
      margin-left: auto;
      left: auto;
    }
    .gm-vpn-box .gm-vpn-infos {
      flex: 1;
    }
    .gm-vpn-box .gm-vpn-support {
      justify-content: space-between;
    }
  }
}

.ribbon-2,
.ribbon-gm-vpn-widget {
  --f: 10px;
  --r: 15px;
  --t: -10px;
  position: absolute;
  inset: var(--t) calc(-1 * var(--f)) auto auto;
  height: 35px;
  color: #000;
  padding: 0 10px var(--f) calc(10px + var(--r));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2));
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  box-shadow: 0 calc(-1 * var(--f)) 0 inset rgba(0, 0, 0, 0.3333333333);
  display: flex;
  align-items: center;
}

.gm-vpn-prices {
  display: flex;
  gap: var(--global-spacing);
  flex-direction: column;
}

@container main-zone (width > 480px) {
  .gm-vpn-prices {
    flex-direction: row;
  }
}
@supports not (container-type: inline-size) {
  @media (min-width: 481px) {
    .gm-vpn-prices {
      flex-direction: row;
    }
  }
}
.gm-vpn-price {
  flex: auto;
  background-color: #424242;
  padding: 30px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.gm-vpn-price-head {
  font-size: 20px;
  color: #d9D9D9;
}
.gm-vpn-price-head small {
  font-size: inherit;
}

.gm-vpn-price-duration {
  margin-top: 5px;
  font-size: 14px;
  color: #898989;
}

.gm-vpn-price-link {
  margin-top: 10px;
}
.gm-vpn-price-link button {
  padding-inline: 15px;
  height: 40px;
  line-height: 36px;
}

.gm-vpn-price-ribbon {
  width: 64px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-weight: 700;
  box-shadow: 0 2px 3px rgba(136, 136, 136, 0.25);
  background: #1AFFF7;
  transform: rotate(45deg);
  position: absolute;
  right: -16px;
  top: 5px;
  padding-top: 3px;
}

.widget_gm_vpn_widget .wp_widget_plugin_box h2 {
  margin-bottom: 20px;
}

.gm-vpn-widget {
  display: flex;
  cursor: pointer;
  position: relative;
  padding: 15px;
  gap: 15px;
  border-left: 4px solid #1AFFF7;
  background: #303030;
}
.gm-vpn-widget + .gm-vpn-widget {
  margin-top: 40px;
  position: relative;
}
.gm-vpn-widget + .gm-vpn-widget:before {
  content: "";
  border-top: 1px solid #898989;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 1;
}
.gm-vpn-widget img {
  max-height: 90px;
  max-width: 90px;
  border-radius: 10px;
}
.gm-vpn-widget .gm-vpn-detail {
  display: flex;
  gap: 10px;
  flex-direction: column-reverse;
  align-items: center;
  align-self: center;
  color: #1AFFF7;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}

.gm-vpn-item {
  position: absolute;
  color: #000;
  display: flex;
  align-items: center;
  left: -1px;
  font-size: 17px;
  top: 0;
  padding-left: 5px;
  z-index: 1;
  justify-content: center;
  height: 18px;
  width: 20px;
  background: #1AFFF7;
  font-weight: bold;
}
.gm-vpn-item:after {
  content: "";
  position: absolute;
  left: 20px;
  width: 0;
  top: 0;
  height: 0;
  z-index: 1;
  border-bottom: 17px solid transparent;
  border-left: 9px solid #1AFFF7;
}

.fx-toc {
  margin-bottom: 20px;
  background: #000;
  transition: opacity 0.25s ease-in-out;
  z-index: 88;
}
.fx-toc.js-is-sticky {
  z-index: 99;
}

.fx-toc-list {
  overflow: hidden;
  list-style: none;
  padding: 0 15px;
  margin: 0;
  max-height: 600px;
}
.fx-toc-list li + li {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #898989;
}
.fx-toc-list li:first-child {
  padding-top: 15px;
}
.fx-toc-list li:first-child:before {
  top: 15px;
}
.fx-toc-list li:last-child {
  padding-bottom: 15px;
}
.fx-toc-list a {
  color: #d9D9D9;
  text-decoration: none;
}
.fx-toc-list a:hover {
  text-decoration: underline;
}
.collapsed .fx-toc-list {
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.fx-toc-title {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  padding: 10px 10px 10px 50px;
  position: relative;
}
.fx-toc-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
}
.fx-toc-title:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231AFFF7' d='M10.021 16a1.73 1.73 0 0 0 1.196-.496l8.275-8.275a1.725 1.725 0 1 0-2.435-2.445L10 11.84 2.943 4.784A1.725 1.725 0 0 0 .508 7.229l8.275 8.275c.33.325.776.504 1.239.496'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
  left: 10px;
  top: 10px;
}
.collapsed .fx-toc-title:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231AFFF7' d='M16 9.979a1.72 1.72 0 0 0-.496-1.196L7.23.508a1.725 1.725 0 1 0-2.445 2.435L11.84 10l-7.056 7.056a1.725 1.725 0 0 0 2.445 2.435l8.275-8.274c.325-.33.504-.777.496-1.24z'/%3E%3C/svg%3E");
  top: 10px;
}

@media (min-width: 1000px) {
  .lg\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--global-spacing);
  }
}
@media (min-width: 1000px) {
  .gmma-products-listing > * > div:has(.gm-product-image) {
    float: left;
    margin-right: var(--global-spacing);
  }
  .gmma-products-listing .gm-product-listing {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
.gm-product-image {
  display: block;
  width: 200px;
  margin-inline: auto;
  margin-bottom: var(--global-spacing);
  height: 200px;
  object-fit: cover;
}

.gmma-products-carousel .gm-product-image {
  margin-inline: auto;
}

.gm-product-title {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.gm-product-affiliate {
  font-weight: bold;
}

.gmma-products-priice .gm-product-price {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.gmma-products-carousel .gm-product-price {
  text-align: left;
}

.gmma-products-listing .gm-product-price {
  text-align: right;
}

.gm-affiliate-display-none {
  display: none;
}
.gm-affiliate-display-none.gm-affiliate-display-show {
  display: block;
}

.gm-affiliate-show-more {
  background: #303030;
  height: 40px;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: var(--global-spacing);
}
@media only screen and (min-width: 700px) {
  .gm-affiliate-show-more {
    height: 40px;
  }
}

.gm-product-title {
  margin-bottom: var(--global-spacing);
}

.mt-2 > .flex > .flex + .flex {
  border-top: 1px solid #898989;
  margin-top: var(--global-spacing);
  padding-top: var(--global-spacing);
}
.mt-2 > .flex > .flex > * {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.mt-2 > .flex > .flex > * > *:first-child {
  width: 45px;
}
.mt-2 > .flex > .flex > * > *:first-child img {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background-color: #fff;
}
.mt-2 > .flex > .flex > * > *:first-child + * {
  flex: 1;
}
.mt-2 > .flex > .flex > * > *:last-child {
  margin-left: auto;
}
.mt-2 > .flex > .flex > * .flex.item-center.ml-auto span,
.mt-2 > .flex > .flex > * .gm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 40px;
  padding: 4px 20px;
  font-weight: 16px;
  cursor: pointer;
  white-space: nowrap;
}

.tablepress {
  width: 100%;
}
.tablepress thead tr {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  color: #000;
}
.tablepress thead tr th {
  padding: 10px 20px;
}
.tablepress tbody tr td {
  padding: 10px 20px;
  font-weight: normal;
}
.tablepress tbody tr td strong {
  font-weight: normal;
}
.tablepress tbody tr:nth-child(odd) {
  background-color: #000;
}
.tablepress tbody tr:nth-child(even) {
  background-color: #303030;
}

.wp-caption-text {
  background-color: #303030;
  font-size: 12px;
  color: #d9D9D9;
  padding: 10px;
}

[data-feed-main-container-id][id*=taboola] .video-label-box {
  color: #d9D9D9;
  font-family: "Saira Semi Condensed", sans-serif;
}
[data-feed-main-container-id][id*=taboola] .video-label-box .video-label {
  color: #fff;
  font-weight: bold;
}

#ad-container #taboola .thumbnails-b {
  border: 0;
}

.overflow-y-auto {
  overflow-y: auto;
}

.test-post-header .priice > * {
  max-height: 315px;
  overflow: auto;
  padding-inline: var(--global-spacing);
}
@media (min-width: 768px) {
  .test-post-header .priice > * {
    max-height: 435px;
  }
}
@media (min-width: 1000px) {
  .test-post-header .priice > * {
    max-height: 407px;
  }
}

.pa_search .cp_form__input {
  width: 100%;
}
.pa_search .cp_form--inline .button--gradient, .pa_search .cp_form--inline .call-to-action a, .call-to-action .pa_search .cp_form--inline a, .pa_search .cp_form--inline .app_edito_na .app_edito_btn, .app_edito_na .pa_search .cp_form--inline .app_edito_btn, .pa_search .cp_form--inline .card-comparison_btn, .pa_search .cp_form--inline .gm-vpn-price-link button, .gm-vpn-price-link .pa_search .cp_form--inline button, .pa_search .cp_form--inline .mt-2 > .flex > .flex > * .flex.item-center.ml-auto span, .mt-2 > .flex > .flex > * .flex.item-center.ml-auto .pa_search .cp_form--inline span,
.pa_search .cp_form--inline .mt-2 > .flex > .flex > * .gm-button,
.mt-2 > .flex > .flex > * .pa_search .cp_form--inline .gm-button {
  margin: 0;
}
.pa_search table.gsc-above-wrapper-area-container {
  margin: 0;
}
.pa_search .gsc-result-info, .pa_search .gsc-orderby-container,
.pa_search .gsc-orderby-label,
.pa_search .gsc-control-cse .gsc-option-menu-container, .pa_search .gsc-selected-option {
  padding: 0;
  color: #9E9E9E;
}
.pa_search .gs-spelling {
  color: #d9D9D9;
}
.pa_search .gs-spelling i {
  color: #1AFFF7;
}
.pa_search .gsc-result-info {
  display: none;
}
.pa_search .gsc-control-cse .gsc-selected-option-container {
  display: inline-flex;
  vertical-align: middle;
  height: 30px;
  border: 1px solid #9E9E9E;
  align-items: center;
  padding-inline: 5px;
}
.pa_search .gsc-orderby {
  display: inline-flex;
  vertical-align: middle;
  gap: 10px;
  margin-left: auto;
  align-items: center;
}
.pa_search .gsc-control-cse .gsc-option-menu {
  top: 100% !important;
  background: #000;
  border: 0;
  padding: 0;
  border-radius: 0;
  right: 0;
  left: auto;
}
.pa_search .gsc-option-menu-item:hover, .pa_search .gsc-option-menu-item-highlighted {
  background: none;
}
.pa_search .gsc-option-menu-item:hover .gsc-option, .pa_search .gsc-option-menu-item-highlighted .gsc-option {
  color: #1AFFF7;
}

.responsive-container.embed-youtube-com {
  padding-bottom: 56.25%;
  max-width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.responsive-container.embed-youtube-com iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

[class*=phonandroid] .wonderpush-bell {
  width: 40px;
  height: 40px;
}
[class*=phonandroid] .wonderpush-bell .wonderpush-icon-container {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
}
[class*=phonandroid] .wonderpush-bell .wonderpush-icon-container .wonderpush-icon {
  mask-image: none !important;
  mask-image: none !important;
  background: none;
  width: 20px;
  height: 20px;
}
[class*=phonandroid] .wonderpush-bell .wonderpush-icon-container .wonderpush-icon:before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='m16.947 16.654-1.288-2.213a6.73 6.73 0 0 1-.909-3.383V9.12c0-2.447-1.584-4.517-3.75-5.184V2.547C11 1.694 10.327 1 9.5 1 8.672 1 8 1.694 8 2.547v1.388c-2.166.667-3.75 2.737-3.75 5.184v1.94c0 1.19-.315 2.36-.909 3.38l-1.288 2.214a.4.4 0 0 0-.004.39c.067.121.19.196.325.196h14.251c.135 0 .26-.075.326-.196a.4.4 0 0 0-.004-.39M6.938 18.453C7.36 19.364 8.256 20 9.299 20s1.94-.636 2.362-1.547z'/%3E%3C/svg%3E");
}

.hbv-native .content-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 113px;
  height: 113px;
}

.hbv-native .app_edito_title_2 {
  flex: 1 1 auto;
}

.app_edito_na {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #000E1B;
  font-size: 14px;
  position: relative;
  padding-block: 15px;
}
.app_edito_na:after {
  background-color: #000E1B;
  bottom: -6px;
  color: #d9D9D9;
  content: attr(data-sponsor);
  font-size: 12px;
  line-height: 1;
  padding-left: 5px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
.app_edito_na .app_edito_na__img {
  background-color: #000E1B;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-bottom: 56.3%;
  width: 100%;
}
.app_edito_na a {
  text-decoration: none !important;
}
.app_edito_na .app_edito_title_2 {
  display: block;
  margin: 0.5em 0;
  color: #fff;
}
.app_edito_na p {
  color: #d9D9D9;
}

@media (min-width: 481px) {
  .app_edito_na a {
    display: flex;
  }
  .app_edito_na.app_edito_na--inside a {
    align-items: flex-start;
  }
  .app_edito_na.app_edito_na--inside .app_edito_title_2 {
    margin-top: 0;
  }
  .app_edito_na.app_edito_na--above a {
    align-items: center;
    flex-wrap: wrap;
  }
  .app_edito_na.app_edito_na--above .app_edito_title_2 {
    margin-right: 20px;
  }
  .app_edito_na .app_edito_na__img {
    flex-shrink: 0 !important;
    height: 112.5px;
    padding-bottom: 0;
    width: 200px;
  }
  .app_edito_na div {
    margin-left: 20px;
  }
}
@media (max-width: 480px) {
  .app_edito_na button {
    margin-bottom: 10px;
    width: 100%;
  }
  .app_edito_na a > .app_edito_title_2 {
    text-align: center;
  }
}
.app_ico_native_ads {
  color: #43b9ff;
  display: inline;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  margin-left: 10px;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
}

.app_ico_native_ads:before {
  height: 60%;
  left: 6%;
  top: 20%;
  width: 88%;
}

.app_ico_native_ads:after, .app_ico_native_ads:before {
  border-left: 2px solid #43b9ff;
  border-right: 2px solid #43b9ff;
  content: "";
  position: absolute;
}

.app_ico_native_ads:after {
  height: 80%;
  left: 0;
  top: 10%;
  width: 100%;
}

.app_ico_native_ads.app_ico_native_ads--med {
  font-size: 1rem;
}

.app_ico_native_ads.app_ico_native_ads--large {
  font-size: 1.125rem;
}

#ctn_native_atf iframe {
  min-height: 113px;
  height: 113px;
}

.title a, .title a:hover {
  color: #fff;
}

.advertiser a, .advertiser a:hover {
  color: #d9D9D9;
}

.pa_sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wp-caption[style*=width] {
  max-width: 100%;
  margin-inline: auto;
}

html {
  color-scheme: light dark;
}

* {
  forced-color-adjust: none;
}

figure, p {
  margin: 0;
}

@media (max-width: 480px) {
  p {
    line-height: 1.4;
  }
}
p {
  color: #d9D9D9;
}

img {
  display: block;
  margin-inline: auto;
}

.icofont-undo:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M9.983 2.292q-.51 0-1.009.054L9.015.47A.46.46 0 0 0 8.79.067a.48.48 0 0 0-.469-.01L2.152 3.383a.46.46 0 0 0-.243.393.46.46 0 0 0 .226.404l6.018 3.583a.48.48 0 0 0 .469.01.46.46 0 0 0 .242-.394l.039-1.768q.53-.1 1.08-.1c3.165 0 5.74 2.527 5.74 5.635s-2.575 5.635-5.74 5.635c-2.974 0-5.43-2.188-5.713-5.089-.086-.885-.884-1.533-1.787-1.449-.902.085-1.562.871-1.475 1.756C1.453 16.56 5.31 20 9.983 20 14.955 20 19 16.028 19 11.146s-4.045-8.854-9.017-8.854'/%3E%3C/svg%3E");
}

.icofont-database:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' fill-rule='evenodd' d='M15.951 1.036C14.567.396 12.641 0 10.5 0S6.433.396 5.049 1.036C3.783 1.62 3 2.384 3 3.188c0 .803.783 1.566 2.049 2.151 1.384.64 3.31 1.036 5.45 1.036s4.068-.396 5.452-1.036C17.217 4.754 18 3.991 18 3.188c0-.804-.783-1.567-2.049-2.152m-9.1 7.293a.5.5 0 0 1 .31.234.52.52 0 0 1-.173.704.5.5 0 0 1-.383.057 12 12 0 0 1-1.235-.389.5.5 0 0 1-.283-.266.52.52 0 0 1 .25-.679.5.5 0 0 1 .386-.012q.256.096.547.188.27.084.581.164m-3.85-.65V5.3a6.3 6.3 0 0 0 1.623 1.082c1.514.724 3.592 1.174 5.876 1.174s4.362-.45 5.876-1.174A6.3 6.3 0 0 0 18 5.301V7.68c0 .843-.785 1.64-2.055 2.248-1.384.664-3.308 1.074-5.445 1.074s-4.062-.41-5.446-1.074C3.785 9.32 3 8.523 3 7.68m3.85 5.124a.5.5 0 0 1 .31.234.52.52 0 0 1-.173.703.5.5 0 0 1-.383.058q-.312-.08-.632-.181a11 11 0 0 1-.603-.208.5.5 0 0 1-.282-.267.517.517 0 0 1 .249-.678.5.5 0 0 1 .385-.014 10 10 0 0 0 1.128.353zm-3.85-.65c0 .843.784 1.641 2.054 2.249 1.383.663 3.308 1.073 5.445 1.073s4.061-.41 5.445-1.073c1.27-.608 2.055-1.406 2.055-2.249V9.774a6.3 6.3 0 0 1-1.624 1.08c-1.514.726-3.592 1.174-5.876 1.174s-4.363-.448-5.876-1.173A6.3 6.3 0 0 1 3 9.774zM18 14.247v2.565c0 .804-.783 1.567-2.049 2.152-1.384.64-3.31 1.036-5.451 1.036s-4.067-.396-5.451-1.036C3.783 18.38 3 17.616 3 16.812v-2.565a6.3 6.3 0 0 0 1.624 1.081c1.513.725 3.592 1.174 5.876 1.174s4.363-.449 5.876-1.174A6.3 6.3 0 0 0 18 14.248m-11.149 3.03a10.386 10.386 0 0 1-1.129-.353.5.5 0 0 0-.385.014.519.519 0 0 0-.248.678c.056.123.157.219.282.266a11 11 0 0 0 1.235.389c.13.031.266.01.38-.06a.52.52 0 0 0 .172-.7.5.5 0 0 0-.307-.235' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icofont-connection:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' fill-rule='evenodd' d='M15.39 12.21a2.71 2.71 0 0 0-.946 2.055c0 1.51 1.245 2.735 2.778 2.735S20 15.775 20 14.265s-1.245-2.734-2.778-2.734q-.456.002-.869.136L14.61 8.664a2.71 2.71 0 0 0 .946-2.055c0-1.509-1.245-2.734-2.778-2.734S10 5.1 10 6.609c0 .43.101.837.28 1.199L7.995 9.476a2.8 2.8 0 0 0-2.336-.69L4.239 5.06a2.72 2.72 0 0 0 1.317-2.325C5.556 1.226 4.31 0 2.778 0S0 1.225 0 2.735s1.245 2.734 2.778 2.734q.214 0 .419-.03L4.62 9.176a2.72 2.72 0 0 0-1.287 2.307c0 1.51 1.245 2.734 2.778 2.734s2.778-1.225 2.778-2.734c0-.399-.088-.778-.244-1.12l2.313-1.689a2.8 2.8 0 0 0 1.82.669q.457-.002.868-.136z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icofont-google-map:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M10 0a7 7 0 0 0-7 7c0 1.511.489 3.245 1.311 4.4L10 20l5.689-8.6c.822-1.156 1.31-2.867 1.31-4.4 0-3.867-3.132-7-7-7m0 9.667A2.674 2.674 0 0 1 7.333 7c0-1.467 1.2-2.667 2.667-2.667s2.667 1.2 2.667 2.667-1.2 2.667-2.667 2.667'/%3E%3C/svg%3E");
}

.icofont-brand-windows:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M0 3.333v6.004h8.577V2.283zm9.531-1.096v7.42h9.848V1zm0 8.383v7.42l9.848 1.236V10.62zM0 10.94v6.003l8.577 1.05V10.94z'/%3E%3C/svg%3E");
}

.icofont-imac:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M19.412 3H.588A.584.584 0 0 0 0 3.576V14.61c0 .317.265.576.588.576H8.5l-.176.922-3.589.518c-.176.087-.117.375.089.375h10.353c.205 0 .264-.26.088-.375l-3.618-.547-.147-.893h7.912c.323 0 .588-.26.588-.576V3.576A.584.584 0 0 0 19.412 3m-.235 11.235a.2.2 0 0 1-.206.201H1.029a.2.2 0 0 1-.205-.201V4.037a.2.2 0 0 1 .205-.202h17.912a.2.2 0 0 1 .206.202v10.198z'/%3E%3C/svg%3E");
}

.icofont-brand-apple:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M15.363 10.99c-.025-2.437 2.03-3.603 2.122-3.661-1.155-1.65-2.952-1.878-3.594-1.903-1.528-.153-2.984.88-3.761.88-.775 0-1.974-.859-3.242-.837-1.67.026-3.205.95-4.065 2.41-1.733 2.942-.444 7.299 1.244 9.688.826 1.167 1.811 2.478 3.102 2.432 1.245-.049 1.715-.788 3.22-.788s1.927.788 3.243.764c1.34-.025 2.187-1.19 3.005-2.36.949-1.356 1.339-2.67 1.363-2.735-.031-.017-2.61-.982-2.637-3.89'/%3E%3Cpath fill='%23d9D9D9' d='M12.824 4.052c.658-.808 1.104-1.932.982-3.052-.95.039-2.099.638-2.781 1.447-.612.716-1.144 1.858-1.002 2.956 1.06.085 2.143-.545 2.8-1.351'/%3E%3C/svg%3E");
}

.icofont-brand-android-robot:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M14.173 7.532H5.827a.417.417 0 0 0-.417.416v6.65c0 1.003.718 1.842 1.67 2.036v2.12A1.25 1.25 0 0 0 8.33 20c.69 0 1.252-.56 1.252-1.247v-2.078h.835v2.078A1.25 1.25 0 0 0 11.67 20c.69 0 1.251-.56 1.251-1.247v-2.12a2.08 2.08 0 0 0 1.67-2.036V7.948a.416.416 0 0 0-.418-.416m-1.989-5.283.704-1.66a.423.423 0 0 0-.22-.554.414.414 0 0 0-.547.222l-.704 1.661a4.5 4.5 0 0 0-1.416-.229c-.494 0-.97.082-1.416.229L7.88.258a.413.413 0 0 0-.548-.223.423.423 0 0 0-.218.554l.703 1.66A4.65 4.65 0 0 0 5.41 6.33a.42.42 0 0 0 .417.422h8.346a.42.42 0 0 0 .418-.422c0-1.76-.974-3.295-2.407-4.082M8.331 5.065a.42.42 0 0 1-.417-.422.42.42 0 0 1 .417-.422c.23 0 .417.19.417.422a.42.42 0 0 1-.417.422m3.339 0a.42.42 0 0 1-.418-.422.42.42 0 0 1 .417-.422c.23 0 .418.19.418.422a.42.42 0 0 1-.418.422m5.021 2.467c-.723 0-1.311.569-1.311 1.267v4.22c0 .699.588 1.267 1.311 1.267s1.312-.568 1.312-1.266V8.799c0-.698-.588-1.267-1.312-1.267m-13.379 0C2.588 7.532 2 8.101 2 8.8v4.22c0 .699.588 1.267 1.311 1.267.724 0 1.312-.568 1.312-1.266V8.799c0-.698-.588-1.267-1.312-1.267'/%3E%3C/svg%3E");
}

.icofont-brand-linux:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23d9D9D9' d='M17.504 16.255c-.55-.228-.785-.53-.762-.982.023-.528-.272-.914-.412-1.067.085-.328.332-1.462 0-2.447-.356-1.055-1.444-2.666-2.568-4.25-.46-.65-.481-1.356-.506-2.175-.024-.78-.052-1.665-.48-2.649C12.308 1.615 11.371 1 10.205 1c-.694 0-1.406.22-1.954.603-1.122.786-.974 2.498-.876 3.632.014.155.026.301.034.426.065 1.11.006 1.695-.072 1.873-.05.116-.298.447-.56.797-.271.362-.579.772-.83 1.155-.301.46-.544 1.163-.778 1.844-.172.497-.334.967-.492 1.249-.3.54-.225 1.044-.163 1.277-.113.08-.277.237-.415.533-.167.361-.505.555-1.21.693-.323.067-.547.205-.663.41-.17.298-.078.674.007.93.124.377.047.615-.095 1.048-.032.1-.07.213-.106.338a.62.62 0 0 0 .063.532c.266.412 1.042.558 1.84.654.478.057 1 .25 1.505.438.495.183 1.007.373 1.472.43q.105.015.208.014c.703 0 1.02-.473 1.12-.667.253-.052 1.123-.22 2.02-.242a8.7 8.7 0 0 1 2.007.21c.077.15.28.491.604.668.179.098.427.155.68.155.272 0 .788-.065 1.196-.5.408-.439 1.426-.997 2.169-1.406.165-.09.32-.176.457-.253.417-.235.645-.57.625-.92a.78.78 0 0 0-.495-.666m-9.243-.084c-.052-.371-.523-.74-1.068-1.166-.446-.348-.952-.744-1.09-1.078-.289-.69-.062-1.904.334-2.53.195-.312.355-.787.51-1.246.166-.496.338-1.008.531-1.232.306-.35.588-1.032.638-1.57.286.278.73.629 1.139.629a.7.7 0 0 0 .183-.025c.28-.082.692-.324 1.091-.558.344-.201.768-.45.928-.472.273.398 1.862 3.965 2.025 5.11a5.5 5.5 0 0 1-.076 1.95 1.4 1.4 0 0 0-.189-.014c-.443 0-.56.245-.59.392-.079.38-.087 1.596-.088 1.869-.16.206-.97 1.177-2.132 1.352-.473.07-.915.105-1.314.105-.34 0-.557-.027-.648-.04l-.584-.678c.23-.116.46-.359.4-.798m.741-11.175-.054.026a1 1 0 0 0-.012-.122c-.064-.372-.307-.642-.578-.642q-.03 0-.063.005c-.161.027-.288.15-.357.325.06-.383.274-.667.528-.667.298 0 .55.408.55.89q0 .089-.014.185m2.315.287a1 1 0 0 0 .042-.282c0-.437-.273-.78-.622-.78-.341 0-.619.35-.619.78q0 .044.004.088l-.053-.02q-.059-.182-.059-.375c0-.523.33-.948.734-.948.405 0 .734.425.734.948 0 .217-.059.424-.161.59M11.018 6.3c-.005.027-.018.038-.155.11-.07.037-.155.083-.263.15l-.072.044c-.29.178-.969.595-1.153.62-.125.017-.203-.033-.377-.152l-.125-.085c-.314-.209-.516-.439-.538-.529.102-.08.355-.28.485-.4.264-.248.529-.415.66-.415q.01 0 .02.002c.154.027.534.181.812.294.128.052.24.097.317.125.246.086.374.195.39.236m2.208 11.61c.14-.634.299-1.497.273-2.006a13 13 0 0 0-.026-.363c-.018-.227-.045-.565-.017-.665l.018-.007c.002.291.064.871.521 1.073q.205.09.463.091c.458 0 .967-.228 1.175-.439.122-.124.226-.276.298-.397a.5.5 0 0 1 .02.187c-.027.43.178.998.57 1.208l.057.03c.139.074.509.271.515.365 0 0-.003.01-.024.03-.093.086-.419.255-.734.419-.56.29-1.194.618-1.48.922-.4.428-.854.715-1.128.715a.3.3 0 0 1-.09-.012c-.297-.095-.542-.53-.41-1.15M3.085 16.292c-.03-.144-.055-.258-.029-.368.019-.081.416-.169.586-.206.238-.053.485-.107.646-.206.218-.134.336-.381.44-.6.076-.157.154-.32.247-.374a.1.1 0 0 1 .028-.006c.174 0 .538.37.748.701.053.084.152.251.266.445.341.58.809 1.373 1.053 1.638.22.24.576.699.488 1.093-.064.306-.405.555-.486.61a.5.5 0 0 1-.108.01c-.467 0-1.392-.394-1.889-.606l-.073-.031c-.278-.119-.73-.193-1.168-.265-.349-.057-.826-.135-.905-.206-.065-.073.01-.31.075-.52.048-.15.096-.305.123-.468.038-.26-.006-.471-.042-.64'/%3E%3C/svg%3E");
}

.icofont-wifi-router:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg fill='%23d9D9D9'%3E%3Cpath d='M16.377 10.885h-.078V7.258a.643.643 0 0 0-1.286 0v3.627H3.623a3.623 3.623 0 1 0 0 7.248h12.753a3.623 3.623 0 0 0 .001-7.248M3.523 15.283a.774.774 0 1 1 0-1.547.774.774 0 0 1 0 1.547m2.5 0a.774.774 0 1 1 0-1.547.774.774 0 0 1 0 1.547m4.632-.131H8.452a.643.643 0 1 1 0-1.286h2.203a.643.643 0 0 1 0 1.286m2.817-10.178a.644.644 0 0 0 .662 1.102c.83-.499 2.21-.499 3.04 0a.644.644 0 1 0 .663-1.102c-1.242-.748-3.124-.747-4.365 0'/%3E%3Cpath d='M12.46 4.272a.64.64 0 0 0 .382-.126c.748-.555 1.747-.86 2.813-.86 1.068 0 2.066.305 2.813.86a.644.644 0 0 0 .767-1.032C18.268 2.396 16.997 2 15.655 2c-1.34 0-2.611.395-3.579 1.114a.644.644 0 0 0 .384 1.158'/%3E%3C/g%3E%3C/svg%3E");
}

div#ba_right > * {
  margin: auto;
  display: block;
}

.app--ark,
.app--ark .cp_layout-niveau-1 .cp_layout-main__content,
body:not(.pa-home) .cp_layout-main__content {
  background-color: #000E1B !important;
}

.cp_layout-main__content > *:not(.ccmcss_oas_top) {
  margin-top: calc(var(--global-spacing) * 1.5);
}

.pa-home .ccmcss_oas_top {
  top: calc(var(--global-spacing) * 0.75);
}

[class*=col__zone] > * + *,
.cp_layout__2-col__item > * + * {
  margin-top: calc(var(--global-spacing) * 1);
}
[class*=col__zone] > h2 + *,
.cp_layout__2-col__item > h2 + * {
  margin-top: 10px;
}
[class*=col__zone] > .widget-box:first-child + *,
.cp_layout__2-col__item > .widget-box:first-child + * {
  margin-top: 0;
}

.cp_layout__2-col--col1 [class*=col__zone] > * + *,
.cp_layout__2-col--col1 .cp_layout__2-col__item > * + *,
.cp_layout__2-col--col1 .pa_news__wrapper > * + * {
  margin-top: calc(var(--global-spacing) * 1.5);
}

.widget-box:has(*[style*="height: 0"]), .widget-box:has(*[style*="height:0"]) {
  margin-top: 0;
}

body.videopremium .ccmcss_oas_top {
  display: none !important;
}
body.videopremium .cp_videopremium {
  margin-top: 0;
}
body.videopremium .cp_layout__2-col--col2 {
  margin-top: calc(var(--global-spacing) * 1.5);
}
body.videopremium .cp_layout-main__content > *,
body.videopremium .cp_videopremium + * {
  margin-top: 0;
}

.pa_figure {
  border-radius: 10px;
  background-color: transparent;
  overflow: hidden;
}
.pa_figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hr--gradient {
  border: 1px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
}

.button--gradient, .card-comparison_btn, .gm-vpn-price-link button, .mt-2 > .flex > .flex > * .flex.item-center.ml-auto span,
.mt-2 > .flex > .flex > * .gm-button, .app_edito_na .app_edito_btn, .call-to-action a, .call-to-action a:hover {
  background-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; /* permet de voir le dégradé à travers le texte */
  border: 1px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
  font-size: 16px;
}
.button--gradient:hover, .card-comparison_btn:hover, .gm-vpn-price-link button:hover, .mt-2 > .flex > .flex > * .flex.item-center.ml-auto span:hover,
.mt-2 > .flex > .flex > * .gm-button:hover, .app_edito_na .app_edito_btn:hover, .call-to-action a:hover, .button--gradient:active, .card-comparison_btn:active, .gm-vpn-price-link button:active, .mt-2 > .flex > .flex > * .flex.item-center.ml-auto span:active,
.mt-2 > .flex > .flex > * .gm-button:active, .app_edito_na .app_edito_btn:active, .call-to-action a:active {
  background-clip: initial;
  color: black;
}
.button--gradient.cta-with-picto, .cta-with-picto.card-comparison_btn, .gm-vpn-price-link button.cta-with-picto, .mt-2 > .flex > .flex > * .flex.item-center.ml-auto span.cta-with-picto,
.mt-2 > .flex > .flex > * .cta-with-picto.gm-button, .app_edito_na .cta-with-picto.app_edito_btn, .call-to-action a.cta-with-picto {
  color: #1AFFF7;
  height: 40px;
  line-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: normal;
}
.button--gradient.cta-with-picto:hover, .cta-with-picto.card-comparison_btn:hover, .gm-vpn-price-link button.cta-with-picto:hover, .mt-2 > .flex > .flex > * .flex.item-center.ml-auto span.cta-with-picto:hover,
.mt-2 > .flex > .flex > * .cta-with-picto.gm-button:hover, .app_edito_na .cta-with-picto.app_edito_btn:hover, .call-to-action a.cta-with-picto:hover {
  color: #000;
}

.text--gradient, article h2, .card-comparison .item_price, .gm-vpn-description p, .fx-toc-title {
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text--gradient.cta-with-picto, article h2.cta-with-picto, .card-comparison .cta-with-picto.item_price, .gm-vpn-description p.cta-with-picto, .cta-with-picto.fx-toc-title {
  height: 40px;
  line-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.text--gradient--red {
  background: linear-gradient(90deg, #F27D2F 0%, #F23B2F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border--gradient, .fx-toc-title:before {
  border: 1px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
}

.border--gradient--red {
  border: 1px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #F27D2F 0%, #F23B2F 100%) 1;
}

@container main-zone (width < 481px) {
  .cta-with-picto:has(> svg) {
    text-indent: -9999em;
    overflow: hidden;
    gap: 0 !important;
  }
}
@supports not (container-type: inline-size) {
  @media (max-width: 480px) {
    .cta-with-picto:has(> svg) {
      text-indent: -9999em;
      overflow: hidden;
      gap: 0 !important;
    }
  }
}
.ico-svg {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

h2.ico-svg {
  display: flex;
}

.cp_layout__2-col--col2 h2, .cp_layout__col__header h2 {
  margin-block: 0;
}

h2 {
  font-size: 24px;
  text-transform: uppercase;
}

article h2 {
  font-size: 24px;
  text-transform: none;
}
article h3 {
  text-transform: uppercase;
}

:where(.list--event, .list--marker-fire, .list--cine, ul[class]) {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
:where(.list--event, .list--marker-fire, .list--cine, ul[class]) a {
  display: block;
}
:where(.list--event, .list--marker-fire, .list--cine, ul[class]) a, :where(.list--event, .list--marker-fire, .list--cine, ul[class]) a:visited {
  color: inherit;
  text-decoration: none;
}
:where(.list--event, .list--marker-fire, .list--cine, ul[class]) a:hover, :where(.list--event, .list--marker-fire, .list--cine, ul[class]) a:active {
  color: inherit;
  text-decoration: underline;
}

.list--event li:after {
  content: "";
  display: table;
  overflow: hidden;
  width: auto;
  clear: both;
}
.list--event li + li {
  margin-top: 7px;
}
.list--event li > *, .list--event li time, .list--event li .event-location {
  display: block;
}
.list--event svg {
  float: right;
  margin-left: 5px;
  height: 40px;
  width: 40px;
  padding: 9px;
}
.list--event strong {
  color: #fff;
  display: block;
}
.list--event time, .list--event span {
  color: #d9D9D9;
}

.list--event-with-pic figure {
  float: left;
  width: 73px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
  background-color: transparent;
}
.list--event-with-pic figure img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}

.list--cine figure {
  border-radius: 10px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
.list--cine li:after {
  content: "";
  display: table;
  overflow: hidden;
}

.list--marker-fire {
  color: #fff;
}
.list--marker-fire li {
  display: flex;
  gap: 10px;
}
.list--marker-fire li + li {
  margin-top: 7px;
}
.list--marker-fire li:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3ClinearGradient id='gradient20x20' x1='.5' x2='20.5' y1='10.5' y2='10.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231afff7'/%3E%3Cstop offset='1' stop-color='%2300f47a'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23gradient20x20)' d='M13.19.216s-1.206 2.076-.16 4.2S14.992 8.214 14.782 10c0 0 .53-2.897 3.218-3.654 0 0-.997 1.883-.45 4.539s-.693 7.612-5.778 8.9c0 0 4.506-2.398 1.271-6.293 0 0-.08 1.915-1.746 2.486 0 0 2.623-4.466-1.239-8.618 0 0 .885 2.881-2.076 5.344-2.96 2.462-1.496 6.42.21 6.967 0 0-9.302-4.152-3.766-12.713 0 0 .193 1.947 1.61 2.704 0 0-.21-8.352 7.153-9.446'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.list--figure-and-text li + li {
  margin-top: 7px;
}
.list--figure-and-text li:not(:has(> a)), .list--figure-and-text li > a {
  display: flex;
  gap: 10px;
  align-items: center;
}
.list--figure-and-text figure {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  flex: 0 0 auto;
}
.list--figure-and-text p {
  font-size: 16px;
  line-height: 140%;
}

.pa_box, .pa_scale__wrapper, .cp_layout__2-col--col2 .cp_layout__2-col__item, .card-comparison, .cp_layout__2-col .gmma-products > * {
  background-color: #000;
  padding: var(--global-spacing);
  border: 1px solid #222;
}

.pa_box--nl p {
  color: #fff;
}

.pa_news__item {
  display: grid;
  column-gap: var(--global-spacing);
  grid-template-areas: "a b" "a d";
  grid-auto-rows: auto 100%;
  grid-template-columns: auto 1fr;
}

.pa_news__item__image {
  grid-area: a;
  position: relative;
}
.pa_news__item__image:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='106' fill='none'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h96c5.523 0 10 4.477 10 10v86c0 5.523-4.477 10-10 10H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M0 0h106zm107 96c0 6.075-4.925 11-11 11H0v-2h96a9 9 0 0 0 9-9zM0 106V0zM96 0c6.075 0 11 4.925 11 11v85c0 6.075-4.925 11-11 11v-2a9 9 0 0 0 9-9V10c0-5.523-4.029-10-9-10' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='53' x2='131.033' y1='0' y2='82.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.382' stop-color='%231e1e1e'/%3E%3Cstop offset='.689' stop-color='%231afff5'/%3E%3Cstop offset='.995' stop-color='%2300f47a'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  position: absolute;
  top: 0;
  left: 0;
  width: 106px;
  height: 106px;
  pointer-events: none;
}
.pa_news__item__image figure {
  height: 100px;
  width: 100px;
  margin: 0 10px 10px 0;
}

.pa_news__item__titre {
  grid-area: b;
  margin: 0;
}

.pa_news__item__description {
  grid-area: c;
  margin: 5px 0 0 0;
  font-size: 14px;
  color: #d9D9D9;
  display: none;
}

.pa_news__item__footer {
  grid-area: d;
}
.pa_news__item__footer .cp_acs_author > * {
  display: inline-block;
  vertical-align: baseline;
  color: #d9D9D9;
  font-size: 14px;
}
.pa_news__item__footer .cp_acs_author__date time {
  font-style: italic;
  color: #d9D9D9;
  font-size: 12px;
}

@container main-zone (width > 500px) {
  .pa_news__item {
    grid-template-areas: "a b" "a c" "a d";
    grid-auto-rows: auto auto 100%;
  }
  .pa_news__item__image:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206' height='152' fill='none'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h196c5.523 0 10 4.477 10 10v132c0 5.523-4.477 10-10 10H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M0 0h206zm207.5 142c0 6.351-5.149 11.5-11.5 11.5H0v-3h196a8.5 8.5 0 0 0 8.5-8.5zM0 152V0zM196 0c6.351 0 11.5 5.149 11.5 11.5V142c0 6.351-5.149 11.5-11.5 11.5v-3a8.5 8.5 0 0 0 8.5-8.5V10c0-5.523-3.806-10-8.5-10' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='103' x2='208.285' y1='0' y2='150.4' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.382' stop-color='%231e1e1e'/%3E%3Cstop offset='.689' stop-color='%231afff5'/%3E%3Cstop offset='.995' stop-color='%2300f47a'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 206px;
    height: 152px;
  }
  .pa_news__item__image figure {
    width: 197px;
    height: 142px;
  }
  .pa_news__item__footer {
    margin-top: 10px;
  }
  .pa_news__item__description {
    display: block;
  }
}
@supports not (container-type: inline-size) {
  @media (min-width: 501px) {
    .pa_news__item {
      grid-template-areas: "a b" "a c" "a d";
      grid-auto-rows: auto auto 100%;
    }
    .pa_news__item__image:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206' height='152' fill='none'%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M0 0h196c5.523 0 10 4.477 10 10v132c0 5.523-4.477 10-10 10H0z'/%3E%3C/mask%3E%3Cpath fill='url(%23a)' d='M0 0h206zm207.5 142c0 6.351-5.149 11.5-11.5 11.5H0v-3h196a8.5 8.5 0 0 0 8.5-8.5zM0 152V0zM196 0c6.351 0 11.5 5.149 11.5 11.5V142c0 6.351-5.149 11.5-11.5 11.5v-3a8.5 8.5 0 0 0 8.5-8.5V10c0-5.523-3.806-10-8.5-10' mask='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='103' x2='208.285' y1='0' y2='150.4' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.382' stop-color='%231e1e1e'/%3E%3Cstop offset='.689' stop-color='%231afff5'/%3E%3Cstop offset='.995' stop-color='%2300f47a'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
      width: 206px;
      height: 152px;
    }
    .pa_news__item__image figure {
      width: 197px;
      height: 142px;
    }
    .pa_news__item__description {
      display: block;
    }
    .pa_news__item__footer {
      margin-top: 10px;
    }
  }
}
.pa_news__footer {
  text-align: center;
}

.pa_grid--tests {
  display: grid;
  gap: var(--global-spacing);
}
@media (min-width: 481px) {
  .pa_grid--tests {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 769px) {
  .pa_grid--tests {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1000px) {
  .pa_grid--tests {
    grid-template-columns: repeat(4, 1fr);
  }
}
.pa_grid--tests figure {
  position: relative;
}
.pa_grid--tests .pa_grid--tests__rate {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 25px;
  width: 110px;
}

.pa_rate_item,
.pa_grid--tests__rate {
  border-radius: 0 10px 0 10px;
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  color: #000;
  height: 25px;
  width: 110px;
}
.pa_rate_item:before,
.pa_grid--tests__rate:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23000000' d='M14.96 6.134a.8.8 0 0 0-.685-.542l-4.33-.39L8.234 1.23A.8.8 0 0 0 7.5.75a.8.8 0 0 0-.733.48L5.056 5.202l-4.331.39a.8.8 0 0 0-.686.542.79.79 0 0 0 .233.84L3.545 9.82l-.965 4.213c-.07.31.05.63.31.817a.8.8 0 0 0 .876.038L7.5 12.675l3.733 2.213a.8.8 0 0 0 .877-.038.79.79 0 0 0 .31-.817l-.965-4.213 3.273-2.846a.79.79 0 0 0 .233-.84'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  position: absolute;
  top: 5px;
  height: 15px;
  left: 10px;
  width: calc(90px * var(--data-rating, 0) * 0.2);
}
.pa_rate_item:after,
.pa_grid--tests__rate:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='rgba(0, 0, 0, 0.2509803922)' d='M14.96 6.134a.8.8 0 0 0-.685-.542l-4.33-.39L8.234 1.23A.8.8 0 0 0 7.5.75a.8.8 0 0 0-.733.48L5.056 5.202l-4.331.39a.8.8 0 0 0-.686.542.79.79 0 0 0 .233.84L3.545 9.82l-.965 4.213c-.07.31.05.63.31.817a.8.8 0 0 0 .876.038L7.5 12.675l3.733 2.213a.8.8 0 0 0 .877-.038.79.79 0 0 0 .31-.817l-.965-4.213 3.273-2.846a.79.79 0 0 0 .233-.84'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  position: absolute;
  top: 5px;
  height: 15px;
  left: 10px;
  right: 10px;
}

.pa_grid__item figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 200px;
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: cadetblue;
}
.pa_grid__item figure img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.pa_grid__item p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.pa_grid__item p a, .pa_grid__item p a:visited {
  color: inherit;
  text-decoration: none;
}
.pa_grid__item p a:hover, .pa_grid__item p a:active {
  color: #1AFFF7;
  text-decoration: none;
}

.pa_star--empty {
  opacity: 40%;
}

.pa_sponso__wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
.pa_sponso__wrapper > * {
  flex: 1;
}

.pa_sponso__item {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-around;
}
.pa_sponso__item + .pa_sponso__item {
  border-top: 1px solid #898989;
  margin-top: var(--global-spacing);
  padding-top: var(--global-spacing);
}

.pa_sponso__item__figure {
  width: 45px;
  height: 45px;
  border-radius: 5px;
}

.pa_sponso__item__price {
  font-weight: bold;
  font-size: 20px;
  color: #fff;
}

.pa_scale__wrapper > * + *, .pa_scale__wrapper .inner-wrapper-header-test > * + * {
  margin-top: var(--global-spacing);
}

.pa_scale__title {
  display: inline-flex;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  align-items: center;
  gap: 10px;
}
.pa_scale__title .pa_rate_item {
  position: relative;
  flex-shrink: 0;
}

.pa_scale__like-dislike {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.pa_scale__like-dislike > * {
  flex: 1;
  padding-left: 10px;
}

.pa_scale__list {
  list-style-type: disc;
  margin-left: 30px;
}
.pa_scale__list li + li {
  margin-top: 5px;
}
.pa_scale__list li::marker {
  font-size: 12px;
}

.pa_scale__like {
  border-left: 4px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
}

.pa_scale__dislike {
  border-left: 4px solid transparent; /* nécessaire */
  border-image: linear-gradient(90deg, #F27D2F 0%, #F23B2F 100%) 1;
}
.pa_scale__dislike .pa_scale__like-dislike__title {
  background: linear-gradient(90deg, #F27D2F 0%, #F23B2F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pa_scale__like-dislike__title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

@container main-zone (width < 640px) {
  .pa_scale__like-dislike {
    flex-direction: column;
  }
}
@container full-zone (width < 769px) {
  .pa_sponso__wrapper, .pa_scale__like-dislike {
    flex-direction: column;
  }
  .pa_sponso__list, .priice {
    width: 100%;
  }
  .pa_sponso__item {
    justify-content: space-between;
  }
}
@supports not (container-type: inline-size) {
  @media (max-width: 768px) {
    .pa_sponso__wrapper,
    .pa_scale__like-dislike {
      flex-direction: column;
    }
    .pa_sponso__list, .priice {
      width: 100%;
    }
    .pa_sponso__item {
      justify-content: space-between;
    }
  }
}
.pa_tags__list {
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  gap: 5px 10px;
}
.pa_tags__list li {
  display: inline-block;
}

.pa_tags__item a {
  height: 30px;
  line-height: 30px;
  background: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%);
  color: #303030;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding-inline: 10px;
  border: 1px solid transparent; /* nécessaire */
}
.pa_tags__item a:hover {
  text-decoration: none;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; /* permet de voir le dégradé à travers le texte */
  border-image: linear-gradient(90deg, #1AFFF7 0%, #00F47A 100%) 1;
  border-radius: 5px;
}

.pa_share__wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
.pa_share__wrapper > * {
  flex: 1;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.pa-author .cp_acs_author__picture picture {
  width: 120px;
  height: 120px;
}
.pa-author .cp_acs_author__picture picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pa-author .cp_acs_author:has(.cp_acs_author__picture) {
  grid-template-columns: 120px 1fr;
}
/*# sourceMappingURL=phonandroid.css.map */