body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient p.motDePasse { 
position: relative;
}
body.compte div#zoneCentre div.IndeXysCommercePortletCompteClient p.motDePasse a { 
position: absolute;
top: 25px;
left: calc(50% + 100px);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0; margin-bottom: 30px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a { 
color: #fd441d; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword { 
width: 100%; max-width: 720px; margin-right: auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.confirm-new-password input { 
margin-left: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.new-password input { 
margin-left: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.new-password span.medium-password::after { 
display: inline-block; margin: 0.25rem; margin-left: 0.5rem; padding: 0.25rem; border: 1px solid #ff9900; background-color: #ffcc66; content: 'Moyen (au moins un caractère alphabétique, nombre et caractère spécial)';
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.new-password span.strong-password::after { 
display: inline-block; margin: 0.25rem; margin-left: 0.5rem; padding: 0.25rem; border: 1px solid #009933; background-color: #66cc66; content: 'Fort';
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.new-password span.weak-password::after { 
display: inline-block; margin: 0.25rem; margin-left: 0.5rem; padding: 0.25rem; border: 1px solid #ff0000; background-color: #ff9999; content: 'Faible (au moins 8 caractères)'; height: 1rem; padding: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses { 
flex: 100% 1 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses > div.header-list-of-address { 
display: grid; grid-template-columns: auto 140px 140px 80px 80px; grid-gap: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses > div.header-list-of-address div.default-billing-address { 
margin: 0; padding: 0.5rem; text-align: center; background-color: #1532b0; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses > div.header-list-of-address div.default-delivery-address { 
margin: 0; padding: 0.5rem; text-align: center; background-color: #1532b0; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses > div.list-of-address { 
display: grid; grid-template-columns: auto 140px 140px 80px 80px; grid-gap: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses > div.list-of-address div.default-billing-address { 
padding-top: 1rem; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses > div.list-of-address div.default-delivery-address { 
padding-top: 1rem; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses a.createAddress { 
display: inline-block; margin: 0; padding: 0.5rem; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses a.createAddress:after { 
content: "\00a0\00a0\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses a.deleteAddress { 
display: inline-block; margin: 0; padding: 0.5rem; line-height: 25px; background: none; color: #19218b; border: 2px solid #19218b; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses a.editAddress { 
display: inline-block; margin: 0; padding: 0.5rem; line-height: 25px; background: none; color: #fd441d; border: 2px solid #fd441d; font-weight: 900;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses button.confirmDeleteAddress { 
display: inline-block; margin: 0; margin-right: 1rem; padding: 0.5rem; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses button.confirmDeleteAddress:after { 
content: "\00a0\00a0\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses button.confirmDeleteAddress:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses button.confirmEditAddress { 
display: inline-block; margin: 0; margin-right: 1rem; padding: 0.5rem; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses button.confirmEditAddress:after { 
content: "\00a0\00a0\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses button.confirmEditAddress:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line { 
display: flex; line-height: 2rem; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line label { 
flex: 10rem 0 0; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line label.champObligatoire { 
color: #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line label.champObligatoire:after { 
content: " *";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line span.value { 
flex: 50% 1 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line span.value input { 
width: 20rem; padding: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line span.value input[type=radio] { 
width: 1rem; padding-left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses div.address div.address-line span.value select { 
width: 20rem; padding: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses h3 { 
border: 0; background: #b8c1e7; margin: 0; padding: 1rem; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.addresses p.navigation { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives { 
flex: 100% 1 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.displayLink a { 
color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.displayLink a span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.displayLink a span.out::before { 
display: inline-block; content: "Détails "; vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.displayLink a span.out:after { 
display: inline-block; width: 40px; content: url(../images/btDetailCommande.png); vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.displayLink a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.downloadInvoicesLink a { 
color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.downloadInvoicesLink a span.in { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.downloadInvoicesLink a span.out:after { 
display: inline-block; width: 40px; content: url(../images/btDownload30.png); vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.downloadInvoicesLink a span.out:before { 
content: "Télécharger la facture "; color: #000000; vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.archives td.downloadInvoicesLink a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p { 
display: flex; text-align: left; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p input.shortText { 
display: inline-block; margin: 0; padding: 0.5rem; width: 12rem; line-height: 2rem; height: 2rem; border: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p input.text { 
display: inline-block; margin: 0; padding: 0.5rem; width: 12rem; line-height: 2rem; height: 2rem; border: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p label { 
flex: 12rem 0 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p select { 
display: inline-block; margin: 0; padding: 0.5rem; width: 12rem; line-height: 2rem; height: 2rem; border: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.coordinates fieldset p.accepte-emailing label { 
flex-grow: 1; display: inline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.credits h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps { 
margin-left: 0; padding-left: 0; padding-bottom: 40px; counter-reset: item; display: flex; align-items: center; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps>li { 
margin-left: 0; padding-left: 0; counter-increment: item; list-style: none inside; 

display: inline-block; border: 2px solid #ffffff; color: #00008f; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps>li span.out { 
display: inline-block; margin: 0; padding: 0; padding-right: 4px; background: #ffffff;


position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps>li span.out span.in { 
white-space: nowrap; padding-bottom: 7px; border: 0; border-bottom: 3px  solid #00008f; 

position: absolute; bottom: -40px; font-size: 0;

left: 50%; transform: translate(-50%, 0);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps>li span.out span.in:after { 
content: 'Connexion'; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.identification ol.steps>li span.out:before { 
display: inline-block; width: 40px; height: 40px; 
content: counter(item); background: #ffffff; font-size: 1.2rem; 
-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; 
border: 2px solid #00008f; color: #00008f; 
display: flex; align-items: center; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn { 
display: flex; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps { 
flex: 220px 0 0; margin: 0; padding: 0; list-style-type: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li { 
border: 0; border-bottom: 1px solid #19218b; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a { 
display: block; height: 60px; border: 2px solid transparent; background-size: contain; background-position: center center; background-repeat: no-repeat; color: #19218b; 

  display: flex; align-items: center; justify-content: center; border: 0; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a.on { 
background-color: #ffdad2;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a:hover { 
background-color: #ffdad2;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.signout { 
position: absolute; top: 0; right: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.signout a { 
display: inline-block; margin: 0; margin-top: 0.5rem; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #000087; color: #ffffff; border: 1px solid #000087; height: auto;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.signout a span.out { 
display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.signout a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.orders { 
flex: 100% 1 1;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.orders h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.downloadLink a { 
color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.downloadLink a span.in { 
text-transform: capitalize;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.downloadLink a span.out { 
display: block;
border: 0; background-color: #fd441d; 
padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.downloadLink a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.payLink a span.in:after { 
content: " la commande";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.payLink a span.out { 
display: block; border: 2px solid #000087; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset { 
background-color: #e6e6e6; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; margin-top: 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p { 
display: flex; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p input.shortText { 
display: inline-block; margin: 0; padding: 0.5rem; width: 100%; line-height: 2rem; height: 2rem; border: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p input.text { 
display: inline-block; margin: 0; padding: 0.5rem; width: 100%; line-height: 2rem; height: 2rem; border: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p label { 
flex: 12rem 0 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p select { 
display: inline-block; margin: 0; padding: 0.5rem; width: 100%; line-height: 2rem; height: 2rem; border: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p.accepte-emailing label { 
flex-grow: 1; display: inline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p.civilite { 
width: 45%; margin-right: 54%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p.civilite input[type=button] { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.acces { 

}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.acces legend { 
font-size: 1.4rem; text-transform: none; position: relative; top: -1rem; left: -1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.coordonnees { 

}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.coordonnees div { 
display: flex; flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.coordonnees legend { 
font-size: 1.4rem; text-transform: none; position: relative; top: -1rem; left: -1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.identite { 

}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.identite div { 
display: flex; flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.identite legend { 
font-size: 1.4rem; text-transform: none; position: relative; top: -1rem; left: -1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register>h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.consentement_rgpd { 
margin-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.consentement_rgpd h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.consentement_rgpd label { 
font-size: 0.8rem; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates a.changer-mot-de-passe { 
display: inline-block; margin: 0; padding: 0.5rem; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates a.changer-mot-de-passe:after { 
content: "\00a0\00a0\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates a.modifier-mon-profil { 
display: inline-block; margin: 0; padding: 0.5rem; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates a.modifier-mon-profil:after { 
content: "\00a0\00a0\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates div.access-personal-data p a.download { 
display: inline-block; border: 1px solid #000087; padding: 0.5rem; color: #000087
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates div.access-personal-data p a.download:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.acces { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.acces legend { 
display: block; background: #b8c1e7; padding: 1rem; width: 100%; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.acces p span.form-input { 
line-height: 2rem; height: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.coordonnees legend { 
display: block; background: #b8c1e7; padding: 1rem; width: 100%; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.coordonnees>div { 
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite { 

}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite legend { 
display: block; background: #b8c1e7; padding: 1rem; width: 100%; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite p.civilite input[type=button] { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite p.civilite label { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite>div { 
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates h3 { 
border: 0; background: #b8c1e7; padding: 1rem; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates h3.acces { 
/* font-size: 0; */ margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates h3.acces:after { 
/* content: "Identité"; font-size: 1rem; */
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates h3.identite { 
/* display: none; */
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button { 
display: inline-block; margin: 0; margin-top: 0.5rem; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button span:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button span:before { 
content: "Je me connecte";
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient p.explication { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient p.identifiant input { 
display: inline-block; margin: 0; padding: 0.5rem; width: 200px; line-height: 25px; 

border: 1px solid #e6e6e6;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient p.motDePasse input { 
display: inline-block; margin: 0; margin-left: calc(50% - 100px); margin-right: calc(50% - 100px); padding: 0.5rem; width: 200px; line-height: 25px; 

border: 1px solid #e6e6e6;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.identification { 
width: 100%; max-width: 740px; margin-right: auto; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.identification h4 { 
text-align: center;  display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.identification p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient { 
padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4 span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4:after { 
content: "Vous n'avez pas encore de compte Ma Boutique Marketing ?"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient p a { 
display: inline-block; margin: 0; margin-top: 0.5rem; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #000087; color: #ffffff; border: 1px solid #000087;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient p a span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient p a span:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient p a span:before { 
content: "Je crée mon compte";
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient p.explication { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient p.explication:after { 
content: 'Vous n\'avez pas encore de compte \A Ma Boutique d\'objets publicitaires ? Créez-le en quelques clics'; font-size: 0.8rem; white-space: pre;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.orders table { 
border-collapse: collapse;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button { 
display: inline-block; margin: 0; margin-top: 0.5rem; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #ff6500; color: #ffffff; border: 1px solid #ff6500;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:before { 
content: "Je reçois un lien";
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse p.identifiant input { 
display: inline-block; margin: 0; margin-right: calc(100% - 200px); padding: 0.5rem; width: 200px; line-height: 25px; 

border: 1px solid #e6e6e6;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recover p.back { 
border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recover p.back span.explication { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recover p.back span.explication:after { 
content: "Mot de passe oublié ? "; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recoverPassword { 
width: 480px; padding-top: 1rem; margin-left: auto; margin-right: auto; position: relative;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recoverPassword h4 { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recoverPassword p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recoverPassword p.back { 
border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recoverPassword p.identifiant input { 
display: inline-block; margin: 0; padding: 0.5rem; width: 200px; line-height: 25px; 

border: 1px solid #e6e6e6;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recoverPassword p.select button.valider { 
margin-right: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.agence p.email:after { 
content: "\00a0 le compte doit être créé par le Directeur d'agence"; line-height: 2rem; color: #ff5e29;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.ans p.email:after { 
content: "\00a0 je commande pour le compte de l'ANS"; line-height: 2rem; color: #ff5e29;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.direction-metier p.email::after { 
content: "\00a0le compte doit être créé par la personne habilitée pour sa Direction"; line-height: 2rem; color: #ff5e29;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.direction-metier-maaf-mma p.email::after { 
content: "\00a0le compte doit être créé par la personne habilitée pour sa Direction"; line-height: 2rem; color: #ff5e29;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.direction-regionale p.email:after { 
content: "\00a0le compte doit être créé par la personne habilitée à commander pour sa DR ou CCC"; line-height: 2rem; color: #ff5e29;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.salarie p.email::after { 
content: "\00a0 vous devez saisir ici votre adresse mail personnelle";
line-height: 2rem;
color: #ff5e29;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.tabs ul.anchors { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #1532b0; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h3 { 
font-size: 1rem; color: #1532b0; text-transform: uppercase; border-bottom: 1px #b8c1e7 solid;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h4 { 
margin: 0px; margin-top: 2em; padding: 0px; font-weight: bold; font-size: 1rem; color: #1532b0; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p { 
margin: 0px; margin-top: 10px; font-size: 0.8rem; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p a.register { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.back { 
margin: 0px; margin-top: 20px; padding: 0px; padding-top: 3px; text-align: center; border: 0px; border-top: 1px solid #000087;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.motDePasse a { 
display: inline-block;
margin-left: .5rem;
color: #fd441d;
position: relative;
top: 8px;
left: 0;
text-decoration: inherit;
font-size: .8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.motDePasse a span { 
background-image: url(../images/oeil.svg);
background-position: top center;
background-repeat: no-repeat;
background-size: auto .8rem;
padding-top: .8rem;
}
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 a.changer-mot-de-passe { 
margin-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select a.modifier-mon-profil { 
margin-right: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider { 
display: inline-block; margin: 0; margin-top: 0.5rem; margin-right: 1rem; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider { 
display: inline-block; margin: 0; margin-top: 0.5rem; margin-right: 1rem; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table { 
margin: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 0px; width: 100%; border-collapse: separate; border-spacing:0 15px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td { 
background-color: #ffffff; color: #000000; border: 1px solid #E6F1EE; font-size: 1rem; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a { 
color: #000087;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td span.label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td.dateUtilisation { 
border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td.vertClair { 
background-color: #E6F1EE; color: #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td.vertFonce { 
background-color: #fd441d; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.codeCommande td { 
background-color: #b8c1e7; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.codeCommande td.alerte { 
color: #ff0000;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.empty td { 
border: 0; padding-top: 10px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.ligneCommande td { 
border-left: 0; border-right: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.ligneCommande td:first-child { 
border-left: 1px solid #E6F1EE;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.ligneCommande td:last-child { 
border-right: 1px solid #E6F1EE;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table td.amount { 
white-space: nowrap;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tfoot tr td { 
background-color: #ffffff; color: #9a9a9a; border: 1px solid #e6e6e6; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table thead { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table thead tr th { 
background-color: #fd441d; color: #ffffff; border: 1px solid #ffffff; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0; padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande a { 
color: #fd441d; 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: 13px; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #9a9a9a; 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: 13px; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.content { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 100%; max-width: 480px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.content p { 
text-align: left;
}
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: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p span.date { 
color: red;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p.dateExpeditionPrevisionnelle { 
font-weight: bold; font-size: 13px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.startNewOrder { 
display: none;
}
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: 13px; 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: red; 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: #e5f1f2; border: 1px solid #e6e6e6; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 12px; 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: #9a9a9a; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 a:hover { 
color: red;
}
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 #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a:hover img { 
border: 1px solid #ff6500;
}
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; white-space:pre
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a { 
display: inline-block; margin: 0; margin-top : 1rem; padding: 0.5rem; for: text-decoration: none; color: #00008f; border: 1px solid #00008f; background-color: #ffffff; font-size: 0; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a:after { 
content: "Télécharger le pdf"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf:before { 
display: block; margin-top: 1rem; content: "Vous avez besoin de votre bon de commande tout de suite ? \A Téléchargez le dès maintenant :"; text-align: center;
}
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 { 
border: 0.25rem solid #ffffff; border-top: 0; background-color: #b8c1e7; padding: 0.5rem; border: 2px solid #1532b0; position: relative; top: -2px; left: 0; z-index: 10; margin-left: 0.25rem; margin-right: 0.25rem;
}
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 #fd441d; color: #fd441d; cursor: pointer; font-size: 11px; 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: 12px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.amount { 
display: none;
}
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: #000087; border: 2px solid #000087; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.change-payment input: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 { 
!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: #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p span { 
font-weight: bold; color: #e5f1f2; display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 12px; font-weight: bold; background: none; border: 0px; border: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title { 
text-align: center; color: #000000; border: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a { 
color: #9a9a9a; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a:hover { 
color: red; 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 red;
}
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 div.suivi { 
margin-top: 20px;
margin-bottom: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping { 
margin: 0px; margin-top: 1rem; padding: 0px;
}
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; text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p button { 
display: inline-block; margin: 0; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #ffffff; color: #1532b0; border: 1px solid #1532b0; font-size: 0; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p button span:after { 
content: "Continuer mes achats"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p button span:before { 
content: "\f060\00a0\00a0";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #101088;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p.navigation a { 
display: block ; display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 260px; text-align: center; line-height: 25px; height: 25px; background: #ffffff; color: #000087; border: 2px solid #000087; text-transform: uppercase; font-size: 11px; line-height: 25px;
}
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.adresseClient { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseFacturation { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseFacturation fieldset.adresseFacturation { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseFacturation fieldset.adresseFacturation legend { 
margin: 0; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseFacturation fieldset.personneFacturation { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseFacturation fieldset.personneFacturation legend { 
margin: 0; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseFacturation p.choixAdresseFacturation { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.adresseLivraison { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.adresseLivraison legend { 
margin: 0; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.listePointRelais { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.listePointRelais legend { 
margin: 0; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.personneLivraison { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.personneLivraison legend { 
margin: 0; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison p.choixAdresseLivraison { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison p.desired-date-of-shipment { 
font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison p.desired-date-of-shipment label:first-of-type { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison p.desired-date-of-shipment label:first-of-type::after { 
content: "différer la date de livraison"; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.consentement_rgpd { 
margin-top: 20px; font-size: 12px; display: flex; align-items: flex-start; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.consentement_rgpd h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.consentement_rgpd input { 
/*display: inline-block;
-webkit-transform: scale(1.2);
transform: scale(1.2);
margin-right: 0.5rem;*/
flex-shrink: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet { 
display: flex; align-items: top; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-left { 
flex: 1 1 500px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-left:before { 
display: block; content: "Mes coordonnées"; font-size: 1.4rem; padding-top: 0.5rem; padding-bottom: 0.5rem; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-right { 
border: 0; border-left: 1rem solid #ffffff; flex: 0 0 250px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-right table { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-right:before { 
display: block; content: "Total"; font-size: 1.4rem; padding-bottom: 1rem; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listeAdresseClient div.adresseClient { 
display: flex;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listeAdresseClient div.adresseClient div.adresse { 
flex: 50 1 1;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listeAdresseClient div.adresseClient div.select { 
flex: 2rem 0 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais { 
margin-top: 1rem; margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse { 
display: inline-block; margin: 0; padding: 0; width: 45%; vertical-align: top;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse p { 
margin-top: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse p.enseigne a { 
color: #000000; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse p.select { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse p.select a { 
display: inline-block; background-color: #19218b; line-height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.horaires { 
display: inline-block; margin: 0; padding: 0; width: 45%; vertical-align: top;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.horaires p.titre { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.horaires ul li { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.select { 
display: inline-block; margin: 0; padding: 0; width: 5%; vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.select p.select { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.login { 
border: 1px solid #000087; 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 div.login p.explication { 
font-size: 12px; margin-bottom: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.recoverPassword { 
background-color: #ffffff; border: 1px solid #9a9a9a; 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 p label { 
display: inline-block; margin: 0; padding: 0; width: 8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset p span.libelle { 
display: inline-block; margin: 0; padding: 0; width: 8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset p.accepte-emailing label { 
width: auto;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.back { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.navigation { 
text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.navigation button { 
display: inline-block; margin: 0; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #ff6500; color: #ffffff; border: 1px solid #ff6500; font-size: 0.8rem; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.navigation button span { 
/* display: none; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.navigation button.valider { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.navigation button.valider:before { 
content: "Étape suivante"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.navigation button:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search input.rechercher { 
display: inline-block; background-color: #19218b; line-height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; color: #ffffff; border: 0; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search input.rechercher:hover { 
text-decoration: underline;
}
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.expedition fieldset { 
display: grid;
}
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.methods-of-payment { 
margin: 0; margin-top: 1rem; padding: 0; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; align-items: flex-start; position: relative; top: 0; left: 0; z-index: 20;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment h4 { 
font-size: 0; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment h4:after { 
display: block;
font-size: 1.4rem;
width: 100%; 
content: "Choisissez votre mode de paiement";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.amount { 
margin-left: 0.25rem; margin-right: 0.25rem; border: 0; border-bottom: 0.25rem solid #ffffff; width: 100%; background-color: #1532b0; padding: 0.5rem; display: flex; color: #ffffff; justify-content: center; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.amount span.label { 
font-size: 0; flex: 1 1 50%; padding-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.amount span.label:after { 
content: "Total à régler"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.amount span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.amount span.value { 
flex: 1 1 50%; text-align: right; padding-right: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.method { 
margin: 0; margin-left: 0.25rem; margin-right: 0.25rem; padding: 0.5rem; background-color: #b8c1e7; border: 2px solid #ffffff; border-bottom: 0.25rem solid #ffffff; text-align: center; flex: 1 0 calc(33% - 1rem); 
display: flex; justify-content: center; flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.method a { 
color: #1532b0; text-align: center; display: flex; align-items: center; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.method a img { 
border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.methods-of-payment p.method.on { 
border: 2px solid #1532b0; border-bottom: 0; padding-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
!height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.content { 
margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.content h3 { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.content p { 
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.orderForm { 
margin: 0px; margin-top: 20px; padding: 0px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet { 
display: flex; align-items: top; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-left { 
flex: 1 1 500px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-left:before { 
display: block; content: "Mes articles"; font-size: 1.4rem; color: #1532b0; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-right { 
border: 0; border-left: 1rem solid #ffffff; flex: 0 0 250px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-right:before { 
display: block; content: "Total"; font-size: 1.4rem; color: #1532b0; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check { 
border: 0.25rem solid #ffffff; border-top: 0; background-color: #b8c1e7; padding: 0.5rem; border: 2px solid #1532b0; position: relative; top: -2px; left: 0; z-index: 10; margin-left: 0.25rem; margin-right: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check div.content { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 100%; max-width: 480px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check div.content p { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check div.startNewOrder { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check img#bouton-validation-cheque:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.amount { 
display: none;
}
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: #9a9a9a; border: 1px solid #9a9a9a; text-transform: uppercase; font-size: 11px;
}
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.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-check ul li a { 
*/ color: #9a9a9a; text-decoration: none; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li a:hover { 
/* color: red; text-decoration: underline; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert { 
border: 0.25rem solid #ffffff; border-top: 0; background-color: #b8c1e7; padding: 0.5rem; border: 2px solid #1532b0; position: relative; top: -2px; left: 0; z-index: 10; margin-left: 0.25rem; margin-right: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.content { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 100%; max-width: 480px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.content p { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert div.startNewOrder { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert img#bouton-validation-virement:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.amount { 
display: none;
}
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: #000087; border: 2px solid #000087; text-transform: uppercase; font-size: 11px;
}
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.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/fdImprimer.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.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: 11px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button:hover span { 
color: red;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode { 
margin: 0px; padding: 0px; padding-top: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode h4 { 
display: none; /* font-size: 0.8rem; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p { 
margin: 0px; margin-top: 5px; padding: 0; text-align: center; display: flex;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p a { 
display: inline-block; margin: 0; padding: 0.5rem; background-color: #6a6a6a; color: #ffffff; text-decoration: none; border: 1px solid #6a6a6a;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p a span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p a span:after { 
content: "Appliquer"; font-size: 0.7rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p span.input { 
flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p span.input input { 
margin: 0px; padding: 0.5rem; width: 100%; font-size: 0.7rem;
}
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 #fd441d; 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: 13px; font-weight: bold; color: #000087;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket { 
padding: 0px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing { 
margin: 0; padding: 0; padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address { 
margin: 0; padding: 0; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p { 
margin: 0px; margin-top: 0.25rem; padding: 0px; line-height: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing h4 { 
padding-left: 0; font-weight: bold; font-size: 1.1rem; text-transform: lowercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing h4:before { 
content: "Adresse de "; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery { 
margin: 0; padding: 0; padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address { 
margin: 0; padding: 0; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p { 
margin: 0px; margin-top: 0.25rem; padding: 0px; line-height: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery h4 { 
padding-left: 0; font-weight: bold; font-size: 1.1rem; text-transform: lowercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery h4:before { 
content: "Adresse de "; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message { 
margin: 0; padding: 0; padding-top: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message h4 { 
padding-left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message h4 span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message h4:before { 
content: "Quelque chose à ajouter ?";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message textarea { 
margin: 0; margin-top: 5px; padding: 0; width: 100%; height: 95px; border: 1px solid #666666;
}
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 #e6e6e6; 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: 13px; font-weight: bold; color: #000087;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif { 
display: flex; align-items: top; justify-content: center; flex-wrap: wrap;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.basket { 
flex: 0 0 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.billing { 
flex: 0 0 33%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.delivery { 
flex: 0 0 33%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.leave-a-message { 
flex: 0 0 33%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.recapitulatif div.leave-a-message h4 { 
font-weight: bold; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient { 
margin: 0px; margin-left: 20px; margin-right: 20px; margin-top: 65px; padding: 0; border: 1px solid #fd441d; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.choice { 
margin: 0; padding: 5px; text-align: left; font-size: 12px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.credits { 
margin: 0; padding: 5px; text-align: left; font-size: 12px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.credits span.indeXys-nowrap { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.net-to-pay { 
background-color: #fd441d;
color: #ffffff;
border: 1px solid #fd441d;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding: 5px;
text-transform: uppercase;
display: flex;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.net-to-pay span.value { 
flex-grow: 1; text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.net-to-pay span.value:after { 
content: ' \20ac';
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient legend { 
position: absolute; top: -40px; left: 0; margin: 0; padding: 0; width: 100%; font-size: 0.8em; font-weight: bold; color: #fd441d; text-transform: uppercase; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif h3 { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif h3:after { 
content: "Mes articles"; font-size: 1.4rem; padding-left: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif table tfoot tr td { 
font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order { 
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order p.cgv { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order p.cgv a { 
color: #1532b0; text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order p.select button.valider { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order p.select button.valider span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order p.select button.valider span:before { 
content: "Valider la commande"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping { 
margin: 0; padding: 0; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery { 
display: grid; grid-template-columns: repeat(3, 4fr); grid-gap: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p { 
margin: 0; padding: 0.25rem; border: 2px solid #e5f1f2; background-color: #e6e6e6; flex: 1 0 calc(33% - 1rem);
margin-right: 1rem; text-align: center; display: flex; justify-content: center; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p a { 
color: #1532b0; margin-left: 0.5rem; flex-grow: 1;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p a img { 
width: 60px; height: auto;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.delai { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.not-available:after { 
content: " pour l'adresse indiquée) ";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.not-available:before { 
content: " (";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.tarif { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.titre { 
display: inline-block; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p:last-child { 
margin-right: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery:after { 
/*display: block; margin-top: 0.625rem; width: 100%; font-size: 0.9rem; color: #19218b; content: "(pour les livraisons hors de la France Métropolitaine, nous contacter au 02 37 30 57 04)"; text-align: center;
flex: 0 0 100%;*/
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping p.desired-date-of-shipment { 
margin: 0; margin-top: 1rem; padding: 0.5rem; background-color: #e6e6e6; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping:before { 
display: block; margin: 0; padding: 0; padding-top: 1rem; padding-bottom: 0.5rem; content: "Choix de la livraison"; font-size: 1.4rem; text-align: left; color: #1532b0
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.sidentifier button { 
display: inline-block; margin-left: 0.5em; padding: 5px; border: 0; background-color: #ff6500; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.sinscrire p a { 
color: red; font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder h4 { 
margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder { 
margin: 0; margin-top: 1rem; padding: 0;
}
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.submitOrder p button { 
display: inline-block; margin: 0; padding: 0.5rem; width: 200px; text-align: center; line-height: 25px; background: #ff6500; color: #ffffff; border: 1px solid #ff6500; font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p button span:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p button span:before { 
content: "Choisir ma livraison"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p button:hover { 
text-decoration: none; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape { 
margin-left: 0; padding-left: 0; padding-bottom: 40px; counter-reset: item; display: flex; align-items: center; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li { 
margin-left: 0; padding-left: 0; counter-increment: item; list-style: none inside; padding-right: 50px; 

display: inline-block; border: 2px solid #ffffff; 

background: url(../images/fdEtapes.png) center left repeat-x;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a { 
color: #00008f; font-weight: normal; height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a span.out span.in { 
white-space: nowrap; border: 0; border-bottom: 1px solid #1532b0; bottom: -31px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a span.out:before { 
color: #1532b0; 
border: 2px solid #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a.on { 
color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a.over span.out span.in { 
border-bottom: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a.over span.out:before { 
background-color: #00008f; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li span.out { 
display: inline-block; margin: 0; padding: 0; padding-right: 4px; background: #ffffff;


position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li span.out span.in { 
position: absolute; bottom: -30px; font-size: 1rem;

left: 50%; transform: translate(-50%, 0);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li span.out:before { 
display: inline-block; width: 40px; height: 40px; 
content: counter(item); background: #ffffff; font-size: 1.2rem; 
-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; 
border: 2px solid #9a9a9a;
display: flex; align-items: center; justify-content: center;
background: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li.over { 
background-image: url(../images/fdEtapesOn.png)
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li.paiement { 
padding-right: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset { 
margin: 0; padding: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset input[type=text] { 
padding: 0.25rem; border: 1px solid #999999; width: 200px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label { 
font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #1532b0; position: relative; top: 1rem; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset select { 
padding: 0.25rem; border: 1px solid #999999; width: 200px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient p.reference { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h3 { 
margin: 0; padding: 0; padding-top: 1rem; padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: normal; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h4 { 
margin: 0; padding: 0; /*padding-left: 1rem;*/ font-size: 1.4rem; font-weight: normal; color: #1532b0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande hr { 
margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; color: #9a9a9a; background-color: #9a9a9a; border: 0px; height: 1px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande li { 
margin: 0px; margin-top: 5px; font-size: 12px; color: #9a9a9a;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p { 
margin: 0px; margin-top: 10px; font-size: 12px; color: #1532b0;
}
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 #000087;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.download-pdf { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.download-pdf a { 
display: inline-block; margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-align: center; line-height: 25px; background: none; color: #fd441d; border: 1px solid #fd441d; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.identifiant input { 
width: 220px; border: 1px solid #e6e6e6; padding: 5px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.motDePasse input { 
width: 220px; border: 1px solid #e6e6e6; padding: 5px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer { 
display: inline-block; margin: 0; padding: 0.5rem; width: 320px; text-align: center; line-height: 25px; background: #fd441d; color: #ffffff; border: 1px solid #fd441d; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer:after { 
content: "\00a0\00a0\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #ffffff;
font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.paniers-des-terroirs { 
dispplay: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider { 
display: inline-block;
margin: 0;
padding: 0.5rem;
width: 200px;
text-align: center;
line-height: 25px;
background: #fd441d;
color: #ffffff;
border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider { 
display: inline-block;
margin: 0;
padding: 0.5rem;
width: 200px;
text-align: center;
line-height: 25px;
background: #fd441d;
color: #ffffff;
border: 1px solid #fd441d;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table { 
margin: 0px; margin-top: 1rem; margin-left: auto; margin-right: auto; padding: 0px; border-collapse: collapse; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table span.gratis { 
text-transform: uppercase; color: red;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr { 

}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td { 
background-color: #b8c1e7; color: #1532b0; border-bottom: 0.5rem solid #ffffff; font-size: 1rem; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td a { 
color: #000087;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td a:hover { 
color: #81197f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleCode { 
text-align: left; color: #9b9da0; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation { 
text-align: left; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.code { 
display: block; margin-top: 0.5rem; text-align: left; color: #9b9da0; white-space: nowrap; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.reference { 
display: block; margin-top: 0.5rem; text-align: left; color: #9b9da0; white-space: nowrap; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.reference select { 
padding: 0; height: 20px; border: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.reference select option { 
text-transform: capitalize;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever { 
text-align: center; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; width: 30px; height: 30px; border: 0; background: none; cursor: pointer; font-size: 0; text-transform: uppercase; background-image: url(../images/fdPanier2020.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleImage { 
width: 1%; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleImage img { 
max-width: 100px; height: auto; b order: 1px solid #999999;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant { 
text-align: right; padding: 0; padding-right: 1rem; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire { 
text-align: right; padding: 0; padding-right: 1rem; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite { 
text-align: center; padding: 0; padding-left: 0.5rem; padding-right: 1rem; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite input { 
width: 4rem;
}
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: 0; background: none; cursor: pointer; font-size: 0; text-transform: uppercase; background-image: url(../images/fdPanier2020.png); background-position: left center; background-repeat: no-repeat; background-size: contain;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonCode { 
text-align: left; color: #9b9da0; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonDesignation { 
text-align: left; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonDesignation span.code { 
display: block; margin-top: 0.5rem; text-align: left; color: #9b9da0; white-space: nowrap; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonEnlever { 
text-align: center; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonMontant { 
text-align: right; padding: 0; padding-right: 1rem; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.remiseCommercialeMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr { 

}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td { 
background-color: #1532b0; color: #ffffff; font-weight: normal; margin: 0px; padding: 5px; text-align: center; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.amount { 
text-align: right; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.code { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.designation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.image { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr { 

}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th { 
/* background-color: #fd441d; color: #ffffff; border: 1px solid #ffffff; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase; */
}
div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire:after { 
content: " *";
}
div.IndeXysGestionCommercialeClient.edition fieldset p label { 
font-weight: bold; line-height: 2rem;
}
div.IndeXysGestionCommercialeClient.edition fieldset p label.champConseille { 
color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset p label.champConseille::after { 
content: " * ";
}
div.IndeXysGestionCommercialeClient.edition fieldset p label.champObligatoire { 
color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset p label.champObligatoire:after { 
content: " * ";
}
div.IndeXysGestionCommercialeClient.edition fieldset p span.form-input { 
position: relative;
}
div.IndeXysGestionCommercialeClient.edition fieldset p span.libelle { 
font-weight: bold; line-height: 2rem;
}
div.IndeXysGestionCommercialeClient.edition fieldset p span.select-to-one { 
display: flex; flex-direction: column;
}
div.IndeXysGestionCommercialeClient.edition fieldset p span.select-to-one span.indeXys-nowrap { 
display: flex;
align-items: center;
}
div.IndeXysGestionCommercialeClient.edition fieldset p span.select-to-one span.indeXys-nowrap + span.indeXys-nowrap { 
margin-top: .75rem;
}
div.IndeXysGestionCommercialeClient.edition fieldset p span.select-to-one span.indeXys-nowrap a { 
display: inline-block;
white-space: initial;
width: calc(100% - 1rem);
}
div.IndeXysGestionCommercialeClient.edition fieldset.agence p.adresse-1:after { 
content: "\00a0 adresse de l'agence"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.agence p.numero-identification-personnel:after { 
/*content: "\00a0 il s'agit de votre identifiant personnel GMFAxxxxx"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.agence p.raison-sociale-entreprise:after { 
content: "\00a0 exemple : Agence GMF Rennes"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.agence p.reference-centre-cout:after { 
content: "\00a0 se rapprocher de votre contrôleur de gestion si vous ne connaissez pas votre code"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.ans p.adresse-1:after { 
content: "\00a0 adresse de l'ANS"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.ans p.numero-identification-personnel::after { 
/*content: "\00a0 il s'agit de votre identifiant personnel GMFAxxxxx"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.ans p.raison-sociale-entreprise label { 
font-size: 0;
}
div.IndeXysGestionCommercialeClient.edition fieldset.ans p.raison-sociale-entreprise label:after { 
content: "\00a0 Entité Juridique *"; line-height: 2rem; font-size: 0.8rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.cde p.adresse-1:after { 
content: "\00a0 votre agence de rattachement"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.cde p.code-structure label { 
font-size: 0;
}
div.IndeXysGestionCommercialeClient.edition fieldset.cde p.code-structure label:after { 
content: "\00a0 Code DR *"; line-height: 2rem; font-size: 0.8rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.cde p.numero-identification-personnel:after { 
/*content: "\00a0 il s'agit de votre identifiant personnel GMFAxxxxx"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.cde p.titre-direction-regionale:after { 
content: "\00a0 exemple : DR RHONE ALPES"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.adresse-1::after { 
content: "\00a0 adresse de votre site ou adresse CG"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.code-centre-de-gestion::after { 
content: "\00a0à ne compléter que pour les Centres de Gestion (ex. 0YA)"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.code-tri-service-arrivee::after { 
content: "\00a0TSA xxxxx"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.numero-identification-personnel label::after { 
/*content: "\00a0 (votre A) *"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.numero-identification-personnel:after { 
/*content: "\00a0il s'agit de votre identifiant personnel GMFAxxxxx"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.raison-sociale-entreprise label { 
font-size: 0;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.raison-sociale-entreprise label::after { 
content: "\00a0 Entité Juridique *"; line-height: 2rem; font-size: 0.8rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.titre-direction label { 
font-size: 0;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier p.titre-direction label::after { 
content: "\00a0 Nom de votre Direction/CG *"; line-height: 2rem; font-size: 0.8rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.adresse-1::after { 
content: "\00a0 adresse de votre site ou adresse CG"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.code-centre-de-gestion::after { 
content: "\00a0à ne compléter que pour les Centres de Gestion (ex. 0YA)"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.code-tri-service-arrivee::after { 
content: "\00a0TSA xxxxx"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.raison-sociale-entreprise label { 
font-size: 0;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.raison-sociale-entreprise label::after { 
content: "\00a0 Entité Juridique *"; line-height: 2rem; font-size: 0.8rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.titre-direction label { 
font-size: 0;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-metier-maaf-mma p.titre-direction label::after { 
content: "\00a0 Nom de votre Direction/CG *"; line-height: 2rem; font-size: 0.8rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-regionale p.adresse-1:after { 
content: "\00a0 adresse de la DR / CCC"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-regionale p.numero-identification-personnel:after { 
/*content: "\00a0il s'agit de votre identifiant personnel GMFAxxxxx"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.direction-regionale p.titre-direction-regionale:after { 
content: "\00a0exemple : DR RHONE ALPES / CCC Bordeaux"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.salarie p.adresse-1:after { 
content: "\00a0 vous devez saisir ici votre adresse personnelle"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.salarie p.numero-identification-personnel:after { 
/*content: "\00a0 il s'agit de votre identifiant personnel GMFAxxxxx"; line-height: 2rem; color: #fd441d;*/
}
div.IndeXysGestionCommercialeClient.edition fieldset.salarie p.telephone label::after { 
content: "\00a0 portable"; line-height: 2rem; color: #fd441d;
}
div.IndeXysGestionCommercialeClient.edition fieldset.salarie p.telephone:after { 
content: "\00a0 vous devez saisir ici votre numéro personnel"; line-height: 2rem; color: #fd441d;
}
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: 1200px) {


}








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

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet {
flex-wrap: wrap;
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-left {
width: 100%;
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-right {
width: 100%;
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet {
flex-wrap: wrap;
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-left {
width: 100%;
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.coordonnees-complet div.coordonnees-right {
width: 100%;
}

}








@media screen and (max-width: 768px) {

div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient {
padding-left: 15px; padding-right: 15px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn {
display: block; 
}

div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps {
display: flex;
}

div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li {
flex: 25% 1 1;
}

div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a {
width: 100%; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande {
padding-left: 15px; padding-right: 15px;
}


div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-left table tbody tr td.articleEnlever {
padding: 0;
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-left table tbody tr td.articleImage img {
width: 50px; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.panier-complet div.panier-left table tbody tr td.articleQuantite input {
width: 2rem; 
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td img{
max-width: 50px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset input[type="text"] {
width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset select {
width: 100%;
}
}








@media screen and (max-width: 576px) {
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape > li span.out span.in {
font-size: .8rem;
}
}
a { 
text-decoration: none;
}
a:hover { 
text-decoration: underline;
color: inherit;
}
body { 
width: 100%;
margin: 0; padding: 0;
background-color: #ffffff;
font-family: Source Sans Pro,sans-serif;
font-size: 12px;
}
body#publication div#conteneur.IndeXysCommerceRayon div#zoneCentre div.IndeXysPortletFilAriane { 
display: none;
}
body#rubrique.compte div#centerZone { 
display: block;
}
body#rubrique.compte div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword { 
margin-left: auto;
}
body#rubrique.compte div#zoneCentre div.IndeXysCommercePortletCompteClient div.identification { 
margin-left: auto;
}
body#rubrique.compte div#zoneGauche { 
display: none;
}
body#rubrique.panier div#centerZone { 
display: block;
}
body#rubrique.panier div#zoneGauche { 
display: none;
}
div#centerZone { 
display: flex;

margin-left: auto; margin-right: auto;
width: 100%; max-width: 1400px;
align-items: top;
}
div#conteneur * { 
box-sizing: border-box;
}
div#fancybox-content ul { 
margin: 0; padding: 0; padding-left: 1rem; list-style-type: disc;
}
div#fancybox-content ul  li { 
margin: 0; padding: 0; margin-top: 0.25rem; white-space: nowrap;
}
div#fancybox-content ul  li { 
margin: 0; padding: 0; margin-top: 0.25rem; white-space: nowrap;
}
div#fil-header { 
margin: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 1120px;
}
div#fil-header div.IndeXysPortletFilAriane { 
margin: 0; padding: 0; padding-top: 20px;
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul { 
display: flex; flex-wrap: wrap;
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul li { 
padding-left: 5px; font-size: 0.8rem;
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul li a { 
color: #9a9a9a;
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul li:after { 
content: " / ";
color: #9a9a9a;
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul li:last-child { 
content: "";
/*text-transform: lowercase;*/
font-weight: bold;
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul li:last-child:after { 
content: "";
}
div#fil-header div.IndeXysPortletFilAriane div.contenuPortlet ul li:last-child:first-letter { 
text-transform: uppercase;
}
div#footer { 
background-color: #e6e6e6; 
clear: both; margin-top: 1rem;
}
div#headerZone { 
background-color: #3b6493;
}
div#zoneBas { 
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1400px; padding-top: 2rem;
}
div#zoneBas div.IndeXysPortletNavigationRubrique { 
background-color: #1532b0; padding-top: 1rem; padding-bottom: 1rem;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul { 
columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li { 
font-size: 0.8rem; line-height: 1.4rem; color: #ffffff;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li a { 
display: inline-block; padding-left: 5rem; color: #ffffff;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li.contactez-nous a span.out:before { 
display: block; content: "Du lundi au vendredi de 9h à 12h\A et de 14h à 17h30 (16h le ven)"; font-weight: normal; font-size: 1em; white-space: pre;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li.contactez-nous a:before { 
display: block; content: "02 37 30 57 05"; font-weight: bold; font-size: 1.2em; white-space: pre;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li.contactez-nous:before { 
display: block; content: "boutique-covea@eurodor.fr"; padding-left: 5rem;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li.objets-publicitaires { 
margin-bottom: 5.6rem;
}
div#zoneBas div.IndeXysPortletRubriquePublication { 
display: flex; display: -ms-flexbox; align-items: center; justify-content: center;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.contenuPortlet { 
-ms-flex: 0 0 50%;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques { 
display: -ms-flexbox;
display: grid; 
grid-template-columns: repeat(4, minmax(100px, 200px));
grid-gap: 2rem 1rem;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune { 
-ms-flex: 0 0 25%;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.image { 
text-align: center; height: 70px; margin-top: 1rem;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.image img { 
width: 70px; height: auto;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.lien { 
display: none;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.texte { 
margin-top: 10px; /* width: 100%; */
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.texte p { 
margin: 0; margin-top: 0.25rem; padding: 0; font-size: 1rem; text-align: center;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.titre { 
margin-top: 10px; /* width: calc(100% - 100px); */
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.titre h3 { 
line-height: 1.5rem;
margin: 0;
padding: 0;
font-size: 1rem;
text-align: center;
}
div#zoneBas div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.titre h3 a { 
color: #000000
}
div#zoneBas ul.liste li a { 
color: #000000;
line-height: 25px;
font-size: 14px;
}
div#zoneCentre { 
flex: 10% 1 1;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl { 
margin-left: auto; margin-right: auto; margin-top: 1rem; 
width: 100%; max-width: 1120px;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide { 
position: relative;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.background { 
text-align: center;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer { 
position: absolute; top: 30px; left: 100px; width: 40%; background-color: rgba(255,255,255,0.5);
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer div.content { 
margin: 0; padding: 10px; padding-top: 5px; padding-bottom: 5px;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer div.link { 
margin: 5px; padding: 5px;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer div.link a { 
display: inline-block; margin: 0; padding: 5px; padding-left: 10px; padding-right: 10px; background-color: #fa5d02; color: #ffffff;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer div.link a:after { 
content: "\00a0\00a0\00a0>";
font-family: 'FontAwesome';
font-weight: 200;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer div.title { 
margin: 0; padding: 10px; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysPortletFilAriane { 
display: block; margin-top: 1rem;
}
div#zoneCentre div.IndeXysPortletFilAriane ul { 
margin: 0; padding: 0; list-style-type: none; border: 0; border-bottom: 1px solid #e04d2d;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li { 
display: none;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li a { 
display: block; margin: 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; color: #19218b; border: 2px solid #ffffff; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-last-child(2) { 
display: inline-block; margin: 0; padding: 0; font-weight: normal; color: #19218b; font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletPublication { 

}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
display: grid;  
display: -ms-flexbox; flex-wrap: wrap; 
grid-template-columns: repeat(4, 1fr);
grid-gap:  1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste { 
-ms-flex: 0 0 25%; margin: 0.25rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
display: grid; 
display: -ms-flexbox; flex-wrap: wrap; 
grid-template-columns: repeat(4, 1fr);
grid-gap:  1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.liste { 
-ms-flex: 0 0 25%; margin: 0.25rem;
display: flex;
    flex-direction: column;
}
div#zoneCentre div.IndeXysPortletPublication div.titreRubrique h2 { 
display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication { 
margin: 0; padding: 10px; padding-bottom: 20px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle { 
display: block; padding-left: 10px; padding-right: 10px; line-height: 28px; height: 28px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.off a { 
color: #19218b; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.off a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.on a { 
color: #fd441d; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton { 
display: block; margin: 0; padding: 0; width: 25px; height: 28px; vertical-align: middle; position: absolute; top: 0; right: 0; z-index: 101;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.hide:before { 
content: "\00a0\f077\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #19218b; font-size: 0.8rem; line-height: 2rem;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.show:before { 
content: "\00a0\f078\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #19218b; font-size: 0.8rem; line-height: 2rem;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.content { 
display: inline-block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.content div.content-in { 
position: absolute; top: 0; left: 0; width: 200px; z-index: 100; 

background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.title { 
display: inline-block; margin: 0; padding: 0; padding-right: 10px; line-height: 30px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation { 
margin-top: 2rem; 
display: grid; 
display: -ms-flexbox; flex-wrap: wrap; 
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation div.information.liste { 
-ms-flex: 0 0 25%; margin: 0.25rem;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats p.reponses span.quantite { 
display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; font-weight: bold;
}
div#zoneCentre div.IndeXysPortletRubriquePublication { 
margin-top: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { 
padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button { 
display: block; margin-top: 0.5rem; background-color: #fd441d; padding-left: 2rem; padding-right: 2rem; color: white; font-size: 1rem; height: 3rem; text-align: center; line-height: 3rem; border: none; cursor: pointer;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset { 
margin: 0; margin-top: 1rem; padding: 0; border: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset legend { 
font-weight: bold;
font-size: 15px;
color: #1532b0;
text-align: left;
margin-bottom: 0.5rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p { 
display: flex; justify-content: stretch; align-items: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p input[type="text"] { 
border: 1px solid #cccccc; margin: 0.125rem; padding: 0.125rem; width: calc(100% - 300px); font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p label.champObligatoire { 
color: #fd441d;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p label.champObligatoire:after { 
content: ' *'; color: #ff0000;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p label.left { 
display: inline-block; width: 220px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p span.left { 
display: inline-block; width: 220px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p textarea { 
border: 1px solid #cccccc; margin: 0.125rem; padding: 0.125rem; width: calc(100% - 300px);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2 { 
margin: 0; margin-top: 1rem; margin-bottom: 1rem; padding: 0; font-size: 1.2rem; color: #1532b0; text-align: left;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h3 { 
margin: 0; padding: 0; font-size: 1rem; color: #000000; text-align: left;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ol { 
margin: 0; margin-bottom: 1rem; padding: 0; padding-left: 2rem; list-style-type: disc;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ol li { 
margin: 0; margin-top: 0.25rem; font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p { 
margin: 0; margin-bottom: 1rem; padding: 0; color: #000000; font-size: 1rem; text-align: left;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { 
color: #000000; text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p.demarrer-une-commande { 
margin-top: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p.demarrer-une-commande a { 
display: inline-block; margin: 0; padding: 0.5rem; line-height: 25px; background: #fd441d; color: #ffffff; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p.demarrer-une-commande a:after { 
content: "\00a0\00a0\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p.demarrer-une-commande a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table { 
width: 100%; margin-right: auto; border-collapse: collapse;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table tr td { 
border: 1px solid #ffffff; padding: 5px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table tr th { 
padding: 5px; background-color: #000087; color: #ffffff; border: 1px solid #ffffff; font-weight: normal; text-align: left;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table tr:nth-child(even) td { 
background: #fafafa;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique table tr:nth-child(odd) td { 
background: #dadada;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul { 
margin: 0; margin-bottom: 1rem; padding: 0; padding-left: 2rem; list-style-type: disc;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li { 
margin: 0; margin-top: 0.25rem; font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee { 
display: -ms-flexbox; flex-wrap: wrap;
display: grid; 
grid-template-columns: repeat(4, 1fr);
grid-gap:  1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee div.information.liste { 
-ms-flex: 0 0 25%; margin: 0.25rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { 
display: -ms-flexbox; flex-wrap: wrap;
display: grid; 
grid-template-columns: repeat(4, 1fr);
grid-gap:  1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste { 
-ms-flex: 0 0 25%; margin: 0.25rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.section-50 { 
display: inline-block; margin: 0; margin-right: 9%; width: 40%; vertical-align: top;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.section-50 h3 { 
margin: 0; margin-bottom: 1rem; padding: 1rem; padding-left:2rem; padding-right: 2rem; background-color: #e5f1f2; color: #027180; font-weight: normal;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeSections section.section-50 p { 
margin: 0; padding: 0; padding-left:2rem; padding-right: 2rem; color: #000000; font-weight: normal;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique { 
border-bottom: 1px solid #e04d2d; margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
display: block; margin: 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; font-size: 1rem; color: #19218b; border: 2px solid #ffffff; text-decoration: none; font-weight: normal;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication { 
display: none; /* margin: 0; padding: 10px; padding-bottom: 20px; */
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle { 
display: block; padding-left: 10px; padding-right: 10px; line-height: 28px; height: 28px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle.off a { 
color: #666666; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle.off a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle.on { 
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle.on a { 
color: #027180; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.clicButton { 
display: block; margin: 0; padding: 0; width: 25px; height: 28px; vertical-align: middle; position: absolute; top: 0; right: 0; z-index: 101;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.clicButton.hide { 
background: url(../images/buttonHide.png) center center no-repeat;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.clicButton.show { 
background: url(../images/buttonShow.png) center center no-repeat;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.content { 
display: inline-block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.content div.content-in { 
position: absolute; top: 0; left: 0; width: 200px; z-index: 100; 

background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.title { 
display: inline-block; margin: 0; padding: 0; padding-right: 10px; line-height: 30px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication { 
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1120px;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication { 
display: grid; 
grid-template-columns: repeat(5, 1fr);
column-gap: 1rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune { 
border: 2px #000087 solid;
position: relative;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.commande { 
margin-bottom: 3rem;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.commande div.tarif p.ajouter { 
margin: 0; padding: 0; padding-top: 5px; padding-bottom: 5px; text-align: center;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.commande div.tarif p.ajouter button.ajouter { 
display: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.commande div.tarif p.ajouter span.quantity { 
display: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.commande div.tarif p.alerte-expedition { 
display: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.commande div.tarif p.stock { 
display: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.image { 
min-height: 220px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; margin-top: 1rem;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.image a img { 
display: inline-block; width: 100%;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.texte { 
min-height: 72px;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.texte h4 { 
margin: 0; padding: 0; 
text-align: center;
width: 90%;
margin-right: auto; margin-left: auto;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.texte h4 a { 
color: #000000;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune div.texte h4:first-letter { 
text-transform: uppercase;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune p.enSavoirPlus { 
margin: 0; padding: 0; line-height: 2rem; text-align: center; background-color: #000087;
position: absolute; bottom: 0; left: 0; width: 100%;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune p.enSavoirPlus a { 
color: #ffffff;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune p.enSavoirPlus a span { 
font-size: 0;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication div.information.IndeXysCommerceArticle.tribune p.enSavoirPlus a span:after { 
content: "Voir le produit"; font-size: 16px;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.titreSelection { 
display: none;
}
div#zoneCentre div.detailPublication { 
margin-top: 15px;
}
div#zoneCentre.aide { 
display: flex;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique { 
flex: 0 0 250px;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul { 
margin-top: 1rem;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul { 
margin-top: 0.5rem;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li { 
display: flex; font-weight: normal;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li > a { 
color: #027180;
text-decoration: none;
width: 100%;
line-height: 30px;
background-image: url('../images/fdMenuOff.png');
background-position: right;
background-repeat: no-repeat;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li > a span.out { 
width: calc(100% - 30px);
display: block;
padding-left: 5px;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li > a.on { 
color: #ffffff;
text-decoration: none;
background-image: url('../images/fdMenuOver.png');
background-position: right;
background-repeat: no-repeat;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li > a.on span.out { 
width: calc(100% - 30px);
display: block;
background-color: #027180;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li > a:hover { 
color: #ffffff;
text-decoration: none;
background-image: url('../images/fdMenuOver.png');
background-position: right;
background-repeat: no-repeat;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant > ul > li > ul > li > a:hover span.out { 
background-color: #027180;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul > li { 
line-height: 2rem; font-size: 1rem; font-weight: bold;
}
div#zoneCentre.aide div.IndeXysPortletNavigationRubrique div.menuNonDeroulant ul > li a { 
color: #000000; text-decoration: underline;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication { 
flex: 1 0 250px; margin-left: 5rem;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication div.listeSections section div.contenu p { 
margin: 0; margin-top: 0.8rem; font-size: 1rem;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication div.listeSections section h2 { 
display: inline-block; margin: 0; margin-top: 2rem; font-size: 1.1rem; font-weight: normal; color: #027180; cursor: pointer;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication div.listeSections section h2.displayed { 
border: 0; border-bottom: 1px solid #027180;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication div.listeSections section h2.displayed:after { 
content: "\00a0\00a0\f077";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #999999;
font-size: 1rem;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication div.listeSections section h2:after { 
content: "\00a0\00a0\f078";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #999999;
font-size: 1rem;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication h1 { 
font-size: 0;
}
div#zoneDroite { 
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1400px;
}
div#zoneDroite div#diaporama.IndeXysPortletUrl { 
margin-left: 1rem;
margin-top: calc(30px + 1rem);
}
div#zoneGauche { 
flex: 15rem 0 0;
margin: 0; margin-left: 1rem; margin-right: 1rem; padding: 0;
}
div#zoneGauche div.IndeXysPortletNavigationPublication { 
margin-top: 1rem;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li { 
border: 0; border-bottom: 1px solid #19218b; font-size: 1rem;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a { 
display: block; margin: 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; color: #19218b; border: 2px solid #ffffff;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a.on { 
background: #ffdad2;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a.over { 
background: #ffdad2;
}
div#zoneGauche div.IndeXysPortletNavigationRubrique { 
margin-top: 1rem;
}
div#zoneGauche div.IndeXysPortletNavigationRubrique div.liste ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneGauche div.IndeXysPortletNavigationRubrique div.liste ul li { 
margin-top: 1rem; border: 0; font-size: 0.8rem;
}
div#zoneGauche div.IndeXysPortletNavigationRubrique div.liste ul li a { 
display: block; margin: 0; margin-left: 20px; margin-right: 40px; padding: 0.5rem 0.5rem 0.5rem 0.5rem; color: #ffffff; background: #fd441d; 
border: 1px solid #fd441d; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}
div#zoneHaut { 
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1400px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0; padding-top: 20px; padding-bottom: 40px;
background-color: #3b6493;
}
div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique { 
flex: 440px 0 0; /*height: 150px;*/
}
div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a { 
padding-left: 150px;
line-height: 150px;
height: 150px;
display: inline-block;
background-image: url('../images/logoGmf.png');
background-repeat: no-repeat;
background-size: 140px 140px;
color: #ff5e29;
font-size: 1.2rem;
}
div#zoneHaut div#aide.IndeXysPortletNavigationRubrique { 
flex: 120px 0 0; height: 110px;
}
div#zoneHaut div#aide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide a { 
display: block; text-align: center; 
padding-top: 90px; 
background: url('../images/pictoAide.png') 22px 10px no-repeat; background-size: 70px 70px; 
font-size: 1rem; color: #ff5e29;
line-height: 20px;
}
div#zoneHaut div#compte.IndeXysPortletNavigationRubrique { 
flex: 120px 0 0; height: 110px;
}
div#zoneHaut div#compte.IndeXysPortletNavigationRubrique div.liste ul.liste li.compte a { 
display: block; text-align: center; 
padding-top: 90px; 
background: url('../images/pictoProfil.png') 22px 10px no-repeat; background-size: 70px 70px; 
font-size: 1rem; color: #ff5e29;
line-height: 20px;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier { 
flex: 120px 0 0; height: 110px;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.contenuPortlet { 
position: relative; top: 0; left: 0;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite { 
position: absolute; top: 0px; right: 45px;
}
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 #ff5e29; -webkit-border-radius: 10px; -moz-border-radius: 12px; border-radius: 12px; background: #ff5e29;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.libelle { 
display: none;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.quantite { 
color: #ffffff; font-size: 10px; font-weight: bold;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.vide { 
display: none;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { 
margin: 0; padding: 0; line-height: 20px; font-size: 1rem; font-weight: normal;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
display: block; text-align: center; 
padding-top: 90px; 
background: url('../images/pictoPanier.png') 22px 10px no-repeat; background-size: 70px 70px; 
font-size: 1rem; color: #ff5e29;
line-height: 20px;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche { 
flex: 10% 1 1; margin-left: 20px; margin-right: 20px;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p { 
margin: 0; padding: 0; height: 40px; line-height: 40px;
background-color: #ffffff; border: 1px solid #cccccc; 
display: flex;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p button { 
padding: 0;
border: none;
background: none;

width: 40px; height: 40px; line-height: 40px;
background: url(../images/pictoRecherche.png) center center no-repeat;
background-size: 40px 40px; 
vertical-align: middle;
cursor: pointer;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p button span { 
display: none;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p input { 
margin: 0; padding: 0; border: 0; line-height: 38px; height: 38px;
color: #9a9a9a; font-size: 1rem;
vertical-align: middle;
flex: 10% 1 1;
text-align: center;
}
div.listeSousPublication { 
margin-top: 20px;
}
ul { 
list-style: none;
margin:0;
padding:0;
}
@media screen and (max-width: 1200px) {
div#zoneDroite {
width: 25%;
margin-left: 0;
}
div#zoneCentre div.IndeXysPortletPublication {
margin-right: 0px;
}
div#conteneur.IndeXysCommerceRayon div#zoneCentre {
margin-right: 0px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre {
margin-left: 0px;
margin-right: 0px;
}
}

@media screen and (max-width: 992px) {
div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique { 
flex: inherit;
}
div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out { 
display: none;
}
div#centerZone div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet { 
padding: 0 1rem;
}
div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet { 
padding: 0 1rem;
}
div#zoneGauche { 
justify-content: center;
position: relative;
flex: initial;
margin-right: 0;
}
div#zoneDroite { 
width: 100%;
}
div#zoneDroite div#diaporama.IndeXysPortletUrl { 
margin: 1rem;
}

div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee {
grid-template-columns: repeat(3, 1fr);
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation {
grid-template-columns: repeat(3, 1fr);
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(4, 1fr);
}

div#zoneHaut div#recherche.IndeXysPortletRecherche {
width: 245px;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p input {
width: 205px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre {
margin-left: 0px;
margin-right: 0px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee {
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p label.left {
width: 100px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p input[type="text"] {
width: calc(100% - 100px);
font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p textarea {
width: 100%;
}

}










@media screen and (max-width: 768px) {
 .slick-dotted.slick-slider { 
margin-bottom: 0!important;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre {
flex: initial;
width: 100%;
}
div#zoneBas div#contact { 
width: 48%;
margin-top: 25px;
}
div#zoneBas div#informations { 
width: 48%;
}
div#zoneBas div#navRayons2 { 
width: 48%;
}
div#zoneBas div#nouveautesPromotions { 
width: 48%;
}
div#zoneBas div.IndeXysPortletNavigationRubrique { 
padding: 1rem;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul { 
columns: 2;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li { 
margin-top: 1rem;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li a { 
padding: 0;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li.contactez-nous::before { 
padding-left: 0;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li.objets-publicitaires { 
margin: 0;
}
div#zoneCentre div.IndeXysPortletFilAriane { 
margin-left: 0;
}
div#zoneCentre div.IndeXysPortletPublication { 
margin-left: 0;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation { 
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques { 
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication { 
grid-template-columns: repeat(3, 1fr);
}
div#zoneCentre.aide { 
display: block;
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication { 
margin-left: 0;
}
div#zoneGauche div#maison { 
margin-left: 20px; margin-right: 20px;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication { 
width: 100%;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li { 
position: unset;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul:first-child { 
left: 0;
}
div#zoneGauche div#nouveautes { 
margin-left: 20px; margin-right: 20px;
}
div#zoneGauche div#promotions { 
margin-left: 20px; margin-right: 20px;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide a { 
margin-top: 20px;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide a { 
background-size: auto;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.compte a { 
margin-top: 20px;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.compte a { 
background-size: auto;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique ul li a span.out { 
display: none;
}
div#zoneHaut div#logo.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a { 
line-height: 20px; font-size: 0.8rem;
}
div#zoneHaut div#logo.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out { 
display: block; width: 70px; padding-top: 5px;
}
div#zoneHaut div#logo.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil-2020 a span.out { 
display: none
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
background-size: auto;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span { 
display: none
}
div#zoneHaut { 
flex-wrap: wrap;
padding: 1rem 0;
}

div#zoneHaut div#accueil.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a { 
background-size: 100% auto;
padding-left: 60px;
height: 60px;
}
div#zoneHaut div#aide.IndeXysPortletNavigationRubrique { 
flex: initial;
height: initial;
}
div#zoneHaut div#aide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide a { 
padding-left: 60px;
background-size: 100% auto;
background-position: center;
}
div#zoneHaut div#aide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide a span.out { 
display: none;
}
div#zoneHaut div#compte.IndeXysPortletNavigationRubrique { 
flex: initial;
height: initial;
}
div#zoneHaut div#compte.IndeXysPortletNavigationRubrique div.liste ul.liste li.compte a { 
padding-left: 60px;
background-size: 100% auto;
background-position: center;
}
div#zoneHaut div#compte.IndeXysPortletNavigationRubrique div.liste ul.liste li.compte a span.out { 
display: none;
}
div#zoneHaut div#logo.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a { 
padding-left: 60px;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier { 
flex: initial;
height: initial;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
padding-left: 60px;
background-size: 100% auto;
background-position: center;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche { 
width: 100%;
order: 1;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p input { 
width: 120px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee {
grid-template-columns: repeat(1, 1fr);
}

}








@media screen and (max-width: 576px) {
div#conteneur.IndeXysCommerceRayon div#zoneCentre { 
margin-left: 0%;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul { 
columns: initial;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer { 
left: 50px; width: 60%;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
grid-template-columns: repeat(1, 1fr);
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication { 
grid-template-columns: repeat(2, 1fr);
}
div#zoneGauche { 
flex: initial;
margin: 0;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li { 
line-height: 30px;
}
div#zoneGauche div.IndeXysPortletNavigationPublication { 
display: none;
}
div#zoneGauche div.IndeXysPortletNavigationRubrique { 
display: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee {
grid-template-columns: repeat(1, 1fr);
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation {
grid-template-columns: repeat(1, 1fr);
}
}







@media screen and (min-width: 442px) {
div#zoneHaut div#recherche.IndeXysPortletRecherche {
order: initial;
}
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail { 
margin: 20px;
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail div.personnalisation div.saisie label { 
font-weight: bold;
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail div.personnalisation div.saisie textarea { 
width: 100%; height: 5rem;
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail p.ajouter { 
text-align: center;
}
div.IndeXysCommerceArticle.detail div.listeSousPublication {
    grid-column: 1 / 3;
}
div.IndeXysCommerceArticle.detail > div.commande div.tarif form p.ajouter.input {
    background-color: #ffdad2;
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail p.ajouter button { 
display: inline-block;
border: 0; background-color: #ff6500;
padding-left: 30px;
padding-right: 30px;
color: white;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail p.ajouter span.prix { 
display: none;
}
div#fancybox-wrap div.IndeXysCommerceArticle.detail p.ajouter span.quantity { 
display: none;
}
div.IndeXysCommerceArticle.detail { 
display: -ms-grid; 
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
div.IndeXysCommerceArticle.detail div.commande { 
grid-column: 1 / 3;
-ms-grid-row: 3;
-ms-grid-column-span: 2;
}
div.IndeXysCommerceArticle.detail div.commande div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.image { 
display: none;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif { 
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form { 
width: 100%
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation { 
display: flex;
background-color: #ffffff;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.presentation { 
width: 50%;
background-color: #ffffff;
border: 2px solid #027180;
margin: 15px;
padding-bottom: 20px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.presentation p { 
margin: 0; margin-top: 10px; padding: 0;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.presentation p:first-of-type { 
background-color: #027180;
color: #fff;
margin: 0; padding: 0; padding-left: 15px; padding-right: 15px; height: 85px; display: flex;  align-items: center;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie { 
width: 50%;
background-color: #ffffff;
border: 2px solid #027180;
margin: 15px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie p { 
margin: 0; padding: 0; 
position: relative;
height: 100%; min-height: 285px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie p input { 
position: absolute;
bottom: 2%;
left: 2%;
width: 96%;
height: calc(96% - 85px); 
border: 0;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie p label { 
color: #ffffff; font-weight: bold; 
background-color: #027180;
padding: 0; padding-left: 15px; padding-right: 15px; height: 85px; display: flex; align-items: center; justify-content: center;
width: 100%;
line-height: 20px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie p textarea { 
position: absolute;
bottom: 2%;
left: 2%;
width: 96%;
height: calc(96% - 85px); 
border: 0;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p { 
display: flex;
justify-content: space-around;
margin: 0;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input { 

padding-top: 0.5rem; padding-bottom: 0.5rem;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input button { 
display: block; padding-left: 30px; padding-right: 30px; border: 1px solid #ff6500; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
background-color: #ffffff;
font-weight: bold; color: #000000; font-size: 1rem; 
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input button:hover { 
text-decoration: underline;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.alerte-expedition { 
line-height: 50px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.alerte-expedition span.prefix { 
margin-right: 5px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.codeArticle { 
line-height: 50px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.codeArticle span { 
margin-right: 5px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input select.listeReference { 
padding: 0; padding-left: 20px; padding-right: 40px; font-size: 0.9rem;
height: 30px; border: none; margin-top: 10px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.prix { 
font-size: .8rem;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity { 
display: -ms-flexbox;
display: flex;
align-items: center;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity input.quantite { 
text-align: center;
border: none;
padding: 0;
font-size: 0.9rem; width: 3rem;
line-height: 2rem; height: 2rem; 
border: 1px solid #ff6500;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity label { 
display: none;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity span.unit { 
display: none;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form ul { 
margin-top: 15px;
margin-left: 30px;
margin-bottom: 30px;
list-style-type: disc;
columns: 2;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form ul li { 
padding-top: 10px; 

-webkit-column-break-inside: avoid; /* Chrome, Safari */
page-break-inside: avoid; /* Theoretically FF 20+ */
break-inside: avoid-column; /* IE 11 */
}
div.IndeXysCommerceArticle.detail div.commande div.tarif p.codeArticle { 
line-height: 50px;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif p.codeArticle span { 
margin-right: 5px
}
div.IndeXysCommerceArticle.detail div.commande div.tarif p.disponible { 
display: none;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif p.non-disponible { 
text-align: center; color: red; margin: 0; flex: 100% 1 1; font-size: 1.2rem;
}
div.IndeXysCommerceArticle.detail div.commande span.lien-demande-devis { 
display: none;
}
div.IndeXysCommerceArticle.detail div.image { 
grid-column: 1 / 2;
grid-row: 1 / 3;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
}
div.IndeXysCommerceArticle.detail div.image div.galerie { 
display: flex;
flex-direction: row-reverse;
align-items: flex-start; 
/*
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
*/
}
div.IndeXysCommerceArticle.detail div.image div.galerie div#survol { 
border: 1px transparent solid;
display: flex;
align-items: center;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes { 
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-right: 5px;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes a { 
display: flex; width: 75px; height: 75px; 
margin-bottom: 5px;
justify-content: center;
cursor: pointer; 
border: 1px transparent solid;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes a img { 
height: auto; max-height: 73px; 
width: auto; max-width: 73px;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes a:hover { 
border-color: #000087;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes a:last-child { 
margin-bottom: 0px;
}
div.IndeXysCommerceArticle.detail div.image div.image div.galerie { 
display: flex;
flex-direction: row-reverse;
margin-bottom: 20px;
}
div.IndeXysCommerceArticle.detail div.image div.zoom { 
margin-bottom: 20px;
}
div.IndeXysCommerceArticle.detail div.image div.zoom a img { 
display: block; margin: 5px; padding: 5px; border: 1px solid #9a9a9a; max-width: 100%;
}
div.IndeXysCommerceArticle.detail div.image div.zoom a:hover img { 
border-color: #000087;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute { 
display: -ms-flexbox;
-ms-grid-row: 2;
-ms-grid-column: 2;

grid-column: 1 / 3;

margin-top: 2rem; 
display: grid; 
grid-template-columns: repeat(4, 1fr);
grid-gap: 2rem 1rem;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute div.information.IndeXysCommerceArticle.liste { 
-ms-flex: 0 0 25%;
margin: 0.25rem;
display: flex;
flex-direction: column;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute div.information.IndeXysCommerceArticle.liste p.ajouter { 
display: none;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute h4 { 
grid-column: 1 / 5;

font-size: 1.2rem;
}
div.IndeXysCommerceArticle.detail div.services { 
display: -ms-flexbox;
-ms-grid-row: 2;
-ms-grid-column: 2;

grid-column: 2 / 3;
grid-row: 2 / 3;

margin-top: 2rem; 
display: grid; 
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem 1rem;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune { 
-ms-flex: 0 0 25%;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image { 
text-align: center; floa:t none; width: 100%; text-align: center; 
height: 80px; display: block;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image a { 
display: inline-block;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image a img { 
border: 0;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image img { 
display: inline-block; width: 70px; height: auto; object-fit: contain;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.lien { 
display: none;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.texte { 
margin: 0; margin-top: 0.5rem; /* margin-left: 0; width: 100%; */
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.texte p { 
margin: 0; margin-top: 0.25rem; padding: 0; font-size: 0.8rem; text-align: center; color: #000000;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.titre { 
margin-top: 0.5rem; /* width: calc(100% - 100px); */
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.titre h3 { 
margin: 0; padding: 0; text-align: center; line-height: 1rem;
font-size: 0.8rem;
}
div.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.titre h3 a { 
color: #000000
}
div.IndeXysCommerceArticle.detail div.texte { 
grid-column: 2 / 3;
grid-row: 1 / 2;

-ms-grid-row: 1;
-ms-grid-column: 2;
}
div.IndeXysCommerceArticle.detail div.texte h1 { 
margin: 0; margin-top:; 1rem; padding: 0; font-size: 1.5rem; color: #1532b0;
}
div.IndeXysCommerceArticle.detail div.texte h1:first-letter { 
text-transform: uppercase;
}
div.IndeXysCommerceArticle.detail div.texte p { 
margin: 0; margin-top: 1rem; padding: 0; font-size: 1rem; color: #1532b0;
}
div.IndeXysCommerceArticle.detail div.texte p.codeArticle span.libelle { 
font-weight: bold;
}
div.IndeXysCommerceArticle.detail div.texte p.codeArticle span.libelle:after { 
content: " : "; font-weight: bold;
}
div.IndeXysCommerceArticle.detail div.texte p.contact a { 
font-weight: bold;
border: 2px #000087 solid;
padding: 10px 30px;
color: #000087;
margin-top: 10px;
}
div.IndeXysCommerceArticle.detail div.texte p.nouveaute { 
display: inline-block; 	margin: 0; padding: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; color: white; background-color: #027180; font-size: 1rem;
}
div.IndeXysCommerceArticle.detail div.texte p.promotion { 
display: inline-block;  margin: 0; padding: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; color: white; background-color: red; font-size: 1rem;
}
div.IndeXysCommerceArticle.detail div.texte p.stock { 
font-weight: bold;
}
div.IndeXysCommerceArticle.detail div.texte p.stock span.libelle:after { 
content: " : ";
}
div.IndeXysCommerceArticle.detail div.texte p.stock span.value:after { 
content: " restants";
}
div.detailPublication div.information.detail div.demande-devis { 
display: flex; margin-top: 1rem; 
background-color: #e5f1f2;
padding: 0.5rem; 
justify-content: space-around;
align-items: center;
}
div.detailPublication div.information.detail div.demande-devis p.lien { 
margin: 2px; /* height: 60px;
display: flex;
justify-content: center;
align-items: center; */
font-size: 0;
}
div.detailPublication div.information.detail div.demande-devis p.lien a { 
display: block; font-weight: bold;
border: 2px #000087 solid;
padding: 1rem; 
color: #000087; 
line-height: 2rem;
font-size: 1rem;
}
div.detailPublication div.information.detail div.texte form button { 
display: block; background-color: #ff6500; padding-left: 30px; padding-right: 30px; color: white; font-size: 1rem; height: 2rem; text-align: center; line-height: 2rem; border: none; cursor: pointer;
}
div.detailPublication div.information.detail div.texte form fieldset { 
margin: 0.5rem; padding: 0.5rem; border: 1px solid #000087;
}
div.detailPublication div.information.detail div.texte form fieldset legend { 
color: #000087; font-weight: bold;
}
div.detailPublication div.information.detail div.texte form fieldset p { 
display: flex; justify-content: stretch;
}
div.detailPublication div.information.detail div.texte form fieldset p input[type=text] { 
border: 1px solid #cccccc; margin: 0.125rem; padding: 0.125rem; width: calc(100% - 300px);
}
div.detailPublication div.information.detail div.texte form fieldset p label.champObligatoire:after { 
content: ' *'; color: #ff0000;
}
div.detailPublication div.information.detail div.texte form fieldset p label.left { 
display: inline-block; width: 220px;
}
div.detailPublication div.information.detail div.texte form fieldset p span.left { 
display: inline-block; width: 220px;
}
div.detailPublication div.information.detail div.texte form fieldset p textarea { 
border: 1px solid #cccccc; margin: 0.125rem; padding: 0.125rem; width: calc(100% - 300px);
}
div.information.IndeXysCommerceArticle.liste { 
border: 1px #fd441d solid;
position: relative;
padding-bottom: 3rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter { 
margin: 0; padding: 0; text-align: center; font-size: 0.9rem; color: #19218b; line-height: 2rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter a { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter button { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter select { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.disponible { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.non-disponible { 
text-align: center; color: red; margin: 0; flex: 100% 1 1; font-size: 0.8rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.stock { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.image { 
min-height: 240px; display: -ms-flex; display: flex; justify-content: center; align-items: center; padding: 10px; margin-top: 1rem;
}
div.information.IndeXysCommerceArticle.liste div.image a img { 
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
}
div.information.IndeXysCommerceArticle.liste div.texte { 
min-height: 4rem;
flex-grow: 1;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 { 
text-align: center;
width: 90%;
margin: 0;
margin-right: auto;
margin-left: auto;
font-size: 1rem;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 a { 
color: #19218b;
}
div.information.IndeXysCommerceArticle.liste div.texte h2:first-letter { 
text-transform: uppercase;
}
div.information.IndeXysCommerceArticle.liste div.texte p { 
display: none;
}
div.information.IndeXysCommerceArticle.liste form p span.quantity { 
display: none;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus { 
margin: 0;
    padding: 0;
    line-height: 2rem;
    text-align: center;
    background: none;
    width: 100%;
}
div.information.IndeXysCommerceArticle.liste p {
    color: #fd441d ;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a { 
color: #19218b;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a span { 
display: none;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a:after { 
content: "Voir le produit"; font-size: 1rem;
}
div.information.IndeXysCommerceArticle.liste p.nouveaute { 
background-color: #027180;
width: 100%;
color: #fff;
line-height: 2rem;
text-align: center;
font-size: 0.9rem;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 0; width: 100%;
}
div.information.IndeXysCommerceArticle.liste p.promotion { 
background-color: red;
width: 100%;
color: #fff;
line-height: 2rem;
text-align: center;
font-size: 0.9rem;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 0; width: 100%;
}
div.information.IndeXysCommerceArticle.tribune p.disponible { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune p.non-disponible { 
text-align: center; color: red; margin: 0; flex: 100% 1 1; font-size: 0.8rem;
}
div.information.IndeXysCommerceArticle.tribune p.nouveaute { 
background-color: #027180;
width: 100%;
color: #fff;
line-height: 2rem;
text-align: center;
font-size: 0.9rem;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 0; width: 100%;
}
div.information.IndeXysCommerceArticle.tribune p.promotion { 
background-color: red;
width: 100%;
color: #fff;
line-height: 2rem;
text-align: center;
font-size: 0.9rem;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 0; width: 100%;
}
div.information.IndeXysCommerceRayon.detail h1 { 
display: block; margin: 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; font-size: 1rem; color: #19218b; border: 2px solid #ffffff; border-bottom: 1px solid #e04d2d; text-decoration: none; font-weight: normal; position: relative; top: 2px; left: 0;
}
div.information.IndeXysCommerceRayon.liste { 
border: 2px #000087 solid;
width: 100%;
position: relative;
}
div.information.IndeXysCommerceRayon.liste div.texte { 
min-height: 4rem; margin-bottom: 3rem;
}
div.information.IndeXysCommerceRayon.liste div.texte h2 { 
text-align: center;
text-transform: lowercase;
width: 90%;
margin: 0;
margin-right: auto;
margin-left: auto;
font-size: 1rem;
}
div.information.IndeXysCommerceRayon.liste div.texte h2 a { 
color: #000000;
}
div.information.IndeXysCommerceRayon.liste div.texte h2:first-letter { 
text-transform: uppercase;
}
div.information.IndeXysCommerceRayon.liste div.texte p { 
//text-align: center;
//font-size: 0.9rem;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus { 
margin: 0; padding: 0; line-height: 2rem; text-align: center; background-color: #000087;
position: absolute; bottom: 0; left: 0; width: 100%;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a { 
color: #fff;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a span { 
font-size: 0;
}
div.information.IndeXysCommerceRayon.liste p.enSavoirPlus a:after { 
content: "Voir les produits"; font-size: 1rem;
}
div.information.detail div.commande div.tarif form p.ajouter.input p.textePromotion { 
line-height: 50px;
}
div.information.detail div.commande div.tarif ul li span.prix-suivant:before { 
content: " \A (puis ";
white-space: pre;
}
div.information.detail div.commande div.tarif ul li span.titre-suivant:after { 
content: ")";
}
div.information.detail div.image div.zoom a span { 
display: none;
}
div.listePublicationLiee div.information.IndeXysCommerceArticle.liste div.commande { 
/* display: none; */
}
div.listePublicationLiee div.information.IndeXysCommerceArticle.liste div.commande form ul { 
display: none;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste { 
padding-bottom: 0;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande { 
display: flex;
background-color: #e5f1f2;
justify-content: space-around;
align-items: center;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input a.ajouter { 
display: none;
/*background-color: #ff6500;
padding-left: 30px;
padding-right: 30px;
color: white;
height: 50px;
text-align: center;
line-height: 50px;*/
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input span.quantity { 
display: none;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.codeArticle { 
color: #6a6a6a;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus { 
margin: 0; 
position: relative; width: auto;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a { 
display: none; /* block;
background-color: #ff6500;
padding-left: 30px;
padding-right: 30px;
color: white;
height: 50px;
text-align: center;
line-height: 50px; */
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a span { 
font-size: 0;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.enSavoirPlus a span:after { 
font-size: 1rem;
content: "Commander";
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.promotion { 
background-color: red;
color: #ffffff;
height: 50px;
margin: 0; padding-left: 30px; padding-right: 30px;
width: auto; 
display: flex; 
align-items: center;
font-size: 1rem;
position: relative;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte { 
min-height: 0;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte h2 { 
display: flex;
width: 100%;
justify-content: center;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte h2 a { 
color: #000000;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste p.codeArticle span.libelle:after { 
content: " "
}
@media screen and (max-width: 1200px) {


}

@media screen and (max-width: 992px) {
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande {
flex-wrap: wrap;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande p.codeArticle {
width: 50%;
text-align: center;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute {
grid-template-columns: repeat(2, 1fr);
grid-column: 1/3;
margin: 0;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute h4 {
grid-column: 1 / 3;
margin: 1rem 0;
}

}

@media screen and (max-width: 768px) {
div#conteneur.IndeXysCommerceArticle div.detailPublication div.information.detail div.services { 
width: 99%;
margin: 15px;
}
div#conteneur.IndeXysCommerceArticle div.detailPublication div.information.detail div.texte { 
width: 99%;
margin: 15px;
line-height: 2rem;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.presentation { 
height: auto;
min-height: 300px;
width: calc(100% - 30px);
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie { 
width: calc(100% - 30px);
margin-top: 0;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.codeArticle { 
width: 100%;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services { 
margin-left: 0;
}
div.detailPublication div.information.detail div.commande div.tarif form div.personnalisation { 
flex-direction: column;
align-items: center;
}
div.detailPublication div.information.detail div.commande div.tarif form p { 
flex-wrap: wrap;
}
div.detailPublication div.information.detail div.image { 
width: 100%;
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute {
grid-column: 1/2;
}
div#conteneur.IndeXysCommerceArticle div.detailPublication div.information.detail div.texte {
margin-left: 0; 
}
div.IndeXysCommerceArticle.detail div.image div.galerie {
flex-direction: column;
align-items: center;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes {
flex-direction: row;
width: 100%;
margin: 0;
}
div.IndeXysCommerceArticle.detail {
grid-template-columns: repeat(1, 1fr);
}
div.IndeXysCommerceArticle.detail div.image {
grid-row: initial;
}
div.IndeXysCommerceArticle.detail div.texte {
grid-column: 1/2;
grid-row: inital;
}
div.IndeXysCommerceArticle.detail div.commande {
grid-column: 1 / 2;
}
div.IndeXysCommerceArticle.detail div.services {
grid-column: 1 / 2;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div#survol a img {
width: 100%;
}
div.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input button {
padding: 0 1rem;
height: 3rem;
}
div.IndeXysCommerceArticle.detail div.image div.galerie div.vignettes a {
margin-right: 1rem;
}




}

@media screen and (max-width: 576px) {
div.IndeXysCommerceArticle.detail div.listeArticleInternaute {
grid-template-columns: repeat(1, 1fr);
}
div.IndeXysCommerceArticle.detail div.listeArticleInternaute h4 {
grid-column: 1 / 2;
}

}