:root { 
--main-couleurvioletfonce: #673472;
--main-couleurrouge: #cd0f45;
--main-couleurgris: #f4f4f4;
--main-couleurvioletclair: #75719a;
--main-couleurbleu: #a2d7e6;
--main-couleurgrisfonce: #4D4C4C;
--main-couleurblanc: #fff;
--main-couleurnoir: #000;
font-size: 16px;
}
body { 
margin: 0;
padding: 0;
font-family: 'Darker Grotesque', sans-serif;
box-sizing: border-box;
}
div#conteneur * { 
box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 { 
font-family: 'Capriola', sans-serif;
color: #673472;
font-weight: 400;
}
html { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande  table { 
margin: 0; margin-bottom: 30px; padding: 0; border-collapse: collapse; width: 100%; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande  table thead tr th { 
background-color: #bfe0d7; border: 0.5px solid #663473; text-transform: uppercase; margin: 0; padding: 5px; text-align: center; color: #663473; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.confirmationCommande div.startNewOrder form h4 { 
margin: 0; padding: 0; padding-bottom: 15px; font-size: 14px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.confirmationCommande div.startNewOrder form p.navigation button { 
margin: 0; padding: 10px; background-color: #663473; border: 0; color: #ffffff; font-size: 13px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.confirmationCommande h3 { 
margin: 0; padding: 0; padding-bottom: 15px; font-size: 18px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.confirmationCommande p a { 
color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.confirmationCommande p a:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees div.adressePanier div.adresseLivraison { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 18px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p { 
margin: 0; padding: 0; padding-bottom: 20px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p a { 
color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p.navigation.back { 
margin: 0; margin-bottom: 20px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p.navigation.back a { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p.navigation.back a:hover { 
color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p.navigation.select { 
margin: 0; margin-bottom: 30px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form div.login p.navigation.select input { 
margin: 0; padding: 10px; background-color: #bfe0d7; border: 0; color: #663473; font-size: 13px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.actualisation div.adressePanier div.adresseFacturation fieldset { 
margin: 0; margin-bottom: 20px; padding: 0; padding-left: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.actualisation div.adressePanier div.adresseFacturation fieldset legend { 
margin: 0; padding: 0; font-size: 16px; color: #ffcc00;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.actualisation div.adressePanier div.adresseFacturation fieldset p label.champObligatoire.left { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.actualisation div.adressePanier div.adresseFacturation fieldset p label.champObligatoire.left::after { 
content: "*";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.actualisation p.navigation.back a { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.actualisation p.navigation.back a:hover { 
color: #B4AAA0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.adresseFacturation { 
margin: 0; margin-bottom: 20px; padding: 0; padding-left: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.adresseFacturation legend { 
margin: 0; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.adresseFacturation legend p { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.personneAcces { 
margin: 0; margin-bottom: 20px; padding: 0; padding-left: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.personneAcces legend { 
margin: 0; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.personneFacturation { 
margin: 0; margin-bottom: 20px; padding: 0; padding-left: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.personneFacturation legend { 
margin: 0; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register div.adressePanier div.adresseFacturation fieldset.personneFacturation p { 
margin: 0; padding: 0; font-size: 14px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register p.navigation.back { 
margin: 0; margin-bottom: 30px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register p.navigation.back a.willLogin { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.coordonnees form.inscription div.register p.navigation.back a.willLogin:hover { 
color: #B4AAA0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.expedition form fieldset legend { 
margin: 0; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.expedition form fieldset.expedition { 
margin: 0; margin-bottom: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.continue { 
margin: 0; padding: 0; padding-bottom: 30px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.continue p.navigation { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.continue p.navigation button { 
margin: 0; padding: 10px; background-color: #663473; border: 0; color: #ffffff; font-size: 13px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.continue p.navigation button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.start h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 18px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.start p.navigation { 
margin: 0; margin-bottom: 30px; padding: 0; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.start p.navigation a.valider { 
color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.start p.navigation a.valider:hover { 
color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier div.continueShopping div.start p.navigation a.valider:visited { 
color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier form div.continueShopping div.continue h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier form div.submitOrder { 
margin: 0; margin-bottom: 30px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier form div.submitOrder h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.panier h3 { 
margin: 0; padding: 0; padding-bottom: 30px; font-size: 18px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check div.startNewOrder form button { 
margin: 0; padding: 10px; background-color: #ffcc00; border: 0; color: #ffffff; font-size: 14px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check div.startNewOrder form button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check div.startNewOrder form h4 { 
margin: 0; margin-top: 20px; margin-bottom: 20px; padding: 0; font-size: 16px; color: #ffcc00;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check h3 { 
margin: 0; padding: 0; padding-bottom: 10px; font-size: 18px; color: #ffcc00;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check p { 
margin: 0; padding: 0; font-size: 14px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check p a { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.payment-by-check p a:hover { 
color: #ffcc00;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif div.recapitulatif h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif form div.methods-of-payment { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif form div.methods-of-payment h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif form div.save-your-order { 
margin: 0; margin-bottom: 20px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif form div.save-your-order h4 { 
margin: 0; margin-bottom: 20px; padding: 0; font-size: 16px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif form div.save-your-order p a { 
font-size: 14px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi div.recapitulatif h3 { 
margin: 0; padding: 0; padding-bottom: 30px; font-size: 18px; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi ol.etape { 
margin: 0; padding: 0; padding-bottom: 20px; width: 100%; text-align: center; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi ol.etape li { 
display: inline-block; margin: 0; padding: 0; padding-right: 30px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi ol.etape li a { 
margin: 0; padding: 0; color: #663473; font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi ol.etape li a:active { 
margin: 0; padding: 0; color: #663473;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi p.navigation { 
margin: 0; margin-bottom: 30px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi p.navigation button.valider { 
margin: 0; padding: 10px; background-color: #bfe0d7; border: 0; color: #663473; font-size: 15px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi p.navigation button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi p.navigation input.valider { 
margin: 0; padding: 10px; background-color: #bfe0d7; border: 0; color: #663473; font-size: 15px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet div.suivi p.navigation input.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td { 
color: #663473; border: 0.5px solid #663473; font-size: 14px; font-weight: normal; margin: 0; padding: 5px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td div.enlever input { 
margin: 0; padding: 0; padding-left: 20px; border: 0; background: url(../images/fbBoutonEnlever.png) center left no-repeat; font-size: 14px; font-weight: normal; color: #663473; text-transform: uppercase; text-align: center; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td div.quantite input { 
width: 30px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input { 
margin: 0; padding: 0; padding-left: 20px; border: 0; background: url(../images/fbBoutonEnlever.png) center left no-repeat; font-size: 14px; font-weight: normal; color: #663473; text-transform: uppercase; text-align: center; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant { 
text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire { 
text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite input { 
width: 30px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td { 
color: #663473; border: 0.5px solid #663473; font-size: 13px; font-size: 14px; font-weight: bold; margin: 0; padding: 5px; text-align: center; text-transform: uppercase;
}
#gdpr-cookie-message { 
z-index: 10000000;
	margin: 0;
	right: 1rem;
	bottom: 1rem;
	margin-left: 1rem;
}
body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { 
max-width: initial;
	margin: initial;
padding: 0;
}
body.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { 
padding: 3rem 1rem 2rem;
background-image: url(../images/picto_grappe.svg);
background-repeat: no-repeat;
background-position: center .75rem;
background-size: auto 2rem;
}
body.nos-prestations div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections { 
max-width: 1320px;
margin: 0 auto;
margin-bottom: 1rem;
grid-column: 1/5;
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul li a, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul li a { 
margin: 0; padding: 0; color: #ffffff; font-size: 1.2em; text-decoration: none;
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul li a.on, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul li a.on, body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul li a.over, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul li a.over { 
text-decoration: underline;
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul li a:hover, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul li a:hover { 
text-decoration: underline;
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul li ul li, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul li ul li { 
margin: 0; padding: 0; font-size: 0.9em; color: #ffffff;
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul li ul.liste-information-inf, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul li ul.liste-information-inf { 
margin: 0; margin-left: 20px; margin-top: 5px; padding: 0; padding-bottom: 10px; padding-left: 20px; color: #ffffff; list-style: circle;
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication ul, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication ul { 
margin: 0; padding: 0; padding-bottom: 10px; color: #ffffff; list-style: none;
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication { 
margin: 0 .5rem 2rem .5rem;
padding: 0;
flex-shrink: 0;
background-color: var(--main-couleurvioletfonce);
border-radius: 10px;
padding: .5rem 1rem;
}
body[class*="la-cave"] div#zoneCentre, body.rayons div#zoneCentre { 
/*max-width: 992px;*/
margin: 0 auto;
display: flex;
flex-direction: column;
}
div#zoneCentre div#detailPublication.IndeXysPortletPublication div.contenuPortlet { 
max-width: 992px;
margin: 0 auto 1rem;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.contenuPortlet { 
max-width: 992px;
margin: 0 auto 1rem;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.multiPages p { 
text-align: center;
font-size: 1.75rem;
color: var(--main-couleurrouge);
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.multiPages p a { 
color: var(--main-couleurvioletfonce);
text-decoration: inherit;
font-size: 1.25rem;
padding: 0 .5rem;
}
div#zoneCentre div#listePublicationLiee.IndeXysPortletRubriquePublication div.multiPages p a:hover { 
text-decoration: underline;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu { 
max-width: 992px;
margin: 0 auto;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu { 
max-width: 992px;
margin: 0 auto;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille { 
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 1rem;
row-gap: 1rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien { 
display: flex;
color: var(--main-couleurblanc);
border-radius: 15px;
max-width: 680px;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien div.detailLien { 
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
width: 100%;
font-size: .8em;
padding: .5rem
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien div.detailLien a { 
display: inline-block;
background-color: var(--main-couleurblanc);
padding: .25rem .75rem;
text-decoration: none;
color: var(--main-couleurvioletfonce);
font-weight: 600;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien div.detailLien a span::after { 
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: .5rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien div.detailLien h4 { 
color: var(--main-couleurblanc);
text-align: center;
margin: 0;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien div.detailLien p { 
text-align: center;
margin: 0;
font-size: 1rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien img { 
width: 100%;
height: auto;
border-radius: 15px 0 0 15px;
max-width: 160px;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a { 
display: inline-flex;
background-color: var(--main-couleurrouge);
padding: .25rem 1rem;
border-radius: 15px;
justify-content: center;
align-items: center;
color: var(--main-couleurblanc);
text-decoration: none;
font-weight: 600;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu p a::after { 
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--main-couleurblanc);
margin-left: 1rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.apprendreLeVin div.contenu { 
padding: 5rem 1rem 2rem;
	background-image: url(../images/picto_grappe.svg);
	background-repeat: no-repeat;
	background-position: center 1rem;
	background-size: auto 4rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.apprendreLeVin div.contenu h2 { 
margin: .75rem 0;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.apprendreLeVin div.contenu p { 
color: var(--main-couleurvioletclair);
	font-family: 'Capriola', sans-serif;
	font-size: .95rem;
	line-height: 1.75rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie { 
position: relative;
background-color: var(--main-couleurgris);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu { 
padding: 4rem 0 1rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu div.grille div.lien:nth-of-type(even) { 
background-color: var(--main-couleurvioletclair);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu div.grille div.lien:nth-of-type(odd) { 
background-color: var(--main-couleurvioletfonce);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu h2 { 
margin-top: 0;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu p { 
font-size: 1.2rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu::after { 
content: "";
position: absolute;
top: 1.9rem;
left: 0;
display: block;
border-bottom: 1px solid var(--main-couleurgrisfonce);
width: 15%;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.coursOenologie div.contenu::before { 
content: "Prestations";
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin-left: 16%;
padding: .5rem 0;
background-color: var(--main-couleurgris);
z-index: 10;
font-size: 1.75rem;
color: var(--main-couleurvioletclair);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.laCave div.contenu { 
background-color: var(--main-couleurgris);
background-image: url(../images/laCave.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
padding: 10rem 1rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.laCave div.contenu h2 { 
background-image: url(../images/picto_cave.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 3rem;
margin: 0;
padding: 3rem 0 0;
color: var(--main-couleurblanc);
text-shadow: 0 0 3px var(--main-couleurnoir);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.laCave div.contenu p { 
margin: 0 0 1rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.laCave div.contenu p:first-of-type { 
text-shadow: 0 0 3px var(--main-couleurnoir);
color: var(--main-couleurblanc);
font-weight: 700;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu { 
padding: 2rem 0;
position: relative;
max-width: 800px;
margin: 0 auto;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu h2 { 
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu p:first-of-type { 
font-family: 'Capriola', sans-serif;
font-weight: 600;
color: var(--main-couleurvioletfonce);
font-size: 1.25rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu::after { 
/*content: "";*/
display: block;
position: absolute;
top: 20%;
right: 0;
width: 4rem;
height: 4rem;
background-image: url(../images/picto_livre_2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
transform: translateY(-50%);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu::before { 
content: "";
display: block;
position: absolute;
top: 20%;
left: 0;
width: 7rem;
height: 3rem;
background-image: url(../images/picto_livre_1.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
transform: translateY(-50%);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivresPresentation div.contenu { 
padding: 4rem 0 3rem;
background-image: url(../images/picto_livre_1.svg);
background-repeat: no-repeat;
background-position: center 1rem;
background-size: auto 3rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivresPresentation div.contenu p { 
text-align: center;
font-weight: 700;
color: var(--main-couleurvioletclair);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.oenotourisme div.contenu div.grille div.lien:nth-of-type(even) { 
background-color: var(--main-couleurvioletfonce);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.oenotourisme div.contenu div.grille div.lien:nth-of-type(odd) { 
background-color: var(--main-couleurvioletclair);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.prestationsInteressent { 
text-align: center;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.prestationsInteressent div.contenu { 
padding: 0 1rem;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.prestationsInteressent div.contenu p { 
padding: 0;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.prestationsInteressent div.contenu p:first-of-type { 
font-weight: 700;
color: var(--main-couleurvioletfonce);
font-size: 1.2rem;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass { 
background-color: var(--main-couleurgris);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu { 
padding: 1rem 0 0;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu div.grille div.lien { 
flex-direction: column;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu div.grille div.lien div.detailLien { 
height: 100px;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu div.grille div.lien img { 
border-radius: 15px 15px 0 0;
max-width: initial;
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu div.grille div.lien:nth-of-type(even) { 
background-color: var(--main-couleurvioletclair);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu div.grille div.lien:nth-of-type(odd) { 
background-color: var(--main-couleurvioletfonce);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesOenologie div.contenu div.grille div.lien:nth-of-type(even) { 
background-color: var(--main-couleurvioletfonce);
}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesOenologie div.contenu div.grille div.lien:nth-of-type(odd) { 
background-color: var(--main-couleurvioletclair);
}
div#zoneCentre div#soireesMasterclass.IndeXysPortletNavigationRubrique div.contenuPortlet { 
background-color: var(--main-couleurgris);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet { 
max-width: 992px;
margin: 0 auto;
padding: 0 .5rem;
}
div#zoneCentre div.IndeXysPortletNavigationRubrique div.titrePortlet { 
text-align: center;
}
div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet { 
padding: 0 .5rem;
}
div#zoneCentre div.IndeXysPortletPublication div.contenuRubrique p a { 
color: var(--main-couleurvioletfonce);
text-decoration: none;
font-weight: 700;
}
div#zoneCentre div.IndeXysPortletPublication div.contenuRubrique p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { 
max-width: 1200px;
margin: 0 auto;
padding: 0 .5rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { 
padding: 2rem 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h1 { 
margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-top: 30px;
	color: #663473;
	background-image: url(../images/grandeBarreSeparation.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2 { 
margin: .75rem 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique img { 
max-width: 100%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p { 
font-weight: 600;
color: var(--main-couleurvioletclair);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { 
display: inline-flex;
background-color: var(--main-couleurrouge);
padding: .25rem 1rem;
border-radius: 15px;
justify-content: center;
align-items: center;
color: var(--main-couleurblanc);
text-decoration: none;
font-weight: 600;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a::after { 
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--main-couleurblanc);
margin-left: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique:empty { 
display: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section ul li a { 
color: var(--main-couleurvioletfonce);
text-decoration: inherit;
font-weight: 700;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section ul li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur100 { 
grid-column: auto / span 12;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { 
grid-column: auto / span 12;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSousRubriques ul.liste { 
padding: left: 1.5rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSousRubriques ul.liste li a { 
color: var(--main-couleurvioletfonce);
text-decoration: none;
font-weight: 700;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSousRubriques ul.liste li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
margin: 0;
margin-bottom: 20px;
padding: 0;
padding-top: 30px;
color: var(--main-couleurvioletfonce);
background-image: url(../images/grandeBarreSeparation.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais { 
background-color: var(--main-couleurbleu);
padding: 4rem 0 2rem;
background-image: url(../images/raisin_footer.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 3rem;
position: relative;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section div.contenu { 
max-width: initial;
margin: initial;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesContact div.contenu { 
padding: 0 1rem;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesContact div.contenu h2::before { 
content: "";
display: inline-block;
margin-right: 1rem;
width: 1.25rem;
height: 1.25rem;
background-image: url(../images/phone-solid.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu { 
background-color: var(--main-couleurvioletfonce);
width: 95%;
padding: 1rem;
border-radius: 0px 20px 20px 0px / 0px 20px 20px 0px;
color: var(--main-couleurblanc);
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu > div { 
background-image: url(../images/picto_logo_bleu.svg);
background-repeat: no-repeat;
background-position: .5rem center;
background-size: auto 5rem;
	padding: 2rem 0;
	padding-left: 6rem;
	max-width: 500px;
		margin: auto;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu p a { 
color: var(--main-couleurblanc);
text-decoration: none;
font-weight: initial;
display: initial;
background: initial;
padding: initial;
border-radius: initial;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu p a::after { 
content: "";
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu p:first-of-type { 
margin: 0;
line-height: 1rem;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu p:last-of-type { 
margin-bottom: 0;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais::after { 
content: "";
position: absolute;
top: 1.5rem;
left: 0;
display: block;
border-bottom: 1px solid var(--main-couleurblanc);
width: 15%;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais::before { 
content: "Les Vignobles Français";
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin-left: 16%;
padding: .5rem 0;
background-color: var(--main-couleurbleu);
z-index: 10;
color: var(--main-couleurblanc);
font-size: 1.5rem;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section div.contenu { 
max-width: 992px;
margin: 0 auto;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section div.contenu p a { 
display: inline-flex;
background-color: var(--main-couleurrouge);
padding: .25rem 1rem;
border-radius: 15px;
justify-content: center;
align-items: center;
color: var(--main-couleurblanc);
text-decoration: none;
font-weight: 600;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section div.contenu p a::after { 
content: "\f061";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: var(--main-couleurblanc);
	margin-left: 1rem;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section div.contenu p a::after { 
content: "\f061";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: var(--main-couleurblanc);
	margin-left: 1rem;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires { 
position: relative;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires div.contenu { 
padding: 2rem 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
max-width: 992px;
margin: 0 auto;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires div.contenu h2 { 
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin: 1rem 0;
margin-left: 16%;
padding: .5rem 0;
background-color: var(--main-couleurblanc);
z-index: 10;
font-family: 'Darker Grotesque', sans-serif;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires div.contenu p a { 
color: var(--main-couleurblanc);
text-decoration: none;
font-weight: initial;
display: initial;
background: initial;
padding: initial;
border-radius: initial;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires div.contenu p a::after { 
display: none;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires div.contenu::after { 
content: "";
position: absolute;
top: 2.75rem;
left: 0;
display: block;
border-bottom: 1px solid var(--main-couleurvioletfonce);
width: 15%;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu { 
background-color: var(--main-couleurvioletfonce);
background-image: url(../images/podcast.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
padding: 6rem 1rem;
position: relative;
color: var(--main-couleurblanc);
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu h2 { 
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin: 0;
margin-left: 16%;
padding: .5rem 0;
z-index: 10;
font-family: 'Darker Grotesque', sans-serif;
color: var(--main-couleurblanc);
text-shadow: 0 0 3px var(--main-couleurvioletfonce);
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu h3 { 
color: var(--main-couleurblanc);
	font-size: 1.75rem;
	margin-bottom: 0;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu p:first-of-type { 
font-weight: 700;
	text-shadow: 0 0 11px var(--main-couleurvioletfonce);
	font-size: 1.5rem;
	margin-top: 0;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu::after { 
content: "";
position: absolute;
top: 1.5rem;
left: 0;
display: block;
border-bottom: 1px solid var(--main-couleurblanc);
width: 15%;
}
div#zoneGauche div.IndeXysPortletFilAriane div.contenuPortlet { 
max-width: 1200px;
margin: 0 auto;
padding: 0 .5rem;
}
div#zoneGauche div.IndeXysPortletFilAriane p { 
margin: 1rem 0;
}
div#zoneGauche div.IndeXysPortletFilAriane p a { 
color: var(--main-couleurvioletfonce);
text-decoration: none;
font-weight: 700;
}
div#zoneGauche div.IndeXysPortletFilAriane p a:hover { 
text-decoration: underline;
}
div#zoneHaut { 
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
}
div#zoneHaut div#home.IndeXysPortletNavigationRubrique { 
margin-left: .5rem;
}
div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 0;
padding: 0;
list-style: none;
}
div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste li a { 
display: block;
width: 144px;
height: 44px;
background-image: url(../images/logo.svg);
background-size: auto 100%;
background-position: -.2rem center;
}
div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste li a span.out { 
display: none;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique { 
display: none;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li a.over { 
color: var(--main-couleurvioletfonce);
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique { 
margin-left: .5rem;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a { 
text-decoration: none;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a.buttonMenuDeroulantSurClic span.out span.in { 
display: none;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a.buttonMenuDeroulantSurClic span.out::before { 
content: "\f0c9";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--main-couleurvioletfonce);
font-size: 2rem;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic { 
position: absolute;
background-color: var(--main-couleurvioletfonce);
width: 100%;
top: 6rem;
left: 0;
z-index: 100;
padding: 1rem;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul { 
margin: 0;
padding: 0;
list-style: none;
font-weight: 700;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a { 
color: var(--main-couleurblanc);
text-decoration: none;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li ul { 
display: none;
}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li+li { 
margin-top: .75rem;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier { 
margin: 0 .5rem 0 auto;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.contenuPortlet { 
position: relative;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite { 
position: absolute;
top: -1.5rem;
right: -.5rem;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.libelle { 
display: none;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite { 
display: inline-flex;
width: 24px;
height: 24px;
background-color: var(--main-couleurvioletfonce);
justify-content: center;
align-items: center;
color: var(--main-couleurblanc);
border-radius: 50%;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.vide { 
display: none;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { 
margin: 0;
padding: 0;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
display: block;
width: 36px;
height: 36px;
border-radius: 50%;
background-image: url(../images/panier.svg);
background-size: auto 100%;
background-position: -5.2rem center;
background-repeat: no-repeat;
text-decoration: none;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span { 
display: none;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl { 
width: 100%;
background-image: url(../images/back.jpg);
background-position: bottom center;
background-size: auto 100%;
background-repeat: no-repeat;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet { 
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-bottom: 3rem;
position: relative;
max-width: 992px;
margin: 0 auto;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet div p { 
font-weight: 700;
font-size: 1rem;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet::before { 
content: "";
position: absolute;
bottom: 10%;
left: 5%;
width: 260px;
height: 200px;
background-image: url(../images/delorme.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.diplome img { 
display: none;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.diplome p { 
display: none;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.olivier { 
position: absolute;
bottom: .5rem;
/*10%*/
;
left: 5%;
color: var(--main-couleurblanc);
font-size: .8em;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.olivier h2 { 
color: var(--main-couleurblanc);
text-shadow: 0 0 3px var(--main-couleurvioletfonce);
margin: 0;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.olivier p { 
display: initial;
text-shadow: 0 0 3px var(--main-couleurvioletfonce);
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl h1 { 
width: 100%;
padding-bottom: 12rem;
}
div#zoneHaut div.IndeXysPortletEnTete { 
width: 100%;
margin-bottom: .5rem;
}
div#zoneHaut div.IndeXysPortletEnTete div.enTete { 
background-color: var(--main-couleurvioletfonce);
color: var(--main-couleurblanc);
padding: .5rem .25rem;
}
div.footerZoneBas { 
background-color: var(--main-couleurvioletfonce);
background-image: url(../images/picto_grappe.svg);
background-repeat: no-repeat;
background-position: center -5rem;
background-size: auto 10rem;
}
div.footerZoneBas div#zoneBas { 
color: var(--main-couleurblanc);
padding: 3rem 1rem 1rem;
display: grid;
grid-template-columns: repeat(1, 1fr);
align-items: center;
max-width: 992px;
margin: 0 auto;
}
div.footerZoneBas div#zoneBas div#mentionsLegales.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
div.footerZoneBas div#zoneBas div#mentionsLegales.IndeXysPortletNavigationRubrique div.liste ul.liste a { 
text-decoration: none;
color: var(--main-couleurblanc);
font-weight: 600;
}
div.footerZoneBas div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet { 
padding: 1rem 0 0;
}
div.footerZoneBas div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet p { 
text-align: left;
margin: 1rem 0;
}
div.footerZoneBas div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet p a { 
color: var(--main-couleurblanc);
/*text-decoration: none;*/
}
div.Centre{
   position: relative;
}
div#zoneCentre div.IndeXysPortletNavigationPublication ul.menuNonDeroulant > li a span.in { 
font-weight: 700;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique hr { 
width: 9rem;
    position: relative;
    right: 48%;
    color: var(--main-couleurvioletfonce);
    background-color: var(--main-couleurvioletfonce);
    border: none;
    height: 1px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { 
display: initial;
    background-color: initial;
    padding: initial;
    border-radius: initial;
    justify-content: initial;
    align-items: initial;
    color: initial;
    text-decoration: initial;
    font-weight: initial;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a::after { 
display: none;
}
div#zoneGauche div.IndeXysPortletFilAriane p { 
font-weight: 700;
}
div#zoneHaut div#home.IndeXysPortletNavigationRubrique { 
padding-bottom: .5rem;
}
div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste li a { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/logo.svg);
	width: initial;
	aspect-ratio: 300/80;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li { 
display: flex;
	 align-items: center;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li.la-cave a { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/onglet_cave.svg);
	 background-size: auto 100%;
	 background-repeat: no-repeat;
	 text-decoration: none;
	 display: block;
	 width: 105px;
	 height: 38px;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li.la-cave span.in { 
color: transparent;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li:last-of-type a.off:hover, div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li:last-of-type a.on { 
text-decoration: none;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/bandeau.png);
	 box-shadow: 0 -5px 5px -7px #333;
         aspect-ratio: 1800 / 563;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.center h2 { 
text-align: center;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet::before { 
display:none;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid { 
width: 100%;
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 grid-column-gap: 0px;
	 grid-row-gap: 0px;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center { 
padding-top: initial;
       grid-area: 2 / 1 / 3 / 4;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle { 
text-align: center;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle { 
margin: 0 5rem;
        line-height: .75rem;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle p.benefice { 
color: var(--main-couleurvioletclair);
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.left { 
grid-area: 2 / 1 / 3 / 2;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.right { 
grid-area: 2 / 3 / 3 / 4;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter { 
grid-area: 1 / 1 / 2 / 4;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter div.subtitle { 
text-align: center;
    padding-top: 0.75rem;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter div.subtitle h2 { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/baril.svg);
    display: inline-block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 2rem;
    padding-top: 2rem;
    font-size: 1.25rem;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.left h5 { 
text-align: left;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.left h5, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.center h2, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right h5 { 
margin: 0;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.left h5, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right h5 { 
font-weight: 700;
         padding-bottom: .5rem;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.left p.detail, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right p.detail { 
margin: 0;
	 color: var(--main-couleurvioletfonce);
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.left, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right { 
line-height: 1rem;
	 display: flex;
	 flex-direction: column;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right h5 { 
text-align: right;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right p.detail { 
text-align: right;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl h1 { 
padding-top: 5rem;
	 padding-bottom: 0;
	 margin-top: 0;
}
div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet { 
background-color: var(--main-couleurvioletfonce);
	color: white;
}
div.Centre { 
display: flex;
	max-width: 1200px;
	margin: 0 auto;
}
div.Centre div#facebook li.facebook a { 
position: absolute;
       right: 0;
       /*top: 12%;*/
       top: -37px;
}
div.Centre div#zoneCentre { 
margin: initial;
        display: grid;
        grid-template-columns: 280px 1fr;
width: 100%;
}
div.Centre div#zoneCentre { 
margin: 0 auto;
	flex-direction: column;
}
div.Centre div#zoneCentre div#facebook { 
padding-top: 1rem;
}
div.Centre div#zoneCentre div#facebook { 
order: -1;
        grid-area: 1 / 3 / 3 / 4;
}
div.Centre div#zoneCentre div#facebook li.facebook { 
list-style-type: none;
}
div.Centre div#zoneCentre div#facebook li.facebook a { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/facebook.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	width: 247px;
	height: 100px;
}
div.Centre div#zoneCentre div#facebook li.facebook a span.in { 
color: transparent;
}
div.Centre div#zoneCentre div#livraison { 
grid-area: 2 / 2 / 3 / 3;
        margin: 0 auto;
        height: 20%;
}
div.Centre div#zoneCentre div#livraison img { 
width: 350px;
}
div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication { 
position: relative;
         grid-area: 1 / 1 / 3 / 2;
}
div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication ul li { 
line-height: 1.5rem;
	 list-style-type: none;
}
div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication ul li ul.liste-information-inf span.in::before { 
content: '>';
	 margin-right: 0.5rem;
}
div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication ul li.alsace { 
padding-top: 3rem;
}
div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication::before { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/participation.svg);
	 display: block;
	 text-decoration: none;
	 padding-left: 2.75rem;
	 padding-top: 1.4rem;
	 background-repeat: no-repeat;
	 background-position: left center;
	 background-size: auto 100%;
	 height: 9rem;
	 content: "";
	 aspect-ratio: 1/1;
	 position: absolute;
	 top: -4px;
	 left: 53%;
	 transform: translate(-50%, -50%);
}
div.Centre div#zoneCentre div.IndeXysPortletRubriquePublication { 
grid-area: 1 / 2 / 2 / 3;
         margin-left: 2rem;
}
div.Centre div#zoneCentre div.inscription { 
padding-top: 1rem;
}
div.Centre div#zoneCentre div.location { 
        color: var(--main-couleurrouge);
	line-height: 1.2rem;
	font-family: 'Capriola', sans-serif;
        width: 100%;
}
div.Centre div#zoneCentre div.secondTitle, div.Centre div#zoneCentre p.decouvrir { 
padding: 2rem 0;
}
div.Centre div#zoneCentre div.titleSubtitle { 
line-height: 1.4rem;
}
div.Centre div#zoneCentre div.titleSubtitle h3 { 
margin: 0;
}
div.Centre div#zoneCentre div.titleSubtitle h3.dates { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/grappe.svg);
	 display: block;
	 text-decoration: none;
	 padding-left: 2.75rem;
	 padding-top: 1.4rem;
	 background-repeat: no-repeat;
	 background-position: left center;
	 background-size: auto 100%;
	 height: 3.75rem;
}
div.Centre div#zoneCentre div.titleSubtitle h3.titreJours { 
background-image: url(/data/IndeXysBibliothequeHTML/8754bb60-58f8-4eb3-ae68-ce858a4bf1f6/grappe.png);
	 display: block;
	 text-decoration: none;
	 padding-left: 2.75rem;
	 padding-top: 1rem;
	 background-repeat: no-repeat;
	 background-position: left center;
	 background-size: auto 100%;
	 height: 3.75rem;
}
div.Centre div#zoneCentre div.titleSubtitle p { 
color: var(--main-couleurvioletclair);
    margin: 0;
    font-weight: 600;
    font-family: 'Capriola', sans-serif;
    font-size: small;
}
div.Centre div#zoneCentre div.titleSubtitle p span.normalText { 
color: initial;
	font-size: 0.8rem;
        font-weight: initial;
}
div.Centre div#zoneCentre div.titleSubtitle p.jours, div.Centre div#zoneCentre div.titleSubtitle h3.titreJours { 
line-height: 1.2rem;
}
div.Centre div#zoneCentre div.titleSubtitle p.paraDate { 
color: var(--main-couleurvioletfonce);
	 list-style: disc outside none;
	 display: list-item;
	 margin-left: 3.75rem;
	 font-family: 'Capriola', sans-serif;
}
div.Centre div#zoneCentre p.contactez-nous, div.Centre div#zoneCentre div.degusterVins, div.Centre div#zoneCentre div.titleSubtitle p.jours { 
padding-left: 2.75rem;
	 padding-top: 0.4rem;
}
div.Centre div#zoneCentre div.titleSubtitle.degusterVins h3{
   padding-top: 1rem;
}@media screen and (min-width: 576px) {
	div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.prestationsInteressent div.contenu p {
		width: 100%;
	}

	div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu::before {
		top: 50%;
	}

	div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.mesLivres div.contenu::after {
		content: "";
		top: 50%;
	}
}


@media screen and (min-width: 768px) {
	div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 1rem;
	}

	div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.soireesMasterclass div.contenu div.grille {
		grid-template-columns: repeat(3, 1fr);
	}

	div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste li a {
		width: initial;
		height: 74px;
	}

div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a {
	width: 163px;
	height: 38px;
	border-radius: 0;
	background-position: center;
	font-size: 1rem;
}

	div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span {
		display: inline-flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		padding-right: 2.5rem;
		text-transform: uppercase;
		color: var(--main-couleurblanc);
	}
	
	div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPartenaires div.contenu {
		flex-direction: row;
		justify-content: space-around;
padding: 5rem 0;
	}

	div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.diplome {
		position: absolute;
		bottom: 5rem;
		right: 15%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.diplome p {
		display: initial;
	}

	div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.diplome img {
		display: initial;
		max-width: 200px;
		margin-left: 1rem;
	}
div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique div.menuDeroulantSurClic nav.menuDeroulantSurClic {
	top: 8rem;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite {
	width: 2rem;
	height: 2rem;
}
body[class*="la-cave"] div#zoneCentre, body.rayons div#zoneCentre {
	/*flex-direction: row;*/
}
body[class*="la-cave"] div#zoneCentre div.IndeXysPortletNavigationPublication, body.rayons div#zoneCentre div.IndeXysPortletNavigationPublication {
	margin: 0 1rem 2rem 0;
}
div#zoneGauche div.IndeXysPortletFilAriane div.contenuPortlet {
padding: 0;
}


}


@media screen and (min-width: 967px) {
	div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section.laCave div.contenu {
		background-size: 100% auto;
		max-width: initial;
	}

}




@media screen and (min-width: 992px) {
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.largeur50 { 
grid-column: auto / span 6;
}
	div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu {
		max-width: initial;
	}
	div.footerZoneBas {
		background-image: initial;
	}

	div.footerZoneBas div#zoneBas {
		grid-template-columns: 20% 1fr;
		padding: 0;
	}

	div.footerZoneBas div#zoneBas div#mentionsLegales {
		background-image: url(../images/picto_grappe.svg);
		background-repeat: no-repeat;
		background-position: center -5rem;
		background-size: auto 10rem;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	div.footerZoneBas div#zoneBas div.IndeXysPortletPiedDePage {
		order: 1;
	}

	div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais div.ensemble {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesCoordonnees div.contenu {
		width: 100%;
		margin-top: 2rem;
	}

	div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais div.ensemble section.vignoblesCarte {
		max-width: calc(992px /2);
		grid-row: 1/3;
		grid-column: 2/3;
	}

	div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section.vignoblesContact div.contenu {
		max-width: 300px;
		margin: auto;
	}
div#zoneCentre div#listeSections.IndeXysPortletRubriquePublication div.listeSections section div.contenu div.grille div.lien img {
max-width: 260px;
}

}


@media screen and (min-width: 1028px) {
	div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier {
		margin-left: 0;
	}

	div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique {
		display: initial;
		margin-left: auto;
	}

	div#zoneHaut div#menuMobile.IndeXysPortletNavigationRubrique {
		display: none;
	}

	div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
	}

div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li {
	margin: 0 .75rem;
	font-size: .9rem;
	font-family: 'Capriola', sans-serif;
}
div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li:last-of-type {
margin-right: 1.5rem;
}

	div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li a.off {
		text-decoration: none;
		color: var(--main-couleurgrisfonce);
	}

	div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li a.off:hover {
		text-decoration: underline;
		color: var(--main-couleurvioletfonce);
	}

	div#zoneHaut div#menuDesktop.IndeXysPortletNavigationRubrique div.liste ul.liste li a.on {
		text-decoration: underline;
		color: var(--main-couleurvioletfonce);
	}

}

@media screen and (min-width: 1200px) {
	div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet div p {
		display: initial;
font-size: 1rem;
	}

div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet::before {
	left: -6rem;
	width: 340px;
	height: 340px;
}
div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.olivier {
	left: -5rem;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais div.ensemble {
	grid-template-columns: 800px 1fr;
}
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl div.vignoblesFrancais section div.contenu img{
	width: 700px;
}
}


@media screen and (min-width: 1400px) {
	div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet {
		background-size: 100% auto;
	}

}


@media screen and (min-width: 1540px) {
div#zoneDroite div#sectionsFooter.IndeXysPortletUrl section.mesPodcasts div.contenu {
	background-size: 100% auto;
}

}

@media screen and (min-width: 1580px) {
	div#zoneHaut div#presentationOlivier.IndeXysPortletUrl {
		background-size: 100% auto;
	}
}@media screen and (max-width: 768px) {
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl h1, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.left, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.right{
        display: none;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle p.benefice, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter div.subtitle h2{
        margin: 0;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl{
       background-size: 100% auto !important;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet{
       padding-bottom: initial;
    }
    div.Centre{
        flex-direction: column;
        max-width: 768px;
    }
    div.Centre p.decouvrir img{
       width: 100%;
    }
    div.Centre p.contactez-nous img{
       width: 100%;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.baril{
      position: absolute;
      top: 65px;
    }
    div.Centre div.titleSubtitle h3.titreJours{
      padding-bottom: 3.5rem;
    }
    div.Centre div.titleSubtitle h3.dates{
      padding-bottom: 2.5rem;
    }
    div.Centre div.titleSubtitle p.jours br{
      display: none;
    }
    div.Centre div#zoneCentre{
      display:flex;
      max-width: 470px;
    }
    div.Centre div#zoneCentre div.IndeXysPortletRubriquePublication{
      margin-left: initial;
      order: 0;
    }
    div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication{
      order: 1;
      margin: 0 1rem;
      margin-bottom: 1rem;
      margin-top: 6rem;
    }
    div.Centre div#zoneCentre div#livraison{
      order: 2;
    }
    div.Centre div#zoneCentre div.titleSubtitle p.paraDate{
      font-size: .7rem;
    }
}
@media screen and (min-width: 576px){
    div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique hr{
       width: 20rem;
       right: 76%;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center{
       padding-top: 1rem;
    }
    div.Centre div#facebook li.facebook a{
       /*position: absolute;
       top: 12.5%;*/
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter{
      padding-top: 2rem;
    }
}
@media screen and (min-width: 768px) {
    div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique hr{
       width: 24rem;
       right: 84%;
    }
    div.Centre div#zoneCentre div#facebook li.facebook a{
      /*position: absolute;
      top: 15%;*/
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle{
        margin: 0;
        line-height: 1.3rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter{
      padding-top: 3rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter div.subtitle h2{
      font-size: 1.65rem;
    }
}
@media screen and (min-width: 992px) {
    div.Centre div#zoneCentre div.location{
      width: 50%;
    }
    div.Centre div#zoneCentre div#facebook li.facebook a{
      /*position: absolute;
      top: 28%;*/
    }
    div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique hr{
      right: 74%;
    }
    div.Centre{
	 padding-top: 5rem;
    }
    div.Centre div#zoneCentre div.IndeXysPortletNavigationPublication{
        width: 17rem;
    }
    div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p.decouvrir a img{
       width: 100%;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter{
      padding-top: 0;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid{
      max-width: 630px;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl h1{
      padding-top: 0;
      margin-bottom: 0;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl{
      background-size: 100% auto;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet{
      padding-bottom: 0;
      padding-top: 1rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle p.benefice{
      position: absolute;
      left: 35%;
      top: 58%;
    }
}
@media screen and (min-width: 1200px) {
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle p.benefice{
      top: 61%;
    }
    div.Centre div#zoneCentre div#facebook li.facebook a{
      /*position: absolute;
      top: 30%;*/
    }
    div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique hr{
      width: 12rem;
      right: 50%;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet{
      padding-top: 4rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid{
      max-width: 750px;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter div.subtitle h2{
      background-position: 2.75rem top;
      padding: 2rem 1rem 0;
    }
    div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste li a{
      height: 63px;
width: initial;
    }
}
@media screen and (min-width: 1400px) {
    div.Centre div#zoneCentre div#facebook li.facebook a{
      /*top: 30%;*/
      top: 0;
    }
    div#zoneHaut div#home.IndeXysPortletNavigationRubrique div.liste ul.liste li a{
      height: 74px;
width: initial;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center{
      padding-top: 0;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle p.benefice{
      position: initial;
      font-size: larger;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet{
      padding-top: 6rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid{
      max-width: 1200px;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.right{
      padding-right: 3rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.left{
      padding-left: 3rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl h1{
      font-size: 2.5rem;
    }
     div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter div.subtitle h2{
      background-position: 1.75rem top;
      padding: 3.75rem 1rem 0;
      background-size: auto 3.25rem;
    }
}
@media screen and (min-width: 1900px) {
    div.Centre div#zoneCentre div#facebook li.facebook a{
      /*top: 36%;*/
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet{
     padding-top: 10rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.contenuPortlet{
     max-width: 1200px;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.right{
      padding-right: 0;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.left{
      padding-left: 0;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.titleCenter{
      padding-top: 1rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.left, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.right, div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center{
      padding-top: 2rem;
    }
    div#zoneHaut div#presentationOlivier.IndeXysPortletUrl div.grid div.center div.subtitle p.benefice{
      font-size: x-large;
    }
}body.mes-livres div.information.IndeXysCommerceArticle div.livre { 
display: flex !important;
background-color: var(--main-couleurgris);
padding: 1rem;
flex-direction: column;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.image { 
margin: 0;
	float: initial;
	padding: 0;
	width: initial;
	text-align: initial;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.photos { 
max-width: 375px;
margin: 0 auto;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.photos div.galerie p { 
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
margin: 1rem 0;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.photos div.galerie p a img { 
width: 100%;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.photos div.image a img { 
width: 333px;
border: none;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.photos div.image a span { 
display: none;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation { 
display: flex;
flex-direction: column;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter { 
display: grid;
grid-template-columns: 1fr;
max-width: 280px;
margin-left: auto;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter button { 
order: 3;
height: 43px;
border: none;
background-color: initial;
background-image: url(../images/ajouter.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
color: var(--main-couleurblanc);
text-transform: uppercase;
font-family: 'Capriola', sans-serif;
font-size: 1.05rem;
padding-left: 2rem;
cursor: pointer;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter button span::after { 
content: " au panier";
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter span.prix { 
order: 2;
margin: .5rem 0 1rem auto;
font-size: 2rem;
font-family: 'Capriola', sans-serif;
color: var(--main-couleurvioletfonce);
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter span.quantity { 
order: 1;
margin-left: auto;
font-family: 'Capriola', sans-serif;
color: var(--main-couleurvioletfonce);
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter span.quantity input { 
width: 100px;
font-size: 1rem;
padding: .25rem .5rem;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation div.tarif p.ajouter span.quantity label { 
margin-right: .5rem;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation h1 { 
margin: 0 0 1.25rem;
border-bottom: 1px solid var(--main-couleurvioletfonce);
padding-bottom: 1rem;
font-size: 1.75rem;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation h2 { 
margin: 0 0 1.25rem;
border-bottom: 1px solid var(--main-couleurvioletfonce);
padding-bottom: 1rem;
font-size: 1.75rem;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation h2 a { 
text-decoration: none;
color: #673472;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation p { 
flex-grow: 1;
margin: 1rem 0;
color: var(--main-couleurvioletfonce);
}
body.mes-livres div.information.IndeXysCommerceArticle div.visible { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande { 
margin: 0; padding: 0;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif { 
margin: 0; padding: 0;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif button { 
margin: 0; padding: 10px; background-color: #bfe0d7; border: 0; border-radius: 5px; color: #ffffff; cursor: pointer;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif button span { 
color: #663473;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form span.prix { 
margin: 0; margin-right: 10px; padding: 0; color: #663473; font-weight: bold; font-size: 14px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form span.quantity { 
margin: 0; margin-right: 10px; padding: 0; color: #663473; font-weight: bold; font-size: 12px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form span.quantity input { 
width: 50px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form span.quantity label { 
margin: 0; margin-right: 10px; padding: 0;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif select { 
margin: 0; padding: 8px; margin-right: 10px;
}
div.information.IndeXysActualite.liste div.texte iframe { 
height: 530px;
max-width: 345px;
}
div.information.IndeXysActualite.liste div.texte p { 
margin: 1rem;
text-align: center;
}
div.information.IndeXysCommerceRayon.liste { 
margin: 0; padding: 0; color:#663473;
}
div.information.detail  div.image img { 
margin: 0; padding: 0;
border: 10px solid #ffffff;
width: 100%;
}
div.information.detail  div.image span { 
display: none;
}
div.information.detail div.image { 
margin: 0; padding: 0; float: right; width: 170px; text-align: center;
}
div.information.detail div.texte h1 { 
margin: 0; margin-bottom: 20px; padding: 0; padding-top: 30px; padding-bottom: 10px;  color: #663473; background-image: url(../images/grandeBarreSeparation.jpg); background-position: top left; background-repeat: no-repeat; border-bottom: dotted #663473; max-width: 550px;
}
div.information.liste  div.texte p { 
margin: 0; margin-top: 10px; padding: 0; color: #663473;
}
div.information.liste div.image { 
margin: 0; padding: 0; float: right; width: 120px; text-align: center;
}
div.information.liste div.image  img { 
border: 10px solid #ffffff;
width: 100%;
}
div.information.liste div.texte h2 { 
margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; color: #ce0d44;  border-bottom: dotted #663473; max-width: 550px;
}
div.information.liste div.texte h2 a { 
margin: 0; padding: 0; color: #ce0d44; text-decoration: none;
}
div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
div.information.liste p.enSavoirPlus { 
display: none;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande { 
margin: 0; padding: 0;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif { 
margin: 0; padding: 0;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif button { 
margin: 0; padding: 10px; background-color: #bfe0d7; border: 0; border-radius: 5px; color: #ffffff; cursor: pointer;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif button span { 
color: #663473;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif form span.prix { 
margin: 0; margin-right: 10px; padding: 0; color: #663473; font-weight: bold; font-size: 14px;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif form span.quantity { 
margin: 0; margin-right: 10px; padding: 0; color: #663473; font-weight: bold; font-size: 12px;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif form span.quantity input { 
width: 50px;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif form span.quantity label { 
margin: 0; margin-right: 10px; padding: 0;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle div.commande div.tarif select { 
margin: 0; padding: 8px; margin-right: 10px;
}
@media screen and (min-width: 576px) {
	
}


@media screen and (min-width: 768px) {
body.mes-livres div.information.IndeXysCommerceArticle div.livre {
flex-direction: row;
}
body.mes-livres div.information.IndeXysCommerceArticle div.livre div.presentation {
	padding: 0 1rem;
}

}

@media screen and (min-width: 800px) {
div.information.IndeXysActualite.liste div.texte iframe {
height: 330px;
max-width: initial;
}
}



@media screen and (min-width: 992px) {
	
}


@media screen and (min-width: 1200px) {

}


@media screen and (min-width: 1400px) {

}