* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Graphit-bold";
  src: url("/wp-content/themes/senscomme/fonts/Graphit-Bold.otf") format("truetype");
}
@font-face {
  font-family: "Graphit-regular";
  src: url("/wp-content/themes/senscomme/fonts/Graphit-Regular.otf") format("truetype");
}
@font-face {
  font-family: "Graphit-medium";
  src: url("/wp-content/themes/senscomme/fonts/Graphit-Medium.otf") format("truetype");
}
@font-face {
  font-family: "Graphit-light";
  src: url("/wp-content/themes/senscomme/fonts/Graphit-Light.otf") format("truetype");
}
.entete {
  background-color: #000;
  position: relative;
  z-index: 1000;
  text-align: center;
}
.entete .logo {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1001;
  width: 120px;
  height: auto;
}

/* ===== Bouton Burger ===== */
.burger {
  width: 30px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1001;
}

.burger span {
  height: 3px;
  background: #ffffff;
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* ===== Overlay du Menu ===== */
.menu-overlay {
  position: fixed;
  inset: 0;
  background-color: #cd1841;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 1000;
}

.menu-overlaye {
  background-color: #cd1841;
}
.menu-overlaye .image {
  background-image: url("../images/sommaire.png");
  background-size: contain;
  background-position: left;
  min-height: 100vh;
  background-repeat: no-repeat;
}
.menu-overlaye .content {
  text-align: left;
  color: #FFF;
}

/* Affichage actif */
.menu-overlay.active {
  opacity: 1;
  pointer-events: all;
}

/* ===== Contenu du menu ===== */
.menu-nav ul {
  list-style: none;
  padding: 0;
  padding: 13% 150px;
  margin-top: 30px;
  margin-left: 10%;
}

.menu-nav li {
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-family: "Graphit-medium", sans-serif;
  padding: 5px 10px;
}

.menu-nav a {
  font-family: "Graphit-medium", sans-serif;
  text-decoration: none;
  color: #FFF;
}
.menu-nav a:hover {
  background-color: #FFF;
  color: #cd1841;
}
.menu-nav a {
  transition: color 0.3s;
}

/* ===== Bouton de fermeture ===== */
.close-btn {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 3rem;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.close-btn:hover {
  transform: rotate(90deg);
}

/* ===== Animation du burger quand ouvert ===== */
.burger.open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.burger.open span:nth-child(2) {
  opacity: 0;
}

.burger.open span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

@media screen and (max-width: 568px) {
  .menu-overlaye .image {
    display: none !important;
  }
  .sommaire .image {
    display: none !important;
  }
  .menu-nav ul {
    list-style: none;
    padding: 0;
    padding: 5% 10px !important;
    margin-top: 30px;
    margin-left: 10%;
  }
}
.footer .signature {
  color: #000;
  font-size: 1rem;
  font-weight: bold;
}

.page {
  font-size: 16px;
  line-height: 26px;
  color: #000;
  padding: 4%;
}
.page img {
  width: 100%;
  height: auto;
}
.page h1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 5px;
}
.page h2 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 5px;
}
.page h3 {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 5px;
}
.page strong {
  font-weight: bold;
}
.page ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.page li {
  margin: 15px 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.55;
}
.page p {
  color: #000;
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.55;
  margin-bottom: 20px;
}
.page .blocks-gallery-item {
  float: left;
}

.homepage {
  background-image: url("../images/background-home.jpg");
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  background-repeat: no-repeat;
  transition: transform 10s ease-out;
  animation: zoomSlow 20s ease-in-out infinite alternate;
}
@keyframes zoomSlow {
  from {
    background-size: 100%;
  }
  to {
    background-size: 120%;
  }
}
.homepage img {
  height: 72vh;
  width: auto;
  object-fit: contain;
}
.homepage h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  color: #cd1841;
  margin-top: 0;
  margin-bottom: 0;
}
.homepage p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
  color: #FFF;
}
.homepage a {
  text-decoration: none;
  color: #cd1841;
}

.sommaire {
  background-color: #cd1841;
}
.sommaire .image {
  background-image: url("../images/sommaire.png");
  background-size: contain;
  background-position: left;
  min-height: 100vh;
  background-repeat: no-repeat;
}
.sommaire .content {
  text-align: left;
  color: #FFF;
}
.sommaire .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.sommaire .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.sommaire .content a {
  text-decoration: none;
  color: #FFF;
}
.sommaire .content ul {
  padding: 7% 150px;
  margin-top: 30px;
  margin-left: 10%;
  list-style-type: none;
  padding-left: 0;
  display: inline-block;
}
.sommaire .content ul li {
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-family: "Graphit-medium", sans-serif;
  padding: 5px 10px;
}
.sommaire .content ul li a {
  font-family: "Graphit-medium", sans-serif;
}
.sommaire .content ul li a:hover {
  background-color: #FFF;
  color: #cd1841;
}
.sommaire .content ul li:hover {
  background-color: #FFF;
  color: #cd1841;
}

@media screen and (max-width: 568px) {
  .sommaire .image {
    display: none !important;
  }
}
.qui-sommes-nous {
  background-color: #000;
}
.qui-sommes-nous .image {
  background-image: url("../images/qui-sommes-nous.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.qui-sommes-nous .content {
  text-align: left;
  color: #FFF;
}
.qui-sommes-nous .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.qui-sommes-nous .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.qui-sommes-nous .content a {
  text-decoration: none;
  color: #FFF;
}
.qui-sommes-nous .content .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  margin-bottom: 30px;
}
.qui-sommes-nous .content .bloc strong {
  font-family: "Graphit-medium", sans-serif;
}
.qui-sommes-nous ul {
  padding: 7% 150px;
  margin-top: 30px;
  margin-left: 10%;
  list-style-type: none;
  padding-left: 0;
  display: inline-block;
}
.qui-sommes-nous ul li {
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-family: "Graphit-medium", sans-serif;
  padding: 5px 10px;
}
.qui-sommes-nous ul li a {
  font-family: "Graphit-medium", sans-serif;
}
.qui-sommes-nous ul li a:hover {
  background-color: #FFF;
  color: #cd1841;
}

