/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./dev/scss/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
Theme Name: leschartreux Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the leschartreux Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: leschartreux
*/
/* bree-serif-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/bree-serif-v17-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

@font-face {
  font-family: 'Cambria';
  src: url("./assets/fonts/Cambria.woff2") format("woff2"), url("./assets/fonts/Cambria.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cambria';
  src: url("./assets/fonts/Cambria.woff2") format("woff2"), url("./assets/fonts/Cambria.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cambria';
  src: url("./assets/fonts/Cambria.woff2") format("woff2"), url("./assets/fonts/Cambria.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Cambria';
  src: url("./assets/fonts/Cambria.woff2") format("woff2"), url("./assets/fonts/Cambria.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/Helvetica.woff2") format("woff2"), url("./assets/fonts/Helvetica.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/Helvetica-Oblique.woff2") format("woff2"), url("./assets/fonts/Helvetica-Oblique.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/Helvetica-Compressed.woff2") format("woff2"), url("./assets/fonts/Helvetica-Compressed.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/HelveticaRounded-Bold.woff2") format("woff2"), url("./assets/fonts/HelveticaRounded-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("./assets/fonts/Helvetica-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/Helvetica-BoldOblique.woff2") format("woff2"), url("./assets/fonts/Helvetica-BoldOblique.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("./assets/fonts/Helvetica-Light.woff2") format("woff2"), url("./assets/fonts/Helvetica-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

/* poppins-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/fonts/poppins-v22-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* poppins-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/poppins-v22-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* poppins-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/poppins-v22-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* poppins-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url("./assets/fonts/poppins-v22-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* poppins-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/poppins-v22-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

:root {
  --color-primary: #C80201;
  --color-secondary: #1C1C1C;
  --color-yellow: #FDC75F;
  --font-Primary: "Bree Serif", sans-serif;
  --font-scondary: "Cambria", sans-serif;
  --font-Helvetica: "Helvetica", sans-serif;
  --font-Poppins: "Poppins", sans-serif;
  /* logo */
  --y: 150px;
  /* menu size */
  --x: 1183px;
  /* vw */
  --z: 100vw;
  --logo-space: calc((var(--z) - var(--x)) / 2 + var(--y)); }

body {
  font-family: var(--font-primary);
  margin: 0;
  background-color: #FFCC02; }

.site-header {
  display: none; }

button[data-action="stop"],
.tns-liveregion {
  display: none; }

p {
  margin: 0;
  padding: 0; }

option {
  font-family: 'sans-serif'; }

option {
  font-family: var(--font-Poppins); }

.wpcf7-not-valid-tip {
  font-size: 12px;
  font-family: "Poppins"; }

.hero-slider .white .sa_owl_theme .owl-nav .owl-prev:hover,
.hero-slider .white .sa_owl_theme .owl-nav .owl-next:hover {
  background-color: #ffffff00 !important; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #c0c0c0 #ffffff; }

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px; }

*::-webkit-scrollbar-track {
  background: #ffffff; }

*::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 15px;
  border: 3px solid #ffffff; }

*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word; }

* {
  margin: 0;
  padding: 0;
  font: inherit; }

p,
figure {
  margin: 0; }

html,
sup,
figure {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  border: 0;
  font-weight: 500;
  line-height: 1.2; }

p em {
  font-style: italic; }

form,
img,
label,
legend,
li,
ol,
p,
small,
sub,
ul {
  border: 0;
  line-height: inherit;
  text-align: inherit; }

sup {
  line-height: inherit; }

button,
h1,
h2,
h3,
h4,
h5,
h6,
sup,
th {
  text-align: inherit;
  margin: inherit; }

button {
  border-radius: 0; }

th {
  border: 0;
  line-height: inherit;
  text-align: -webkit-match-parent; }

a {
  transition: color 0.3s ease; }
  a, a:active, a:visited {
    text-decoration: none;
    outline: 0;
    color: currentColor; }

strong {
  font-weight: 500; }

b {
  font-weight: 500; }

svg {
  overflow: hidden;
  vertical-align: middle; }

caption {
  color: currentColor;
  text-align: left;
  caption-side: bottom; }

label {
  display: inline-block; }

button:focus:not(:focus-visible),
.tns-controls {
  outline: 0; }

button,
input,
optgroup,
select,
textarea {
  line-height: inherit;
  appearance: none;
  outline: 0;
  border: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }

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

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer; }

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

