/* ===========================================
 Divi Enfant - DiviKit
-------------------------------------------
 Author: DrakMaker
 Template: Divi
 Description: Thème principal
===========================================
*/




/*-----------------------------------------------------------
==================== 1. ROOT VARIABLES =====================
-----------------------------------------------------------*/

:root {
  /* === Couleurs principales === */
  --anthracite: #131e40;
  --anthraciteMoyen: #17254e;
  --anthraciteClair: #1d2e62;
  --brandColor: #1c388c;
  --brandColorPale: #b7c1e0;
  --grisClair: #f9f9f9;
  --grisMoyen: #eaeaea;

  /* === Couleurs d’accent === */
  --accent1: #cc987a;
  --accent1Pale: #decabe;
  --accent2: #cc987a;
  --accent2Pale: #cc987a;

  /* === Typographies === */
  --fontMain: "Inter", sans-serif;
  --fontHeading: "Inter", sans-serif;
  --accentFont: 'PT Serif', Georgia, "Times New Roman", serif !important;

  /* === Rayons, ombres, effets === */
  --borderRadius: 5px;
  --ombrePortee: 0 10px 40px rgba(0, 0, 0, 0.05);
  --ombrePorteeForte: 0 10px 40px rgba(0, 0, 0, 0.08);
  --transition: all 0.3s ease-in-out;
  --agrandissement: scale(1.01);

  /* === Échelles de tailles === */
  --sizeXS: 0.5em;
  --sizeS: 1em;
  --sizeM: 1.5em;
  --sizeL: 2em;
  --sizeXL: 3em;
}

/* Couleur de sélection du texte */
::selection {
  background-color: var(--accent1);
  color : #FFF;
}

/* Compatibilité Firefox */
::-moz-selection {
  background-color:  var(--accent1);
  color : #FFF;
}



/*-----------------------------------------------------------
==================== 2. STYLES DE BASE =====================
-----------------------------------------------------------*/

/* === Largeurs de conteneurs === */
#top-header .container,
header .container,
footer .container,
.et_pb_row {
  max-width: 1440px;
  width: 90%;
}

.et_pb_post_title .et_pb_title_container,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
  width: 90% !important;
}

/* === égaliser les hauteur de colonnes === */
.et_pb_equal_columns .et_pb_column {
   margin: auto;
} 

.fullWidth {
  max-width: 100%;
}

/* === Typographie globale === */
body,
.et_pb_module,
.et_pb_module p,
.et_pb_module p span,
.et_pb_module span {
  font-family: var(--fontMain);
  font-size: 16px ;
  line-height: 1.5;
  font-weight: 400;
}

.et-pb-icon {
font-family: ETmodules !important;
}

/* === Titres === */
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6,
.et_pb_module h1 span,
.et_pb_module h2 span,
.et_pb_module h3 span,
.et_pb_module h4 span,
.et_pb_module h5 span,
.et_pb_module h6 span{
  font-family: var(--fontHeading);
  line-height: 1.3;
  font-weight: 600;
  padding-bottom: 0.5em;
}

.et_pb_module h1 { font-size: 3em;}
.et_pb_module h2 { font-size: 2em; margin-bottom: 0.333em;}
.et_pb_module h3 { font-size: 1.3em;}
.et_pb_module h4 { font-size: 1.2em;}
.et_pb_module h5 { font-size: 1.1em;}
.et_pb_module h6 { font-size: 1em;}

p ~ h2 {
  margin-top: 0.5em;
}

@media (max-width: 600px) {
  .et_pb_module h1 { font-size: 2em;}
  .et_pb_module h2 { font-size: 1.5em;}
  .et_pb_module h3 { font-size: 1.2em;}
  .et_pb_module h4 { font-size: 1.2em;}
  .et_pb_module h5 { font-size: 1.2em;}
  .et_pb_module h6 { font-size: 1em;}
}

.et_pb_module p {
  margin: 0 0 var(--sizeXS);
}

/* === Blockquote === */
blockquote {
  border-color: var(--brandColor);
}

/* === Séparateurs === */
hr {
  border: none;
  border-top: 1px solid var(--grisClair);
  margin: 1em 0 1.5em;
}

/* === Sur-titres === */
.surTitre {
  margin-bottom: var(--sizeS) !important;
}

