@charset "UTF-8"; /*!
Theme Name: Facyl
Theme URI: https://gitlab.com/dev-orange-carre/wordpress-theme
Description: Un thème sur-mesure par et pour l'Orange Carré !
Version: 0.1.10
Requires at least: 5.2
Author: l'orange Carre <contact@orangecarre.fr>
Author URI: https://orangecarre.fr/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: facyl
Domain Path: /languages/
Tags: editor-style, translation-ready
*/ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  -moz-tab-size: 4;
  tab-size: 4;
  box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  --line-height: 1.15;
  --font-title: 'Raleway', serif;
  --font-text: 'Raleway', serif;
  overflow-x: hidden;
}

:root {
  --primary-color: #AAC159;
  --secondary-color: #FDFBF9;
  --tertiary-color: #DBE5C7;
  --white: #FDFBF9;
  --dark-green: #143F1F;
  --background-color: #FDFBF9;
  --navigation-background-color: black;
  --background-menu-burger: #143F1F;
  --icon-menu-burger: #FDFBF9;
  --link-menu-color: #FDFBF9;
  --link-menu-color-underline: #fdfbf9bb;

  --rubis: #ae0e16;
  --corail: #ea5045;
  --azur: #00abe4;
  --turquoise: #00aba0;
}

.dark-mode {
  --background-color: #282828;
  --tertiary-color: #506453;
  --navigation-background-color: #282828;
  --tertiary-color: #282828;
  --dark-green: #FDFBF9;
  --background-menu-burger: #282828;
  --icon-menu-burger: #FDFBF9;
  --link-menu-color: #FDFBF9;
}

body {
  margin: 0;
  font-family: var(--font-text);
  font-size: 1.125rem;
  font-family: var(--font-text);
}

b,
strong {
  font-weight: 700;
  line-height: var(--line-height);
  font-family: var(--font-text), sans-serif;
}

p, tr, td, li {
  line-height: var(--line-height);
  font-family: var(--font-text), sans-serif;
  font-weight: 400;
  font-size: 20px;
}

h1 {
  font-family: var(--font-title), sans-serif;
  font-weight: 900;
  z-index: 10;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

h2 {
  font-family: var(--font-title), sans-serif;
}

h2 strong {
  font-weight: 700;
}
h3 {
  font-family: var(--font-title), sans-serif;
}

a {
  line-height: var(--line-height);
  font-family: var(--font-text), sans-serif;
  font-weight: 400;
}

#siteHeader {
  top: 0;
  z-index: 10;
}

/* FOOTER */
.footer {
  background: linear-gradient(rgba(174, 14, 22, 0.9), rgba(174, 14, 22, 0.9)), url(/wp-content/themes/facyl/assets/images/vague.jpg);
  padding: 3rem 5%;
  clip-path: polygon(50% 0, 100% 15%, 100% 100%, 0 100%, 0 15%);
}

.footer a {
  color: var(--white);
  text-decoration: none;
}
.footer__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.footer__separator {
  width: 25%; /* Ajustez la largeur du séparateur (50% de l'espace disponible) */
  margin: 10px auto; /* Centre horizontalement et ajoute de l'espace autour */
  border: none; /* Supprime le style par défaut de la balise <hr> */
  border-top: 1px solid var(--white); /* Définit un trait fin (1px) et sa couleur */
}
.footer__credits p {
  text-align: center;
  color: var(--white);
}
.footer-labels__logo {
  width: 75px;
}
.footer__menu-wrapper{
  text-align: left;
}

.footer-liens {
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  .footer__wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .footer__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; /* garde la distribution */
  }

  /* rendre gauche et droite égales pour centrer visuellement le milieu */
  .footer__menu-wrapper,
  .footer__links-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer__menu-wrapper { 
    justify-content: flex-start; 
  }
  .footer__links-wrapper { justify-content: flex-end; }

  /* centrer le contenu (logo + email) dans la colonne milieu */
  .footer-infos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0; /* ne pas s'étendre */
  }

  .footer-infos__contenu { margin: 0; text-align: center; }
  .nav__logo-container img { display: block; margin: 0 auto; max-width: 160px; height: auto; }
}
.footer__menu-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer__menu-list li a {
  text-decoration: none;
  color: var(--white);
}

/* NAVBAR */

.theme-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 24px;
}

.material-symbols-outlined {
    color: var(--dark-green);
}

.nav {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/themes/facyl/assets/images/background-header.jpg);
  box-shadow: inset 10px 0px 24px rgba(0, 0, 0, 0.5);
  background-size: auto, cover;
  padding: 20px 2rem;
  position: relative;
  width: 100%;
  max-height: fit-content;
  min-height: 20rem;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}

.nav__container {
  display: flex;
  align-items: center;
}
.nav__socials {
  align-items: center;
  display: flex; 
  gap: 10px; 
}

.nav__socials a {
  display: inline-block; 
}

.nav__socials .nav__logo img {
  width: 130px; 
  height: auto;
  margin-right: 50px;
}

.nav__logo img {
  max-width: 25vw;
} 
.nav__icon {
  background: none !important;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 3rem;
  justify-content: space-evenly;
  padding: 0.75rem 0.5rem;
  position: relative;
  min-width: 40px;
  z-index: 1;
}
.nav__icon span {
  background: var(--icon-menu-burger) !important;
  height: 2px;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}

/* Menu */
.nav__menu {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  /* visibility: hidden; */
  width: 100%;
}

