/* 
 Theme Name:    VITAnew26
 Author:         Divi theme - Redfox
 Author URI:     http://www.cephas.fr
 Template:       Divi
 Version:        1.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/*---------- gestion des styles -----------*/
/* --- Police Herokid (chargée depuis Divi) --- */
@font-face {
  font-family: 'HerokidNarrow';
  src: url('/wp-content/uploads/et-fonts/Herokid-RegularNarrow.woff2') format('woff2'),
       url('/wp-content/uploads/et-fonts/Herokid-RegularNarrow.woff') format('woff'),
       url('/wp-content/uploads/et-fonts/Herokid-RegularNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HerokidBoldCondensed';
  src: url('/wp-content/uploads/et-fonts/Herokid-BoldCondensed.woff2') format('woff2'),
       url('/wp-content/uploads/et-fonts/Herokid-BoldCondensed.woff') format('woff'),
       url('/wp-content/uploads/et-fonts/Herokid-BoldCondensed.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HerokidBoldNarrow';
  src: url('/wp-content/uploads/et-fonts/Herokid-BoldNarrow.woff2') format('woff2'),
       url('/wp-content/uploads/et-fonts/Herokid-BoldNarrow.woff') format('woff'),
       url('/wp-content/uploads/et-fonts/Herokid-BoldNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HerokidSemiBoldNarrow';
  src: url('/wp-content/uploads/et-fonts/Herokid-SemiBoldNarrow.woff2') format('woff2'),
       url('/wp-content/uploads/et-fonts/Herokid-SemiBoldNarrow.woff') format('woff'),
       url('/wp-content/uploads/et-fonts/Herokid-SemiBoldNarrow.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBMPlexSans';
  src: url('/wp-content/uploads/et-fonts/IBMPlexSans-VariableFont_wdth_wght.ttf') format('woff'),
       url('/wp-content/uploads/et-fonts/IBMPlexSans-VariableFont_wdth_wght.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* particuliers*/
.motsforts {font-family: 'HerokidNarrow', sans-serif; font-size: 38px; color:#FFC300}
/* --- Mobile (≤ 767px) --- */
@media (max-width: 767px) {
  .motsforts {font-size: 28px; 
  }
}
footer .et_pb_text_inner p{padding-bottom: 0.5em!important;}

/*styles css complémentaires */
body #page-container .et_pb_section .et_pb_button.btnico120.btnico120:hover:before {
  font-size: 120%!important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   btn scroll
═══════════════════════════════════════════════════════════════════════════ */
.et_pb_scroll_top.et-pb-icon {background: #A50042!important; border-top-left-radius:25px!important; 
-webkit-border-top-left-radius: 25px!important;
-webkit-border-bottom-left-radius: 25px!important;
-moz-border-radius-topleft: 25px!important;
-moz-border-radius-bottomleft: 25px!important;
border-top-left-radius: 25px!important;
border-bottom-left-radius: 25px!important;}
.et_pb_scroll_top.et-pb-icon::before {color: #FFC300!important;}

/* ═══════════════════════════════════════════════════════════════════════════
   GRAVITY FORMS — Formulaire newsletter (form ID 22)
   Cible : footer (tb_footer) + page (tb_body) + page générique (_0)
═══════════════════════════════════════════════════════════════════════════ */

/* ── Select : border-radius 25px ── */
.d5_gravity_form_module_divi_gravity_form_0_tb_footer .ginput_container_select select,
.d5_gravity_form_module_divi_gravity_form_0_tb_body .ginput_container_select select,
.d5_gravity_form_module_divi_gravity_form_0 .ginput_container_select select {
  border-radius: 25px !important;
}

/* ── Select : neutralise le rendu natif + flèche personnalisée ── */
.d5_gravity_form_module_divi_gravity_form_0_tb_footer div.gform_wrapper .gfield select,
.d5_gravity_form_module_divi_gravity_form_0_tb_body div.gform_wrapper .gfield select,
.d5_gravity_form_module_divi_gravity_form_0 div.gform_wrapper .gfield select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230C0635' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px !important;
  padding-right: 36px !important;
  cursor: pointer;
}

/* ── Bouton S'abonner aligné sur la ligne des champs (desktop) ── */
@media (min-width: 980px) {

  /* Contexte de positionnement */
  .d5_gravity_form_module_divi_gravity_form_0_tb_footer .gform_wrapper form,
  .d5_gravity_form_module_divi_gravity_form_0_tb_body .gform_wrapper form,
  .d5_gravity_form_module_divi_gravity_form_0 #gform_wrapper_22 form {
    position: relative !important;
  }

  /* Bouton sorti du flux, calé à droite */
  .d5_gravity_form_module_divi_gravity_form_0_tb_footer .gform_wrapper .gform_footer,
  .d5_gravity_form_module_divi_gravity_form_0_tb_footer .gform_wrapper .gform-footer,
  .d5_gravity_form_module_divi_gravity_form_0_tb_body .gform_wrapper .gform_footer,
  .d5_gravity_form_module_divi_gravity_form_0_tb_body .gform_wrapper .gform-footer,
  .d5_gravity_form_module_divi_gravity_form_0 #gform_wrapper_22 .gform_footer,
  .d5_gravity_form_module_divi_gravity_form_0 #gform_wrapper_22 .gform-footer {
    position: absolute !important;
    top: 26px !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  /* Empêcher le bouton de chevaucher le champ Département */
  .d5_gravity_form_module_divi_gravity_form_0_tb_footer .gform_wrapper .gform_body,
  .d5_gravity_form_module_divi_gravity_form_0_tb_footer .gform_wrapper .gform-body,
  .d5_gravity_form_module_divi_gravity_form_0_tb_body .gform_wrapper .gform_body,
  .d5_gravity_form_module_divi_gravity_form_0_tb_body .gform_wrapper .gform-body,
  .d5_gravity_form_module_divi_gravity_form_0 #gform_wrapper_22 .gform_body,
  .d5_gravity_form_module_divi_gravity_form_0 #gform_wrapper_22 .gform-body {
    padding-right: 50px !important;
  }

}

/* =================================================================
   CVP - cSS
   ================================================================= */

/* Desktop : 5 lignes × 22px × 1.3 line-height */
.gridlistcvt h4.pt-cv-title {
  min-height: 100px;
	display: flex;
    align-items: center; 
    justify-content: flex-start
}
.gridlistcvt .pt-cv-ifield {max-width: 330px!important}
.gridlistcvt span.terms{ background-color: #A50042; border-radius: 25px; color:#fff;padding: 4px 8px; text-align: center;
	min-width: 120px;
	}
.gridlistcvt .pt-cv-specialp span.terms { margin:  10px 20px!important; }
.gridlistcvt span.terms a{color: #fff!important}
.gridlistcvt span.entry-date{/*display: block; clear: both;*/ color:#A50042!important; text-align: right!important}
.gridlistcvt span.entry-date time{color:#A50042!important;}

/* Flex sur le conteneur + neutralise le height inline */
.gridlistcvt .pt-cv-meta-fields {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  gap: 0 !important;
	min-height: 46px!important;
}

/* Date = flex item qui prend l'espace restant */
.gridlistcvt span.entry-date {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  margin-left: 0px !important;
  text-align: right !important;
}

/* Filet entre pill et date */
.gridlistcvt span.entry-date::before {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: #A50042 !important;
  margin-right: 10px !important;
}
/* Mobile */
@media (max-width: 980px) {
  .gridlistcvt h4.pt-cv-title {
    min-height: 117px; /* 5 lignes × 18px × 1.3 */
  }
	
.gridlistcvt .pt-cv-ifield {margin:0 auto!important;}	
	.gridlistcvt .pt-cv-specialp {position: relative; left: 0!important}
	.gridlistcvt .pt-cv-view .pt-cv-title {margin-bottom: 0px;}
}
/*menu de pagination*/
.pt-cv-pagination li.cv-pageitem-prev a,
.pt-cv-pagination li.cv-pageitem-next a {
    line-height: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pt-cv-pagination li.cv-pageitem-prev a img,
.pt-cv-pagination li.cv-pageitem-next a img {
    display: block !important;
}


.pt-cv-wrapper .pagination>li>a:focus, .pt-cv-wrapper .pagination>li>a:hover, .pt-cv-wrapper .pagination>li>span:focus, .pt-cv-wrapper .pagination>li>span:hover {background-color: #a50042!important;
}
#pt-cv-view-378e3f76h5 + .pt-cv-pagination-wrapper .pt-cv-more-inactive, #pt-cv-view-378e3f76h5 + .pt-cv-pagination-wrapper .pagination a:hover, .pt-cv-pagination[data-sid='378e3f76h5'] a:hover{color:#ffffff!important}
.pt-cv-pagination li.cv-pageitem-prev a:hover,
.pt-cv-pagination li.cv-pageitem-next a:hover,
.pt-cv-pagination li.cv-pageitem-first a:hover,
.pt-cv-pagination li.cv-pageitem-last a:hover {
    background-color: transparent !important;
    color: inherit !important;
}
.pt-cv-pagination li.cv-pageitem-first a,
.pt-cv-pagination li.cv-pageitem-last a,
.pt-cv-pagination li.cv-pageitem-first a:hover,
.pt-cv-pagination li.cv-pageitem-last a:hover {
    color: #a50042 !important;
    background-color: transparent !important;
}
/*centrer le menu de pagination*/
.pt-cv-pagination-wrapper {
    text-align: center !important;
}

.pt-cv-pagination {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 4px;
}
/*czone des filtres*/
.cvp-live-filter.cvp-button div {margin: 2px;}
.cvp-live-filter {max-width: 980px; margin: 0 auto!important;}

.cvp-live-filter.cvp-button {text-align: center;}
.cvp-live-filter.cvp-button input~div {background-color: #EDEDF0; border-radius: 25px; color:#0C0635; padding: 4px 8px; text-align: center;}
.cvp-live-filter[data-sid].cvp-button input~div:hover
{background-color:#66CC99; border-color:#66CC99!important;}

/* Gestion formulaire de recherche  - Conteneur  */
.cvp-live-filter.cvp-search-box {max-width: 480px; margin: 0 auto 20px!important;}
.cvp-live-filter[data-sid].cvp-search-box {
  display: flex !important;
  align-items: center !important;
  background: #F3F3F5 !important;
  border-radius: 25px !important;
  padding: 0 16px 0 20px !important;
  border: none !important;
  overflow: hidden !important;
}
.cvp-live-button { display: none!important;
 /* display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 480px !important;
  margin: 20px auto 10px !important;*/
}
.cvp-live-filter[data-sid] + .cvp-live-button .cvp-live-submit {
  /*display: inline-flex !important;*/display: none!important;
}
.cvp-live-filter[data-sid] + .cvp-live-button .cvp-live-submit,
.cvp-live-filter[data-sid] + .cvp-live-button .cvp-live-reset {
  border-radius: 25px !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.cvp-live-filter[data-sid] + .cvp-live-button .cvp-live-submit:hover,
.cvp-live-filter[data-sid] + .cvp-live-button .cvp-live-reset:hover {
  background: #66CC99 !important;
  border-color: #66CC99 !important;
  color: #0C0635 !important;
}
/* Masquer le label */
.cvp-live-filter[data-sid].cvp-search-box .cvp-label {
  display: none !important;
}

/* Input */
.cvp-live-filter[data-sid] input[type="text"] {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  color: #0C0635 !important;
  padding: 12px 0 !important;
}

.cvp-live-filter[data-sid] input[type="text"]::placeholder {
  color: #aaa !important;
}

/* Loupe */
.cvp-live-filter[data-sid].cvp-search-box::after {
  content: '' !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C0635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
/* ── CVP sur fond coloré — pagination & recherche !!! voir surcharge des reglages de la vue style stelling prioritaires ─────────────────────── */

/* Numéros de page */
.cvp-sur-couleur.cvp-sur-couleur .pt-cv-pagination > li > a,
.cvp-sur-couleur.cvp-sur-couleur .pt-cv-pagination > li > span {
    color: #fff !important;
    background-color: transparent !important;
    border: none !important;
}

/* Hover numéros */
.cvp-sur-couleur.cvp-sur-couleur .pt-cv-pagination > li > a:hover,
.cvp-sur-couleur.cvp-sur-couleur .pt-cv-pagination > li > span:hover {
    color: #FFC300 !important;
    background-color: #fff !important;
}

/* Page active */
.cvp-sur-couleur.cvp-sur-couleur .pt-cv-pagination > li.active > a,
.cvp-sur-couleur.cvp-sur-couleur .pt-cv-pagination > li.active > span {
    color: #FFC300 !important;
    background-color: #fff !important;
}

/* Flèches prev/next — fond transparent, icône dorée */
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-prev a,
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-next a {
    background-color: transparent !important;
}
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-prev a img,
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-next a img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(60%) saturate(600%) hue-rotate(5deg) !important;
}

/* Flèches hover — icône blanche */
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-prev a:hover img,
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-next a:hover img {
    filter: brightness(0) invert(1) !important;
}

/* First/Last — couleur dorée, pas de hover coloré */
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-first a,
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-last a,
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-first a:hover,
.cvp-sur-couleur .pt-cv-pagination li.cv-pageitem-last a:hover {
    color: #FFC300 !important;
    background-color: transparent !important;
}

/* Barre de recherche — fond transparent à 80% */
.cvp-sur-couleur .cvp-live-filter[data-sid].cvp-search-box {
    background: rgba(255, 255, 255, 0.2) !important;
}
@media (max-width: 980px) {
	
	
	}

/* ==============================================
   MAX MEGA MENU — Style VITA
   Primary + Secondary
   ============================================== */

:root {
  --mmm-bg       : #F3F3F5;
  --mmm-accent   : #FFC300;
  --mmm-text     : #0C0635;
  --mmm-height   : 60px;
}



/* -----------------------------------------------
   BOUTON SEARCH — icône loupe
----------------------------------------------- */

/* Conteneur de l'icône */
#mega-menu-wrap-secondary-menu ul.mega-menu > li.mega-menu-item .mega-search-wrap,
#mega-menu-wrap-primary ul.mega-menu > li.mega-menu-item .mega-search-wrap {
  display     : flex !important;
  align-items : center !important;
}

/* Icône loupe — état normal */
span.search-icon.dashicons.dashicons-search {
  display          : flex !important;
  align-items      : center !important;
  justify-content  : center !important;
  width            : 40px !important;
  height           : 40px !important;
  border-radius    : 50% !important;
  background-color : #e0e0e0 !important;
  color            : var(--mmm-text) !important;
  cursor           : pointer !important;
  transition       : background-color 0.2s ease !important;
  font-size        : 18px !important;
}

/* Icône loupe — hover */
span.search-icon.dashicons.dashicons-search:hover,
span.search-icon.dashicons.dashicons-search[aria-expanded="true"] {
  background-color : var(--mmm-accent) !important;
}

/* Champ de recherche */
.mega-search input[type="text"],
.mega-search input[type="search"] {
  border-radius : 999px !important;
  border        : none !important;
  background    : #e0e0e0 !important;
  padding       : 8px 16px !important;
  color         : var(--mmm-text) !important;
  font-size     : 15px !important;
  outline       : none !important;
}

/* -----------------------------------------------
   BOUTON JE FAIS UN DON
----------------------------------------------- */
#mega-menu-wrap-secondary-menu ul.mega-menu > li.mega-menu-item.don-item > a.mega-menu-link {
  background-color : var(--mmm-accent) !important;
  border-radius    : 999px !important;
  color            : var(--mmm-text) !important;
  font-weight      : 700 !important;
  padding          : 0 20px !important;
  margin           : 10px 8px !important;
  height           : calc(var(--mmm-height) - 20px) !important;
  line-height      : calc(var(--mmm-height) - 20px) !important;
}

#mega-menu-wrap-secondary-menu ul.mega-menu > li.mega-menu-item.don-item > a.mega-menu-link:hover {
  background-color : var(--mmm-text) !important;
  color            : var(--mmm-accent) !important;
}

/* -----------------------------------------------
   SOUS-MENU CENTRÉ (menu principal)
----------------------------------------------- */
#mega-menu-wrap-primary ul.mega-menu > li.mega-menu-item > ul.mega-sub-menu,
#mega-menu-wrap-primary ul.mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  position         : fixed !important;
  left             : 50vw !important;
  transform        : translateX(-50%) !important;
  top              : var(--mmm-height) !important;
  min-width        : 560px !important;
  background-color : #ffffff !important;
  border-top       : 3px solid var(--mmm-accent) !important;
  box-shadow       : 0 8px 24px rgba(0,0,0,0.1) !important;
  border-radius    : 0 0 12px 12px !important;
}
/* ==============================================
   RESPONSIVE — 980px
   ============================================== */
@media (max-width: 1280px) {

  /* Réduction police "Je fais un don" */
  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu li#mega-menu-item-33540850 > a.mega-menu-link {
    font-size : 14px !important;
    padding   : 0 10px !important;
	}
}
@media (max-width: 1120px) {

  /* Réduction police "Je fais un don" */
  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu li#mega-menu-item-33540850 > a.mega-menu-link {
    font-size : 12px !important;
    padding   : 0 10px !important;
	}
}
@media (max-width: 976px) {

  /* Réstauration taille police pour vesion mobile police "Je fais un don" */
  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu li#mega-menu-item-33540850 > a.mega-menu-link {
    font-size : 16px !important;
    padding   : 0 10px !important;
	}
}
@media (max-width: 1080px) {

  /* Réduction police "Je fais un don" */
  #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu li#mega-menu-item-33540850 > a.mega-menu-link {
    font-size : 10px !important;
    padding   : 0 10px !important;
  }

  /* Réduction générale items niveau 1 secondary */
  #mega-menu-wrap-secondary-menu ul.mega-menu > li.mega-menu-item > a.mega-menu-link {
    font-size : 10px !important;
    padding   : 0 8px !important;
  }

  /* Réduction icône loupe */
  /*span.search-icon.dashicons.dashicons-search {
    width     : 32px !important;
    height    : 32px !important;
    font-size : 14px !important;
  }*/

  /* Bouton don adapté */
  #mega-menu-wrap-secondary-menu ul.mega-menu > li.mega-menu-item.don-item > a.mega-menu-link {
    padding : 0 12px !important;
  }

}

/* =================================================================
   MENU DIVI 5 — bouton don
   ================================================================= */


/* Rend le bouton flex pour contrôler l'ordre */
a.iconedon {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
}

/* :: bouton don */
.iconedon p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background-color: #FFC300 !important;
  /*color: #ffffff !important;*/
  padding: 8px 15px !important;
  border-radius: 0px 25px 25px 25px !important;
  /*font-weight: 700 !important;*/
  font-size: 16px !important;
  transition: background-color 0.3s ease !important;
  cursor: pointer !important;
}

.iconedon p::before {
  content: '' !important;
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  flex-shrink: 0 !important;
  background-image: url('https://www.alliancevita.org/wp-content/uploads/2026/03/Vector.svg') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  transition: background-image 0.3s ease !important;
}

.iconedon p:hover {
  background-color: #0C0635 !important;
}

.iconedon p:hover::before {
  background-image: url('https://www.alliancevita.org/wp-content/uploads/2026/03/coeur.svg') !important;
}

/* ============================================
   */
/* Switcher langue — réactiver les liens (désactivés par la règle menu principal)
   ============================================ */

.lang-item > a {
  pointer-events : auto !important;
  cursor         : pointer !important;
}
/* ============================================
   SLIDER — Texte aligné à droite bord écran
   ============================================ */

.et_pb_slides,
.et_pb_slides .et_pb_slide,
.et_pb_slides .et_pb_slide .et_pb_container,
.et_pb_slides .et_pb_slide .et_pb_slider_container_inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Flex vers la droite sur le container inner */
.et_pb_slides .et_pb_slide .et_pb_slider_container_inner {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-right: 60px !important; /* ← marge bord droit */
}

/* Bloc texte */
.et_pb_slides .et_pb_slide .et_pb_slide_description {
  max-width: 600px !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}
.et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
  padding-right: 0 !important;
}