.surTitre p {
  margin-bottom: 0 !important;
  font-family: var(--accentFont);
  font-size: 1em;
  color: var(--accent1);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* === Accent Font === */
.accentFont {
  font-family: var(--accentFont);
}

/* === Liens === */
.et_pb_text_inner a,
.et_pb_blurb_description ul li a {
  text-decoration : underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--accent1);
}

.et_pb_text_inner a:hover,
.et_pb_blurb_description ul li a:hover {
  color: var(--accent1);
}

.et_pb_module h1 a,
.et_pb_module h2 a,
.et_pb_module h3 a,
.et_pb_module h4 a,
.et_pb_module h5 a,
.et_pb_module h6 a {

}

.et_pb_module h1 a:hover,
.et_pb_module h2 a:hover,
.et_pb_module h3 a:hover,
.et_pb_module h4 a:hover,
.et_pb_module h5 a:hover,
.et_pb_module h6 a:hover {

}

.sans-border-radius img{
  border-radius: 0px !important;
}

/* === NAV / Menu === */

nav ul li a { font-family: var(--fontMain) !important;}

ul.sub-menu  { width: auto !important;}
ul.sub-menu li { width:280px !important;}
ul.sub-menu li a{ width:100% !important;}

/* ============= HEADER ============== */

#logo {
  max-width:200px
}

header ul li a:after {
  color: var(--accent1);
}

/* ========= CTA HEADER ============*/
#top-menu li.menu-cta a,
.et_mobile_menu li.menu-cta a {
  background: var(--anthraciteMoyen);
  color: #ffffff !important;
  padding: 10px 15px !important;
  border-radius: var(--borderRadius);
  border : 1px solid var(--accent1);
  display: inline-block;
  line-height: 1.2;
  transition: all .2s ease-in-out;
}

/* Hover */
#top-menu li.menu-cta a:hover,
.et_mobile_menu li.menu-cta a:hover {
  opacity: 0.85;
  padding: 10px 15px !important;
}

/* Ajustement desktop pour bien l’aligner */
@media (min-width: 981px) {
  #top-menu li.menu-cta {
    margin-left: 12px;
  }
}

/* ============= FOOTER ============== */

/* --- p ----- */
footer .et_pb_text_inner p {
  line-height: 1.666em;
}
/* --- liens ----- */
footer .et_pb_text_inner p a{
  text-decoration: none;
}
/* --- blurb ----- */
footer .et_pb_blurb p{
  font-size: 0.9em;
}


/*-----------------------------------------------------------
=========== 3. PERSONNALISATION DES MODULES DIVI ============
-----------------------------------------------------------*/


/* =============== Images =========== */
.header-image img,
.et_pb_image img,
.et_portfolio_image img,
.dsm-entry-thumbnail img {
  border-radius: var(--borderRadius);
}

.header-image img {
  max-width:95%
}

/* =============== Slider ============== */
.et-pb-slider-arrows .et-pb-arrow-prev,
.et-pb-slider-arrows .et-pb-arrow-next {
  background-color: var(--brandColor);
  border-radius: 8px;
}

.et-pb-slider-arrows .et-pb-arrow-prev:before,
.et-pb-slider-arrows .et-pb-arrow-next:before {
  color: #fff;
}

/* ====================== Boutons =============== */

/*---BOUTON----*/
.et_pb_button {
  text-decoration: none !important;
}

.et_pb_button:hover {}

.et_pb_button:hover::after {
  color: #FFF;
}

/*---BOUTON GRIS----*/
.btnGris {
	color: var(--anthracite) !important;
	background-color: var(--grisMoyen) !important;
	border-color : var(--grisMoyen) !important;
}

.btnGris:hover {
  color: #FFF !important;
  background-color: var(--accent1) !important;
  border-color : var(--accent1) !important;
}

/* =================== Formulaires ============ */
form p {
  margin-bottom: var(--sizeS) !important;
}

input,
textarea,
select {
  background-color: var(--grisClair) !important;
  border-radius: var(--borderRadius) !important;
  border: none !important;
  transition: 0.3s ease;
}

input:focus {
  background-color: var(--grisMoyen) !important;
}

.et_contact_bottom_container {
  margin-top: 1em;
}

.et_pb_contact_submit {
  max-height: 40px;
  color: var(--anthracite) !important;
}



/* ============== Bascule & Accordéons =========== */
.et_pb_toggle {
  border : none;
  border-bottom: 1px solid var(--grisMoyen) !important;
  color: var(--anthracite) !important;
  margin-bottom: 0em !important;
  transition : var(--transition);
  background: none;
  padding : var(--sizeM) 0;
}

.et_pb_toggle_open {}
.et_pb_toggle_close {}
.et_pb_toggle.et_pb_toggle_open {}

.et_pb_toggle_title {
  color: var(--anthracite) !important;
}

.et_pb_toggle_title:before {
  color: var(--brandColor);
}

/* ================ EN-TETE =========== */

.et_pb_fullwidth_header {
  background-image: url(/wp-content/uploads/2025/01/bg-logo-blanc.png);
  background-repeat: none;
  background-position: right;
  background-size: contain; 
}

.et_pb_fullwidth_header_container {}

.et_pb_fullwidth_header  .et_pb_module_header {
   font-size:1.25em;
   color : var(--accent1) !important;
   font-family: var(--accentFont);
   font-weight: 300 !important;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
   font-size:2.5em;
   line-height: 1.3em;
   font-weight: bold;
   margin-bottom:0.6em;
}

.et_pb_fullwidth_header .et_pb_header_content_wrapper p {}

@media (max-width: 600px) {
  .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
  font-size:2em;
  }
}

.et_pb_fullwidth_header .et_pb_button_two {
  background-color: #FFF;
  border-color : #FFF !important;
  color : var(--anthracite) !important;
}

/* =================== PORTFOLIO FILTRABLE =============== */

.et_pb_filterable_portfolio .et_pb_portfolio_item .et_overlay {
  background-color: var(--anthracite);
  opacity: 0.8;
  border-radius: var(--borderRadius);
  border: none;
  transition: var(--transition);
}

