/* Masque le conteneur principal du programme ACT'ICE sur mobile */
#programme-actice-container {
  display: none;
}

#actice-programme-1366 {
  display: none;
}

/* Cacher "ACT'ICE En quoi consiste le programme ? " en version 1366px */
#circle-with-numbers-1366 {
  display: none;
}

/* Nombres en haut de page  */
#numbers {
  text-align: right;
  padding-right: 136px;
}

#numbers .bold-number p {
  font-size: var(--font-size-26);
  font-weight: 400;
  color: var(--green-text);
}

#numbers .under-text p {
  font-weight: 400;
  font-size: var(--font-size-16);
  color: var(--grey-700);
}

/* PROGRAMME ACT'ICE  */
#acticelab-container .prix-2D-content {
  margin-bottom: 110px;
}

/*ACT'ICE - But et dispositif */

#actice-but h2:first-child {
  font-size: var(--font-size-22);
  font-weight: 400;
  color: var(--black);
  margin-left: 44px;
  padding-left: 68px;
}

#actice-but .title-container {
  padding-left: 81px;
  padding-right: 0px;
}

#actice-but .line-container {
  width: 18px;
  color: var(--grey-750);
}

#actice-but .with-line-before::before {
  width: 18px;
}

#actice-but h2:nth-child(2) {
  font-size: var(--font-size-18);
  font-weight: 600;
  color: var(--black);
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 13px;
}

#actice-but .paragraph-section {
  padding: 0 81px;
}

#actice-but p:nth-child(2) {
  font-size: var(--font-size-20);
  font-weight: 400;
  color: var(--green-text);
}

/* Image soirée actice */
#image-soiree {
  padding-right: 0;
  margin-top: 25px;
  margin-bottom: 25px;
}

#image-soiree .e-con-inner {
  justify-content: flex-end;
}

#image-soiree img {
  width: 272px;
  margin-right: -20px;
  height: 125px;
  max-width: 100%;
  object-fit: cover;
  object-position: top;
}

/*ACT'ICE - À qui s’adresse le programme ? */
#actice-programme h2:first-child {
  font-size: var(--font-size-22);
  font-weight: 400;
  color: var(--black);
  margin-left: 44px;
  padding-left: 60px;
}

#actice-programme .title-container {
  padding-left: 74px;
  padding-right: 0px;
}

#actice-programme .line-container {
  width: 18px;
  color: var(--grey-750);
}

#actice-programme .with-line-before::before {
  width: 18px;
}

#actice-programme h2:nth-child(2) {
  font-size: var(--font-size-16);
  font-weight: 600;
  color: var(--black);
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 13px;
}

#actice-programme .paragraph-section {
  font-size: var(--font-size-16);
  padding: 0 74px;
}

.green-text {
  color: var(--green-text);
}

/* PROGRAMME ACT'ICE */
/* Cacher les statistiques ACT'ICE 768px et + */
div .stat-constat .e-con {
  display: none;
}

.e-con-inner .semi-circle-yellow-414 {
  display: flex;
  justify-content: end;
}

/*   Notre constat */
/*    Titre */
.notre-constat .title-container {
  justify-content: end;
}

.notre-constat .title-container h2 {
  font-size: var(--font-size-16);
  color: var(--black);
}

.notre-constat .with-line-before::before {
  width: 18px;
}

/*    Paragraphe */
.notre-constat .paragraph-section {
  font-size: var(--font-size-20);
  color: var(--black);
  margin-top: 20px;
  padding-right: 0;
  text-align: end;
}

/*   Statistiques ACT'ICE */
/*  Nombre de statistiques ACT'ICE */
.actice-stat .mobile-statistic-bold-number {
  font-size: var(--font-size-32);
}

.actice-stat .mobile-statistic-content img {
  max-width: 50px;
  width: unset;
  height: auto;
}

/*   Statistiques ACT'ICE - icônes génériques */
.constat-stat div img {
  position: relative;
  top: unset;
  right: unset;
  left: 10px;
}

/*   Ajustement du bottom selon l'icône */
.constat-stat div:nth-of-type(1) img,
.constat-stat div:nth-of-type(2) img,
.constat-stat div:nth-of-type(6) img {
  bottom: 3px;
}

