@charset "UTF-8";
/* test 36 */
/*!https://www.aupetitterroir.fr/*/
/* ===== VARIABLES GLOBALES ===== */
:root {
	--space-xs: clamp(0.5rem, 1vw, 1rem);
	--space-s:  clamp(1rem, 2vw, 2rem);
	--space-m:  clamp(2rem, 4vw, 4rem);
	--space-l:  clamp(4rem, 6vw, 8rem);
	--space-xl: clamp(6rem, 8vw, 12rem);
	--max-width: 1200px;
	--bg-color: #f8f4f3;
	--bg-color-second:#ffffff;
	--text-color: #000000;
	
	/* Familles */
  --font-title: "Voltaire", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "PT Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Tailles fluides */
  --fs-h1: clamp(2rem, 5vw, 4rem);
  --fs-h2: clamp(1.4rem, 2.4vw, 2.0rem);
  --fs-h3: clamp(1.15rem, 1.9vw, 1.5rem);

  --fs-body: clamp(0.95rem, 1.1vw, 1.05rem);
  --fs-small: clamp(0.8rem, 0.95vw, 0.9rem);

  /* Interlignages */
  --lh-title: 1.1;
  --lh-body: 1.6;

  /* Optionnel : tracking */
  --ls-title: 0.06em;      /* léger espacement titres Voltaire */
  --ls-smallcaps: 0.12em;  /* pour petits textes en capitales */
	
/*Hader*/
	--header-h: 100px; /* hauteur approximative de ton header */
}

*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:#fff0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}/*!guillements*/q:before{content:open-quote}q:after{content:close-quote}*:lang(fr)>*{quotes:"\00AB\00A0" "\00A0\00BB"}*:lang(en)>*{quotes:"\201C" "\201D"}
html{font-size:100%;height:100%;scroll-behavior:smooth}
.wf-loading body{opacity:0}
.wf-active body{opacity:1;transition: opacity .2s ease}
body{margin:0;width:100%;height:100%;font-family:"PT Mono", monospace;font-weight:400;font-style:normal;line-height:1.325;background:var(--bg-color);color:var(--text-color)}
main{padding: 6rem 0  2rem  0}

#tarteaucitronIcon #tarteaucitronManager img{opacity:.4}
#tarteaucitronIcon #tarteaucitronManager img:hover{opacity:.9}