/* Effet de transition fluide sur le portfolio */
.et_pb_filterable_portfolio .et_pb_portfolio_item .et_overlay {
  opacity: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

/* Apparition au survol */
.et_pb_filterable_portfolio .et_pb_portfolio_item:hover .et_overlay {
  opacity: 0.9;
}

.et_pb_filterable_portfolio .et_pb_portfolio_item .et_overlay:before {
  color: var(--brandColor);
  opacity: 1;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul li {
  margin-right: 0.5em;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul li a {
  background-color: var(--grisClair);
  border-radius: var(--borderRadius) !important;
  text-decoration: none !important;
  border: none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul li a.active {
  background-color: var(--anthracite);
  color: #fff;
}

/* ==================== Pricing Tables ================ */
.et_pb_pricing > * {
  border : none !important;
}
/* Boîte principale */
.et_pb_pricing_table {
  border: 1px solid var(--grisMoyen);
  background-color: #fff;
  border-radius: var(--borderRadius);
  box-shadow: var(--ombrePortee);
}

/* En-tête */
.et_pb_pricing_heading {
  background-color: var(--anthraciteMoyen);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  padding: 2em 1em;
}

/* Mention "à la une" (table mise en avant) */
.et_pb_featured_table .et_pb_pricing_heading {
  background-color: var(--brandColor);
}

/* Valeur mise en avant */
span.et_pb_best_value {
  color: #fff;
}

/* Bloc supérieur (prix + fréquence) */
.et_pb_pricing_content_top {
  border-bottom: 1px solid var(--grisMoyen);
  padding: 1em;
  color: var(--anthracite);
}

/* Prix */
.et_pb_et_price,
.et_pb_sum {
  font-size: 2em !important;
  color: var(--anthracite) !important;
  font-weight: bold !important;
}

/* Symbole monétaire et fréquence */
.et_pb_dollar_sign,
.et_pb_frequency {
  font-size: 0.666em !important;
}

/* Liste des avantages */
ul.et_pb_pricing li {
  padding: var(--sizeXS) var(--sizeM) 0 var(--sizeM);
}

/* Check icon des avantages */
.et_pb_pricing li span:before {
  border-color: var(--brandColor);
}


/* ================= CTA =============== */

/* Bloc principal */
.et_pb_promo {
  box-shadow: var(--ombrePortee);
  border-radius: var(--borderRadius);
  max-width: 900px;
  margin : auto;
}

/* Conteneur du texte */
.et_pb_promo_description {}

/* Titre */
.et_pb_promo_description h2 {}

/* Paragraphe */
.et_pb_promo_description p {}

/* Bouton */
.et_pb_promo .et_pb_button_wrapper .et_pb_button {}

/* Bouton au survol */
.et_pb_promo .et_pb_button_wrapper .et_pb_button:hover {}


/* ================ BLURB ==============*/

/* Boîte principale du blurb */
.et_pb_blurb {}

/* Blurb content */
.et_pb_blurb .et_pb_blurb_content {
  text-align: inherit;
  max-width: 100%;
}
.et_pb_blurb .et-pb-icon {
  color: var(--accent1) !important;
}

/* Conteneur de l’image ou de l’icône */
.et_pb_main_blurb_image {}

/* Image */
.et_pb_main_blurb_image img {

}

/* Icône SVG */
.et_pb_main_blurb_image .et-pb-icon {}

/* Conteneur du texte */
.et_pb_blurb_container {}

/* Titre */
.et_pb_blurb_container .et_pb_module_header span {
  font-weight: 500 !important;
  font-size: 1em;
}

/* Paragraphe / texte */
.et_pb_blurb_container .et_pb_blurb_description {}

/* Lien (si le blurb entier est cliquable) */
.et_pb_blurb a.et_pb_more_button {}

/* Effet de survol du lien ou de l’ensemble du blurb */
.et_pb_blurb:hover {}


/* ================= TEAM MEMBER ==============*/

/* Boîte principale du membre de l’équipe */
.et_pb_team_member {}

/* Image (portrait) */
.et_pb_team_member_image {
  max-width: 100%;
}

/* Image <img> */
.et_pb_team_member_image img {}

/* Description générale (texte + réseaux) */
.et_pb_team_member_description {}

/* Nom du membre */
.et_pb_team_member_description .et_pb_member_name {}

/* Poste ou fonction */
.et_pb_team_member_description .et_pb_member_position{
  margin-bottom: var(--sizeXS) !important;
  color : var(--brandColor) !important;
}

/* Texte de description */
.et_pb_team_member_description .et_pb_member_description {}

/* Réseaux sociaux (conteneur des icônes) */
.et_pb_team_member_description .et_pb_team_member_social_links {}

/* Icône de réseau social */
.et_pb_team_member_description .et_pb_team_member_social_links a {}

/* Icône au survol */
.et_pb_team_member_description .et_pb_team_member_social_links a:hover {}


/* ================== TESTIMONIAL ================= */

/* Boîte principale du témoignage */
.et_pb_testimonial {
  background: none !important;
  border : 1px solid var(--grisMoyen);
  border-radius: var(--borderRadius);
}

/* Image / portrait du témoin */
.et_pb_testimonial_portrait {}

/* Image <img> du portrait */
.et_pb_testimonial_portrait img {}

/* Conteneur texte (nom + rôle + contenu) */
.et_pb_testimonial_description {}

/* Contenu du témoignage (texte principal) */
.et_pb_testimonial_description .et_pb_testimonial_content p{
  margin-bottom : var(--sizeXS) !important;
}

/* Guillemets décoratifs éventuels */
.et_pb_testimonial:before {
  color: var(--brandColor) !important;
}

/* Nom de la personne */
.et_pb_testimonial_description .et_pb_testimonial_author {
  margin-top : 0;
  font-weight: 500;
}

/* Poste ou fonction */
.et_pb_testimonial_description .et_pb_testimonial_meta{
  margin-bottom:  0 !important;
}
.et_pb_testimonial_description .et_pb_testimonial_meta > * {
  font-size: 0.8em !important;
}

/* Entreprise (si utilisée) */
.et_pb_testimonial_description .et_pb_testimonial_company {}

/* Icônes ou décorations diverses */
.et_pb_testimonial_description .et_pb_testimonial_icon {}

/* Effet de survol global */
.et_pb_testimonial:hover {}

/* ================== ARTICLES ================= */

/* -- article en grille ---*/
.et_pb_blog_grid .et_pb_post {
  border: none;
  border-radius : var(--borderRadius);
}

.et_pb_blog_grid .et_pb_post img{
  border-radius : var(--borderRadius) var(--borderRadius) 0 0;
}
.et_pb_blog_grid .et_pb_post h2{
  margin-bottom : 0px !important; 
}

.et_pb_blog_grid .et_pb_post p{
  color: var(--anthracite);  
}

/* === Post meta === */
.post-meta,
.dsm-posted-category {
  color: #fff !important;
}

.post-meta a,
.dsm-posted-category a {
  background-color: var(--grisClair);
  display: inline-block;
  padding: 1px 10px 1px 5px;
  border-radius: var(--borderRadius);
  color: var(--anthracite);
  text-decoration: none;
  font-size: 12px;
  margin: var(--sizeXS) 0;
}

.post-meta a:before,
.dsm-posted-category a:before {
  content: "•";
  color: var(--accent1);
  font-weight: 600;
  font-size: 20px;
  margin-right: 0.25em;
  vertical-align: -3px;
}

.dsm-meta-seperator {
  display: none;
}


/*-----------------------------------------------------------
========= 4. PERSONNALISATION DIVI SUPREME (DSM) ============
-----------------------------------------------------------*/

/* === DSM Blog Carousel === */
/* === DSM Post Carousel === */
/* === DSM Card Carousel === */

/* Boîte principale */
.dsm-blog-carousel-item,
.dsm-post-carousel-item,
.dsm_card_carousel_child {
  background-color: #FFF;
  border-radius: var(--borderRadius);
  transition: ease-in-out 300ms;
}

/* Conteneur principal : pas d'effet direct ici */
.dsm-blog-carousel-item,
.dsm-post-carousel-item,
.dsm_card_carousel_child {
  background-color: #FFF;
  border-radius: var(--borderRadius);
  overflow: hidden; /* important pour éviter que l'image déborde pendant le zoom */
}

/* Image : état normal */
.dsm-blog-carousel-item img,
.dsm-post-carousel-item img,
.dsm_card_carousel_child_image_background img {
  transition: transform 0.6s ease;
  transform: scale(1);
}

/* Image : effet de survol */
.dsm-blog-carousel-item:hover img,
.dsm-post-carousel-item:hover img,
.dsm_card_carousel_child:hover .dsm_card_carousel_child_image_background img {
  transform: scale(1.05); /* léger zoom */
}

/* Image */
.dsm-blog-carousel-item img,
.dsm-post-carousel-item img,
.dsm_card_carousel_child_image_background {
  border-radius : var(--borderRadius) var(--borderRadius) 0 0;
}

/* Wrapper de contenu */
.dsm-blog-carousel-item .dsm_card_wrapper,
.dsm-post-carousel-item .dsm_card_wrapper,
.dsm_card_wrapper {
  padding : 1em;
}

/* Titre */
.dsm-blog-carousel-item,
.dsm-post-carousel-item,
.dsm_card_title {
  
}

/* hover */
.dsm-blog-carousel-item:hover,
.dsm-post-carousel-item:hover,
.dsm_card_carousel_child:hover{
  box-shadow: var(--ombrePortee);
}

/* Conteneur de la pagination */
.dsm_blog_carousel_wrapper .swiper-pagination,
.dsm_post_carousel_wrapper .swiper-pagination,
.dsm_card_carousel_wrapper .swiper-pagination {}

/* Bullet individuel */
.swiper-pagination-bullet {
  background: var(--brandColor) !important;
}

/* Bullet actif */
.swiper-pagination-bullet-active {
  background: var(--brandColor) !important;
}

/* ========== DSM Image Carousel =========== */
.dsm_image_carousel .dsm_image_carousel_item img{
  border-radius : var(--borderRadius);
}


/* ========== DSM Card Carousel =========== */
.dsm_card_carousel_child_badge_text {
  background: var(--brandColor);
  color: #FFF;
}


/* =============== DSM Advanced Tabs ============== */
.dsm_advanced_tabs {}

/* nav */
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper {
  margin:auto;
}

/* Onglet */
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab {
  transition: var(--transition);
  background: none;
  padding: 1.5em !important;
}

/* Onglet actif */
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active {
  border-bottom:2px solid var(--brandColor);
  background: var(--grisClair) !important;
}
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab:focus {
  background: transparent !important;
}

/* Titre d’onglet*/
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab .dsm-title{
  font-weight: 500;
}

/* Titre onglet + texte onglet*/
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab .dsm-title,
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab .dsm-tab-subtitle{
  color: var(--anthraciteClair);
}

/* Titre onglet:hover + texte onglet:hover*/
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab:hover .dsm-title,
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab:hover .dsm-tab-subtitle{
  color: var(--anthracite);
}

/* Titre onglet:actif + texte onglet:actif*/
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active .dsm-title,
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active .dsm-tab-subtitle {
  color: var(--brandColor);
}

/* Wrapper des Panneaux */
.dsm-advanced-tabs-content-wrapper {
  border-top : 1px solid var(--grisMoyen);
}

/* Panneau */
.dsm_advanced_tabs  .dsm-content-wrapper {
  border : none !important;
  background: none !important;
}
/* Wrapper  */
.dsm-inner-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.dsm_advanced_tabs .dsm-inner-content-wrapper .dsm-inner-content .dsm-title {
  font-size:2em;
}

/* Élément à l’intérieur du wrapper (colonnes internes) */
 .dsm_advanced_tabs .dsm-inner-content-wrapper > * {
  flex: 1 1 calc(50% - 1rem);
  box-sizing: border-box;
}

/* Colonne image */
.dsm_advanced_tabs  .dsm-image {
}

/* Image */
.dsm_advanced_tabs  .dsm-image img {
  border-radius: var(--borderRadius);
}

/* Colonne texte */
.dsm_advanced_tabs .dsm-inner-content {
  padding: 2em;
}

/* Responsive : passage en une colonne sur mobile */
@media (max-width: 768px) {
 .dsm_advanced_tabs .dsm-inner-content-wrapper > * {
    flex: 1 1 100%;
  }
  .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab {
      width: 100%
  }
  .dsm_advanced_tabs .dsm-content-wrapper {
    padding : 5px !important;
  }
  .dsm_advanced_tabs .dsm-inner-content {
    padding : 5px !important;
  }
  .dsm_advanced_tabs .dsm-image {
    padding-bottom: 10px;
  }	
	
}

/* === DSM TOOGLE === */
.dsm_content_toggle .dsm-switch-inner {
  background-color: var(--grisClair)
}

.dsm-toggle-head-one,
.dsm-toggle-head-two {
  padding-bottom: 0px !important;
}

.dsm_content_toggle_0 .dsm-toggle-switch:checked + .dsm-switch-inner {
  background-color: var(--brandColor) !important;
}

.dsm_content_toggle {}
.dsm-content-toggle-front,
.dsm-content-toggle-back {
  background: none !important;
}

/* === DSM BREADCRUMB === */
.dsm_breadcrumbs ul li a,
.dsm_breadcrumbs ul li span {
  font-size : 13px;
}



/*-----------------------------------------------------------
----------------- >> PORTFOLIO 3 COLS << --------------------
-------------------------------------------------------------*/
 
@media only screen and ( min-width: 768px ) {
.three-column-grid .et_pb_grid_item { width: 31% !important; margin: 0 3.5% 3.5% 0 !important; }
.three-column-grid .et_pb_grid_item:nth-child(3n) { margin-right: 0 !important; }
.three-column-grid .et_pb_grid_item:nth-child(3n+1) { clear: left; }
.three-column-grid .et_pb_grid_item:nth-child(4n+1) { clear: unset !important; }
.three-column-grid .et_pb_grid_item:nth-child(12n+1) { clear: both !important; }
}


/*-----------------------------------------------------------
====================== 5. DARK MODE =========================
-----------------------------------------------------------*/

.dark {
  background-color: var(--anthracite);
  color: #fff;
}

/* === Textes et titres === */
.dark,
.dark p,
.dark span,
.dark li,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .et_pb_module,
.dark .et_pb_module p,
.dark .et_pb_module span,
.dark .et_pb_module h1,
.dark .et_pb_module h2,
.dark .et_pb_module h3,
.dark .et_pb_module h4,
.dark .et_pb_module h5,
.dark .et_pb_module h6 {
  color: #fff;
}

/* === Liens === */
.dark .et_pb_module a {
  color: #FFF;
}

.dark .et_pb_module a:hover {
  color: var(--accent1);
}

/* === Séparateurs & Blockquotes === */
.dark hr {
  border-top: 1px solid var(--anthraciteClair);
}

.dark blockquote {
  border-left-color: var(--brandColor);
  color: #fff;
}

/* === Surtitre === */
.dark .surTitre p {
  color: var(--accent1);
}

/* =========== Formulaires ============== */
.dark input,
.dark textarea {
  background-color: var(--anthraciteClair) !important;
  color: #fff !important;
}

.dark input:focus,
.dark textarea:focus {
  background-color: var(--anthraciteMoyen) !important;
  border: 1px solid var(--brandColor);
}

/* =========== Boutons ============== */

/*---bouton----*/
.dark .et_pb_button {
  
}

.dark .btnGris {
  background-color: var(--anthraciteMoyen) !important; 
  border-color: var(--anthraciteMoyen) !important;
  color: #FFF !important; 
}

.dark .btnGris:hover {
  background-color: var(--accent1) !important; 
  border-color: var(--accent1) !important;
  color: #FFF !important; 
}


/* ============ Accordéons / Toggles ============= */
.dark .et_pb_toggle {
  border-bottom: 1px solid var(--anthraciteClair) !important;
  background: none;
  color: #fff !important;
}

.dark .et_pb_toggle_title:before {
  color: var(--brandColor);
}

/* ============ Pricing Tables ============ */
.dark .et_pb_pricing_table {
  background-color: var(--anthraciteMoyen) !important;
  border: 1px solid var(--anthraciteClair) !important;
  box-shadow: none;
}

.dark .et_pb_pricing_content_top {
  border-color : var(--anthraciteClair);
}

.dark .et_pb_pricing_heading {
  background-color: var(--anthraciteClair);
}

.dark .et_pb_featured_table .et_pb_pricing_heading {
  background-color: var(--brandColor);
}

.dark .et_pb_et_price,
.dark .et_pb_sum {
  color: #fff !important;
}

.dark .et_pb_featured_table {
  background: var(--anthraciteClair) !important;
}

.dark .et_pb_featured_table .et_pb_pricing_content_top {
  border-color : rgba(255, 255, 255, 0.3);
}

/* ================= CTA ============= */
.dark .et_pb_promo {
  background-color: var(--anthraciteMoyen);
  box-shadow: none;
}

.dark .et_pb_promo h2,
.dark .et_pb_promo p {
  color: #fff;
}

/* =============== Blurb ================ */
.dark .et_pb_blurb {}
.dark .et_pb_blurb:hover {}
.dark .et_pb_blurb_container .et_pb_module_header span {}

/* ============ Team Member =============== */
.dark .et_pb_team_member {
  color: #fff;
}

.dark .et_pb_team_member_description .et_pb_member_position {
  color: var(--brandColor) !important;
}

/* ================ Testimonial =================== */
.dark .et_pb_testimonial {
  background-color: var(--anthraciteMoyen) !important;
}

.dark .et_pb_testimonial_description .et_pb_testimonial_content p {
  color: #fff;
}

/* ======= DSM Modules (Blog, Post, Card Carousel) ========= */
.dark .dsm-blog-carousel-item,
.dark .dsm-post-carousel-item,
.dark .dsm_card_carousel_child {
  background-color: var(--anthraciteMoyen) !important;
  color: #fff;
}

.dark .dsm-blog-carousel-item:hover,
.dark .dsm-post-carousel-item:hover,
.dark .dsm_card_carousel_child:hover {
}

.dark .dsm-blog-carousel-item .dsm-entry-title a,
.dark .dsm-post-carousel-item .dsm-entry-title a,
.dark .dsm_card_carousel_child .dsm_card_title a {
  color: #fff;
}

.dark .dsm-blog-carousel-item .dsm-entry-title a:hover,
.dark .dsm-post-carousel-item .dsm-entry-title a:hover,
.dark .dsm_card_carousel_child .dsm_card_title a:hover {
  color: var(--brandColor);
}

.dark .post-meta {
  color : var(--anthracite) !important;
}

/* ======== DSM Advanced Tabs ============ */
.dark .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab {
  color: #fff;
}

.dark .dsm-advanced-tabs-content-wrapper {
    border-top: 1px solid var(--anthraciteClair);
}

.dark .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active {
  border-bottom: 2px solid var(--brandColor);
}

.dark .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab .dsm-title,
.dark .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab .dsm-tab-subtitle {
  color: #fff;
}

.dark .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active .dsm-title,
.dark .dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active .dsm-tab-subtitle {
  color: var(--brandColor);
}

.dark .dsm_advanced_tabs .dsm-image img {
  border-radius: var(--borderRadius);
}

/* ========== Portfolio ============ */
.dark .et_pb_filterable_portfolio .et_pb_portfolio_filters ul li a {
  background-color: var(--anthraciteMoyen);
  color: #fff;
}

.dark .et_pb_filterable_portfolio .et_pb_portfolio_filters ul li a.active {
  background-color: var(--brandColor);
}

.dark .et_pb_filterable_portfolio .et_pb_portfolio_pagination {
    border-top: 1px solid var(--anthraciteClair);
}

.dark .et_pb_filterable_portfolio .et_pb_portfolio_pagination ul li a {
  text-decoration: none;
}
.dark .et_pb_filterable_portfolio .et_pb_portfolio_pagination ul li a.active {
  color : var(--brandColor);
}

/* === DSM TOGGLE === */
.dark .dsm_content_toggle .dsm-switch-inner {
  background-color: var(--anthraciteClair);
}

.dark .dsm_content_toggle_0 .dsm-toggle-switch:checked + .dsm-switch-inner {
  background-color: var(--brandColor) !important;
}

@media(max-width :981px){
    #logo {
        max-height: 65% !important;
    }
}

@media (min-width: 981px) and (max-width: 1122px) {
#logo {
        max-height: 55% !important;
    }
}

/*-------------------------------------------------------
===================== DARK-TRIGGER ======================
-------------------------------------------------------*/

.dark-trigger,
.dark-trigger .et_pb_module,
.dark-trigger p,
.dark-trigger li,
.dark-trigger span,
.dark-trigger h1,
.dark-trigger h2,
.dark-trigger h3,
.dark-trigger h4,
.dark-trigger h5,
.dark-trigger h6,
.dark-trigger a,
.dark-trigger .et_pb_button,
.dark-trigger .et_pb_toggle,
.dark-trigger .et_pb_toggle_title,
.dark-trigger input,
.dark-trigger textarea {
  transition:
    background-color 0.8s ease,
    color 0.8s ease,
    border-color 0.8s ease,
    box-shadow 0.8s ease;
}

/*-----------------------------------------------------------
===================== SPECIFIQUE ======================
-------------------------------------------------------------*/

/*--- Carrousel ------*/
#carrousel-cards-audioprothese figure { padding:20px 20px 0 20px;border: }

#carrousel-cards-audioprothese .dsm_card_carousel_child { border: 1px solid var(--grisMoyen);}

#carrousel-cards-audioprothese figure .dsm_card_carousel_child_img { width:100px;}

/*---fiche labo------*/
#ficheInfoLabo .et_pb_blurb {
  background: var(--grisClair);
  padding : var(--sizeL);
  border-radius : var(--borderRadius);
}

#ficheInfoLabo .et_pb_blurb.et_pb_blurb_position_top {
  min-height : 300px;
}

