.wp-block-button__link {
  border: 2px solid #027868; /* Bleu marine */
  color: #ffffff; /* Texte bleu marine (optionnel) */
  background-color: #027868; /* Fond transparent ou à ajuster selon le design */
  transition: all 0.3s ease;
	
}
/* Centre la zone blanche (formulaire) */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
img {
  border-radius: 12px; /* tu peux ajuster la valeur à ton goût */
}
#p2{font-family: "Bebas Neue", sans-serif;}
li{ font-family: "Bebas Neue", sans-serif;}
/* S'assure que le formulaire ne déborde pas */
#stpgod {
  display: flex;
  justify-content: flex-end; /* aligne à droite */
  align-items: center;       /* centre verticalement */
  min-height: 100vh;
  padding: 20px;
}
.page-id-290 img.wp-post-image { display:none; }
.form-side {
  max-width: 600px;
  width: 100%;
  text-align: center;
  flex: 0 0 80%;
}
.wpcf7 form .wpcf7-submit {
  display: block;
  margin: 0 auto;
}
/* ===== Correctif page 211 ===== */

/* 1. Masquer les colonnes 5 % et 25 % MAIS seulement dans le contenu */
body.page-id-290 main .wp-block-column[style*="flex-basis:5%"],
body.page-id-290 main .wp-block-column[style*="flex-basis:25%"] {
    display: none !important;
}

/* Étendre la colonne 70% à 100% dans le contenu */
body.page-id-290 main .wp-block-column[style*="flex-basis:70%"] {
     flex-basis: 100% !important;
}
body.page-id-349 main .wp-block-column[style*="flex-basis:5%"],
body.page-id-349 main .wp-block-column[style*="flex-basis:25%"] {
    display: none !important;
}

/* Étendre la colonne 70% à 100% dans le contenu */
body.page-id-349 main .wp-block-column[style*="flex-basis:70%"] {
     flex-basis: 100% !important;
}
/* Masquer les colonnes 5% et 25% UNIQUEMENT dans le contenu principal de la page 211 */
body.page-id-211 main .wp-block-column[style*="flex-basis:5%"],
body.page-id-211 main .wp-block-column[style*="flex-basis:25%"] {
    display: none !important;
}

/* Étendre la colonne 70% à 100% dans le contenu */
body.page-id-211 main .wp-block-column[style*="flex-basis:70%"] {
    flex-basis: 100% !important;
}

body.page-id-179 main .wp-block-column[style*="flex-basis:5%"],
body.page-id-179 main .wp-block-column[style*="flex-basis:25%"] {
    display: none !important;
}

body.page-id-179 main .wp-block-column[style*="flex-basis:70%"] {
    flex-basis: 100% !important;
}
h1 {
  font-family: 'Bebas Neue', cursive;
  margin-bottom: 20px;
}


/* Aligne le titre correctement */
.wp-block-heading {
  text-align: center !important;
}

.wp-block-button__link:hover {
  background-color: #001f3f; /* Fond bleu marine au survol */
  color: #ffffff; /* Texte blanc au survol */
}

#wp-block-button__link2 {
  border: 2px solid #295780; /* Bleu marine */
  color: #295780; /* Texte bleu marine (optionnel) */
  background-color: #027868; /* Fond transparent ou à ajuster selon le design */
  transition: all 0.3s ease;
	
}

#wp-block-button__link2:hover {
  background-color: #001f3f; /* Fond bleu marine au survol */
  color: #ffffff; /* Texte blanc au survol */
}
img,
.wp-image-29 {
  filter: none !important;
  border-radius: 12px; 
}
.wp-image-31{
  filter: none !important;
  border-radius: 100px; 

}
  .has-custom-green-background {
    background-color: #00362e !important;
  }
.wp-block-heading{ text-align:center
}
.image-center {
  display: flex!important;
  justify-content: center!important;
}

.responsive-image {
  align-items: center!important;
  display: flex!important;
  justify-content: center!important;
  object-fit: cover!important;
  width: 100%;
  max-width: 250px; /* Ajuste la taille maximale selon ton design */
  
}
.wp-block-button__link.wp-element-button {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 9999 !important;
}
.service-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.service-icon img {
  width: 100px;  /* ou 80px, à ajuster selon ton design */
  height: 100px;
  object-fit: contain;
}
.service-block {
  text-align: center;
  padding: 5px;
}
.service-text {
  margin-top: 1rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.h3{ text-align: center
}
.image-center {
  text-align: center;
}
.image-center img {
  display: inline-block;
}
p{color: black;}
#c1{ color:#295780; }
#c2{ color:#e31e24; }
#c3{ color:black;}
#c6{ color:#570021;
		text-align:center;
 font-size: 30px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;}
#c611{ color:#570021;
		text-align:center;
 font-size: 60px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;}
#c61{ color:#570021;
		text-align:center;
 font-size: 60px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;}