.et_pb_slides .et_pb_slide .et_pb_slider_container_inner {
  padding-right: 0 !important;
}
/* ============================================
   SLIDER — Hauteurs par slide
   ============================================ */

.et_pb_slides .et_pb_slide_0 .et_pb_container {
  height: 649px !important;
}

.et_pb_slides .et_pb_slide_1 .et_pb_container {
  height: 649px !important;
}

.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {padding: 18px 30% 18px 18px!important}
@media (max-width: 976px) {.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {padding: 14px 20% 14px 14px!important} }
@media (max-width: 780px) { .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {padding: 10px 10% 10px 10px!important}}

/* =================================================================
   List DIVI 5 ---gestion listes ---
   ================================================================= */
.nolist{list-style:none;
padding:0!important;
margin:0!important}


/* =============================================
   CTA LIFT — OMBRE VIA ::after (sans overflow)
   ============================================= */

.cta-lift,
.cta-lift .et_pb_image_wrap,
.cta-lift picture,
.cta-lift img {
  background: transparent !important;
  /*border-radius: 25px !important;*/
  overflow: hidden !important;
}

.cta-lift:hover {
  box-shadow: -20px 20px 0px 0px #A50042 !important;
	transition: box-shadow 0.4s ease !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}
.cta-lift:hover .et_pb_text.btnorange {
  background-color: #FF8940 !important;
}
.cta-lift:hover .et_pb_text.btnjaune {
  background-color: #FFC300 !important;
}
.cta-lift:hover .et_pb_text.btnvert {
  background-color: #66CC99 !important;
}

