/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

/* Contenu principal avec barre menu lateral gauche fixe de 350px */
#main-content {
/*  margin-left: 350px; /* laisse la place au menu */
  margin-left: 40px; /* laisse la place au menu */
}

footer {
/*  margin-left: 350px; /* laisse la place au menu */
  position: relative;
}


@media (max-width: 980px) {
  #menu-lateral {
    position: relative !important;  /* plus fixe */
    width: 100% !important;         /* pleine largeur */
    height: auto !important;         /* ajustable selon le contenu */
    min-height: auto !important;
    margin-left: 0 !important;       /* plus de décalage */
    z-index: 999;                    /* reste visible si nécessaire */
  }
 
  /* Contenu principal et footer reculent */
  #main-content,
  #main-footer {
    margin-left: 0 !important;      /* plus de décalage à gauche */
    margin-top: 200px;
    width: 100% !important;         /* largeur complète */
  }
}
/*
body.logged-in.admin-bar .et_pb_section_0_tb_header {
    top: 0px !important;
}*/

/* Empêcher le logo de rétrécir au scroll */
.et-db.dsm_fixed_header_shrink.dsm_fixed_header_shrink_active #et-boc header.et-l--header.et-l img {
    max-width: 100%;
}

/* menu callé à gauche */
.et_pb_menu--style-centered .et_pb_menu__menu>nav>ul, .et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: left !important;
}
/* Empêcher le menu de changer de taille au scroll */
.et_vert_menu {
    transition: none !important; /* supprime l’animation */
}
.dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .et_pb_menu__menu>nav>ul>li>a {
      /* padding-top: 0px !important;
       padding-bottom: 0px !important;*/
        padding: 0vh 15px !important;
}
@media only screen and (min-width: 981px) {
    .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a {
        width: 100%;
        padding: 0vh 15px !important;
    }
}

/* separateur menu mobile */
.et_mobile_menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    color: #666;
    padding: 10px 5%;
    display: block;
}
/** partie basse identite signature dans menu mobile */
.et_mobile_menu li .signature a {
    border-bottom: 0 !important;
    color: #FFF;    
    display: block;
}
.et_pb_menu_1_tb_header.et_pb_menu ul li .signature a {
    font-weight: 600;
    font-size: 17px;
    color: #466980 !important;
    letter-spacing: -0.5px;
    line-height: 0px;
}
/* enleve xxx de cybile.cas@xxxgmail.com pour eviter spam */
div.email > span:nth-child(2) {
	display: none;
}
a.email > span:nth-child(2) {
	display: none;
}
p.email > span:nth-child(2) {
	display: none;
}
/***/

/** police ***/
body {
  font-family: "Rethink Sans", sans-serif ;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal; 
}
p {
  font-family: "Rethink Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  letter-spacing: -1%;
  line-height: 120%;
  vertical-align: middle;
  /*color:#466980;*/
}
h1 {
  font-family: "Rethink Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -1%;
  vertical-align: middle;
  color:#DCD4D3;
}
h2 {
  font-family: "Rethink Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: medium;
  font-style: normal;
  font-size: 50px;
  line-height: 110%;
  letter-spacing: -1%;
  vertical-align: middle;
  color:#466980;
}
h3 {
  font-family: "Rethink Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: medium;
  font-style: normal;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -1%;
  vertical-align: middle;
  color:#466980;
}
.rethink-sans {
  font-family: "Rethink Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

  .texte24 p {
    font-size:23px !important;
  }
  .et_pb_toggle_open p {
    color: #dcd4d3; 
  }

  
  .exposant {
    color: #dcd4d3;
    font-size: 0.5em;       /* plus petit */
    vertical-align: super;  /* le met en haut */
    line-height: 1;
    font-weight: bold;
  }
  a:hover {
  color:#dcd4d3;
}

/* avoir une croix si lien entoure de rond */
.circle-plus {
  display: inline-flex;          /* pour centrer le contenu */
  justify-content: center;       /* centre horizontalement */
  align-items: center;           /* centre verticalement */
  width: 16px;                   /* diamètre du cercle */
  height: 16px;                  /* diamètre du cercle */
  border: 1px solid #dcd4d3;        /* bordure du cercle */
  border-radius: 50%;            /* rend le div circulaire */
  font-size: 15px;               /* taille du + */
  font-weight: 400;
  color: #dcd4d3;                   /* couleur du + */
  background-color: ##fff;        /* couleur de fond */
  cursor: pointer;               /* optionnel, si cliquable */
  /* font-family: ETmodules !important;  
  content: "\50" !important;*/
}
/*a:after*/
.circle-plus-etmodule ::after {
  font-size: 15px;               /* taille du + */
  font-weight: 400;
  color: #dcd4d3;                   /* couleur du + */
  background-color: ##fff;        /* couleur de fond */
  cursor: pointer;               /* optionnel, si cliquable */
  font-family: ETmodules !important;  
  content:"\50" !important;
}
 
  /*** format colonne ****/
  /* Ligne personnalisée */
.ligne-custom {
  display: flex;           /* active Flexbox */
  flex-wrap: wrap;         /* permet de passer en pile si espace trop petit */
}

/* Colonne gauche */
.ligne-custom .et_pb_column:first-child {
  flex: 0 0 15%;           /* largeur fixe à 20% */
  min-width: 100px;        /* mais jamais moins de 100px */
  max-width: 170px;        /* mais jamais moins de 100px */
}

/* Colonne droite */
.ligne-custom .et_pb_column:last-child {
  flex: 1;                 /* prend le reste (≈ 85%) */
}

/**** accordeon *////
/* Changer l’icône + couleur */
.et_pb_toggle_close {
    background-color:transparent;
    color:#466980;
}
.et_pb_toggle {
    border: 0px solid transparent;
}
.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title .et_pb_toggle {
    background-color:transparent;
    color:#466980;
    cursor: pointer;
    position: relative;
    padding: 0 0px 0 0;
    text-decoration: none;
}
.et_pb_toggle_close {
    background-color: transparent;
    padding: 0px;
}
.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    color: #466980 !important;
}
.et_pb_toggle_open {
    padding: 0px;
    background-color: #fff;
    z-index: 1;
}