/* Masquer les sous-menus par défaut */
.nav__menu li ul {
    display: none;
    background: transparent;
    backdrop-filter: blur(3px);
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 1rem 0;
    border-radius: 15px;
}

/* Afficher le sous-menu au survol */
.nav__menu li:hover > ul {
    /* display: block; */
    display: flex;
    gap: 5px;
    flex-direction: column;
    z-index: 10;
    overflow: visible;
}

.nav__ul {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding-top: 4rem;
}


.nav__ul > li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  margin-left: 1rem;
  margin-bottom: 5px;
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  padding: 5px;
  transform: rotate(45deg); /* petite flèche vers le bas */
  transition: transform 0.5s;
}

.nav__ul > li.menu-item-has-children:hover > a::after {
  transform: rotate(-135deg); /* flèche vers le haut */
}

.nav__infos {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

.nav__infos a {
  color: var(--white);
}

.nav__infos img {
  max-width: 4rem;
}

/* Menu mobile */
@media screen and (max-width: 1000px) {
  nav {
    padding: 20px 2rem 22rem 2rem !important;
  }

  .nav__menu {
    backdrop-filter: blur(4px);
  }

  .nav__ul {
    justify-content: unset;
    padding: 4rem 0 0 0rem;
    margin: 0;
  }
  .nav__ul > li.menu-item-has-children > a{
    /* display: none; */
  }
  .nav__menu li ul {
    position: relative;
  }

  .sub-menu {
    /* display: block !important; */
    position: relative;
  }
}
.nav__ul li {
  font-size: 1rem;
  margin-top: 1rem;
}
.nav__ul li:hover a {
  color: var(--primary-color);
}
.nav__ul li.current-menu-item:hover a {
  color: var(--black);
}
.nav__ul a {
  font-family: var(--font-title);
  color: var(--link-menu-color) !important;
  font-size: 24px;
  padding: 0.5rem;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0, 0, 0, 0.98);
  width: fit-content;
}
.nav__ul a:visited {
  color: var(--link-menu-color);
}
.nav__menu.active {
  opacity: 1;
  visibility: visible;
}
.current-menu-item a {
  text-decoration: underline;
  text-underline-offset: 10px; /* Ajustez pour l'espacement vertical */
  text-decoration-thickness: 4px; /* Ajustez pour réduire l'épaisseur */
  text-decoration-color: var(--link-menu-color-underline);
}

.header-title {
    text-align: center;
    color: var(--link-menu-color);
    padding: 0 1rem;
  }

/* Menu Laptop */
@media all and (min-width: 768px) and (max-width: 1024px) {
  .nav__icon {
    display: none;
  }
  .nav__menu {
    display: flex;
    justify-content:space-around; 
    opacity: 1;
    position: static;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    max-width: 100%;
  }
  .nav__menu ul {
    flex-direction: row;
    padding: 0;
    width: auto;
  }
  .nav__menu ul li {
    font-size: 1rem!important;
    margin-top: 0;
    transition: transform 0.3s ease; 
  }
  .nav__menu a {
    font-size: 1.4rem!important;
  }
  .nav__menu > ul > li {
    margin: 0rem 0.5rem;
  }
  .header-title {
    text-align: center;
    color: var(--link-menu-color);
    padding: 0 10vw;
  }
  .nav__logo img {
    max-width: 15vw;
  }
} 


/* Menu desktop */
@media all and (min-width: 1025px) {
  .nav__icon {
    display: none;
  }
  .nav__menu {
    display: flex;
    justify-content:space-around; 
    opacity: 1;
    position: static;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    max-width: 100%;
  }
  .nav__menu ul {
    flex-direction: row;
    padding: 0;
    width: auto;
  }
  .nav__menu ul li {
    font-size: 1rem!important;
    margin-top: 0;
    transition: transform 0.3s ease; 
  }
  .nav__menu > ul > li {
    margin: 0rem 1rem;
  }
  .header-title {
    text-align: center;
    color: var(--link-menu-color);
    padding: 0 20vw;
  }
}

/* ALL PAGES */

main {
}

.ariane a{
  color: var(--black);
}

/* .bandeau-clippath {
  width: 100vw;              
  margin-left: calc(-50vw + 50%);
  margin-top: 2rem;
  margin-bottom: 2rem;
  height: 6rem; 
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/themes/facyl/assets/images/background-header.jpg);
  background-size: cover;
  background-position: center;
  clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0);
} */

.bandeau-clippath {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  font-weight: bold;
  text-underline-offset: 6px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/themes/facyl/assets/images/background-header.jpg);
  padding: 7rem 0;
  box-shadow: inset 10px 0px 24px rgba(0, 0, 0, 0.5);
  background-size: auto, cover;
  clip-path: polygon(
  0 0,        /* haut gauche */
  50% 30%,     /* creux au centre (haut) */
  100% 0,     /* haut droit */
  100% 50%,   /* bas droit remonté */
  50% 75%,   /* pointe en bas au centre */
  0 50%       /* bas gauche remonté */
  );
}

/* Page Accueil */