textarea {
  overflow: auto;
  resize: vertical; }

sup {
  font-size: 8px; }

img,
video {
  -webkit-user-select: none;
          user-select: none;
  border-style: none;
  max-width: 100%;
  font-size: 0;
  height: auto;
  display: block; }

ul,
ol {
  list-style: none; }

.banner {
  margin-top: 50px;
  max-width: 1722px;
  margin-inline: auto;
  width: calc(100% - 193px); }
  .banner .container {
    border-bottom: 5px solid #17365E; }
  .banner .title-header {
    color: #17365E;
    font-family: "Poppins";
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase; }
  .banner svg {
    margin-bottom: 43px; }

.sa_hover_container .textContainer {
  display: none !important; }

.bondeau {
  max-width: 1722px;
  margin-inline: auto;
  width: calc(100% - 193px);
  margin-top: 32px;
  position: relative; }
  .bondeau .btn-voir-fresque {
    font-family: Poppins;
    font-weight: 800;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 15px;
    background-color: #17365E;
    padding: 15px 68px;
    display: block;
    width: max-content;
    cursor: pointer;
    border: 1px solid #17365E;
    transition: all 0.3s ease-in-out; }
    .bondeau .btn-voir-fresque:hover {
      background-color: #fff;
      color: #17365E;
      border: 1px solid #17365E; }
  .bondeau .icons-drown {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 5px;
    animation: bounce 1.5s infinite ease-in-out; }

@keyframes bounce {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(10px); } }

.bloc-text {
  max-width: 1722px;
  margin-inline: auto;
  width: calc(100% - 193px);
  padding-top: 51px;
  padding-bottom: 22px;
  padding-inline: 42px; }
  .bloc-text .title-l {
    font-size: 48px;
    color: #17365E;
    font-weight: 600;
    font-family: Poppins;
    margin-top: 0; }
  .bloc-text .pharagraph p, .bloc-text .shortText p {
    font-size: 24px;
    color: #17365E;
    font-family: "Poppins";
    text-align: justify;
    font-weight: 400;
    margin-bottom: 12px;
    font-style: normal; }
  .bloc-text .content-text {
    display: flex;
    gap: 178px; }
  .bloc-text strong {
    font-weight: 700; }
  @media screen and (max-width: 992px) {
    .bloc-text {
      padding-inline: 30px; }
      .bloc-text .title-l {
        font-size: 24px; }
      .bloc-text .pharagraph p, .bloc-text .shortText p {
        font-size: 18px; }
      .bloc-text #readmore_0, .bloc-text .crop-text {
        color: #26445c;
        font-family: "Cambria";
        cursor: pointer; }
      .bloc-text [crop-text] {
        display: none; }
      .bloc-text .content-text {
        gap: 41px; } }
  @media screen and (max-width: 512px) {
    .bloc-text {
      padding-bottom: 22px;
      padding-top: 20px;
      padding-inline: 21px; }
      .bloc-text .title-l {
        font-size: 25px;
        margin-bottom: 6px; }
      .bloc-text .pharagraph p, .bloc-text .shortText p {
        font-size: 16px;
        text-align: justify; } }

.backgrund-image img {
  margin-inline: auto; }

.footer-bottom {
  background-color: #17365E;
  padding: 48px 0;
  max-width: 1900px;
  width: 100%;
  margin-inline: auto;
  width: calc(100% - 46px); }