.constat-stat div:nth-of-type(3) img,
.constat-stat div:nth-of-type(4) img,
.constat-stat div:nth-of-type(5) img {
  bottom: 6px;
}

/*ACT'ICE En quoi consiste le programme ? */
/* Titre  et sous titre*/
#circle-with-numbers .circle-with-numbers-titre-actice {
  padding-left: 85px;
}

.circle-with-numbers-titre-actice .elementor-widget-container h2 {
  font-size: var(--font-size-22);
  color: var(--black);
  margin-left: 41px;
}

.circle-with-numbers-titre-actice .text-with-line-before-container {
  gap: 13px;
}

.circle-with-numbers-titre-actice .text-with-line-before p {
  color: var(--black);
  font-weight: 600;
}

.circle-with-numbers-titre-actice .with-line-before::before {
  width: 18px;
}

/* Chiffres 1 et 2 */
.circle-with-numbers-actice1-2 ul {
  list-style: unset;
}

.circle-with-numbers-actice1-2 li {
  margin-left: 14px;
}

.circle-with-numbers-actice1-2 .icon-with-text-wrapper:nth-of-type(2) {
  margin-top: 20px;
}

.circle-with-numbers-actice1-2 .icon-number-grey-text {
  font-size: var(--font-size-20);
}

/* icones rouge */
.circle-with-numbers-actice-3 .icon-with-text-title {
  font-size: var(--font-size-20);
  color: var(--grey-700);
  margin-bottom: unset;
}

/* CANDIDATURES */
#circle-with-numbers .candidatures-actice {
  padding: 0 80px;
}

#circle-with-numbers .candidatures-actice .e-con-inner {
  margin-left: 40px;
}

#circle-with-numbers .voir-plus-button-container a p {
  font-size: var(--font-size-18);
}

/*L'objectif + carte interactive */
#map-actice {
  padding: 0;
}

#map-actice .e-con-inner {
  max-width: unset;
}

/* L'objectif */
#map-actice .objecif-carte .elementor-widget-container p {
  margin-bottom: 0;
  font-size: var(--font-size-18);
  color: var(--green-text);
  line-height: normal;
  padding: 50px 18%;
}

/*Témoignages */
.temoignage .text-with-line-before-container {
  margin: 50px 0 50px 50px;
}

/* Tiret */
.temoignage .with-line-before::before {
  width: 18px;
}

/* Titre */
.temoignage .text-with-line-before p {
  font-size: var(--font-size-18);
  font-weight: bold;
}

/* ============================
   Media Queries
   ============================ */
@media (min-width: 550px) {
  /* Image soirée actice */
  #image-soiree img {
    width: 505px;
    height: 232px;
  }
}

