﻿@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lily+Script+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");html{width:100%;height:100%;margin:0;padding:0;color:#292929;font-family:"Inter",sans-serif;font-size:1em;font-style:normal;font-weight:normal;background-color:rgba(242,240,231,.75);}html *{margin:0;padding:0;}html body,html form{width:100%;height:100%;}html #layout{width:100%;min-height:100%;display:flex;flex-direction:column;}html #layout main{flex:1;}header{background-color:#7a9063;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);overflow:hidden;}header>div{max-width:1000px;margin:0 auto;padding:2rem 2rem;background-color:#f2f0e7;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;}@media(min-width:854px) and (min-height:480px){header>div{flex-direction:row;gap:2rem;}}header>div>div{position:relative;z-index:10;}@media(min-width:854px) and (min-height:480px){header>div>div{flex:1;}}header>div::before{content:"";width:calc(50% + 6rem);background-image:url("Images/Vignes1.svg");background-repeat:no-repeat;background-position:left center;background-size:auto 100%;position:absolute;top:0;left:-6rem;bottom:0;z-index:1;}@media(min-width:854px) and (min-height:480px){header>div::before{width:50%;left:0;}}header>div::after{content:"";width:calc(50% + 6rem);background-image:url("Images/Vignes2.svg");background-repeat:no-repeat;background-position:right center;background-size:auto 100%;position:absolute;top:0;right:-6rem;bottom:0;z-index:1;}@media(min-width:854px) and (min-height:480px){header>div::after{width:50%;right:0;}}header div.logo a{text-decoration:none;display:block;}@media(min-width:854px) and (min-height:480px){header div.logo a{width:fit-content;margin:0 auto;}}header div.logo a img{width:auto;height:8rem;display:block;}header div.slogan{font-family:"Londrina Solid",sans-serif;font-size:1.5em;font-style:normal;font-weight:400;}header div.slogan span{color:#7a9063;}@media(min-width:854px) and (min-height:480px){header div.slogan span{display:block;}}header div.slogan span:last-child{color:#a0342f;}main section{padding:2rem 2rem;}main section:nth-child(even){background-color:#f2f0e7;}main section.vert{background-color:#ecefc2!important;}main section>div{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:2rem 2rem;}main section>div h1{max-width:100%;flex:1 1 100%;}main section>div div.bloc[data-poids="100"]{max-width:100%;flex:1 1 100%;}main section>div div.bloc[data-poids="75"]{max-width:100%;flex:1 1 100%;}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="75"]{max-width:75%;flex:1 1 calc(75% - 2rem);}}main section>div div.bloc[data-poids="66"]{max-width:100%;flex:1 1 100%;}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="66"]{max-width:66%;flex:1 1 calc(66% - 2rem);}}main section>div div.bloc[data-poids="50"]{max-width:100%;flex:1 1 100%;}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="50"]{max-width:50%;flex:1 1 calc(50% - 2rem);}}main section>div div.bloc[data-poids="33"]{max-width:100%;flex:1 1 100%;}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="33"]{max-width:33%;flex:1 1 calc(33% - 2rem);}}main section>div div.bloc[data-poids="25"]{max-width:50%;flex:1 1 calc(50% - 2rem);}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="25"]{max-width:25%;flex:1 1 calc(25% - 2rem);}}main section>div div.bloc[data-poids="20"]{max-width:calc(50% - 2rem);flex:1 1 calc(50% - 2rem);}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="20"]{max-width:20%;flex:1 1 calc(20% - 2rem);}}main section>div div.bloc[data-poids="16"]{max-width:50%;flex:1 1 calc(50% - 2rem);}@media(min-width:854px) and (min-height:480px){main section>div div.bloc[data-poids="16"]{max-width:16%;flex:1 1 calc(16% - 2rem);}}main section.full{padding:0;}main section.full>div{max-width:unset;margin:0;}main nav{box-sizing:border-box;}main nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}main nav ul li{display:block;}main nav ul li a{color:#f5f5f5;font-size:.9em;padding:.4rem .6666666667rem;text-decoration:none;background-color:#7a9063;border:2px solid #f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);transition:background-color 250ms ease-in-out;display:flex;align-items:center;gap:0 .4rem;}main nav ul li a span.pastille{width:1.5em;height:1.5em;font-size:.75em;background-color:#a0342f;border-radius:50%;transition:background-color 250ms ease-in-out;display:flex;justify-content:center;align-items:center;}main nav ul li a:hover{background-color:#a0342f;}main nav ul li a:hover span.pastille{background-color:#93c560;}main h2:not(:last-child),main h3:not(:last-child),main p:not(:last-child),main table:not(:last-child){margin-bottom:2rem;}main h1,main h2{color:#a0342f;font-family:"Lily Script One",system-ui;font-weight:400;font-style:normal;text-align:center;}main h1{font-size:2.2em;}main h2{font-size:2em;}main h3{color:#7a9063;font-family:"Londrina Solid",sans-serif;font-size:1.5em;font-style:normal;font-weight:400;}main p{text-align:justify;}main p a{color:#93c560;transition:color 250ms ease-in-out;}main p a:hover{color:#a0342f;}main p.boutons{display:flex;flex-wrap:wrap;justify-content:center;gap:.6666666667rem 1rem;}main p.boutons a{padding:.6666666667rem 1rem;color:#f5f5f5;font-size:.9em;text-decoration:none;text-transform:uppercase;background-color:#93c560;border:2px solid #f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);transition:background-color 250ms ease-in-out;display:block;}main p.boutons a:hover{background-color:#a0342f;}main p input.TextBox{width:100%;margin-top:.6666666667rem;padding:.6666666667rem 1rem;color:#292929;font-family:"Inter",sans-serif;font-size:1em;font-style:normal;font-weight:normal;background-color:#f5f5f5;border:1px solid #93c560;border-radius:2rem;box-shadow:inset 0 2px 5px 2px rgba(0,0,0,.1);box-sizing:border-box;}main p select.DropDownList{width:100%;margin-top:.6666666667rem;padding:.6666666667rem 1rem;color:#292929;font-family:"Inter",sans-serif;font-size:1em;font-style:normal;font-weight:normal;background-color:#f5f5f5;border:1px solid #93c560;border-radius:2rem;box-shadow:inset 0 2px 5px 2px rgba(0,0,0,.1);box-sizing:border-box;}main p textarea.TextBoxMultiLine{width:100%;height:10rem;margin-top:.6666666667rem;padding:.6666666667rem 1rem;color:#292929;font-family:"Inter",sans-serif;font-size:1em;font-style:normal;font-weight:normal;background-color:#f5f5f5;border:1px solid #93c560;border-radius:2rem;box-shadow:inset 0 2px 5px 2px rgba(0,0,0,.1);box-sizing:border-box;resize:vertical;}main div.cadre{width:100%;padding:2rem 2rem;background-color:#f5f5f5;border-radius:2rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);box-sizing:border-box;}main div.imageGauche img{display:none;}@media(min-width:854px) and (min-height:480px){main div.imageGauche{padding-left:calc(40% + 2rem);position:relative;overflow:hidden;}main div.imageGauche *{position:relative;z-index:10;}main div.imageGauche img{width:40%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;bottom:0;z-index:1;}}main div.catalogue{display:grid;grid-template-rows:repeat(auto);gap:2rem 2rem;}main div.catalogue.categories{grid-template-columns:repeat(2,1fr);}@media(min-width:854px) and (min-height:480px){main div.catalogue.categories{grid-template-columns:repeat(4,1fr);}}main div.catalogue.categories a{padding:1rem 1rem;text-decoration:none;background-color:#f5f5f5;border-radius:2rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);display:block;}main div.catalogue.categories a span{display:block;}main div.catalogue.categories a span.photo{margin-bottom:.6666666667rem;}main div.catalogue.categories a span.photo img{width:50%;height:auto;margin:0 auto;aspect-ratio:1/1;display:block;}main div.catalogue.categories a span.libelle{color:#7a9063;font-family:"Londrina Solid",sans-serif;font-size:1.2em;font-style:normal;font-weight:400;text-align:center;}main div.catalogue.categories a.blancs span.libelle{color:#ecd295;}main div.catalogue.categories a.rosés span.libelle{color:#f9bbbb;}main div.catalogue.categories a.rouges span.libelle{color:#f05e5e;}main div.catalogue.categories a.oranges span.libelle{color:#f89b48;}main div.catalogue.categories a.pétillants span.libelle{color:#aeab93;}main div.catalogue.categories a.sucrés span.libelle{color:#ffc217;}main div.catalogue.categories a.blouges span.libelle{color:#0753a0;}main div.catalogue.categories a.oxydatifs span.libelle{color:#28b675;}main div.catalogue.articles{grid-template-columns:1fr;}@media(min-width:854px) and (min-height:480px){main div.catalogue.articles{grid-template-columns:repeat(3,1fr);}}main div.catalogue.articles a{color:#292929;text-decoration:none;display:block;}main div.catalogue.articles a span{display:block;}main div.catalogue.articles a span:not(.photo){padding:0 .6666666667rem;}main div.catalogue.articles a span.photo{padding:.4rem .4rem;background-color:#f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);}main div.catalogue.articles a span.photo img{width:100%;height:auto;background-color:#a0342f;border-radius:.6666666667rem;aspect-ratio:1/1;object-fit:cover;display:block;}main div.catalogue.articles a span.categorie,main div.catalogue.articles a span.marque{color:#a0342f;font-family:"Lily Script One",system-ui;font-weight:400;font-style:normal;}main div.catalogue.articles a span.libelle{color:#7a9063;}main div.catalogue.articles a span.vigneron{color:rgba(122,144,99,.75);font-size:.75em;font-style:italic;}main div.catalogue.articles a span.prix{text-align:center;}main div.catalogue.articles a span.bouton{width:fit-content;margin:0 auto;padding:.4rem 2rem;color:#f5f5f5;font-size:.9em;background-color:#93c560;border:2px solid #f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);transition:background-color 250ms ease-in-out;}main div.catalogue.articles a span.bouton:hover{background-color:#a0342f;}main div.catalogue.articles a hr{height:0;margin-bottom:.6666666667rem;background:none;border:0;}main div.photo{width:100%;padding:.4rem .4rem;background-color:#f5f5f5;border-radius:2rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);box-sizing:border-box;}main div.photo img{width:100%;height:auto;background-color:#a0342f;border-radius:1.6666666667rem;display:block;}main div.sansCadre div.photo{width:100%;padding:0;background-color:none;border-radius:0;box-shadow:none;box-sizing:border-box;}main div.sansCadre div.photo img{width:100%;height:auto;background-color:none;border-radius:0;display:block;}main div.liens{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 2rem;}main div.liens a{width:auto;height:100%;border-radius:2rem;box-shadow:0 2px 5px 2px rgba(0,0,0,.25);display:block;overflow:hidden;}main div.liens a img{display:block;}main.article .photo{padding:.4rem .4rem;}main.article .photo img{width:100%;height:auto;background-color:#a0342f;border-radius:1.6666666667rem;aspect-ratio:3/4;object-fit:cover;display:block;}main.article p.categorie,main.article p.marque,main.article p.libelle,main.article p.millesime,main.article p.prix{text-align:center;}main.article p.categorie:not(.prix),main.article p.marque:not(.prix),main.article p.libelle:not(.prix),main.article p.millesime:not(.prix),main.article p.prix:not(.prix){margin-bottom:0;}main.article p.categorie.categorie,main.article p.categorie.marque,main.article p.marque.categorie,main.article p.marque.marque,main.article p.libelle.categorie,main.article p.libelle.marque,main.article p.millesime.categorie,main.article p.millesime.marque,main.article p.prix.categorie,main.article p.prix.marque{color:#a0342f;font-size:1.1em;font-family:"Lily Script One",system-ui;font-weight:400;font-style:normal;}main.article p.categorie.libelle,main.article p.categorie.millesime,main.article p.marque.libelle,main.article p.marque.millesime,main.article p.libelle.libelle,main.article p.libelle.millesime,main.article p.millesime.libelle,main.article p.millesime.millesime,main.article p.prix.libelle,main.article p.prix.millesime{color:#7a9063;}main.article p.categorie.libelle.libelle,main.article p.categorie.millesime.libelle,main.article p.marque.libelle.libelle,main.article p.marque.millesime.libelle,main.article p.libelle.libelle.libelle,main.article p.libelle.millesime.libelle,main.article p.millesime.libelle.libelle,main.article p.millesime.millesime.libelle,main.article p.prix.libelle.libelle,main.article p.prix.millesime.libelle{font-size:1.25em;}main.article p.categorie.prix,main.article p.marque.prix,main.article p.libelle.prix,main.article p.millesime.prix,main.article p.prix.prix{font-size:1.25em;font-weight:bold;}main.article p.categorie.prix i,main.article p.marque.prix i,main.article p.libelle.prix i,main.article p.millesime.prix i,main.article p.prix.prix i{color:rgba(41,41,41,.5);font-size:.75em;display:block;}main.article p.vigneron i,main.article p.elevage i{margin-left:1rem;margin-bottom:.6666666667rem;color:rgba(41,41,41,.75);font-size:.9em;display:block;}main.article hr{height:0;margin-bottom:2rem;background:none;border:0;}main table{width:100%;background-color:#f5f5f5;border:1px solid #7a9063;border-collapse:collapse;}main table tr th,main table tr td{padding:.6666666667rem 1rem;border:1px solid #7a9063;}main table tr th{color:#a0342f;}main iframe{width:100%;height:auto;border:0;border-top:1px solid #93c560;border-bottom:1px solid #93c560;aspect-ratio:16/10;display:block;}@media(min-width:854px) and (min-height:480px){main iframe{height:20rem;aspect-ratio:unset;}}main .rouge{color:#a0342f;}footer{padding:2rem 2rem;background-image:url("Images/Pied.png");background-repeat:no-repeat;background-position:center;background-size:cover;}footer>div{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;}@media(min-width:854px) and (min-height:480px){footer>div{flex-direction:row;justify-content:space-evenly;gap:2rem;}}footer>div:not(:last-child){margin-bottom:2rem;}footer div.logo{display:flex;justify-content:center;align-items:center;}footer div.logo a{text-decoration:none;display:block;}footer div.logo a img{width:auto;height:8rem;display:block;}footer div.slogan{font-family:"Londrina Solid",sans-serif;font-size:1.5em;font-style:normal;font-weight:400;}footer div.slogan span{color:rgba(245,245,245,.75);}@media(min-width:854px) and (min-height:480px){footer div.slogan span{display:block;}}footer div.sousMenu ul{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;}footer div.sousMenu ul:not(:last-child){margin-bottom:1rem;}footer div.sousMenu ul li{display:block;}footer div.sousMenu ul li a{color:rgba(245,245,245,.75);text-decoration:none;display:block;transition:color 250ms ease-in-out;}footer div.sousMenu ul li a img{height:1.5em;filter:invert(1);opacity:.75;display:block;transition:opacity 250ms ease-in-out;}footer div.sousMenu ul li a:hover{color:#a0342f;}footer div.sousMenu ul li a:hover img{opacity:1;}footer div.sousMenu ul.social{flex-direction:row;gap:1rem;}footer p.copyright{color:rgba(245,245,245,.5);font-size:.8em;text-align:center;}footer p.copyright a{color:rgba(245,245,245,.5);text-decoration:underline;transition:color 250ms ease-in-out;}footer p.copyright a:hover{color:#f89c1b;}