.mosaic-section {
  /* Responsive Design */
  /* Animation for photos loading */ }
  .mosaic-section .mosaic-container {
    position: relative;
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    aspect-ratio: 0/9;
    background-color: #17365E;
    overflow: hidden; }
  .mosaic-section .photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    gap: 2px;
    width: 100%;
    height: 100%; }
  .mosaic-section .photo-item {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    cursor: pointer;
    overflow: hidden;
    /* Creates a square aspect ratio */ }
    .mosaic-section .photo-item img {
      transition: all 0.3s ease-in-out; }
    .mosaic-section .photo-item:hover img {
      filter: grayscale(0) brightness(1);
      scale: 1.1;
      z-index: 2222; }
  .mosaic-section .photo-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media (max-width: 992px) {
    .mosaic-section .photo-grid {
      min-height: 69px; } }
  @media (max-width: 768px) {
    .mosaic-section .photo-grid {
      min-height: 69px; } }
  .mosaic-section .center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    aspect-ratio: 1;
    display: inline-block;
    text-align: center;
    background: #17365e79; }
    .mosaic-section .center-logo svg {
      display: none; }
  .mosaic-section .years-text {
    font-size: 5vw;
    font-weight: bold;
    margin: 10px 0; }
  .mosaic-section .school-name {
    font-size: 2vw;
    margin: 5px 0; }
  .mosaic-section .ans-text {
    font-size: 3vw;
    margin: 5px 0; }
  .mosaic-section .mosaic-container {
    position: relative;
    width: 99.5vw;
    overflow: hidden;
    min-height: 720px;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.2); }
  .mosaic-section .photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--photo-size), 1fr));
    gap: 1px;
    padding: 1px; }
  .mosaic-section .photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .mosaic-section .photo-item img:hover {
    transform: scale(1.1); }
  .mosaic-section .center-logo {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    pointer-events: none; }
  .mosaic-section .logo-circle img {
    width: 100%;
    height: auto;
    mix-blend-mode: multiply;
    opacity: 0.4; }
  .mosaic-section .years-text {
    font-size: 1.5em;
    margin-bottom: 10px; }
  .mosaic-section .school-name {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 10px; }
  .mosaic-section .ans-text {
    font-size: 1.5em; }
  @media (max-width: 768px) {
    .mosaic-section .mosaic-container {
      min-height: 283px; }
    .mosaic-section .photo-grid {
      grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
    .mosaic-section .center-logo {
      width: 100%;
      height: 100%; }
      .mosaic-section .center-logo .logo-circle {
        width: 34%; }
    .mosaic-section .years-text {
      font-size: 8vw; }
    .mosaic-section .school-name {
      font-size: 3vw; }
    .mosaic-section .ans-text {
      font-size: 4vw; }
    .mosaic-section .btn-participe {
      font-size: 16px; } }

@keyframes fadeIn {
  from {
    transform: scale(0.9); }
  to {
    transform: scale(1); } }
  .mosaic-section .photo-item img {
    animation: fadeIn 0.5s ease-out forwards; }

.tooltip {
  position: absolute;
  font-family: var(--font-Poppins);
  background: black;
  color: white;
  padding: 5px 11px;
  border-radius: 4px;
  display: none;
  z-index: 10;
  text-align: center;
  font-size: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  z-index: 9999 !important; }
  @media (max-width: 768px) {
    .tooltip {
      display: none !important; } }

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  visibility: hidden;
  /* Initially hidden */
  opacity: 0;
  transition: opacity 0.3s ease; }

.loading-spinner .spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite; }

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

