/*
Theme Name: Divi Child Theme
Theme URI: https://leszexpertsfle.com/
Description: Divi Child Theme For ZEX
Author: PM
Author URI: https://leszexpertsfle.com/
Version: 1.0.0
Template: Divi
*/

/* =Theme customization starts here
------------------------------------------------------- */
 
 /*les couleurs
 le gris de fond : #ecf0f5
 le gris très léger : #f7f7f7
 le bleu d'accentuation : #00a8ff
 le bleu gris : #d3dced*/

 /*pm:pour liens visited*/
 /*body>a:visited{color: #00a8ff !important;}
 

/*** melanie hide member/discount when logged in ***/
span.onsale.wc-memberships-member-discount{
  display: none !important;
}

/*** melanie blog afficher texte à côté de l'auteur et pas en dessous ***/
.et_pb_team_member{
  display: flex !important;
}
.a-propos-portrait .et_pb_team_member{
  display: block !important;
}
.et_pb_team_member .et_pb_team_member_description{
  text-align: justify;
}


/* pm mise en page de la page de result de recherche */
/* creation css grid column template */
.et-blog-css-grid > div {
display: grid;
grid-template-columns: auto auto auto auto;
grid-template-columns: repeat(auto-, minmax(250px, 1fr));
gap: 20px;
}
/* pour une seule carte par colonne sur téléphone */
@media only screen and (max-width: 600px) {
  .et-blog-css-grid > div {
    display: grid;
    grid-template-columns: auto;
  }
}
/* style css grid blog post */
.et-blog-css-grid .et_pb_post {
/*   align-self: start; */
/* desactiver pour avoir les columns de meme hauteur */
padding: 7px;
background-color: #fff;
}

/* pour retirer la pagination */
.et-blog-css-grid > div > div {
width: 100%;
position: absolute;
bottom: 0;
transform: translate(0%, 150%);
}

/* melanie message avant la fin du zabonnement style */
#fill_with_end_date {
background-color: white;
color: red;
font-weight: bold;
padding: 0px 0px;
}
#fill_with_end_date p{
padding: 0px;
margin-bottom: 20px;
font-weight: normal;
}
#fill_with_end_date div{
margin: 20px;
}
.reabonnement, .join_web, .join_web_expired{
border-width: 0px !important;
border-radius: 0px;
background-color: #29c4a9;
transition: all 300ms ease 0ms;
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
color: #fff !important;
font-size: 20px;
font-weight: 500;
padding: .3em 1em;
line-height: 1.7em !important;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
transition-property: all !important;
box-sizing: border-box;
text-decoration: none;
vertical-align: baseline;
text-align: center;
word-wrap: break-word;
}

/*** melanie page webinaires de my account ***/

.webinaires { 
font-family: 'Lucida Sans', sans-serif;
font-size: 20px;
}

.webinaires .tab-registers {
display: flex;
border-bottom: 2px solid rgb(199, 199, 199);
}


.webinaires>.tab-registers>button {
background-color: white;
padding: 0.5em;
border: none;
font: inherit;
border-collapse: collapse;
}

.webinaires .tab-registers button:hover {
cursor: pointer;
}

.webinaires .tab-bodies {
padding: 0.5em;
flex-grow: 1;
overflow-y: auto;
}
.onglet{
flex-direction: column;
text-align: initial;
margin-top: 20px;
}
.webinaires>.tab-registers>button.active-tab {
border-bottom: 3px solid grey;
margin-bottom: -2px;
}
.webinaire{
display: flex;
margin-bottom: 30px;
width: 100%;
justify-content: space-between;
}
.web_img{
height: 80px;
width: 80px;
border-radius: 5px;
margin-right: 15px;
}
.web_img>img{
height: 100%;
width: auto;
border-radius: 5px;
}
.leftDiv{
display: flex;
}
.titreEtDate{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.join_web{
cursor: pointer;
background-color: #009fe3;
}
.join_web_expired{
cursor: not-allowed;
background-color: #9b9b9b;
}
#webinaireBouton{
display: flex;
justify-content: center;
align-items: center;
}
#redifs_1 .webinaire .leftDiv, .achat_webinaire .leftDiv{
align-items: center;
}
#pas_inscrit{
display: flex;
flex-direction: column;
align-items: center;
}
#pas_inscrit>*:first-child{
padding-bottom: 15px;
}
.invisible{
display: none;
}
#alerteDepassement{
background-color: #fcb900;
padding: 2.5%;
display: flex;
flex-direction: column;
align-items: center;
width: 80%;
}
#alerteDepassement>p{
font-weight: 600;
font-size: large;
margin-bottom: 3.735%;
text-align: justify;
}
#alerteDepassement>a{
max-width: fit-content;
padding: 0.3em 1em;
color: #FFFFFF;
border-width: 0px;
background-color: #4593d8;
vertical-align: middle;
font-size: 20px;
font-weight: 500;
line-height: 1.7em;
border-radius: 3px;
transition: all 0.2s;
cursor: pointer;
word-wrap: break-word;
}