.et_pb_accordion .et_pb_toggle {
    margin-bottom: 0px;
   }

/* On enlève l’icône par défaut de Divi (celle à droite) */
.et_pb_toggle_title:after {
  display: none !important;
}

.et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_toggle .et_pb_toggle_title, .et_pb_toggle h5.et_pb_toggle_title {
    cursor: pointer;
    position: relative;
    padding: 0 0px 0 0;
}
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
    color: #466980;
    text-decoration: underline;
}

@media (min-width: 981px) {
    .et_pb_gutters2 .et_pb_column_1_2 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_module {
        margin-bottom: 8px;
    }
}
/***** fin accordeon **/

/** image avec legende */
/*.image_avec_legende {
	position: relative;
}
.legende_image {
    position: absolute;
    z-index: 1;
    bottom: 0;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    white-space: pre-line;
}*/

.image_avec_legende {
    position: relative;
 /*   display: inline-block; /* ou block si tu veux occuper toute la ligne */
}

.legende_image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; /* garantit que ça prend toute la largeur */
    z-index: 1;
    padding-bottom: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: right; 
    background: none */
}

/**** temoignage ***/

/*--- avec plugin smart slider */
#n2-ss-1 .n2-ss-arrow-next {
  background: url('/wp-content/uploads/2025/09/Arrow-1.svg') no-repeat center center;
  background-size: contain;
  width: 50px;   /* adapte à la taille de ton SVG */
  height: 50px;
}

#n2-ss-1 .n2-ss-arrow-prev {
  background: url('/wp-content/uploads/2025/09/Arrow-2.svg') no-repeat center center;
  background-size: contain;
  width: 50px;
  height: 50px;
}

.n2-ss-item-content p{
  font-family: "Rethink Sans", sans-serif !important;
}

.n2-ss-item-content em{
  font-family: "Rethink Sans", sans-serif !important;
  font-size: 18px !important;
  line-height: 110% !important;
}

/*--- avec curseur de defilement DIVI */
/* texte invisible */
.et_pb_slide_title {
  visibility: collapse;
  display: none;
}

/* Supprimer l'ombre du texte dans le slider */
.et_pb_slider .et_pb_slide_description,
.et_pb_slider .et_pb_slide_description h2,
.et_pb_slider .et_pb_slide_description h1,
.et_pb_slider .et_pb_slide_description p {
  text-shadow: none !important;
}

.auteurtemoignage p {
  font-size:14px;
}

/* TESCO SLIDER - GENERAL */
#tesco-slider .et_pb_slides .et_pb_slide { padding: 0; overflow: hidden; }
#tesco-slider .et_pb_slides .et_pb_container { height: auto !important; padding-bottom: 10px; }
 
/* TESCO SLIDER - DESCRIPTION */
#tesco-slider .et_pb_slide_description { width: 80%; display: block; padding: 25px !important; }

 
/* TESCO SLIDER - NAVIGATION */

#tesco-slider .et-pb-arrow-prev:before, #tesco-slider .et-pb-arrow-next:before { font-family: 'FontAwesome' !important; font-size: 34px; color: #333; }
#tesco-slider .et-pb-arrow-prev:before { content: url('/wp-content/uploads/2025/09/Arrow-2.svg') !important; }
#tesco-slider .et-pb-arrow-next:before { content: url('/wp-content/uploads/2025/09/Arrow-1.svg') !important; }
/* Flèche droite au survol */
#tesco-slider .et-pb-arrow-next:hover:before {
  content: url('/wp-content/uploads/2025/09/Arrow-1_survol66.svg') !important;
}
/* Flèche gauche au survol */
#tesco-slider .et-pb-arrow-prev:hover:before {
 content: url('/wp-content/uploads/2025/09/Arrow-2_survol66.svg') !important;  
}
/*
#tesco-slider .et-pb-arrow-next:hover:before {
    content: "cc" !important;
}*/