.loading-spinner p {
  margin-top: 10px;
  font-size: 14px;
  color: #333; }

/* To make the spinner visible when needed */
.loading-spinner.show {
  visibility: visible;
  opacity: 1; }

.bloc-participe {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 9px; }
  .bloc-participe .btn-participe {
    font-size: 36px;
    border: 1px solid #17365E;
    font-family: var(--font-Poppins);
    font-weight: 700;
    padding: 11px 125px;
    background-color: #17365E;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: 1px solid #152842; }
    .bloc-participe .btn-participe:hover {
      background-color: #fff;
      color: #17365E; }
  @media screen and (max-width: 768px) {
    .bloc-participe {
      margin-bottom: 40px; }
      .bloc-participe .btn-participe {
        font-size: 18px; } }

.fancybox__container {
  z-index: 9999 !important; }

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  justify-content: center;
  align-items: center; }
  .popup.active {
    display: flex; }

.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center; }

.popup-content {
  background-color: #17365E;
  padding: 30px;
  border-radius: 8px;
  max-width: 720px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  margin-top: 47px; }

.close-popup {
  position: absolute;
  right: 7px;
  top: 0px;
  font-size: 32px;
  cursor: pointer;
  color: #fff; }
  .close-popup:hover {
    color: #FFCC02 !important; }

.participate-form {
  display: flex;
  flex-direction: column;
  gap: 15px; }

.form-group {
  display: flex;
  flex-direction: column; }

.form-group.first-group {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); }

.form-group-input input {
  width: 100%;
  max-width: 354px; }

.form-group input[type="text"],
.form-group input[type="email"],
.form-group select,
.form-group textarea {
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 300;
  font-family: var(--font-Poppins);
  background-color: #17365E;
  color: #fff; }

.bottom-legal {
  margin: 0; }
  .bottom-legal .wpcf7-list-item-label {
    font-size: 15px !important;
    text-transform: initial;
    font-weight: 300 !important;
    color: #fff !important; }
  .bottom-legal .wpcf7-list-item-label {
    cursor: pointer;
    margin-left: 15px; }
  .bottom-legal input {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute; }
  .bottom-legal input:checked ~ .wpcf7-list-item-label::after {
    transform: scale(0.8); }
  .bottom-legal .last .wpcf7-list-item-label::before {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #fff;
    border: 1px solid #7c7c7c;
    height: 18px;
    border-radius: 5px;
    left: 0;
    top: 1px;
    width: 18px; }
  .bottom-legal br {
    display: none; }

.input_checkbox {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute; }

.input_checkbox:checked ~ label::after {
  transform: scale(1); }

.input_checkbox ~ label::after,
.last .wpcf7-list-item-label::after {
  content: '';
  background-color: #FFCC02;
  height: 18px;
  left: 0px;
  top: 1px;
  transform: scale(0);
  transition: transform .3s ease;
  width: 18px;
  border-radius: 5px;
  position: absolute; }

.input_checkbox ~ label {
  padding-left: 25px;
  cursor: pointer; }

.input_checkbox ~ label::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #fff;
  border: 1px solid #7c7c7c;
  height: 18px;
  border-radius: 5px;
  left: 0;
  top: 2px;
  width: 18px; }

.text-top-grid {
  font-family: Poppins;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  color: #FFF;
  max-width: 1898px;
  margin-inline: auto;
  background-color: #FFF0;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%); }
  .text-top-grid p {
    transform: translateY(-106px); }

.wpcf7-response-output {
  color: #fff;
  padding: 9px !important;
  text-align: center;
  font-family: var(--font-Poppins);
  font-size: 12px; }

.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
  width: 100%; }

.form-group select {
  width: 100%; }

input:focus,
textarea:focus {
  outline: none; }

.form-group select {
  color: #fff; }

select {
  appearance: none;
  /* Supprime l'apparence par défaut du navigateur */
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 21px; }

.form-group select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none' viewBox='0 0 11 7'%3e%3cpath fill='%23FFCC02' d='m.897 1.411.053.062 3.985 4.585a.751.751 0 0 0 1.125 0l3.98-4.578.067-.076a.453.453 0 0 0 .08-.255A.475.475 0 0 0 9.7.688H1.3a.475.475 0 0 0-.486.462c0 .097.032.188.084.261Z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 30px;
  cursor: pointer; }

.form-group textarea {
  height: 200px;
  resize: vertical; }

.char-count {
  text-align: right;
  font-size: 12px;
  color: #666; }

.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.checkbox-group label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 14px;
  font-family: var(--font-Poppins);
  cursor: pointer;
  color: #7c7c7c; }

.checkbox-group label a {
  color: #7c7c7c; }

.obligatoire {
  color: #fff;
  font-size: 14px;
  font-family: var(--font-Poppins);
  font-style: italic; }

.checkbox-group input[type="checkbox"] {
  margin-top: 3px; }

.submit-btn:hover {
  background-color: #152842; }

.input-uplod {
  display: flex;
  justify-content: center; }
  .input-uplod input {
    display: none; }
  .input-uplod label {
    display: inline-block;
    background-color: #fff;
    color: #17365E;
    padding: 15px;
    border: none;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    margin-top: 0px;
    width: 100%;
    font-family: var(--font-Poppins);
    transition: all 0.3s ease-in-out; }
    .input-uplod label:hover {
      background-color: #FFCC02; }

.btn-submit {
  display: flex;
  justify-content: center; }
  .btn-submit input {
    background-color: #fff;
    color: #17365E;
    padding: 15px;
    border: none;
    border-radius: 4px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    margin-top: 0px;
    width: 100%;
    font-family: var(--font-Poppins);
    transition: all 0.3s ease-in-out; }
    .btn-submit input:hover {
      background-color: #FFCC02; }
  .btn-submit .wpcf7-spinner {
    position: absolute;
    background-color: transparent !important; }

#charCount {
  font-size: 14px;
  color: #b5b1b1;
  margin-top: 5px;
  float: right;
  font-family: var(--font-Poppins); }

/* Show popup when active class is added */
.popup-overlay.active {
  display: flex; }

.form-text-buttom p {
  font-size: 11px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-family: var(--font-Poppins);
  margin-bottom: 11px; }

.success-popup {
  text-align: center;
  padding: 20px;
  background: #17365E;
  border-radius: 15px;
  max-width: 700px;
  position: relative; }
  .success-popup .margin-bottom {
    margin-bottom: 14px; }
  .success-popup a {
    opacity: 0.9;
    text-decoration: underline; }
    .success-popup a:hover {
      color: #FFCC02; }
  .success-popup h2 {
    color: #FFCC02;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: Poppins;
    font-size: 24px;
    margin-top: 12px; }
  .success-popup p {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    font-family: "Poppins";
    font-size: 20px;
    margin: 0; }
  .success-popup .anniversary-logo {
    margin-top: 0px;
    float: right;
    max-width: 120px; }
  .success-popup .close-popup {
    position: absolute;
    right: 7px;
    top: -3px;
    font-size: 47px;
    cursor: pointer;
    color: #FFF; }
    .success-popup .close-popup:hover {
      color: #FFCC02; }

.profile-popup {
  text-align: center;
  padding: 0px;
  background: #FFFFFF;
  border-radius: 0px;
  max-width: 1019px;
  max-height: 264px;
  height: 100%;
  min-height: 215px;
  width: 90%;
  position: relative;
  display: flex;
  overflow: hidden; }
  .profile-popup .popup-header {
    display: flex;
    align-items: center;
    z-index: 1;
    max-width: 330px;
    width: 100%; }
    .profile-popup .popup-header img {
      max-width: 330px;
      width: 100%; }
    .profile-popup .popup-header video {
      max-width: 336px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .profile-popup .popup-header video {
          max-width: 166px; } }
    .profile-popup .popup-header .image-hide {
      display: none; }
    .profile-popup .popup-header .video-hide {
      display: none; }
    .profile-popup .popup-header #video-container-youtb iframe {
      height: 260px; }
    @media (max-width: 767px) {
      .profile-popup .popup-header {
        max-width: 169px; }
        .profile-popup .popup-header #video-container-youtb {
          max-width: 160px;
          height: 133px; }
          .profile-popup .popup-header #video-container-youtb iframe {
            max-width: 160px;
            height: 133px; } }
  .profile-popup .popup-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 33px; }
    .profile-popup .popup-body .profile-content {
      padding: 0px 53px; }
    .profile-popup .popup-body .profile-info {
      position: absolute;
      right: 26px;
      bottom: 16px; }
      .profile-popup .popup-body .profile-info ul {
        list-style-type: none;
        margin: 0;
        float: right;
        padding: 0; }
        .profile-popup .popup-body .profile-info ul li {
          font-size: 16px;
          text-align: right;
          color: #17365E;
          font-weight: 700;
          font-family: "Poppins"; }
    .profile-popup .popup-body::after {
      content: "";
      display: block;
      width: 150px;
      height: 141px;
      position: absolute;
      right: -12px;
      bottom: -9px;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='177' fill='none' viewBox='0 0 101 72'%3e%3cpath fill='%23426975' d='M66.247.9c23.213 6.957 34.131 26.3 34.131 47.933 0 7.465-3.717 22.905-20.256 22.905-14.138 0-21.075-8.738-20.812-18.522.293-8.767 8.284-18.297 20.549-15.978 0-10.321-5.591-19.851-20.256-24.743L66.247.9ZM7.324.9c23.212 6.957 34.13 26.3 34.13 47.933 0 7.465-3.717 22.905-20.256 22.905C7.06 71.738.123 63 .386 53.216.65 44.449 8.67 34.919 20.935 37.238c0-10.321-5.62-19.851-20.285-24.743L7.324.9Z' opacity='.1'/%3e%3c/svg%3e "); }
  .profile-popup p {
    color: #17365E;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: "Poppins";
    font-size: 16px;
    margin: 0;
    margin-bottom: 47px;
    text-align: left; }
    .profile-popup p strong {
      font-weight: 700; }

/* Modal container */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.mentionsLegales {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 13px;
  color: #fff;
  font-family: "Poppins";
  padding-bottom: 15px; }
  .mentionsLegales li {
    cursor: pointer;
    position: relative; }
    .mentionsLegales li span {
      font-family: "Poppins";
      transition: all 0.3s ease-in-out; }
      .mentionsLegales li span:hover {
        color: #ffcc02; }

.mentionsLegales li span.mentions::before {
  content: '/';
  width: 5px;
  height: 12px;
  display: block;
  position: absolute;
  right: -7px;
  top: -1px; }

/* Modal content */
.modal-content {
  position: relative;
  background-color: white;
  padding: 40px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 1132px;
  margin: 7% auto; }

.modal-content .title-l {
  text-align: center;
  margin-bottom: 22px; }

.modal-content .title-l, .modal-content .title-m, .modal-content .title-s {
  display: block;
  color: #426975;
  font-family: "Cambria";
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase; }

.modal-content .title-m {
  color: #426975;
  font-size: 20px;
  font-family: "Cambria";
  font-weight: 400;
  margin-top: 12px; }

.modal-content .title-s {
  color: #426975;
  font-family: "Cambria";
  font-size: 16px;
  font-weight: 600;
  text-align: left; }

.modal-content p {
  color: #26445c;
  font-family: "Cambria";
  font-size: 18px;
  margin-bottom: 18px;
  font-weight: 400; }

/* Responsive Styles */
@media (max-width: 992px) {
  .modal-content {
    padding: 20px;
    margin: 5% auto;
    max-width: 90%; }
  .modal-content .title-l {
    font-size: 24px;
    line-height: 32px; }
  .modal-content .title-m {
    font-size: 18px;
    margin-top: 8px; }
  .modal-content .title-s {
    font-size: 14px; }
  .modal-content p {
    font-size: 12px;
    margin-bottom: 12px; } }

@media (max-width: 480px) {
  .modal-content {
    padding: 15px;
    margin: 2% auto;
    max-width: 95%; }
  .modal-content .title-l {
    font-size: 20px;
    line-height: 28px; }
  .modal-content .title-m {
    font-size: 16px;
    margin-top: 6px; }
  .modal-content .title-s {
    font-size: 12px; }
  .modal-content p {
    font-size: 11px;
    margin-bottom: 10px; }
  .close {
    position: absolute;
    right: 12px !important;
    top: 6px    !important; }
    .close svg {
      max-width: 20px; } }

/* Close button (X) */
.close {
  position: absolute;
  right: 21px;
  top: 23px; }

.confirmationMessage p, .confirmationMessageerror {
  text-align: center;
  font-size: 16px;
  margin-top: 21px;
  color: #8FD05A;
  font-family: Kanit; }

.confirmationMessageerror {
  color: #8FD05A; }

.close:hover,
.close:focus {
  color: black;
  cursor: pointer; }

footer {
  background-color: #16355EF7;
  max-width: 1900px;
  margin-inline: auto; }
  footer p {
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    font-family: "Poppins";
    margin-bottom: 0;
    padding: 28px;
    cursor: pointer;
    padding-bottom: 12px; }
    footer p a {
      font-weight: 700;
      color: #ffffff;
      text-decoration: underline;
      text-decoration-thickness: 3px;
      transition: all 0.3s ease-in-out; }
      footer p a:hover {
        color: #ffcc02; }

@media (max-width: 768px) {
  #profilePopup .anniversary-logo {
    max-width: 160px;
    min-width: 116px; }
  #profilePopup .profile-popup {
    min-height: auto;
    max-height: 145px;
    padding: 6px; }
    #profilePopup .profile-popup .popup-body {
      padding: 6px 13px; }
      #profilePopup .profile-popup .popup-body .profile-content {
        padding: 4px 4px 2px 7px !important; }
        #profilePopup .profile-popup .popup-body .profile-content p {
          font-size: 10px; }
      #profilePopup .profile-popup .popup-body .profile-info {
        right: 10px;
        bottom: 5px; }
        #profilePopup .profile-popup .popup-body .profile-info ul li {
          font-size: 10px; }
  .popup-content {
    padding: 20px; }
  #participatePopup {
    padding-top: 53px; }
    #participatePopup .input-uplod label {
      font-size: 10px; }
    #participatePopup .form-text-buttom p {
      font-size: 10px; }
    #participatePopup .bottom-legal .last .wpcf7-list-item-label::before {
      height: 14px;
      width: 14px;
      left: 2px;
      top: 3px; }
    #participatePopup .bottom-legal .wpcf7-list-item-label {
      margin-left: 8px;
      font-size: 10px !important; }
    #participatePopup .bottom-legal input:checked ~ .wpcf7-list-item-label::after {
      transform: scale(0.6); }
    #participatePopup .popup-content {
      padding-bottom: 67px; }
  .form-group.first-group {
    display: flex;
    gap: inherit; }
  .form-group input[type="text"],
  .form-group input[type="email"],
  .form-group textarea {
    width: 100%;
    font-size: 12px; }
  .form-group textarea {
    height: 100px; }
  #charCount {
    font-size: 10px; }
  .obligatoire {
    font-size: 12px; }
  .success-popup h2 {
    font-size: 22px; }
  .success-popup .margin-bottom {
    margin-bottom: 0px; }
  .success-popup p {
    font-size: 12px; }
  .success-popup .anniversary-logo {
    max-width: 50px; }
  footer p {
    padding: 16px;
    font-size: 15px; }
  .form-group select {
    height: 41px;
    font-size: 12px; }
  .close-popup {
    right: 3px;
    top: -8px; }
  .input_checkbox ~ label::after, .last .wpcf7-list-item-label::after {
    left: 0px;
    top: 1px; }
  .btn-submit input {
    padding: 11px; } }