/* =============================================
   Mission > gestion CSS des images
   ============================================= */
/* Ligne principale */
.grille-medias-divi5 {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

/* Les 2 colonnes */
.grille-medias-divi5 > .et_pb_column {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Base commune aux modules image */
.grille-medias-divi5 .media-bloc {
  width: 100%;
  max-width: 330px;
  margin: 0 !important;
}

.grille-medias-divi5 .media-bloc .et_pb_image_wrap {
  display: block;
  overflow: hidden;
  width: 100%;
}

.grille-medias-divi5 .media-bloc img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Image 1 */
.grille-medias-divi5 .media-1 {
  max-width: 330px;
}

.grille-medias-divi5 .media-1 .et_pb_image_wrap {
  height: 295px;
  border-radius: 30px 0 30px 30px;
}

/* Image 2 */
.grille-medias-divi5 .media-2 {
  max-width: 330px;
}

.grille-medias-divi5 .media-2 .et_pb_image_wrap {
  height: 409px;
  border-radius: 0 30px 30px 30px;
}

/* Image 3 */
.grille-medias-divi5 .media-3 {
  max-width: 330px;
}

.grille-medias-divi5 .media-3 .et_pb_image_wrap {
  height: 409px;
  border-radius: 30px 30px 30px 0;
}

/* Image 4 */
.grille-medias-divi5 .media-4 {
  max-width: 330px;
}

.grille-medias-divi5 .media-4 .et_pb_image_wrap {
  height: 295px;
  border-radius: 30px 30px 0 30px;
}

/* Sécurité si DIVI ajoute des espacements */
.grille-medias-divi5 .et_pb_module {
  margin-bottom: 0 !important;
}

/* Mobile : on reste en 2 colonnes */
@media (max-width: 767px) {
  .grille-medias-divi5 {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
  }

  .grille-medias-divi5 > .et_pb_column {
    width: 50% !important;
    flex: 0 0 50%;
    margin: 0 !important;
    gap: 12px;
  }

  .grille-medias-divi5 .media-bloc {
    max-width: 150px;
  }

  .grille-medias-divi5 .media-1 .et_pb_image_wrap {
    height: 134px;
    border-radius: 30px 0 30px 30px;
  }

  .grille-medias-divi5 .media-2 .et_pb_image_wrap {
    height: 186px;
    border-radius: 0 30px 30px 30px;
  }

  .grille-medias-divi5 .media-3 .et_pb_image_wrap {
    height: 186px;
    border-radius: 30px 30px 30px 0;
  }

  .grille-medias-divi5 .media-4 .et_pb_image_wrap {
    height: 134px;
    border-radius: 30px 30px 0 30px;
  }
}