#tesco-slider .et-pb-arrow-next:hover, #tesco-slider .et-pb-arrow-prev:hover { opacity: 0.5; }

#tesco-slider .et-pb-slider-arrows {
  position: absolute;
  top: 50%;              /* centre verticalement */
  left: 0;
  right: 0;
  z-index: 20;
  display: flex;         /* utiliser flex pour les placer */
  justify-content: space-between; /* gauche / droite */
  transform: translateY(-50%); /* bien centrer verticalement */
}

 /* Flèche gauche */
#tesco-slider .et-pb-arrow-prev {
  position: relative;
  opacity: 1 !important;     /* toujours visible */
  visibility: visible !important;
  left: 10px; /* marge intérieure gauche */
}

/* Flèche droite */
#tesco-slider .et-pb-arrow-next {
  position: relative;
  opacity: 1 !important;     /* toujours visible */
  visibility: visible !important;
  right: 10px; /* marge intérieure droite */
}

/* TESCO SLIDER - RESPONSIVE */
@media only screen and (max-width: 960px) {
  #tesco-slider .et-pb-slider-arrows {
    position: absolute;
    top: 90%;              /* en bas verticalement */
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;         /* utiliser flex pour les placer */
    justify-content: space-between; /* gauche / droite */
    transform: translateY(-90%); /* bien en bas verticalement */
  }
  /*#tesco-slider .et-pb-slider-arrows { position: absolute; left: 50%; bottom: 10px; z-index: 20; }*/
   #tesco-slider .et-pb-slider-arrows { position: absolute; left: 0%; bottom: 10px; z-index: 20; }
   #tesco-slider .et-pb-arrow-prev { position: initial; padding: 0 5px; margin: 0; display: inline-block; opacity: 1; -webkit-transition: none; -moz-transition: none; transition: none; }
   #tesco-slider .et-pb-arrow-next { position: initial; padding: 0 5px; margin: 0; display: inline-block; opacity: 1; -webkit-transition: none; -moz-transition: none; transition: none; }
}
 

/* Changer animation contenu slide : https://www.divi-community.fr/snippets-divi/modifier-transitions-module-slider-divi/ */
#tesco-slider .et-pb-active-slide .et_pb_slide_description {
	animation-name: fadeRight;
}

/*****/



/*https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-post-slider-module-like-tesco-livings-post-slider*/
/*** fin slide temoignage **********/

/*** menu ***/
/* Couleur au survol du menu principal */
.et_pb_menu .et-menu-nav li a:hover {
  color: #dcd4d3 !important;  /* couleur au survol */
}

/*** formulaire contact ***/
/* Pour le texte à côté de la checkbox (label) */
.wpcf7-checkbox .wpcf7-list-item-label {
  font-size: 16px; 
  color:#000;
  line-height: 100%;
  font-weight: normal;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em; /* aligne avec envoyer */
}
/*.dsm_contact_form_7_0 .wpcf7-form-control.wpcf7-submit {
    color: #FFFFFF !important;
    border-radius: 13px;
    font-size: 20px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding-right: 2em;
    padding-left: 0.7em;
    background-color: #466980 !important;
}*/
/*1709

.wpcf7 input[type="submit"] {
  background-color: #466980;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
*/
/*1709
.et_pb_contact_form_container .et_pb_button,
.et_pb_contact_form input[type="submit"],
.et_pb_contact_submit {
  background-color: #466980; /* couleur normale */
 /* color: #ffffff;            /* texte */
  /*border: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}*/

/*1709
/* couleur au survol */
/*.et_pb_contact_form_container .et_pb_button:hover,
.et_pb_contact_form input[type="submit"]:hover,
.et_pb_contact_submit:hover {
  background-color: #dcd4d3 !important; /* couleur au hover */
  /*color: #ffffff !important;
  border-color: #dcd4d3;
}*/

/**** BLOG DIVI: conseil de peche ****/
/* Module Blog Divi : passer de 3 à 2 colonnes */
.post-meta {
  visibility:collapse !important;
  display: none !important;
}
.et_post_meta_wrapper .entry-title {
  font-weight:900 !important;
}

/****** effet visuel de zoom sur l'image ***/
.image-zoom-effet {
  overflow: hidden;   /* coupe ce qui déborde */
  display: inline-block; /* optionnel, évite que ça prenne toute la largeur */
}

.image-zoom-effet img {
  transform: scale(1);
  transition: transform 8s ease; /* durée du zoom */
  display: block; /* pour éviter des petits espaces blancs */
}

.image-zoom-effet img.is-visible {
  transform: scale(1.15); /* zoom à 115% */
}

.image-zoom-effet2 {
  overflow: hidden;   /* coupe ce qui déborde */
  display: inline-block; /* optionnel, évite que ça prenne toute la largeur */
}

.image-zoom-effet2 img {
  transform: scale(1);
  transition: transform 8.5s ease; /* durée du zoom */
  display: block; /* pour éviter des petits espaces blancs */
}

.image-zoom-effet2 img.is-visible {
  transform: scale(1.05); /* zoom à 110% */
}