/* --- Tablettes (min-width: 768px) --- */
@media screen and (min-width: 768px) {
  /* Nombres en haut de page */
  #numbers {
    background-color: var(--grey-100);
    text-align: center;
  }

  #numbers .e-con-inner {
    display: flex;
    flex-direction: row;
    justify-content: initial;
  }

  #numbers .item-container {
    align-items: center;
    margin: 20px 0;
  }

  #numbers .bold-number p {
    font-size: var(--font-size-32) !important;
    margin: 0 0 10px 0;
  }

  #numbers .under-text p {
    text-align: center;
    margin: 0;
    color: var(--grey-750);
  }

  /* PROGRAMME ACT'ICE  */
  #content-wrap .prix-2D-content {
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .actice-lab-programme .breakable-title.broken span:nth-of-type(1) {
    font-size: var(--font-size-28);
    font-family: barlow;
  }

  .actice-lab-programme .breakable-title.broken span:nth-of-type(2) {
    font-size: var(--font-size-42);
  }

  #content-wrap .voir-plus-button-container {
    margin-bottom: 0;
  }

  /*ACT'ICE - But et dispositif */
  #actice-but h2:first-child,
  #actice-programme h2:first-child {
    font-size: var(--font-size-42);
    margin-left: 100px;
    padding-left: 84px;
    margin-bottom: -9px;
    font-weight: bold;
  }

  #actice-but .title-container,
  #actice-programme .title-container {
    padding-left: 85px;
  }

  #actice-but .line-container,
  #actice-but .line-bfr-title,
  #actice-programme .line-container,
  #actice-programme .line-bfr-title {
    width: 33px;
  }

  #actice-but .with-line-before::before {
    width: 33px;
  }

  #actice-but h2:nth-child(2),
  #actice_programme h2:nth-child(2) {
    font-size: var(--font-size-24);
    margin-left: 32px;
  }

  #actice-but .paragraph-section,
  #actice-programme .paragraph-section {
    font-size: var(--font-size-20);
    padding-left: 85px;
    padding-right: 85px;
  }

  #actice-but p:nth-child(2) {
    font-size: var(--font-size-24);
  }

  #actice-programme .with-line-before::before {
    width: 33px;
  }

  /* Image soirée actice */
  #image-soiree img {
    width: 50vw;
    height: auto;
    margin-right: -10vw;
    max-width: none;
  }

  /*PROGRAMME ACT'ICE - Statistiques ACT'ICE */
  /* cacher les statistiques ACT'ICE 414px  */
  div.actice-stat.e-con {
    display: none;
  }

  /* Afficher les statistiques ACT'ICE 768px et + */
  div .stat-constat .e-con {
    display: flex;
  }

  .stat-constat .mobile-statistic-wrapper {
    margin: unset;
  }

  .stat-constat .e-con-inner {
    gap: 5% !important;
  }

  /* Regles pour les nombres */
  .stat-constat .mobile-statistic-bold-number {
    font-size: var(--font-size-32);
  }

  /* Regles pour les icônes */
  .stat-constat .mobile-statistic-bold-number img {
    max-width: 55px;
    width: unset;
    height: auto;
  }

  /* Regles pour le texte  sous les nombres*/
  .stat-constat .mobile-statistic-under-text {
    font-size: var(--font-size-16);
  }

  /* Statistique de gauche */
  .stat-constat .stat-left {
    margin-top: 160px;
  }

  /* PROGRAMME ACTICE - Notre constat */
  .notre-constat-768 {
    margin-right: 25px;
  }

  /*  PROGRAMME ACTICE */
  .stat-constat .semi-circle-programme-prix-2D-breakable-title {
    font-size: var(--font-size-32);
    position: absolute;
    right: -20px;
    bottom: 2px;
    top: unset;
    /* letter-spacing: -1%; */
    line-height: 52px;
  }

  /*  Notre constat */
  /*   Titre */
  .stat-constat .title-container h2 {
    font-size: var(--font-size-20);
    font-weight: 600;
    margin-left: 35px;
    padding: 0;
  }

  /*  Tiret */
  .stat-constat .with-line-before::before {
    width: 45px;
    height: 1px;
    color: var(--grey-750);
  }

  /*  Paragraphe */
  .stat-constat .paragraph-section {
    margin-top: 60px;
  }

  /* Statistique de droite */
  .stat-constat .stat-right {
    margin-top: 110px;
  }

  /*ACT'ICE En quoi consiste le programme ? */
  /* Titre  et sous titre*/
  #circle-with-numbers .circle-with-numbers-titre-actice {
    margin-bottom: 30px;
    padding-left: 126px;
  }

  .circle-with-numbers-titre-actice .text-with-line-before-container {
    gap: 32px;
  }

  .circle-with-numbers-titre-actice .elementor-widget-container h2 {
    font-size: var(--font-size-42);
    margin-left: 75px;
  }

  .circle-with-numbers-titre-actice .with-line-before::before {
    width: 33px;
  }

  /* Chiffres 1, 2 et 3 */
  .circle-with-numbers-titre-actice .text-with-line-before p {
    font-size: var(--font-size-24);
  }

  #circle-with-numbers .icon-number-text .icon-number-green-text p {
    font-size: var(--font-size-22);
  }

  /*L'objectif*/
  #map-actice .objecif-carte .elementor-widget-container p {
    font-size: var(--font-size-24);
  }

  /*Témoignages */
  /* Tiret */
  .temoignage .with-line-before::before {
    width: 33px;
  }

  /* Titre */
  .temoignage .text-with-line-before p {
    font-size: var(--font-size-24);
    margin-left: 30px;
  }
}

