@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');@font-face{font-family:"Alta_caption";src:url("../fonts/Alta_caption.otf") format("opentype");font-display:swap}
@font-face{font-family:"Barlow";src:url("../fonts/Barlow-Regular.ttf") format("truetype");font-display:swap}
:root{--bkg_html:#000;--bkg_header:#000;--bkg_header_fixed:#000;--bkg_footer:#000;--bkg_menu:#000;--bkg_section:#000;--white-neon:#fff;--black:#24313c;--text-black:#070707;--color-link:#fff;--font-family:"Barlow",system-ui,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}::selection{color:var(--white-neon);background-color:var(--text-black)}
img,a{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-ms-user-drag:none;user-drag:none}
html{background-color:var(--bkg_section);scroll-behavior:initial}
html,body{min-height:100%;height:auto;width:100%;font-size:22px;margin:0;padding:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{z-index:1;padding:0;position:relative;line-height:1.4em}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bkg_section)}::-webkit-scrollbar-thumb{background:#ffffff85;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffffbd}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bkg_header_fixed) inset!important;-webkit-text-fill-color:var(--white-neon)!important}
.fw300{font-weight:300}
.fw500{font-weight:500}
.small{font-size:0.8rem}
.inline-block{display:inline-block}
.mrg0{margin:0!important}
.hidden{visibility:hidden}
.italic{font-style:italic}
.underline{text-decoration:underline!important;text-decoration-thickness:0.01rem!important;text-underline-offset:0.1rem!important}
.pointer{cursor:pointer}
sup{line-height:0}
ul{margin:0 auto;padding:0}
li{list-style-type:none}
a:hover{text-decoration:none}
.center{text-align:center}
button{cursor:pointer}
main{width:100%;height:100%;margin:0;z-index:10}
header{position:unset;top:-25vh;transition:top 0.8s linear;padding:0.25rem 1rem;z-index:50;width:100%;background:var(--bkg_header_fixed);border-bottom:1px solid #ffffff21}
.logo_website{width:24px!important;height:24px!important}
.head_links{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}
.head_links div.reseaux{margin-left:auto;margin-right:1.25rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1.25rem}
.head_links div.reseaux a{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}
.reseaux svg{width:26px;height:26px;color:var(--white-neon);cursor:pointer;opacity:0.8;transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-webkit-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear}
.reseaux svg:hover{opacity:1}
.menu_button{background:transparent;border:1px solid rgb(255 255 255 / 84%);border-radius:4px;padding:0.25rem 0.6rem 0.25rem 0.5rem;font-size:0.85rem;margin:0;color:var(--white-neon);max-height:40px;display:flex;flex-direction:row;flex-wrap:nowrap;transition:opacity 0.3s ease;justify-content:center;align-items:center}
.menu_button:hover{opacity:0.8}
.menu_button svg{width:26px;height:26px;margin-right:5px}
#menu{z-index:50;position:fixed;top:0;right:-100vw;height:100vh;max-width:100vw;min-width:25vw;overflow-y:auto;margin:0;border-left:1px solid #ffffff21;background:var(--bkg_menu);transition:right 0.6s ease-out;-moz-transition:right 0.6s ease-out;-webkit-transition:right 0.6s ease-out;-o-transition:right 0.6s ease-out;box-shadow:3px 0 10px 0 #000000de}
.show_menu{right:0!important;transition:right 0.3s ease-in-out!important;-moz-transition:right 0.3s ease-in-out!important;-webkit-transition:right 0.3s ease-in-out!important;-o-transition:right 0.3s ease-in-out!important}
#menu nav{padding:2rem;min-width:26vw}
#menu nav li{margin:0 0 1.5rem}
#menu a.nav_links,#menu span.nav_links{position:relative;font-size:1.1rem;font-weight:300;color:var(--white-neon);white-space:nowrap;text-decoration:none}
#menu a.nav_links::before,#menu span.nav_links::before{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background-color:var(--white-neon);transform:scaleX(0);transition:transform 0.25s ease-in-out;transform-origin:left}
#menu a.nav_links:hover::before,#menu span.nav_links:hover::before{transform:scaleX(1);transform-origin:bottom left}
p>a{text-decoration:underline;text-decoration-thickness:0.01rem;text-underline-offset:0.1rem;color:var(--white-neon)}
p>a:hover{text-decoration:none}
#A_PROPOS{background-image:url('../img/background/a-propos.webp')}
#YAOURTS{background-image:url('../img/background/yaourts.webp')}
#FROMAGE{background-image:url('../img/background/fromage.webp')}
#VISITES{background-image:url('../img/background/visites.webp')}
#HEBERGEMENT{background-image:url('../img/background/hebergement.webp')}
#IMMERSION{background-image:url('../img/background/immersion.webp')}
#CONTACT{background-image:url('../img/background/contact.webp')}
#ARTICLES{background-image:url('../img/background/blog.webp')}
main h1{color:var(--white-neon);font-size:clamp(26px,3.1vw,40px);text-align:center;padding:6vh 0;margin:0;letter-spacing:1px;font-weight:400;z-index:10;background:var(--bkg_section);line-height:30px;font-family:'Alta_caption',sans-serif}
.section{min-height:100vh;color:var(--white-neon);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center}
.container{width:100%;background:rgb(0 0 0 / 92%)}
.cont_flex{max-width:1000px;display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;align-content:center;align-items:center;justify-content:center}
.cont_text{width:50%;display:flex;flex-direction:column;justify-content:center}
.cont_text.text-left{padding:2rem 1.5rem 2rem 0.5rem}
.cont_text.text-right{padding:2rem 0.5rem 2rem 1.5rem}
p{margin:0;font-size:1rem;color:var(--white-neon);font-weight:400;line-height:1.2rem;text-shadow:0 0 8px #000}
strong{font-size:1rem;color:var(--white-neon);font-weight:500;letter-spacing:0.01rem}
.cont_text i{vertical-align:unset}
.cont_img{width:50%}
.cont_img img{width:100%;vertical-align:middle;margin:0}
.spacer{padding:30vh 0 0;line-height:0}
.cont_page{max-width:1000px;margin:0 auto;padding:0 1rem 3rem}
.cont_page h2{font-size:1.2rem;font-weight:300}
.cont_page a:hover{text-decoration:none}
.address{text-align:center;padding:6vh 0 0}
address{display:inline-block;text-align:center;font-style:normal}
p.contact{padding:0 1rem 8vh;margin:4vh 0 0;font-size:1rem;text-align:center}
.form_contact{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2rem;grid-row-gap:1rem;padding:0 1rem 2.5rem}
.form_contact div{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:0.25rem}
.form_contact label{font-size:1rem;font-weight:400}
.form_contact input,.form_contact textarea{font-weight:400;background:var(--bkg_header_fixed);border:1px solid var(--white-neon);border-radius:4px;font-size:1rem;color:var(--white-neon);outline:none;font-family:'Open Sans',sans-serif;width:100%;padding:0.5rem 1rem;line-height:1rem}
.form_contact input:focus,.form_contact textarea:focus{outline:1px solid var(--white-neon)}
.texta{grid-column-start:1;grid-column-end:3}
.form_contact textarea{resize:vertical;line-height:1.5rem}
.orange{color:orange!important}
.green{color:lightgreen!important}
.error_mail{display:none}
.form_contact button#send_contact{font-size:1rem;padding:0.5rem 1rem;background-color:var(--bkg_header_fixed);color:var(--white-neon);border:1px solid var(--white-neon);border-radius:4px;font-weight:400;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0.2rem;transition:opacity 0.3s ease;align-self:flex-start}
.form_contact button#send_contact:hover{opacity:0.8}
.spinner{display:none;width:22px;height:22px}
@keyframes spin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
.spinner_anim{animation:2s linear 0s infinite spin}
#ARTICLES ul{width:clamp(340px,90vw,1000px);margin:0 auto}
#ARTICLES li{margin:0 0 2vh;font-weight:300;background:var(--bkg_section);padding:1vmax 2vmax;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%),0 2px 10px 0 rgb(0 0 0 / 12%);border-radius:6px;cursor:pointer}
#ARTICLES li:last-child{margin:0}
#ARTICLES li a{white-space:normal;text-decoration:none;font-size:clamp(1em,2.2vw,30px);color:var(--white-neon);font-weight:300}
#ARTICLES li a:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:0.01rem;text-underline-offset:0.1rem}
#ARTICLES li img{width:clamp(100px,12vw,200px);margin-right:2vmax}
.date_article{display:inline-block;font-size:0.8rem;font-weight:300;margin:1vh 0 0;color:var(--white-neon)}
.keywords{margin:5vh 0}
article.blog{min-height:100vh}
nav#nav_articles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2vh 1vw;margin:0 0 4vh}
nav#nav_articles a,nav#nav_articles span{white-space:normal;text-decoration:none;font-size:1rem;color:var(--white-neon);font-weight:300;max-width:35vmax}
nav#nav_articles a:hover{text-decoration:underline!important;text-decoration-thickness:0.01rem!important;text-underline-offset:0.1rem!important}
nav#nav_articles a.underline:hover{text-decoration:none!important;}
.flex-arti-top{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin:0 0 6vh}
.flex-arti-top-titre{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;margin:0 0 0 2rem}
.logo_article{min-width:300px;border:3px solid var(--white-neon)}
h1.title_article{padding:0;font-family:var(--font-family);font-weight:300;margin:0 0 1vh;font-size:clamp(26px,3vw,36px);line-height:clamp(128%,5vh,140%);text-align:left;letter-spacing:unset;background:unset}
.container_article{width:clamp(340px,80vw,1200px);margin:0 auto;color:var(--white-neon)}
.text_article h2,.text_article h3,.text_article h4{margin:4vh 0;font-size:2rem;font-weight:400;color:var(--white-neon);font-family:var(--font-family);text-align:inherit;padding:0;letter-spacing:0;background:none;line-height:inherit;z-index:inherit}
.text_article h2{font-size:1.8rem}
.text_article h3{font-size:1.5rem}
.text_article h4{font-size:1.2rem}
.text_article p,.keywords p,.text_article em,.text_article strong,.text_article li,.text_article a{margin:0;font-size:0.9rem;font-weight:400;color:var(--white-neon);font-family:var(--font-family);letter-spacing:0.01rem}
.text_article strong{font-weight:500}
.text_article em{font-style:italic}
.text_article ol li{list-style-type:decimal}
.text_article ul li{list-style-type:disc}
.text_article a{text-decoration:underline;text-decoration-thickness:1px}
.text_article a:hover{text-decoration:none}
.text_article hr{height:1px;background-color:var(--white-neon);border:none}
.keywords{margin:5vh 0}
#footer{background:var(--bkg_footer);padding:15px 20px 20px;margin:0 auto;color:var(--white-neon);z-index:10}
#footer a{color:var(--white-neon);font-size:0.9rem;text-decoration:none;margin:0 20px 0 0}
#footer a:last-child{margin:0}
#footer a.underline:hover{text-decoration:none!important}
#footer{width:100%;text-align:center;font-size:1rem;letter-spacing:0.5px;margin:0;font-weight:300;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-evenly;align-items:center;background:var(--bkg_header_fixed);border-top:1px solid #ffffff21}
#footer .copyright{font-size:0.9rem}
#to_top{z-index:15;left:-100px;bottom:8px;position:fixed;background:transparent;border:1px solid var(--white-neon);border-radius:4px;width:45px;height:44px;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}
#to_top:hover{background:#ffffff73}
.top_arrow{color:var(--white-neon);width:36px;height:36px}
h1.page_not_found{line-height:5rem;font-size:3rem;min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;padding:0;margin:0 0}
@media all and (max-width:901px){header{padding:0.2rem 0.5rem}
.head_links{justify-content:space-between}
.head_links div.reseaux{display:none}
main h1{padding:4vh 4vw}
.cont_flex{flex-direction:column}
.cont_text{order:0;width:100%;padding:3rem 1.5rem!important}
.cont_img{order:1;width:100%}
.spacer{display:none}
.flex-arti-top{display:flex;flex-direction:column;align-items:stretch;margin:0 0 1.5rem}
.flex-arti-top-titre{margin:1rem 0 0}
nav#nav_articles a:first-child,nav#nav_articles span:first-child,nav#nav_articles a:last-child,nav#nav_articles span:last-child{display:none}
nav#nav_articles{justify-content:center;margin:2vh 0 4vh}
#ARTICLES{padding:6vh 0 0}}
@media all and (max-width:768px){.logo_website{width:70px}
header{padding:0.5rem 0.5rem}
.menu_button{padding:0.2rem}
.menu_button svg{margin-right:0}
.menu_text{display:none}
#A_PROPOS,#YAOURTS,#FROMAGE,#VISITES,#HEBERGEMENT,#IMMERSION,#CONTACT,#ARTICLES{background-image:none}
#CONTACT{margin-top:2rem}
#menu{min-width:82vw}
#menu nav{padding:1.4rem}
#menu nav li{margin:0 0 1rem}
#menu a.nav_links,#menu span.nav_links{white-space:normal;font-size:1rem}
p.text_home{padding:0.5rem;margin:24vh 0 0;width:100%;max-width:none}
main h1{padding:2rem 0.5rem 0;font-weight:600;font-size:24px;margin-bottom:-1rem}
.cont_img{padding:0 1rem}
.form_contact{display:flex;padding-bottom:2.5rem;flex-wrap:nowrap;column-gap:2rem;row-gap:1rem;justify-content:flex-start}
.form_contact div{width:100%}
p,strong,address,p.contact,.form_contact label,.form_contact input,.form_contact textarea,.form_contact button#send_contact{font-size:0.85rem}
#ARTICLES{padding:4vh 0 0}
#ARTICLES ul{max-width:90%}
#ARTICLES li{border:1px solid var(--white-neon);flex-direction:column;align-items:start;padding:0.5rem;margin:0 0 4vh!important}
#ARTICLES li img{width:100%;margin:0}
#ARTICLES li a{margin:2vh 0 1vh;display:inline-block}
.container_article{max-width:90%;padding:0 0.1rem}
#footer{margin:0 auto;padding:10% 4%}
#footer{flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:space-between;align-items:center}
#footer .copyright{margin:1em 0 .9em}}
@media all and (max-width:768px) and (orientation:landscape){.cont_img img{max-width:80%;margin:0 auto;display:block}}