.elementor-36 .elementor-element.elementor-element-4e37be0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:-128px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-4e37be0:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-4e37be0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demourwines.com/wp-content/uploads/2026/03/3-generations-famille-1.webp");background-position:0px -39px;background-size:cover;}.elementor-36 .elementor-element.elementor-element-4e37be0::before, .elementor-36 .elementor-element.elementor-element-4e37be0 > .elementor-background-video-container::before, .elementor-36 .elementor-element.elementor-element-4e37be0 > .e-con-inner > .elementor-background-video-container::before, .elementor-36 .elementor-element.elementor-element-4e37be0 > .elementor-background-slideshow::before, .elementor-36 .elementor-element.elementor-element-4e37be0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36 .elementor-element.elementor-element-4e37be0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000002B 50%, #000000D9 100%);}.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-36 .elementor-element.elementor-element-1170c68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-1170c68 .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:80px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-36 .elementor-element.elementor-element-7c611e8 .elementor-heading-title{font-family:"font texte", Sans-serif;font-size:25px;font-weight:300;text-transform:uppercase;color:#FDEFCC;}.elementor-36 .elementor-element.elementor-element-d679a2e{--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;--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-36 .elementor-element.elementor-element-260a7c5{width:var( --container-widget-width, 67% );max-width:67%;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-260a7c5.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-260a7c5 .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:45px;font-weight:800;text-transform:uppercase;line-height:50px;color:var( --e-global-color-secondary );}.elementor-36 .elementor-element.elementor-element-574b87f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-a256dce{--display:flex;--margin-top:300px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-236839f img{width:90%;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-36 .elementor-element.elementor-element-cd22c6d{--display:flex;--justify-content:flex-start;}.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-36 .elementor-element.elementor-element-7176646{margin:200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"font texte", Sans-serif;font-size:22px;font-weight:400;color:#07314E;}.elementor-36 .elementor-element.elementor-element-b8740d9{--display:flex;}.elementor-36 .elementor-element.elementor-element-1e0bea3 img{width:90%;}.elementor-36 .elementor-element.elementor-element-d2fdb24{--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;--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-36 .elementor-element.elementor-element-653bee9{width:var( --container-widget-width, 70% );max-width:70%;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-653bee9.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-653bee9 .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:45px;font-weight:500;text-transform:uppercase;color:#FFC219;}.elementor-36 .elementor-element.elementor-element-a48acc2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-36 .elementor-element.elementor-element-a48acc2 .elementor-heading-title{font-family:"font texte", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:#FFC219;}.elementor-36 .elementor-element.elementor-element-6548cc3{width:var( --container-widget-width, 50% );max-width:50%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"font texte", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-6548cc3.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-2749deb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-6c6be75{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-9f4cccd img{width:90%;}.elementor-36 .elementor-element.elementor-element-6a42b19{--display:flex;--min-height:650px;}.elementor-36 .elementor-element.elementor-element-e20d9c3{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-1997694 img{width:90%;}.elementor-36 .elementor-element.elementor-element-40d418f{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-dcccc8a{--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;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-1551274{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 100px;--row-gap:0px;--column-gap:100px;--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-636bf16{--display:flex;}.elementor-36 .elementor-element.elementor-element-b86fa1d{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;}.elementor-36 .elementor-element.elementor-element-b86fa1d.elementor-element{--align-self:flex-start;}.elementor-36 .elementor-element.elementor-element-b86fa1d .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:45px;font-weight:500;text-transform:uppercase;color:#FFC219;}.elementor-36 .elementor-element.elementor-element-7227f2c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-36 .elementor-element.elementor-element-7227f2c .elementor-heading-title{font-family:"font texte", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:var( --e-global-color-secondary );}.elementor-36 .elementor-element.elementor-element-f79b5b7{--display:flex;}.elementor-36 .elementor-element.elementor-element-e0a1936{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:justify;font-family:"font texte", Sans-serif;font-size:20px;font-weight:400;color:#021C2F;}.elementor-36 .elementor-element.elementor-element-e0a1936.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-32bdec4{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-0be4ff1{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-309f795{--display:flex;--min-height:400px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-36 .elementor-element.elementor-element-309f795:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-309f795 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-d89be29{width:var( --container-widget-width, 100% );max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-d89be29.elementor-element{--align-self:flex-start;}.elementor-36 .elementor-element.elementor-element-d89be29 .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:29px;font-weight:400;color:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-36 .elementor-element.elementor-element-e4e8528{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;--e-transform-rotateZ:90deg;}.elementor-36 .elementor-element.elementor-element-e4e8528 .elementor-divider-separator{width:7%;margin:0 auto;margin-center:0;}.elementor-36 .elementor-element.elementor-element-e4e8528 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-36 .elementor-element.elementor-element-6f81ac7{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-6f81ac7.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-a44872a{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-a44872a:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-a44872a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-4017c6a{width:var( --container-widget-width, 100% );max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-4017c6a.elementor-element{--align-self:flex-start;}.elementor-36 .elementor-element.elementor-element-4017c6a .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:29px;font-weight:400;color:var( --e-global-color-text );}.elementor-36 .elementor-element.elementor-element-4535d1a{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;--e-transform-rotateZ:90deg;}.elementor-36 .elementor-element.elementor-element-4535d1a .elementor-divider-separator{width:7%;margin:0 auto;margin-center:0;}.elementor-36 .elementor-element.elementor-element-4535d1a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-36 .elementor-element.elementor-element-921869e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-921869e.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-8b364f3{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-8b364f3:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-8b364f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-7413c2b{width:var( --container-widget-width, 100% );max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-7413c2b.elementor-element{--align-self:flex-start;}.elementor-36 .elementor-element.elementor-element-7413c2b .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:29px;font-weight:400;color:var( --e-global-color-text );}.elementor-36 .elementor-element.elementor-element-02ff9fb{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;--e-transform-rotateZ:90deg;}.elementor-36 .elementor-element.elementor-element-02ff9fb .elementor-divider-separator{width:7%;margin:0 auto;margin-center:0;}.elementor-36 .elementor-element.elementor-element-02ff9fb .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-36 .elementor-element.elementor-element-4fbe2b2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-4fbe2b2.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-e04e5c0{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-e04e5c0:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-e04e5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-e55ad9a{width:var( --container-widget-width, 100% );max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-e55ad9a.elementor-element{--align-self:flex-start;}.elementor-36 .elementor-element.elementor-element-e55ad9a .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:29px;font-weight:400;color:var( --e-global-color-text );}.elementor-36 .elementor-element.elementor-element-4b846a7{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;--e-transform-rotateZ:90deg;}.elementor-36 .elementor-element.elementor-element-4b846a7 .elementor-divider-separator{width:7%;margin:0 auto;margin-center:0;}.elementor-36 .elementor-element.elementor-element-4b846a7 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-36 .elementor-element.elementor-element-19125d3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-19125d3.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-202a54b{--display:flex;--overflow:hidden;--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-36 .elementor-element.elementor-element-202a54b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-2234a09{width:var( --container-widget-width, 40% );max-width:40%;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:center;}.elementor-36 .elementor-element.elementor-element-2234a09.elementor-element{--align-self:center;}.elementor-36 .elementor-element.elementor-element-2234a09 .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:45px;font-weight:500;text-transform:uppercase;color:#FFC219;}.elementor-36 .elementor-element.elementor-element-ee59870{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-36:not(.elementor-motion-effects-element-type-background), body.elementor-page-36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-d679a2e{--content-width:1400px;}.elementor-36 .elementor-element.elementor-element-d2fdb24{--content-width:1400px;}.elementor-36 .elementor-element.elementor-element-dcccc8a{--content-width:1400px;}.elementor-36 .elementor-element.elementor-element-1551274{--content-width:1200px;}.elementor-36 .elementor-element.elementor-element-32bdec4{--content-width:900px;}}@media(max-width:1366px) and (min-width:768px){.elementor-36 .elementor-element.elementor-element-202a54b{--width:1207px;}}@media(max-width:1366px){.elementor-36 .elementor-element.elementor-element-574b87f{--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-2749deb{--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-1551274{--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-0be4ff1{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-4e37be0:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-4e37be0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-36 .elementor-element.elementor-element-574b87f{--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-2749deb{--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-1551274{--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-0be4ff1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-4e37be0{--min-height:34vh;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-36 .elementor-element.elementor-element-4e37be0:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-4e37be0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-36 .elementor-element.elementor-element-1170c68 .elementor-heading-title{font-size:35px;}.elementor-36 .elementor-element.elementor-element-574b87f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-2749deb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-1551274{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36 .elementor-element.elementor-element-0be4ff1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-1170c68 *//* ===== Reveal Title Elementor (classe: title) ===== */

