/*
Theme Name: Divi Enfant par Sandy Pradier
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: Sandrine Pradier
Author URI:
Template: Divi
Version: 1.0
*/




/* Réglages generaux */
/* --------------------- */

/*hauteur de page*/
#main-content {
 min-height: 80vh;
  transition:all 0.05s;
} 

/*prevent from words to be broken on mobile */
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: normal !important;
} 

/* Met le fond global en blanc pour éviter la bande crème sous le footer */
html,
body {
  background-color: #ffffff !important;
}

/* Empêche tout espace après le footer */
#main-footer,
#footer-bottom,
.et-l--footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Sécurité : pas d'espace fantôme sous le container principal */
#page-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Footer : sous-menu survolant, ne pousse pas la hauteur */
#footer {
  position: relative;
}

#footer .et_pb_menu__menu nav ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  padding: 10px 20px;
  z-index: 9999;
  min-width:600px;
  display: block !important;
}


/* Affichage au survol du parent */
#footer li.menu-item-has-children:hover > .sub-menu {
  display: block !important;
}

/* Footer : forcer les sous-menus à s'afficher en colonne */
#footer .sub-menu {
  display: block !important;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  padding: 10px 0;
  z-index: 9999;
  list-style: none;
}

/* Chaque lien du sous-menu sur une ligne propre */
#footer .sub-menu li {
  display: block !important;
  width: 100%;
  margin: 0;
  padding: 8px 20px;
  border-bottom: 1px solid #f2f2f2;
}

@media  all and (min-width:600px){
  #footer .et-menu li li a {
    min-width: 400px;
  }
}

@media all and (max-width:600px){
  #footer .et_pb_menu__menu nav ul.sub-menu {
    min-width:fit-content;
  }
}

#footer .sub-menu li:last-child {
  border-bottom: none;
}

#footer .sub-menu li a {
  display: block;
  color: #333333 !important;
  text-decoration: none;
}

#footer .sub-menu li a:hover {
  color: #b37b4c !important; 
  background-color: #f9f9f9;
}


#footer {
  position: relative;
}
#footer li.menu-item-has-children:hover > .sub-menu {
  display: block !important;
}

#footer .et-menu .menu-item-has-children>a:first-child:after {
 display: none !important;
}


/*fix menu mobile long scrollable*/
.et_mobile_menu {
  overflow-y: scroll !important;
  max-height: 80vh !important;
  -overflow-scrolling: touch !important;
  -webkit-overflow-scrolling: touch !important;
}

h1, h2 {
  line-height: 0.8;
}

h2, h3 {
font-weight: 500 !important;
}

p{
  color: #000000b3;
  line-height: 1.5;
}

#main-content a {
  color: #000000b3;
  text-decoration: underline;
}

a.et_pb_button {
  text-decoration: none !important;
}

#wpadminbar a{
color:white !important;
}


/* ========== MENU PRINCIPAL ========== */


#main-header .et_mobile_menu {
  background-color: #fffaf0!important;
}


#et-top-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0;
}

#top-menu > li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.4;
}

nav#top-menu-nav,
nav.et-menu-nav {
  float: left;
  padding-top: 7px;
  padding-bottom: 7px;
}


