/*
Theme Name: SLM theme
Author: Altitude Stratégies
Author URI: https://www.altitudestrategies.ca/
Description: SLM theme is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* Titre style */
/*
h1, h2, h3, h4, h5 { font-family: 'nonchalancemedium', Arial, sans-serif !important; }

h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter { 
 font-size: 120%;
}
*/




/* Couleur des titres */

h1 { 
 color: #093581 !important; 
}

h2, h3, h4, h5 { 
 color: #165434 !important; 
}



h1, h2, h3, h4, h5, h6 {
 clear: none !important;
}

h2.script-font  {
    font: normal 34px / 44px 'Pacifico', Helvetica, Arial, Verdana, sans-serif !important;
    color: #f6993c !important;
}



/* Blockquote */
/*
blockquote {
 border-left: 4px solid #244b90;
 font-weight: bold;
 font-size: 19px !important;
 line-height: 24px !important;
 margin-top: 40px !important;
 margin-bottom: 40px !important;
 background-color: rgb(243, 237, 221) !important;
}
*/

/* Enlever le fond du widget blog défilant. */
/*
.fs-entry .post.bg-on:before {
 background-color: rgba(255,255,255,0) !important;
}
*/

/* Cacher le bouton de modification de contenu admin */
.edit-link {
 display:none !important;
}


/* Modifier le bouton black outline */
/*
.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {
 color: #244b90 !important;
}

.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {
 border-color: #244b90 !important;
 background-color: transparent;
}

.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline.active, .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:active, .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover {
 color: #fff !important;
 border-color: #244b90 !important;
 background-color: #244b90 !important;
}
*/




/* Footer typo style */
/*
#footer h4 { 
 font: normal 24px / 28px "Abel", Helvetica, Arial, Verdana, sans-serif !important; 
}
 
.footer .widget, .footer .tp_recent_tweets li {
 font-size: 15px !important;
 line-height: 22px;
}
*/










/* Pour un effet emboité par dessus le header. */
/*
.topcontent {
 margin-top:-75px !important;
 position: relative !important;
 z-index: 100 !important;
 clear:both;
 float:left;
}
*/








/* Liste ul avec custom image. */
/*
#content ul, #footer ul {
 list-style: none !important;
 padding: 0;
}

#content li, #footer li {
 padding-left: 1.3em;
}

#content li:before, #footer li:before {
 content: url('http://www.exemple.ca/wp-content/uploads/list_image-1.png');
 font-family: FontAwesome;
 display: inline-block;
 margin-left: -1.3em; 
 width: 1.3em; 
}
*/








/* Liste ul avec Awesome Font */

#content ul {
 list-style: none !important;
 padding: 0;
}

#content ul li {
 padding-left: 1.3em;
}

#content ul li:before {
 content: "\f105";
font-family: "Font Awesome 5 Free";
  font-weight: 900;
 display: inline-block;
 margin-left: -1.3em; 
 width: 1.3em; 
}
 
#footer ul {
 list-style: none !important;
 padding: 0;
}

#footer li {
 padding-left: 1.3em;
}

#footer li:before {
 content: "\f105"; 
font-family: "Font Awesome 5 Free";
  font-weight: 900;
 display: inline-block;
 margin-left: -1.3em; 
 width: 1.3em; 
} 

.testimonial-item ul {
 list-style: none !important;
 padding: 0;
}

.testimonial-item li {
 padding-left: 0 !important;
}

.testimonial-item li:before {
 display: none!important;
 margin-left: 0; 
 width: 0; 
}

.testimonial-item .ts-slide {
 padding-top: 0px !important;
 box-sizing: border-box;
}

.fullwidth-slider ul {
 list-style: none !important;
 padding: 0;
}

.fullwidth-slider li {
 padding-left: 0 !important;
}

.fullwidth-slider li:before {
 display: none!important;
 margin-left: 0; 
 width: 0; 
}


.woocommerce li:before {
 content: "\f105"; 
 font-family: "Font Awesome 5 Free";
  font-weight: 900;
 display: none !important;
 margin-left: -1.3em; 
 width: 1.3em; 
} 

.gform_wrapper li:before {
 content: "\f105"; 
 font-family: "Font Awesome 5 Free";
  font-weight: 900;
 display: none !important;
 margin-left: 0px; 
 width: 0px; 
} 

#content .gform_wrapper ul li {
    padding-left: 0px !important;
}




/* Modifier le texte dans le top-bar. */
/* .top-bar .mini-contacts {font: 16px / 32px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;} */








/* Cacher le texte du contenu en bold pour le SEO. */
/* #content strong {font-weight: 400 !important;} */








/* Cacher le floating menu */
/* #phantom {display:none;} */








/* Modifier l’icon des posts vidéos dans le blog */
/*
.rollover-video .video-icon:before {
 background-image: url("http://www.exemple.com/wp-content/uploads/play-icon.png") !important;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 90px !important;
 height: 90px !important;
 margin: -45px 0 0 -45px !important;
 background-color: rgba(0,0,0,0) !important;
 background-position: 0px center;
 background-repeat: no-repeat;
 content: "";
 border-radius: 50%;
}
*/








