@font-face {
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 700;
  src:
    url(fonts/CeraPro-Bold.ttf) format("truetype");
}

@font-face {
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 400;
  src:
    url(fonts/CeraPro-Light.ttf) format("truetype");
}

@font-face {
  font-family: 'CeraPro';
  src:
    url(fonts/CeraPro-Thin.ttf) format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'CeraPro';
  src:
    url(fonts/CeraPro-ThinItalic.ttf) format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'CeraPro';
  src:
    url(fonts/CeraPro-LightItalic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'CeraPro';
  src:
    url(fonts/CeraPro-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'CeraPro Bold';
  src:
    url(fonts/CeraPro-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'CeraPro Medium';
  src:
    url(fonts/CeraPro-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'CeraPro Light';
  src:
    url(fonts/CeraPro-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'CeraPro Regular';
  src:
    url(fonts/CeraPro-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'CeraPro Thin';
  src:
    url(fonts/CeraPro-Thin.ttf) format('truetype');
}

body {
    font-family: 'CeraPro', Arial, sans-serif;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: #0A0E17;
}

body.modal {
    overflow: hidden;
}

#app-main {
    height: 100%;
    width: 100%;
}

.core-app {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-family: 'CeraPro', Arial, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    background: no-repeat fixed right top;
}

.portalWrapper > div {
    background: no-repeat right top;
}

html.is-mobile .core-app {
    background-attachment: initial;
}

@media(max-width: 1023px) {
    .core-app, .portalWrapper > div, .core-app > header.desktop {
        background-image: none !important;
    }
}

.configure-cookies {
    padding: 20px 30px 0 30px;
}

.configure-cookies__close {
    position: absolute;
    right: 0;
}

.configure-cookies__title {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    text-align: center;
}

.configure-cookies__row {
    display: grid;
    grid-template-columns: auto 245px;
    grid-gap: 30px;
}

@media screen and (max-width: 1023px) {
    .configure-cookies {
        padding: 10px;
        font-size: 16px;
        width: calc(100% - 20px);
    }

    .configure-cookies__close {
        position: relative;
        right: 0;
    }

    .configure-cookies__title {
        font-size: 20px;
    }

    .configure-cookies__row {
        display: flex;
        grid-gap: unset;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.alertPopup {
    padding: 93px 0 30px 102px;
}

.alertP {
    font-size: 35px;
    color: #04b1e9;
    padding: 0 0 30px;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
}

.listEtape {
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
}

.listEtape li {
    width: 100%;
    clear: both;
}

.listEtape span {
    line-height: 60px;
    font-size: 35px;
    color: #04b1e9;
    float: left;
    display: block;
}

.listEtape span a {
    color: #04b1e9;
    text-decoration: underline;
}

.innerPopup {
    background-color: #10151F;
    padding: 40px;
    height: auto;
    overflow: hidden;
}

.listEtape span.sl {
    line-height: normal;
    font-size: 16px;
    color: #fff;
    float: left;
    display: block;
    margin: 0 0 0 34px;
    width: 436px;
    padding: 19px 0 21px 0;
    border-bottom: 1px solid #376574;
}

.listEtape li:last-child .sl {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.btnBlue {
    border: 0 none;
    height: 64px;
    margin-left: 127px;
    margin-top: 30px;
    min-width: 196px;
    width: 196px;
}

.listEtape .abonne {
    width: 195px;
    min-width: 195px;
    clear: both;
    margin: 0 0 0 51px;
    position: relative;
    top: -13px;
}

.abonne {
    min-width: 331px;
    text-align: center;
    background-color: #0089b4;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
    padding: 0 47px 0 27px;
    margin: 8px 0 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.popupT {
    font-family: 'CeraPro', Arial, sans-serif;
    padding-top: 0;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
}

.portalWrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    z-index: 6;
    font-family: 'CeraPro', Arial, sans-serif;
}

.portalWrapper > div {
    position: relative;
}

.portalWrapper > div > a {
    position: absolute;
    top: 0;
    right: 0;
}

button.movieButton {
    height: 52px;
    background-color: #10151F;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    padding: 0;
}

button.movieButton.deleteFavoris, button.movieButton.RestoreMovie, button.movieButton.DeleteMovie {
    display: flex;
    justify-content: center;
    align-items: center;
}

button.movieButton.LikeMovie, button.movieButton.dislikeMovie {
    background-color: #003b4f;
}

button.movieButton.LikeMovie.selected, button.movieButton.dislikeMovie.selected {
    background-color: #0089b4;
}

[aria-selected] {
    outline: 0 none transparent;
}

.azuremediaplayer:not(.vjs-fullscreen) video::-webkit-media-text-track-container {
  overflow: visible !important;
  transform: translateY(-20%) !important;
}

ol {
  counter-reset: list;
}

ol > li {
  list-style: none;
}

ol > li:before {
  content: counter(list, decimal) " - ";
  counter-increment: list;
}

img[width="1"] {
  display: none;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #0A0E17;
}

::-webkit-scrollbar-thumb {
  background: #7C7F83;
}

.hidden-scrollbar::-webkit-scrollbar {
    display: none;
}

.scroll-snap-x {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}

input:-webkit-autofill {
  transition: all 0s 50000s;
}

header.desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    z-index: 4;
    background: no-repeat fixed right top;
    font-weight: 400;
}

body.modal header.desktop {
  top: 1px;
}

html.is-mobile header.desktop {
    background-image: none !important;
}

html.is-mobile main.film-page header.desktop {
    background-color: transparent !important;
    position: relative;
}

html.is-mobile main.film-page {
    padding-top: 0;
}

header.desktop div.logo-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

header.desktop div.logo-wrapper > span {
    display: none;
}

header.desktop > img {
    margin: 0 0 20px 0;
}

header.desktop label {
    padding: 0;
}

header.desktop nav {
    display: flex;
    /*align-items: flex-end;*/
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
    color: #7C7F83;
    text-transform: uppercase;
    margin-top: 2px;
    width: 100%;
    /*max-width: 1280px;*/
    padding: 20px;
}

header .dropbtn {
  background-color: transparent;
  color: #ffffff;
  fill: #ffffff;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

header.desktop .dropbtn {
  font-size: 20px;
  font-family: 'CeraPro', Arial, sans-serif;
}

header.desktop .dropbtn svg {
  margin-right: 7px;
}

header.responsive .dropbtn {
  width: 100%;
  display: block;
  padding: 10px 0;
}

header .dropdown {
  position: relative;
  display: inline-block;
}

header.responsive .dropdown {
  width: 100%;
  position: unset;
}

header.desktop nav div {
  display: flex;
  align-items: center;
  justify-content: center;
}

header .dropdown-content {
  display: none !important;
  position: absolute;
  background-color: #10151F;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2);
  z-index: 1;
  transform: translateY(100%);
  text-transform: none;
  bottom: 0;
}

header.desktop .dropdown-content {
  flex-direction: column;
  bottom: -20px;
  transform: translate(-50%, 100%);
  width: 230px;
  left: 115px;
}

header.responsive .dropdown-content {
  width: 100%;
  left: 0;
  background-color: #0D1016;
}

header .dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 0.8rem;
  text-align: center;
}

header .dropdown.active > .dropdown-content {
  display: block !important;
}

header.desktop .dropdown.active > .dropdown-content  {
  display: flex !important;
}

header .dropdown:hover > .dropbtn, header .dropdown.active > .dropbtn {
  color: #7C7F83;
  fill: #7C7F83;
}

header.desktop nav > a {
    height: 32px;
}

header nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
}

header.desktop nav > div > * {
    padding: 0 20px;
}

header nav a, header nav svg {
    color: #ffffff;
    fill: #ffffff;
}

header nav a:hover span,
header nav a:hover svg,
header nav a:hover svg > *
{
    color: #7C7F83;
}

header nav a:hover svg.svgHover,
header nav svg.svgHover:hover,
header nav a:hover svg.svgHover > *
{
    fill: #7C7F83;
}

header nav a svg,
header nav input {
    margin-right: 7px;
}

header.desktop > nav > a:not(:last-child) > img {
    margin: 0 10px 0 0;
    cursor: pointer;
}

header.desktop > nav > a:last-child {
    width: 32px;
}

header nav .linkSubscription {
    transition: .2s;
}

header.desktop nav label {
    display: flex;
    justify-content: center;
    align-items: center;
}

header.desktop nav input {
    bottom: 0;
    border-radius: 0;
    border: 0;
    position: absolute;
    transform: translateY(100%);
    width: calc(100% - 30px);
    left: 0;
    padding: 15px;
    margin: 0;
    height: 30px;
    display: none;
    background-color: #0045e7;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

header.desktop nav input::placeholder {
  color: #fff;
  opacity: 0.9;
}

.hamburger {
  font-size: 20px;

  display: inline-block;

  width: 1em;
  height: 1em;
  padding: 0;

  cursor: pointer;
  transition: transform .2s ease-in-out;
  vertical-align: middle;

  border: 0 none;
  background: transparent;
}

.hamburger::-moz-focus-inner {
    padding: 0;
    border: 0 none;
}

.hamburger:focus {
    outline: 0;
}

.hamburger:before,
.hamburger:after {
    content: "";
}

.hamburger:before,
.hamburger .icon,
.hamburger:after {
    display: block;

    width: 100%;
    height: .15em;
    margin: 0 0 .2em;

    transition: transform .2s ease-in-out;

    border-radius: .05em;
    background: #ffffff;
}

@media (max-width: 799px) {
    .header-home .hamburger {
        width: unset;
        height: unset;
    }
}

.header-home .hamburger:before,
.header-home .hamburger .icon,
.header-home .hamburger:after {
    display: none;
}

@media (min-width: 800px) {
    .header-home .hamburger:before,
    .header-home .hamburger .icon,
    .header-home .hamburger:after {
        display: block;
    }
    .header-home .hamburger img {
        display: none;
    }
}

.hamburger:hover:before,
.hamburger:hover .icon,
.hamburger:hover:after {
    background: #7C7F83;
}

header.responsive.menu-open .hamburger.hamburger-cancel .icon {
    transform: scale(0);
}

header.responsive.menu-open .hamburger.hamburger-cancel:before {
    transform: translateY(.3em) rotate(135deg);
}

header.responsive.menu-open .hamburger.hamburger-cancel:after {
    transform: translateY(-.4em) rotate(-135deg);
}

header.responsive {
    position: sticky;
    top: 0;
    display: none;
    flex-direction: column;
    z-index: 4;
    background-color: #12151C;
}

header.responsive .header__container {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    justify-content: space-between;
    height: 5vh;
}

header.responsive nav > a {
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
}

.mobileSearchWrapper {
    display: flex;
}

.mobileSearchWrapper button  {
    border: none;
    background: none;
    display: block;
    cursor: pointer;
    padding: 0;
}

header.responsive nav {
    display: none;
    position: absolute;
    bottom: 0;
    right: 15px;
    transform: translateY(100%);
    width: 126px;
    padding: 15px;
    background: #10151F;
}

header.responsive.menu-open nav {
    display: block;
}

.mobileSearchWrapper input[type="search"] {
    border: 0;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 100vw;
    left: 0;
    padding: 15px;
    margin: 0;
    height: 30px;
    display: none;
    background-color: #0045e7;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.mobileSearchWrapper input[type="search"]::placeholder {
  color: #fff;
  opacity: 0.9;
}

.mobileSearchWrapper button:last-child svg {
    fill: #fff;
}

.mobileSearchWrapper:hover button:last-child svg {
    fill: #7C7F83;
}

/*:global header.responsive.focused {*/

/*padding: 0;*/

/*height: 50px;*/

/*}*/

/*:global header.responsive.focused {*/

/*top: 0;*/

/*bottom: unset;*/

/*}*/

/*:global header.responsive.focused .mobileSearchWrapper {*/

/*width: 100%;*/

/*height: 100%;*/

/*}*/

/*:global header.responsive.focused .mobileSearchWrapper button {*/

/*width: 15%;*/

/*}*/

header.responsive.focused .mobileSearchWrapper input[type="search"], .mobileSearchWrapper.focused input[type="search"] {
    display: block;
}

/*:global header.responsive.focused .mobileSearchWrapper button:last-child {*/

/*width: 15%;*/

/*height: auto;*/

/*position: initial;*/

/*}*/

/*:global header.responsive.focused a {*/

/*display: none;*/

/*}*/

header.responsive div.burgerIcon {
    cursor: pointer;
}

header.responsive div.burgerIcon > div {
    width: 35px;
    height: 5px;
    background-color: #ffffff;
    margin: 6px 0;
    transition: 0.4s;
}

header.responsive div.burgerIcon.open > div:first-child {
    transform: rotate(-45deg) translate(-9px, 6px);
}

header.responsive div.burgerIcon.open > div:nth-child(2) {
    opacity: 0;
}

header.responsive div.burgerIcon.open > div:last-child {
    transform: rotate(45deg) translate(-8px, -8px);
}

.logoMobile {
    text-align: center;
    margin: 0;
    padding: 0;
}

.react-autosuggest__container img {
    margin: 0 10px;
}

.react-autosuggest__input {
    width: 240px;
    height: 11px;
    padding: 10px;
    font-family: 'CeraPro', Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.react-autosuggest__input--focused {
    outline: none;
}

.react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
    display: none;
}

.react-autosuggest__suggestions-container--open {
    display: block !important;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 500px;
    background-color: #fff;
    font-family: 'CeraPro', Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    z-index: 2;
    overflow: auto;
    text-transform: none;
    color: #011f29;
    max-height: 300px;
}

.react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
    background-color: #ddd;
}

.match {
    color: #3399ff;
}

@media screen and (max-width: 1023px) {
    header a span {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 1200px) {
    header a span {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1140px) {
    header.desktop {
        justify-content: center;
        padding: 20px 0 20px 0;
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    header.desktop nav > div > * {
        padding: 0 7.5px;
    }
}

@media screen and (max-width: 1057px) {
    header.desktop div.logo-wrapper > a > img {
        margin-bottom: 0;
    }
}

.clickable {
    cursor: pointer;
}

.autoSuggestContainer {
    display: flex;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

@media screen and (max-width: 1366px) {
  header.desktop {
    display: none;
  }
  header.responsive {
    display: flex;
  }
}

.content {
    display: inline-flex;
    min-width: 100%;
}

.content a {
    text-decoration: none;
    color: unset;
}

.content div {
    position: relative;
}

@media(max-width: 767px) {
    div.responsiveElement:not(.phone) {
        display: none !important;
    }
}

@media(max-width: 1023px) and (min-width: 768px) {
    div.responsiveElement:not(.tablet) {
        display: none !important;
    }
}

@media(min-width: 1024px) {
    div.responsiveElement:not(.desktop) {
        display: none !important;
    }
}

.contentWrapper {
    /*overflow: hidden;*/
    clip-path: inset(-100vw 0 -100vw 0);
    flex: 1;
}

.button {
    height: 30px;
    width: 30px;
    fill: white;
    opacity: 0.25;
    margin: 3px;
    cursor: pointer;
}

.button:hover {
    opacity: 0.75;
}

.back {
    transform: rotateY(180deg);
}

.movieInfosBlock, .movieButtonBlock {
    display: flex;
    color: #ffffff;
}

p.infos {
    width: 50%;
    margin: 0;
    padding: 5px;
}

p.infos big {
    font-size: 21px;
    font-weight: 700;
}

p.infosLeft {
    text-align: left;
}

p.infosRight {
    text-align: center;
    background: none repeat scroll 0 0 #0089b4;
}

.isTouchscreen .contentWrapper {
    overflow: scroll hidden;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.isTouchscreen .contentWrapper::-webkit-scrollbar {
    display: none;
}

.movieCastingRow {
    padding: 25px;
    margin-right: 50px;
}

.movieCastingRow:not(:last-child) {
    margin-right: 50px;
}

.movieCastingTitle {
    font-size: 20px;
}

.movieCastingContent {
    font-size: 18px;
}

@media(max-width: 1200px) {
    .movieCastingRow {
        padding: 15px;
    }

    .movieCastingRow:not(:last-child) {
        margin-right: 10px;
    }

    .movieCastingTitle {
        font-size: 12px;
    }
}

@media(max-width: 900px) {
    .movieCasting {
        flex-direction: column;
    }

    .movieCastingRow:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .movieCastingRow {
        padding: 10px;
    }

    .movieCastingTitle {
        font-size: 14px;
    }
}

/*:global @media(max-width: 1023px) {*/

.mobileOS .button, .mobileOS .arrowContainer {
        display: none;
    }

/*}*/

.arrow {
    pointer-events: none;
    position: relative;
    top: calc(50% - 15px);
}

.prevArrow {
    left: 15px;
}

.nextArrow {
    right: -50%;
}

.arrowContainer {
    cursor: pointer;
    height: 100%;
    width: 90px;
    position: absolute;
    z-index: 3;
}

.prevArrowContainer {
    background: linear-gradient(to left,transparent,#10151F 80%) !important;
    left: 0;
}

.nextArrowContainer {
    background: linear-gradient(to right,transparent,#10151F 80%) !important;
    right: 0;
}

.link {
    cursor: pointer;
}

.resetCss {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

.spanElement {
    display: block;
}

.loader svg {
    margin: 3rem auto;
    display: block;
    height: 3rem;
    width: 3rem;
}

/*:global .contentWrapper img:not(.fullWidth):hover {*/

/*transform: scale(1.02);*/

/*}*/

/*:global .contentWrapper img:not(.fullWidth) {*/

/*transition: all 0.25s linear;*/

/*}*/

.contentWrapper img {
    width: auto;
    height: 100%;
    vertical-align: bottom;
}

.contentWrapper img.fullWidth {
    width: 100%;
    height: auto;
}

.contentWrapper.animate {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.contentWrapper.elasticScrollLeft {
    animation-name: elasticScrollLeft;
    animation-timing-function: ease-in-out;
}

.contentWrapper.elasticScrollRight {
    animation-name: elasticScrollRight;
    animation-timing-function: ease-in-out;
}

@keyframes elasticScrollLeft {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(100px); }
    100% { transform: translateX(0); }
}

@keyframes elasticScrollRight {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(-100px); }
    100% { transform: translateX(0); }
}

.image-link {
    display: block;
    position: relative;
    border-radius: inherit;
}

.hover-wrapper {
    display: none;
    opacity: 0;
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    padding: 10px;
}

.overlay-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hover-wrapper svg {
    cursor: pointer;
}

.hover-wrapper p {
    margin: 0;
    font-size: 14px;
}

.hover-buttons {
    display: grid;
    position: unset !important;
    grid-auto-flow: column;
    gap: 10px;
}

.caroussel-item-container:hover .hover-wrapper {
    display: flex;
    opacity: 1;
}

.palmes-simple__container {
    display: flex;
    position: relative;
    color: #fff;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}

.palmes-simple__container::-webkit-scrollbar {
    display: none;
}

.tooltip {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 20px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 255px;
    background-color: rgba(255, 99, 22, .9);
    color: white;
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltiptext:before {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom:8px solid rgba(255, 99, 22, .9);
    transform: translate(0%, -50%);
    left: 0;
    top: -4px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.qKNgOmUi-JDNpdrDhUeOm {
    background-color: #000508;
    border-radius: 15px;
    border: 1px solid #99a5a8;
    padding: 30px;
    width: 100%
}

.qKNgOmUi-JDNpdrDhUeOm ._3p56L-ituvx52FwrnEpbLB {
    font-weight: normal;
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    width: calc(100% - 220px);
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 {
    display: flex;
    flex-wrap: wrap;
    color: white
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 ._2PpEElOc2R_a8xv1iRQF7e {
    margin: 0;
    overflow: hidden;
    color: #00c0df;
    transition: all 0.5s
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 ._2PpEElOc2R_a8xv1iRQF7e p {
    margin: 5px 0 10px 35px;
    text-align: justify;
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 ._2_C7F6QN_yTfUU3NZO9aFS {
    padding-right: 50px;
    margin-bottom: 15px;
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 ._2XTROVyiw8O1B7Lx8fMW9R {
    margin-top: 20px;
    width: calc(100% - 170px);
    display: inline-block;
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 .SvGmUM15HnQdM3pRNLMUh {
    padding: 0;
    background: transparent;
    border: none;
    text-transform: uppercase;
    color: white;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px
}

.qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 .SvGmUM15HnQdM3pRNLMUh svg {
    fill: white;
}

@media (max-width: 767px) {
    .qKNgOmUi-JDNpdrDhUeOm ._3p56L-ituvx52FwrnEpbLB {
        width: 100%;
    }
    .qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 ._2XTROVyiw8O1B7Lx8fMW9R {
        width: 100%;
    }
    .qKNgOmUi-JDNpdrDhUeOm ._3zA1Hn6aIUHRyCfTJ1Qmh6 img {
        margin: 20px;
        height: 150px;
    }
}

._1fMI2K6_Y3nkQjZHaojHIs ._6Tr3KdlxIUbe3lUh6fOO_ {
    display: flex;
    flex-wrap: wrap;
}

._1fMI2K6_Y3nkQjZHaojHIs ._6Tr3KdlxIUbe3lUh6fOO_ > div {
    cursor: pointer;
    height: 42px;
    min-width: 42px;
    margin-right: 4px;
    margin-bottom: 10px;
    align-items: center;
    display: flex;
    font-family: 'CeraPro', Arial, sans-serif;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 22px;
    text-transform: uppercase;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV {
    background-color: #10151F;
    /* border-radius: 15px; */
    /* border: 1px solid #99a5a8; */
    font-size: 18px;
    padding: 28px;
    width: 950px;
    padding-right: 0;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div {
    max-height: 250px;
    overflow: auto;
    font-family: 'CeraPro', Arial, sans-serif;
    color: #ffffff;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div p:first-child {
    margin-top: 0;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div p:last-child {
    margin-bottom: 0;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div strong {
    color: #00bfe0;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div ._2nGdfbsTh4pW7JkkjaGOSZ {
    color: white;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div ._13ms43XuTRBorWQ-RBzGWi {
    width: 40px;
    height: 31px;
    border-bottom: 1px solid #cccccc;
    background: #f4f6f7;
    color: #333333;
    line-height: 31px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    margin-top: 10px;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div ._2oI2ldGXGzJCsJDHQJK5op {
    border-bottom: 1px black solid;
    height: 0px;
    margin: 20px  28px 20px 0;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div a {
    display: block;
    text-decoration: none;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV > div a:visited {
    color: blue;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV ._26oDEOYQB6rWUy_zNhNW2N {
    display: flex;
    flex-direction: row;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV ._26oDEOYQB6rWUy_zNhNW2N a {
    margin-right: 20px;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV ._26oDEOYQB6rWUy_zNhNW2N a img {
    height: 135px;
    width: auto;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV ._26oDEOYQB6rWUy_zNhNW2N a ._22x4jG_AM_EX_8Vm34njz9 {
    letter-spacing: 0;
    word-spacing: -1px;
    color: #00bfe0;
    font-family: 'CeraPro', Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 9px 0 10px 0;
    font-weight: bold;
    text-align: center;
}

._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV ._26oDEOYQB6rWUy_zNhNW2N a ._2nGdfbsTh4pW7JkkjaGOSZ {
    color: #ffffff;
    font-family: 'CeraPro', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    text-align: center;
}

@media (max-width: 767px) {
    ._1fMI2K6_Y3nkQjZHaojHIs ._3jUc4ZVt3dwThruQb7x2CV ._26oDEOYQB6rWUy_zNhNW2N a {
        display: none;
    }
}

._2CVDYV5RkZ_YzKL43rmfez {
    border: 3px white solid;
    border-radius: 40px;
    text-align: center;
    height: 42px;
    width: 42px;
    line-height: 6px;
    padding-top: 14px;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box
}

._2CVDYV5RkZ_YzKL43rmfez ._1KYInTPD1Vzl5HHbB1iB0F {
    font-size: 11px;
}

._2CVDYV5RkZ_YzKL43rmfez .e4ysY3hW2FcvrtxBinLQv {
    display: block;
    font-size: 10px;
    line-height: 12px;
}

a {
    cursor: pointer;
}

.UvMARJH_wn46l10YIVul- {
    color:red;
    font-weight: bold;
}

#_1-Yoojt5d7RoNLUTQU9XCN, #_2kNcOK1V375xUleUh9CRsu {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

._22YHOk8xwrC7GUTmiIK05L {
    max-width: 1300px;
}

.field-icon {
    float: right;
    margin-left: -20px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
    right: 10px;
    cursor: pointer;
    color: #000;
}

#FoYhsK8Eiyh1L3ak0Y1OU {
    box-sizing: border-box;
    padding: 10px 5px 25px 5px;
    width: 100%;
    color: #FFFFFF;
    font-family: 'CeraPro', Arial, sans-serif;
    overflow: hidden;
    min-height: 60vh;
}

#FoYhsK8Eiyh1L3ak0Y1OU .sq6m_spt1r_iMxjkGwtSH {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto 15px auto;
    padding: 10px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3_VE6CIXev-x8eJIXF8Irm {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    border: 0;
    margin: 0 auto 15px auto;
    padding: 10px;
}

._3fQ3q0zXUMFEnIRauoCB4- {
    background-color: transparent;
    color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    border-radius: 10px;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    -moz-appearance: none;
    text-align: center;
    -webkit-appearance: none;
}

#FoYhsK8Eiyh1L3ak0Y1OU .zbvHbEszeaFlOGR42cDfT {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 0;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2AF75D0Zv5Q-cIdp7y3nDx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto 15px auto;
    padding: 10px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3rYqmeG-FRJ59sY0634TB7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    border: 0;
    margin: 0 auto 15px auto;
    padding: 10px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3iiT7XL82Q7nMcS8HttcNx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    border: 0;
    padding: 10px;
}

#FoYhsK8Eiyh1L3ak0Y1OU a {
    text-decoration: none;
    color: #FFFFFF;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3iIOy6be01-9jNXqajSuFh {
    color: #0089b4;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._8m3W4TX5v9FodGfLZ-Dwo {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 5px;
}

#FoYhsK8Eiyh1L3ak0Y1OU .RNBYNplZoVr1XNxDqyIQw {
    width: calc(50% - 40px);
    margin-right: 40px;
    margin-bottom: 5px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._33c9L6NRdDLqsNjevUhcfg {
    width: calc(50% - 20px);
    margin-left: 20px;
    margin-bottom: 5px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._27qfzlfVmB9CD7htfphx4N {
    width: calc(50% - 40px);
    margin-left: 40px;
    margin-bottom: 5px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1C111u9bNI-_KDW8_4F_ET {
    cursor: pointer;
}

#FoYhsK8Eiyh1L3ak0Y1OU h3 {
    box-sizing: border-box;
    background-color: #003749;
    width: auto;
    font-size: 30px;
    font-weight: 400;
    line-height: 60px;
    margin: 0 40px 5px 40px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2t9zNS4_k6fEfDEgXF4rbV {
    box-sizing: border-box;
    margin: 0 40px 5px 40px;
}

#FoYhsK8Eiyh1L3ak0Y1OU h4 {
    box-sizing: border-box;
    background-color: transparent;
    color: #0089b4;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
    padding-left: 35px;
    margin: 0 0 5px 0;
}

#FoYhsK8Eiyh1L3ak0Y1OU h6 {
    box-sizing: border-box;
    color: #0089b4;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 30px;
}

#FoYhsK8Eiyh1L3ak0Y1OU label {
    padding-right: 13px;
}

#FoYhsK8Eiyh1L3ak0Y1OU #_2_ryzqLuzCnbm9bzd52mVp label {
    width: 500px;
}

#FoYhsK8Eiyh1L3ak0Y1OU img {
    margin-right: 9px;
}

.contentWrapper img {
    margin-right: unset !important;
}

#FoYhsK8Eiyh1L3ak0Y1OU .d8CjEakTttySF7CY3QIs7 {
    display: flex;
    align-items: center;
    margin-top: 1px;
    margin-bottom: 1px;
    flex-wrap: wrap;
    overflow: hidden;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1QBFBrBlOAdteanauaB4Kc {
    display: flex;
    align-items: flex-start;
    margin-top: 1px;
    margin-bottom: 1px;
    flex-wrap: wrap;
    overflow: hidden;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1Env3idgeDMPGBHJuJf66y {
    display: flex;
    align-items: center;
    margin-top: 1px;
    margin-bottom: 1px;
    justify-content: flex-end;
    flex-wrap: wrap;
    overflow: hidden;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2fATMlLJxiWjA5Q5E1FY7a {
    display: flex;
    align-items: center;
    margin-top: 1px;
    margin-bottom: 1px;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3aWu4pHo0x9zDAQU5NAJ55 {
    align-self: flex-end;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1cptHB9rcUq-3Brp4PTuf3 {
    box-sizing: border-box;
    width: 5%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU .tSgAUam0u3bC-5jt_ORxb {
    box-sizing: border-box;
    width: 20%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2zTlkW45_jibD9f7cdWrMK {
    box-sizing: border-box;
    width: 10%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2k3GXkHqpopvTaSo9g4gRf {
    box-sizing: border-box;
    width: 30%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1LBJu-u42mJ8Cq8dqll6PU {
    box-sizing: border-box;
    width: 40%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1ii_US-_ujlkE6LlehUcLi {
    box-sizing: border-box;
    width: 60%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU .eoUm04SF-9gv4c1DY3RF4 {
    box-sizing: border-box;
    width: 65%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._8D_AFg2R0rKsAbBsf3HPv {
    box-sizing: border-box;
    width: 15%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2e1av9vubOl6-Oeg0_tukt {
    box-sizing: border-box;
    width: 85%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU .JJlZg0vXxlrgy27LGrcxZ {
    box-sizing: border-box;
    width: 70%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU .Ba1g4CUAyXYXiHBxQAjnc {
    box-sizing: border-box;
    width: 80%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU .CmYWBJ7kDNng2b-Y95nT7 {
    box-sizing: border-box;
    width: 95%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2uRBYpLrQ36uoWy_Jtpnqy {
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1C6S8YEkhN874LoItZlkbO {
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px;
    margin-top: 6px;
    height: 100%;
}

#FoYhsK8Eiyh1L3ak0Y1OU label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3sHZiqv3VmAPnb37G7hOHz {
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
    box-sizing: border-box;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2L5-hljXhWxt4fSiXWT2SJ {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    box-sizing: border-box;
}

#FoYhsK8Eiyh1L3ak0Y1OU input[type=text],
#FoYhsK8Eiyh1L3ak0Y1OU input[type=password],
#FoYhsK8Eiyh1L3ak0Y1OU input[type=email],
#FoYhsK8Eiyh1L3ak0Y1OU input[type=tel],
#FoYhsK8Eiyh1L3ak0Y1OU input[type=date],
#FoYhsK8Eiyh1L3ak0Y1OU input[type=number],
#FoYhsK8Eiyh1L3ak0Y1OU select,
#FoYhsK8Eiyh1L3ak0Y1OU textarea {
    width: 100%;
    padding: 12px;
    margin-right: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    resize: vertical;
    font-size: 15px;
}

.T-hxvtmOHOnWPb_BoMcjG {
    position: absolute;
    height: unset;
    width: 100%;
    left: 0;
    top: calc(50% + 40px);
    border-left: none;
}

/*Version Smartphone*/

@media screen and (max-width: 767px) {
    #FoYhsK8Eiyh1L3ak0Y1OU ._1cptHB9rcUq-3Brp4PTuf3,
    #FoYhsK8Eiyh1L3ak0Y1OU .tSgAUam0u3bC-5jt_ORxb,
    #FoYhsK8Eiyh1L3ak0Y1OU ._2zTlkW45_jibD9f7cdWrMK,
    #FoYhsK8Eiyh1L3ak0Y1OU ._2k3GXkHqpopvTaSo9g4gRf,
    #FoYhsK8Eiyh1L3ak0Y1OU ._1C6S8YEkhN874LoItZlkbO,
    #FoYhsK8Eiyh1L3ak0Y1OU .JJlZg0vXxlrgy27LGrcxZ,
    #FoYhsK8Eiyh1L3ak0Y1OU .Ba1g4CUAyXYXiHBxQAjnc,
    #FoYhsK8Eiyh1L3ak0Y1OU .CmYWBJ7kDNng2b-Y95nT7,
    #FoYhsK8Eiyh1L3ak0Y1OU ._2uRBYpLrQ36uoWy_Jtpnqy
    {
        width: 100%;
        margin-top: 0;
    }

    #FoYhsK8Eiyh1L3ak0Y1OU .d8CjEakTttySF7CY3QIs7,
    #FoYhsK8Eiyh1L3ak0Y1OU ._1QBFBrBlOAdteanauaB4Kc,
    #FoYhsK8Eiyh1L3ak0Y1OU ._1Env3idgeDMPGBHJuJf66y {
        flex-direction: column;
    }

    #FoYhsK8Eiyh1L3ak0Y1OU ._3sHZiqv3VmAPnb37G7hOHz {
        padding-left: 8%;
        padding-right: 8%;
    }

    #FoYhsK8Eiyh1L3ak0Y1OU h3 {
        font-size: 18px;
        line-height: 30px;
    }
}

/*Version Tablettes*/

@media screen and (max-width: 1023px) {
    #FoYhsK8Eiyh1L3ak0Y1OU ._3sHZiqv3VmAPnb37G7hOHz {
        padding-left: 15%;
        padding-right: 15%;
    }

    #FoYhsK8Eiyh1L3ak0Y1OU ._2L5-hljXhWxt4fSiXWT2SJ {
        padding-left: 0.1%;
        padding-right: 0.1%;
    }

    #FoYhsK8Eiyh1L3ak0Y1OU ._8m3W4TX5v9FodGfLZ-Dwo,
    #FoYhsK8Eiyh1L3ak0Y1OU ._33c9L6NRdDLqsNjevUhcfg,
    #FoYhsK8Eiyh1L3ak0Y1OU ._27qfzlfVmB9CD7htfphx4N,
    #FoYhsK8Eiyh1L3ak0Y1OU .RNBYNplZoVr1XNxDqyIQw {
        width: 100%;
        margin: 20px 0;
    }
}

/*----------------------------------------------------*/

/*PAGES HTML DEPUIS L'OUTIL D'ARNAUD*/

/*----------------------------------------------------*/

.mentionLegalBlock {
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
    box-sizing: border-box;
}

.mentionLegalBlock h4 {
    padding: 0 !important;
}

.mentionLegalBlock .sommaire_cgv {
    border: 1px solid #5694a8;
    box-sizing: border-box;
    padding: 5%;
}

.mentionLegalBlock .sommaire_cgv a {
    display: block;
}

.mentionLegalBlock .nos_partenaires {
    list-style: none;
    padding: 0 !important;
}

.mentionLegalBlock .nos_partenaires li {
    width: 186px;
    text-align: center;
    display: inline-block;
    margin: 0 auto 90px;
}

/*Version Smartphone*/

@media screen and (max-width: 767px) {
    .mentionLegalBlock {
        width: 100%;
        padding-left: 8%;
        padding-right: 8%;
        box-sizing: border-box;
    }

    #FoYhsK8Eiyh1L3ak0Y1OU #_2_ryzqLuzCnbm9bzd52mVp label {
        width: 300px;
    }
}

/*----------------------------------------------------*/

/*FIN PAGES HTML DEPUIS L'OUTIL D'ARNAUD*/

/*----------------------------------------------------*/

/*----------------------------------------------------*/

/*GESTION TOP REQUETES*/

/*----------------------------------------------------*/

#FoYhsK8Eiyh1L3ak0Y1OU .xOWD_HgLPYMoR4qIKo7xk {
    margin-left: 20%;
    margin-right: 20%;
}

#FoYhsK8Eiyh1L3ak0Y1OU .xOWD_HgLPYMoR4qIKo7xk a {
    padding-left: 15px;
    padding-bottom: 15px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3oP-XeYKRXkx53iqjELG-j {
    font-size: 16px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._3nvDWj4UMCCwMeI8NQjm9Y {
    font-size: 22px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._2CIlLIHbJ_J0a4WW0ut7WN {
    font-size: 15px;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._36qZFK-7v3hoYbw8lWJpBB {
    font-size: 14px;
}

/*----------------------------------------------------*/

/*FIN GESTION TOP REQUETES*/

/*----------------------------------------------------*/

/*----------------------------------------------------*/

/*FAQ*/

/*----------------------------------------------------*/

#FoYhsK8Eiyh1L3ak0Y1OU .g74DWUwmorjlI4yqu40bE {
    box-sizing: border-box;
    background-color: #003749;
    width: 100%;
    font-size: 30px;
    font-weight: 400;
    line-height: 60px;
    padding-left: 35px;
    margin: 15px 0 5px 0;
    border-radius: 20px;
}

#FoYhsK8Eiyh1L3ak0Y1OU .IHXmAR572vSBLlqcqBoqz {
    list-style-type: none;
    padding: 0;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._1yc516NgCoMEQq9NAlw0Ot {
    font-weight: bold;
    display: inline-flex;
    width: 15px;
    color: white;
}

#FoYhsK8Eiyh1L3ak0Y1OU .XEO639AvMC5TmaJaxmHoD {
    color: #0089b4;
    font-weight: bold;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
}

#FoYhsK8Eiyh1L3ak0Y1OU .XEO639AvMC5TmaJaxmHoD:hover {
    color: white;
}

#FoYhsK8Eiyh1L3ak0Y1OU ._13cOIp76ed9RujowI6MtTC {
    padding-left: 15px;
}

/*Version Smartphone*/

@media screen and (max-width: 767px) {
    #FoYhsK8Eiyh1L3ak0Y1OU .g74DWUwmorjlI4yqu40bE {
        font-size: 20px;
        line-height: 30px;
        padding-left: 10px;
        font-weight: bold;
    }
}

/*----------------------------------------------------*/

/*FIN FAQ*/

/*----------------------------------------------------*/

/*----------------------------------------------------*/

/*ACCORDEON*/

/*----------------------------------------------------*/

.accordion__body {
    display: block;
}

.accordion__body--hidden {
    display: none;
}

.accordion__title {
    cursor: pointer;
}

/*----------------------------------------------------*/

/*FIN ACCORDEON*/

/*----------------------------------------------------*/

._2a8GL4qv6FjkXXqHY4W5yI {
    /*background-color: #02181c;*/
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
    /*padding: 20px;*/
    /*border: 1px solid white;*/
    /*border-bottom: none;*/
    border-radius: 10px 10px 0 0;
}

._2x5kamEZIFblSwhApD8_4_ {
    width: 100%;
    border-bottom: 1px solid rgb(255, 255, 255);
    margin-bottom: 25px;
    box-sizing: border-box;
    min-height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0 5px 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

._2x5kamEZIFblSwhApD8_4_ img {
    margin-top: 5px;
}

div._2yd0NKjpOoh_2x0YdBHLvN {
    display: flex;
    justify-content: center;
    color: #00b1e9;
}

div._2yd0NKjpOoh_2x0YdBHLvN h3 {
    background-color: transparent !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}

div._2yd0NKjpOoh_2x0YdBHLvN h6 {
    color: #00bde0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 10px !important;
    text-transform: uppercase;
    width: 100%;
}

div._2yd0NKjpOoh_2x0YdBHLvN > div {
    display: flex;
    margin: 0 40px 20px 40px;
    background: #10151F;
    border: 1px solid white;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    width: fit-content;
    padding: 15px;
}

div._2yd0NKjpOoh_2x0YdBHLvN input[type="text"],
div._2yd0NKjpOoh_2x0YdBHLvN input[type="password"],
div._2yd0NKjpOoh_2x0YdBHLvN input[type="email"],
div._2yd0NKjpOoh_2x0YdBHLvN input[type="date"],
div._2yd0NKjpOoh_2x0YdBHLvN input[type="tel"],
div._2yd0NKjpOoh_2x0YdBHLvN select {
    background-color: #10151F;
    color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    border-radius: 10px;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    -moz-appearance: none;
    text-align: center;
    height: 47px;
    -webkit-appearance: none;
}

div._2yd0NKjpOoh_2x0YdBHLvN input:-webkit-autofill,
div._2yd0NKjpOoh_2x0YdBHLvN input:-webkit-autofill:hover,
div._2yd0NKjpOoh_2x0YdBHLvN input:-webkit-autofill:focus,
div._2yd0NKjpOoh_2x0YdBHLvN input:-webkit-autofill:active  {
    box-shadow: 0 0 0 30px #9faaae inset !important;
}

div._2yd0NKjpOoh_2x0YdBHLvN button {
    border-radius: 20px;
    text-align: center !important;
    min-width: unset;
    width: unset;
    /*border: 1px solid #ffffff;*/
    background-color: #07A5C0;
    margin: 0;
    padding: 0 15px;
    font-size: 15px;
}

div._2yd0NKjpOoh_2x0YdBHLvN p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}

div._2yd0NKjpOoh_2x0YdBHLvN form p {
    color: red;
    font-size: 16px;
    font-weight: 700;
}

div._2yd0NKjpOoh_2x0YdBHLvN label {
    color: #ffffff;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
}

div._2yd0NKjpOoh_2x0YdBHLvN label > input {
    font-size: 15px;
}

div._2yd0NKjpOoh_2x0YdBHLvN label > input, div._2yd0NKjpOoh_2x0YdBHLvN label > select {
    margin-top: 5px;
}

div._2yd0NKjpOoh_2x0YdBHLvN label span {
    width: unset !important;
}

div._2yd0NKjpOoh_2x0YdBHLvN a {
    text-transform: uppercase;
    font-weight: 700;
    color: #3ac1d8;
    text-decoration: none;
}

div._2yd0NKjpOoh_2x0YdBHLvN a:hover {
    color: #ffffff !important;
}

.IduSifbamP49JNPimpMd0 { transition: all .2s ease-in-out; }

.IduSifbamP49JNPimpMd0:hover { transform: scale(1.15); }

._20KgaT_5CABZxNNq26EVzi {
    width: 80%;
    height: 1px;
    position: relative;
    border-bottom: 2px solid #fff;
    left: 10%;
}

._2pKCP4z5eAX_oXasLJE06D {
    width: calc(50% - 15px);
    margin: 0 7.5px;
}

._25AhPouZmcaafNyDuXr7sa {
    padding-right: 15px;
}

._13gklNTPcDm6jvSqsKxs4D {
    padding-left: 15px;
    margin-right: 0 !important;
}

._3hDQ9Kh0C2h5dGOwUY2l8u {
    padding-left: 15px;
}

._3m9vfbPi7PI_U1XYm5ZuBD {
    padding-left: 15px;
    margin-right: 0 !important;
}

._3D0o3YFux1eG3zcU1exkbe {
    margin-right: 20px;
}

#FoYhsK8Eiyh1L3ak0Y1OU .itDDi-Xb9zV19PZb97SWW {
    justify-content: space-between;
    width: unset;
    padding: 0;
    margin-bottom: 0;
}

._3g3HxbQp1NefPT2jwlmrEc {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.nfWR6Gua2WYOpTYKNj_G_ {
  max-width: 300px;
  margin: 10px 0 50px 0;
}

._2q93ToZ216Xawr-xFWsqUc {
  max-width: 250px;
  margin: 10px 0 50px 0;
}

.dye5cW_3HBfgKFRWaTHD1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

ul._3yVMmQmkbizwzlBojciZTW {
  display: flex;
  width: 60vw;
  min-width: 300px;
  height: 2em;
  padding: 0;
  font-size: 10px; /* change font size only to scale*/
  margin: 20px 0 0;
}

ul._3yVMmQmkbizwzlBojciZTW li {
  display: block;
  width: 100%;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: none;
  cursor: pointer;
}

ul._3yVMmQmkbizwzlBojciZTW li span {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #c8c8c8;
  height: .1em;
  z-index: 1;
}

ul._3yVMmQmkbizwzlBojciZTW li._3H3mfvxRZ_WMQnOlavh3Xs:after {
  background: #fff;
  border: 0.1em solid #fff;
  box-sizing: border-box;
}

ul._3yVMmQmkbizwzlBojciZTW li:after {
  pointer-events: auto;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  border: 0.1em solid #c8c8c8;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  z-index: 2;
}

ul._3yVMmQmkbizwzlBojciZTW li:before {
  pointer-events: auto;
  content: attr(data-label);
  display: block;
  position: absolute;
  left: 1em;
  transform: translate(-50%, calc(-100% - 8px));
  color: #c8c8c8;
  font-size: 14px;
}

ul._3yVMmQmkbizwzlBojciZTW li._3VmWf21mlJPE4g7weTg3TS:before {
  color: #fff;
  font-weight: 700;
}

ul._3yVMmQmkbizwzlBojciZTW li:last-child {
  width: unset;
}

ul._3yVMmQmkbizwzlBojciZTW li:last-child:before {
  left: -1em;
}

ul._3yVMmQmkbizwzlBojciZTW li:last-child:after {
  transform: translateX(-100%);
}

@media screen and (max-width: 1235px) {
    ._3m9vfbPi7PI_U1XYm5ZuBD {
        padding-left: 0;
    }
    ._3hDQ9Kh0C2h5dGOwUY2l8u {
        padding-left: 0;
    }
    .SbjXsvXpqniFuoDWUp61y {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 1215px) {
    ._25AhPouZmcaafNyDuXr7sa {
        padding-right: 0;
        margin-right: 0 !important;
    }
    ._13gklNTPcDm6jvSqsKxs4D {
        padding-left: 0;
    }
}

@media screen and (max-width: 1023px) {
    ._2pKCP4z5eAX_oXasLJE06D {
        width: 100%;
        margin: 5px 7.5px;
    }
}

@media screen and (max-width: 768px) {
  .nfWR6Gua2WYOpTYKNj_G_ {
    max-width: 285px;
    margin: 10px 0;
  }

  ._2q93ToZ216Xawr-xFWsqUc {
    max-width: 250px;
    margin: 10px 0;
  }
}

@media screen and (max-width: 616px) {
    ._3D0o3YFux1eG3zcU1exkbe {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    #FoYhsK8Eiyh1L3ak0Y1OU ._1uOwSDsnAOw9fRdrL4i3Dq label {
        padding: 6px 12px 6px 0;
    }
}

@media screen and (max-width: 449px) {
    #FoYhsK8Eiyh1L3ak0Y1OU .itDDi-Xb9zV19PZb97SWW {
        justify-content: flex-end;
    }
    #FoYhsK8Eiyh1L3ak0Y1OU .itDDi-Xb9zV19PZb97SWW label {
        padding: 12px 0;
    }
}

@media (max-width: 799px) {
  ul._3yVMmQmkbizwzlBojciZTW li:before {
    font-size: 12px;
  }
}

@media (max-width: 700px) {
  .xMbXGEfO6-9s5LpRdBdNC thead, ._1Le-0NwMg5OCGe6s0AGIJk thead {
    display: none;
  }
  .xMbXGEfO6-9s5LpRdBdNC tr, ._1Le-0NwMg5OCGe6s0AGIJk tr {
    display: block;
    margin-bottom: 40px;
  }
  .xMbXGEfO6-9s5LpRdBdNC td, ._1Le-0NwMg5OCGe6s0AGIJk td {
    display: block;
    text-align: right;
  }
  .xMbXGEfO6-9s5LpRdBdNC td:before, ._1Le-0NwMg5OCGe6s0AGIJk td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  ._1Le-0NwMg5OCGe6s0AGIJk input {
    width: 140px !important;
    margin: 0 !important;
  }
  ._1Le-0NwMg5OCGe6s0AGIJk td {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 !important;
  }
}

.MikEQj2Cxm_aB8zevfjRk {
    height: 36rem;
    display: flex;
    align-items: center;
    justify-content: center
}
.MikEQj2Cxm_aB8zevfjRk svg {
    width: 10rem;
    height: 10rem;
}

.page404 {
    background: no-repeat center;
    background-size: cover;
    min-height: 550px;
    position: relative;
}

.bloc-txt-404 {
    position: absolute;
    width: 727px;
    right: 0;
    top: 100px;
}

.tit-q {
    font-size: 75px;
    color: #fff;
    margin-bottom: 13px;
    display: block;
    line-height: 76px;
}

.tit-q2 {
    font-size: 30px;
    font-style: italic;
    color: #fff;
    border-bottom: 2px dashed #fff;
    display: block;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.par-q2 {
    font-size: 18px;
    color: #fff;
    clear: both;
    padding-right: 50px;
    margin-bottom: 25px;
}

.link-q a {
    width: 287px;
    font-size:14px;
    height: 64px;
    background-color: #0089b4;
    line-height: 64px;
    padding-left: 30px;
    margin-right: 10px;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

@media(max-width: 800px) {
    .page404 {
        min-height: 850px;
    }

    .bloc-txt-404 {
        width: 85%;
        margin: 0 auto;
        position: relative;
    }
}

div._11bBuY3NH7lRMCf2Cacz5Y .Sv248BpEa55DXF_KrD2dX, div._11bBuY3NH7lRMCf2Cacz5Y .Sv248BpEa55DXF_KrD2dX > a {
    color: #fff;
}

div._11bBuY3NH7lRMCf2Cacz5Y form {
    display: flex;
    flex-direction: column;
}

div._11bBuY3NH7lRMCf2Cacz5Y form label span {
    width: 120px;
    display: inline-block;
}

div._11bBuY3NH7lRMCf2Cacz5Y form input {
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    border: 1px solid #b4b3b3;
    color: #00384b;
    margin: 10px 0;
    width: 100%;
}

div._11bBuY3NH7lRMCf2Cacz5Y form input[type="submit"], div._11bBuY3NH7lRMCf2Cacz5Y ._2rWzROLo-r8YYpPeCe9PDD {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    background-color: #0089b4;
    border: none;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0;
    width: 100%;
    font-weight: 700;
    display: block;
}

div._11bBuY3NH7lRMCf2Cacz5Y form input[type="text"], div._11bBuY3NH7lRMCf2Cacz5Y form input[type="password"] {
    width: calc(100% - 30px);
    padding: 0 15px;
}

div._3a-Am-_62R_vb_oQ8Lgek0 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

div._3a-Am-_62R_vb_oQ8Lgek0 > div {
    margin: 25px;
}

div._3a-Am-_62R_vb_oQ8Lgek0 > div:first-child {
    margin-right: 50px;
}

div._3a-Am-_62R_vb_oQ8Lgek0 > div:last-child {
    margin-left: 50px;
}

div._3a-Am-_62R_vb_oQ8Lgek0 > hr {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    border: 0;
    border-left: 1px solid #386473;
}

@media (max-width: 944px) {
    div._3a-Am-_62R_vb_oQ8Lgek0 {
        flex-direction: column;
    }
    div._3a-Am-_62R_vb_oQ8Lgek0 > hr {
        height: 1px !important;
        width: 80%;
        border-bottom: 2px solid #fff;
    }
    div._3a-Am-_62R_vb_oQ8Lgek0 > div:first-child {
        margin-right: 25px;
        margin-bottom: 50px;
    }

    div._3a-Am-_62R_vb_oQ8Lgek0 > div:last-child {
        margin-top: 50px;
        margin-left: 25px;
    }
}

/*----------------------------------------------------*/
/*Faux boutons*/
/*----------------------------------------------------*/
._2a5p8bK62PeJPSSYnsAkS8 {
    background-color: #737171;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 42px;
    height: 42px;
    min-width: 136px;
    width: 136px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 1px 1px 1px 0;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 66px;
}
.lo26VKsPV6CX9lUk-x_cl {
    background: linear-gradient(90deg, rgb(106, 181, 212) 0%, rgb(49, 62, 138) 100%);
    color: #ffffff;
    text-transform: uppercase;
    line-height: 42px;
    height: 42px;
    min-width: 136px;
    width: 136px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 1px 1px 1px 0;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 66px;
}
.lo26VKsPV6CX9lUk-x_cl:hover {
    color: #40B0D5;
    background: #fff;
}
._3f5bYyetcYPi-ykyCOCBfw {
    background-color: #ff004c;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 42px;
    height: 42px;
    min-width: 136px;
    width: 136px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 1px 1px 1px 0;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 66px;
}
.lo26VKsPV6CX9lUk-x_cl, ._3f5bYyetcYPi-ykyCOCBfw {
    border: none;
}
._1o9Oo2vE7-cxqjGMxGJVon {
  font-size: 18px;
}
@media (min-width: 800px) {
  ._1o9Oo2vE7-cxqjGMxGJVon {
    font-size: 30px;
  }
}
/*----------------------------------------------------*/
/*FIN Faux boutons*/
/*----------------------------------------------------*/

.ufVVpz2KOpxZQNYgfAwes {
    color:red;
    font-weight: bold;
}

#_2faRpRtGqotwozg4Ww9Qmt {
    box-sizing: border-box;
    padding: 10px 5px 25px 5px;
    width: 100%;
    color: #FFFFFF;
    font-family: 'CeraPro', Arial, sans-serif;
    overflow: hidden;
    min-height: 60vh;
}

#_2faRpRtGqotwozg4Ww9Qmt .RmDXsYpf5pazlH0yV-zZM {
    background-color: transparent;
    padding: 5px;
    margin: 5px;
    width: auto;
}

#_2faRpRtGqotwozg4Ww9Qmt ._1bvTmJKd0-5YWTmO8-r-kQ {
    background-color: #002734;
    padding: 5px;
    margin: 5px;
    width: auto;
}

#_2faRpRtGqotwozg4Ww9Qmt a {
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
}

._AKOhlhCOHfLbpmhzXg9g {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

table._1KDsvXHUffSTJr8WXaVFyX {
    width: 95%;
    text-align: center;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

table._1KDsvXHUffSTJr8WXaVFyX tr {
    background-color: #005873;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #011f29;
}

table._1KDsvXHUffSTJr8WXaVFyX thead tr {
    background-color: #003c4f;
}

table._1KDsvXHUffSTJr8WXaVFyX thead td {
    font-weight: bold;
}

table._1KDsvXHUffSTJr8WXaVFyX ._2KNl6FgnjPOmkBVKxXLV3l {
    background-color: #005873;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
}

/*Version Smartphone*/

@media screen and (max-width: 767px) {
    table._1KDsvXHUffSTJr8WXaVFyX td {
        font-size: 12px;
    }
}

.EolG7qGWKlI3K6_p5h_Ok {
    display: flex;
    justify-content: center;
    width: 80%;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid white;
}

.EolG7qGWKlI3K6_p5h_Ok:first-child {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid white;
}

.EolG7qGWKlI3K6_p5h_Ok:last-child {
    border-bottom: none;
}

.EolG7qGWKlI3K6_p5h_Ok .xHH2MngsmofdEW96YDsSt, .EolG7qGWKlI3K6_p5h_Ok ._1JFKkp8MDtx5LZR8NFPpBw {
    max-width: 600px;
    width: 65%;
    display: flex;
    overflow: hidden;
}

.EolG7qGWKlI3K6_p5h_Ok .FdB6R22wJr5bDcLij5voc, .EolG7qGWKlI3K6_p5h_Ok ._3ibkrzjGr61djq9ELb22Dj {
    max-width: 300px;
    width: 35%;
    display: flex;
    overflow: hidden;
}

.EolG7qGWKlI3K6_p5h_Ok ._1fDZPchnvuppA6C_6SdEvW {
    display: flex;
    overflow: hidden;
}

._2nWN3lJwEvIe2fu5jfnAkI {
    box-sizing: border-box;
    background-color: #003749;
    width: auto;
    font-size: 30px;
    font-weight: 400;
    line-height: 60px;
    margin: 0 40px 5px 40px;
}

.EolG7qGWKlI3K6_p5h_Ok .xHH2MngsmofdEW96YDsSt span,
.EolG7qGWKlI3K6_p5h_Ok ._1JFKkp8MDtx5LZR8NFPpBw span,
.EolG7qGWKlI3K6_p5h_Ok .FdB6R22wJr5bDcLij5voc span,
.EolG7qGWKlI3K6_p5h_Ok ._3ibkrzjGr61djq9ELb22Dj span,
.EolG7qGWKlI3K6_p5h_Ok span {
    display: inline-block;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
}

.EolG7qGWKlI3K6_p5h_Ok ._1JFKkp8MDtx5LZR8NFPpBw,
.EolG7qGWKlI3K6_p5h_Ok ._3ibkrzjGr61djq9ELb22Dj {
    justify-content: flex-end;
}

.EolG7qGWKlI3K6_p5h_Ok ._26PKm0T6UKLFLCnP4DnHt8 {
    margin-top: 10px;
}

.EolG7qGWKlI3K6_p5h_Ok .Jx0qkqh9GAYqyMi9g5NbE {
    color: #01a281;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.EolG7qGWKlI3K6_p5h_Ok .W4joCURMMltRmPmH03Q0a {
    color: #0089b4;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.EolG7qGWKlI3K6_p5h_Ok .VljP-b0PrtzjoqMRghres {
    padding-left: 11px;
    background-color: #01a281;
    font-size: 16px;
    font-weight: 400;
    white-space: pre-line;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}

.EolG7qGWKlI3K6_p5h_Ok ._3dkyoFCtX8_jS7sWyOJqY- {
    background-color: #0089b4;
    font-size: 16px;
    font-weight: 400;
    padding-left: 11px;
    text-indent: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}

.EolG7qGWKlI3K6_p5h_Ok ._2Ps3mqn-uroNpeNh5K80yY {
    color: #01A281;
    font-size: 11px;
}

.EolG7qGWKlI3K6_p5h_Ok ._3iv6O21cM4PzddrN74y9Zb {
    background-color: #fff000;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding-left: 11px;
    text-indent: 0;
    display: block;
    width: 100%;
}

.EolG7qGWKlI3K6_p5h_Ok .JYOMEFqpssk3KJEHJgg2z {
    text-align: right;
    display: block;
    padding-right: 5px;
    color: #0089b4;
}

.EolG7qGWKlI3K6_p5h_Ok ._1vWhRzvyO13_9m7_98rogx {
    text-align: center;
    display: block;
}

@media screen and (max-width: 767px) {
    .EolG7qGWKlI3K6_p5h_Ok .xHH2MngsmofdEW96YDsSt span,
    .EolG7qGWKlI3K6_p5h_Ok ._1JFKkp8MDtx5LZR8NFPpBw span,
    .EolG7qGWKlI3K6_p5h_Ok .FdB6R22wJr5bDcLij5voc span,
    .EolG7qGWKlI3K6_p5h_Ok ._3ibkrzjGr61djq9ELb22Dj span,
    .EolG7qGWKlI3K6_p5h_Ok span {
        font-size: 10px;
    }
}

._1j6mEd7GaJh81F8n5wajNt {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto 15px auto;
    padding: 10px;
}

._1boN8yD3t_B-1QtCcpU8xz {
    border: 1px solid #0089b4;
}

.nqd0JCQguHJycFTkPzYgs {
    border: 2px solid #decb64 !important;
}

._3942lIR4wWTd22rY_krH7x {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.FL7zAPxkaecPNeL_CvFOL {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.tTw69dzDq9wOG_KvLrv0a {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

._1j6mEd7GaJh81F8n5wajNt input[type=text],
._1j6mEd7GaJh81F8n5wajNt input[type=password],
._1j6mEd7GaJh81F8n5wajNt input[type=email],
._1j6mEd7GaJh81F8n5wajNt input[type=tel],
._1j6mEd7GaJh81F8n5wajNt input[type=date],
._1j6mEd7GaJh81F8n5wajNt input[type=number],
._1j6mEd7GaJh81F8n5wajNt select,
._1j6mEd7GaJh81F8n5wajNt textarea {
    padding: 12px;
    margin-right: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    resize: vertical;
}

._1j6mEd7GaJh81F8n5wajNt input[type="text"],
._1j6mEd7GaJh81F8n5wajNt select {
    width: 250px;
}

._1j6mEd7GaJh81F8n5wajNt input[type="text"]._6RmEav6Vqdi4HPRJ7cf3a {
    width: 50px;
}

label {
    padding: 5px 0 5px 0;
    display: inline-block;
}

._1j6mEd7GaJh81F8n5wajNt label span {
    display: inline-block;
}

._3942lIR4wWTd22rY_krH7x label span {
    width: 200px;
}

._3942lIR4wWTd22rY_krH7x label._3Tt4I5zxpVYDF3tiIiDgxc span {
    width: 60px !important;
}

._1j6mEd7GaJh81F8n5wajNt label._3Tt4I5zxpVYDF3tiIiDgxc input[type="text"],
._1j6mEd7GaJh81F8n5wajNt label._3Tt4I5zxpVYDF3tiIiDgxc select {
    width: 150px !important;
}

.FL7zAPxkaecPNeL_CvFOL label span {
    width: 60px;
    margin-left: 15px;
    margin-right: 5px;
}

/*--------------------------------------------------------*/
/* Custom Onglets */
/*--------------------------------------------------------*/
.XZ-QLsyfRnLxNaCcH50_M {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 40px;
    margin: 0 40px 0 40px;
}
.XZ-QLsyfRnLxNaCcH50_M a {
    margin: 20px 5px;
}
.XZ-QLsyfRnLxNaCcH50_M a:first-child {
    margin-left: 0;
}
.XZ-QLsyfRnLxNaCcH50_M span {
    box-sizing: border-box;
    height: 30px;
    padding: 8px 15px 8px 15px;
    cursor: pointer;
    text-transform: uppercase;
}
.XZ-QLsyfRnLxNaCcH50_M ._1SJLjyiz8TXd_6cHohNAYW, .XZ-QLsyfRnLxNaCcH50_M ._2juH2vN1GaCZj6kJWsNroG:hover {
    background-color: #ffffff;
    color: #02181c;
    border-radius: 10px;
}
.XZ-QLsyfRnLxNaCcH50_M ._2juH2vN1GaCZj6kJWsNroG {
    color: #ffffff;
    background-color: #02181c;
    border: 1px solid #ffffff;
    border-radius: 10px;
}
.tabsMobile {
    display: none;
}
/*the container must be positioned relative:*/
.tabsMobile {
    position: relative;
    margin-bottom: 3px;
}
.tabsMobile select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
    background: url(/assets/images/deroule.97c35ab5cc5b022af9a6ee97e317afa8.png) no-repeat scroll 100% 100% #9faaae;
    background-size: 12px;
    background-position: 95%;
}
/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    width: 260px;
    color: #000000;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
}
.select-items div:last-child {
    border-radius: 0 0 10px 10px;
}
.select-items div:last-child:before {
    border: none;
}
.select-items div {
    position: relative;
}
.select-items div:before {
    content : "";
    position: absolute;
    left    : 10%;
    bottom  : 0;
    height  : 1px;
    width   : 80%;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 1.0) transparent;
}
.select-selected {
    border: 2px solid #000000;
    border-radius: 10px 10px 10px 10px;
}
.select-selected.select-arrow-active {
    border-radius: 10px 10px 0 0;
}
/*style items (options):*/
.select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
.select-items > div {
    background-color: #c4ccce;
}
.select-items > div:hover, .same-as-selected  {
    background-color: #9faaae;
}
.same-as-selected {
    display: none;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
/*Version Smartphone*/
@media screen and (max-width: 1023px) {
    .XZ-QLsyfRnLxNaCcH50_M a {
        display: none;
    }
        .XZ-QLsyfRnLxNaCcH50_M a:last-child {
        display: block;
    }
        .tabsMobile {
        display: block;
    }
}
@media screen and (max-width: 555px) {
    .tabsMobile {
        width: 100%;
    }
    .select-items div, .select-selected {
        width: calc(100% - 42px);
    }
}
/*--------------------------------------------------------*/
/* FIN Custom Onglets */
/*--------------------------------------------------------*/

._2qZUB_1rEX6VF6KYUhhnT9 p {
    margin: 0;
}

._30FQE4iYNcYT4zab6kYJjD {
    margin-top: 20px;
}

._2cuRFJOKFDf7mIV8B3u3jY {
    background-color: #003b4f;
    padding: 10px;
}

._1mJL2SASeuNjd7zrSKxRg7 {
    background-color: #0089b4;
    padding: 10px 20px 10px 20px;
    margin-top: 20px;
}

._7H8zSJ8OXCl8ZRNzlorc- {
    margin-bottom: 20px;
}

._2hzYVoC2wO18cjs4A_3aIv {
    padding: 10px 40px 10px 40px;
    background-color: #22505f;
    border-bottom: 5px solid #336373;
}

._2j2OOzhMEDwzffF5Lfrxv8 {
    color: #ffffff;
    text-align: center;
    font-weight: 400;
}

#avertissement {
    margin: 0 auto;
    max-width: 1000px;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px;
}

#avertissement .errorMsg {
    color:red;
    font-weight: bold;
}

#avertissement .abonne {
    width: 250px;
    float: none;
    margin: 0 auto;
    min-width: unset;
    padding: 0;
    cursor: pointer;
    border: none;
}

#avertissement form {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#avertissement form input {
    width: 250px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #b4b3b3;
}

#avertissement form label {
    height: 36px;
    line-height: 36px;
    color: #0089b4;
    font-size: 16px;
    font-weight: 400;
}

#avertissement #imageTVWrapper {
    margin: 0 auto;
}

#avertissement .imageTVWrapper .tvImg {
    width: 100%;
    max-width: 384px;
    height: auto;
}

#avertissement .rightEtape {
    width: 100%;
}

#avertissement h2 {
    font-size: 33px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 19px;
    text-transform: uppercase;
    text-align: center;
    flex-basis: 100%;
}

.avertissement h3 {
    text-transform: uppercase;
    color: #f6ff01;
    font-size: 30px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.avertissement h3 span {
    display: inline-block;
    height: 62px;
    width: 62px;
    line-height: 62px;
    font-weight: bold;
    color: #ff73a5;
    text-align: center;
    font-size: 43px;
    margin-left: 31px;
    background: #fff;
    border-radius: 40px;
    text-indent: -2px;
}

.avertissement h5 {
    text-transform: uppercase;
    color: #ff73a5;
    font-weight: bold;
    font-size: 14px;
    line-height: 23px;
    margin: 0;
}

.avertissement p {
    padding: 21px 0 7px 0;
    margin: 0;
    font-size: 14px;
    font-weight: initial;
}

.azuremediaplayer.filmo-skin.amp-big-play-centered .vjs-big-play-button {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.azuremediaplayer.filmo-skin .amp-quality-control,
.azuremediaplayer.filmo-skin .vjs-captions-button {
    display: none;
}

.azuremediaplayer.filmo-skin .vjs-loading-spinner {
    background: url('data:image/svg+xml;utf8,<svg width="100px" height="100px" xmlns="http://www.w3.org/2000/svg" viewBox="25 25 50 50" preserveAspectRatio="xMidYMid" class="lds-rolling" style="shape-rendering: auto; animation-play-state: running; animation-delay: 0s; background: none;"><circle cx="50" cy="50" fill="none" ng-attr-stroke="{{config.color}}" ng-attr-stroke-width="{{config.width}}" ng-attr-r="{{config.radius}}" ng-attr-stroke-dasharray="{{config.dasharray}}" stroke="#07A5C0" stroke-width="4" r="16" stroke-dasharray="75.39822368615503 27.132741228718345" style="animation-play-state: running; animation-delay: 0s;" transform="rotate(183.352 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite" style="animation-play-state: running; animation-delay: 0s;"></animateTransform></circle></svg>');
}

.azuremediaplayer.filmo-skin .vjs-loading-spinner::before {
    content: "";
}

.azuremediaplayer.filmo-skin.vjs-fullscreen .outline-enabled.vjs-player:focus .vjs-fullscreen-outline,
.azuremediaplayer.filmo-skin:not(.vjs-fullscreen) .outline-enabled.vjs-player:focus {
    outline: none !important;
}

.azuremediaplayer.filmo-skin, .azuremediaplayer.filmo-skin video {
    width: 100vw !important;
    height: 100vh !important;
}

.portalWrapper.portalPlayer > div > a {
    top: 10px;
    right: 20px;
}

@media (min-width: 1025px) {
    .azuremediaplayer.filmo-skin .vjs-control::before {
        font-size: 24px;
        line-height: 44px;
    }

    .azuremediaplayer.filmo-skin .vjs-time-control {
        line-height: 44px;
    }

    .azuremediaplayer.filmo-skin .vjs-play-control,
    .azuremediaplayer.filmo-skin .vjs-volume-control,
    .azuremediaplayer.filmo-skin .vjs-mute-control,
    .azuremediaplayer.filmo-skin .vjs-fullscreen-control,
    .azuremediaplayer.filmo-skin .amp-audiotracks-control {
        height: 44px;
        width: 44px;
    }
}

::cue(c.transparent) {
  color: transparent;
}

::cue(c.semi-transparent) {
  color: rgba(0, 0, 0, .5);
}

::cue(c.opaque) {
  color: rgba(0, 0, 0, 1);
}

::cue(c.blink) {
  text-decoration: blink;
}

::cue(c.white) {
  color: white;
}

::cue(c.red) {
  color: red;
}

::cue(c.green) {
  color: lime;
}

::cue(c.blue) {
  color: blue;
}

::cue(c.cyan) {
  color: cyan;
}

::cue(c.yellow) {
  color: yellow;
}

::cue(c.magenta) {
  color: magenta;
}

::cue(c.bg_transparent) {
  background-color: transparent;
}

::cue(c.bg_semi-transparent) {
  background-color: rgba(0, 0, 0, .5);
}

::cue(c.bg_opaque) {
  background-color: rgba(0, 0, 0, 1);
}

::cue(c.bg_white) {
  background-color: white;
}

::cue(c.bg_green) {
  background-color: lime;
}

::cue(c.bg_blue) {
  background-color: blue;
}

::cue(c.bg_cyan) {
  background-color: cyan;
}

::cue(c.bg_red) {
  background-color: red;
}

::cue(c.bg_yellow) {
  background-color: yellow;
}

::cue(c.bg_magenta) {
  background-color: magenta;
}

::cue(c.bg_black) {
  background-color: black;
}

::cue(c.bg_white.bg_semi-transparent) {
  background-color: rgba(255, 255, 255, .5);
}

::cue(c.bg_green.bg_semi-transparent) {
  background-color: rgba(0, 256, 0, .5);
}

::cue(c.bg_blue.bg_semi-transparent) {
  background-color: rgba(0, 0, 255, .5);
}

::cue(c.bg_cyan.bg_semi-transparent) {
  background-color: rgba(0, 255, 255, .5);
}

::cue(c.bg_red.bg_semi-transparent) {
  background-color: rgba(255, 0, 0, .5);
}

::cue(c.bg_yellow.bg_semi-transparent) {
  background-color: rgba(255, 255, 0, .5);
}

::cue(c.bg_magenta.bg_semi-transparent) {
  background-color: rgba(255, 0, 255, .5);
}

::cue(c.bg_black.bg_semi-transparent) {
  background-color: rgba(0, 0, 0, .5);
}

footer {
    background-color: #0A0E17;
    font-family: 'CeraPro', Arial, sans-serif;
    color: #C8C8C8;
    padding: 15px 40px;
    font-size: 12px;
    font-weight: 700;
}

main footer#mobile-footer {
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

main.home-page footer#mobile-footer {
    padding: 120px 15px 15px;
    height: calc(100% - 135px);
}

@media screen and (max-width: 799px) {
    main footer#base-footer {
        display: none;
    }
}

@media screen and (min-width: 800px) {
    main footer#mobile-footer {
        display: none;
    }
}

@media screen and (max-width: 1140px) {
  footer {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 900px) {
  footer {
    padding: 15px 7.5px;
  }
}

footer ._1ACXT9BlSF8vnv5mr8dWdm {
    margin-bottom: 0;
}

footer._33eS6oti3XzXziYpePdqya ._1ACXT9BlSF8vnv5mr8dWdm {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0 !important;
}

footer .cNFFaV9wriCs4KZXASBZZ {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

footer .cNFFaV9wriCs4KZXASBZZ ._1ACXT9BlSF8vnv5mr8dWdm {
    margin: 12px 0;
}

footer .cNFFaV9wriCs4KZXASBZZ div {
    width: 100%;
}

footer .cNFFaV9wriCs4KZXASBZZ div:first-child img {
    margin: 20px 11px 0 0;
}

footer .cNFFaV9wriCs4KZXASBZZ form {
    display: flex;
    justify-content: left;
    align-items: center;
}

footer .cNFFaV9wriCs4KZXASBZZ form input[type="text"] {
    height: 37px;
    line-height: 37px;
    padding: 0 0 0 14px;
    background-color: #1A202D;
    border-radius: 10px;
    border: none;
    width: 100%;
    color: #ffffff;
}

footer .cNFFaV9wriCs4KZXASBZZ form input[type="submit"] {
    border: 0 none;
    height: 35px;
    margin: 0 0 0 7px;
    padding: 0;
    width: 46px;
    display: none;
}

footer .cNFFaV9wriCs4KZXASBZZ form input[type="text"]:not(:placeholder-shown) + input[type="submit"] {
    display: inline-block;
}

footer .cNFFaV9wriCs4KZXASBZZ div:nth-child(3) img {
    margin: 15px 0 0 0;
    display: block;
}

footer ._1v2mFQNHsT-rftcJcP8s7L {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 20px 30px;
}

footer ._1v2mFQNHsT-rftcJcP8s7L div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

footer ._1v2mFQNHsT-rftcJcP8s7L div img {
    padding: 30px;
    transition: all 0.5s;
    width: auto;
    height: 27px;
}

footer ._1v2mFQNHsT-rftcJcP8s7L div img:hover {
    transform: scale(1.1);
}

footer .X40WxAmbgo_0IbceBSmXr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 37px;
}

footer ._1IIJnxwfyp-hIA_gG3hioy {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 6px;
}

footer ._1IIJnxwfyp-hIA_gG3hioy.accordion__body--hidden {
    display: none;
}

footer ._1Q4GTJb6abZRJFmiNSzGXP {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

footer ._1Q4GTJb6abZRJFmiNSzGXP .To0Ovs1e-Ngh9YcXcOB_6 {
    margin: 6px 0;
    text-decoration: none;
    color: #C8C8C8;
}

footer ._1Q4GTJb6abZRJFmiNSzGXP .To0Ovs1e-Ngh9YcXcOB_6:hover {
    color: #ffffff;
}

footer ._1Q4GTJb6abZRJFmiNSzGXP .To0Ovs1e-Ngh9YcXcOB_6._47K04F7FI0v1k7wELT4qx {
    color: #004f69;
}

footer ._1Q4GTJb6abZRJFmiNSzGXP .To0Ovs1e-Ngh9YcXcOB_6:hover._47K04F7FI0v1k7wELT4qx {
    color: #ffffff;
}

footer ._2GQeHRyRI2JAdNkf-OEvXG a {
    color: #ffffff;
    text-decoration: none;
}

footer ._2GQeHRyRI2JAdNkf-OEvXG a:hover {
    color: #00a7df;
}

footer ._2GQeHRyRI2JAdNkf-OEvXG p {
    text-align: justify;
    max-width: 1400px;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
}

footer ._3vPft4ktao2Cnm9XxxdwHr {
    display: none;
}

footer .spoiler__block {
    transition: max-height 1s ease;
    max-height: 0;
    overflow: hidden;
}

footer .spoiler__button {
    transition: rotate .5s ease;
}

footer .spoiler.active .spoiler__block {
    max-height: 200px;
}

footer .spoiler.active .spoiler__button {
    rotate: 180deg;
}

@media screen and (min-width: 1200px) {
  footer ._1Q4GTJb6abZRJFmiNSzGXP .To0Ovs1e-Ngh9YcXcOB_6 {
    margin: 12px 0;
  }
  footer ._3vPft4ktao2Cnm9XxxdwHr {
    display: flex;
  }
  footer ._2_RcQGGMkmWpHOluyZc-qu {
    display: flex;
    justify-content: space-between;
  }
  footer ._2_RcQGGMkmWpHOluyZc-qu > div:not(:last-child) {
    margin-right: 10px;
  }
  footer ._1IIJnxwfyp-hIA_gG3hioy {
    flex-direction: row;
    gap: 12px;
  }
}