/* On cible la classe que TU mets dans "Avancé > Classes CSS" du widget */
.title{
  --tr-dur: 1800ms; /* avant 900ms */
  --tr-delay: 120ms;
  --tr-distance: 26px;
  --tr-ease: cubic-bezier(.16,1,.3,1);

  display:block;
  overflow:hidden;              /* <-- MASQUE fiable */
}

/* Elementor place généralement le texte ici */
.title .elementor-heading-title{
  display:inline-block;         /* nécessaire pour translateY propre */
  opacity:0;
  transform: translateY(var(--tr-distance));
  filter: blur(6px);

  will-change: transform, opacity, filter;

  transition:
    transform var(--tr-dur) var(--tr-ease),
    opacity   calc(var(--tr-dur) * .75) var(--tr-ease),
    filter    var(--tr-dur) var(--tr-ease);
  transition-delay: var(--tr-delay);
}

/* état visible */
.title.is-inview .elementor-heading-title{
  opacity:1;
  transform: translateY(0);
  filter: blur(0);
}

/* Sécurité : si la classe est posée sur le Hx directement */
.elementor-heading-title.title{
  display:inline-block;
  overflow:hidden;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .title .elementor-heading-title{
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-260a7c5 *//* ===== Reveal Title Elementor (classe: title) ===== */

/* On cible la classe que TU mets dans "Avancé > Classes CSS" du widget */
.title{
  --tr-dur: 1800ms; /* avant 900ms */
  --tr-delay: 120ms;
  --tr-distance: 26px;
  --tr-ease: cubic-bezier(.16,1,.3,1);

  display:block;
  overflow:hidden;              /* <-- MASQUE fiable */
}

/* Elementor place généralement le texte ici */
.title .elementor-heading-title{
  display:inline-block;         /* nécessaire pour translateY propre */
  opacity:0;
  transform: translateY(var(--tr-distance));
  filter: blur(6px);

  will-change: transform, opacity, filter;

  transition:
    transform var(--tr-dur) var(--tr-ease),
    opacity   calc(var(--tr-dur) * .75) var(--tr-ease),
    filter    var(--tr-dur) var(--tr-ease);
  transition-delay: var(--tr-delay);
}

/* état visible */
.title.is-inview .elementor-heading-title{
  opacity:1;
  transform: translateY(0);
  filter: blur(0);
}

/* Sécurité : si la classe est posée sur le Hx directement */
.elementor-heading-title.title{
  display:inline-block;
  overflow:hidden;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .title .elementor-heading-title{
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d354210 *//* =========================================================
De Mour — Itinerary Cards + Map background (Y.CO-inspired)
✅ Ajustements demandés :
- pas de marge entre image et card (photo collée)
- cards moins longues (moins larges)
- background actif = (désactivé ici, active = pareil que normal)
- contour hover animé = #FFC219
- contour actif = #FFC219
========================================================= */

.dmItin{
  --paper: #f3efe6;
  --ink: #101418;
  --muted: #F6EFE5;
  --line: rgba(16,20,24,.12);
  --accent: #c51a43;
  --shadow: 0 24px 70px rgba(0,0,0,.12);

  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: 100vh;
  overflow: hidden;
  background: var(--paper);
  isolation: isolate;
}

.dmItin__map{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 120vh;
  z-index: 0;
}

.dmItin__ui{
  position: absolute;
  inset: 0;
  z-index: 10;
  padding: clamp(28px, 4vw, 54px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  pointer-events: none;
}

.dmItin__head{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 18px;
  pointer-events: none;
}

.dmItin__title{
  font-family: "Baskervville";
  color: #FFC219;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: clamp(60px, 5vw, 60px);
  line-height: .80;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.dmItin__filters{
  display: none !important;
}

/* Cards container */
.dmItin__cards{
  width: min(600px, 54vw); /* réduit longueur globale */
  background: transparent;     /* ✅ fix: il manquait le ; */
  border: 1px solid rgba(16,20,24,.10);
  padding: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  max-height: calc(100vh - 160px);
  overflow: auto;
  pointer-events: auto;
}

.dmItin__cards::-webkit-scrollbar{ width: 8px; }
.dmItin__cards::-webkit-scrollbar-track{ background: transparent; }
.dmItin__cards::-webkit-scrollbar-thumb{ background: rgba(16,20,24,.16); }

/* =========================
   CARD
   ========================= */
.dmCard{
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 0;                 /* pas de marge entre image et body */
  align-items: stretch;

  background: #F6EFE5;
  padding: 0;             /* photo collée au bord */
  margin: 0 0 16px 0;
  cursor: pointer;

  border: 1px solid rgba(16,20,24,.10);
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .22s ease, background .22s ease;
  position: relative;

  /* ✅ évite tout padding/arrondi imposé par thèmes */
  border-radius: 0;
  overflow: hidden;       /* ✅ garantit que l’image colle sans “jour” */
}

.dmCard:last-child{ margin-bottom: 0; }

.dmCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0,0,0,.14);
}

/* ✅ contour au survol : collé à la card (plus de gap) */
.dmCard::after{
  content:"";
  position:absolute;
  inset: 0;                       /* ✅ collé */
  border: 2px solid #FFC219;
  opacity: 0;
  transform: none;                /* ✅ plus de scale => plus d'espace */
  transition: opacity .22s ease;
  pointer-events:none;
}

.dmCard:hover::after{
  opacity: 1;
}

/* ✅ état actif : même couleur que normal (donc on ne change PAS le background) */
.dmCard.is-active{
  background: #F6EFE5;            /* identique au normal */
}

.dmCard.is-active::after{
  opacity: 1;                     /* contour jaune permanent */
}

/* Media */
.dmCard__media{
  position: relative;
  overflow: hidden;
  background: #ddd;
  min-height: 190px;

  /* ✅ supprime toute marge interne potentielle */
  padding: 0;
  margin: 0;
  border-radius: 0;
}

/* ✅ important : élimine le “petit jour” lié au rendu inline des images */
.dmCard__img{
  display: block;           /* ✅ clé */
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.02);
  margin: 0;
  padding: 0;
  border: 0;
}

/* (badge si tu l'utilises toujours) */
.dmCard__badge{
  position: absolute;
  left: 10px;
  top: 10px;
  background: rgba(16,20,24,.82);
  color: #fff;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Body */
.dmCard__body{
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
}

.dmCard__title{
  font-family: "Baskervville";
  color: #021C2F;
  margin: 0;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 650;
}

.dmCard__place{
  font-family: "font texte";
  margin: 0;
  color: rgba(16,20,24,.56);
  font-size: 14px;
}

.dmCard__row{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 6px;
}

.dmCard__hint{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(16,20,24,.46);
}

/* =========================
   BOUTON (.u-btn style) appliqué à dmCard__more
   ========================= */
.dmCard__more{
  position: relative;
  font-family: "font texte";
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #FFC219;
  color: #FFC219;
  letter-spacing: 1px;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 18px 18px 17px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.dmCard__more:hover,
.dmCard__more:active,
.dmCard__more:focus,
.dmCard__more:focus-visible{
  background: #fff !important;
}

.dmCard__more span:first-child{
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.dmCard__more span:last-child{
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

.dmCard__more:after{
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFC219;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.dmCard__more:hover:after{
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.dmCard__more:hover span:last-child{
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}

/* Modal */
.dmModal{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.dmModal.is-open{ display: block; }

.dmModal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.42);
}

.dmModal__panel{
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(980px, 92vw);
  background: rgba(243,239,230,.96);
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 40px 120px rgba(0,0,0,.28);
  display: grid;
  grid-template-columns: 1.05fr 1fr;
}

.dmModal__close{
  position:absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  border: 0;
  background: rgba(16,20,24,.08);
  width: 40px;
  height: 40px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 16px;
}

.dmModal__media{
  min-height: 420px;
  background: #ddd;
  background-size: cover;
  background-position: center;
}

.dmModal__body{ padding: 22px 22px 24px; }

.dmModal__kicker{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(16,20,24,.56);
  margin-bottom: 10px;
}

.dmModal__title{
  margin: 0 0 6px;
  font-size: 30px;
  line-height: 1.05;
  color: var(--ink);
}

.dmModal__place{ margin: 0 0 14px; color: rgba(16,20,24,.62); }

.dmModal__text{
  margin: 0 0 18px;
  color: rgba(16,20,24,.70);
  line-height: 1.7;
}

.dmModal__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 18px;
}

.dmModal__meta{
  border: 1px solid rgba(16,20,24,.10);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,.35);
}

.dmModal__metaK{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(16,20,24,.56);
  margin-bottom: 6px;
}

.dmModal__metaV{ font-weight: 650; color: var(--ink); }

.dmModal__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 12px 14px;
  border: 1px solid rgba(16,20,24,.14);
  background: rgba(16,20,24,.92);
  color: #fff;
  text-decoration: none;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
}

/* Mobile */
@media (max-width: 980px){
  .dmItin__head{ grid-template-columns: 1fr; }
  .dmItin__sub{ justify-self: start; }
  .dmItin__cards{ width: 100%; max-height: 52vh; }
  .dmCard{ grid-template-columns: 1fr; }
  .dmCard__media{ min-height: 240px; }
  .dmModal__panel{ grid-template-columns: 1fr; }
  .dmModal__media{ min-height: 240px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f81ac7 */.u-btn{
  position: relative;
  font-family: "font texte";
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #FFC219;
  color: #FFC219;
  letter-spacing: 1px;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 20px 20px 15px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* IMPORTANT : empêche le thème de mettre une couleur de hover (rose) */
.u-btn:hover,
.u-btn:active,
.u-btn:focus,
.u-btn:focus-visible{
  background: #fff !important;
}

/* Texte */
.u-btn span:first-child{
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.u-btn span:last-child{
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

/* Overlay jaune */
.u-btn:after{
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFC219;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.u-btn:hover:after{
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.u-btn:hover span:last-child{
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-921869e */.u-btn{
  position: relative;
  font-family: "font texte";
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #FFC219;
  color: #FFC219;
  letter-spacing: 1px;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 20px 20px 15px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* IMPORTANT : empêche le thème de mettre une couleur de hover (rose) */
.u-btn:hover,
.u-btn:active,
.u-btn:focus,
.u-btn:focus-visible{
  background: #fff !important;
}

/* Texte */
.u-btn span:first-child{
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.u-btn span:last-child{
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

/* Overlay jaune */
.u-btn:after{
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFC219;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.u-btn:hover:after{
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.u-btn:hover span:last-child{
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fbe2b2 */.u-btn{
  position: relative;
  font-family: "font texte";
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #FFC219;
  color: #FFC219;
  letter-spacing: 1px;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 20px 20px 15px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* IMPORTANT : empêche le thème de mettre une couleur de hover (rose) */
.u-btn:hover,
.u-btn:active,
.u-btn:focus,
.u-btn:focus-visible{
  background: #fff !important;
}

/* Texte */
.u-btn span:first-child{
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.u-btn span:last-child{
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

/* Overlay jaune */
.u-btn:after{
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFC219;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.u-btn:hover:after{
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.u-btn:hover span:last-child{
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19125d3 */.u-btn{
  position: relative;
  font-family: "font texte";
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #FFC219;
  color: #FFC219;
  letter-spacing: 1px;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 20px 20px 15px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* IMPORTANT : empêche le thème de mettre une couleur de hover (rose) */
.u-btn:hover,
.u-btn:active,
.u-btn:focus,
.u-btn:focus-visible{
  background: #fff !important;
}

/* Texte */
.u-btn span:first-child{
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.u-btn span:last-child{
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

/* Overlay jaune */
.u-btn:after{
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFC219;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.u-btn:hover:after{
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.u-btn:hover span:last-child{
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee59870 */#dm-history {

  --text: #FFC219;
  --muted: #5b5b5b;
  --accent: #b3242f;
  --pill-bg: #ffffff;
  --pill-border: #e3e2df;
  --pill-active: #1f1f1f;
  --shadow: 0 18px 30px rgba(0, 0, 0, 0.08);
  --polaroid-border: 12px;
  --header-offset: 0px;
  --transition: 800ms ease-in-out;

  /* ✅ Ecart entre boutons (change juste ça) */
  --nav-gap: 80px;

  background: var(--bg);
  color: var(--text);
  padding: clamp(24px, 4vw, 48px);
font-family: "Cinzel", system-ui, -apple-system, sans-serif;
  position: relative;
  min-height: 100vh;
}

#dm-history * {
  box-sizing: border-box;
}

#dm-history .dm-history__nav {
  position: sticky;
  top: var(--header-offset);
  display: flex !important;
  /* ✅ Gap augmenté (quand supporté) */
  gap: var(--nav-gap) !important;
 overflow-x: auto;
  padding: 8px 4px 16px;
  scrollbar-width: none;
  z-index: 3;
  border-bottom: 1px solid currentColor;
}

#dm-history .dm-history__nav::-webkit-scrollbar {

  display: none;
}

/* ✅ Boutons années */
#dm-history .dm-history__nav button {
  border: 0px solid var(--pill-border);
  color: var(--text);
  padding: 8px 16px;
  font-size: 35px;
   font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 200ms ease;

  /* ✅ Ecart garanti même si gap ne marche pas */
  margin-right: var(--nav-gap) !important;
}

/* ✅ Pas de marge sur le dernier */
#dm-history .dm-history__nav button:last-child {
  margin-right: 0 !important;
}

#dm-history .dm-history__nav button[aria-selected="true"] {
    
  color: #FFC219;
 background: #011B2F;
}

#dm-history .dm-history__viewport {
  overflow: hidden;
  position: relative;
  margin-top: 4px;
}

#dm-history .dm-history__track {
  display: flex;
  transition: transform var(--transition), opacity var(--transition);
  will-change: transform;
}

#dm-history .dm-history__slide {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2vw, 24px) !important;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 3vw, 32px);
  opacity: 0.6;
  transform: translateX(0);
  transition: opacity var(--transition);
  text-align: center;
  position: relative;
  min-height: 80vh;
}

#dm-history .dm-history__slide.is-active {
  opacity: 1;
}

#dm-history .dm-history__year {
  font-size: clamp(320px, 55vw, 520px);
  padding-left: 0;
  font-weight: 600;
  color: #FFC219;
  text-align: center;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 0;
  pointer-events: none;
  animation: none;
}

#dm-history .dm-history__content {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: clamp(110px, 12vw, 190px);
  order: 2;
  opacity: 0;
  transform: translateY(18px);
  animation: none;
}

#dm-history .dm-history__title {
  font-size: clamp(20px, 3vw, 25px);
  color: #FFC219;
  margin: 0 0 12px;
  font-weight: 600;
}

#dm-history .dm-history__text {
  margin: 0 auto;
  max-width: 800px;
  color: #011B2F;
  font-size: 16px;
  line-height: 1.6;
  font-family: "font texte", system-ui, -apple-system, sans-serif;
}

#dm-history .dm-history__images {
  display: flex;
  justify-content: center;
  margin-top: 180px;
  position: relative;
  z-index: 2;
  opacity: 0;
  order: 1;
  align-self: center;
}

#dm-history .dm-history__img {
  width: clamp(360px, 38vw, 400px);
  aspect-ratio: 7/5;
  padding: 0px;
  overflow: hidden;
  position: relative;
    background: #fff;
  padding: var(--polaroid-border);
  box-shadow: var(--shadow);

  overflow: hidden;
  transform: rotate(-4deg);
}

#dm-history .dm-history__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#dm-history .dm-history__img--left {
  transform: rotate(-3deg);
}

#dm-history .dm-history__img--right {
  transform: rotate(2.5deg);
}

#dm-history .dm-history__controls {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 24px;
  position: absolute;
  right: clamp(16px, 3vw, 40px);
  bottom: clamp(16px, 3vw, 40px);
  z-index: 3;
}

#dm-history .dm-history__btn {
  border: 1px solid var(--pill-border);
  background: #fff;
  color: var(--text);
  border-radius: 999px;
  width: 44px;
  height: 44px;
  padding: 0;
  cursor: pointer;
  transition: all 200ms ease;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#dm-history .dm-history__btn::before {
  content: "←";
  font-size: 20px;
}

#dm-history .dm-history__btn:last-child::before {
  content: "→";
}

#dm-history .dm-history__btn:hover,
#dm-history .dm-history__btn:focus-visible {
  border-color: var(--pill-active);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
}

/* État visible quand actif, MAIS pas pendant l’anim */
#dm-history .dm-history__slide.is-active .dm-history__year:not(.is-animating),
#dm-history .dm-history__slide.is-active .dm-history__images:not(.is-animating),
#dm-history .dm-history__slide.is-active .dm-history__content:not(.is-animating) {
  opacity: 1;
  transform: translateY(0);
}

/* États de départ (important pour images aussi) */
#dm-history .dm-history__year,
#dm-history .dm-history__images,
#dm-history .dm-history__content {
  opacity: 0;
  transform: translateY(18px);
  animation: none;
}

/* Anim rejouable */
#dm-history .dm-history__year.is-animating {
  animation: dm-history-fade-up 800ms ease both;
}
#dm-history .dm-history__images.is-animating {
  animation: dm-history-fade-up 900ms ease both;
}
#dm-history .dm-history__content.is-animating {
  animation: dm-history-fade-up 1000ms ease both;
}


@media (max-width: 900px) {
  #dm-history .dm-history__slide {
    grid-template-columns: 1fr;
  }

  #dm-history .dm-history__year {
    text-align: center;
  }
}

@media (max-width: 640px) {
  #dm-history {
    padding: 20px;
    --nav-gap: 16px; /* ✅ espace réduit sur mobile */
  }

  #dm-history .dm-history__images {
    flex-direction: column;
    align-items: center;
  }

  #dm-history .dm-history__img {
    width: min(70vw, 220px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dm-history {
    --transition: 1ms linear;
  }

  #dm-history .dm-history__year,
  #dm-history .dm-history__images,
  #dm-history .dm-history__content,
  #dm-history .dm-history__title,
  #dm-history .dm-history__text {
    animation-duration: 1ms;
  }

  #dm-history .dm-history__images,
  #dm-history .dm-history__content {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes dm-history-fade-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'font texte';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://demourwines.com/wp-content/uploads/2026/01/Futura-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'font texte';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */