@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,0.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,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:0.9em;padding:0.4rem 0.6666666667rem;text-decoration:none;background-color:#7a9063;border:2px solid #f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,0,0,0.25);transition:background-color 250ms ease-in-out;display:flex;align-items:center;gap:0 0.4rem}main nav ul li a span.pastille{width:1.5em;height:1.5em;font-size:0.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:0.6666666667rem 1rem}main p.boutons a{padding:0.6666666667rem 1rem;color:#f5f5f5;font-size:0.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,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:0.6666666667rem;padding:0.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,0.1);box-sizing:border-box}main p select.DropDownList{width:100%;margin-top:0.6666666667rem;padding:0.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,0.1);box-sizing:border-box}main p textarea.TextBoxMultiLine{width:100%;height:10rem;margin-top:0.6666666667rem;padding:0.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,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,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,0.25);display:block}main div.catalogue.categories a span{display:block}main div.catalogue.categories a span.photo{margin-bottom:0.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 0.6666666667rem}main div.catalogue.articles a span.photo{padding:0.4rem 0.4rem;background-color:#f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,0,0,0.25)}main div.catalogue.articles a span.photo img{width:100%;height:auto;background-color:#a0342f;border-radius:0.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,0.75);font-size:0.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:0.4rem 2rem;color:#f5f5f5;font-size:0.9em;background-color:#93c560;border:2px solid #f5f5f5;border-radius:1rem;box-shadow:0 2px 5px 2px rgba(0,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:0.6666666667rem;background:none;border:none}main div.photo{width:100%;padding:0.4rem 0.4rem;background-color:#f5f5f5;border-radius:2rem;box-shadow:0 2px 5px 2px rgba(0,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,0.25);display:block;overflow:hidden}main div.liens a img{display:block}main.article .photo{padding:0.4rem 0.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,0.5);font-size:0.75em;display:block}main.article p.vigneron i,main.article p.elevage i{margin-left:1rem;margin-bottom:0.6666666667rem;color:rgba(41,41,41,0.75);font-size:0.9em;display:block}main.article hr{height:0;margin-bottom:2rem;background:none;border:none}main table{width:100%;background-color:#f5f5f5;border:1px solid #7a9063;border-collapse:collapse}main table tr th,main table tr td{padding:0.6666666667rem 1rem;border:1px solid #7a9063}main table tr th{color:#a0342f}main iframe{width:100%;height:auto;border:none;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,0.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:0.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,0.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:0.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,0.5);font-size:0.8em;text-align:center}footer p.copyright a{color:rgba(245,245,245,0.5);text-decoration:underline;transition:color 250ms ease-in-out}footer p.copyright a:hover{color:#f89c1b}