:root { 
--bleu: #1A1F37;
--or: #B68977;
--gris: #CED8EA;
--blanc: #FFFFFF;
}
.rs-container { 
margin: .5rem 1rem 0;
}
.rs-container .rs-pointer { 
width: 1.5rem;
height: 1.5rem;
background-color: var(--or);
border: none;
border-radius: initial;
box-shadow: none;
}
.rs-container .rs-pointer::after, .rs-container .rs-pointer::before { 
content: none;
}
.rs-container .rs-pointer::after, .rs-container .rs-pointer::before { 
content: none;
}
.rs-container .rs-scale span { 
/*display: none;*/
}
.rs-container .rs-scale span:first-of-type, .rs-container .rs-scale span:last-of-type { 
/*display: initial;*/
}
.rs-container .rs-selected { 
background-color: var(--gris);
border: none;
}
div.filtre-cle form div.filtre-contenu-cle.slider.active div.values { 
display: flex;
margin-top: .25rem;
width: 100%;
}
div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span { 
display: flex;
width: 50%;
font-size: 1rem;
}
div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span input { 
font-size: 1rem;
width: 80px;
border: none;
}
div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span.max-value { 
justify-content: flex-end;
}
div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span.max-value input { 
text-align: right;
}
div.filtre-cle form div.filtre-contenu-cle.slider.active div.values span.min-value input { 
text-align: left;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus { 
margin: 0;
padding: 0;
list-style-type: none;
line-height: 2rem;
display: flex;
justify-content: space-around;
position: relative;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu { 
text-align: center;
text-transform: uppercase;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu a.manu { 
text-transform: uppercase;
color: #1A1F37;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
padding: 0px 20px;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu a.menu { 
text-transform: uppercase;
color: #1A1F37;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
cursor: default;
padding: 0px 20px;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu { 
position: absolute; top: 2rem; left: 0; display: none; grid-template-columns: 20% 40% 40%; background-color: #e1e2e6; width: 100%; z-index: 100; min-height: 7rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul { 
border-top: 1px solid #1a1f37;
text-transform: capitalize;
text-align: left;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul li { 
line-height: 1.5rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul span.hide { 
/*display: none;*/
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.appellations { 
padding-left: 5rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.appellations:before { 
content: "Appellation";
font-weight: bold;
font-style: italic;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.domaines { 
padding-left: 5rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.domaines:before { 
content: "Domaine";
font-weight: bold;
font-style: italic;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.rayons { 
padding-left: 5rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.rayons:before { 
content: "Type";
font-weight: bold;
font-style: italic;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu:hover { 
background-color: #1a1f37;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu:hover > a { 
color: #b68977;
font-weight: bold;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins { 
display: none;
/*text-align: center;*/
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins a { 
text-transform: uppercase;
color: #1A1F37;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
cursor: default;
padding: 0px 20px;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins:hover { 
background-color: #1a1f37;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins:hover > a { 
color: #b68977;
font-weight: bold;
}@media screen and (max-width: 992px) {
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.rayons {
	padding-left: 2rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.appellations {
	padding-left: 0; padding-right: 1rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.domaines {
	padding-left: 1rem;padding-right: 2rem;
}

}





@media screen and (max-width: 768px) {
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus {
flex-wrap: wrap;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu {
flex: 1 1 33%;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins {
flex: 1 1 33%;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu {
top: 4rem;
}

}





@media screen and (max-width: 576px) {
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins a{
padding: 0;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu{
grid-template-columns: 1fr;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.rayons {
	padding:0 1rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.appellations {
	padding:0 1rem;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu ul.domaines {
	padding:0 1rem;
}
}






@media screen and (max-width: 445px) {
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu {
flex: 1 1 50%;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.vendreMesVins {
flex: 1 1 50%;
}
div.LaCaveDuMarchePortletTeteDeGondole div.teteDeGondoleFr ul.menus li.menu div.menu {
top: 6rem;
}


}

body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.identification ol.steps li.identification a.on { 
color: #1A1F37;
cursor: default;
}
body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet div.compteClient div.identification ol.steps li.identification a.on:hover { 
text-decoration: none;
}
body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset.adresseClient legend + span:after { 
content: "(il s'agit de l'adresse de facturation et d'expédition par défaut. Cette dernière pourra être modifiée lors du passage de la commande)";
}
body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset.adresseClient legend:after { 
content: " principales";
}
body.panier div#conteneur div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { 
border-top: 1px solid #1A1F37;
position: relative;
margin: 50px 1rem;
}
body.panier div#conteneur div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
margin: 0;
text-transform: uppercase;
position: absolute;
background-color: #FFFFFF;
padding: 0;
padding-left: 20px;
padding-right: 20px;
top: -19px;
left: 50%;
transform: translate(-50%);
font-family: 'Ubuntu', sans-serif;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a { 
color: #B68977; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a.modifier { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates p.navigation.back { 
display: flex;
flex-direction: column;
font-size: 0px;
margin: 0;
padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates p.navigation.back a { 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
padding: 0.75rem;
width: 300px;
text-align: center;
height: 3rem;
background: #ffffff;
color: #B68977;
border: 3px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.invoices p.navigation.back { 
display: flex;
flex-direction: column;
font-size: 0px;
margin: 0;
padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.invoices p.navigation.back a { 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
padding: 0.75rem;
width: 300px;
text-align: center;
height: 3rem;
background: #ffffff;
color: #B68977;
border: 3px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.nouveauClient p a { 
display: block;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.orders p.navigation.back { 
display: flex;
flex-direction: column;
font-size: 0px;
margin: 0;
padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.orders p.navigation.back a { 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
padding: 0.75rem;
width: 300px;
text-align: center;
height: 3rem;
background: #ffffff;
color: #B68977;
border: 3px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient form.register div.register div.contenuRegister p.navigation.select a.annuler { 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
padding: 0.75rem;
width: 300px;
text-align: center;
height: 3rem;
background: #ffffff;
color: #B68977;
border: 3px solid #B68977;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps { 
display: block; list-style-type: none; text-align: center; margin: 0; padding: 0; padding-top: 5rem; padding-bottom: 10px; background: url(../images/fdEtapes.png) center left repeat-x;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li { 
display: inline; font-weight: bold; font-size: 1rem; color: #999999; margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a { 
color: #666666; height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a.on { 
color: #B68977; font-size: 1.08rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li span.in { 
margin: 0px; padding: 0px; padding-left: 25px; padding-right: 25px; padding-top: 81px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.coordinates a.on span.in { 
background-image: url(../images/btCoordonneesOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.coordinates span.in { 
background-image: url(../images/btCoordonneesOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.identification { 
color: #B68977
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.invoices a.on span.in { 
background-image: url(../images/btRecapitulatifOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.invoices span.in { 
background-image: url(../images/btRecapitulatifOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.orders a.on span.in { 
background-image: url(../images/btPanierOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.orders span.in { 
background-image: url(../images/btPanierOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button { 
margin-left: 0.5rem;
padding: 0px;
width: 70px;
text-align: center;
line-height: 2rem;
height: 2rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button { 
margin-left: 0.5rem;
padding: 0px;
width: 70px;
text-align: center;
line-height: 2rem;
height: 2rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.sidentifier button { 
margin-left: 0.5rem;
padding: 0px;
width: 70px;
text-align: center;
line-height: 2rem;
height: 2rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.sidentifier button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset { 
margin: 0; margin-top: 2rem; padding: 0; padding-top: 0.5rem; border: 0; border-top: 1px solid #000000;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire { 
color: #B68977;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire::after { 
content: " * ";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.left { 
width: 300px; float: left; position: relative; top: 0.2rem; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset legend { 
margin: 0; padding: 0; padding-right: 1rem; font-size: 1rem; font-weight: bold; color: #1A1F37; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset p span select { 
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset p.nature-compte label { 
width: 300px; float: left; position: relative; top: 0.2rem; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h3 { 
margin: 0px; margin-top: 20px; margin-bottom: 20px; padding: 0px;
font-weight: bold;
font-size: 1.5rem;
color: #1A1F37;
text-align: center;
border-bottom: 1px solid #1A1F37;
padding-bottom: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h4 { 
margin: 0px; margin-top: 2rem; padding: 0px; font-weight: bold; font-size: 1.25rem; color: #1A1F37; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p a.register { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p input { 
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p span.libelle { 
width: 300px;
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.back { 
margin: 0px; margin-top: 20px; padding: 0px; padding-top: 3px; text-align: center; border: 0px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.sauvegarde label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table { 
margin: 0px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border-collapse: collapse;
width: 99%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td { 
color: #1A1F37;
border-bottom: 1px solid #1A1F37;
font-weight: normal;
margin: 0px;
padding: 10px;
text-align: center;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a { 
color: #B68977;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr:nth-child(even) { 
background-color: #FFFFFF;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr:nth-child(odd) { 
background-color: #CED8EA;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tfoot tr td { 
background-color: #ffffff; color: #666666; border: 1px solid #9c9c9c; font-size: 1.08rem; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table thead tr th { 
background-color: #ffffff;;
color: #1A1F37;
border-bottom: 1px solid #1A1F37;
margin: 0px;
padding: 0.5rem;
text-align: center;
text-transform: uppercase;
font-size: 0.75rem;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande a { 
color: #B68977; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient p.email label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient p.identifiant label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient p.motDePasse label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment { 
margin: 0px; padding: 0px; width: 280px; float: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.promotion { 
margin: 0px; margin-top: 10px; padding: 10px; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.promotion p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.promotion p.header { 
margin: 0px; margin-bottom: 10px; padding: 0px; padding-bottom: 5px; padding-left: 20px; font-size: 1.08rem; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #6F625D; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.share { 
margin: 0px; margin-top: 10px; padding: 10px; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.share p.header { 
margin: 0px; margin-bottom: 10px; padding: 0px; padding-bottom: 5px; padding-left: 20px; font-size: 1.08rem; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #6F625D;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements { 
background-color: #ffffff; margin: 0px; padding: 10px; border: 1px solid #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc); position: relative; top: 0px; left: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p { 
text-align: center; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p span.date { 
color: #cc0000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p.dateExpeditionPrevisionnelle { 
font-weight: bold; font-size: 1.08rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems { 
margin: 0px; margin-top: 10px; margin-left: 300px; padding: 10px; float: none; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc); position: relative; top: 0px; left: 0px; !height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item { 
margin-bottom: 10px; margin-right: 5px; padding: 0px; height: 265px; width: 145px; border: 1px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc); float: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p span.price { 
display: block; font-size: 1.08rem; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p.coloris { 
margin: 0px; margin-top: 5px; margin-left: 15px; margin-right: 15px; padding: 0px; font-weight: bold; color: #cc0000; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p.price { 
margin: 0px; margin-top: 5px; margin-left: 25px; margin-right: 25px; padding: 5px; background-color: #edf2c0; border: 1px solid #cac4bc; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 1rem; font-weight: bold; background: none; border: 0px; border: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 a { 
color: #666666; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 a:hover { 
color: #cc0000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a img { 
margin: 0px; margin-top: 10px; padding: 0px; width: 115px; height: 115px; text-decoration: none; border: 1px solid #655057;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a:hover img { 
border: 1px solid #cdd521;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order a { 
display: block; background: url(../images/btJeCommande.png) center center no-repeat; height: 16px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment button { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; padding-left: 12px; padding-right: 12px; border: 1px solid #3e7c88; color: #3e7c88; cursor: pointer; font-size: 0.9rem; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment button:hover { 
border: 1px solid #81197f; color: #ffffff; background-color: #81197f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment div.echeancier p { 
margin: 0px; margin-top: 10px; padding: 0px; font-size: 1rem; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment h3 { 
display: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 1.5rem; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.amount { 
margin: 0; padding: 1rem; border: 0px; font-weight: bold; font-size: 1.5rem; text-align: center; color: #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.amount span.value { 
margin-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.change-payment input:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems { 
display: none;
/*!height: 1%; margin: 0px; margin-left: 20px; margin-right: auto; padding: 0px; padding-top: 10px; padding-bottom: 10px; float: left; width: 430px;*/
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item { 
margin: 0px; margin-top: 20px; margin-right: 20px; padding: 0px; width: 97px; height: 197px; display: block; float: left; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p { 
text-align: center; color: #797979;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p span { 
font-weight: bold; color: #c4d42d; display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 1rem; font-weight: bold; background: none; border: 0px; border: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title { 
text-align: center; color: #1A1F37; border: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a { 
color: #797979; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a:hover { 
color: #c2212c; text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a img { 
margin: 0px; padding: 0px; width: 95px; height: 95px; text-decoration: none; border: 1px solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a:hover img { 
border: 1px solid #c2212c;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.order { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping { 
margin: 0px; margin-top: 1rem; padding: 0px; display: inline-block; width: 340px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button { 
margin: 0;
margin-left: 2rem;
padding: 0;
width: 300px;
text-align: center;
height: 3rem;
background: #ffffff;
color: #B68977;
border: 3px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button span { 

}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button span::after { 
content: " mes achats";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button::before { 
content:"< ";
line-height: 1rem;
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping form { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p.navigation a { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
line-height: 3rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p.navigation a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.login { 
margin: 0px; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.login p.explication { 
font-size: 1rem; margin-bottom: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.recoverPassword { 
background-color: #ffffff; border: 1px solid #637683; margin: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; position: relative; top: 0px; left: 0px; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset label.left { 
display: block; margin: 0px; padding: 0px; width: 300px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.download-pdf p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.holidays { 
margin: 0px; margin-left: auto; margin-right: 0px; padding: 0px; padding: 0px; padding-top: 30px; padding-bottom: 10px; width: 360px; position: relative; top: 0px; left: 0px; height: 145px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.holidays img { 
margin: 0px; padding: 0px; position: absolute; top: 10px; left: -27px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.listePointEnlevement div.adresse p.select { 
margin: 0px; margin-top: 3rem; padding: 0px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.amount { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.method { 
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 400px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
!height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.orderForm { 
margin: 0px; padding: 0px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier table tfoot { 
display: block;
position: absolute;
right: 0;
padding-right: 5px;
background-color: #FFFFFF;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment div.mercanet_post { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment div.paypal { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check h3 { 
display: block;
margin: 0px;
margin-top: 2rem;
padding: 0px;
font-weight: bold;
font-size: 1.5rem;
color: #B68977;
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.amount { 
font-weight: bold; font-size: 1.5rem; text-align: left; color: #1A1F37;
margin-top: 5px;
border-top: 1px solid #000000;
padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.amount span.value::before { 
content: " ";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.change-payment input:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul { 
margin-top: 5px; padding-left: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li { 
margin: 0px; margin-top: 5px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.content ul { 
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 480px;
list-style-type: disc;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert h3 { 
display: block; margin: 0; margin-top: 3rem; padding: 0; font-weight: bold; font-size: 1.5rem; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.amount { 
border: 0px; font-weight: bold; font-size: 1.5rem; text-align: center; color: #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.change-payment input:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.pointEnlevement div.select p.select { 
margin: 0px; padding: 0px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button { 
display: block; margin-top: 10px; margin-right: auto; padding: 5px; width: 200px; position: relative; top: 0px; left: 0px; text-decoration: none; text-align: center; border: 0px;
background: #DBDAd8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DBDAd8), to(#776961)); background: -webkit-linear-gradient(#DBDAd8, #776961); background: -moz-linear-gradient(#DBDAd8, #776961); background: -ms-linear-gradient(#DBDAd8, #776961); background: -o-linear-gradient(#DBDAd8, #776961); background: linear-gradient(#DBDAd8, #776961); -pie-background: linear-gradient(#DBDAd8, #776961); behavior: url(/indeXys/pie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button span { 
color: #ffffff; font-size: 0.9rem; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button:hover span { 
color: #c2212c;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode { 
margin: 0;
margin-left: 5px;
margin-top: 1rem; 
/*
padding: 1rem;
background-color: #CED8EA;
padding-top: 1rem;
padding-bottom: 1rem;
display: inline-block;
*/
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode a.update { 
display: inline-block;
margin: 0;
padding: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
line-height: 2.5rem;
height: 2.5rem;
background: #B68977;
color: #ffffff;
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode a.update::before { 
content: "Appliquer";
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode input { 
margin: 0;
padding: 0;
width: 250px;
height: 2.5rem;
border: none;
padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p { 
margin: 0px; margin-top: 0.5rem; margin-bottom: 0.5rem; /* padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center; */

display: inline-block; padding: 1rem; background-color: #CED8EA;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p span.label { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 10px; border: 1px solid #9c9c9c; background-color: #ffffff; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation h4 { 
margin: 0px; padding: 0px; border: 0px; display: block; position: absolute; left: -40px; top: -30px; width: 710px; font-size: 1.08rem; font-weight: bold; color: #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket { 
padding: 20px; padding-bottom: 0; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address { 
margin: 0; padding: 0;padding-left: 1rem;padding-right: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p { 
margin: 0px; padding: 0px; line-height: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p.fullname { 
font-weight: bold; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address { 
margin: 0; padding: 0;padding-left: 1rem;padding-right:1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p { 
margin: 0px; padding: 0px; line-height: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p.fullname { 
font-weight: bold; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message textarea { 
margin: 0; margin-top: 1rem; padding: 0.5rem; width: calc(100% - 2rem); border: 1px solid #000000; height: 5.6rem; font-size: 1rem;margin-left: 1rem;margin-right:1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment { 
margin: 0px; margin-left: 20px; margin-right: 20px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment img { 
margin: 2px; margin-right: 4px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.personneFacturation { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 10px; border: 1px solid #9c9c9c; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.personneFacturation h4 { 
margin: 0px; padding: 0px; border: 0px; display: block; position: absolute; left: -40px; top: -30px; width: 710px; font-size: 1.08rem; font-weight: bold; color: #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.save-your-order { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.save-your-order p.navigation.select button.valider span { 
font-size: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.save-your-order p.navigation.select button.valider::before { 
font-size: 1rem;
content:"Je valide ma commande";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.table { 
border: 20px solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order h4 { 
padding-left: 0px;
font-size: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order h4::before { 
font-size: 1.5rem;
content:"Je valide ma commande";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping { 
margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;  text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery::after { 
display: block; padding-top: 5px; font-size: 0.8rem; color: #1A1F37; content: "";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.sinscrire p a { 
color: #B68977; font-weight: bold; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder h4 { 
padding-left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation { 
margin-top: 15px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 400px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder { 
margin: 0; margin-top: 1rem; padding: 0; display: inline-block; width: calc(100% - 350px);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button { 
margin: 0; 
margin-right: 2rem;
padding: 0px;
width: 300px;
text-align: center;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor:pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button span::after { 
content: " mon panier";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder div.adressePanier label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder label.left { 
margin: 0px; padding: 0px; width: 90px; float: left; position: relative; top: 7px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p { 
margin: 0; padding: 0; text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees form.actualisation div.valider p.navigation.back { 
display: flex;
flex-direction: column;
font-size: 0px;
margin: 0;
padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees form.actualisation div.valider p.navigation.back a { 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
padding: 0.75rem;
width: 300px;
text-align: center;
height: 3rem;
background: #ffffff;
color: #B68977;
border: 3px solid #B68977;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees form.actualisation div.valider p.navigation.back a::before { 
content:"Retour à l'identification";
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.expedition div.adresseLivraison { 
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.expedition div.adresseLivraison div#IndeXysCommerceMBonDeCommande_ListeModeTransportAccordingToConfiguration_UpdateContainer { 
order: -1;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.recapitulatif form div.methods-of-payment p.method a { 
margin-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.recapitulatif form div.save-your-order p.cgv a.thickbox { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.recapitulatif form div.save-your-order p.cgv a.thickbox::after { 
content: " et reconnais avoir pris connaissance des Conditions Générales de Vente et déclare les accepter sans réserve";
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi div.recapitulatif form div.save-your-order p.cgv a.thickbox::before { 
content: "Je certifie être majeur";
font-size: 1rem;
font-weight: bold;
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi form { 
position: relative;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi form div.methods-of-payment p.method a { 
margin-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape { 
display: block; list-style-type: none; text-align: center; margin: 0; padding: 0; padding-top: 6rem; padding-bottom: 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li { 
display: inline; font-weight: bold; font-size: 1rem; color: #dbdce0; margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a { 
color: #666666; height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a.on { 
color: #B68977; font-size: 1.08rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in { 
margin: 0px; padding: 0px; padding-left: 25px; padding-right: 25px; padding-top: 81px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande a span.in { 
background-image: url(../images/btPanierOff.png);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande a.on span.in { 
background-image: url(../images/btPanierOn.png);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande span.in { 
background-image: url(../images/btPanierOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees a.on span.in { 
background-image: url(../images/btCoordonneesOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees span.in { 
background-image: url(../images/btCoordonneesOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition a.on span.in { 
background-image: url(../images/btExpeditionOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition span.in { 
background-image: url(../images/btExpeditionOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement a.on span.in { 
background-image: url(../images/btPaiementOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement span.in { 
background-image: url(../images/btPaiementOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif a.on span.in { 
background-image: url(../images/btRecapitulatifOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif span.in { 
background-image: url(../images/btRecapitulatifOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset { 
margin: 0; margin-top: 2rem; padding: 0; padding-top: 0.5rem; border: 0; border-top: 1px solid #000000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label { 
font-weight: bold;
width: 300px;
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire { 
color: #B68977;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire::after { 
content: " * ";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset legend { 
margin: 0; padding: 0; padding-right: 1rem; font-size: 1rem; font-weight: bold; color: #1A1F37; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient p.reference { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h4 { 
margin: 0px;
margin-top: 2rem;
padding: 0px;
margin-left: 1rem;
margin-right: 1rem;
font-weight: bold;
font-size: 1.5rem;
color: #1A1F37;
text-align: center;
border-bottom: 1px solid #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande hr { 
margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; color: #6F625D; background-color: #6F625D; border: 0px; height: 1px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande li { 
margin: 0px; margin-top: 5px; font-size: 1rem; color: #637683;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p { 
margin: 0px; margin-top: 5px; font-size: 1rem; color: #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p span.left { 
font-weight: bold;
width: 300px;
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p span.libelle { 
font-weight: bold;
width: 300px;
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.PaymentMethod_1 { 
padding: 1rem 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.amount { 
text-align: center;
font-weight: bold;
font-size: 1.25rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.back { 
margin: 0px; margin-top: 20px; padding: 0px; padding-top: 3px; text-align: center; border: 0px; border-top: 1px solid #000000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.cgv { 
padding: 1rem;
margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.identifiant input { 
width: 220px; border: 1px solid #9c9c9c; padding: 5px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.motDePasse input { 
width: 220px; border: 1px solid #9c9c9c; padding: 5px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation { 
margin: 0px; margin-top: 10px; padding: 0px; padding-top: 5px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: #B68977; color: #ffffff; border: 1px solid #B68977; text-transform: uppercase; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select { 
margin: 0px; margin-top: 3rem; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5rem;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
cursor:pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider { 
display: block;
margin: 0.5rem;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 300px;
text-align: center;
line-height: 3rem;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table { 
margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; border-collapse: collapse; width: 99%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table span.gratis { 
text-transform: uppercase; color: #D50A1E;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td { 
background-color: #ffffff; color: #1A1F37; border-bottom: 1px solid #1A1F37; font-weight: normal; margin: 0px; padding: 0.5rem; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td a { 
color: #003e69;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td a:hover { 
color: #81197f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.amount input { 
width: 60px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation { 
text-align: left;
font-family: 'Ubuntu', serif;
font-weight: lighter;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input { 
display: block; margin: 0px; margin-left: auto; margin-right: auto; width: 30px; height: 30px; border: 1px solid transparent; color: transparent; cursor: pointer; font-size: 0.08rem; text-transform: uppercase; background-color: transparent; background-image: url(../images/fdBoutonEnlever.png); background-position: center center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant { 
text-align: right; padding: 0px; padding-right: 10px;
font-family: 'Ubunutu', sans-serif;
font-size: 1.2rem;
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire { 
text-align: right; padding: 0px; padding-right: 15px;
font-family: 'Ubunutu', sans-serif;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleTarifEnlever { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleTarifEnlever input { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; padding-left: 24px; padding-right: 0px; height: 30px; border: 1px solid #666666; color: #666666; cursor: pointer; font-size: 0.08rem; text-transform: uppercase; background-color: #666666; background-image: url(../images/fdBoutonEnlever.png); background-position: left center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.image { 
width: 5rem; padding-left: 0; padding-right:0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.image img { 
width: 100%; max-width: 4rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.quantity { 
width: 3rem; padding-left: 0; padding-right:0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.quantity input { 
width: 100%; max-width: 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.remiseCommercialeMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td { 
color: #1A1F37; font-size: 1.08rem; font-weight: normal; margin: 0px; padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.amount { 
text-align: right; padding-right: 10px; white-space: nowrap;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.designation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalDesignation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalHt td { 
color: #1A1F37; border-bottom: 1px solid #1A1F37; font-size: 1.08rem; font-weight: bold; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalHt td.totalHtDesignation { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalHt td.totalHtDesignation::before { 
content: "Total HT";
font-size: 1rem;
width: 220px;
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td { 
color: #1A1F37; border-bottom: 1px solid #1A1F37; font-size: 1.08rem; font-weight: bold; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td.totalTtcDesignation { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td.totalTtcDesignation::before { 
content: "Total TTC";
font-size: 1rem;
width: 220px;
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTva td { 
color: #1A1F37; font-weight: bold; font-size: 0.9rem; border-bottom: 1px solid #1A1F37;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th { 
color: #1A1F37;
border-bottom: 1px solid #1A1F37;
margin: 0px;
padding: 0.5rem;
text-align: center;
text-transform: uppercase;
font-size: 0.75rem;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th.designation { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th.headerDesignation { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th.headerMontant { 
text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th.image { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th.image:::before { 
content:"Désignation";
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems { 
height: auto; overflow: hidden;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems { 
overflow: hidden; height: auto;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a:hover { 
text-decoration: none;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
overflow: hidden; height: auto;
}
@media screen and (max-width: 820px) {
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier table tfoot {
		display: table-footer-group; position: initial;
	}
}

@media screen and (max-width: 680px) {
	div#zoneCentre div.IndeXysCommercePortletCompteClient {
		padding: 0;
	}
	div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li span.in {
		padding-left: 5px; padding-right: 5px;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande {
		padding: 0;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in {
		padding-left: 5px; padding-right: 5px;
	}


div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping {
	display: block; width: 100%; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button {
	margin-left: 0; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder {
	display: block; width: 100%; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode {
	display: block; width: 100%; margin-top: 2rem; text-align: center; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p {
	text-align: center; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button {
	margin-right: 0; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th {
	font-size: 0.6rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant {
	font-size: 0.8rem; padding: 0; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire {
	font-size: 0.8rem; padding: 0; 
}

}

@media screen and (max-width: 520px) {
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li {
		display: inline-block; width: 18%;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a {
		display: block; font-size: 10px;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.out {
		display: block; font-size: 10px;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in {
		display: block; 
	}
}div#zoneCentre div.IndeXysCommercePortletCompteClient div.continuerSansCreerDeCompte button { 
margin-left: 0.5rem;
padding: 0px;
width: 70px;
text-align: center;
line-height: 2rem;
height: 2rem;
background: #B68977;
color: #ffffff;
border: 1px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer { 
columns: 2;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte { 
display: flex;
flex-direction: column-reverse;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte form p.valider { 
text-align: center
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte form p.valider button { 
display: inline-block;
padding: .5rem 1rem;
color: #fff;
background-color: #B68977;
border: none;
width: 60%;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte form p.valider button span { 
display: none;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte form p.valider button::before { 
content:"Continuer mon achat sans créer de compte";
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte form p.valider button:hover { 
text-decoration: underline;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.continuerSansCreerDeCompte-container div.continuerSansCreerDeCompte h4 { 
display: none;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.recevoirMotDePasse-container div.contenuPortlet { 
padding-bottom: 2rem;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.recevoirMotDePasse-container div.recevoirMotDePasse h4 { 
margin-top: 1rem;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.recevoirMotDePasse-container div.recevoirMotDePasse h4 span { 
display: none;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.recevoirMotDePasse-container div.recevoirMotDePasse h4::before { 
content: "Mot de passe oublié ?";
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.sidentifier-container div.contenuPortlet { 
padding: 0;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.sidentifier-container div.sidentifier h4 { 
margin-top: 0;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.sinscrire-container div.contenuPortlet { 
padding: 0;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.sinscrire-container div.sinscrire h4 { 
margin-top: 0;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.sinscrire-container div.sinscrire p { 
text-align: center;
}
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer div.sinscrire-container div.sinscrire p a { 
display: inline-block;
margin: 1rem;
padding: .5rem 1rem;
color: #fff;
background-color: #B68977;
width: 60%;
}
@media (max-width: 768px) {
div.IndeXysCommercePortletSuiviCommande div.suivi div.coordonnees div#LoginUpdateContainer { 
columns: 1;
}
}#displayNone { 
display: none;
}
#gdpr-cookie-message { 
z-index: 1000000;
}
@font-face { 
font-family: 'Raleway';
src: url('../images/Raleway-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face { 
font-family: 'Ubuntu';
src: url('../images/Ubuntu-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face { 
font-family: 'Bell';
src: url('../images/BELL.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face { 
font-family: 'OldStandardTT';
src: url('../images/OldStandardTT-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
a { 
color: inherit;
text-decoration: none;
}
a:hover { 
text-decoration: underline;
}
body { 
background-image: url("../images/background.jpg");
background-size: 100% auto;
background-position: top;
}
body { 
/*
font-family: 'Old Standard TT';
font-family: 'Raleway', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Bell', sans-serif;
*/
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
color: #1A1F37;
}
body#publication.notre-catalogue div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { 
border-bottom: 1px solid #1A1F37;
padding: 2rem 1rem;
}
body#publication.notre-catalogue div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div.detailPublication div.information.IndeXysCommerceArticle.detail h1 { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
body#publication.notre-catalogue div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div.detailPublication { 
max-width: none;
}
body#publication.nouveaux-produits div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { 
border-bottom: 1px solid #1A1F37;
padding: 2rem 0;
}
body#publication.nouveaux-produits div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div.detailPublication div.information.IndeXysCommerceArticle.detail h1 { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
body#publication.promotions div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { 
border-bottom: 1px solid #1A1F37;
padding: 2rem 0;
}
body#publication.promotions div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div.detailPublication div.information.IndeXysCommerceArticle.detail h1 { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
body.accueil div#zoneCentre div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet { 
margin-top: 2rem;
}
div#conteneur * { 
box-sizing: border-box;
}
div#cookieChoiceInfo { 
display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
div#cookieChoiceInfo a { 
margin: 0 !important;
margin-bottom: 8px !important;
}
div#cookieChoiceInfo span { 
width: 100%;
    margin-bottom: 8px;
}
div#headerGauche { 
background-color: #1A1F37;
}
div#headerGauche div#zoneGauche { 
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Raleway', sans-serif;
min-height: 5rem;
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique { 
flex: 0 0 330px;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste { 
display: flex;
margin: 0;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li { 
margin-left: 1.25rem;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li a:hover { 
color: #B68977;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.compte a span.out { 
padding-left: 45px;
background-image: url("../images/compte.png");
background-position: left;
background-repeat: no-repeat;
line-height: 23px;
min-height: 50px;
display: block;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.compte a span.out span.in { 
display: inline-block;
width: 65px;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.compte a span.out span.in span.majuscule { 
text-transform: uppercase;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.compte a:hover span.out { 
background-image: url("../images/compte_hover.png");
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.telecharger-catalogue a span.out { 
padding-left: 55px;
background-image: url("../images/catalogue.png");
background-position: left;
background-repeat: no-repeat;
line-height: 23px;
min-height: 50px;
display: block;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.telecharger-catalogue a span.out span.in { 
text-transform: initial;
display: inline-block;
width: 95px
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.telecharger-catalogue a:hover span.out { 
background-image: url("../images/catalogue_hover.png");
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li:last-child { 
margin-right: 1.25rem;
}
div#headerGauche div#zoneGauche div#Contact { 
flex: 0 0 165px;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet { 
margin-left: 1.25rem;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet div.liste ul { 
margin: 0;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet div.liste ul.liste li.contact a span.out span.in { 
font-size: 0;
display: flex;
flex-direction: column;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet div.liste ul.liste li.contact a span.out span.in::after { 
content: "02 37 21 43 10";
font-size: 21px;
font-family: 'Ubuntu', sans-serif;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet div.liste ul.liste li.contact a span.out span.in::before { 
content: "Contactez-nous";
font-size: 14px;
line-height: 22px;
background-image: url("../images/tel.png");
background-repeat: no-repeat;
padding-left: 40px;
width: 105px;
}
div#headerGauche div#zoneGauche div#Contact.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.contact a:hover { 
color: #B68977;
text-decoration: none;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche { 
flex: 1 0 150px;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche div.contenuPortlet div.rechercheGenerale form p { 
text-align: center;
margin: 0;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche div.contenuPortlet div.rechercheGenerale form p button { 
border-radius: 0px 50px 50px 0px;
background-image: url("../images/recherche.png");
width: 45px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-color: #B68977;
border: none;
font-size: 1rem;
cursor: pointer;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche div.contenuPortlet div.rechercheGenerale form p button span { 
font-size: 0;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche div.contenuPortlet div.rechercheGenerale form p input.requete { 
border-radius: 50px 0px 0px 50px;
padding: 0;
height: 40px;
border: none;
text-align: center;
width: calc(100% - 100px);
font-size: 1rem;
}
div#headerHaut { 
/*background-image: url("../images/background.jpg");
background-size: 100% auto;
background-position-y: 20px;*/
}
div#headerHaut div#zoneHaut { 
font-family: 'Raleway', sans-serif;
position: relative;
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#headerHaut div#zoneHaut div#Accueil.IndeXysPortletNavigationRubrique div.contenuPortlet { 
padding: 0; margin: 1rem 0 1rem;
}
div#headerHaut div#zoneHaut div#Accueil.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste { 
padding: 0; margin:0;
}
div#headerHaut div#zoneHaut div#Accueil.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.accueil a { 
display: block;
height: 144px;
width: 279px;
background-image: url("../images/logo.png");
background-position: center;
background-size: contain;
margin-left: auto;
margin-right: auto;
}
div#headerHaut div#zoneHaut div#Accueil.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.accueil a span { 
display: none;
}
div#headerHaut div#zoneHaut div#Langue.IndeXysPortletNavigationRubrique div.contenuPortlet { 
position: absolute;
top: 0;
left: 0;
}
div#headerHaut div#zoneHaut div#Langue.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul { 
padding:0; margin: 0;
}
div#headerHaut div#zoneHaut div#Langue.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.english a { 
padding-left: 35px;
background-image: url("../images/drapeauUk.png");
background-repeat: no-repeat;
color: #1A1F37;
}
div#headerHaut div#zoneHaut div#Langue.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.english a:hover { 
text-decoration: underline;
color: #b68977;
}
div#headerHaut div#zoneHaut div#Langue.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.francais a { 
padding-left: 30px;
background-image: url("../images/drapeauFrance.png");
background-repeat: no-repeat;
color: #1A1F37;
}
div#headerHaut div#zoneHaut div#Langue.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.francais a:hover { 
text-decoration: underline;
color: #b68977;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.contenuPortlet { 
position: absolute;
top: -1px;
right: 0;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.quantite { 
position: absolute; top: 30px; left: 25px;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.quantite p.articles { 
display: inline-block; text-align: center; margin: 0; padding: 0; width: 20px; height: 20px; line-height: 16px; 
border: 1px solid #ff0000; -webkit-border-radius: 10px; -moz-border-radius: 12px; border-radius: 12px; background: #ff0000;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.libelle { 
display: none;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite { 
color: #ffffff; font-size: 10px; font-weight: bold; font-family: 'Ubuntu', sans-serif;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.quantite p.vide { 
display: none;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { 
margin: 0; padding: 0;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span { 
font-size: 0;
}
div#headerHaut div#zoneHaut div#Panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span::before { 
background-image: url("../images/panierHeader.png");
content: " ";
width: 60px;
height: 111px;
display: block;
}
div#headerHaut div#zoneHaut div#VendreMesVins.IndeXysPortletNavigationRubrique { 
display: none;
}
div#headerHaut div#zoneHaut div.IndeXysPortletEnTete { 
color: #B68977; font-family: 'Old Standard TT';
text-align: center;
}
div#headerHaut div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet div.enTete p { 
text-align: center;
margin: 0;
padding:0;
}
div#sellandpepper_keeper { 
display: none;
}
div#zoneBas { 
background-color: #1A1F37;
color: #FFFFFF;
position: relative;
display: grid;
grid-template-areas: "ServicesAvantages ServicesAvantages""Reassurance Reassurance""Newsletter ServicesCompte""Coordonnees ServicesCompte""ReseauxSociaux ReseauxSociaux""PiedDePage PiedDePage" "Legislation Legislation";
grid-template-columns: 50% 50%;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl { 
grid-area: Coordonnees;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet { 
max-width: 640px;
width: 100%;
margin-left: auto;
padding-left: 1rem;
padding-right: 1rem;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content { 
display: grid;
grid-template-columns: repeat(2, 1fr);
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content p { 
font-family: 'Ubuntu', sans-serif;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content p a:hover { 
color: #b68977;
text-decoration: underline;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content p span#mail { 
background-image: url("../images/picto_mail.png");
background-repeat: no-repeat;
padding-left: 40px;
min-height: 24px;
display: inline-block;
line-height: 34px;
font-style: italic;
font-weight: lighter;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content p span#mail:hover { 
color: #b68977;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content p span#tel { 
background-image: url("../images/picto_tel.png");
background-repeat: no-repeat;
padding-left: 40px;
min-height: 24px;
display: inline-block;
line-height: 34px;
font-weight: bolder;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content p:last-child { 
line-height: 30px;
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet h2 { 
color: #B68977;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
font-size: 1.5rem;
margin-bottom: 0;
}
div#zoneBas div#Reassurance.IndeXysPortletUrl { 
color: #1A1F37;
background: url("../images/fdFooter.jpg") top center no-repeat;
background-size: cover;
grid-area: Reassurance;
}
div#zoneBas div#Reassurance.IndeXysPortletUrl div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneBas div#Reassurance.IndeXysPortletUrl div.contenuPortlet div.elements { 
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
div#zoneBas div#Reassurance.IndeXysPortletUrl div.contenuPortlet div.elements p { 
text-align: center;
font-family: 'Ubuntu', sans-serif;
font-weight: lighter;
}
div#zoneBas div#Reassurance.IndeXysPortletUrl div.contenuPortlet div.elements-content { 
display: grid;
grid-template-columns: 50% 50%;
padding: 2rem;
margin-left: 50%;
}
div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique { 
grid-area: ReseauxSociaux;
}
div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul { 
margin: 0;
padding: 0;
}
div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul li { 
font-size: 0;
}
div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul li.facebook a span.out span.in::before { 
content: " ";
font-size: 1rem;
background-image: url("../images/picto_facebook.png");
height: 43px;
width: 42px;
display: block;
position: absolute;
top: -20px;
right: 0;
}
div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul li.instagram a span.out span.in::before { 
content: " ";
background-repeat: no-repeat;
font-size: 1rem;
background-size: 100%;
background-image: url("../images/picto_instagram.png");
height: 47px;
width: 46px;
display: block;
position: absolute;
top: -22px;
right: 45px;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl { 
background-color: #FFFFFF;
color: #1A1F37;
font-family: 'Ubuntu', sans-serif;
grid-area:ServicesAvantages;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.ligne { 
display: flex;
justify-content: space-evenly;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.ligne div.element { 
display: flex;
flex-direction: column;
justify-content: flex-end;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.ligne div.element h4 { 
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
font-weight: lighter;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.ligne div.element p { 
margin-top: 0;
text-align: center;
color: #969696;
font-weight: lighter;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.titre { 
border-top: 1px solid #1A1F37;
position: relative;
padding-top: 30px;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.titre h2 { 
position: absolute;
top: -30px;
left: 50%;
transform: translate(-50%);
background-color: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.titre img { 
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
max-width: 616px;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique { 
grid-area: ServicesCompte;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet { 
max-width: 640px;
width: 100%;
margin-right: auto;
margin-bottom: 5rem;
padding-left: 1rem;
padding-right: 1rem;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant { 
display: grid;
grid-template-columns: repeat(2, 1fr);
padding-top: 40px;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li ul { 
margin-top: 1rem;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li ul li a span.out span.in { 
font-family: 'Ubuntu', sans-serif;
font-weight: lighter;
font-style: italic;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li ul li a:hover { 
color: #b68977;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.compte { 
padding-left: 2rem;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.compte > a { 
color: #B68977;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
font-size: 1.5rem;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.compte > a:hover { 
color: #B68977;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.nos-services { 
padding-left: 2rem;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.nos-services > a { 
color: #B68977;
font-family: 'Raleway', sans-serif;
font-weight: lighter;
font-size: 1.5rem;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.nos-services > a:hover { 
color: #B68977;
}
div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.nos-services ul.off { 
margin-top: 1rem;
}
div#zoneBas div#legislation.IndeXysPortletUrl { 
grid-area: Legislation;
}
div#zoneBas div#legislation.IndeXysPortletUrl a { 
color: #B68977;
}
div#zoneBas div#legislation.IndeXysPortletUrl p { 
margin: 0;
padding: 0;
font-size: 0.85rem;
}
div#zoneBas div.IndeXysPortletNewsletter { 
grid-area: Newsletter;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet { 
max-width: 640px;
width: 100%;
margin-left: auto;
padding-left: 1rem;
padding-right: 1rem;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement { 
width: 100%;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement form p { 
text-align: center;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement form p button { 
border-radius: 0px 50px 50px 0px;
background-image: url("../images/recherche.png");
width: 45px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-color: #B68977;
border: none;
font-size: 1rem;
cursor: pointer;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement form p button span { 
font-size: 0;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement form p input { 
border-radius: 50px 0px 0px 50px;
padding: 0;
height: 40px;
border: none;
text-align: center;
width: calc(100% - 50px);
font-size: 1rem;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement h4 { 
font-family: 'Ubuntu', sans-serif;
font-weight: lighter;
font-size: 1.625rem;
margin-bottom: 0;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement h4 span { 
display: none;
}
div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet div.abonnement h4::after { 
content: "NEWSLETTER";
}
div#zoneBas div.IndeXysPortletPiedDePage { 
grid-area: PiedDePage;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #FFFFFF;
padding-left: 1rem;
padding-right: 1rem;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet div.piedDePage ul { 
display: flex;
justify-content: flex-start;
margin-bottom: 0;
padding-bottom: 1rem;
}
div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet div.piedDePage ul li { 
font-family: 'Raleway', sans-serif;
color: #b68977;
font-weight: lighter;
flex: 1 1 20%;
text-align: center;
}
div#zoneCentre { 
position: relative;
/*background-image: url("../images/background.jpg");
background-size: 100% auto;
background-position: center;*/
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl { 
background: url("../images/visuel_bandeau.jpg") top center no-repeat;
background-size: cover;
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl div.contenuPortlet div.ligne { 
display: flex;
align-items: flex-end;
padding: 3rem 0;
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl div.contenuPortlet div.ligne>img { 
max-width: 75%;
height: auto;
}
div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication { 
background-image: url("../images/bandeau_bleu.jpg");
background-size: 100% auto;
}
div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.action form p span.select-to-many span.value { 
color: #FFFFFF;
}
div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.titreSelection h3 { 
color: #FFFFFF;
}
div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication::before { 
content: "Retrouvez chaque jour nos nouveaux vins ...";
text-align: center;
color: #FFFFFF;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
font-size: 2rem;
margin-left: auto;
margin-right: auto;
display: block;
}
div#zoneCentre div#zoneBlanche.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet { 
border-top: 1px solid #1A1F37;
padding-bottom: 0;
}
div#zoneCentre div#zoneBlanche.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication::before { 
content: "Achat en ligne de grands vins";
padding-left: 20px;
padding-right: 20px;
text-align: center;
position: absolute;
background-color: #FFFFFF;
top: -20px;
left: 50%;
transform: translate(-50%);
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
font-size: 1.8rem;
width: 440px;
}
div#zoneCentre div#zoneBlanche.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.titreSelection { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 5rem;
}
div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysCommercePortletPaiementEnLigne div.paiementEnLigne { 
padding: 0 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2rem 0 0;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet p { 
margin: 0 1rem;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet p.consultation a { 
color: #B68977;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet p.publication a { 
color: #B68977;
text-decoration: none;
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet p.publication a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletMonProfil div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet { 
padding-bottom: 5rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem;
row-gap: 2rem;
margin-top: 30px;


max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem;
row-gap: 2rem;


max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysPortletPublication div.multiPages p { 
text-align: center; font-weight: bold;
}
div#zoneCentre div.IndeXysPortletPublication div.multiPages p a { 
display: inline-block; margin: 0.5rem; padding: 0.5rem; color: #B68977;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication { 
margin: 0; padding: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div { 
display: inline-block; margin-right: 2rem;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.on { 
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.on a { 
color: #B68977;
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 3rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet div.resultats div.listeInformation { 
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem;
row-gap: 2rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet div.resultats p.reponses span.quantite { 
margin-left: 5px;
margin-right: 5px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.contenuRubrique { 
margin: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.contenuRubrique p { 
margin: 0; margin-top: 1.75rem; line-height: 1.75rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.contenuRubrique p img { 
max-width: 100%; height: auto;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.contenuRubrique ul li { 
margin: 0; margin-top: 0.25rem; line-height: 1.75rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.domainesDeLegendes { 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.domainesDeLegendes img { 
height: 350px;
object-fit: fill;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.titreRubrique { 
border-top: 1px solid #1A1F37;
position: relative;
margin: 50px 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.titreRubrique h1 { 
margin: 0;
text-transform: uppercase;
position: absolute;
background-color: #FFFFFF;
padding: 0;
padding-left: 20px;
padding-right: 20px;
top: -19px;
left: 50%;
transform: translate(-50%);
font-family: 'Ubuntu', sans-serif;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem;
row-gap: 2rem;
margin-top: 30px;
padding-left: 1rem;
padding-right: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p { 
text-align: center; font-weight: bold;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.multiPages p a { 
display: inline-block; margin: 0.75rem; color: #B68977;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication { 
margin: 0; padding: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div { 
display: inline-block; margin-right: 2rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.on { 
font-weight: bold; color: #B68977;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.on a { 
color: #B68977;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 2rem;
padding-bottom: 5rem;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication { 
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 1rem;
column-gap: 2rem;
row-gap: 2rem;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.titreSelection { 
display: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication ul.onglets { 
margin: 0; padding: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; list-style-type: none;
text-align: center;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication ul.onglets li { 
display: inline-block;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication ul.onglets li a { 
display: inline-block; margin-left: 0.5rem; margin-right: 0.5rem; 
color: #B68977; 
font-family: 'Raleway', sans-serif;
font-weight: lighter;
font-size: 1.5rem;
margin-bottom: 0;
cursor: pointer;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication ul.onglets li a.on { 
font-weight: bolder;
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletUtils div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
color: #B68977;
text-decoration: none;
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletUtils div.contenuPortlet p { 
margin: 0; padding: 0.5rem; text-align: center;
}
div#zoneCentre div.IndeXysPortletrubriquePublication div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem;
row-gap: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
div#zoneDroite div#Diaporama.IndeXysPortletUrl { 
/*background-image: url("../images/background.jpg");
background-size: 100% auto;
background-position: top;*/
}
div#zoneDroite div#Diaporama.IndeXysPortletUrl div.contenuPortlet { 
max-width: 60%;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
div#zoneDroite div.IndeXysPortletTribuneRubriquePublication.notre-catalogue { 
/*background-image: url("../images/background.jpg");
    background-size: 100% auto;
    background-position: bottom;*/
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.contenuRubrique p a { 
display: block;
margin: auto;
padding: 0.75rem;
width: 300px;
text-align: center;
height: 3rem;
background: #B68977;
color: #ffffff;
border: 3px solid #B68977;
text-transform: uppercase;
font-size: 1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle { 
display: flex;
flex-direction: column;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.contenu-cle.input.single { 
display: flex;
justify-content: center;
align-items: center;
min-height: 46px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.contenu-cle.input.single span::after { 
content: " €";
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle { 
flex-grow: 1;
display: flex;
align-items: center;
border: 1px solid #1A1F37;
margin: 0;
padding: 0.5rem;
background-color: #FFFFFF;
min-height: 46px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle a.reset { 
display: block;
color: #B68977;
margin-left: auto;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle a.reset span { 
display: none;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle a.reset::before { 
content: "\f00d";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 1.25rem;
margin-right: 0.5rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle select { 
width: 100%;
border: none;
font-size: 1rem;
background-color: #FFF;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle span.hide { 
margin-right: .25rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle.checkbox a.reset { 
margin-left: 1rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle.slider { 
border: none;
display: inherit;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle:last-child { 
border: none;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-titre-cle { 
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
margin: 0;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-titre-cle a.reset { 
display: block;
color: #B68977;
position: absolute;
top: 0;
right: 0;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-titre-cle a.reset span { 
display: none;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-titre-cle a.reset::before { 
content: "\f00d";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 1.25rem;
margin-right: 0.5rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-titre-cle.input a { 
display: none;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle { 
padding: 0;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active { 
display: flex;
width: 100%;
justify-content: center;
border: 0;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active button.rechercher { 
padding: 0 1rem; background: #B68977; border: 0; cursor: pointer; color: #1A1F37; text-transform: uppercase; font-size: 0.75rem; font-weight: bold; line-height: 2rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active input { 
flex: 3rem 0 1; width: 3.5rem; margin: 0 .5rem; border: 0; line-height: 2em; text-align: center; color: #1A1F37; font-size: .9rem; font-weight: bold;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active span.max { 
/*width: 33%;*/ font-size: 0.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 0 1rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active span.max::after { 
content: " €";
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active span.min { 
/*width: 33%; */font-size: 0.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.filtre-contenu-cle.input.active span.min::after { 
content: " €";
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div#slider-range-note { 
margin-top: 1rem;
height: 3px;
width: calc(100% - 21px);
margin-left: auto;
margin-right: auto;
border-color: #CED8EA;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div#slider-range-note div.ui-slider-range.ui-corner-all.ui-widget-header { 
background-color: #CED8EA;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div#slider-range-note span { 
border-radius: 0px;
top: -0.6em;
border-color: #B68977;
background-color: #B68977;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div#slider-range-prixUnitaireVenteTtc { 
/* margin-top: 1.2rem;
height: 3px;
width: calc(100% - 21px);
margin-left: auto;
margin-right: auto;
border-color: #CED8EA; */
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div#slider-range-prixUnitaireVenteTtc div.ui-slider-range.ui-corner-all.ui-widget-header { 
/* background-color: #CED8EA; */
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div#slider-range-prixUnitaireVenteTtc span { 
/* border-radius: 0px;
top: -0.6em;
border-color: #B68977;
background-color: #B68977; */
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div.values input { 
margin-top: .5rem;
width: 35px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div.values input span.max-value input { 
text-align: right;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle form div.slider div.values input span.min-value input { 
text-align: left;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle.critiques { 
position: relative;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle.critiques div.filtre-contenu-cle { 
background-color: transparent;
min-height: inherit;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle.prix div.filtre-contenu-cle { 
background-color: transparent;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle { 
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 0.5rem;
row-gap: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
margin-top: 1rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.displayNone { 
display: none;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.filtre-cle.critiques div.contenu-cle.slider.none { 
display: flex;
justify-content: center;
align-items: center;
min-height: 46px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.filtre-cle.critiques div.contenu-cle.slider.single { 
display: flex;
justify-content: center;
align-items: center;
min-height: 46px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.prix { 
grid-column: auto / span 2;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection { 
grid-row: 3/4;
margin-top: .5rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle { 
color: #B68977;
font-size: 0;
font-weight: bold;
background-color: #fff;
border-radius: 50px;
padding: 0;
justify-content: center;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle a.reset { 
color: #B68977;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle span.indeXys-nowrap { 
display: flex;
padding-left: 1rem;
width: 100%;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle span.indeXys-nowrap a { 
border-radius: 50px;
font-size: 0;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle span.indeXys-nowrap a span.suffixe { 
font-size: 1rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle span.indeXys-nowrap a:hover { 
text-decoration: underline;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle span.indeXys-nowrap a:hover span.suffixe { 
/*background-color: #b68977;
color: #fff !important;*/
text-decoration: underline;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-contenu-cle span.suffixe { 
font-size: 1rem;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection div.filtre-titre-cle { 
display: none;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection.bonneAffaire div.filtre-contenu-cle span.indeXys-nowrap a::before { 
/*content: "Bonne Affaire";
font-size: 1.25rem;*/
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection.cruClasse div.filtre-contenu-cle span.indeXys-nowrap a::before { 
/*content: "Cru Classé";
font-size: 1.25rem;*/
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection.incontournable div.filtre-contenu-cle span.indeXys-nowrap a::before { 
/*content: "Incontournable";
font-size: 1.25rem;*/
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection.rarete div.filtre-contenu-cle span.indeXys-nowrap a::before { 
/*content: "Rareté";
font-size: 1.25rem;*/
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-titre { 
margin: 0;
padding-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-titre span { 
font-family: 'Ubuntu', sans-serif;
font-size: 1.6rem;
color: #B68977;
font-weight: bold;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.listePublicationLiee { 
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem;
row-gap: 2rem;
border-top: 1px solid #1A1F37;
position: relative;
padding-top: 50px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.listePublicationLiee::before { 
content: "Achat en ligne de grands vins";
padding-left: 20px;
padding-right: 20px;
text-align: center;
position: absolute;
background-color: #FFFFFF;
top: -20px;
left: 50%;
transform: translate(-50%);
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
font-size: 1.8rem;
width: 440px;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.titreRubrique h3 { 
margin: 0;
}
html { 
scroll-behavior: smooth;
}
ul { 
list-style-type: none;
padding-left: 0;
}
@media (max-width: 992px) {

div#headerHaut div#zoneHaut div.IndeXysPortletEnTete{
display: none;
}

div#headerHaut div#zoneHaut div#Accueil.IndeXysPortletNavigationRubrique div.contenuPortlet {
padding-top: 2rem; margin: 0 0 1rem;
}

div#headerHaut div#zoneHaut div#Rayons.IndeXysPortletNavigationPublication{
margin-right: 0;
}

div#headerHaut div#zoneHaut div#Rayons.IndeXysPortletNavigationPublication ul li {
flex: 1 1 25%;
}

div#headerHaut div#zoneHaut div#Rayons.IndeXysPortletNavigationPublication ul li ul{
width: 150%;
left: -25%;
}

div#headerHaut div#zoneHaut div#VendreMesVins.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuDeroulant ul{
margin: 0;
padding: 0.4rem 0;
text-align: center;
}


div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle {
grid-template-columns: repeat(4, 1fr);
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.critiques {
grid-column: auto / span 2;
order: 1;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.prix {
grid-column: auto / span 2;
order: 2;
}

div#zoneCentre div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.listePublicationLiee {
grid-template-columns: repeat(3, 1fr);
padding-left: 1rem;
padding-right: 1rem;
column-gap: 3rem;
}

div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(3, 1fr);
padding-left: 1rem;
padding-right: 1rem;
column-gap: 3rem;
}

div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee{
grid-template-columns: repeat(3, 1fr);
}

div#zoneBas{
grid-template-areas: "ServicesAvantages""Reassurance""Newsletter""Coordonnees""ServicesCompte""ReseauxSociaux""PiedDePage""Legislation";
grid-template-columns: 100%;
}

div#zoneBas div.IndeXysPortletNewsletter div.contenuPortlet{
margin-left: auto;
margin-right: auto;
}

div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet{
margin-left: auto;
margin-right: auto;
}

div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet{
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}

div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant{
width: 100%;
margin-left: 0;
}

div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant{
padding: 0;
justify-content: space-evenly;
}

div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.nos-services{
padding-left: 0;
}

div#zoneBas div#ServicesCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.menuNonDeroulant ul.menuNonDeroulant li.compte{
padding-left: 0;
}

div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication{
grid-template-columns: repeat(3, 1fr);
padding-left: 1rem;
padding-right: 1rem;
column-gap: 3rem;
}

div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee{
grid-template-columns: repeat(3, 1fr);
padding-left: 1rem;
padding-right: 1rem;
column-gap: 3rem;
}

div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(3, 1fr);
padding-left: 1rem;
padding-right: 1rem;
column-gap: 3rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet div.resultats div.listeInformation {
grid-template-columns: repeat(3, 1fr);
}

div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet div.piedDePage ul{
flex-wrap: wrap;
}

div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet div.piedDePage ul li{
flex: 1 1 33%;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}

div#zoneBas div#ReseauxSociaux.IndeXysPortletNavigationRubrique {
bottom: 30px;
}

}







@media (max-width: 768px) {



div#headerGauche div#zoneGauche{
flex-wrap: wrap;
}

div#headerGauche div#zoneGauche div#Contact{
order: 1;
flex: 0 0 33%;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet{
margin-bottom: 1rem;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche{
flex: 1 1 100%;
}
div#headerGauche div#zoneGauche div.IndeXysPortletRecherche div.contenuPortlet{
margin: 1rem 0;
}

div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique{
order: 2;
flex: 0 0 65%
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet{
margin-bottom: 1rem;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste{
justify-content: space-between;
}

div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle {
grid-template-columns: repeat(3, 1fr);
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.critiques {
grid-column: auto / span 3;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.prix {
grid-column: auto / span 3;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection {
grid-row: inherit;
margin-top: 20px;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.listePublicationLiee{
grid-template-columns: repeat(2, 1fr);
}

div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication{
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet div.resultats div.listeInformation {
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication{
grid-template-columns: repeat(2, 1fr);
}

div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee{
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee{
grid-template-columns: repeat(2, 1fr);
}

div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.titre img{
width: 90%
}

div#zoneBas div#Reassurance.IndeXysPortletUrl{
background: none;
background-color: #B68977;
}

div#zoneBas div#Reassurance.IndeXysPortletUrl div.contenuPortlet div.elements-content{
margin-left: 0;
grid-template-columns: repeat(4, 1fr);
}

div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.ligne div.element{
width: 33%;
align-items: center;
}

div#zoneBas div.IndeXysPortletPiedDePage div.contenuPortlet div.piedDePage ul li{
flex: 1 1 33%;
}

div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(2, 1fr);
}

}





@media (max-width: 576px) {
div#headerGauche div#zoneGauche div#Contact{
flex: 0 0 100%;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet{
margin-right:1.25rem;
}
div#headerGauche div#zoneGauche div#Contact div.contenuPortlet div.liste ul.liste li.contact a span.out span.in{
align-items: center;
}
div#headerGauche div#zoneGauche div#CatalogueCompte.IndeXysPortletNavigationRubrique{
flex: 0 0 100%;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle {
grid-template-columns: repeat(2, 1fr);
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.critiques {
grid-column: auto / span 2;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.prix {
grid-column: auto / span 2;
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-liste-cle div.selection {
margin-top: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee{
grid-template-columns: repeat(1, 1fr);
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(2, 1fr);
}
div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.filtrePublication div.filtre-cle div.filtre-contenu-cle.checkbox a.reset {
margin-left: .25rem;
}

div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication ul.onglets{
display: grid;
flex-direction: column;
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl div.contenuPortlet div.ligne{
align-items: center;
flex-direction: column;
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl div.contenuPortlet div.ligne img:first-child{
max-width: 100%;
}
div#zoneCentre div#Decouverte.IndeXysPortletUrl div.contenuPortlet div.ligne img:last-child{
max-width: 50%;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.titre h2{
top: -50px;width: 230px;
}
div#zoneBas div#ServicesAvantages.IndeXysPortletUrl div.contenuPortlet div.ligne {
flex-direction: column;
align-items: center;
}

div#zoneBas div#Reassurance.IndeXysPortletUrl div.contenuPortlet div.elements-content{
grid-template-columns: repeat(2, 1fr);
}
div#zoneBas div#Coordonnees.IndeXysPortletUrl div.contenuPortlet div.content {
display: flex;
flex-direction: column;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuPortlet div.titreRubrique h1{
width: 200px;
text-align: center;
top: -35px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication{
display: flex;
flex-wrap: wrap;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div{
flex: 0 0 50%;
margin: 0;
}
}

@media (max-width: 480px) {
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(1, 1fr);
}
div#zoneCentre div#NouveauteSelection.IndeXysPortletTribuneSelectionFavoriPublication div.contenuPortlet div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(1, 1fr);
}
div#zoneCentre div.IndeXysPortletRecherche div.contenuPortlet div.resultats div.listeInformation {
    grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 435px) {
div#headerHaut div#zoneHaut div#Accueil.IndeXysPortletNavigationRubrique div.contenuPortlet {
padding-top: 5rem;
}
}div.information.IndeXysCommerceArticle.detail div#description { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
flex: 0 0 100%;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription { 
display: table;
width: 100%;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription p { 
display: table-row;
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription p span { 
display: table-cell;
padding: 0.5rem 1.5rem;
margin: 0;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription p span.libelle { 
padding: 0.5rem 1.5rem;
border: 1px solid #1A1F37;
border-bottom: none;
width: 40%;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription p span.value { 
border-top: 1px solid #1A1F37;
border-right: 1px solid #1A1F37;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription p:last-child span.libelle { 
border-bottom: 1px solid #1A1F37;
}
div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription p:last-child span.value { 
border-bottom: 1px solid #1A1F37;
}
div.information.IndeXysCommerceArticle.detail div#description h3 { 
display: inline-block;
padding: 0.5rem 1rem;
margin: 1rem 0;
background-color: #1A1F37;
color: #FFFFFF;
width: 180px;
text-align: center;
font-family: 'Raleway', sans-serif;
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
flex: 0 0 100%;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus h3 { 
display: inline-block;
padding: 0.5rem 1rem;
background-color: #1A1F37;
color: #FFFFFF;
width: 180px;
text-align: center;
font-family: 'Raleway', sans-serif;
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus h5 { 
text-transform: uppercase;
color: #1A1F37;
font-size: 1rem; 
font-weight: bold; 
font-family: 'Raleway', sans-serif;
margin: 0;
margin-top: 2rem;
margin-bottom: 0.25rem;
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus h5 span.value { 
display: inline;
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus span.libelle { 
display: block;
text-transform: uppercase;
color: #1A1F37;
font-size: 1rem; 
font-weight: bold; 
font-family: 'Raleway', sans-serif;
margin: 0;
margin-top: 2rem;
margin-bottom: 0.25rem;
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus span.libelle::after { 
content: " :";
}
div.information.IndeXysCommerceArticle.detail div#enSavoirPlus span.value { 
display: block;
}
div.information.IndeXysCommerceArticle.detail div#suggestions { 
background-image: url("../images/bandeau_bleu.jpg");
background-size: 100% auto;
padding-bottom: 3rem;
padding-left: 1rem;
padding-right: 1rem;
margin-top: 2rem;
}
div.information.IndeXysCommerceArticle.detail div#suggestions div.listeSuggestions { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 2rem;
row-gap: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail div#suggestions h3 { 
margin: 0;
padding: 0;
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
padding-top: 2rem;
}
div.information.IndeXysCommerceArticle.detail div#suggestions h4 { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.ListeArticleInternaute { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
flex: 0 0 100%;
display: grid;
grid-template-columns: repeat(6, 1fr);
}
div.information.IndeXysCommerceArticle.detail div.ListeArticleInternaute h4 { 
grid-column: 1/7;
}
div.information.IndeXysCommerceArticle.detail div.contenuRubrique { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.information.IndeXysCommerceArticle.detail div.detailPublication { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.information.IndeXysCommerceArticle.detail div.details { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: 25% 1fr;
justify-content: space-between;
position: relative;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.details div.image { 
/*flex: 0 0 30%;*/
max-width: 400px;
position: relative;
grid-row: 1/2;
}
div.information.IndeXysCommerceArticle.detail div.details div.image .thickbox img { 
width: 100%;
}
div.information.IndeXysCommerceArticle.detail div.details div.image .thickbox span { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.details div.image div.borderFlag { 
position: relative;
border: 1rem solid #B68977;
border-right: 1rem solid transparent;
}
div.information.IndeXysCommerceArticle.detail div.details div.image div.externeFlag { 
position: absolute;
bottom: 1rem;
width: 110px;
}
div.information.IndeXysCommerceArticle.detail div.details div.image div.insideFlag { 
position: absolute;
left: -.25rem;
transform: translateY(-50%);
color: #fff;
font-size: 1.5rem;
width: 100%;
text-align: center;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume { 
/*flex: 0 0 60%;*/
grid-row: 1/3;
padding-left: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.caracteristiques { 
display: table; width: 100%;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.caracteristiques p { 
border-bottom: 1px solid #1A1F37;
padding: 0;
margin: 0;
display: table-row;
font-family:'Raleway', sans-serif;
font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.caracteristiques p span { 
display: table-cell; padding: 0.25rem; margin: 0; border: 0; border-bottom: 1px solid #1A1F37;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.caracteristiques p span.libelle { 
text-transform: uppercase;
width: 40%;
font-weight: lighter;
line-height: 3rem;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.caracteristiques p:last-child { 
border-bottom: none;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input { 
display: flex;
align-items: end;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input button.ajouter { 
border: none;
background-color: transparent;
height: 34px;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input button.ajouter span { 
font-size: 0;
display: block;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input button.ajouter span::before { 
content: " ";
background-image: url("../images/btPanierOn.png");
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 40px;
height: 34px;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.prix { 
width: 50%;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.prix span.amount { 
display: flex;
flex-wrap: wrap;
font-family: 'Ubunutu', sans-serif;
font-size: 1.8rem;
font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.prix span.amount del { 
font-weight: initial;
flex: 1 1 100%;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.prix span.amount del::after { 
content:" € TTC";
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.prix span.unit { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.quantity input.quantite { 
width: 50px;
padding: 0.25rem 0 0.25rem 0.5rem;
font-size: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif form p.ajouter.input span.quantity label span { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif p { 
border-bottom: none;
}
div.information.IndeXysCommerceArticle.detail div.details div.resume div.tarif p.stock { 
background-color: #CED8EA;
display: inline-block;
padding: 0.25rem 1rem;
margin-top: 2rem;
}
div.information.IndeXysCommerceArticle.detail div.details p.bonneAffaire { 
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.detail div.details p.bonneAffaire span { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.details p.bonneAffaire::before { 
content: "";
display: block;
width: 136px;
height: 94px;
position: absolute;
bottom: 3px;
right: 0;
background-image: url("../images/bonne_affaire_bas.png");
background-size: 100% auto;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.detail div.details p.nouveaute { 
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.detail div.details p.nouveaute span { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.details p.nouveaute::before { 
content:"";
display: block;
width: 136px;
height: 94px;
position: absolute;
top: 0;
left: 0;
background-image: url("../images/nouveau.png");
background-size: 100% auto;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.detail div.information.IndeXysCommerceArticle.liste { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.information.IndeXysCommerceArticle.detail div.raccourcis { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.raccourcis a.raccourci { 
display: inline-block;
padding: 0.5rem 1rem;
background-color: #1A1F37;
color: #FFFFFF !important;
width: 180px;
text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 1.2rem;
font-weight: bold;
margin: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.resume div.tarif form p.ajouter.input span.prix span.amount span.complement { 
display: flex;
flex-wrap: wrap;
font-weight: normal;
font-size: 1rem;
width: 100%;
}
div.information.IndeXysCommerceArticle.detail div.resume div.tarif form p.ajouter.input span.prix span.amount span.complement del { 
margin-right: 0.25rem;
}
div.information.IndeXysCommerceArticle.detail div.resume div.tarif form p.ajouter.input span.prix span.amount span.complement del::after { 
content: " € HT";
}
div.information.IndeXysCommerceArticle.detail div.resume div.tarif form p.ajouter.input span.prix span.amount span.complement span.soit { 
margin-right: 0.25rem;
}
div.information.IndeXysCommerceArticle.detail h1 { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: 'Ubuntu', sans-serif;
font-weight: lighter;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail h4.titreListeArticleInternaute { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
div.information.IndeXysCommerceArticle.detail p.alcDomaine { 
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: 'Ubuntu', sans-serif;
margin-top: 0;
padding-left: 1rem;
padding-right: 1rem;
}
div.information.IndeXysCommerceArticle.detail p.alcDomaine span.libelle::after { 
content: " : ";
}
div.information.IndeXysCommerceArticle.liste { 
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #FFFFFF;
padding: 0.5rem;
position: relative;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input { 
display: flex;
justify-content: space-between;
align-items: flex-start;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input button.ajouter { 
border: none;
background-color: transparent;
height: 24px;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input button.ajouter span { 
font-size: 0;
display: block;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input button.ajouter span::before { 
content: " ";
background-image: url("../images/btPanierOn.png");
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 30px;
height: 24px;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix { 
flex: 1 0 80px;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.amount { 
display: flex;
flex-wrap: wrap;
font-family: 'Ubunutu', sans-serif;
font-size: 1.3rem;
font-weight: bold;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.amount > del::after { 
content:" € TTC";
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.amount del { 
font-weight: initial;
flex: 1 1 100%;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.amount span.complement { 
display: flex;
flex-wrap: wrap;
font-weight: normal;
font-size: 1rem;
width: 100%;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.amount span.complement del { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.amount span.complement span.soit { 
margin-right: 0.25rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.prix span.unit { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.quantity { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.stock { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.image { 
text-align: center;
position: relative;
}
div.information.IndeXysCommerceArticle.liste div.image a img { 
max-width: 100%;
height: 245px;
object-fit: cover;
}
div.information.IndeXysCommerceArticle.liste div.image div.borderFlag { 
position: relative;
border: 1rem solid #B68977;
border-right: 1rem solid transparent;
}
div.information.IndeXysCommerceArticle.liste div.image div.externeFlag { 
position: absolute;
bottom: 1rem;
width: 110px;
}
div.information.IndeXysCommerceArticle.liste div.image div.insideFlag { 
position: absolute;
left: -.25rem;
transform: translateY(-50%);
color: #fff;
font-size: 1.5rem;
width: 100%;
text-align: center;
}
div.information.IndeXysCommerceArticle.liste div.image p.bonneAffaire { 
margin: 0;
padding: 0;
width: 100%;
}
div.information.IndeXysCommerceArticle.liste div.image p.bonneAffaire span { 
display: block; font-size: 0;
}
div.information.IndeXysCommerceArticle.liste div.image p.bonneAffaire span::before { 
content:"";
display: block;
width: 136px;
height: 94px;
position: absolute;
bottom: 3px;
right: 0;
background-image: url("../images/bonne_affaire_bas.png");
background-size: 100% auto;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.liste div.image p.nouveaute { 
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.liste div.image p.nouveaute span { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.image p.nouveaute::before { 
content:"";
display: block;
width: 136px; height: 94px; 
/* width: 176px; height: 2rem; text-align: center; background-color: #000066; color: #ffffff; line-height: 2rem; transform: rotate(-45deg) translate(-6px, -6px); */
position: absolute; top: 0; left: 0;
background-image: url("../images/nouveau.png");
background-size: 100% auto;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.liste div.texte { 
min-height: 5.6rem;
margin: 0;
margin-top: 0.5rem;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 { 
font-size: 1.1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: lighter;
line-height: 1.4rem;
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.liste div.texte p.coupDeCoeur { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.texte p.note { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.texte p.promotion { 
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.liste div.texte p.promotion span { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.texte p.topVente { 
display: none;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune { 
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #FFFFFF;
padding: 0.5rem;
position: relative; top: 0; left: 0;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input { 
display: flex;
justify-content: space-between;
align-items: flex-start;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input button.ajouter { 
border: none;
background-color: transparent;
height: 24px;
cursor: pointer;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input button.ajouter span { 
font-size: 0;
display: block;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input button.ajouter span::before { 
content: " ";
background-image: url("../images/btPanierOn.png");
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 30px;
height: 24px;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix { 
flex: 1 0 80px;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.amount { 
display: flex;
flex-wrap: wrap;
font-family: 'Ubunutu', sans-serif;
font-size: 1.2rem;
font-weight: bold;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.amount > del::after { 
content:" € TTC";
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.amount del { 
font-weight: initial;
flex: 1 1 100%;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.amount span.complement { 
display: flex;
flex-wrap: wrap;
font-weight: normal;
font-size: 1rem;
width: 100%;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.amount span.complement del { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.amount span.complement span.soit { 
margin-right: 0.25rem;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.prix span.unit { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif form p.ajouter.input span.quantity { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.commande div.tarif p.stock { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.image { 
text-align: center;
position: relative;
}
div.information.IndeXysCommerceArticle.tribune div.image a img { 
height: 245px;
object-fit: cover;
max-width: 100%;
}
div.information.IndeXysCommerceArticle.tribune div.image div.borderFlag { 
position: relative;
border: 1rem solid #B68977;
border-right: 1rem solid transparent;
}
div.information.IndeXysCommerceArticle.tribune div.image div.externeFlag { 
position: absolute;
bottom: 1rem;
width: 110px;
}
div.information.IndeXysCommerceArticle.tribune div.image div.insideFlag { 
position: absolute;
left: -.25rem;
transform: translateY(-50%);
color: #fff;
font-size: 1.5rem;
width: 100%;
text-align: center;
}
div.information.IndeXysCommerceArticle.tribune div.image p.bonneAffaire { 
margin: 0;
padding: 0;
width: 100%;
}
div.information.IndeXysCommerceArticle.tribune div.image p.bonneAffaire span { 
display: block; font-size: 0;
}
div.information.IndeXysCommerceArticle.tribune div.image p.bonneAffaire span::before { 
content:"";
display: block;
width: 136px;
height: 94px;
position: absolute;
bottom: 3px;
right: 0;
background-image: url("../images/bonne_affaire_bas.png");
background-size: 100% auto;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.tribune div.image p.nouveaute { 
margin: 0;
padding: 0;
width: 100%;
}
div.information.IndeXysCommerceArticle.tribune div.image p.nouveaute span { 
display: block; font-size: 0;
}
div.information.IndeXysCommerceArticle.tribune div.image p.nouveaute span::before { 
content:"";
display: block;
width: 136px;
height: 94px;
position: absolute;
top: 0;
left: 0;
background-image: url("../images/nouveau.png");
background-size: 100% auto;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.tribune div.texte { 
min-height: 5.6rem;
margin: 0;
margin-top: 0.5rem;
}
div.information.IndeXysCommerceArticle.tribune div.texte h4 { 
font-size: 1.1rem;
font-family: 'Ubuntu', sans-serif;
font-weight: lighter;
line-height: 1.4rem;
margin: 0;
padding: 0;
}
div.information.IndeXysCommerceArticle.tribune div.texte p { 
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
}
div.information.IndeXysCommerceArticle.tribune div.texte p.coupDeCoeur { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.texte p.note { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.texte p.promotion span { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune div.texte p.topVente { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune p.enSavoirPlus { 
display: none;
}
div.information.IndeXysCommerceRayon.detail div.texte { 
max-width: 1280px;
width: 100%;
border-top: 1px solid #1A1F37;
position: relative;
margin: 50px auto;
}
div.information.IndeXysCommerceRayon.detail div.texte h1 { 
margin: 0;
text-transform: uppercase;
position: absolute;
background-color: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
top: -19px;
left: 50%;
transform: translate(-50%);
}
div.information.IndeXysCommerceRayon.liste { 
background-color: #FFFFFF;
height: 200px;
}
div.information.IndeXysCommerceRayon.liste div.texte h2 { 
text-align: center;
text-transform: uppercase;
min-height: 2em;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus { 
display: none;
}
@media (max-width: 992px) {
    div.information.IndeXysCommerceArticle.detail div#suggestions div.listeArticle {
        grid-template-columns: repeat(3, 1fr);
    }
    }
    
    
    
    
    
    @media (max-width: 576px) {
    div#zoneCentre div.IndeXysPortletTribuneRubriquePublication.notre-catalogue div.contenuPortlet div.listePublicationLiee::before {
    top: -35px;width: 200px;
    }
    div.information.IndeXysCommerceArticle.detail div#suggestions div.listeArticle {
    grid-template-columns: repeat(2, 1fr);
    }
    div.information.IndeXysCommerceArticle.tribune div.image a img{
    height: 150px;
    }
div.information.IndeXysCommerceArticle.detail div.details{
grid-template-columns: 1fr;
}
    div.information.IndeXysCommerceArticle.detail div.details div.image{
    /*flex: 0 0 100%;*/
    margin:0 auto;
    }
    div.information.IndeXysCommerceArticle.detail div.details div.resume{
    /*flex: 0 0 100%;*/
padding: 0;
grid-row: 2/3;
    }
    div.information.IndeXysCommerceArticle.detail div.raccourcis{
    text-align:center;margin-top:0;
    }
    div.information.IndeXysCommerceArticle.detail div.raccourcis a.raccourci{
    margin: 1rem;
    }
    div.information.IndeXysCommerceArticle.detail div#description{
    /*text-align: center;*/
    }
    div.information.IndeXysCommerceArticle.detail div#description div#tableauDescription{
    text-align: left;
    }
    div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet{
    padding-bottom: 0;
    }
    }