#wpcf7-admin-form-element {
  display: grid;
  gap: 12px; }

.wpcf7-spinner::before {
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' fill='none' viewBox='0 0 58 58'%3e%3cpath fill='url(%23a)' d='M31.071 2.071v8.286a2.071 2.071 0 1 1-4.142 0V2.071a2.071 2.071 0 1 1 4.142 0ZM11.424 8.493a2.072 2.072 0 1 0-2.931 2.93l5.858 5.859a2.071 2.071 0 0 0 2.929-2.93l-5.856-5.86ZM12.429 29a2.072 2.072 0 0 0-2.072-2.071H2.071a2.071 2.071 0 1 0 0 4.142h8.286A2.071 2.071 0 0 0 12.43 29Zm1.924 11.718-5.86 5.858a2.071 2.071 0 1 0 2.93 2.931l5.859-5.858a2.071 2.071 0 0 0-2.93-2.929v-.002ZM29 45.571a2.072 2.072 0 0 0-2.071 2.072v8.286a2.071 2.071 0 0 0 4.142 0v-8.286A2.071 2.071 0 0 0 29 45.57Zm14.647-4.853a2.071 2.071 0 0 0-2.929 2.93l5.858 5.86a2.07 2.07 0 0 0 2.931 0 2.07 2.07 0 0 0 0-2.932l-5.86-5.858Zm12.282-13.79h-8.286a2.071 2.071 0 1 0 0 4.143h8.286a2.071 2.071 0 0 0 0-4.142Zm-13.746-9.04a2.07 2.07 0 0 0 1.464-.606l5.86-5.858a2.07 2.07 0 0 0 0-2.931 2.071 2.071 0 0 0-2.93 0l-5.859 5.86a2.072 2.072 0 0 0 1.465 3.536Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='14.958' x2='43.042' y1='53.321' y2='4.679' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231D3557'/%3e%3cstop offset='1' stop-color='%23627693'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
  width: 58px;
  height: 58px;
  top: -2px;
  left: -14px;
  transform-origin: unset;
  animation-duration: 2000ms;
  background-color: transparent;
  display: block; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes spin {
  0%, 100% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(720deg) scale(0.5); } }