/* =======================
   HEADER MOBILE DIVI
   ======================= */
   @media (max-width: 980px){

    /* Barre d’en-tête : ligne logo/burger centrée verticalement */
    #main-header{
      background:#fff !important;
      border-bottom:0 !important;            /* retire le liseré/beige */
    }
    header#main-header{
      min-height:150px;
    }
    .et_header_style_centered #main-header{
      padding:0px;
    }
    #main-header .et_menu_container.container{
      display:flex;
      align-items:center;                    /* centre verticalement */
      justify-content:space-between;         /* logo gauche / burger droite */
      min-height:145px;                      /* ↑ hauteur réelle du header */
      padding:0 16px;
    }
  
    /* LOGO bien plus grand */
    #main-header .logo_container{
      float:none !important;
      margin:0 !important; padding:0 !important;
      display:flex; align-items:center;
      max-width:72%;
    }
    #main-header #logo{
      max-height:100px;      /* ← augmente si besoin: 104 / 108 / 112px */
      height:auto; width:auto;
    }
 
    #main-header #logo {
        max-height: none;
    }
    /* ZONE NAV à droite */
    #et-top-navigation{
      margin-left:auto; padding:0 !important;
      display:flex; align-items:center; justify-content:flex-end;
      position:relative;
      background:#fff;                          /* évite tout flash */
    }
  
    /* Masque "Sélectionner une page" */
    #et_mobile_nav_menu .mobile_nav .select_page{ display:none !important; }
  
    /* Burger : noir, centré verticalement, tout à droite */
    #et_mobile_nav_menu .mobile_nav{
      display:flex; align-items:center;         /* centrage vertical */
      margin-left:auto;
    }
    #et_mobile_nav_menu .mobile_menu_bar{
      display:inline-block !important;
      cursor:pointer;
      margin:0;                                 /* pas de décalage vertical */
    }
    #et_mobile_nav_menu .mobile_menu_bar:before{
      color:#111 !important;                    /* noir */
      font-size:32px;                           /* taille icône */
      line-height:1;
    }

    .et_header_style_centered #et_mobile_nav_menu {
      margin-top: -30px;
  }

  
    /* Menu mobile : plein écran en largeur, propre et scrollable */
    #et_mobile_nav_menu .et_mobile_menu{
      display:none;                             /* fermé par défaut */
      position:absolute;
      top:100%; right:0; left:auto;
      width:100vw;                              /* pleine largeur */
      max-height:75vh; overflow:auto;
      background:#fff; border:0;
      box-shadow:0 14px 40px rgba(0,0,0,.08);
      z-index:9999;
    }
    #et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu{ display:block; }
  
    /* Liens du menu mobile */
    #mobile_menu li a{
      padding:16px 22px;
      font-size:18px; color:#222;
    }
  
    /* Cache le menu desktop sur mobile */
    #top-menu-nav{ display:none !important; }
  }
  
  /* =======================
     CORRECTIONS ANNEXES
     ======================= */
  
  /* 1) Si bande/beige visible au chargement avec en-tête transparent */
  .et_transparent_nav #main-header,
  .et_non_fixed_nav #main-header{ background:#fff !important; }
  
  /* 2) Retirer toute bordure inférieure éventuelle */
  #main-header, .et-fixed-header{ border-bottom:0 !important; }
  
  /* 3) Si la 1re section colle mal au header (marge supérieure trop forte) */
  #main-content .et_pb_section:first-of-type{ margin-top:0 !important; }
  


  div.container.clearfix.et_menu_container{
    width:100%;
  }

/* ====== MENU MOBILE DIVI – correction position & fermeture ====== */
@media (max-width:980px){

  /* Le header */
  #main-header{
    background:#fff !important;
    position:relative;
    z-index:1000; /* au-dessus du contenu */
  }

  /* Conteneur nav à droite (pour repère de position absolue) */
  #et-top-navigation{
    position:relative; /* le menu absolu s’ancre ici */
  }

  /* Icône hamburger : toujours cliquable au-dessus du panneau */
  #et_mobile_nav_menu .mobile_menu_bar{
    position:relative;
    z-index:10002;      /* > panneau pour permettre la fermeture */
    cursor:pointer;
  }
  #et_mobile_nav_menu .mobile_menu_bar:before{
    color:#111 !important; /* noir */
    font-size:32px;
    line-height:1;
  }

  /* Panneau du menu mobile */
  #et_mobile_nav_menu .et_mobile_menu{
    display:none;             /* fermé par défaut */
    position:absolute;        /* s’ouvre sous la zone nav */
    top:100%;                 /* juste sous la barre (hamburger) */
    left:0; right:0;          /* pleine largeur du header */
    width:100%;
    background:#fff;
    box-shadow:0 14px 40px rgba(0,0,0,.08);
    max-height:75vh;          /* scroll si long */
    overflow:auto;
    border:0;
    z-index:10001;            /* sous l’icône, au-dessus du reste */
  }
  /* Quand Divi ouvre le menu (classe .opened) */
  #et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu{
    display:block;
  }

  /* Liens lisibles et confortables */
  #mobile_menu li a{
    padding:16px 22px;
    font-size:18px;
    color:#222;
  }

  /* Option : si tu veux un panneau toute largeur écran, même en dehors du container :
     bascule en 'fixed' et ajuste la hauteur top */
  
  #et_mobile_nav_menu .et_mobile_menu{
    position:fixed;
    top:110px;               /* hauteur estimée du header mobile */
    left:0; right:0; width:100vw;
    max-height:calc(100vh - 110px);
  }
  .et-fixed-header #et_mobile_nav_menu .et_mobile_menu{ top:82px; max-height:calc(100vh - 82px); }
  */

  /* Masque le label "Sélectionner une page" si encore visible */
  #et_mobile_nav_menu .mobile_nav .select_page{ display:none !important; }

  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
   
}
}

