.elementor-987723 .elementor-element.elementor-element-e29f9cd:not(.elementor-motion-effects-element-type-background), .elementor-987723 .elementor-element.elementor-element-e29f9cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://danielle-coiffure.com/wp-content/uploads/2025/11/Bannier_danielle_coiffure.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-987723 .elementor-element.elementor-element-e29f9cd > .elementor-container{min-height:95vh;}.elementor-987723 .elementor-element.elementor-element-e29f9cd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-87px;margin-bottom:0px;}.elementor-987723 .elementor-element.elementor-element-e29f9cd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-987723 .elementor-element.elementor-element-31f1e41.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-987723 .elementor-element.elementor-element-31f1e41.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-987723 .elementor-element.elementor-element-31f1e41 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:262px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0;padding-inline-start:0;padding-block-end:0;padding-inline-end:0;}.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-987723 .elementor-element.elementor-element-05adf3a{width:var( --container-widget-width, 672px );max-width:672px;--container-widget-width:672px;--container-widget-flex-grow:0;text-align:center;}.elementor-987723 .elementor-element.elementor-element-05adf3a > .elementor-widget-container{margin:0px 0px -18px 0px;padding:95px 0px 0px 0px;}.elementor-987723 .elementor-element.elementor-element-05adf3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987723 .elementor-element.elementor-element-05adf3a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:80px;font-weight:400;text-transform:uppercase;line-height:1.1em;color:#FFFFFF;}.elementor-987723 .elementor-element.elementor-element-1db23f9{--spacer-size:6px;}.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-987723 .elementor-element.elementor-element-6dede25{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;font-family:"Raleway", Sans-serif;font-size:23px;line-height:1.4em;color:#103B77;}.elementor-987723 .elementor-element.elementor-element-6dede25 > .elementor-widget-container{margin:-7px 0px 0px 64px;}.elementor-987723 .elementor-element.elementor-element-6dede25.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987723 .elementor-element.elementor-element-75deaf5:not(.elementor-motion-effects-element-type-background), .elementor-987723 .elementor-element.elementor-element-75deaf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://danielle-coiffure.com/wp-content/uploads/2025/11/Bannier_danielle_coiffure.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-987723 .elementor-element.elementor-element-75deaf5 > .elementor-container{min-height:81vh;}.elementor-987723 .elementor-element.elementor-element-75deaf5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-202px;margin-bottom:0px;}.elementor-987723 .elementor-element.elementor-element-75deaf5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-987723 .elementor-element.elementor-element-874b19e.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-987723 .elementor-element.elementor-element-874b19e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-987723 .elementor-element.elementor-element-874b19e > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:166px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0;padding-inline-start:0;padding-block-end:0;padding-inline-end:0;}.elementor-987723 .elementor-element.elementor-element-79efcb1{width:var( --container-widget-width, 672px );max-width:672px;--container-widget-width:672px;--container-widget-flex-grow:0;text-align:center;}.elementor-987723 .elementor-element.elementor-element-79efcb1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987723 .elementor-element.elementor-element-79efcb1 .elementor-heading-title{color:#FFFFFF;}.elementor-987723 .elementor-element.elementor-element-f49ce81{--spacer-size:28px;}.elementor-987723 .elementor-element.elementor-element-bdc5186{width:var( --container-widget-width, 55.468% );max-width:55.468%;--container-widget-width:55.468%;--container-widget-flex-grow:0;text-align:center;font-family:"Philosopher", Sans-serif;font-size:23px;line-height:1.4em;color:#6CA1C1;}.elementor-987723 .elementor-element.elementor-element-bdc5186.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987723 .elementor-element.elementor-element-d40139d{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987723 .elementor-element.elementor-element-30f7e72{--spacer-size:35px;}.elementor-987723 .elementor-element.elementor-element-11b1a20{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-987723 .elementor-element.elementor-element-11b1a20 > .elementor-widget-container{margin:0% 0% 2% 0%;}.elementor-987723 .elementor-element.elementor-element-11b1a20.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987723 .elementor-element.elementor-element-11b1a20 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;font-style:normal;line-height:1.2em;color:#0A3444;}.elementor-987723 .elementor-element.elementor-element-6daf82d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987723 .elementor-element.elementor-element-8eb86a6{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Raleway", Sans-serif;}.elementor-987723 .elementor-element.elementor-element-8eb86a6 > .elementor-widget-container{margin:0px 0px 11px 0px;padding:0px 0px 0px 0px;}.elementor-987723 .elementor-element.elementor-element-8eb86a6.elementor-element{--align-self:center;}.elementor-987723 .elementor-element.elementor-element-8eb86a6 p{margin-block-end:0px;}.elementor-987723 .elementor-element.elementor-element-da4f406{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Raleway", Sans-serif;line-height:1.7em;}.elementor-987723 .elementor-element.elementor-element-da4f406 > .elementor-widget-container{margin:-18px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-987723 .elementor-element.elementor-element-da4f406.elementor-element{--align-self:center;}.elementor-987723 .elementor-element.elementor-element-da4f406 p{margin-block-end:0px;}.elementor-987723 .elementor-element.elementor-element-668086b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-987723 .elementor-element.elementor-element-668086b.e-con{--align-self:center;}.elementor-987723 .elementor-element.elementor-element-8bfb355 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;}.elementor-987723 .elementor-element.elementor-element-33c5ce6 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;}.elementor-987723 .elementor-element.elementor-element-51ee6e4 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;}.elementor-987723 .elementor-element.elementor-element-31ba35f{width:var( --container-widget-width, 1224.99px );max-width:1224.99px;--container-widget-width:1224.99px;--container-widget-flex-grow:0;text-align:center;}.elementor-987723 .elementor-element.elementor-element-31ba35f > .elementor-widget-container{margin:0px 0px 21px 0px;}.elementor-987723 .elementor-element.elementor-element-31ba35f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-987723 .elementor-element.elementor-element-31ba35f .elementor-heading-title{font-family:"Philosopher", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;font-style:normal;line-height:1.2em;color:#0A3444;}.elementor-987723 .elementor-element.elementor-element-d93762b > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-987723 .elementor-element.elementor-element-31f1e41{width:100%;}.elementor-987723 .elementor-element.elementor-element-874b19e{width:100%;}.elementor-987723 .elementor-element.elementor-element-668086b{--width:64%;}}@media(max-width:1024px){.elementor-987723 .elementor-element.elementor-element-e29f9cd > .elementor-container{min-height:24vh;}.elementor-987723 .elementor-element.elementor-element-e29f9cd{margin-top:-85px;margin-bottom:0px;}.elementor-987723 .elementor-element.elementor-element-31f1e41 > .elementor-element-populated{padding-block-start:65px;padding-inline-start:0px;padding-block-end:65px;padding-inline-end:0px;}.elementor-987723 .elementor-element.elementor-element-05adf3a{--container-widget-width:66%;--container-widget-flex-grow:0;width:var( --container-widget-width, 66% );max-width:66%;}.elementor-987723 .elementor-element.elementor-element-05adf3a .elementor-heading-title{font-size:60px;}.elementor-987723 .elementor-element.elementor-element-6dede25{font-size:16px;}.elementor-987723 .elementor-element.elementor-element-75deaf5 > .elementor-container{min-height:24vh;}.elementor-987723 .elementor-element.elementor-element-75deaf5{margin-top:-80px;margin-bottom:0px;}.elementor-987723 .elementor-element.elementor-element-874b19e > .elementor-element-populated{padding-block-start:65px;padding-inline-start:0px;padding-block-end:65px;padding-inline-end:0px;}.elementor-987723 .elementor-element.elementor-element-79efcb1{--container-widget-width:66%;--container-widget-flex-grow:0;width:var( --container-widget-width, 66% );max-width:66%;}.elementor-987723 .elementor-element.elementor-element-11b1a20 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-987723 .elementor-element.elementor-element-11b1a20 .elementor-heading-title{font-size:32px;}.elementor-987723 .elementor-element.elementor-element-668086b{--grid-auto-flow:row;}.elementor-987723 .elementor-element.elementor-element-31ba35f > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-987723 .elementor-element.elementor-element-31ba35f .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-987723 .elementor-element.elementor-element-e29f9cd > .elementor-container{min-height:24vh;}.elementor-987723 .elementor-element.elementor-element-e29f9cd{margin-top:-80px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-987723 .elementor-element.elementor-element-31f1e41.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-987723 .elementor-element.elementor-element-31f1e41.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-987723 .elementor-element.elementor-element-31f1e41 > .elementor-element-populated{padding-block-start:10vh;padding-inline-start:0;padding-block-end:10h;padding-inline-end:0;}.elementor-987723 .elementor-element.elementor-element-05adf3a{width:100%;max-width:100%;}.elementor-987723 .elementor-element.elementor-element-05adf3a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-987723 .elementor-element.elementor-element-05adf3a .elementor-heading-title{font-size:40px;}.elementor-987723 .elementor-element.elementor-element-75deaf5 > .elementor-container{min-height:9vh;}.elementor-987723 .elementor-element.elementor-element-75deaf5{margin-top:-80px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-987723 .elementor-element.elementor-element-874b19e.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-987723 .elementor-element.elementor-element-874b19e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-987723 .elementor-element.elementor-element-874b19e > .elementor-element-populated{padding-block-start:10vh;padding-inline-start:0;padding-block-end:10h;padding-inline-end:0;}.elementor-987723 .elementor-element.elementor-element-79efcb1{width:100%;max-width:100%;}.elementor-987723 .elementor-element.elementor-element-79efcb1 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-987723 .elementor-element.elementor-element-11b1a20{width:100%;max-width:100%;}.elementor-987723 .elementor-element.elementor-element-11b1a20 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-987723 .elementor-element.elementor-element-668086b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-987723 .elementor-element.elementor-element-31ba35f{width:100%;max-width:100%;}.elementor-987723 .elementor-element.elementor-element-31ba35f > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d93762b *//* ========== DESKTOP (≥ 1025px) ==========
gardes layout existant en positions absolues.
  