/* Mettre une image en preview avec rollover natif avec lien vers un video en popup */
/*
.format-video .rollover:before {
 background-image: url(http://www.cliniquedentairecharlestrottier.com/wp-content/uploads/play-icon.png) !important;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 90px !important;
 height: 90px !important;
 margin: -45px 0 0 -45px !important;
 background-color: rgba(0,0,0,0) !important;
 background-position: 0px center;
 background-repeat: no-repeat;
 content: "";
 border-radius: 50%;
}


.blog.large-hover-icons .format-video .rollover i:after, .large-hover-icons .dt-blog-shortcode .format-video .rollover i:after {
 background-image: url(http://www.cliniquedentairecharlestrottier.com/wp-content/uploads/play-icon.png) !important;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 90px !important;
 height: 90px !important;
 margin: -45px 0 0 -45px !important;
 background-color: rgba(0,0,0,0) !important;
 background-position: 0px center;
 background-repeat: no-repeat;
 content: "";
 border-radius: 50%;
}
*/








/* Cacher le lien Modifier pour l’admin */
/* .edit-link { display: none !important;} */








/* Cacher le bouton Share Natif */
/* a.share-button { display: none !important;} */








/* Enlever le fond du widget témoignage. */
/*
.testimonial-item:not(.testimonial-item-slider), .testimonial-item .ts-viewport, .bg-on.team-container {
 background-color: rgba(255,255,255,0) !important;
}
*/








/* Modifier le bouton Détail du blog */
/*
.blog .details.more-link, .dt-blog-shortcode .details.more-link {
 margin-top: 0px;
 margin-bottom: 10px !important;
 margin-left: 0px;
 margin-right: 0px;
 display: inline-block;
 margin-bottom: 0;
 vertical-align: middle;
 cursor: pointer;
 background-image: none;
 border: 1px solid transparent;
 box-sizing: border-box;
 word-wrap: break-word;
 user-select: none;
 top: 0;
 transition: all .2s ease-in-out;
 line-height: normal;
 font-size: 14px;
 padding-top: 14px;
 padding-bottom: 14px;
 padding-left: 20px;
 padding-right: 40px;
 border-radius: 0;
 background-color: #a8d52a;
 color: #000000;
 text-decoration: none;
 align-items: flex-start;
 text-rendering: auto;
 letter-spacing: normal;
 word-spacing: normal;
 text-transform: none;
 text-indent: 0px;
 text-shadow: none;
}

.details:after {
 position: absolute;
 top: 15px;
 right: 15px !important;
 width: 11px;
 height: 100%;
 content: "\f105";
 font-family: FontAwesome;
 background-position: 0 center;
 background-repeat: no-repeat;
 background-image: none !important; 
}

.blog .details.more-link:hover, .dt-blog-shortcode .details.more-link {
 color: #000000 !important;
background-color: #a3bf3b !important;

}

.details:after:hover {
 color:#000000;
}
*/







/* Contact form 7 couleur. */
/*
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="range"], .wpcf7-form input[type="date"], .wpcf7-form textarea {
 background-color: #fff !important;
 border-color: #e4e4e4;
 margin-bottom: 20px;
}
*/


.woocommerce-product-details__short-description { display:none !important;}

#footer h4 {
	color: #6b9a51 !important;
}

.blog-carousel-shortcode.owl-carousel.blog-carousel-shortcode .entry-title {
    font: normal 18px / 24px "Patua One", Helvetica, Arial, Verdana, sans-serif !important;
}

.blanc, .gform_confirmation_message_8{
	color: #ffffff !important;
}

.page-title h1 {
	color: #ffffff !important;
}

.content-bg-on.centered-layout-list article, .content-bg-on.classic-layout-list article {
	background-color: rgba(255, 255, 255, 0.8) !important;
}

.product .woo-buttons-on-img {
    height: 170px !important;
}

.wc-img-hover .woo-buttons-on-img {
    overflow: visible !important;
}

#bottom-bar .wf-float-left:last-of-type {
    width: 100% !important;
}

/* Responsive native VC (480, 768, 992, 1200) */
/* @media (max-width: 480px) {} */
/* @media (max-width: 600px) {} */
/* @media (max-width: 767px) {} */
/* @media (min-width: 768px) {} */
/* @media (min-width: 768px) and (max-width: 991px) {} */
/* @media (min-width: 992px) {} */
/* @media (min-width: 992px) and (max-width: 1199px) {} */
/* @media (min-width: 1200px) {} */


/**************** Logo X ********/
.dt-icon-twitter:before, .icomoon-the7-font-twitter:before, .twitter .soc-font-icon:before  {
   
    background-image: url('/templates/the7/wp-content/uploads/x-logo-white-1.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px; 
    height: 12px;
	background-repeat: no-repeat;
    content:"";	
}

/**************** Logo TikTok ********/
.dt-icon-vk:before, .icomoon-the7-font-vk:before, .vk .soc-font-icon:before {
    
    background-image: url('/templates/the7/wp-content/uploads/tiktok-logo-white.png');
    background-size: 12px 12px;
    display: inline-block;
    width: 12px; 
    height: 12px;
    background-repeat: no-repeat;
    content:"";	
}


/* =========================================================
   SECTION SERVICES SAPHIR - WPBAKERY / THE7
   ========================================================= */

/* SECTION COMPLÈTE */
.section-services-saphir {
  position: relative;
  padding: 70px 20px 90px;
  background-color: #ffffff;
  background-size: cover;
  background-position: center;
  overflow: visible;
}

/* TITRE */
.section-services-saphir h2 {
  text-align: center;
  margin-bottom: 60px;
  font-size: 34px;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  color: #165634;
}

/* ROW DES SERVICES */
.section-services-saphir .services-saphir-grid {
  max-width: 1500px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 34px;
  overflow: visible;
}

/* ANNULE LES LARGEURS/GOUTTIÈRES WPBAKERY */
.section-services-saphir .services-saphir-grid > .service-saphir-card {
  float: none !important;
  width: calc(25% - 26px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
}

/* DÉCALAGE DES CARTES 1 ET 3 */
.section-services-saphir .service-saphir-offset {
  margin-top: 48px;
}

/* CARTE */
.section-services-saphir .service-saphir-card > .vc_column-inner {
  position: relative;
  background: #ffffff;

  /* Coin bas gauche arrondi, coin bas droit carré */
  border-radius: 0 0 0 22px;

  box-shadow: 0 12px 18px rgba(0, 0, 0, 0.22);
  overflow: visible !important;
  padding: 0 !important;
  min-height: 375px;
}

/* WRAPPER INTÉRIEUR */
.section-services-saphir .service-saphir-card > .vc_column-inner > .wpb_wrapper {
  position: relative;
  overflow: visible !important;
}

/* IMAGE PRINCIPALE */
.section-services-saphir .service-saphir-image {
  margin: 0 !important;
}

.section-services-saphir .service-saphir-image figure,
.section-services-saphir .service-saphir-image .vc_single_image-wrapper {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.section-services-saphir .service-saphir-image img {
  width: 100% !important;
  height: 185px !important;
  object-fit: cover;
  display: block;
}

/* ICÔNE - SANS ROND CSS */
.section-services-saphir .service-saphir-icon {
  position: absolute !important;
  top: -38px;
  left: 20px;
  z-index: 20;
  transform: none;

  width: 95px;
  height: 95px;

  background: transparent !important;
  border-radius: 0;
  padding: 0;
  margin: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* DÉSACTIVE LA VARIANTE FONCÉE */
.section-services-saphir .service-saphir-icon-dark {
  background: transparent !important;
}

/* CORRIGE LES WRAPPERS DE L’ICÔNE ULTIMATE ADDONS */
.section-services-saphir .service-saphir-icon .align-icon,
.section-services-saphir .service-saphir-icon .aio-icon-img {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
}

/* IMAGE DANS L’ICÔNE */
.section-services-saphir .service-saphir-icon img {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain;
  display: block;
}

/* CONTENU TEXTE */
.section-services-saphir .service-saphir-content {
  padding: 30px 24px 30px;
  min-height: 205px;
  margin-bottom: 0 !important;
}

.section-services-saphir .service-saphir-content h3 {
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 1.08;
  text-transform: uppercase;
  font-weight: 800;
  color: #155634;
}

.section-services-saphir .service-saphir-content p {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
}

/* SUPPRIME LES ESPACES WPBAKERY */
.section-services-saphir .service-saphir-card .wpb_content_element {
  margin-bottom: 0 !important;
}

/* =========================================================
   RESPONSIVE - TABLETTE
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  body .services-saphir-grid.vc_row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 26px !important;
    row-gap: 55px !important;
    max-width: 720px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch !important;
  }

  body .services-saphir-grid.vc_row::before,
  body .services-saphir-grid.vc_row::after {
    display: none !important;
    content: none !important;
  }

  body .services-saphir-grid.vc_row > .service-saphir-card,
  body .services-saphir-grid.vc_row > .wpb_column,
  body .services-saphir-grid.vc_row > .vc_column_container,
  body .services-saphir-grid.vc_row > .vc_col-sm-3 {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    clear: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    height: 100% !important;
  }

  body .services-saphir-grid .service-saphir-card > .vc_column-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .services-saphir-grid .service-saphir-card > .vc_column-inner > .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  body .services-saphir-grid .service-saphir-content {
    flex-grow: 1 !important;
  }

  body .services-saphir-grid.vc_row > .service-saphir-offset {
    margin-top: 0 !important;
    transform: none !important;
  }

  body .services-saphir-grid .service-saphir-image img {
    width: 100% !important;
    height: 165px !important;
    object-fit: cover !important;
  }
}

/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .section-services-saphir {
    padding: 50px 18px;
  }

  .section-services-saphir h2 {
    font-size: 28px;
    margin-bottom: 50px;
  }

  .section-services-saphir .services-saphir-grid {
    display: block !important;
    max-width: 360px;
  }

  .section-services-saphir .services-saphir-grid > .service-saphir-card {
    width: 100% !important;
    max-width: 360px;
    margin: 0 auto 60px !important;
  }

  .section-services-saphir .service-saphir-card > .vc_column-inner {
    min-height: auto;
  }

  .section-services-saphir .service-saphir-content {
    min-height: auto;
    padding: 28px 20px 28px;
  }

  .section-services-saphir .service-saphir-icon {
    width: 90px;
    height: 90px;
    top: -36px;
    left: 20px;
    transform: none;
  }

  .section-services-saphir .service-saphir-icon img {
    width: 82px !important;
    height: 82px !important;
  }

  .section-services-saphir .service-saphir-image img {
    height: 160px !important;
  }
}



/* =========================================================
   TITRE SERVICES AVEC IMAGE À DROITE
   ========================================================= */

.titre-services-avec-icone {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 18px;

  text-align: center;
  margin: 0 0 60px !important;

  font-size: 42px !important;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  color: #165634;

  overflow: visible;
}

.titre-services-avec-icone span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap;
  font-size: 42px !important;
}

/* Image étoile */
.titre-services-avec-icone .etoile-services {
  display: inline-block !important;
  flex: 0 0 auto !important;

  width: 62px !important;
  max-width: 62px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  vertical-align: middle !important;
}

/* Animation : arrive depuis la droite */
.titre-services-avec-icone .slide-zoom-right-services {
  animation-name: slideZoomRightServices;
  animation-duration: 1.1s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}

@keyframes slideZoomRightServices {
  0% {
    opacity: 0;
    transform: translateX(220px) scale(0.65);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .titre-services-avec-icone {
    font-size: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px;
    margin-bottom: 50px !important;
  }

  .titre-services-avec-icone span {
    font-size: 30px !important;
    white-space: normal;
  }

  .titre-services-avec-icone .etoile-services {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 48px !important;
    max-width: 48px !important;
    height: auto !important;
    margin: 0 auto 5px auto !important;
  }

  .titre-services-avec-icone br {
    display: none !important;
  }

  @keyframes slideZoomRightServices {
    0% {
      opacity: 0;
      transform: translateY(-40px) scale(0.65);
    }

    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
}



/* =========================================================
   TITRE H1 HERO AVEC IMAGE À GAUCHE
   ========================================================= */

.titre-hero-avec-icone-gauche {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 22px;

  text-align: center;
  margin: 0 !important;

  font-size: 64px !important;
  line-height: 1.05;
  font-weight: 800;
  color: #165634;

  overflow: visible;
}

/* Texte du H1 */
.titre-hero-avec-icone-gauche span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.05;
  white-space: nowrap;
}

/* Image étoile à gauche */
.titre-hero-avec-icone-gauche .etoile-hero-gauche {
  display: block !important;
  flex: 0 0 auto !important;

  width: 70px !important;
  max-width: 70px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  vertical-align: middle !important;
}

/* Animation zoom + entrée depuis la gauche */
.titre-hero-avec-icone-gauche .slide-zoom-left-hero {
  animation-name: slideZoomLeftHero;
  animation-duration: 1.1s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}

/* Keyframes : arrive clairement de la gauche */
@keyframes slideZoomLeftHero {
  0% {
    opacity: 0;
    transform: translateX(-220px) scale(0.65);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* TABLETTE */
@media (max-width: 1024px) {
  .titre-hero-avec-icone-gauche {
    font-size: 44px !important;
    gap: 16px;
  }

  .titre-hero-avec-icone-gauche .etoile-hero-gauche {
    width: 60px !important;
    max-width: 60px !important;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .titre-hero-avec-icone-gauche {
    font-size: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px;
    flex-wrap: nowrap !important;
  }

  .titre-hero-avec-icone-gauche span {
    white-space: normal;
  }

  .titre-hero-avec-icone-gauche .etoile-hero-gauche {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 48px !important;
    max-width: 48px !important;
    height: auto !important;
    margin: 0 auto 5px auto !important;
  }

  .titre-hero-avec-icone-gauche br {
    display: none !important;
  }

  .titre-hero-avec-icone-gauche .slide-zoom-left-hero {
    animation-duration: 0.9s;
  }

  @keyframes slideZoomLeftHero {
    0% {
      opacity: 0;
      transform: translateY(-40px) scale(0.65);
    }

    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
}




/* =========================================================
   MONTAGE 2 IMAGES + ÉTOILE - SERVICE SAPHIR
   ========================================================= */

/* Permet à la rangée WPBakery/The7 de prendre plus de largeur */
.row-montage-saphir,
.row-montage-saphir .vc_row,
.row-montage-saphir .wpb_column,
.row-montage-saphir .vc_column-inner,
.row-montage-saphir .wpb_wrapper {
  overflow: visible !important;
}

/* Si la rangée a cette classe, elle devient plus large */
.row-montage-saphir {
  max-width: 1500px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Bloc montage */
.montage-images-saphir {
  position: relative;
  width: 100%;
  max-width: 650px;
  min-height: 560px;
  margin-left: auto;
  margin-right: 0;
  overflow: visible;

  /* Variables pour garder l’étoile alignée au coin de l’image secondaire */
  --image-secondaire-right: 0px;
  --image-secondaire-bottom: 0px;
  --image-secondaire-width: 380px;
  --image-secondaire-height: 230px;
  --etoile-size: 115px;
}

/* Images générales */
.montage-images-saphir .image-saphir {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.18);
}

.montage-images-saphir .image-saphir img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Grande image principale */
.montage-images-saphir .image-saphir-principale {
  top: 0;
  right: 70px;
  width: 430px;
  height: 430px;
  border-radius: 0 0 0 42px;
  z-index: 2;

  opacity: 0;
  animation: imagePrincipaleSlideRight 1s ease-out 0.15s forwards;
}

/* Image secondaire en bas */
.montage-images-saphir .image-saphir-secondaire {
  right: var(--image-secondaire-right);
  bottom: var(--image-secondaire-bottom);
  width: var(--image-secondaire-width);
  height: var(--image-secondaire-height);
  border-radius: 0 0 0 34px;
  z-index: 3;

  opacity: 0;
  animation: imageSecondaireSlideUp 1s ease-out 1s forwards;
}

/* Étoile centrée exactement sur le coin supérieur gauche de l’image secondaire */
.montage-images-saphir .etoile-montage-saphir {
  position: absolute;

  left: calc(100% - var(--image-secondaire-right) - var(--image-secondaire-width) - (var(--etoile-size) / 2));
  top: calc(100% - var(--image-secondaire-bottom) - var(--image-secondaire-height) - (var(--etoile-size) / 2));

  width: var(--etoile-size);
  height: var(--etoile-size);
  z-index: 5;

  opacity: 0;
  animation: etoileFadeIn 0.9s ease-out 2s forwards;
}

.montage-images-saphir .etoile-montage-saphir img {
  width: 100%;
  height: auto;
  display: block;
}

/* Animation image principale : arrive de la droite */
@keyframes imagePrincipaleSlideRight {
  0% {
    opacity: 0;
    transform: translateX(180px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Animation image secondaire : slide vers le haut */
@keyframes imageSecondaireSlideUp {
  0% {
    opacity: 0;
    transform: translateY(120px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animation étoile : fade in */
@keyframes etoileFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1024px) {
  .row-montage-saphir {
    max-width: 920px !important;
  }

  .montage-images-saphir {
    max-width: 500px;
    min-height: 470px;
    margin-left: auto;
    margin-right: auto;

    --image-secondaire-right: 0px;
    --image-secondaire-bottom: 0px;
    --image-secondaire-width: 300px;
    --image-secondaire-height: 195px;
    --etoile-size: 100px;
  }

  .montage-images-saphir .image-saphir-principale {
    right: 55px;
    width: 330px;
    height: 365px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .row-montage-saphir {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .montage-images-saphir {
    max-width: 360px;
    min-height: 390px;
    margin-left: auto;
    margin-right: auto;

    --image-secondaire-right: 0px;
    --image-secondaire-bottom: 0px;
    --image-secondaire-width: 235px;
    --image-secondaire-height: 155px;
    --etoile-size: 78px;
  }

  .montage-images-saphir .image-saphir-principale {
    top: 0;
    right: 35px;
    width: 270px;
    height: 300px;
    border-radius: 0 0 0 32px;
  }

  .montage-images-saphir .image-saphir-secondaire {
    border-radius: 0 0 0 28px;
  }

  @keyframes imagePrincipaleSlideRight {
    0% {
      opacity: 0;
      transform: translateX(90px);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes imageSecondaireSlideUp {
    0% {
      opacity: 0;
      transform: translateY(80px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}






/* Texte noir, majuscule et gras pour les blocs avec la classe .noir */
.noir,
.noir *,
.noir .aio-icon-title,
.noir .aio-icon-description,
.noir .aio-icon-header h1,
.noir .aio-icon-header h2,
.noir .aio-icon-header h3,
.noir .aio-icon-header h4,
.noir .aio-icon-header h5,
.noir .aio-icon-header h6,
.noir p,
.noir span,
.noir li,
.noir a {
  color: #000000 !important;
  font-weight: 800 !important;
}



/* =========================================================
   FORMULAIRE GRAVITY FORMS - FORM ID 8
   Texte blanc, champs transparents, bouton vert
   ========================================================= */

/* Texte général du formulaire */
#gform_wrapper_8,
#gform_wrapper_8 *,
#gform_wrapper_8 .gfield_label,
#gform_wrapper_8 .gform-field-label,
#gform_wrapper_8 .gfield_required,
#gform_wrapper_8 .gfield_required_text {
  color: #ffffff !important;
}

/* Labels */
#gform_wrapper_8 .gfield_label,
#gform_wrapper_8 .gform-field-label {
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

/* Champs texte, courriel, téléphone, textarea */
#gform_wrapper_8 input[type="text"],
#gform_wrapper_8 input[type="email"],
#gform_wrapper_8 input[type="tel"],
#gform_wrapper_8 input[type="number"],
#gform_wrapper_8 input[type="url"],
#gform_wrapper_8 textarea,
#gform_wrapper_8 select {
  width: 100% !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder en blanc légèrement transparent */
#gform_wrapper_8 input::placeholder,
#gform_wrapper_8 textarea::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Focus des champs */
#gform_wrapper_8 input[type="text"]:focus,
#gform_wrapper_8 input[type="email"]:focus,
#gform_wrapper_8 input[type="tel"]:focus,
#gform_wrapper_8 input[type="number"]:focus,
#gform_wrapper_8 input[type="url"]:focus,
#gform_wrapper_8 textarea:focus,
#gform_wrapper_8 select:focus {
  background: transparent !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25) !important;
}

/* Hauteur du champ message */
#gform_wrapper_8 textarea {
  min-height: 150px !important;
  resize: vertical;
}

/* Espacement entre les champs */
#gform_wrapper_8 .gfield {
  margin-bottom: 18px !important;
}

/* Footer du formulaire : centre le bouton */
#gform_wrapper_8 .gform_footer,
#gform_wrapper_8 .gform-page-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* Bouton Envoyer */
#gform_wrapper_8 input[type="submit"],
#gform_wrapper_8 .gform_button,
#gform_wrapper_8 #gform_submit_button_8 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #6b9a51 !important;
  color: #ffffff !important;
  border: 2px solid #6b9a51 !important;
  border-radius: 30px !important;

  padding: 14px 42px !important;
  min-width: 160px;

  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;

  cursor: pointer;
  box-shadow: none !important;
  transition: all 0.25s ease;
}

/* Hover du bouton */
#gform_wrapper_8 input[type="submit"]:hover,
#gform_wrapper_8 .gform_button:hover,
#gform_wrapper_8 #gform_submit_button_8:hover {
  background: #ffffff !important;
  color: #165434 !important;
  border-color: #ffffff !important;
}

/* Active/focus du bouton */
#gform_wrapper_8 input[type="submit"]:focus,
#gform_wrapper_8 .gform_button:focus,
#gform_wrapper_8 #gform_submit_button_8:focus {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  outline: none !important;
}

/* Messages d’erreur Gravity Forms */
#gform_wrapper_8 .gfield_validation_message,
#gform_wrapper_8 .validation_message,
#gform_wrapper_8 .gform_validation_errors {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #ffffff !important;
  border-radius: 10px !important;
}

/* Mobile */
@media (max-width: 767px) {
  #gform_wrapper_8 input[type="text"],
  #gform_wrapper_8 input[type="email"],
  #gform_wrapper_8 input[type="tel"],
  #gform_wrapper_8 input[type="number"],
  #gform_wrapper_8 input[type="url"],
  #gform_wrapper_8 textarea,
  #gform_wrapper_8 select {
    border-radius: 12px !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
  }

  #gform_wrapper_8 input[type="submit"],
  #gform_wrapper_8 .gform_button,
  #gform_wrapper_8 #gform_submit_button_8 {
    width: auto !important;
    padding: 13px 36px !important;
  }
}

/* =========================================================
   CACHE LA MENTION DES CHAMPS OBLIGATOIRES
   ========================================================= */

#gform_wrapper_8 .gform_required_legend {
  display: none !important;
}




/* =========================================================
   COLONNE NOUS JOINDRE
   Coin bas gauche arrondi + espace à droite
   ========================================================= */

/* Colonne principale */
.colonne-nous-joindre > .vc_column-inner {
  border-radius: 0 0 0 45px !important;
  overflow: hidden !important;
  padding: 55px 55px 55px 55px !important;
  box-sizing: border-box !important;
}

/* Ajoute plus d'espace entre la colonne et le côté droit de la page */
.colonne-nous-joindre {
  padding-right: 10% !important;
  box-sizing: border-box !important;
}

/* Si le fond est appliqué directement sur vc_column-inner */
.colonne-nous-joindre .vc_column-inner {
  background-position: center center;
  background-size: cover;
}

/* Garde le contenu bien contenu dans la colonne */
.colonne-nous-joindre .wpb_wrapper {
  position: relative;
  z-index: 2;
}

/* Tablette */
@media (max-width: 1024px) {
  .colonne-nous-joindre {
    padding-right: 35px !important;
  }

  .colonne-nous-joindre > .vc_column-inner {
    padding: 45px 40px !important;
    border-radius: 0 0 0 38px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .colonne-nous-joindre {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .colonne-nous-joindre > .vc_column-inner {
    padding: 35px 25px !important;
    border-radius: 0 0 0 30px !important;
  }
}



/* =========================================================
   LOGO HEADER THE7
   Boîte blanche qui commence au haut du header
   et dépasse vers le bas
   ========================================================= */

/* Permet au logo de dépasser */
.masthead,
.masthead:not(.side-header),
.header-bar,
.branding,
.branding a,
.mobile-header-bar {
  overflow: visible !important;
}

/* Header */
.header-bar {
  position: relative !important;
  z-index: 1000 !important;
  overflow: visible !important;
}

/* Zone réservée au logo dans le menu */
.header-bar .branding {
  position: relative !important;
  z-index: 1200 !important;
  overflow: visible !important;

  width: 230px !important;
  min-width: 230px !important;
  height: 90px !important;

  display: block !important;
  flex: 0 0 230px !important;
}

/* Boîte blanche du logo */
.header-bar .branding .same-logo {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;

  z-index: 1300 !important;

  width: 230px !important;
  height: 210px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  background: #ffffff !important;

  /* Haut carré, bas rond */
  border-radius: 0 0 125px 125px !important;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18) !important;

  padding: 14px 24px 28px !important;
  margin: 0 !important;

  transform: none !important;
  box-sizing: border-box !important;
}

/* Image du logo */
.header-bar .branding .same-logo img {
  display: block !important;

  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Menu centré verticalement */
.header-bar .main-nav {
  align-self: center !important;
  z-index: 1100 !important;
}

/* Si The7 coupe encore le logo dans un conteneur parent */
.masthead .header-bar,
.masthead .header-bar > *,
.masthead .branding,
.masthead .branding > * {
  overflow: visible !important;
}

/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1024px) {
  .header-bar .branding {
    width: 200px !important;
    min-width: 200px !important;
    height: 80px !important;
    flex: 0 0 200px !important;
  }

  .header-bar .branding .same-logo {
    width: 200px !important;
    height: 185px !important;
    border-radius: 0 0 100px 100px !important;
    padding: 12px 20px 24px !important;
  }

  .header-bar .branding .same-logo img {
    width: 145px !important;
    max-width: 145px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .header-bar .branding {
    width: 160px !important;
    min-width: 160px !important;
    height: 70px !important;
    flex: 0 0 160px !important;
  }

  .header-bar .branding .same-logo {
    width: 160px !important;
    height: 150px !important;
    border-radius: 0 0 65px 65px !important;
    padding: 10px 16px 18px !important;
  }

  .header-bar .branding .same-logo img {
    width: 118px !important;
    max-width: 118px !important;
  }
}



/* =========================================================
   STICKY MENU THE7
   LOGO AVEC BOÎTE BLANCHE QUI DÉPASSE VERS LE BAS
   ========================================================= */

/* Permet au sticky menu de laisser dépasser le logo */
.sticky-on,
.sticky-mobile-on,
.ph-wrap,
.ph-wrap.with-logo,
.ph-wrap .logo-box,
.ph-wrap .logo-box a {
  overflow: visible !important;
}

/* Wrapper du sticky menu */
.ph-wrap.with-logo {
  position: relative !important;
  z-index: 1000 !important;
  align-items: flex-start !important;
}

/* Zone réservée au logo */
.ph-wrap.with-logo .logo-box {
  position: relative !important;
  z-index: 1200 !important;
  overflow: visible !important;

  width: 230px !important;
  min-width: 230px !important;
  height: 90px !important;

  display: block !important;
  flex: 0 0 230px !important;
}

/* Boîte blanche derrière le logo sticky */
.ph-wrap.with-logo .logo-box a {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;

  z-index: 1300 !important;

  width: 230px !important;
  height: 210px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  background: #ffffff !important;

  /* Haut carré, bas rond */
  border-radius: 0 0 125px 125px !important;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18) !important;

  padding: 14px 24px 28px !important;
  margin: 0 !important;

  transform: none !important;
  box-sizing: border-box !important;
}

/* Image du logo sticky */
.ph-wrap.with-logo .logo-box a img {
  display: block !important;

  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Menu sticky centré verticalement */
.ph-wrap.with-logo .menu-box {
  align-self: center !important;
  z-index: 1100 !important;
}

/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1024px) {
  .ph-wrap.with-logo .logo-box {
    width: 200px !important;
    min-width: 200px !important;
    height: 80px !important;
    flex: 0 0 200px !important;
  }

  .ph-wrap.with-logo .logo-box a {
    width: 200px !important;
    height: 185px !important;
    border-radius: 0 0 82px 82px !important;
    padding: 12px 20px 24px !important;
  }

  .ph-wrap.with-logo .logo-box a img {
    width: 145px !important;
    max-width: 145px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .ph-wrap.with-logo .logo-box {
    width: 160px !important;
    min-width: 160px !important;
    height: 70px !important;
    flex: 0 0 160px !important;
  }

  .ph-wrap.with-logo .logo-box a {
    width: 160px !important;
    height: 150px !important;
    border-radius: 0 0 65px 65px !important;
    padding: 10px 16px 18px !important;
  }

  .ph-wrap.with-logo .logo-box a img {
    width: 118px !important;
    max-width: 118px !important;
  }
}



/* =========================================================
   STICKY HEADER THE7 - CENTRER MENU + ICÔNE FACEBOOK
   ========================================================= */

/* Wrapper général du sticky header */
#phantom .ph-wrap.with-logo {
  display: flex !important;
  align-items: center !important;
}

/* Zone du menu */
#phantom .menu-box {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}

/* Menu principal */
#phantom .menu-box .main-nav {
  display: flex !important;
  align-items: center !important;
}

/* Zone widget à droite */
#phantom .widget-box {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  height: auto !important;
}

/* Mini widgets */
#phantom .widget-box .mini-widgets {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
}

/* Icône Facebook */
#phantom .widget-box .soc-ico {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Lien Facebook */
#phantom .widget-box .soc-ico a.facebook {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Icône à l’intérieur */
#phantom .widget-box .soc-ico a.facebook .soc-font-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* Corrige les pseudo-éléments si The7 les utilise */
#phantom .widget-box .soc-ico a.facebook .soc-font-icon:before {
  line-height: 1 !important;
}



/* =========================================================
   SECTION NOUS JOINDRE
   Image collée à gauche + colonne formulaire
   ========================================================= */

/* Permet de contrôler proprement la section */
#nous-joindre {
  overflow: hidden !important;
}

/* Enlève la marge/padding à gauche de la colonne image */
#nous-joindre > .wpb_column:first-child {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Enlève le padding interne de la colonne image */
#nous-joindre > .wpb_column:first-child > .vc_column-inner {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Enlève les marges internes autour de l’image */
#nous-joindre .image-sans-marge-gauche,
#nous-joindre .image-sans-marge-gauche .wpb_wrapper,
#nous-joindre .image-sans-marge-gauche figure,
#nous-joindre .image-sans-marge-gauche .vc_single_image-wrapper {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Image collée à gauche */
#nous-joindre .image-sans-marge-gauche img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Annule l’espace ajouté par WPBakery sur la première colonne */
#nous-joindre.vc_column-gap-35 > .wpb_column:first-child {
  padding-left: 0 !important;
}

/* Garde un peu d’espace entre l’image et la colonne de droite */
#nous-joindre.vc_column-gap-35 > .wpb_column:first-child {
  padding-right: 17.5px !important;
}

/* Colonne formulaire */
#nous-joindre .colonne-nous-joindre {
  padding-right: 70px !important;
  box-sizing: border-box !important;
}

/* Fond / bloc de la colonne formulaire */
#nous-joindre .colonne-nous-joindre > .vc_column-inner {
  border-radius: 0 0 0 45px !important;
  overflow: hidden !important;
  padding: 55px !important;
  box-sizing: border-box !important;
}

