charset "UTF-8";

  html {
    scroll-behavior: smooth;
  }

  .poppins {
    font-family: "Poppins", sans-serif;
  }

  .jost{
    font-family: "Jost", sans-serif;
  }

  body {
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    font-weight: 300;
    font-style: normal;
    margin: 0;
  }

  a {
    text-decoration: none;
  }

  h1 {
    font-size: clamp(70px, 8vw, 80px);
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
  }

  h2 {
    font-size: clamp(25px, 3vw, 30px);
    text-align: center;
    font-weight: 500;
  }

  h3 {
    font-size: 20px;
    letter-spacing: 0.32px;
    font-weight: inherit;
    font-style: normal;
  }

  h4 {
    font-size: 15px;
    letter-spacing: 0.1rem;
    font-weight: inherit;
    font-style: normal;
  }

  h5 {
    font-size: 12px;
    letter-spacing: 0.1rem;
    font-weight: inherit;
    font-style: normal;
  }

  p {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  u {
    /*background-size: 110% 3px;
    background-image: url("/medias/surligne.webp");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 5px;
    padding-bottom: 5px;*/
    text-decoration: none;
  }

  b {
    background-size: 110% 3px;
    background-image: url("/medias/surligne-pink.webp");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
  }


  select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 58px;
    font-size: 0.8rem;
    letter-spacing: 0.09rem;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0.675em 6em 0.675em 1em;
    background-color: #0d6dfd;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/selecteur.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 99%;
  }