@keyframes pulse {
  0%, 100% {
    letter-spacing: 5px;
    left: calc(50% + (10px/2)); }
  50% {
    letter-spacing: 2.5px;
    left: 50%; } }

.loading {
  animation: fadein 2s; }

.spinner-wrapper {
  width: 100%;
  height: 100%;
  top: 17px;
  left: 34px;
  background: transparent !important;
  position: absolute;
  z-index: 15; }

.spinner-text {
  position: absolute;
  top: calc(50% - (10px/2));
  left: 50%;
  color: #c6b476;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font: bold 10px sans-serif;
  transform: translate3d(-50%, -50%);
  animation: pulse 1.5s infinite; }

.spinner {
  margin: 0;
  display: block;
  position: absolute;
  left: calc(50% - (24px*2.5));
  top: calc(50% - 24px);
  border: 24px solid #c6b476;
  width: 1px;
  height: 1px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50px;
  animation: spin 1.5s infinite; }

#input-uplod-text {
  color: green;
  text-align: center;
  font-family: var(--font-Poppins); }

.form-group.text-urlyoutb,
.form-group.text-free {
  display: none; }

.videoyoutb-hide {
  display: none; }

footer {
  display: none; }

@media screen and (max-width: 992px) {
  .text-top-grid {
    position: relative;
    background-color: #17365e;
    font-size: 16px; }
    .text-top-grid P {
      transform: translateY(-24px);
      padding-inline: 74px; }
  .bloc-text {
    width: calc(100% - 66px);
    padding-inline: 5px; }
    .bloc-text .content-text {
      flex-direction: column;
      gap: 21px; }
  .banner, .bondeau {
    width: calc(100% - 83px); }
  .banner .title-header {
    font-size: 73px; }
  .icons-drown {
    display: none; } }

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 29px;
    width: calc(100% - 66px); }
    .banner svg {
      margin-bottom: 20px; }
    .banner .title-header {
      font-size: 40px; }
  .bondeau {
    width: calc(100% - 66px); }
    .bondeau::after {
      display: none !important; }
  .text-top-grid {
    font-size: 12px; }
    .text-top-grid p {
      padding-inline: 19px; }
  .footer-bottom {
    width: calc(100% - 0px);
    padding: 24px 0; } }