@charset "UTF-8";
/*
 * Feuille de style concernant les écrans mobiles
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@600;700&family=Karla:wght@400;700&display=swap");
@media (max-width: 576px) {
  /* Initialisation de couleurs */
  /*  - - - -   Choix de police principale - - - - */
  /* Paramétrage des marges*/
  body {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px; }
  .checkbox__checked .header__menu label span {
    position: fixed;
    top: 25px;
    right: 20px; }
  .lottie {
    width: 400px;
    height: 423px; }
  /*  -----------------------------------
 - - - - - -  Containers - - - - - -
 -----------------------------------  */
  .container__wysiwyg > :not(:last-child) {
    margin-bottom: 12px; }
  /*  -----------------------------------
       - - - - - - -  Titres - - - - - -
     -----------------------------------  */
  .container__wysiwyg h1,
  .titre__n1 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 32px; }
  .container__wysiwyg h2,
  .titre__n2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 28px; }
  .container__wysiwyg h3,
  .titre__n3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px; }
  /*  -----------------------------------
 - - - -  Boutons, p, a, ul, li - - - -
 -----------------------------------  */
  .container__bouton {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center; }
  /*  -----------------------------------
   - - - - - - -  Padding - - - - - -
 -----------------------------------  */
  .pad__vertical--geant {
    padding-top: 30px;
    padding-bottom: 30px; }
  .margin__top--moyen {
    margin-top: 12px; }
  /*  -----------------------------------
       - - - - - - -  Gridbox - - - - - -
     -----------------------------------  */
  .grid__2col--3fr-1fr,
  .grid__2col--egales,
  .grid__2col--1fr-2fr,
  .grid__3col--2fr-auto,
  .grid__3col--auto-2fr,
  .footer__top--gauche {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .grid__2col--egales.grid__petite {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; }
  .grid__3col--2fr-auto,
  .grid__3col--auto-2fr {
    justify-items: center; }
    .grid__3col--2fr-auto > div,
    .grid__3col--auto-2fr > div {
      max-width: 350px; }
  .grid__4col--egales {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; }
  .grid__gap--equipe {
    grid-gap: 40px 10px; }
  /*  -----------------------------------
     - - - - - - -  Header - - - - - -
   -----------------------------------  */
  .menu__langues a, .menu__langues span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px; }
  .header__menu label.menu__burger--label {
    height: 40px;
    width: 40px; }
  .header__menu label span {
    width: 21px; }
    .header__menu label span:before, .header__menu label span:after {
      width: 21px;
      height: 2px; }
    .header__menu label span:before {
      top: -6px; }
    .header__menu label span:after {
      bottom: -4px; }
  .header__menu input[type=checkbox]:checked ~ label span:before {
    -webkit-transform: rotate(42deg) translate(6px, 6px);
    -ms-transform: rotate(42deg) translate(6px, 6px);
    transform: rotate(42deg) translate(6px, 6px); }
  .header__menu input[type=checkbox]:checked ~ label span:after {
    -webkit-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    transform: rotate(-43deg); }
  .header__flex--responsive .menu__langues {
    margin-top: 5px; }
  header .pad__top--grand {
    padding-top: 25px; }
  header .header__menu {
    margin-top: 0; }
  header .menu__responsive2,
  header .menu__responsive {
    display: none; }
  header .btn__defaut {
    padding: 7px 10px 6px;
    font-size: 14px;
    font-size: 0.875rem; }
  .menu__burger--mobile {
    overflow: scroll; }
    .menu__burger--mobile .header__logo {
      max-width: 100px; }
      .menu__burger--mobile .header__logo img {
        max-width: 100px; }
  .header__logo {
    max-width: 100px; }
    .header__logo img {
      max-width: 100px; }
    .header__logo lottie-player {
      max-width: 130px;
      max-height: 74px; }
  .checkbox__checked2 .menu__burger--mobile2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 10000;}
  .checkbox__checked .menu__burger--mobile {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 10000;}
  .menu__header--btn a, .menu__header--btn span {
    padding: 7px 10px 6px;
    font-size: 14px;
    font-size: 0.875rem; }
  .header__sticky .margin__left--grand {
    margin-left: 10px; }
  .header__sticky .header__logo {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
    .header__sticky .header__logo img {
      max-width: 90px;
      max-height: 35px; }
  .header__sticky .grid__3col--egales {
    -ms-grid-columns: 90px 1fr;
    grid-template-columns: 90px 1fr; }
  /*  -----------------------------------
     - - - - - - -  Footer - - - - - -
   -----------------------------------  */
  .grid__gap--footer,
  .footer__top.grid__2col--egales {
    grid-gap: 30px; }
  .footer__logo img {
    max-width: 180px;
    max-height: 72px; }
  /*  -----------------------------------
     - - - - - - -  Formulaire - - - - - -
   -----------------------------------  */
  form .grid__gap--grand {
    grid-gap: 19px; }
  /*  -----------------------------------
     - - - - - - -  Cards - - - - - -
   -----------------------------------  */
  /*  -----------------------------------
     - - - - - - -  Pictos - - - - - -
   -----------------------------------  */
  /*  -----------------------------------
     - - - - - - -  Sections - - - - - -
   -----------------------------------  */
  .damier__chiffres .pad__vertical--grand {
    padding-top: 25px;
    padding-bottom: 0; }
  .damier__cards {
    grid-gap: 30px; }
    .damier__cards a:nth-of-type(odd),
    .damier__cards a:nth-of-type(even) {
      -ms-grid-column-align: center;
      justify-self: center; }
    .damier__cards .margin__top--mega {
      margin-top: 0; }
  .grid__gap--equipe.grid__4col--egales {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr); }
  .container__tabs.pad__mega, .container__tabs.pad__horizontal--giga {
    padding-left: 0;
    padding-right: 0; }
  .grid-item {
    width: 100%; }
  .coude__gauche--bas {
    height: 50px; }
    .coude__gauche--bas::before {
      height: 50px; }
  .container__wysiwyg .pad__bottom--grand {
    padding-bottom: 20px; }
  .container__wysiwyg h2 {
    margin-bottom: 20px !important;
    margin-top: 30px; }
  .container__wysiwyg h3 {
    margin-bottom: 16px !important; }
  .container__map {
    max-height: 220px;
    height: 220px; }
  .picto__angle--droit-grand {
    display: none; }
  .damier__cards.grid__3col--egales {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 60px; }
    .damier__cards.grid__3col--egales .margin__top--giga {
      margin-top: 0; }
  .page__nous-rejoindre .container__bcg--img {
    min-height: 440px; }
  .page__nous-rejoindre .img__hero {
    height: 300px; 
    position:relative;
    margin-bottom:-10px;}
  .grid__3col--2fr-auto,
  .grid__3col--auto-2fr {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .container__categories ul li {
    padding: 5px 10px 4px; }
    .container__categories ul li a {
      font-size: 12px;
      font-size: 0.75rem; }
  .btn__defaut.btn__tag, button.btn__defaut.btn__tag, a.btn__defaut.btn__tag {
    padding: 5px 10px 4px;
    font-size: 12px;
    font-size: 0.75rem; }
  .pad__bottom--grand {
    padding-bottom: 25px; }
  .pad__horizontal--mega {
    padding-left: 30px;
    padding-right: 30px; }
  .slider__enjeux .card__slide {
    padding-bottom: 30px;
    margin-top: 0;
    margin-left: 0; } }

@media (max-width: 576px) and (max-width: 440px) {
  .page__nous-rejoindre .container__bcg--img {
    min-height: 400px; }
  .page__nous-rejoindre .img__hero {
    height: 270px; padding-top: 100px;}
  .lottie {
    width: 300px;
    height: 317px; }
  .pad__horizontal--mega {
    padding-left: 20px;
    padding-right: 20px; } }

@media (max-width: 576px) and (max-width: 390px) {
  .page__nous-rejoindre .container__bcg--img {
    min-height: 380px; }
  .page__nous-rejoindre .img__hero {
    height: 240px; 
    
  } }

@media (max-width: 576px) {
  /*  - - - -  Téléphones très petits écrans  - - - -  */ }

@media (max-width: 576px) and (max-width: 365px) {
  .container__header,
  .container__grand {
    padding-left: 15px;
    padding-right: 15px; }
  .page__nous-rejoindre .container__bcg--img {
    min-height: 330px; }
  .page__nous-rejoindre .img__hero {
    height: 200px; } }
.hidden-sm{
  display: none;
}
/*# sourceMappingURL=style-mobile.css.map */