*/

/* ========== TABLETTE (≤ 1024px) ========== */
@media (max-width: 1024px){
  .gallery{
    /* on quitte le positionnement libre pour une grille 2 colonnes */
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;                /* espace entre vignettes */
    padding: 12px;
    min-height: auto;         /* plus de hauteur fixe */
    overflow: visible;
  }

  .gallery .img{
    position: relative !important;
    left: auto !important; top: auto !important;
    width: 100% !important; height: auto !important;
    margin: 0 !important;     /* on neutralise d'anciens margins éventuels */
    border-radius: 12px; overflow: hidden;
  }

  .gallery .img > img{
    width: 100%; height: auto !important; display: block;
    /* garde une belle hauteur : ajuste le ratio si tu veux */
    aspect-ratio: 4 / 3;      /* 4:3 par défaut */
    object-fit: cover;
    border-radius: 12px;
  }

  /* Overlay : taille un peu plus grande en tablette */
  .img::after{                 /* zone + fond + titre (injecté au hover) */
    padding: 12px 14px 36px 14px;
    font-size: 15px;
    background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0));
    border-radius: 12px;
  }
  .img::before{                /* sous-titre (injecté au hover) */
    bottom: 12px;
    font-size: 14px;
  }
}

/* ========== MOBILE (≤ 767px) ========== */
@media (max-width: 767px){
  .gallery{
    grid-template-columns: 1fr;  /* 1 colonne */
    gap: 14px;
    padding: 12px;
  }

  .gallery .img{
    position: relative !important;
    left: auto !important; top: auto !important;
    width: 100% !important; height: auto !important;
    border-radius: 12px; overflow: hidden;
  }

  .gallery .img > img{
    width: 100%; height: auto !important;
    aspect-ratio: 4 / 5;     /* un peu plus vertical sur mobile (modifie si besoin) */
    object-fit: cover;
    border-radius: 12px;
  }

  /* Overlay : lisible sur petits écrans */
  .img::after{
    padding: 12px 14px 38px 14px;
    font-size: 14px;
    background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0));
  }
  .img::before{
    bottom: 10px;
    font-size: 13px;
  }

  /* OPTION (recommandé sur mobile) :
     Montrer l'overlay en permanence (car pas de hover) :
     Dé-commente les 2 lignes ci-dessous si tu préfères.
  */
  /* .img::after, .img::before { opacity: 1; transform: none; } */
}