.accueil__title {
  color: var(--white);
  font-family: var(--font-title), sans-serif;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  font-weight: bold;
  text-underline-offset: 6px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/themes/facyl/assets/images/background-header.jpg);
  padding: 7rem 0;
  box-shadow: inset 10px 0px 24px rgba(0, 0, 0, 0.5);
  background-size: auto, cover;
  font-size: 2.5rem;
  clip-path: polygon(
  0 0,        /* haut gauche */
  50% 30%,     /* creux au centre (haut) */
  100% 0,     /* haut droit */
  100% 50%,   /* bas droit remonté */
  50% 75%,   /* pointe en bas au centre */
  0 50%       /* bas gauche remonté */
  );
}

/* Page Accueil : Accompagnement*/
.accueil__accompagnement {
    padding: 2rem;
}

.accueil__accompagnement > div > p {
  font-size: 1.5rem;
}

/* Page Accueil : Offre*/

.accueil__offre--description {
  padding: 0 10vw;
  font-weight: bold;
  position: relative;
  top: -4rem;
}

.accueil__offre--container {
  gap: 2rem;
  padding: 0 2rem;
  position: relative;
  top: -4rem;
  align-items: stretch;
  margin-bottom: -6rem;
}

.accueil__offre--container img {
  max-width: 14rem!important;
  margin-top: 1rem;
}

.accueil__offre--container figure {
  display: flex !important;
  justify-content: center;
}

.accueil__offre--strategie > div > figure:first-child > img {
    border: var(--rubis) solid 8px;
}

.accueil__offre--strategie2 > div > figure:first-child > img {
    border: var(--corail) solid 8px;
}

.accueil__offre--environnement > figure:first-child > img {
    border: var(--turquoise) solid 8px;
}

.accueil__offre--etudes > figure:first-child > img {
    border: var(--azur) solid 8px;
}

.accueil__offre--strategie > h3 {
  color: var(--rubis);
}

.accueil__offre--strategie2 > h3 {
  color: var(--corail);
}

.accueil__offre--environnement > h3 {
  color: var(--turquoise);
}

.accueil__offre--etudes > h3 {
  color: var(--azur);
}

.accueil__offre--container h3 {
  min-height: 48px;
}

.accueil__offre--container > div > ul > li {
  position: relative;
  padding-left: 24px; 
  padding-bottom: 0.5rem;
  list-style: none;
}

.accueil__offre--container > div > ul > li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}

.accueil__offre--container > div > ul {
  min-height: 160px;
}

.accueil__offre--rdv > a{
  text-decoration: underline;
  color: black;
}

.accueil__offre--logo {
  text-align: center;
}
.accueil__offre--logo > img {
  max-width: 10rem !important;
}

/* Page Accueil : Nos valeurs */

.accueil__valeurs--integrite > h3 {
  color: var(--turquoise);
}

.accueil__valeurs--integrite img {
  width: 5rem;
}

.accueil__valeurs--qualite > h3 {
  color: var(--rubis);
}

.accueil__valeurs--qualite img {
    width: 5rem;
}

.accueil__valeurs--collaboration > h3 {
  color: var(--corail);
}

.accueil__valeurs--collaboration img {
  width: 5rem;
}

.accueil__valeurs--pragamtisme > h3 {
  color: var(--azur);
}

.accueil__valeurs--pragamtisme img {
  width: 5rem;
}

.accueil__valeurs--agir > h3 {
   color: var(--turquoise);
} 

 .accueil__valeurs--description_container{
  margin: 0 2rem;
  gap: 2rem;
  margin-top: -6rem;
}

.accueil__valeurs--description_container > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.accueil__valeurs--description > div{
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  gap: 1rem;
}

.accueil__valeurs--description {
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}

.accueil__valeurs--title {
  text-align: center;
} 

.accueil__valeurs--description > figure {
  padding-top: 1rem;
}

.accueil__valeurs--description > figure > img{
  width: 5rem;
}

.accueil__valeurs--description p {
  margin: 0;
}

.accueil__valeurs--description.turquoise {
    border: 3px solid var(--turquoise);
    color: var(--turquoise);
    border-radius: 0 45px 0 0;
}

.accueil__valeurs--description.rubis {
    border: 3px solid var(--rubis);
    color: var(--rubis);
    border-radius: 0 45px 0 0;
}

.accueil__valeurs--description.azur {
    border: 3px solid var(--azur);
    color: var(--azur);
    border-radius: 0 45px 0 0;
}

.accueil__valeurs--description.corail {
    border: 3px solid var(--corail);
    color: var(--corail);
    border-radius: 0 45px 0 0;
}

/* Page Accueil : Chiffres clés */

.accueil__chiffres--container > div > p {
  color: var(--white);
  font-weight: bold;
  font-size: 3rem;
  padding-top: 0;
  background-color: var(--rubis);
  border-radius: 100%;
  width: 10rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.accueil__chiffres--container {
  position: relative;
  top: -4rem;
}

/* Page Accueil : Nos secteurs d'intervention */

#secteurs {
  margin-top: -4rem;
}

.accueil__clients--title {
  padding-bottom: 4rem;
}

.accueil__clients--container {
  gap: 2rem;
  padding: 0 2rem;
  padding-top: 4rem;
  margin-top: -4rem;
}

.accueil__clients--container figure {
  display: flex;
  justify-content: center;
  align-items: center;
}

.accueil__clients--container img {
  width: 12rem;
  height: 94px !important;
}

.accueil__clients--container h3 {
  padding-bottom: 2rem;
}

/* Desktop */
@media all and (min-width: 768px) {
  .accueil__valeurs--container {
    min-height: 80vh;
    position: relative;
    top: -6rem;
    z-index: 1;
  }

  .accueil__valeurs--container::before {
    content: "";
    position: absolute;
    background: url("/wp-content/themes/facyl/assets/images/arbre-valeurs.jpg") center no-repeat;
    background-size: 70%;
    inset: 0;
    opacity: 0.5; 
    z-index: -1; 
  }

  .accueil__valeurs--container h3 {
    opacity: 1 !important;
  }

  .accueil__valeurs--container > div > div > figure {
    max-width: 4rem;
  }

  .accueil__valeurs--integrite {
    position: absolute;
    top: 10%;
    left: 20%;
    max-width: 10rem;
  }

  .accueil__valeurs--qualite {
    position: absolute;
    top: 40%;
    left: 30%;
    max-width: 10rem;
  }

  .accueil__valeurs--container > div > div > figure {
    display: flex !important;
  }

  .accueil__valeurs--collaboration {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%); 
    max-width: 12rem;
  }

  .accueil__valeurs--pragamtisme {
    position: absolute;
    top: 40%;
    right: 30%;
    max-width: 10rem;
  }

  .accueil__valeurs--agir {
    position: absolute;
    top: 10%;
    right: 20%;
    max-width: 10rem;
  } 

}

/* .accueil__valeurs--container >  */

/* Page Stratégie RSE */

.strategie {
  padding: 0 7vw;
}

.strategie__title {
  text-transform: uppercase;
  margin: 2rem 0;
}

.strategie__title strong {
  background-color: var(--rubis);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  top: -2px;
}

.link__title > a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}


/* Page Stratégie RSE : Notre offre */

.strategie__offre--container {
  max-width: 60%;
  /* padding: 1rem 0; */
}

.strategie__offre--text{
  /* width: 50%; */
}

.strategie__etapesmobile > div{
  display: none;
}

/* Page Stratégie RSE : Quelques définitions */

.strategie__definitions--container {
  display: flex;
  justify-content: end;
}

.strategie__definitions1{
  background-color: var(--rubis);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
  
}

.strategie__definitions1 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

.strategie__definitions2 {
  background-color: var(--corail);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
}

.strategie__definitions2 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

.strategie__definitions3 {
  background-color: var(--azur);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
}

.strategie__definitions3 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

.strategie__definitions4 {
  background-color: var(--turquoise);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
}

.strategie__definitions4 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

/* Page Stratégie : Notre plus-value */

.strategie__notre--container > div > h4 {
  color: var(--white);
  background-color: var(--rubis);
  width: 6rem;
  height: 6rem;
  padding: 0rem;
  border-radius: 100%;
  margin: auto;
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.strategie__notre--container > div > p strong {
  background-color: var(--rubis);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
}


.strategie__notre--container > div > figure {
  display: flex;
  justify-content: center;
}

.strategie__notre--container > div > figure > img {
  background-color: var(--rubis);
  border-radius: 100%;
  width: 6rem;
  height: 6rem;
  padding: 0.5rem;
}

.strategie__notre--container > div > p {
  line-height: 1.6;
}

.strategie__notre--labels > div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 2rem;
  justify-content: center;
  align-items: center;
}

.strategie__notre--labels img {
  max-width: 4rem !important;
}

/* Page Stratégie : Parmi nos clients */

.strategie__parmis--container {
  gap: 2rem;
}

.strategie__parmis--container figure{
  width: 12rem;  
}

.strategie__parmis--container > div:first-child > div > figure{
  width: 8rem;  
}

.strategie__parmis--container > div{
  border: var(--rubis) solid 3px;
  border-radius: 5rem 0 5rem 0;
  height: 10rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* Page Stratégie : Formation RSE */

.strategie__formation--container {
  gap: 2rem;
}

.strategie__formation--container > div {
  border: var(--rubis) solid 2px;
  border-radius: 0 5rem 0 5rem;
  overflow: hidden;
  position: relative;
}

.strategie__formation--container > div > h4 {
  color: var(--white);
  background-color: var(--rubis);
  margin: 0;
  padding: 2rem 1rem;
  text-transform: uppercase;
  height: 8rem;
  display: flex;
  align-items: center;
  text-align: center;
}

.strategie__formation--container > div > p {
  padding: 0 1rem;
}

.strategie__formation--container li {
  position: relative;
  list-style: none;
}

.strategie__formation--container li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

/* Page Stratégie : Contact */

.strategie__contact--container {
  width: 30vw;
  margin: auto;
  gap: 2rem;
}

.strategie__contact--container figure {
  max-width: 15rem;
}

.strategie__rdvlink > a{
  color: black;
  text-decoration: underline ;
}

/* Page Clients RSE */

.clients > div {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 2rem 0;
}

.client__container > div {
  border: var(--rubis) solid 2px;
  padding: 0;
  width: 60%;
  margin: auto;
}

.client__container h2, .client__container p {
  margin: 0 !important;
  padding: 0 !important;
}

.client__container h2 {
  font-size: 1.4rem;
}

.client__container p {
  font-size: 1rem;
}

body .client__content {
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0 1rem;
  align-items: center !important;
}

.client__content > :first-child {
  flex: 1 1 33.33% !important;
}

.client__content > :first-child p, .client__content > :first-child h2 {
  color: var(--rubis);
}

.client__content > :last-child {
  flex: 1 1 66.66% !important;
  padding: 1rem 0;
}

.client__content > :last-child p {
  line-height: 1.6;
}

.client__header {
  background-color: var(--rubis);
  color: var(--white);
  padding: 1rem;
  text-align: center;
  margin: 0;
}

.client__content img {
  max-width: 12rem !important;
  padding-bottom: 1rem;
}

/* Page Offre RSE */

.offreRSE {
  padding: 0 7vw;
}

.offreRSE h2 {
  color: var(--rubis);
}

.offreRSE .padding-bottom {
  padding-bottom: 2rem;
}

.offreRSE li {
  position: relative;
  list-style: none;
}

.offreRSE li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

.offreRSE__materialite {
  width: 50%;
  margin: auto;
  padding: 2rem 0;
}

.offreRSE__graph1 > div{
  padding: 0!important;
}


.offreRSE__graph2 > div{
  padding: 0!important;
}

.offreRSE__graph2 > figure > img{
  width: 50%;
}

.offreRSE__graph3 > div{
  padding: 0!important;
}

.offreRSE__graph3 > figure > img{
  width: 70%;
}

.offreRSE__graph4 {
  width: 60%;
  margin: auto;
}

/* Page Stratégie Climat */

.climat {
  padding: 2rem 7vw;
}

.climat__title {
  text-transform: uppercase;
  margin-bottom: 3rem;
}

.climat__title strong {
  background-color: var(--corail);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  top: -2px;
}

/* Page Stratégie Climat : Engagements */

.climat__schema--container > div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  /* align-items: center; */
}