/* Tablette */
@media (max-width: 1024px) {
  #nous-joindre .colonne-nous-joindre {
    padding-right: 35px !important;
  }

  #nous-joindre .colonne-nous-joindre > .vc_column-inner {
    padding: 45px 40px !important;
    border-radius: 0 0 0 38px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #nous-joindre > .wpb_column:first-child,
  #nous-joindre > .wpb_column:first-child > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #nous-joindre .colonne-nous-joindre {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #nous-joindre .colonne-nous-joindre > .vc_column-inner {
    padding: 35px 25px !important;
    border-radius: 0 0 0 30px !important;
  }
}



/* =========================================================
   IMAGE HOMME + ÉTOILE DÉCORATIVE
   Animation de l’étoile après l’image
   ========================================================= */

/* Colonne contenant l'image */
.image-homme-avec-etoile {
  position: relative !important;
  overflow: visible !important;
}

/* Garde tous les wrappers visibles */
.image-homme-avec-etoile .vc_column-inner,
.image-homme-avec-etoile .wpb_wrapper,
.image-homme-avec-etoile .wpb_single_image,
.image-homme-avec-etoile figure,
.image-homme-avec-etoile .vc_single_image-wrapper {
  position: relative !important;
  overflow: visible !important;
}

/* Image principale */
.image-homme-avec-etoile img {
  position: relative;
  z-index: 2;
}