#top-menu .menu-item-has-children>a:first-child:after {
  top: auto;
  padding-top: 1px;
  display:none;
}
 


/*hero*/


#hero h2 {
  font-weight: 400 !important;
  font-family: 'Cinzel', Georgia, "Times New Roman", serif;
}

#hero h3 {
  font-weight: 400 !important;
  font-family: 'Cinzel', Georgia, "Times New Roman", serif;
  text-align: center !important;
}

#hero h1 {
  font-weight: 500;
}

#hero {
    background-image: url("/wp-content/uploads/2025/10/ariane-canler-qi-gong-bol-chantants-coaching-antony-9160-1.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

@media all and (min-width:980px) and (max-width:1400px){
  #hero h1 {
    font-size: 32px;
  }
  #hero h2 {
    font-size: 45px;
  }
}


/* les outils */
a.more-link::before {
  font-family: 'ETmodules';
  content: "\35"; /* → petite flèche élégante */
  font-size: 16px;
  color: #b9976e; /* ton doré doux d’Ariane */
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  transition: transform 0.2s ease;
}

/* Optionnel : effet subtil au survol */
a.more-link:hover::before {
  transform: translateX(3px);
}


p.more::before {
  font-family: 'ETmodules';
  content: "\24"; /* → petite flèche élégante */
  font-size: 16px;
  color: #b9976e; /* ton doré doux d’Ariane */
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  transition: transform 0.2s ease;
}


div.format-title {
  display: flex;
}

div.format-title::before {
  font-family: 'ETmodules';
  display: inline-block;
  font-size: 18px;
  color: #b9976e;
  vertical-align: middle; 
  margin-right: 8px;
  position: relative;
  top: -4px; 
}


/* Icône spécifique à chaque format */
.format-individuel::before { content: "\e08a"; }  /* silhouette */
.format-collectif::before { content: "\e08b"; }   /* groupe */
.format-stage::before { content: "\e009"; }       
.format-video::before { content: "\e0a3"; }       /* play */

div.format-title::before {
  opacity: 0.75;
}

.video a {
  text-decoration: none !important;
  color:#f3f0ec !important;
  }



/* ===== Carré parfait pour vidéo, compatible Divi Video + embed WP ===== */

/*test Sandy*/
.video-carree{
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important;  
  overflow: hidden !important;
}





/*bienfaits*/

#bienfaits img{
  width:50px;
}

#bienfaits .et_pb_module.et_pb_image.bienfaits {
  margin-bottom:15px;
}

#bienfaits-items p {
  line-height: 1.5;
  font-size:16px !important;
  text-align:start !important;
}

#bienfaits-items h3 {
  line-height: 1.5;
  font-size:16px !important;
  text-align:start !important;
}




/*infos-pratiques*/

#pratique-items p, h3{
  text-align: start !important;
}
 
#pratique-items a, strong {
  color: #000000b3 !important;
}

#pratique-items h3{
  padding-bottom:25px;
  /* color:#ce9748; */
}

#pratique-items p{
  padding-bottom:10px;
  margin-bottom:5px;
}

div.pratique-items-p{
  margin-bottom:0px !important;
}

/* Police d'icônes Divi */
.info-tel::before,
.info-mail::before {
  font-family: 'ETmodules';
  font-size: 18px;
  color: #caa67a; 
  content: '';
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 8px;
}

/* Icône téléphone */
.info-tel::before {
  content: "\e090";
}

/* Icône email */
.info-mail::before {
  content: "\e010";
}

/* Optionnel : harmoniser l’espacement entre les lignes */
.info-tel, .info-mail {
  display: flex;
  align-items: center; /* parfait pour aligner icône + texte */
  gap: 8px;
  font-size: 20px;
  color: #2e2e2e;
}

#tel-mail div.et_pb_text_inner {
  display: flex;
  justify-content: center;
}




/*footer*/


#footer h5 {
  color: #000000b3 !important;
}

#footer p, div, a, strong, p>a {
  color: #000000b3 !important;
  font-size: 16px;
}

#bottom-bar-footer p{
  color : #f3f0ec;
}

.et_pb_text_7_tb_footer.et_pb_text a{
  color: #000000b3 !important;
}