/* detail skin */
  details {
    overflow: hidden;
  }

  summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
  }

  summary::after {
    content: '';
    width: 30px;
    height: 30px;
    background: url('medias/ico/boutons/detail-plus.svg') no-repeat;
    background-size: contain;
    transition: 1s;
  }


  details[open] > summary::after {
    transform: scale(1.3);
    background: url('medias/ico/boutons/detail-moins.svg') no-repeat;
  }

  summary::-webkit-details-marker {
    display: none;
  }

  details {
    background: transparent;
  }

  /* End detail skin */

  ul {
    list-style: none;
  }

  img {
      pointer-events: none;
      aspect-ratio: attr(width) / attr(height);
  }

  hr{
    border-top: solid 1px #0D6EFE;
    opacity: 0.35;
  }

  footer{
    background-color: #1b1f26;
    color: #FFFFFF;
    padding-top: 15px;
  }

  .container-fluid{
    overflow: hidden;
  }

  .contenu{
    max-width: 1400px;
    padding-right: 25px;
  }

  /* Nav */

  .nav {
    font-weight: 400;
    letter-spacing: 0.12rem;
  }

  .navbar {
    font-weight: 400;
    letter-spacing: 0.12rem;
  }

  /* Daylight Switch */

    .DL-checkbox {
      opacity: 0;
      position: absolute;
    }

    .DL-checkbox-label {
      background-color: #0D6EFE;
      width: 50px;
      height: 26px;
      border-radius: 50px;
      position: relative;
      padding: 5px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .DL-checkbox-label .ball {
      background: #FFFFFF;
      width: 22px;
      height: 22px;
      position: absolute;
      left: 2px;
      top: 2px;
      border-radius: 50%;
      transition: transform 0.2s linear;
    }

    .DL-checkbox:checked + .DL-checkbox-label .ball {
      transform: translateX(24px);
    }

  /* End Daylight Switch */

  .logo-light{
    font-family: "Jost", sans-serif;
    font-size: 30px;
    font-optical-sizing: auto;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.2px;
    margin-top: -5px;
    background: #FFFFFF;
    background: linear-gradient(to bottom, #0D6EFE -20%, #FFFFFF 50%, #0D6EFE 120%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 20px #0D6EFE;
    mix-blend-mode: screen;
  }

  .logoFont {
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1.8px;
    display: inline;
  }

  .side-nav{
    margin-left: 8px;
  }

  .dropdown-item{
    font-size: 12.5px;
    letter-spacing: 0.15rem;
    margin-bottom: 20px;
    font-weight: 400;
  }

  .dropdown-item:hover{
    opacity: 0.7;
    transition: all .45s;
  }

  .nav-link{
    font-size: 13px;
    background-image: url("/medias/ico/boutons/suivant-blue.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: -30px;
    background-position-y: center;
    overflow-x: hide;
  }

  .nav-link:hover {
    opacity: 0.8;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/suivant-blue.svg");
    background-repeat: no-repeat;
    background-position-x: -10px;
    background-position-y: center;
    transition: all .45s;
  }

  .nav-link:focus {
    background-size: 25px;
    background-image: url("/medias/ico/boutons/suivant-blue.svg");
    background-repeat: no-repeat;
    background-position-x: -10px;
    background-position-y: center;
    color: #0d6efe;
  }

  .m-switch {
    margin-top: 15px;
  }

  .page-link {
    font-size: 0.9rem;
    font-weight: 600;
    background-color: transparent;
    border: none;
  }

  .page-link:hover {
    background-color: transparent;
    border: none;
    transition: all .45s;
  }

  .footer-item{
    font-size: 11px;
    letter-spacing: 0.11rem;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 20px;
    background-image: url("/medias/ico/boutons/suivant.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position-x: -15px;
    background-position-y: center;
    overflow-x: hide;
    margin-left: -20px;
  }

  .footer-item:hover{
    color: rgba(255, 255, 255, 1);
    background-color: transparent;
    background-size: 15px;
    background-image: url("/medias/ico/boutons/suivant.svg");
    background-repeat: no-repeat;
    background-position: left center;
    transition: all .45s;
  }

  .footer-link{
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 1.5px;
  }

  .footer-link:hover {
    opacity: 0.8;
  }

  /* End Nav */

  /* Responsive */

  .reverso{
    display: flex;
    flex-direction: row;
  }

  /* End Responsive */

  /* Boutons */

  /* Dashboard */

  .btn-Dashboard {
    font-size: 15px;
    color: #FFFFFF;
    text-align: left;
    letter-spacing: 0.18rem;
    text-decoration: none;
    background-color: rgba(13, 110, 254, 1);
    border-radius: 3px;
    padding-top: 22px;
    padding-left: 85px;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: 70px;
    display: block;
  }

  .btn-Dashboard:hover {
    background-color: #343a40;
    transition: transform .60s;
    -ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Safari 3-8 */
    transform: scale(0.95);
    transition: all .60s;
  }

  .btn-bulletins{
    box-sizing: border-box;
    background-size: 45px;
    background-image: url("/medias/ico/boutons-accueil/salaire.svg");
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: center;
  }

  .btn-acomptes{
    box-sizing: border-box;
    background-size: 45px;
    background-image: url("/medias/ico/boutons-accueil/acomptes.svg");
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: center;
  }

  .btn-notes-de-frais{
    box-sizing: border-box;
    background-size: 45px;
    background-image: url("/medias/ico/boutons-accueil/note-de-frais.svg");
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: center;
  }

  .btn-conges-absences{
    box-sizing: border-box;
    background-size: 45px;
    background-image: url("/medias/ico/boutons-accueil/conges-absence.svg");
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: center;
  }

  .btn-documents{
    box-sizing: border-box;
    background-size: 45px;
    background-image: url("/medias/ico/boutons-accueil/documents.svg");
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: center;
  }

  .btn-contrat{
    box-sizing: border-box;
    background-size: 45px;
    background-image: url("/medias/ico/boutons-accueil/contrat-de-travail.svg");
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: center;
  }

  /* End Dashboard */

  .btn-red {
    background-color: rgba(248, 5, 92, 0.815);
    color: #FFFFFF;
  }

  .btn-red:hover {
    background-color: rgba(248, 5, 92, 1);
    color: #FFFFFF;
  }
  .btn-red-light:hover {
    box-shadow: 0 0 30px 5px rgba(248, 5, 92, 0.815);
  }

  .btn-blue-light:hover {
    box-shadow: 0 0 30px 5px rgba(113, 166, 246, 0.815);
  }

  .btn-blue-shadow:hover {
        box-shadow: 0 0 30px 5px rgba(4, 52, 124, 0.815);
  }

  .m-btn-header{
    margin-left: 25px;
  }

  .btn {
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    border-radius: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: auto;
  }

  .btn-primary {
    background-color: #0d6efe;
    border: none;
  }

  .btn-primary:hover {
    background-color: #0b58ca;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .btn-primary:focus:active {
    background-color: #0b58ca;
  }

  .btn-secondary {
    background-color: #343a40;
    border: none;
  }

  .btn-secondary:hover {
    background-color: #323538;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .btn-secondary:focus:active {
    background-color: #323538;
  }

  .btn-outline-secondary:hover{
    transition: all .45s;
  }

  .btn-outline-primary:hover{
    transition: all .45s;
  }

  .btn-recherche-nav {
    width: 35px;
    height: 35px;
    background-color: #0D6EFE;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/recherche.svg");
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 0px;
    margin-top: 9px;
    border: none;
    border-radius: 3px;
  }

  .btn-recherche-nav:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-recherche{
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 45px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/recherche.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
  }

  .btn-recherche:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-plus{
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 45px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/plus.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
  }

  .btn-plus:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-moins{
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 45px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/moins.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
  }

  .btn-moins:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-suivant{
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 45px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/suivant.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
  }

  .btn-suivant:hover{
    background-position-x: 98%;
    transition: all .45s;
  }

  .btn-precedent{
    box-sizing: border-box;
    padding-left: 45px;
    padding-right: 25px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/precedent.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 5%;
  }

  .btn-precedent:hover{
    background-position-x: 3%;
    transition: all .45s;
  }

  .btn-precedent-gris{
    box-sizing: border-box;
    padding-left: 45px;
    padding-right: 25px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/precedent-gris.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 5%;
  }

  .btn-precedent-gris:hover{
    background-image: url("/medias/ico/boutons/precedent.svg");
    background-position-x: 3%;
    transition: all .45s;
  }

  .btn-supprimer{
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 45px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/corbeille.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
  }

  .btn-supprimer:hover {
    background-image: url("/medias/ico/boutons/corbeille-hover.svg");
  }

  .btn-valider{
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 45px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/valider.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 95%;
  }

  .btn-valider:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-sans-texte {
    background-position: center center;
    width: 42px;
    height: 42px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }

  .btn-deconnexion{
    background-color: transparent;
    border: none;
    font-size: 0.8rem;
    letter-spacing: 0.15rem;
    color: rgba(255, 255, 255, 0.8);
  }

  .btn-deconnexion:hover{
    color: rgba(255, 255, 255, 1);
    transition: all .45s;
  }

  .btn-top{
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    padding-left: 0px;
    padding-right: 0px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/haut.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }

  .btn-top:hover{
    background-image: url("/medias/ico/boutons/haut.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 30%;
    transition: all .45s;
  }

  .btn-voir{
    box-sizing: border-box;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/voir.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }

  .btn-voir:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-televerser{
    box-sizing: border-box;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/telecharger.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }

  .btn-televerser:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-telecharger{
    box-sizing: border-box;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/televerser.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }

  .btn-telecharger:hover{
    background-size: 20px;
    transition: all .45s;
  }

  .btn-alpha:hover{
    opacity: 0.8;
  }

  .btn-fermer{
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    padding-left: 0px;
    padding-right: 0px;
    background-size: 25px;
    background-image: url("/medias/ico/boutons/close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
  }

  .btn-fermer:hover{
    background-size: 20px;
    transition: all .45s;
  }

  /* End Boutons */

  /* Video */

  .video-container {
      max-width: 100%;
      margin: 0 auto;
  }

  .video-container video {
      width: 100%;
      height: auto;
}

  /* End Video */

  /* Splide */

  #home-splide{
     padding-left: 70px;
     padding-right: 70px;
   }

   .splide__slide{
     padding-right: 20px;
     padding-bottom: 15px;
   }

   .splide__arrow--next{
     background-color: #0D6EFE;
     opacity: 1;
     height: 25px;
     width: 25px;
   }

   .splide__arrow--next:hover{
     background-color: #343A40;
     opacity: 1;
     transition: transform .60s;
     transition: all .60s;
   }

   .splide__arrow--prev{
     background-color: #0D6EFE;
     opacity: 1;
     height: 25px;
     width: 25px;
   }

   .splide__arrow--prev:hover{
     background-color: #343A40;
     opacity: 1;
     transition: transform .60s;
     transition: all .60s;
   }

   .splide__arrow svg{
     fill: #FFFFFF;
     height: 0.9em;
     width: 0.9em;
   }

   .splide__arrow svg:hover{
     fill: #FFFFFF;
     height: 0.9em;
     width: 0.9em;
   }

   .splide__pagination__page{
     background: #343A40;
   }

   .splide__pagination__page.is-active{
     background: #0D6EFE;
   }

  /* End Splide */

  /* Formulaires */

  .form-control-recherche{
    font-size: 0.8rem;
    letter-spacing: 0.08rem;
    font-weight: 400;
    height: 35px;
    min-width: 170px;
    margin-top: 10px;
    padding-left: 10px;
    border: none;
    border-radius: 3px;
  }

  .form-control {
    height: 45px;
    border: none;
    border-radius: 3px;
    font-size: 0.8rem;
    letter-spacing: 0.08rem;
    font-weight: 300;
  }

  .form-floating {
    letter-spacing: 0.08rem;
    font-weight: 300;
    font-size: 0.8rem;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .form-control:focus, .form-floating {
    background-color: #EFEFEF;
    border-radius: 3px;
  }

  .form-id{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/id.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }


  .form-id-entreprise{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/entreprise.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-adrs{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/adrs.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-pays{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/pays.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-tel{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/tel.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-email{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/email.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-mdp{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/mdp.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-mdp-2{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/mdp-2.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-code {
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/code.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-sujet{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/sujet.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 98%;
  }

  .form-message{
    padding-right: 45px;
    background-size: 35px;
    background-image: url("/medias/ico/formulaires/message.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-position-x: 98%;
  }

  .form-check-input-list{
  margin-top: 5.5px;
  }

  /* End Formulaires */

  /* Eléments Graphique */

  .bg--primary {
    background-color: #0d6efe;
  }

  .bg--secondary {
    background-color: #343a40;
  }

  .bg-purple {
    background-color: rgba(171, 107, 236, 1);
  }

  /*.grad--primary {
    background-image: radial-gradient(circle, #ab6bec, #8164d0, #5e5bb0, #424f8e, #30416b, #2b3a5b, #27344c, #242d3d, #242d3d, #242d3d, #242d3d, #242d3d);
  }*/


  .bg-alphaFlou{
    --bs-bg-opacity:0.8;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 0;
  }

  .bg-Flou{
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 0;
  }

  .bg-alpha-black{
    background-color: rgba(0, 0, 0, 0.1);
  }

  .bg-alpha-black-50{
    background-color: rgba(0, 0, 0, 0.5);
  }

  .bg-grad-multicolor{
    background-image: url("/medias/land/bg-bokhey.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

  .bg-forced-dark{
    background-color: #242d3d;
  }

  .bg-lightgrey{
    background-color: #EFEFEF;
  }

.bg-modal-desktop{
    background-image: url("/medias/bg/bg-form-primary.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: top;
    background-position-y: left;
    -webkit-box-shadow: 0px 19px 40px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 19px 40px -5px rgba(0,0,0,0.5);
  }

  .alpha {
    opacity: 0.7;
  }

  .disable{
    opacity: 0.4;
  }

  .bg-form-primary {
    background-image: url("/medias/bg/bg-form-primary.webp");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
  }

  .bg-footer {
    background-image: url("/medias/bg/bg-form-primary.webp");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
  }

  .footer-stroke{
    border-right: solid 1px rgba(255, 255, 255, 0.3);
  }

  .msk-top{
    width: 100%;
  }

  .msk-btm{
    width: 100%;
    transform: rotate(180deg);
  }


  .msk-blue-top{
    width: 100%;
  }

  .msk-blue-btm{
    width: 100%;
    transform: rotate(180deg);
  }

  .pastille-primary{
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    width: 35px;
    height: auto;
    background-color: #0D6EFE;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
  }

  .pastille-secondary{
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    width: 35px;
    height: auto;
    background-color: rgba(248, 5, 92, 0.815);
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
  }

  .card {
    background-color: transparent;
  }

  .card-header {
    font-size: 20px;
    letter-spacing: 0.09rem;
    background-color: transparent;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-text{
    font-size: 12px;
    letter-spacing: 0.09rem;
  }

  .card-footer {
    background-color: transparent;
    border: none;
  }

  .custom-select {
    width: auto;
    height: 40px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .progress{
    height: 5px;
  }

  .checkbox-souscription {
    --blue: #0D7EFF;
    --green: #32CD32;
    --red: #B41400;
    --g08: #E1E5EB;
    --g04: #848ea1;
  }

  .checkbox-souscription .tgl {
    display: none;
  }
  .checkbox-souscription .tgl,
  .checkbox-souscription .tgl:after,
  .checkbox-souscription .tgl:before,
  .checkbox-souscription .tgl *,
  .checkbox-souscription .tgl *:after,
  .checkbox-souscription .tgl *:before,
  .checkbox-souscription .tgl + .tgl-btn {
    box-sizing: border-box;
  }
  .checkbox-souscription .tgl::selection,
  .checkbox-souscription .tgl:after::selection,
  .checkbox-souscription .tgl:before::selection,
  .checkbox-souscription .tgl *::selection,
  .checkbox-souscription .tgl *:after::selection,
  .checkbox-souscription .tgl *:before::selection,
  .checkbox-souscription .tgl + .tgl-btn::selection {
    background: none;
  }
  .checkbox-souscription .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 43px;
    height: 20px;
    position: relative;
    cursor: pointer;
    user-select: none;
  }
  .checkbox-souscription .tgl + .tgl-btn:after,
  .checkbox-souscription .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 44%;
    height: 100%;
  }
  .checkbox-souscription .tgl + .tgl-btn:after {
    left: 0;
  }
  .checkbox-souscription .tgl + .tgl-btn:before {
    display: inline;
    position: absolute;
    top: 7px;
  }
  .checkbox-souscription .tgl:checked + .tgl-btn:after {
    left: 56.5%;
  }

  .checkbox-souscription .tgl-ios + .tgl-btn {
    background: var(--red);
    border-radius: 20rem;
    padding: 2px;
    transition: all 0.4s ease;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  }
  .checkbox-souscription .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fff;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .checkbox-souscription .tgl-ios + .tgl-btn:before {
    left: 28px;
    color: var(--g04);
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .checkbox-souscription .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
  }
  .checkbox-souscription .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.4em;
  }
  .checkbox-souscription .tgl-ios:checked + .tgl-btn {
    background: var(--green);
  }
  .checkbox-souscription .tgl-ios:checked + .tgl-btn:active {
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
  }
  .checkbox-souscription .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.4em;
  }
  .checkbox-souscription .tgl-ios:checked + .tgl-btn:before {
    left: 4px;
    color: #fff;
  }

  /* End Eléments Graphique */

  /* Accordéons */

  .accordion{
    border: none;
  }

  .accordion-button {
    padding-left: 25px;
    background-color: #0d6efe;
    color: #FFFFFF;
    letter-spacing: 0.08rem;
    background-image: url("/medias/ico/boutons/suivant.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: -30px;
    background-position-y: center;
  }

  .accordion-button:after {
    background-image: url("/medias/ico/boutons/plus.svg");
  }

  .accordion-button:not(.collapsed):after{
    background-image: url("/medias/ico/boutons/moins.svg");
  }

  .accordion-button:hover {
    background-color: #0b58ca;
    background-image: url("/medias/ico/boutons/suivant.svg");
    background-repeat: no-repeat;
    background-position: left center;
    transition: all .45s;
  }

  .accordion-button:not(.collapsed) {
    background-color: #343A40;
    color: #FFFFFF;
  }

  .accordion-item {
    border: none;
  }

  .accordion-header{
    margin-bottom: 1px;
  }

  .accordion-body{
    font-size: 13px;
  }

  .badge{
    background-color: #0D6EFE;
    color: #FFFFFF;
  }

  /* End Accordéons */

  /* Textes */

  .w-max{
    max-width: 800px;
  }

  .text-ltc{
    text-align: left;
  }

  .lsp-neg{
    letter-spacing: -0.8px;
  }

  .big-titre {
    font-size: clamp(28px, 6vw, 45px);
  }

  .soustitre-header {
    font-size: clamp(16px, 3.5vw, 20px);
  }

  .medium-titre {
    font-size: clamp(28px, 6vw, 45px);
  }

  .soustitre {
    font-size: clamp(17px, 3vw, 25px);
  }

  .titre{
    font-size: 20px;
    letter-spacing: 0.8px;
    font-style: normal;
  }

  .soustitre-sm{
    font-size: 15px;
    letter-spacing: 0.5px;
  }

  .modal-title{
    font-size: 20px;
    text-align: left;
  }

  .text-card-redac{
    font-size: 12px;
    letter-spacing: 1.2px;
  }

  .text-redac{
    font-size: clamp(14.5px, 3.2vw, 16px);
    letter-spacing: 0.5px;
    line-height: 25px;
  }

  .text-redacSM{
    font-size: 12px;
    letter-spacing: 1.1px;
  }

  .text-blue{
    color: #0d6efe;
  }

  .text-red{
    color: rgba(248, 5, 92, 0.815);
  }

  .text-blanc{
    color: #FFFFFF;
  }

  /* End Textes */

  @media only screen and (max-width: 992px) {

    .nav-mob-m{
      margin-top: 40px;
    }

    .m-btn-header{
      margin-left: 0px;
    }

    .To-100{
      width: 100%;
    }

    .footer-stroke{
      border-right: none;
      border-bottom: solid 1px rgba(255, 255, 255, 0.3);
      padding-bottom: 15px;
      margin-bottom: 15px;
    }

    .m-switch {
      margin-left: -30px;
      margin-top: 25px;
    }

    .card-header {
      font-size: 17px;
    }

    .reverso{
    flex-direction: column-reverse;
    }

    .text-ltc{
      text-align: center;
    }

    .bg-grad-multicolor{
      background-size: 150%;
    }

  }

  @media only screen and (max-width: 768px) {

    h3 {
      font-size: 14px;
      letter-spacing: 0.4px;
    }

    summary::after {
      width: 30px;
      height: 30px;
      background: url('medias/ico/boutons/detail-plus.svg') no-repeat;
      background-size: 30px 30px;
      background-position-x: 90%;
      padding-right: 40px;
    }

    .w-max-btn{
      max-width: 295px;
    }

    .To-100{
      width: 100%;
    }

    .titre{
        font-size: 22px;
    }

    .modal-title{
      font-size: 15px;
    }

    .text-card-redac{
      font-size: 13px;
      letter-spacing: 0.5px;
    }

    .card-text{
      font-size: 11px;
      line-height: 17px;
    }

    .text-redac{
      /*font-size: 13px;*/
      letter-spacing: auto;
    }

    .side-nav{
      margin-top: -17px;
      margin-left: 6px;
    }

    .m-neg-35{
      margin-top: -35px;
    }

    .picto-magees{
      margin-left: -25px;
    }

    .text-list-item{
      font-size: 11.5px;
    }

    /* Splide */

    #home-splide{
       padding-left: 0px;
       padding-right: 0px;
     }

    .splide__slide{
     padding-right: 0px;
     font-size: 12px;
    }

    .splide__arrow{
      display: none;
    }

    /* End Splide */

    .btn-Dashboard {
      font-size: 14px;
      padding-top: 15px;
      height: 50px;
      padding-left: 65px;
    }

    .btn-Dashboard-mobile{
      background-size: 35px;
      background-position-x: 15px;
    }

  .bg-modal-mobile{
      width: 100%;
      height: 100%;
      background-image: url("/medias/bg/bg-form-primary.webp");
      background-size: cover;
      background-repeat: no-repeat;
      background-position-x: center;
      background-position-y: center;
    }

    .bg-modal-desktop{
      margin-top: -25px;
      background-image: none;
      -webkit-box-shadow: 0px 19px 40px -5px rgba(0,0,0,0);
      box-shadow: 0px 19px 40px -5px rgba(0,0,0,0);
    }


  }