header{background:rgba(248,244,243,.9);position:fixed;top:0;left:0;right:0;height:120px;display:flex;justify-content: flex-start;align-items:center;padding: 0 80px; z-index:999;transition:transform 0.4s ease,opacity 0.4s ease,background-color 0.3s ease;will-change: transform, opacity;border-bottom:1px solid #000}
/* Header en haut de la page → transparent */
header.at-top{background:rgba(248,244,243,.9);backdrop-filter:none;-webkit-backdrop-filter:none}
/* Disparaît en scroll descendant */
header.scroll-down{background:rgba(248,244,243,.9);transform:translateY(-100%);opacity:0}
/* Réapparaît en scroll montant (effet Apple) */
header.scroll-up{transform:translateY(0);opacity:1;background:rgba(248,244,243,.9)}
@media(prefers-reduced-motion: reduce){header{transition:none}}
@media(max-width:768px){body.overflow{overflow:hidden}}

.header-logo{width:150px;height:auto;opacity:1;padding-right:2em;border-right:1px solid #000}
.header-logo a{width:100%;height:100%;display:block}
.header-logo a:hover{opacity:.8}
.header-logo img{max-height:70px;height:100%;width:auto;display:block}

/*.moduletable-dropdown{display:none}*/
.moduletable-dropdown{margin-left:2em}
.moduletable-dropdown ul{width:auto}
.moduletable-dropdown ul li{position:relative;display: inline-flex;align-items: center;z-index:2000}
.moduletable-dropdown ul li a{display:inline-flex;align-items: center;color:#000;padding:.325em .825em;font-family:"Voltaire", sans-serif;opacity:1;font-size:1.225em; background: rgba(237,230,224,0)}
.moduletable-dropdown ul li.parent a{padding:.325em 0 .325em .825em}
.moduletable-dropdown ul li a:hover{opacity:.8}
.moduletable-dropdown > ul > li.current:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background:rgba(0,0,0,.5)}
.moduletable-dropdown ul ul{position:absolute;top:100%;left:0;width:300px;padding:0;background:#f2ece7;opacity:0;visibility:hidden;transform: translateY(8px);transition:opacity .28s ease,transform .28s cubic-bezier(0.16, 1, 0.3, 1),visibility 0s linear .28s;box-shadow: 0 10px 18px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.08);;border-radius: 0 0 .313rem .313rem;}
.moduletable-dropdown ul ul:before{content:"";position:absolute;top:-.313em;left:.825em;border-left:.313em solid transparent;border-right:.313em solid transparent;border-bottom:.313rem solid #f2ece7;filter: drop-shadow(0 2px 2px rgba(0,0,0,.1));}
.moduletable-dropdown ul ul li{display:block;width:100%;background:transparent;text-align:left;border-left:none;}
.moduletable-dropdown ul ul li a{display:block !important;width:100%;color:#000;line-height:1.2;text-shadow:none;opacity:1;font-size:115%}

.moduletable-dropdown ul.mod-menu__sub li a{padding:.825em 1em}
.moduletable-dropdown ul ul li a:hover{background: rgba(0,0,0,0.05);}
.moduletable-dropdown ul ul li:nth-child(3):hover > a{border-bottom-left-radius:.313em;border-bottom-right-radius:.313em}
.moduletable-dropdown ul li:hover > ul{opacity:1;visibility:visible;transform:translateY(0px);transition-delay: 0s, 0s, 0s}

.moduletable-dropdown > ul > li.current::before,.moduletable-dropdown > ul > li.parent:has(ul li.current)::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(0,0,0,.5)}

/* Chevron : bloc centré sous le texte */
.moduletable-dropdown .menu-chevron{display:inline-flex;align-items: center;margin-left:.35em;margin-right:.45em;color:#000;pointer-events:none;}
.moduletable-dropdown .menu-chevron {display:inline-block;width:0.85em;height:0.85em;margin-left:0.4em;position:relative}

/* Chevron en lui-même (trait en angle) */
.moduletable-dropdown .menu-chevron::before{content:"";position:absolute;inset:0;margin:auto;width:0.45em;height:0.45em;border-right: 1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg);transform-origin: 50% 50%;transition:transform 0.25s ease}
.moduletable-dropdown ul li.parent:hover > a .menu-chevron::before,.moduletable-dropdown ul li.parent:hover > .menu-chevron::before {transform:rotate(225deg)}
/* Lang */
div.mod-languages{margin-left:auto;font-size:1.125em}
div.mod-languages ul.lang-inline li{position:relative;margin:0;padding:0;display:inline-flex;align-items:center;z-index:2000}
div.mod-languages ul.lang-inline li.li-language{font-family:"Voltaire", sans-serif;}
div.mod-languages ul.lang-inline li a{display:block;color:#000;padding:.325em 0}
div.mod-languages ul.lang-inline li.lang-active:before{content:"";position:absolute;width:12px;height:1px;bottom:0;left:50%;transform: translateX(-50%);background:rgba(0,0,0,.5);border-radius:5px}
/* Burger */
.burger{position:fixed;top: 20px;right: 20px;width: 40px;height: 40px;cursor: pointer;z-index: 10000;background:var(--bg-color);display: block;border-radius:5px;border:.063em solid #000}
.burger span {all: unset;box-sizing: border-box;position: absolute;left: 50%;width: 22px;height: 2px;background: #000;transform: translateX(-50%);transition: transform .3s ease, opacity .3s ease;}
.burger span:nth-child(1) { top: 12px; }.burger span:nth-child(2) { top: 19px; }.burger span:nth-child(3) { top: 26px; }
body.menu-open .burger span:nth-child(1) {top: 50%;transform: translate(-50%, -50%) rotate(45deg)}
body.menu-open .burger span:nth-child(2) {opacity:0}
body.menu-open .burger span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-45deg);}

#mobile_nav {position:fixed;top:0;right:0;width:75%;max-width:320px;height:100%;padding:3em 0;transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:9999;background:var(--bg-color);color:#000}
@media only screen and (max-width:768px){
	main{padding: 2rem 0  2rem  0}
	.moduletable-dropdown{display:none}	
	div.mod-languages{margin-left:auto;padding-right:60px}
	.burger{top:20px;right:20px}
	#mobile_nav {width:90%;max-width:90%;}
}

body.menu-open #mobile_nav {transform:translateX(0)}

#mobile_nav ul{list-style:none;padding:0;margin:0}
#mobile_nav ul li{margin:0;padding:0;border-top: 1px solid rgba(141,111,51,.1)}
#mobile_nav ul li.last-li{border-bottom: 1px solid rgba(141,111,51,.1)}
#mobile_nav ul li a{display:block;font-family:"Voltaire", sans-serif;opacity:1;font-size:1.125em;color:#000;padding:.525em 1em;background: rgba(255,255,255,0)}
#mobile_nav ul li a:hover{background: rgba(141,111,51,.1)}
/*animation*/
#mobile_nav > ul > li {opacity: 0;transform: translateX(40px);}
body.menu-open #mobile_nav > ul > li {animation: menuItemIn 0.7s cubic-bezier(0.25, 0.9, 0.25, 1.2) forwards}

/* Stagger façon timeline GSAP */
body.menu-open #mobile_nav > ul > li:nth-child(1) { animation-delay: 0.05s; }
body.menu-open #mobile_nav > ul > li:nth-child(2) { animation-delay: 0.15s; }
body.menu-open #mobile_nav > ul > li:nth-child(3) { animation-delay: 0.25s; }
body.menu-open #mobile_nav > ul > li:nth-child(4) { animation-delay: 0.35s; }
body.menu-open #mobile_nav > ul > li:nth-child(5) { animation-delay: 0.45s; }
body.menu-open #mobile_nav > ul > li:nth-child(6) { animation-delay: 0.55s; }
	
@keyframes menuItemIn {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  60% {
    opacity: 1;
    transform: translateX(-6px); /* dépassement */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
	
/* Sous-menu fermé par défaut */
#mobile_nav .content-acordeon {max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height 0.4s ease,opacity 0.3s ease,transform 0.3s ease}
/* Quand le li est ouvert */
#mobile_nav li.submenu-open > .content-acordeon {max-height:400px;opacity:1;transform:translateY(0)}
#mobile_nav .content-acordeon li a{padding:.525em 1.525em}
/* Anim légère sur les items du sous-menu */
#mobile_nav .content-acordeon li {opacity:0;transform:translateX(20px);transition:opacity 0.3s ease, transform 0.3s ease}
#mobile_nav li.submenu-open .content-acordeon li {opacity:1;transform:translateX(0)}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(1){transition-delay:0.05s}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(2){transition-delay:0.10s}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(3){transition-delay:0.15s}
#mobile_nav ul a .svg-inline--fa{margin-left:.35em;font-size:.9em;opacity:.6;transition:transform .35s cubic-bezier(.25, .8, .25, 1),opacity .25s ease;transform-origin:center}
#mobile_nav li.submenu-open > a .svg-inline--fa {transform:rotate(180deg);opacity:1}

/*Logo mobile*/
.logo-mobile{text-align: center; margin-bottom:1em !important}
.legal-mobile{margin-top:1em;color:#000}
.legal-mobile a{display:inline-block;color:#000}

/*  OVERLAY */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity 0.3s;z-index: 9998;}
body.menu-open .overlay{opacity:1;pointer-events:auto}

/* Hero */
#hero{height: clamp(500px, calc(75vh + var(--header-h)), 850px);background:#f8f4f3 url("../images/logo-back.webp") center/3% no-repeat;transform:translateZ(0);will-change:transform}
#hero-small {position: relative;min-height: clamp(220px, calc(40vh + var(--header-h)), 460px);display: flex;align-items: center;justify-content: center;overflow: hidden;background:#f8f4f3 url("../images/logo-back.webp") center/3% no-repeat;transform:translateZ(0)}


.swiper{width: 100%;height: 100%;}
.swiper-slide {height:100%;display: flex;justify-content: center;align-items: center;}

@media only screen and (max-width:768px){
	header{height:80px;padding:0 1em}
	#hero{height: clamp(300px, 65vh, 600px);background-size:10%}
	#content{height: auto; padding: 0 0 5em 0 !important}
}
@media only screen and (min-width: 1024px) {
    header{height:80px}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
	header{height:80px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){
	header{height:80px}
}

/*Page accueil*/
.hero-video{position: relative;width: 100%; height: 100% !important;overflow: hidden;z-index: 2;}
.hero-swipper{width: 100%; height: 100% !important;}
.hero-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;z-index: 9}
/* Hide Play button + controls on iOS */
video::-webkit-media-controls {display:none !important;}

.story{position:absolute;inset:0;z-index:11;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content: space-around;background: linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.0) 100%)}
.story-end{align-items:center;justify-content:flex-end;padding: 0 0 8% 0;}
.story-start{align-items:center;justify-content:flex-start;}
.story-center{align-items:center;justify-content:center}

.slide-bg {position:absolute;inset:0;z-index:10;display:block}
.slide-bg-img {width:100%;height:100%;object-fit: over;display:block}

@media only screen and (max-width:768px){
	.story-end{padding: 0 0 5em 0}
	.story-start{padding: 0 0 5em 0}
    .tag{padding:0 0 .325em 0;font-size:1.5em}
	.tag-small{width:100%;padding: 0 0 2em 0; text-align: center; margin-right:0}
    .tag-small img{width:180px;height: auto; margin: 0 auto 2em auto}

}
@media only screen and (min-width: 1024px) {
    .tag{width:80%;min-width:535px}
    .line1,.line2,.line3{opacity:0;display:block;animation: slideout 2s 0s forwards;animation-timing-function: ease-out}
    .line1{animation-delay:1s}.line2{animation-delay:1s}.line3{animation-delay:1.5s}
}
@keyframes slideout{0%{opacity:0;transform:translateY(25px);}40%,100%{opacity:1;transform:translateY(0px);}}

/* Typo & bouton */
h1{font-family:"Voltaire", sans-serif;font-size:var(--fs-h1);margin:0;padding:0 0 .325em 0;line-height:1.2; text-transform: uppercase;}
h2{font-size: var(--fs-h2);color:#000;margin:0 0 .325em 0;padding:0;line-height:1.1;text-transform: uppercase}
h3{font-size: var(--fs-h3);color:#fff;margin:0;padding:0;line-height:1.1;text-transform:uppercase}
h4{font-family:"Voltaire", sans-serif;font-size:2em;font-weight:normal;line-height:1.1;margin: 0; padding: 0}

p{font-size:1em;line-height:1.4;margin:0;padding:0;letter-spacing:-.03em}
p.premier:first-letter {font-size:2em;padding-right:.1em;vertical-align:bottom;line-height:.6}

a{margin:0;padding:0;text-decoration:none;}
a.link-orange,a.krousel{color:#000}
button{border:none;cursor:pointer}
a.button,button.button{text-align: center; margin: 0 auto;padding:.313em 1em}

.ribbon-btn{position:relative;display: inline-block;padding:0 1rem;color:#fff !important;background:#000;text-decoration:none;height:40px;line-height:40px}
.ribbon-btn .svg-inline--fa{margin-right:.35em}
.ribbon-btn::before,.ribbon-btn::after{content:"";position:absolute;top:0;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent}
.ribbon-btn::before{left:-20px;border-right:20px solid #000}
.ribbon-btn::after {right:-20px;border-left:20px solid #000}
.ribbon-btn:hover {background: #92231c;}
.ribbon-btn:hover::before{border-right-color:#92231c}
.ribbon-btn:hover::after{border-left-color: #92231c;}

.item-page a{color:#000}
.item-page a:hover{color:#000}
.item-page h2.second_h2 {margin:3rem 0 .525rem 0 !important}
.item-page h2.hrh2 {margin:0 0 .525rem 0 !important}
.item-page p.intro{margin:0 0 2rem 0 !important}

/*Animation*/
.moduletable-dropdown ul li a,#carrousel .swiper-button-prev,#carrousel .swiper-button-next,.header-logo a,#tarteaucitronIcon #tarteaucitronManager img{transition:opacity .3s linear}
.swiper-button-prev,.swiper-button-next{transition:color .3s linear}
a:active,a:hover{outline-width:0px}a:active,a:hover,a:focus{outline-style:none}a:focus{outline-width:medium}

/* CLASS */
.text-right{text-align: right}
.text-left{text-align: left}
.justify{text-align: justify}
.clear{clear: both}
.text-center{text-align: center}
.italic{font-style: italic}
.upper{text-transform: uppercase}
.small,.small-text,.note,.mod-breadcrumbs__wrapper ol li{font-size: var(--fs-small);letter-spacing:-.03em}
.large{font-size:125.0%}
.rotate{transform: rotate(-10deg)}
hr.line-solid{width:100%;margin:4rem 0 3rem 0;border:none;height:1px;background:#000}
hr.line-small{width:100%;margin:2rem 0 2rem 0;border:none;height:1px;background:#000}



.responsive{max-width:100%;width:100%;height:auto}

.text-shadow{text-shadow: 2px 2px 4px #1d1d1d000;}
.box-shadow{box-shadow:0 0 .75em rgba(57,58,60,.5)}

.flex{display:flex;flex-direction: row;flex-wrap:nowrap;justify-content: space-between;}
.flex-align-v{align-items: center;}

.hidden{display: none}
.rwd-line{display:inline}
.milieu{margin: 0 5%}
.margin-X1{margin-top: .5em}
.margin-X2{margin-top: 1em}
.margin-X3{margin-top: 1.5em}
.margin-X4{margin-top: 2em}
.margin-bX2{margin-bottom: 1em}
.margin-bX3{margin-bottom: 1.5em}
.padding-x1{padding: .5em}
.padding-x2{padding: 1em}
.padding-X3{padding-top: 1.5em}
ul{width:100%;margin:0;padding:0;list-style:none}ul li{margin:0;letter-spacing:-.03em}
.visually-hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.by-tel:link,.by-tel:visited,.by-tel:hover,.tel-ws:link,.tel-ws:visited,.tel-ws:hover,.events{pointer-events: auto;cursor: pointer}

@media only screen and (max-width: 768px) {
	.milieu{margin: 0}
	.margin-top-m2{margin-top:2em}
	.rwd-block{display:block}
}
@media only screen and (min-width: 1024px) {
	.by-tel:link,.by-tel:visited,.by-tel:hover,.tel-ws:link,.tel-ws:visited,.tel-ws:hover,.events{pointer-events:none;cursor:default;}
    .left{float: left}.right{float: right}
    .border-right{border-right: 1px solid #424b3d}
    .padding-right{padding:0 4em 0 0}
    .padding-left{padding:0 0 0 4em}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
    .left{float: left}.right{float: right}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){
    .left{float: left}.right{float: right}
}


/*Colonne*/
.row{margin:0 auto}.col-90{width:90%;max-width:1374px}
.col-90{padding-left: 0; padding-right:0}
.col-100{width:100%}


@media only screen and (max-width: 768px) {
	.milieu{margin: 0}
}
@media only screen and (min-width: 1024px) {
	.col-10{width: 10%}.col-15{width: 15%}.col-20{width:20%}.col-22{width:22%}.col-23{width:23%}.col-25{width:25%}.col-30{width:30%}.col-33{width:33.3333333%}.col-35{width:35%}.col-45{width:45%}.col-40{width:40%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-74{width:74%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
	.col-10{width: 10%}.col-15{width: 15%}.col-20{width:20%}.col-22{width:22%}.col-23{width:23%}.col-25{width:25%}.col-30{width:30%}.col-33{width:33.3333333%}.col-35{width:35%}.col-45{width:45%}.col-40{width:40%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-74{width:74%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){
	.col-10{width: 10%}.col-15{width: 15%}.col-20{width:20%}.col-22{width:22%}.col-23{width:23%}.col-25{width:25%}.col-30{width:30%}.col-33{width:33.3333333%}.col-35{width:35%}.col-45{width:45%}.col-40{width:40%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-74{width:74%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}
}

.swipper-content{position: relative}
.swiper{width:100%;height:100%}

@media only screen and (max-width:768px){
.swipper-content .col-90{width:100%}
.swipper-content .details{padding: 5% 5% 0 5%}
}

@media only screen and (min-width: 1024px) {
	.swipper-about .cover img.responsive{max-width:100%;width:378.667px;height:auto}
}


.swipper-home h2{transform: skewY(-3deg);color:#fff;text-transform: uppercase;letter-spacing:-1px;margin-bottom:.825rem !important;text-shadow: 0.5px 0.5px #000, 1px 1px #000, 2px 2px #000, 2.5px 2.5px #000, 3px 3px rgba(255,255,255,.3), 3.5px 3.5px rgba(255,255,255,.3), 4px 4px rgba(255,255,255,.3)}
.swipper-home h2{font-size:4rem;font-family:"Voltaire", sans-serif;font-weight:400;font-style:normal}

/* Par défaut, les éléments sont invisibles */
.swipper-home .swiper-slide h2,.swipper-home .swiper-slide .logo-tag{opacity:0}
.swipper-home .swiper-slide-active h2 {animation: fadeInUp 0.8s ease forwards;animation-delay: 0.6s;}

.swipper-home .swiper-slide-active .logo-tag {
    animation: fadeInUp 0.8s ease forwards;
    animation-delay: 0.2s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.swipper-home .swiper-button-next,.swipper-home .swiper-button-prev {opacity: 0;transform: translateY(20px);animation: fadeSlideUp 0.8s ease forwards;animation-delay: 1.2s;}
@keyframes fadeSlideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media only screen and (max-width:768px){
	.swipper-home .logo-tag img{width: 180px; height: auto}
	.swipper-home h2{font-size:2rem}

}

.swipper-home .slide-2{background:url(../images/home/au-petit-terroir-annecy.webp) center center;background-size:cover}
.swipper-home .slide-3{background:url(../images/home/fromagerie-rue-sainte-claire.webp) center center;background-size:cover}
.swipper-home .slide-4{background:url(../images/home/panier-cadeau-gourmands.webp) center center;background-size:cover}

@media only screen and (max-width: 768px) {
.swipper-home .slide-2{background:url(../images/home/au-petit-terroir-annecy-x1.webp) center center;background-size:cover}
.swipper-home .slide-3{background:url(../images/home/fromagerie-rue-sainte-claire-x1.webp) center center;background-size:cover}
.swipper-home .slide-4{background:url(../images/home/panier-cadeau-gourmands-x1.webp) center center;background-size:cover}
}

.swipper-home .swiper-button-prev,.swipper-home .swiper-button-next{color:#fff;font-size:1.5em;cursor:pointer;}
.swipper-home .swiper-button-prev:hover,.swipper-home .swiper-button-next:hover{color:#fff}
.swipper-home .swiper-pagination{margin: 0 1em}
.swipper-home .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.5}
.swipper-home .swiper-pagination .swiper-pagination-bullet-active{background:#fff;opacity:1}

@media only screen and (max-width: 768px) {
.swipper-home .swiper-pagination .swiper-pagination-bullet{pointer-events:none !important;cursor:default !important; padding: 5px}}

.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;will-change:opacity,transform}
.animate-on-scroll.inview{opacity:1;transform:none}
/* Variantes */
.fade-up    { transform: translateY(30px); }
.fade-left  { transform: translateX(-30px); }
.fade-right { transform: translateX(30px); }
.zoom-in    { transform: scale(0.95); }

@media (prefers-reduced-motion: reduce){.animate-on-scroll,.animate-on-scroll.inview{transition:none !important;transform:none !important;opacity:1 !important;}}

/*Hero Background*/
#hero-small .page_contact{background:url(../images/hero/boutique-annecy.webp) center center;background-size:cover}
#hero-small .page_actu{background:url(../images/hero/annecy-haute-savoie.webp) center center;background-size:cover}
#hero-small .page_paniers{background:url(../images/hero/panier-cadeaux-gourmands.webp) center center;background-size:cover}
#hero-small .page_produits{background:url(../images/hero/interieur-boutique-annecy.webp) center center;background-size:cover}
#hero-small .page_epicerie{background:url(../images/hero/annecy-fromager.webp) center center;background-size:cover}
@media only screen and (max-width: 768px) {
#hero-small .page_contact{background:url(../images/hero/boutique-annecy-x1.webp) center center;background-size:cover}
#hero-small .page_actu{background:url(../images/hero/annecy-haute-savoie-x1.webp) center center;background-size:cover}
#hero-small .page_paniers{background:url(../images/hero/panier-cadeaux-gourmands-x1.webp) center center;background-size:cover}
#hero-small .page_produits{background:url(../images/hero/interieur-boutique-annecy-x1.webp) center center;background-size:cover}
#hero-small .page_epicerie{background:url(../images/hero/annecy-fromager-x1.webp) center center;background-size:cover}
}

/*TAC*/
body.frontpage #tarteaucitron .tarteaucitronAllow{color:#000 !important;background: #fff !important;border:1px solid #000 !important}
body.frontpage #tarteaucitron .tarteaucitronDeny{color:#000 !important;background: #fff !important;border:1px solid #000 !important}
body.frontpage .tarteaucitronMainLine{border-bottom: 1px solid #000 !important; padding-bottom: 10px !important}
body.frontpage #tarteaucitron .tarteaucitronBorder {border-top: 1px solid #333 !important;border-bottom: 1px solid #333 !important;}
body.frontpage #tarteaucitron ul#tarteaucitronServices_mandatory{background:rgba(0,0,0,.1) !important}
body.frontpage ul#tarteaucitronServices_mandatory .tarteaucitronLine {background:rgba(0,0,0,.1) !important}
body.frontpage #tarteaucitronPrivacyUrlDialog{background: #000 !important; color: #fff !important}
body.frontpage a.tarteaucitronSelfLink img{opacity:.5 !important}
body.frontpage #tarteaucitronSaveButton.tarteaucitronAllow{color:#fff !important;background: #04AA6D !important;border:none !important}

#carrousel,#map-wrapper,#mod-last-articles{height:auto;transform:translateZ(0);}
#carrousel{will-change:transform}

/*JOURNL*/
.bloc-newspaper{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}
.nwp_featured{}
.nwp_padding{padding-bottom:2rem}
.nwp_content{}
.nwp_sidebar{}
.bloc-newspaper .col-70{flex: 0 1 70%}
.bloc-newspaper .col-30{flex: 0 0 26%}
.bloc-newspaper .col-30,.bloc-newspaper .col-70{min-width:0}

/* ========= Titres ========= */
.bloc-newspaper h1 {margin: 0 0 .125em;padding:0 !important}
.bloc-newspaper h2 {font-size: clamp(1.1rem, 1.7vw, 1.4rem);margin: 0 0 1.8rem}
.bloc-newspaper .newspaper-col p{margin-bottom:1rem;letter-spacing:-.030em}
.bloc-newspaper .newspaper-col p:last-child{margin-bottom:0}

/* ========= Faux multi-colonnes ========= */
.newspaper{--col-gap: 2rem;--border-color: #000;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);column-gap:var(--col-gap);align-items:flex-start}
.newspaper-col{font-size:1rem;line-height: 1.6;}
.newspaper-col:first-child {border-right: 1px solid var(--border-color);padding-right: calc(var(--col-gap) / 2)}
.newspaper-col:last-child{padding-left:0}


@media (max-width: 900px) {
  .bloc-newspaper {flex-direction:column;gap:2rem;align-items:stretch;justify-content:flex-start}
  .bloc-newspaper .col-70,.bloc-newspaper .col-30 {flex: 1 1 100%;width: 100%;}
  .bloc-newspaper .col-30{padding-top:1rem;text-align:center}
  .newspaper {grid-template-columns:1fr}
  .newspaper-col:first-child {border-right:none;padding-right:0}
  .newspaper-col:last-child {padding-left:0; margin-top: 1rem}
}

main .newspaper p{letter-spacing:-0.030em;}

/*Board Accueil*/
ul.board,.ul_producteur{margin-top:.825rem}
ul.board li,.ul_producteur li{position: relative;padding:.825rem 0 !important;text-align:center}
ul.board li:last-child,.ul_producteur li:last-child{padding:.525rem 0 0 0 !important}
ul.board li::before,.ul_producteur li::before{content:"";position:absolute;width:80px;height:1px;bottom:0;left:50%;transform: translateX(-50%);background:rgba(0,0,0,.3);border-radius:5px}
ul.board li:last-child::before,.ul_producteur li:last-child::before{display: none}

.board li {opacity: 0;transform: translateY(20px);transition: opacity .6s ease, transform .6s ease}
.board li.visible {opacity: 1;transform: translateY(0)}
.board li.visible:nth-child(1) { transition-delay:0ms}
.board li.visible:nth-child(2) { transition-delay:150ms}
.board li.visible:nth-child(3) { transition-delay:300ms}
.board li.visible:nth-child(4) { transition-delay:450ms}
.board li.visible:nth-child(5) { transition-delay:600ms}
.board li.visible:nth-child(6) { transition-delay:750ms}
.board li.visible:nth-child(7) { transition-delay:900ms}
.board li.visible:nth-child(8) { transition-delay:1050ms}