/* --- Tablettes (min-width: 811px) --- */
@media screen and (min-width: 811px) {
  /*PROGRAMME ACT'ICE - Statistiques ACT'ICE */
  /* Augmenter la marge à gauche de la statistique de droite */
  .stat-constat .stat-right {
    margin-left: 9%;
  }
}

/* --- Ordinateurs (min-width: 1024px) --- */
@media screen and (min-width: 1024px) {
  /* Nombres en haut de page */
  #numbers {
    padding-left: 0px;
    padding-right: 0px;
  }

  #numbers .e-con-inner {
    justify-content: space-evenly;
  }

  /* PROGRAMME ACT'ICE  */
  #content-wrap .prix-2D-content {
    margin-top: 126px;
    margin-bottom: 75px;
  }

  .actice-lab-programme .breakable-title.broken span:nth-of-type(1) {
    font-size: var(--font-size-31);
  }

  .actice-lab-programme .breakable-title.broken span:nth-of-type(2) {
    font-size: var(--font-size-50);
  }

  /*ACT'ICE - But et dispositif */
  #actice-but h2:first-child,
  #actice_programme h2:first-child {
    font-size: var(--font-size-42);
    padding-left: 128px;
    margin-left: 75px;
    font-weight: bold;
  }

  #actice-but .title-container,
  #actice_programme .title-container {
    padding-left: 116px;
  }

  #actice-but .line-container,
  #actice-but .line-bfr-title,
  #actice-programme .line-container,
  #actice-programme .line-bfr-title {
    width: 44px;
  }

  #actice-but h2:nth-child(2),
  #actice-programme h2:nth-child(2) {
    font-size: var(--font-size-20);
    margin-left: 43px;
  }

  #actice-but .paragraph-section,
  #actice-programme .paragraph-section {
    padding-left: 116px;
    padding-right: 116px;
  }

  #actice-but p:nth-child(2) {
    font-size: var(--font-size-22);
  }

  /* Image soirée actice */
  #image-soiree img {
    width: 674px;
    height: 310px;
  }

  /*ACT'ICE En quoi consiste le programme ? */
  /* Titre et Sous titre*/
  #circle-with-numbers .circle-with-numbers-titre-actice {
    padding-left: 126px;
  }

  .circle-with-numbers-titre-actice .elementor-widget-container h2 {
    margin-left: 106px;
  }

  .circle-with-numbers-titre-actice .text-with-line-before p {
    font-size: var(--font-size-20);
  }

  .circle-with-numbers-titre-actice .with-line-before::before {
    width: 44px;
  }

  .circle-with-numbers-titre-actice .text-with-line-before-container {
    gap: 43px;
  }

  /* CANDIDATURES */
  .candidatures-actice .e-con-inner .elementor-widget-container .voir-plus-button-container {
    margin-left: 133px;
  }

  /* L'objectif */
  #map-actice .objecif-carte .elementor-widget-container p {
    font-size: var(--font-size-22);
    padding: 50px 27%;
  }

  /*Témoignages */
  afficher le mobile et cacher le desktop
    /* .presentation-with-quotes-container-desktop {
        display: none;
    }

    .presentation-with-quotes-container-mobile {
        display: block;
    } */

    /* Tiret */
    .temoignage .with-line-before::before {
    width: 33px;
  }

  /* Titre */
  .temoignage .text-with-line-before p {
    font-size: var(--font-size-24);
    margin-left: 30px;
  }
}