/* ========== TRÈS PETITS ÉCRANS (≤ 360px) — finition ========== */
@media (max-width: 360px){
  .img::after{ font-size: 13px; padding-bottom: 36px; }
  .img::before{ font-size: 12px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6daf82d *//* Base */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.gallery { position: relative; width: 100%; min-height: 1300px; background: #fff; overflow: hidden; }

/* Items (positions reprises de ton code) */
.img { position: absolute; }
.img1 { width:275px; height:413px; left:868px; top:37px; }
.img2 { width:418px; height:257px; left:439px; top:400px; }
.img3 { width:418px; height:346px; left:438px; top:37px; }
.img4 { width:321px; height:413px; left:100px; top:37px; }
.img5 { width:275px; height:412px; left:868px; top:465px; }
.img6 { width:324px; height:324px; left:100px; top:464px; }
.img7 { width:324px; height:486px; left:100px; top:802px; }
.img8 { width:276px; height:396px; left:870px; top:892px; }
.img9 { width:418px; height:279px; left:437px; top:674px; }
.img10{ width:418px; height:260px; left:437px; top:970px; }

/* Images */
.img > img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Overlay (texte pris dans data-name) */
.img::after {
  content: attr(data-name);
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 10px 14px;
  color: #fff; font-weight: 600; font-size: 14px; line-height: 1.2;
  background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
  opacity: 0; transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Affichage au survol */
.img:hover::after { opacity: 1; transform: translateY(0); }

/* (Option) Toujours visible :
.img::after { opacity: 1; transform:none; } */

/* Mobile: on passe en colonne (plus simple à intégrer dans Elementor) */
@media (max-width: 767px) {
  .gallery { min-height: 0; padding: 12px; }
  .img {
    position: relative;
    left: auto; top: auto;
    width: 100% !important; height: auto !important;
    margin-bottom: 14px;
  }
  .img > img { height: auto !important; }
}/* End custom CSS */