#ficheInfoLabo .et_pb_blurb.et_pb_blurb_position_left {
  min-height : 320px;
}

/*---Laboratoires------*/
#laboratoires .et_pb_blurb {
  background: #FFF;
  padding : var(--sizeS);
  border-radius : var(--borderRadius);
  transition : var(--transition);
}

#laboratoires .et_pb_blurb:hover {
  box-shadow: var(--ombrePortee);
}

#laboratoires .et_pb_blurb .et_pb_main_blurb_image {
  width:100% !important;
  max-width: 100%;
}

#laboratoires .et_pb_blurb .et_pb_main_blurb_image img{
  width:100% !important;
  max-width: 100%;
}

/*--- Avantage / inconvénient ------*/
ul.avantage li::marker {
  color: green;
}

ul.inconvenient li::marker {
  color: orange;
}

/*--- Blurb reste à charge ------*/
.blurb-ResteAcharge {
  background-color: var(--grisClair);
  border: 1px solid var(--accent1);
  border-radius : var(--borderRadius);
  padding : var(--sizeM);
  transition: var(--transition);
}

.blurb-ResteAcharge:hover {
  box-shadow: 0px 0px 20px var(--grisMoyen);
}

/*--- Encadré LE HER ------*/
.encadreLeHer {
  background-color: var(--grisClair);
  border-radius : var(--borderRadius);
  padding : var(--sizeM) var(--sizeL);
  border-left: 1px solid var(--accent1);
}

.encadreLeHer h2{
 font-size: 1.5em;
}

.encadreLeHer h2::before{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/uploads/2026/03/logo-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}


/*============= CSS refermer les sous-menus sur mobile ================*/

#main-header .et_mobile_menu .menu-item-has-children > a { 
  background-color: transparent;
  position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
  font-family: 'ETmodules';
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
  font-size: 16px;
  content: '\4c';
  top: 13px;
  right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
  content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
  display: none !important;
  visibility: hidden !important;
  transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
  display: block !important;
  visibility: visible !important; 
}