.elementor-394 .elementor-element.elementor-element-eab55f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-2116671{text-align:center;font-family:"Dindong", Sans-serif;font-size:17px;font-weight:400;}.elementor-394 .elementor-element.elementor-element-2116671 p{margin-block-end:0px;}.elementor-394 .elementor-element.elementor-element-ef09959{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-731c03b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-bccd65e{--display:flex;}.elementor-394 .elementor-element.elementor-element-8359aae{--display:flex;}.elementor-394 .elementor-element.elementor-element-b7107ab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-e6c37ea{--display:flex;}.elementor-394 .elementor-element.elementor-element-4828a1c{--display:flex;}.elementor-394 .elementor-element.elementor-element-2f9e1eb{--display:flex;}.elementor-394 .elementor-element.elementor-element-6895633{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-528d7f0{--display:flex;}.elementor-394 .elementor-element.elementor-element-ae39fdb{--display:flex;}.elementor-394 .elementor-element.elementor-element-d400786{--display:flex;}.elementor-394 .elementor-element.elementor-element-6fe162d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-55bcb0b{--display:flex;}.elementor-394 .elementor-element.elementor-element-e74a166{--display:flex;}.elementor-394 .elementor-element.elementor-element-bd70ac2{--display:flex;}.elementor-394 .elementor-element.elementor-element-a5363d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-2544640{--display:flex;}.elementor-394 .elementor-element.elementor-element-3100aa8{--display:flex;}.elementor-394 .elementor-element.elementor-element-e769115{--display:flex;}.elementor-394 .elementor-element.elementor-element-590aadc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-ac16c61{--display:flex;}.elementor-394 .elementor-element.elementor-element-02186a8{--display:flex;}.elementor-394 .elementor-element.elementor-element-c23e839{--display:flex;}/* Start custom CSS for container, class: .elementor-element-ef09959 *//* Style de base des cartes */
.elementor-394 .elementor-element.elementor-element-ef09959 .carte-atelier {
  position: relative;
  padding: 20px;
  background: #F5E9DA;          /* adapte à ton beige */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;            /* hauteur mini des cases */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Effet "la case se soulève" au survol */
.elementor-394 .elementor-element.elementor-element-ef09959 .carte-atelier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Le texte explicatif est caché par défaut */
.elementor-394 .elementor-element.elementor-element-ef09959 .texte-atelier {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

/* Le titre est visible au départ */
.elementor-394 .elementor-element.elementor-element-ef09959 .titre-atelier {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* Au survol : le titre disparaît… */
.elementor-394 .elementor-element.elementor-element-ef09959 .carte-atelier:hover .titre-atelier {
  opacity: 0;
}

/* …et le texte apparaît */
.elementor-394 .elementor-element.elementor-element-ef09959 .carte-atelier:hover .texte-atelier {
  opacity: 1;
  max-height: 500px; /* assez grand pour ton texte */
}

/* Sur mobile (pas de hover) : on affiche les deux */
@media (max-width: 768px) {
  .elementor-394 .elementor-element.elementor-element-ef09959 .texte-atelier {
    opacity: 1;
    max-height: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7107ab *//* Style de base des cartes */
.elementor-394 .elementor-element.elementor-element-b7107ab .carte-atelier {
  position: relative;
  padding: 20px;
  background: #F5E9DA;          /* adapte à ton beige */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;            /* hauteur mini des cases */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Effet "la case se soulève" au survol */
.elementor-394 .elementor-element.elementor-element-b7107ab .carte-atelier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Le texte explicatif est caché par défaut */
.elementor-394 .elementor-element.elementor-element-b7107ab .texte-atelier {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

/* Le titre est visible au départ */
.elementor-394 .elementor-element.elementor-element-b7107ab .titre-atelier {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* Au survol : le titre disparaît… */
.elementor-394 .elementor-element.elementor-element-b7107ab .carte-atelier:hover .titre-atelier {
  opacity: 0;
}

/* …et le texte apparaît */
.elementor-394 .elementor-element.elementor-element-b7107ab .carte-atelier:hover .texte-atelier {
  opacity: 1;
  max-height: 500px; /* assez grand pour ton texte */
}

/* Sur mobile (pas de hover) : on affiche les deux */
@media (max-width: 768px) {
  .elementor-394 .elementor-element.elementor-element-b7107ab .texte-atelier {
    opacity: 1;
    max-height: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6895633 *//* Style de base des cartes */
.elementor-394 .elementor-element.elementor-element-6895633 .carte-atelier {
  position: relative;
  padding: 20px;
  background: #F5E9DA;          /* adapte à ton beige */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;            /* hauteur mini des cases */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Effet "la case se soulève" au survol */
.elementor-394 .elementor-element.elementor-element-6895633 .carte-atelier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Le texte explicatif est caché par défaut */
.elementor-394 .elementor-element.elementor-element-6895633 .texte-atelier {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

/* Le titre est visible au départ */
.elementor-394 .elementor-element.elementor-element-6895633 .titre-atelier {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* Au survol : le titre disparaît… */
.elementor-394 .elementor-element.elementor-element-6895633 .carte-atelier:hover .titre-atelier {
  opacity: 0;
}

/* …et le texte apparaît */
.elementor-394 .elementor-element.elementor-element-6895633 .carte-atelier:hover .texte-atelier {
  opacity: 1;
  max-height: 500px; /* assez grand pour ton texte */
}

/* Sur mobile (pas de hover) : on affiche les deux */
@media (max-width: 768px) {
  .elementor-394 .elementor-element.elementor-element-6895633 .texte-atelier {
    opacity: 1;
    max-height: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fe162d *//* Style de base des cartes */
.elementor-394 .elementor-element.elementor-element-6fe162d .carte-atelier {
  position: relative;
  padding: 20px;
  background: #F5E9DA;          /* adapte à ton beige */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;            /* hauteur mini des cases */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Effet "la case se soulève" au survol */
.elementor-394 .elementor-element.elementor-element-6fe162d .carte-atelier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Le texte explicatif est caché par défaut */
.elementor-394 .elementor-element.elementor-element-6fe162d .texte-atelier {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

/* Le titre est visible au départ */
.elementor-394 .elementor-element.elementor-element-6fe162d .titre-atelier {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* Au survol : le titre disparaît… */
.elementor-394 .elementor-element.elementor-element-6fe162d .carte-atelier:hover .titre-atelier {
  opacity: 0;
}

/* …et le texte apparaît */
.elementor-394 .elementor-element.elementor-element-6fe162d .carte-atelier:hover .texte-atelier {
  opacity: 1;
  max-height: 500px; /* assez grand pour ton texte */
}

/* Sur mobile (pas de hover) : on affiche les deux */
@media (max-width: 768px) {
  .elementor-394 .elementor-element.elementor-element-6fe162d .texte-atelier {
    opacity: 1;
    max-height: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5363d8 *//* Style de base des cartes */
.elementor-394 .elementor-element.elementor-element-a5363d8 .carte-atelier {
  position: relative;
  padding: 20px;
  background: #F5E9DA;          /* adapte à ton beige */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;            /* hauteur mini des cases */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Effet "la case se soulève" au survol */
.elementor-394 .elementor-element.elementor-element-a5363d8 .carte-atelier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Le texte explicatif est caché par défaut */
.elementor-394 .elementor-element.elementor-element-a5363d8 .texte-atelier {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

/* Le titre est visible au départ */
.elementor-394 .elementor-element.elementor-element-a5363d8 .titre-atelier {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* Au survol : le titre disparaît… */
.elementor-394 .elementor-element.elementor-element-a5363d8 .carte-atelier:hover .titre-atelier {
  opacity: 0;
}

/* …et le texte apparaît */
.elementor-394 .elementor-element.elementor-element-a5363d8 .carte-atelier:hover .texte-atelier {
  opacity: 1;
  max-height: 500px; /* assez grand pour ton texte */
}

/* Sur mobile (pas de hover) : on affiche les deux */
@media (max-width: 768px) {
  .elementor-394 .elementor-element.elementor-element-a5363d8 .texte-atelier {
    opacity: 1;
    max-height: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-590aadc *//* Style de base des cartes */
.elementor-394 .elementor-element.elementor-element-590aadc .carte-atelier {
  position: relative;
  padding: 20px;
  background: #F5E9DA;          /* adapte à ton beige */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;            /* hauteur mini des cases */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Effet "la case se soulève" au survol */
.elementor-394 .elementor-element.elementor-element-590aadc .carte-atelier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Le texte explicatif est caché par défaut */
.elementor-394 .elementor-element.elementor-element-590aadc .texte-atelier {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

/* Le titre est visible au départ */
.elementor-394 .elementor-element.elementor-element-590aadc .titre-atelier {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* Au survol : le titre disparaît… */
.elementor-394 .elementor-element.elementor-element-590aadc .carte-atelier:hover .titre-atelier {
  opacity: 0;
}

/* …et le texte apparaît */
.elementor-394 .elementor-element.elementor-element-590aadc .carte-atelier:hover .texte-atelier {
  opacity: 1;
  max-height: 500px; /* assez grand pour ton texte */
}

/* Sur mobile (pas de hover) : on affiche les deux */
@media (max-width: 768px) {
  .elementor-394 .elementor-element.elementor-element-590aadc .texte-atelier {
    opacity: 1;
    max-height: none;
  }
}/* End custom CSS */