#c7 {
  text-align: center;
}
#c5{ color:black;
font-size:35px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#c4{ color:white!important;}
h3{ color:black; }
.trait {
  width: 80px;
  flex-grow: 1;
  height: 4px;
  background-color: #e53935; /* même rouge que "Services" */
  border-radius: 2px;
}
.section-temoignage {
  background-color: #545856; /* remplace l'ancien #400018 */
  color: #ffffff;
  padding: 80px 0;
}

.section-temoignage h1,
.section-temoignage p {
  color: #ffffff;
}

.section-temoignage .wp-block-button__link {
  color: #ffffff;
  border-color: #ffffff;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  color: #f47b79;              /* Couleur du texte */
  border: 1.5px solid #f47b79; /* Bordure fine rose clair */
  background-color: transparent;
  border-radius: 12px;         /* Même arrondi que dans ton image */
  padding: 10px 30px;
  font-weight: 600;            /* Police épaisse comme sur l'image */
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
#centre{ text-align:center!important;}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: #f47b79;  /* Fond au survol */
  color: #400018;             /* Couleur de fond du site (bordeaux foncé) pour contraste */
}

#btn2{ border: 2px solid #295780; background-color:#295780; }
#btn2:hover{ border: 2px solid #e31e24; background-color:#e31e24;}
#mytxt{ 
		color:black;
font-family: "Sarabun", sans-serif;
  font-weight: 300;
  font-style: normal;
 max-width: 100% !important;  /* enlever les limites */
  width: 100% !important;
  box-sizing: border-box;}
.carousel-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  overflow: hidden;
  border-radius: 20px;
}
p{
   font-family: "News Cycle", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h3{
   font-family: "News Cycle", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.carousel-slide {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.carousel-slide2 {
  display: flex!important;
  transition: transform 0.5s ease-in-out!important;
}
.carousel-slide img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.carousel-slide2 img {
  width: 100%!important;
  object-fit: cover!important;
  border-radius: 20px!important;
}

.infinite-carousel {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.infinite-carousel2 {
  overflow: hidden!important;
  width: 100%!important;
  max-width: 100%!important;
}
.wpcf7 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
/* Centrer tout le formulaire */
.wpcf7 form {
  text-align: center;
  max-width: 700px!important;
  margin: 0 auto;
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

/* Titres */
.wpcf7 form p strong {
  display: block;
  font-size: 20px;
  color: #1a73e8;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Champs de texte */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  font-size: 16px;
}

/* Checkboxes & radio */
.wpcf7 .wpcf7-form-control.wpcf7-checkbox,
.wpcf7 .wpcf7-form-control.wpcf7-radio {
  text-align: left;
  display: inline-block;
  margin-bottom: 15px;
}

/* Bouton d'envoi */
.wpcf7 input[type="submit"] {
  background-color: #570021;
  color: white;
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #125dc4;
}
.carousel-track2 {
  display: flex!important;
  gap: 20px!important;
  animation: scroll-left 30s linear infinite!important;
}
.carousel-track {
  display: flex;
  gap: 20px;
  animation: scroll-left 30s linear infinite;
}
#titre1 { text-align:left!important}
#img1 { border-color:black!important}
.carousel-track img {
  width: 500px;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
  flex-shrink: 0;
}
.carousel-track2 img {
  width: 500px!important;
  height: 250px!important;
  object-fit: cover!important;
  border-radius: 20px!important;
  flex-shrink: 0!important;
}
.services-section {
    background-color: #000;
    color: #fff;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    padding: 60px 20px;
    text-align: center;
  }

  .services-section h1 {
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 10px;
  }

  .services-section h2 {
    font-size: 1.5rem;
    color: #295780;
    margin-bottom: 40px;
    font-weight: 500;
  }

  .services-section .highlight {
    color: #e31e24;
    font-weight: bold;
  }

  .services-section .block {
    max-width: 1000px;
    margin: 0 auto 40px auto;
    padding: 20px;
    background-color: #111;
    border-left: 5px solid #295780;
    border-radius: 10px;
    text-align: left;
  }
.container-form-logo {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  gap: 20px;
}



.logo-side {
  flex: 0 0 20%; /* 20% largeur */
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-side img {
  max-width: 100%;
  height: auto;
}

/* Responsive mobile */
@media (max-width: 768px) {
  .container-form-logo {
    flex-direction: column;
  }
  .form-side, .logo-side {
    flex: 1 1 100%;
  }
  .logo-side {
    margin-top: 20px;
  }
}


/* Responsive : sur mobile, logo sous le formulaire */
@media (max-width: 768px) {
  .container-form-logo {
    flex-direction: column;
    align-items: center;
  }
  .logo-side {
    margin-top: 20px;
  }
}
  .services-section .block h3 {
    color: #295780;
    margin-bottom: 10px;
  }
.page-id-290 {
    background-color: black;
   
}
  .services-section .block p {
    line-height: 1.7;
    margin: 0;
  }

/* Animation défilement */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}