.climat__schema--container > div > figure {
  width: 70%;
}

.climat__engagements {
  width: 20%;
}

.climat__engagements > div {
  display: flex;
  flex-direction: column;
}

.climat__engagements > div > p{
  font-size: 1rem;
  color: var(--white);
  background-color: var(--corail);
  border-radius: 30px 0 30px 0;
  padding: 1rem 1.5rem;
  text-align: center;
  width: 80%;
  align-self: flex-end;
}

.climat__engagements > div > p > a {
  color: var(--white);
  text-decoration: none;
}


/* Page Stratégie Climat : Parmi nos clients */

.climat__parmis--container {
  gap: 2rem;
}

.climat__parmis--container figure{
  width: 9rem;  
}

.climat__parmis--container > div:nth-child(2) > div > figure, .climat__parmis--container > div:nth-child(4) > div > figure{
  width: 12rem;  
}

.climat__parmis--container > div{
  border: var(--corail) solid 3px;
  border-radius: 5rem 0 5rem 0;
  height: 10rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* Page Stratégie Climat : Quelques définitions */

.climat__definitions--container {
  display: flex;
  justify-content: start;
}

/* Page Stratégie Climat : Notre plus-value */

.climat__notre--container > div > h4 {
  color: var(--white);
  background-color: var(--corail);
  width: 6rem;
  height: 6rem;
  padding: 0rem;
  border-radius: 100%;
  margin: auto;
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.climat__notre--container > div > p strong {
  background-color: var(--corail);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
}


.climat__notre--container > div > figure {
  display: flex;
  justify-content: center;
}

.climat__notre--container > div > figure > img {
  background-color: var(--corail);
  border-radius: 100%;
  width: 6rem;
  height: 6rem;
  padding: 0.5rem;
}

.climat__notre--container > div > p {
  line-height: 1.6;
}

/* Page Stratégie Climat : Formation Climat */

.col-full-link {
  position: absolute;
  inset: 0; /* prend toute la place de la colonne */
  z-index: 10;
}

.climat__formation--container {
  gap: 2rem;
}

.climat__formation--container > div {
  border: var(--corail) solid 2px;
  border-radius: 0 5rem 0 5rem;
  overflow: hidden;
  position: relative;
}

.climat__formation--container > div > h4 {
  color: var(--white);
  background-color: var(--corail);
  margin: 0;
  padding: 2rem 1rem;
  text-transform: uppercase;
  height: 8rem;
  display: flex;
  align-items: center;
  text-align: center;
}

.climat__formation--container > div > p {
  padding: 0 1rem;
}

.climat__formation--container li {
  position: relative;
  list-style: none;
}

.climat__formation--container li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

/* Page Offre climat ANOVA */

.offreclimat {
  padding: 0 7vw;
}

.offreclimat h2 {
  color: var(--corail);
}


.offreclimat li {
  position: relative;
  list-style: none;
}

.offreclimat li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

/* Page Clients Climat */

.clientClimat__container > div {
  border: var(--corail) solid 2px;
  padding: 0;
  width: 60%;
  margin: auto;
}

.clientClimat__container h2, .clientClimat__container p {
  margin: 0 !important;
  padding: 0 !important;
}

.clientClimat__container h2 {
  font-size: 1.4rem;
}

.clientClimat__container p {
  font-size: 1rem;
}

body .clientClimat__content {
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0 1rem;
  align-items: center !important;
}

.clientClimat__content > :first-child {
  flex: 1 1 33.33% !important;
}

.clientClimat__content > :first-child p, .clientClimat__content > :first-child h2 {
  color: var(--corail);
}

.clientClimat__content > :last-child {
  flex: 1 1 66.66% !important;
  padding: 1rem 0;
}

.clientClimat__content > :last-child p {
  line-height: 1.6;
}

.clientClimat__header {
  background-color: var(--corail);
  color: var(--white);
  padding: 1rem;
  text-align: center;
  margin: 0;
}

.clientClimat__content img {
  max-width: 12rem !important;
  padding-bottom: 1rem;
}


/* Page Innovation Environnementale */

.innovation {
  padding: 2rem 7vw;
}

.innovation__title {
  text-transform: uppercase;
  margin-bottom: 3rem;
}

.innovation__title strong {
  background-color: var(--turquoise);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  top: -2px;
}

.innovation__etapesmobile > div {
  display: none;
}

/* Page Innovation Environnementale : Quelques définitions */

.innovation__definitions--container {
  display: flex;
  justify-content: end;
}

.innovation__definitions1 {
  background-color: var(--turquoise);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
}

.innovation__definitions1 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

.innovation__definitions2 {
  background-color: var(--corail);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
}

.innovation__definitions2 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

.innovation__definitions3 {
  background-color: var(--azur);
  border-radius: 15px 0 15px 0;
  padding: 0.5rem;
}

.innovation__definitions3 a {
  color: var(--white);
  font-weight: bold;
  text-decoration: none;
}

/* Page Innovation Environnementale : Notre plus-value */

.innovation__notre--container > div > h4 {
  color: var(--white);
  background-color: var(--turquoise);
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  margin: auto;
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.innovation__notre--container > div > p strong {
  background-color: var(--turquoise);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
}


.innovation__notre--container > div > figure {
  display: flex;
  justify-content: center;
}

.innovation__notre--container > div > figure > img {
  background-color: var(--turquoise);
  border-radius: 100%;
  width: 6rem;
  height: 6rem;
  padding: 0.5rem;
}

.innovation__notre--container > div > p {
  line-height: 1.6;
}

.innovation__notre--labels > div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 2rem;
  justify-content: center;
  align-items: center;
}

.innovation__notre--labels img {
  max-width: 8rem !important;
}

/* Page Innovation Environnementale : Parmi nos clients */

.innovation__parmis--container {
  gap: 2rem;
}

.innovation__parmis--container figure{
  width: 8rem;  
}

.innovation__parmis--container > div:nth-child(2) figure, .innovation__parmis--container > div:nth-child(5) figure{
  width: 12rem;  
}

.innovation__parmis--container > div:nth-child(3) figure {
  width: 14rem;  
}

.innovation__parmis--container > div{
  border: var(--turquoise) solid 3px;
  border-radius: 5rem 0 5rem 0;
  height: 10rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* Page Innovation Environnementale : Formation Eco-conception */

.innovation__formation--container > div {
  border: var(--turquoise) solid 2px;
  border-radius: 0 5rem 0 5rem;
  overflow: hidden;
  max-width: 27.5rem;
  margin: auto;
  position: relative;
}

.innovation__formation--container > div > h4 {
  color: var(--white);
  background-color: var(--turquoise);
  margin: 0;
  padding: 2rem 1rem;
  text-transform: uppercase;
  height: 8rem;
  display: flex;
  align-items: center;
  text-align: center;
}

.innovation__formation--container > div > p {
  padding: 0 1rem;
}

.innovation__formation--container li {
  position: relative;
  list-style: none;
}

.innovation__formation--container li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

/* Page Offre innovation environnementale ANOVA */

.offreinnovation {
  padding: 0 7vw;
}

.offreinnovation h2 {
  color: var(--turquoise);
}

.offreinnovation li {
  position: relative;
  list-style: none;
}

.offreinnovation li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

.offreinnovation__graph1 > div{
  padding: 0!important;
}

.offreinnovation__graph1 > figure > img{
  width: 50%;
}

/* Page Clients Innovation Environnementale */

.clientInnovation__container > div {
  border: var(--turquoise) solid 2px;
  padding: 0;
  width: 60%;
  margin: auto;
}

.clientInnovation__container h2, .clientInnovation__container p {
  margin: 0 !important;
  padding: 0 !important;
}

.clientInnovation__container h2 {
  font-size: 1.4rem;
}

.clientInnovation__container p {
  font-size: 1rem;
}

body .clientInnovation__content {
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0 1rem;
  align-items: center !important;
}

.clientInnovation__content > :first-child {
  flex: 1 1 33.33% !important;
}

.clientInnovation__content > :first-child p, .clientInnovation__content > :first-child h2 {
  color: var(--turquoise);
}

.clientInnovation__content > :last-child {
  flex: 1 1 66.66% !important;
  padding: 1rem 0;
}

.clientInnovation__content > :last-child p {
  line-height: 1.6;
}

.clientInnovation__header {
  background-color: var(--turquoise);
  color: var(--white);
  padding: 1rem;
  text-align: center;
  margin: 0;
}

.clientInnovation__content img {
  max-width: 12rem !important;
  padding-bottom: 1rem;
}

/* Page Formation */
.formation {
  padding: 0 7vw;
}

.formation__title {
  text-transform: uppercase;
  width: fit-content;
  background-color: var(--rubis);
  color: var(--white);
  border-radius: 15px 0 15px 0;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  top: -2px;
}

.formation__header {
  display: flex;
  justify-content: space-between!important;
}

.formation__header > div:first-child {
  flex: 0 0 20%!important;
}

.formation__header > div:last-child {
  flex: 0 0 80%!important;
  max-width: fit-content!important;
}

.formation__header > div:first-child p {
  background-color: var(--rubis);
  border-radius: 0 50px 0 0;
  padding: 1rem 2rem;
  text-align: center;
}

.formation__header .corail {
  background-color: var(--corail)!important;
}

.formation__header .turquoise{
  background-color: var(--turquoise)!important;
}

.formation__header > div:first-child a{
  color: var(--white);
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
}

.formation__description {
  width: 60%;
  margin: auto;
  padding-top: 2rem;
}

.formation__catalogue {
  padding: 2rem 0;
}

.formation__qualiopi--container > div > figure > img{
  max-width: 10rem;
}

.formation__handicap--container > div > figure > a > img{
  max-width: 10rem;
}

.formation > div > div {
  display: flex;
  justify-content: center;
  gap: 6rem;
}

.formation > div > div > div{
  max-width: 27.5rem;
}

.formation__contact-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.formation__retours--container {
  background-color: var(--rubis);
  color: var(--white);
  margin-left: calc(-50vw + 50%);
  width: 100vw;
  padding: 2rem 0;
}

.formation__retours--container img{
  max-width: 6rem !important;
}

.formation__retours--container strong {
  font-size: 2rem;
}

body  .formation__comment1--container {
  display: flex !important;
  align-items: center !important;
}

.formation__comment1--container > div > p:nth-child(2) {
  padding-top: 2rem;
  padding-left: 6rem;
}

body .formation__comment2--container {
  display: flex !important;
  align-items: end !important;
}

/* Page Politique Handicap */
.handicap {
  padding: 0 7vw;
}

.handicap li {
  position: relative;
  list-style: none;
}

.handicap li::before {
  content: "✔"; /* ou "\2713" en Unicode */
  position: absolute;
  left: -1.5rem;
  top: 0;
  font-weight: bold;
}

/* Page Nos Références */
.references {
  padding: 2rem 3.5vw;
}

.references__subtitle {
  padding-left: calc(20% + 2rem);
}

.references__header {
  display: flex;
  gap: 2rem;
  padding-top: 2rem;
}

.references__header > div:first-child {
  flex: 0 0 20%!important;
}

.references__header > div:last-child {
  flex: 0 0 80%!important;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.references__header > div:last-child > figure {
  width: 8rem;
  border: lightgray solid 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 128px;
}

.references__details > div{
  padding-left: calc(20% + 2rem);
  display: flex;
  gap: 2rem;
  padding-top: 2rem;
}

.references__details figure {
  width: 8rem;
  border: lightgray solid 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 8rem;
}

/* Page Equipe */
.equipe {
  padding: 0 3.5vw;
}

.equipe--container {
  gap: 2rem;
  padding-top: 4rem;
}

.equipe--container > div > figure > img{
  border-radius: 100%;
  max-width: 8rem;
  height: 8rem;
}

.equipe--container > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.equipe__description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  height: 100%;
  padding: 1rem;
}

.equipe__description h3 {
  color: var(--rubis);
  text-transform: uppercase;
  font-weight: bold;
}

.equipe__description a {
  background-color: white;
  color: var(--rubis);
  border-radius: 0;
  border: var(--rubis) solid 2px;
  font-size: 0.8rem;
}

.equipe__button {
  display: flex;
}

.equipe__button a{
  background-color: var(--rubis);
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
}

/* Page Equipe en détail */
.equipe-detail {
  padding: 2rem 7vw;
}

.equipe-detail > div {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.personne--container {
  border: var(--rubis) solid 2px;
  border-radius: 6rem;
  display: flex !important;
  padding: 2rem;
  gap: 2rem;
}

.personne--container > figure {
  width: 35%;
  align-self: self-start!important;
}

.personne--container > figure > img{
  border-radius: 100%;

}

.personne--container > div {
  width: 65%;
  padding: 0!important;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.personne--container h2 {
  padding: 0;
  margin: 0;
}

.personne--container h3 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.personne--container p {
  padding: 0;
  margin: 0;
}

.personne__tags {
  color: var(--rubis);
  font-weight: bold;
}

.personne__description {
  /* padding: 2rem 0!important; */
}

.personne__logos {
  width: 50%;
  margin: 0;
  gap: 1rem;
  padding-top: 1rem;
}

.personne__logos2 {
  width: 25%;
  margin: 0;
  padding-top: 1rem;
}

/* Page Contact */
.contact {
  padding: 2rem 3.5vw;
}

.contact h2 {
  font-size: 1.2rem;
}

.contact--container {
  display: flex;
  gap: 1rem;
}

.contact--container > :nth-child(1){
  flex: 3!important;
}

.contact--container > :nth-child(2){
  flex: 1!important;
}

/* FORMULAIRE DE CONTACT */

.contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
}

.contact-form {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-form p {
  margin: 0;
}

.form-row p{
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
}

.form-row input {
  flex: 1;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

.contact-form textarea {
  min-height: 120px;
  resize: vertical;
}

.btn-envoyer {
  display: inline-block;
  background: var(--rubis);
  color: #fff;
  border: none;
  padding: 0.8rem 2rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
  }


.contact-options {
  flex: 1 1 40%;
}

.contact-options h3 {
  font-weight: bold;
}

.contact-options .wpcf7-list-item {
  display: block;
  margin-bottom: 0.5rem;
}

.contact-options input[type="checkbox"] {
  margin: 0;
  padding: 0;
}

/* Formulaire de contact : Demandes spécifiques */

.cf7-modern {
  max-width: 760px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222;
  background: #fff;
  padding: 22px;
  border-radius: 12px;
  box-shadow: 0 6px 22px rgba(15,15,15,0.06);
  box-sizing: border-box;
}

/* Grille 2 colonnes */
.cf7-row p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

/* Labels & inputs */
.cf7-modern label {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
.cf7-input,
.cf7-select,
.cf7-textarea,
.cf7-modern input[type="tel"],
.cf7-modern input[type="email"],
.cf7-modern input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  font-size: 15px;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
  background: #fafafa;
}

.cf7-input:focus,
.cf7-select:focus,
.cf7-textarea:focus {
  border-color: #7aa7ff;
  box-shadow: 0 4px 18px rgba(122,167,255,0.12);
  background: #fff;
}

/* Textarea */
.cf7-textarea {
  min-height: 120px;
  padding-top: 10px;
  resize: vertical;
}

/* Bouton Envoyer */
.btn-envoyer {
  display: inline-block;
  background: var(--rubis);
  color: #fff;
  border: none;
  padding: 0.8rem 2rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
  transition: opacity .2s ease;
}
.btn-envoyer:hover { opacity: 0.9; }

.cf7-submit {
  margin-top: 10px;
  text-align: right;
}


/* Page Contact : Nos bureaux */
.contact__bureaux {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.contact__bureau {
  border: var(--rubis) solid 2px;
  border-radius: 15px;
  padding: 1rem;
}

.contact__bureau > div > p, .contact__bureau > div > h3 {
  padding: 0;
  margin: 0;
}

.contact__bureau > div > h3 {
  font-weight: bold;
  font-size: 1.5rem;
}

/* Page Mentions légales */
.mentions {
  padding: 2rem 7vw;
}

.mentions p, .mentions li {
  font-size: 1.2rem !important;
}

/* Page Politique de confidentialité */
.politique {
  padding: 2rem 7vw;
}

.politique p, .politique li {
  font-size: 1.2rem !important;
}

/* MOBILE */
@media all and (max-width: 768px) {
  /* NAVBAR */
  .nav__menu {
    height: 100vh;
  }

  .nav__logo img {
    max-width: 50%;
  }

  /* PAGE ACCUEIL */

  .accueil__offre--container > div > div > figure {
    max-width: 60vw;
  };

  .accueil__offre--container > div > figure {
    max-width: 60vw;
  };

  .accueil__valeurs--container {
    background-image: none !important;
  }

  .accueil__valeurs--description {
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
  }

  .accueil__valeurs--description > div {
    padding: 0.5rem!important;
  }

  .accueil__valeurs--description > div p {
    font-size: 1rem;
  }

  .accueil__valeurs--description > figure {
    align-self: center !important;
  }

  /* PAGE STRATEGIE */

  .strategie__title {
    line-height: 1.5;
  }

  .strategie__offre--container{
    max-width: 100%;
  }
  
  .strategie__schemadesktop {
    display: none;
  }

  .strategie__etapesmobile > div{
    color: var(--rubis);
    text-align: center;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }

  .strategie__etapesmobile p{
    padding: 0;
    margin: 0;
  }

  .strategie__etapesmobile figure {
    width: 50%;
    margin: 0;
  }

  /* Page Offre RSE */

  .offreRSE__materialite {
    width: 100%;
  }
  .offreRSE__graph2 > figure > img{
    width: 100%;
  }
  .offreRSE__graph3 > figure > img{
    width: 100%;
  }

  .offreRSE__graph4 {
    width: 100%;
  }

  /* Page Clients RSE */

  .client__container > div {
    width: 90%;
  }
  .client__content {
    flex-direction: column;
    align-items: center !important;
    text-align: center;
  }

  /* Page Clients Climat */

  .clientClimat__container > div {
    width: 90%;
  }
  .clientClimat__content {
    flex-direction: column;
    align-items: center !important;
    text-align: center;
  }
  
  /* PAGE STRATEGIE CLIMAT */
  .climat__schema--container > div {
    flex-direction: column;
  }

  .climat__schema--container > div > figure {
    width: 100%;
  }

  .climat__engagements > div > p {
    width: 100%;
  }

   .climat__engagements {
    width: 60%;
  }

  /* Page Innovation Environnementale */
  .innovation__etapesmobile > div{
    color: var(--turquoise);
    text-align: center;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }

  .innovation__etapesmobile p{
    padding: 0;
    margin: 0;
  }

  .innovation__etapesmobile figure {
    width: 50%;
    margin: 0;
  }


  /* PAGE OFFRE INNOVATION ENVIRONNEMENTALE */
  .offreinnovation__graph1 > figure > img{
    width: 100%;
  }

  /* Page Formation */
  .formation__description {
    width: 100%;
  }
  
  /* Page Nos Références */
  .references__header > div{
    justify-content: center;
  }

  .references__details > div{
    padding-left: 0;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
  }


  /* Page Equipe en détail */
  .personne--container {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  .personne--container > figure {
    width: 100%;
  }

  .personne--container > div {
    width: 100%;
    padding: 1rem!important;
  }

  .personne__logos {
    width: 100%;
  }

  .personne__logos2 {
    width: 100%;
  }

  /* FORMULAIRE DE CONTACT */
  .contact-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .form-row {
    flex-direction: column;
  }

  .cf7-row { grid-template-columns: 1fr; }
  .cf7-submit { text-align: center; }
}


/* HIDDEN */
.hidden-image {
  display: none!important;
}