@media all and (min-width:50px){
.et_pb_text_7_tb_footer.et_pb_text {
  color: #000000b3 !important;
}
}

#email-footer a {
color:  #000000b3 !important;
text-decoration: none;
}


#footer nav.et-menu-nav {
  padding-top:0px;
}

#footer ul#menu-menu-principal{
  display: block;
}

.et_pb_social_media_follow li a.icon:before {
  margin-left: -7px;
}

@media only screen and (max-width: 767px){
  .et_pb_image_0_tb_footer {
    width: 100% !important;
}
}


/* ====== FOOTER DIVI : menu visible sur mobile (pas de hamburger) ====== */
@media (max-width: 980px){
  
  /* 1) Cache le hamburger du module menu dans le footer */
  #footer .et_mobile_nav_menu { 
    display: none !important; 
  }

  /* 2) Ré-affiche le menu de bureau même sur mobile */
  #footer .et_pb_menu__menu {
    display: block !important;
  }

  /* 3) Mise en page verticale, centrée et lisible */
  #footer .et_pb_menu__menu nav > ul.et-menu {
    display: flex !important;
    flex-direction: column;
    margin: 0; 
    padding: 0;
  }

  #footer .et_pb_menu__menu nav > ul.et-menu > li {
    list-style: none;
  }

 .et_pb_menu .et-menu>li {
    padding-left:0px;
    padding-right: 0px;
 }

  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

  #footer .et_pb_menu__menu nav > ul.et-menu > li > a {
    display: inline-block;
    padding: 8px 0px;          /* zone de clic confortable */
    font-size: 16px;
    line-height: 1.2;
  }
}

/* 4) Style général du menu du footer */
#footer .et_pb_menu__menu nav > ul.et-menu > li > a {
  color: #2e2e2e;              
  transition: color 0.3s ease;
}

#footer .et_pb_menu__menu nav > ul.et-menu > li > a:hover {
  color: #b9976e;            
}




/*page energie et vibrations */

#energie-vibration-intro h1{
  font-weight: 500;
}

div#qi-gong {
  padding-bottom: 50px !important;
}

div#bols-chantants {
  padding-bottom: 50px !important;
}

div#sur-mesure {
  padding-bottom: 50px !important;
}


#energie-vibration-intro .et_pb_main_blurb_image {
  margin-bottom: 0px;
}

/* ===== Section Présentation 4 photos – suppression totale des espaces ===== */
#pres-4-photos .et_pb_row {
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
}

#pres-4-photos .et_pb_column {
  padding: 0 !important;
  margin: 0 !important;
}

/* Supprime toute marge autour des modules et images */
#pres-4-photos .et_pb_blurb,
#pres-4-photos .et_pb_main_blurb_image,
#pres-4-photos .et_pb_image_wrap {
  margin: 0 !important;
  padding: 0 !important;
}

#pres-4-photos img {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto;
}

/* Organisation responsive */
@media (min-width: 981px) {
  /* 4 colonnes sans espaces sur desktop */
  #pres-4-photos .et_pb_row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 !important;
  }
}

@media (max-width: 980px) and (min-width: 481px) {
  /* 2 colonnes sur tablette */
  #pres-4-photos .et_pb_row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 !important;
  }

  #pres-4-photos .et_pb_blurb_content {
    padding-right: 9px;
}
}

@media (max-width: 480px) {
  /* 1 image par ligne sur mobile */
  #pres-4-photos .et_pb_row {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0 !important;
  }
}






/*page a propos */

#apropos-intro h1 {
  font-weight: 500;
}

#agenda-intro h1 {
  font-weight: 500;
}

#video-intro h1 {
  font-weight: 500;
}


.post-password-required>div{
  max-width:70%;
  margin:auto;
  margin-top: 50px;
  background-color: #fffaf0 !important;
}

.post-password-required .et_pb_section {
  background-color: #fffaf0 !important;
}

.post-password-required h1 {
  font-weight: 500;
  font-size: large;
}

.post-password-required button{
  color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 60px;
  font-size: 18px;
  font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
  background-color: rgba(206, 159, 92, 0.92);
}

.post-password-required button:hover{
  color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 60px;
  font-size: 20px;
  font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
  background-color: rgba(206, 159, 92, 0.92);
}

.et_password_protected_form .et_submit_button:hover {
  background: rgba(206, 159, 92, 0.92);
}

.et_password_protected_form .et_submit_button:after {
  content:"";
}