/* Étoile décorative */
.image-homme-avec-etoile::after {
  content: "";
  position: absolute;

  right: 120px;
  bottom: 95px;

  width: 130px;
  height: 130px;

  background-image: url("https://www.entretiensaphir.com/wp-content/uploads/etoile_diamant.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  z-index: 5;
  pointer-events: none;

  opacity: 0;
  transform: scale(0.6) rotate(-8deg);

  /*
    Le 1.4s est le délai avant que l'étoile commence.
    Augmente-le si l'animation de l'image est plus longue.
  */
  animation: etoileHommeFadeIn 0.8s ease-out 1.5s forwards;
}

/* Animation apparition étoile */
@keyframes etoileHommeFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6) rotate(-8deg);
  }

  60% {
    opacity: 1;
    transform: scale(1.15) rotate(0deg);
  }

  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

/* Tablette */
@media (max-width: 1024px) {
  .image-homme-avec-etoile::after {
    right: 80px;
    bottom: 75px;
    width: 75px;
    height: 75px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .image-homme-avec-etoile::after {
    right: 45px;
    bottom: 100px;
    width: 60px;
    height: 60px;
  }
}






/* Footer - blocs Navigation + Nous joindre */
.footer-bloc-liens,
.footer-bloc-liens div,
.footer-bloc-liens ul,
.footer-bloc-liens li,
.footer-bloc-liens a {
  color: #ffffff !important;
}

/* Titres verts */
.footer-bloc-liens h4,
.footer-bloc-liens h4 strong {
  color: #6b9a51 !important;
}

/* Liens */
.footer-bloc-liens a {
  text-decoration: none !important;
  transition: color 0.25s ease;
}

/* Hover vert */
.footer-bloc-liens a:hover {
  color: #6b9a51 !important;
}



/* =========================================================
   ZOOM SUR LES PHOTOS DES SERVICES AU HOVER
   ========================================================= */

/* Conteneur de l'image : cache le débordement du zoom */
.section-services-saphir .service-saphir-image,
.section-services-saphir .service-saphir-image figure,
.section-services-saphir .service-saphir-image .vc_single_image-wrapper {
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
}

/* Image normale */
.section-services-saphir .service-saphir-image img {
  transition: transform 0.45s ease, filter 0.45s ease !important;
  transform: scale(1);
  will-change: transform;
}

/* Zoom quand on passe la souris sur la carte */
.section-services-saphir .service-saphir-card:hover .service-saphir-image img {
  transform: scale(1.12);
}

/* Optionnel : léger effet plus lumineux au hover */
.section-services-saphir .service-saphir-card:hover .service-saphir-image img {
  filter: brightness(1.05);
}


/* =========================================================
   ZOOM SUR LES IMAGES DU MONTAGE AU HOVER
   ========================================================= */

/* Conteneur des images : cache le débordement du zoom */
.montage-images-saphir .image-saphir {
  overflow: hidden !important;
}

/* Images normales */
.montage-images-saphir .image-saphir img {
  transition: transform 0.45s ease, filter 0.45s ease !important;
  transform: scale(1);
  will-change: transform;
}

/* Zoom quand on passe la souris sur chaque image */
.montage-images-saphir .image-saphir:hover img {
  transform: scale(1.08);
  filter: brightness(1.05);
}

/* Évite que l’étoile ait un zoom */
.montage-images-saphir .etoile-montage-saphir img {
  transform: none !important;
  transition: none !important;
  filter: none !important;
}



/* =========================================================
   MONTAGE IMAGES SAPHIR - MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .montage-images-saphir {
    width: 100% !important;
    max-width: 420px !important;
    margin-left: 30px !important;
    margin-right: auto !important;
  }

  .montage-images-saphir .image-saphir img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
  }

  .montage-images-saphir .image-saphir-principale {
    width: 100% !important;
  }

  .montage-images-saphir .image-saphir-secondaire {
    width: 75% !important;
  }

  .montage-images-saphir .etoile-montage-saphir {
    width: 90px !important;
  }

  .montage-images-saphir .etoile-montage-saphir img {
    width: 100% !important;
    height: auto !important;
  }
}




.image-homme-avec-etoile {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.image-homme-avec-etoile > .vc_column-inner {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.image-homme-avec-etoile .wpb_wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.image-homme-avec-etoile .wpb_single_image {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.image-homme-avec-etoile img {
    display: block;
    margin-left: 0 !important;
}