/* --- Grands écrans (min-width: 1366px) --- */
@media screen and (min-width: 1366px) {
  /* Cacher les nombres en haut de page */
  #numbers {
    display: none;
  }

  /* Cacher certains blocs principaux sur très grands écrans */
  #content-wrap .prix-2D-content,
  #actice-but,
  #image-soiree,
  #actice-programme {
    display: none;
  }

  #programme-actice-container {
    display: block;
  }

  /* ActiceLab et Programme ACT 'ICE */
  #programme-actice-container .e-con-inner {
    margin: 0;
    max-width: none;
  }

  /* ActiceLab et Programme Prix 2D */
  .prix-2d-screen-1366-breakable-title1 .breakable-title {
    color: var(--grey-700);
    font-size: var(--font-size-24);
    font-weight: 400;
  }

  .prix-2D-programme-actice-screen1366 {
    display: flex;
    align-items: end;
  }

  .prix-2D-programme-actice-screen1366 .voir-plus-button-container {
    margin: 0;
  }

  .prix-2d-screen1366-breakable-title2 .breakable-title span:nth-of-type(1) {
    font-size: var(--font-size-31);
    font-weight: 400;
  }

  .prix-2d-screen1366-breakable-title2 .breakable-title span:nth-of-type(2) {
    font-size: var(--font-size-50);
    font-weight: 400;
    font-family: inter;
  }

  /*ACT'ICE - À qui s’adresse le programme ? - Image de soirée*/
  #actice_programme-1366 {
    display: flex;
    margin-top: 150px;
    margin-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  /* Titre ACT'ICE */
  #actice-programme-1366 .elementor-widget-container h2 {
    display: flex;
    justify-content: center;
    font-size: var(--font-size-50);
    color: var(--black);
  }

  /* Article - ACT'ICE - À qui s’adresse le programme ? */
  #actice-programme-1366 .entreprises-wrapper {
    grid-template-columns: unset;
    padding-bottom: unset;
  }

  /* Article - Titre */
  #actice-programme-1366 .entreprises-column-left {
    display: unset;
  }

  #actice-programme-1366 .entreprises-column-left h3 {
    font-size: var(--font-size-20);
    color: var(--black);
    padding-right: 30px;
  }

  #actice-programme-1366 .entreprises-section .with-line-before::before {
    margin-right: 20px;
  }

  #actice-programme-1366 .with-line-before::before {
    width: 44px;
  }

  /* Article - Paragraphe */

  #actice-programme-1366 .entreprises-web-content {
    padding-right: 97px;
    width: auto;
  }

  #actice-programme-1366 .entreprises-section p {
    font-size: var(--font-size-20);
    margin-left: 0;
    margin-right: 0;
  }

  /* Image Soirée Act'ICE */
  .elementor-78 .elementor-element.elementor-element-7392347 {
    display: flex;
    justify-content: center;
  }

  #actice-programme-1366 .elementor-widget-image img {
    width: calc(100% + (50vw - 438px));
    max-width: none;
    max-height: 306px;
    object-fit: cover;
    object-position: top;
  }

  /*ACT'ICE En quoi consiste le programme ? */
  /* Cacher la version 414 à 1024px de la section avec les cercles et les chiffres  */
  #circle-with-numbers .e-con-inner {
    display: none;
  }

  #circle-with-numbers-1366 {
    display: flex;
    margin-top: 100px;
  }

  /* Titre  et sous titre*/
  .titre1-2 .circle-with-numbers-titre-actice {
    padding-left: 51px;
  }

  .circle-with-numbers-titre-actice .elementor-widget-container h2 {
    font-size: var(--font-size-50);
    margin-left: 126px;
  }

  .circle-with-numbers-titre-actice .with-line-before::before {
    width: 66px;
  }

  /* Chiffres 1, 2 et 3 */
  #circle-with-numbers-1366 .icon-number-text .icon-number-green-text p {
    font-size: var(--font-size-22);
  }

  /* Bloc à droite */
  #circle-with-numbers-1366 .circle-with-numbers-right {
    padding-top: 48px;
  }

  /* Candidatures + texte*/
  .circle-with-numbers-right .candidatures-actice .e-con-inner {
    padding: 0 65px;
  }

  .candidatures-actice .e-con-inner .elementor-widget-container .voir-plus-button-container {
    margin-left: unset;
  }

  /*L'objectif + carte interactive */
  /* L'objectif */
  #map-actice .objecif-carte .elementor-widget-container p {
    padding: 50px 21%;
  }

  /* carte interactive */
  #map-actice .e-con-inner {
    max-width: unset;
  }
}