@media screen and (max-width: 568px) {
  .qui-sommes-nous .image {
    min-height: 50vh !important;
  }
}
.vision {
  background-color: #000;
}
.vision .image {
  background-image: url("../images/vision.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.vision .content {
  text-align: left;
  color: #FFF;
}
.vision .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.vision .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.vision .content a {
  text-decoration: none;
  color: #FFF;
}
.vision .content .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  padding: 35px;
  background-color: #e3e9f8;
  color: #000;
}
.vision .content .bloc strong {
  font-family: "Graphit-medium", sans-serif;
}

@media screen and (max-width: 568px) {
  .vision .image {
    min-height: 50vh !important;
  }
}
.valeur {
  background-color: #000;
}
.valeur .image {
  background-image: url("../images/nos-valeurs.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.valeur .content {
  text-align: left;
  color: #FFF;
}
.valeur .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.valeur .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.valeur .content a {
  text-decoration: none;
  color: #FFF;
}
.valeur .content .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  padding: 35px;
}
.valeur .content .bloc strong {
  font-family: "Graphit-medium", sans-serif;
}

@media screen and (max-width: 568px) {
  .valeur .image {
    min-height: 50vh !important;
  }
}
.mission {
  background-color: #000;
}
.mission .image {
  background-image: url("../images/notre-mission.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.mission .content {
  background-color: #cd1841;
  text-align: left;
  color: #FFF;
}
.mission .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.mission .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.mission .content a {
  text-decoration: none;
  color: #FFF;
}
.mission .content .big-bloc {
  background-color: #000;
  margin-bottom: 60px;
}
.mission .content .big-bloc .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  padding: 35px;
  margin-bottom: 30px;
}
.mission .content .items {
  margin-top: 20px;
}
.mission .content .items .bloc-item {
  margin-bottom: 20px;
}
.mission .content .items .bloc-item img {
  margin-bottom: 15px;
  width: 100%;
}
.mission .content .items .bloc-item .points {
  background-color: #000;
  padding: 20px;
  color: #FFF;
}

@media screen and (max-width: 568px) {
  .mission .image {
    min-height: 50vh !important;
  }
  .items {
    margin-top: 20px;
  }
  .items .bloc-item {
    padding-left: 0 !important;
  }
  .homepage {
    background-color: #000 !important;
    background-position: left !important;
    min-height: 69vh !important;
  }
  .homepage img {
    height: 46vh;
    width: 100%;
    object-fit: contain;
  }
}
.methode {
  background-color: #000;
}
.methode .image {
  background-image: url("../images/methode.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.methode .content {
  text-align: left;
  color: #FFF;
}
.methode .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.methode .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.methode .content a {
  text-decoration: none;
  color: #FFF;
}
.methode .content .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  padding: 35px;
}
.methode .content .bloc strong {
  font-family: "Graphit-medium", sans-serif;
}

@media screen and (max-width: 568px) {
  .methode .image {
    min-height: 50vh !important;
  }
}
.team {
  background-color: #000;
}
.team .image {
  background-image: url("../images/team.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.team .content {
  background-color: #cd1841;
  text-align: left;
  color: #FFF;
}
.team .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.team .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.team .content a {
  text-decoration: none;
  color: #FFF;
}
.team .content .big-bloc {
  background-color: #000;
  margin-bottom: 60px;
}
.team .content .big-bloc .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  padding: 35px;
  margin-bottom: 30px;
}
.team .content .items {
  margin-top: 20px;
}
.team .content .items .bloc-item {
  margin-bottom: 20px;
}
.team .content .items .bloc-item img {
  margin-bottom: 15px;
  width: 100%;
}
.team .content .items .bloc-item .points {
  background-color: #000;
  padding: 20px;
  color: #FFF;
}

@media screen and (max-width: 568px) {
  .team .image {
    min-height: 50vh !important;
  }
  .items {
    margin-top: 20px;
  }
  .items .bloc-item {
    padding-left: 0 !important;
  }
}
.contact {
  background-color: #000;
}
.contact .image {
  background-image: url("../images/contact.jpg");
  background-size: contain;
  background-position: center;
  min-height: 97vh;
  background-repeat: no-repeat;
}
.contact .content {
  text-align: left;
  color: #FFF;
}
.contact .content h1 {
  font-family: "Graphit-bold", sans-serif;
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.contact .content p {
  font-family: "Graphit-regular", sans-serif;
  font-size: 1rem;
}
.contact .content a {
  text-decoration: none;
  color: #FFF;
}
.contact .content .bloc {
  font-family: "Graphit-light", sans-serif;
  font-size: 14px;
  margin-bottom: 30px;
}
.contact .content .bloc strong {
  font-family: "Graphit-medium", sans-serif;
}
.contact ul {
  padding: 7% 150px;
  margin-top: 30px;
  margin-left: 10%;
  list-style-type: none;
  padding-left: 0;
  display: inline-block;
}
.contact ul li {
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-family: "Graphit-medium", sans-serif;
  padding: 5px 10px;
}
.contact ul li a {
  font-family: "Graphit-medium", sans-serif;
}
.contact ul li a:hover {
  background-color: #FFF;
  color: #cd1841;
}

@media screen and (max-width: 568px) {
  .contact .image {
    min-height: 50vh !important;
  }
}

/*# sourceMappingURL=main.css.map */