/* design catégories sur page single product */

/* .product_meta{
display: flex;
flex-wrap: wrap;
} */
.one_cat{
/* display: flex; */
margin-bottom: 2px;
}
.one_cat>*{
margin-right: 3px;
}
.one_cat a{
color: white !important;
background-color: #4593d8;
border-radius: 3px;
padding: 2px 6px;
}
.one_cat a:hover{
background-color: #6eb3ef;
}
/* on gère les couleurs des catégories */
.Accès a{background-color:#ff6900 ;}
.Accès a:hover{background-color:#ff9763;}
.Compétences a{background-color:#26b7a4;}
.Compétences a:hover{background-color:#45e4cf;}
.Durée a{background-color:#9e005d;}
.Durée a:hover{background-color:#e35aab;}
.Grammaire a{background-color:#fcb900;}
.Grammaire a:hover{background-color:#facd50;}
.Lexique a{background-color:#ef233c;}
.Lexique a:hover{background-color:#ff6174;}
.Niveaux a{background-color:#50c754;}
.Niveaux a:hover{background-color:rgb(120, 234, 124);}
.Gamme a{background-color:#702782;}
.Gamme a:hover{background-color:#cf63eb;}

.white_background.woocommerce-info{
  background-color: white !important;
}

.bouton_free_downloads{
  box-shadow: 0px 12px 18px rgba(0,0,0,0.3) !important;
  border: none !important;
  border-radius: 5px !important;
}
.bouton_free_downloads:hover{
  box-shadow: none !important;
}
.centre{
  text-align: center !important;
}

/* boutons pour se connecter ou s'enregistrer sur la page moncompte */
.woocommerce-form-register__submit, .woocommerce-form-login__submit{
  border: none !important;
  color: white !important ;
  background-color: #29c4a9 !important;
  box-shadow: 0px 8px 10px rgba(0,0,0,0.3) !important;;
}

.woocommerce-form-register__submit:hover,.woocommerce-form-login__submit:hover{
  box-shadow: none !important;
}
.somdn-download-error{
  display: none !important;
}
body #main-content #parent_videos_redif{
  display: flex;
  max-width: 80%;
  margin: auto;
  flex-wrap: wrap;
}

#avisProduit #submit{
  transition: all 0.2s;
  background-color: #29c4a9;
  color: white;
  border: none;
  border-radius: 5px !important;
  box-shadow: 0px 12px 18px rgba(0,0,0,0.3) !important;
}
#avisProduit #submit:hover{
  box-shadow: none !important;
}
.stars{
  color: white;
}

/* background des posts du blog melanie */
#blog-post-content>div>div>div{
  background-color: #e2f3ff;
}

#avisEquipe1,.avisEquipe2{
  display: none;
}

/* Affichage de complet ou early birds sur les vignettes de formation melanie */

.complet{
  width: 100%;
  height: 30px;
  transform: translateY(-25px);
  position: absolute;
  z-index: 3;
  background-image: url("https://leszexpertsfle.com/wp-content/uploads/2026/05/complet2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.early{
  width: 100%;
  height: 30px;
  transform: translateY(-25px);
  position: absolute;
  z-index: 3;
  background-image: url("https://leszexpertsfle.com/wp-content/uploads/2026/05/earlybirds.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#earlyBirdEnCours{
  display: none;
  width: fit-content;
  font-weight: bold;
}
#iconEarlyBirdEnCours{
  display:none;
  transform: translate(-5px,15px);
  z-index: 99;
  margin-bottom: 0px !important;
}
.titreColonneAvisProf{
  margin-bottom: 0px !important;
}