div#zoneCentre div.IndeXysCommercePortletCompteClient { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0; margin-bottom: 30px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a { 
color: red; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a:hover { 
text-decoration: underline;
}
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.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: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 span.out:before { 
display: inline-block; content: "Détails "; 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.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; padding-top: 4rem;
}
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 a { 
display: block; height: 80px; margin-top: 20px; border: 2px solid transparent; width: 200px; background-size: contain; background-position: center center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a span.out { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a.on { 
border-color: #027180; 
-webkit-box-shadow: #999 0px 3px 5px; -moz-box-shadow: #999 0px 3px 5px; box-shadow: #999 0px 3px 5px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li a:hover { 
border-color: #027180;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.archives a { 
background-image: url(../images/btArchives.png);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.coordinates a { 
background-image: url(../images/btCoordonnees.png);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.credits a { 
background-image: url(../images/btCredits.png);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn ol.steps li.orders a { 
background-image: url(../images/btSuiviCommandes.png);
}
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.loggedIn p.navigation.back { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.loggedIn>div { 
flex: 220px 1 0; padding-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.orders h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.pending-orders td.downloadLink a { 
color: #000000;
}
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:after { 
display: inline-block; width: 40px; content: url(../images/btDownload30.png); vertical-align: middle;
}
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 p { 
width: 45%; margin-right: 4%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p input.shortText { 
display: inline-block; margin: 0; padding: 0.5rem; width: 100%; line-height: 2.5rem; height: 2.5rem; 


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

behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p input.text { 
display: inline-block; margin: 0; padding: 0.5rem; width: 100%; line-height: 2.5rem; height: 2.5rem; 

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

behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p label { 
display: block; color: #666666; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset p select { 
display: inline-block; margin: 0; padding: 0.5rem; width: 100%; line-height: 2.5rem; height: 2.5rem; 

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

behavior: url(/indeXys/ie/PIE.htc);
}
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 { 
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 p.nature-compte { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.acces { 
margin-top: 0; padding-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.acces legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.acces legend:after { 
font-size: 1rem; content: 'Identité'; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.coordonnees { 
padding-top: 0;
}
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: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.coordonnees legend:after { 
font-size: 1rem; content: 'Coordonnées'; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.register fieldset.identite { 
margin-top: 0; padding-top: 0;
}
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 { 
display: none;
}
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: 12px; 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: #ff6500; color: #ffffff; border: 1px solid #ff6500;
}
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: #ff6500; color: #ffffff; border: 1px solid #ff6500;
}
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 { 
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
position: relative; top: 1.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.acces legend { 
font-size: 0; 
position: absolute; top: -3rem; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.acces legend:after { 
content: "Identité "; font-size: 1rem;
display: block; background: #e6f1f3; padding: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.acces span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.coordonnees legend { 
display: block; background: #e6f1f3; padding: 1rem; width: 100%;
}
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 { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates fieldset.identite legend { 
display: none;
}
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 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: #e6f1f3; padding: 1rem; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.coordinates h3.acces { 
font-size: 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.coordinates input.shortText { 
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.coordinates input.text { 
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.coordinates select { 
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 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.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: 480px; padding-top: 1rem; margin-left: auto; 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 Marketing ? 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.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 label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire { 
color: red;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire:after { 
content: " * ";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #027180; text-transform: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h3 { 
font-size: 1em; color: #027180; text-transform: uppercase; border-bottom: 1px #027180 solid;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h4 { 
margin: 0px; margin-top: 2em; padding: 0px; font-weight: bold; font-size: 1rem; color: #027180; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p { 
margin: 0px; margin-top: 10px; font-size: 0.8rem; color: #000000;
}
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.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: #ff6500; color: #ffffff; border: 1px solid #ff6500;
}
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: #ff6500; color: #ffffff; border: 1px solid #ff6500;
}
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: #027180;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td.vertFonce { 
background-color: #027180; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr.codeCommande td { 
background-color: #E6F1EE; color: #027180;
}
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 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: #027180; 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: #027180; 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: #e5f1f2; padding: 0.5rem; border: 2px solid #027180; 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 #027180; color: #027180; 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.download-pdf { 
padding: 10px; text-align: center; white-space:pre
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-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.card-payment p.download-pdf a:after { 
content: "Télécharger le pdf"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-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.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: #101088; border: 1px solid #101088; 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.listePointEnlevement { 
margin: 0; padding: 0.5rem; background-color: #e6e6e6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.listePointEnlevement div.select { 
visibility : hidden;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.adresseLivraison fieldset.listePointEnlevement 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;
}
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: "Vos coordonnées"; font-size: 1.4rem; padding-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem;
}
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 p.navigation:after { 
display: block; width: 100%; content: "* tous les champs sont obligatoires"; margin-top: 1rem;
}
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-left: 1rem; padding-bottom: 1rem;
}
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: #00008f; 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.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: #00008f; 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;
padding-left: 1rem;
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: #027180; 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: #e5f1f2; 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: #000000; text-align: 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 #027180; 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; padding-left: 1rem;
}
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; padding-left: 1rem;
}
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: #e5f1f2; padding: 0.5rem; border: 2px solid #027180; 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.download-pdf { 
padding: 10px; text-align: center; white-space:pre
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check 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.payment-by-check p.download-pdf a:after { 
content: "Télécharger le pdf"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check 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.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: #e5f1f2; padding: 0.5rem; border: 2px solid #027180; 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.download-pdf { 
padding: 10px; text-align: center; white-space:pre
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert 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.payment-by-transfert p.download-pdf a:after { 
content: "Télécharger le pdf"; font-size: 0.8rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.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.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 #027180; 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; padding: 0px; line-height: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing h4 { 
padding-left: 0; font-weight: bold; font-size: 0.8rem; 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; padding: 0px; line-height: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery h4 { 
padding-left: 0; font-weight: bold; font-size: 0.8rem; 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.delivery h4 { 
font-weight: bold; font-size: 0.8rem;
}
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 #027180; 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: #027180;
color: #ffffff;
border: 1px solid #027180;
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: #027180; 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.rowTotalHt td { 
background-color: #ffffff; color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif table tfoot tr.rowTotalTtc td { 
font-size: 1.1em; padding: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif table tfoot tr.rowTotalTva td { 
background-color: #ffffff; color: #000000;
}
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: #000000; 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: "Accéder au paiement"; 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, 1fr);
grid-gap: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p { 
margin: 0; padding: 0.25rem; background-color: #e6e6e6; border: 2px solid #e5f1f2; text-align: center; flex: 0 0 calc(33% - .5rem); 
display: flex; justify-content: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p a { 
color: #000000; 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.on { 
border-color: #027180;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p.on a { 
font-weight: bold;
}
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: #121212; content: "(pour les livraisons hors de la France Métropolitaine, nous contacter au 02 37 30 57 04)"; text-align: center;
grid-column: 1/4;
}
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-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; content: "Choix de la livraison"; font-size: 1.4rem; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.sidentifier button { 
display: inline-block; margin-left: 0.5em; padding: 5px; border: 0; background-color: #027180; 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; padding-bottom: 7px; border: 0; border-bottom: 3px  solid #00008f; bottom: -40px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a span.out:before { 
color: #00008f; 
border: 2px solid #00008f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape>li a.on { 
color: #00008f;
}
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 #027180;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label { 
font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire:after { 
content: " *";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: normal; color: #000000; position: relative; top: 1rem; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset select { 
padding: 0.25rem; border: 1px solid #027180;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset span.separator { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis { 
margin: 0; margin-top: 1rem; padding: 0; /* padding: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; */ background-color: #e5f1f2;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis div.arrondis { 
margin: 0; margin-top: 0.5rem; padding: 0; padding: 0.5rem; background-color: #017180; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis div.arrondis span.indeXys-nowrap { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis div.arrondis-content { 
padding: 0.5rem; margin-top: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis img { 
max-width: 100%; width: 300px; height: auto;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis legend { 
margin: 0; padding: 0.5rem; font-size: 1.4rem; color: #000000; position: relative; top: 1.5rem; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis p { 
margin: 0; margin-top: 0.5rem; font-size: 1rem; color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis p span.choix-article-arrondi { 
display: block;
}
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-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: normal; color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h4 { 
margin: 0; padding: 0; padding-left: 1rem; font-size: 1.4rem; font-weight: normal; color: #000000;
}
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: #000000;
}
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.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: #ff6500; color: #ffffff; border: 1px solid #ff6500; 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: #ff6500;
color: #ffffff;
border: 1px solid #ff6500;
}
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: #ff6500;
color: #ffffff;
border: 1px solid #ff6500;
}
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 td { 
background-color: #e5f1f2; color: #000000; border-bottom: 0.5rem solid #ffffff; font-size: 12px; 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.articleArrondiCode { 
text-align: left; color: #9b9da0; white-space: nowrap; width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleArrondiDesignation { 
text-align: left; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleArrondiDesignation 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.articleArrondiImage { 
width: 1%; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleArrondiImage img { 
max-width: 100px; height: auto;
}
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;
}
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;
}
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; color: #9b9da0; 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: 1px; text-transform: uppercase; background-image: url(../images/fdPanier2020.png); background-position: left center; background-repeat: no-repeat;
}
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 td { 
background-color: #027180; 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 th { 
/* background-color: #027180; color: #ffffff; border: 1px solid #ffffff; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase; */
}
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; 
}

}

@media screen and (max-width: 576px) {

div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.arrondis img {
max-width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery {
grid-template-columns: repeat(1, 1fr);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery::after {
grid-column: 1/2;
}

}
.anniversaire-clients div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.anniversaire-clients div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > a {
text-align: left;
}

.anniversaire-clients div.information.IndeXysCommerceArticle.liste {
height: 100%;
}

#cookieChoiceInfo a#lien_gestion_cookies_cookieChoice { 
border: 0; padding: 0; background: none; text-decoration: underline;
}
#displayNone { 
display: none;
}
.displayNone { 
display: none;
}
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: 16px;
}
body#publication.catalogue div#conteneur.anniversaire-clients div#zoneCentre div.IndeXysPortletNavigationPublication { 
display: block;
}
body#publication.catalogue div#conteneur.anniversaire-clients div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
display: none;
}
body#rubrique div#zoneDroite { 
display: none;
}
body#rubrique.catalogue div#zoneDroite { 
display: block;
}
body#rubrique.catalogue div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li.objets-publicitaires > a.off { 
display: block;
}
body#rubrique.catalogue div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li.objets-publicitaires > a.off + ul { 
display: block;
}
div#center { 
margin: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 1120px;
}
div#conteneur * { 
box-sizing: border-box;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre { 
margin-top: 10px;
}
div#conteneur.IndeXysCommerceArticle div#zoneDroite { 
display: none;
}
div#conteneur.IndeXysCommerceRayon div#zoneCentre { 
margin-top: 10px; margin-left: 22%;
}
div#conteneur.IndeXysCommerceRayon div#zoneCentre div.IndeXysPortletPublication div.detailPublication h1 { 
display: none;
}
div#conteneur.IndeXysCommerceRayon.imprimes-personnalisables div#zoneCentre div.listePublicationLiee div.information.IndeXysCommerceArticle.liste div.commande { 
display: none;
}
div#cookies_selector { 
margin: 0; padding: 1rem; width: 90%; max-width: 640px; font-family: Source Sans Pro,sans-serif; color: #333333; box-sizing: border-box;
}
div#cookies_selector h2 { 
margin: 0; margin-top: 0.75rem; padding: 0; font-size: 1rem; text-transform: uppercase;
}
div#cookies_selector h3 { 
margin: 0; margin-top: 0.75rem; padding: 0; font-size: 1rem; text-transform: uppercase;
}
div#cookies_selector p { 
margin: 0; margin-top: 0.5rem; padding: 0; font-size: 0.75rem;
}
div#cookies_selector p.action { 
text-align: center;
}
div#cookies_selector p.action a { 
display: inline-block; margin: 0; padding: 0.5rem; padding-left: 1rem; padding-right: 1rem; background-color: #cccccc; color: #ffffff;
}
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 br { 
display: none;
}
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#header { 
background-color: #027180;
}
div#header div#zoneGauche div.IndeXysPortletFilAriane { 
display: none;
}
div#zoneBas { 
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1120px;
display: flex;
flex-wrap: wrap;
padding-top: 10px; padding-bottom: 10px;
}
div#zoneBas div#contact { 
width: 23%;
margin-left: 1%; margin-right: 1%;
}
div#zoneBas div#contact.IndeXysPortletUrl p { 
margin: 0;
line-height: 25px;
font-size: 14px;
}
div#zoneBas div#contact.IndeXysPortletUrl p a { 
color: #000000;
}
div#zoneBas div#informations { 
width: 23%;
margin-left: 1%; margin-right: 1%;
}
div#zoneBas div#navRayons2 { 
width: 23%;
margin-left: 1%; margin-right: 1%;
}
div#zoneBas div#nouveautesPromotions { 
width: 23%;
margin-left: 1%; margin-right: 1%;
}
div#zoneBas ul.liste li a { 
color: #000000;
line-height: 25px;
font-size: 14px;
}
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.IndeXysPortletNavigationPublication { 
display: none;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant { 
display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > a { 
display: block; text-align: center; padding: 0.5rem; color: #027180;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul { 
display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletPublication { 

}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
display: grid; 
grid-template-columns: repeat(4, 1fr);
column-gap: 1rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
display: grid; 
grid-template-columns: repeat(4, 1fr);
column-gap: 1rem; row-gap: 1rem;
}
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: #666666; 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 { 
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.on a { 
color: #027180; 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 { 
background: url(../images/buttonHide.png) center center no-repeat;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.show { 
background: url(../images/buttonShow.png) center center no-repeat;
}
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; 
grid-template-columns: repeat(4, 1fr);
column-gap: 2rem; row-gap: 1rem;
}
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-left: auto; margin-right: auto; 
width: 100%; max-width: 1120px;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique 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#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: #027180;
text-align: left;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p { 
display: flex; justify-content: stretch;
}
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);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p label.champObligatoire { 
color: #ff0000;
}
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: #027180; 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 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 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-bottom: 1rem; list-style-type: disc; padding-left: 2rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { 
display: grid; 
grid-template-columns: repeat(4, 1fr);
column-gap: 1rem; row-gap: 1rem;
}
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.listeTribunesDynamiques { 
margin-top: 2rem; 
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune { 
/* display: flex; flex-wrap: wrap; */
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.image { 
text-align: center; height: 80px; margin-top: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.image img { 
width: 80px; height: auto;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.lien { 
display: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.texte { 
margin-top: 10px; /* width: 100%; */
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.texte p { 
margin: 0; margin-top: 0.5rem; padding: 0; font-size: 1rem; text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.titre { 
margin-top: 10px; /* width: calc(100% - 100px); */
}
div#zoneCentre 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#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques div.information.IndeXysTribuneDynamique.tribune div.titre h3 a { 
color: #000000
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
margin: 0; padding: 0; padding-top: 1rem; padding-bottom: 1rem; text-align: left; font-size: 1.5rem; text-decoration: underline; text-transform: none;
}
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;
display: flex;
flex-direction: column;
}
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 select { 
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;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
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 div.texte p { 
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
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 { 
display: none;
}
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 { 
width: 20%;
float: left;

margin-top: 10px;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > a { 
color: #000000;
text-decoration: underline;
line-height: 30px;
font-weight: bold;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > a.off { 
display: none;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > a.off + ul { 
display: none;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul { 
margin-top: 15px;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li { 
display: flex;
}
div#zoneDroite div.IndeXysPortletNavigationPublication 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#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li > a span.out { 
width: calc(100% - 30px);
display: block;
padding-left: 5px;
}
div#zoneDroite div.IndeXysPortletNavigationPublication 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#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li > a.on span.out { 
width: calc(100% - 30px);
display: block;
background-color: #027180;
}
div#zoneDroite div.IndeXysPortletNavigationPublication 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#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li > a:hover span.out { 
background-color: #027180;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.demande-specifique-1 { 
border: 0; border-bottom: 1px solid #cccccc;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.developpement-durable-1 { 
border: 0; border-top: 1px solid #cccccc;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.developpement-durable-1 > a.on { 
color: #ffffff;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.developpement-durable-1 > a.on span.out { 
background-color: #ff0000;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.developpement-durable-1 > a:hover { 
color: #ffffff;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.developpement-durable-1 > a:hover span.out { 
background-color: #ff0000;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.developpement-durable-1 a { 
color: #ff0000;
font-weight: 600;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant > ul > li > ul > li.sports-loisirs-1 { 
border: 0; border-bottom: 1px solid #cccccc;
}
div#zoneGauche { 
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1120px;
}
div#zoneGauche div#maison.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 0;
}
div#zoneGauche div#maison.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil-2020 a { 
background-image: url('../images/logoHome.png');
background-repeat: no-repeat;
background-position: center;
height: 40px;
width: 40px;
display: inline-block;
}
div#zoneGauche div#maison.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil-2020 a span.out span.in { 
display: none;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication { 
width: 60%;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.contenuPortlet div.menuDeroulant ul li.imprimes-personnalisables ul.liste-information-inf { 
left: calc(50% - 150px);  
width: 300px;
grid-template-columns: repeat(1, 1fr);
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul { 
display: flex;
justify-content: space-between;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li { 
line-height: 45px;
position: relative;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > a { 
display: inline-block;
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > a.on { 
display: inline-block;
color: #027180;
background-color: #ffffff;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > a.over { 
display: inline-block;
color: #027180;
background-color: #ffffff;
text-decoration: none;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > a:hover { 
display: inline-block;
color: #027180;
background-color: #ffffff;
text-decoration: none;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul { 
position: absolute; left: calc(50% - 250px); background-color: #ffffff; border: 1px solid #ffffff; 

-webkit-box-shadow: 1px 1px 12px #9a9a9a;
-moz-box-shadow: 1px 1px 12px #9a9a9a;
box-shadow: 1px 1px 12px #9a9a9a;

color: #000000;
width: 500px;
z-index: 1000;
margin: 0; padding: 0; padding-top: 1.5rem; padding-bottom: 1.5rem; 
list-style-type: none;

display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0; row-gap: 0;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul div.column { 
display: block;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul div.column.left li:nth-of-type(3) a { 
padding-bottom: 1rem; margin-bottom: 1rem; border: 0; border-bottom: 1px solid #cccccc;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li { 
line-height: 2rem;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li a { 
display: block; color: #000000; margin-left: 2rem; margin-right: 2rem;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li a:hover { 
color: #ffffff; text-decoration: none;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li.demande-specifique-1 a { 
padding-bottom: 1rem; margin-bottom: 1rem; border: 0; border-bottom: 1px solid #cccccc;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li.developpement-durable-1 a { 
/*padding-top: 1rem; margin-top: 1rem; border: 0; border-top: 1px solid #cccccc;*/
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li.developpement-durable-1 a { 
color: #ff0000;
font-weight: 600;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li.developpement-durable-1 a:hover { 
color: #ffffff;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li.developpement-durable-1:hover { 
border-left: 1px #ff0000 solid;
background-color: #ff0000;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul li:hover { 
border-left: 1px #027180 solid;
background-color: #027180;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li.equipement-agence > ul, div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li.axa-atout-coeur > ul { 
grid-template-columns: repeat(1, 1fr); width: 300px; left: calc(50% - 150px);
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li.plv-stand > ul { 
grid-template-columns: repeat(1, 1fr); width: 300px; left: calc(50% - 150px);
}
div#zoneGauche div#nouveautes.IndeXysPortletNavigationRubrique div.liste ul li { 
display: flex; font-weight: bold;
}
div#zoneGauche div#nouveautes.IndeXysPortletNavigationRubrique div.liste ul li a { 
line-height: 45px;
color: #ffffff;
padding-left: 5px; padding-right: 5px;
}
div#zoneGauche div#nouveautes.IndeXysPortletNavigationRubrique div.liste ul li a.on { 
color: #027180;
width: 100%;
text-decoration: none;
background-color: #ffffff;
}
div#zoneGauche div#nouveautes.IndeXysPortletNavigationRubrique div.liste ul li a:hover { 
color: #027180;
width: 100%;
text-decoration: none;
}
div#zoneGauche div#nouveautes.IndeXysPortletNavigationRubrique div.liste ul li:hover { 
background-color: #ffffff;
}
div#zoneGauche div#promotions.IndeXysPortletNavigationRubrique div.liste ul li { 
display: flex; font-weight: bold;
}
div#zoneGauche div#promotions.IndeXysPortletNavigationRubrique div.liste ul li a { 
line-height: 45px;
color: #ffffff;
width: 100%;
padding-left: 5px; padding-right: 5px;
}
div#zoneGauche div#promotions.IndeXysPortletNavigationRubrique div.liste ul li a.on { 
color: #027180;
width: 100%;
text-decoration: none;
background-color: #ffffff;
}
div#zoneGauche div#promotions.IndeXysPortletNavigationRubrique div.liste ul li a:hover { 
text-decoration: none;
color: #027180;
}
div#zoneGauche div#promotions.IndeXysPortletNavigationRubrique div.liste ul li:hover { 
background-color: #ffffff;
}
div#zoneHaut { 
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1120px;
height: 75px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide { 
margin-left: 0.5rem;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.aide a { 
background: url('../images/fdAide.svg') center left no-repeat; background-size: 70%; padding-left:  2.5rem;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique div.liste ul.liste li.compte a { 
background: url('../images/fdCompte.svg') center left no-repeat; background-size: 30%;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique ul li { 
display: inline; line-height: 40px; font-size: 0.9rem;
}
div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique ul li a { 
display: inline-block; padding-left: 2.5rem; height: 40px;
color: #000087;
}
div#zoneHaut div#logo.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a { 
padding-left: 70px;
color: #000087;
line-height: 50px;
height: 50px;
display: inline-block;
background-image: url('../images/logoAxa.png');
background-repeat: no-repeat;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier { 
margin-right: 0.5rem;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.contenuPortlet { 
position: relative; top: 0; left: 0;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite { 
position: absolute; top: 7px; left: 7px;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.quantite p.articles { 
display: inline-block; text-align: center; margin: 0; padding: 0; width: 20px; height: 20px; line-height: 16px; 
border: 1px solid #ff0000; -webkit-border-radius: 10px; -moz-border-radius: 12px; border-radius: 12px; background: #ff0000;
}
div#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: 40px; font-size: 0.9rem; font-weight: normal;
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
background: url('../images/fdPanier.svg') center left no-repeat;
background-size: 40%; 
padding-left: 2.5rem;
color: #000087;
display: block;
height: 40px;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche { 
flex: none;
width: 340px;
flex-grow: 1;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p { 
height: 40px;
line-height: 40px;
background-color: #ffffff;
text-align: center;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p button { 
border: 1px #9a9a9a solid;
width: 40px;
height: 40px;
line-height: 40px;
background: url(../images/fdRecherche.svg) center center no-repeat;
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 { 
border: 1px #9a9a9a solid;
border-right: 0px;
line-height: 40px;
height: 40px;
width: 300px;
color: #9a9a9a;
font-size: 0.8em;
padding: 0; padding-left: 10px; padding-right: 10px;
vertical-align: middle;
}
div.listeSousPublication { 
margin-top: 20px;
}
ul { 
list-style: none;
margin:0;
padding:0;
}
@media screen and (min-width: 576px) {

.anniversaire-clients div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul.menuNonDeroulant > li > ul {
grid-template-columns: repeat(3,1fr);
column-gap: 1rem;
}

}

@media screen and (max-width: 1200px) {
div#zoneHaut {
padding: 0;
}
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#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;
}



}

@media screen and (max-width: 768px) {

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#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.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(3, 1fr);
}
div#zoneCentre div.IndeXysPortletFilAriane {
margin-left: 0; 
}
div#zoneCentre div.IndeXysPortletPublication {
margin-left: 0; 
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeTribunesDynamiques {
grid-template-columns: repeat(2, 1fr);
}
div#zoneCentre.aide {
display: block; 
}
div#zoneCentre.aide div.IndeXysPortletRubriquePublication {
margin-left: 0; 
}
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 span {
display: none
}
div#zoneHaut div#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a {
background-size: auto; 
}

div#zoneHaut div#compteAide.IndeXysPortletNavigationRubrique ul li a span.out {
display: none;
}
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#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a {
background-size: auto; 
}
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#panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a {
background-size: auto; 
}
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#zoneGauche {
justify-content: center;
position: relative
}
div#zoneGauche div#maison {
margin-left: 20px; margin-right: 20px;
}
div#zoneGauche div#nouveautes {
margin-left: 20px; margin-right: 20px;
}
div#zoneGauche div#promotions {
margin-left: 20px; margin-right: 20px;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication {
width: 100%; 
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li > ul:first-child {
left: 0;
}
div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li {
position: unset;
}


}

@media screen and (max-width: 576px) {

div#zoneGauche div#navRayons1.IndeXysPortletNavigationPublication div.menuDeroulant > ul > li {
line-height: 30px; 
}
div#zoneHaut div#recherche.IndeXysPortletRecherche {
width: 160px;
}
div#zoneHaut div#recherche.IndeXysPortletRecherche div.rechercheGenerale form p input {
width: 120px;
}
div#zoneCentre div#diaporama.IndeXysPortletUrl div.diaporama div.container div.slide div.layer {
left: 50px; width: 60%; 
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeSelectionFavoriPublication div.selectionFavoriPublication div.listeFavoriPublication {
grid-template-columns: repeat(2, 1fr);
}
div#zoneDroite {
display: none; 
}
div#conteneur.IndeXysCommerceRayon div#zoneCentre {
margin-left: 0%;
}
div#zoneHaut div#logo.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a {
padding-left: 60px;
}

}
body#rubrique div#zoneCentre div.IndeXysPortletRubriquePublication div.information.IndeXysCommerceArticle.liste div.commande p.ajouter a { 
display: none;
}
body#rubrique div#zoneCentre div.IndeXysPortletRubriquePublication div.information.IndeXysCommerceArticle.liste div.commande p.ajouter button { 
display: none;
}
div#conteneur div#zoneCentre.IndeXysCommerceArticle div.detailPublication div.information.detail div.texte h1 { 
display: block;
font-size: 2rem;
/*text-transform: lowercase;*/
margin-bottom: 20px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet ul { 
margin-left: 70px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane div.contenuPortlet ul.listeJusquePublication li:last-child { 
display: none;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
display: flex; flex-direction: column;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste { 
width: 100%; height: auto; border: 0; margin-left: 0;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte p { 
display: none;
}
div#conteneur.IndeXysCommerceRayon div#zoneCentre div.IndeXysPortletPublication div.information.IndeXysCommerceArticle.liste div.commande p.ajouter a { 
display: none;
}
div#conteneur.IndeXysCommerceRayon div#zoneCentre div.IndeXysPortletPublication div.information.IndeXysCommerceArticle.liste div.commande p.ajouter button { 
display: none;
}
div#conteneur.anniversaire-clients div.information.IndeXysCommerceArticle.liste div.commande h2 { 
display: none;
}
div#fancybox-wrap div.information.IndeXysCommerceArticle.detail { 
margin: 20px;
}
div#fancybox-wrap div.information.IndeXysCommerceArticle.detail div.personnalisation div.saisie label { 
font-weight: bold;
}
div#fancybox-wrap div.information.IndeXysCommerceArticle.detail div.personnalisation div.saisie textarea { 
width: 100%; height: 5rem;
}
div#fancybox-wrap div.information.IndeXysCommerceArticle.detail p.ajouter { 
text-align: center;
}
div#fancybox-wrap div.information.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.information.IndeXysCommerceArticle.detail p.ajouter span.prix { 
display: none;
}
div#fancybox-wrap div.information.IndeXysCommerceArticle.detail p.ajouter span.quantity { 
display: none;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.information.IndeXysCommerceArticle.liste div.commande p.ajouter button { 
display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.IndeXysCommerceArticle.liste div.commande h2 { 
display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.IndeXysCommerceArticle.liste div.commande p.nouveauteSousPublication { 
display: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.information.IndeXysCommerceArticle.liste div.commande h2 { 
display: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.information.IndeXysCommerceArticle.liste div.commande p.ajouter a { 
display: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.information.IndeXysCommerceArticle.liste div.commande p.ajouter button { 
display: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.IndeXysCommerceArticle.liste div.commande h2 { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande h2 { 
text-align: center;
width: 90%;
margin: 0;
font-size: 1rem;
/*flex-grow: 0;
flex-basis: 100%;*/
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande h2 a { 
color: #000;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.image { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte h2 { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form { 
width: 100%
}
div.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.presentation p { 
margin: 0; margin-top: 10px; padding: 0;
}
div.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie { 
width: 50%;
background-color: #ffffff;
border: 2px solid #027180;
margin: 15px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form div.personnalisation div.saisie p { 
margin: 0; padding: 0; 
position: relative;
height: 100%; min-height: 285px;
}
div.detailPublication div.information.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.detailPublication div.information.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.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input button { 
display: block;
background-color: #ff6500;
padding-left: 30px; padding-right: 30px;
font-weight; bold; color: white; font-size: 1rem; 
height: 50px;
text-align: center;
line-height: 50px;
border: none;
cursor: pointer;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input button:hover { 
text-decoration: underline;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.alerte-expedition { 
line-height: 50px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.alerte-expedition span.prefix { 
margin-right: 5px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.codeArticle { 
line-height: 50px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input p.codeArticle span { 
margin-right: 5px;
}
div.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.prix { 
display: flex;
align-items: center;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.prix span.amount { 
margin-right: 5px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity { 
display: flex;
align-items: center;
}
div.detailPublication div.information.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: 30px;
margin-left: 10px; margin-right: 10px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity label { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form p.ajouter.input span.quantity span.unit { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif form ul { 
margin-top: 15px;
margin-left: 30px;
margin-bottom: 30px;
list-style-type: disc;
columns: 2;
}
div.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.codeArticle { 
line-height: 50px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.codeArticle span { 
margin-right: 5px
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.stock { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.commande span.lien-demande-devis { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.image div.zoom { 
margin-bottom: 20px;
position: relative;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.image div.zoom a img { 
display: block; margin: 5px; padding: 5px; border: 1px solid #9a9a9a;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.image div.zoom a:hover img { 
border-color: #000087;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.image div.zoom p.coupDeCoeur { 
position: absolute;
top: 1rem;
left: 1rem;
display: block;
margin: 0;
width: 3rem;
height: 2.7rem;
background-image: url(/data/IndeXysTribuneDynamique/3d4a4c16-c509-4f01-a8da-f77195c3a2a4/sustainability_blue_rse.svg);
background-size: 100%;
background-repeat: no-repeat;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.image div.zoom p.coupDeCoeur span { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services { 
margin-top: 2rem; margin-left: 405px;
display: grid; 
grid-template-columns: repeat(3, 1fr);
column-gap: 2rem; row-gap: 1rem;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune { 
/* display: flex; flex-wrap: wrap; */
}
div.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image a { 
display: inline-block;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image a img { 
border: 0;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.image img { 
display: inline-block; width: 70px; height: auto; object-fit: contain;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.lien { 
display: none;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.texte { 
margin: 0; margin-top: 0.5rem; /* margin-left: 0; width: 100%; */
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.texte p { 
margin: 0; margin-top: 0.5rem; padding: 0; font-size: 1rem; text-align: center;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.titre { 
margin-top: 0.5rem; /* width: calc(100% - 100px); */
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.titre h3 { 
line-height: 1.5rem;
margin: 0;
padding: 0;
font-size: 1rem;
text-align: center;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.services div.information.IndeXysTribuneDynamique.tribune div.titre h3 a { 
color: #000000
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.texte { 
margin-left: 405px;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.texte p { 
color: #6e6e6e;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.texte p.codeArticle span.libelle:after { 
content: " ";
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.texte p.contact a { 
font-weight: bold;
border: 2px #000087 solid;
padding: 10px 30px;
color: #000087;
margin-top: 10px;
}
div.detailPublication div.information.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.detailPublication div.information.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.detailPublication div.information.IndeXysCommerceArticle.detail div.texte p.stock { 
font-weight: bold;
color: #000000;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.texte p.stock span.libelle { 
font-size: 0;
}
div.detailPublication div.information.IndeXysCommerceArticle.detail div.texte p.stock span.libelle:after { 
content: "En stock : "; font-size: 1rem;
}
div.detailPublication div.information.detail div.commande { 
clear: both;
}
div.detailPublication div.information.detail div.commande div.tarif { 
background-color: #e5f1f2;
display: flex;
justify-content: space-around;
align-items: center;
flex-shrink: 0;
}
div.detailPublication div.information.detail div.commande div.tarif form div.personnalisation { 
display: flex;
background-color: #ffffff;
}
div.detailPublication div.information.detail div.commande div.tarif form p { 
display: flex;
justify-content: space-around;
margin: 0;
}
div.detailPublication div.information.detail div.commande div.tarif form p.ajouter { 
flex-wrap: wrap;

}
div.detailPublication div.information.detail div.commande div.tarif form p.ajouter p.alerte-expedition { 
display: flex; flex-direction: column; width: 100%;
}
div.detailPublication div.information.detail div.commande div.tarif p.disponible { 
display: none;
}
div.detailPublication div.information.detail div.commande div.tarif p.non-disponible { 
text-align: center;
font-weight: bold;
color: red;
}
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.image { 
float: left;
display: flex;
flex-direction: column-reverse;
align-items: center;
width: 400px;
}
div.detailPublication div.information.detail div.image div.galerie { 
display: flex;
flex-direction: row-reverse;
margin-bottom: 20px;
}
div.detailPublication div.information.detail div.image div.galerie div#survol { 
border: 1px #9a9a9a solid;
display: flex;
align-items: center;
}
div.detailPublication div.information.detail div.image div.galerie div.vignettes { 
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-right: 5px;
}
div.detailPublication div.information.detail div.image div.galerie div.vignettes a { 
display: flex; width: 75px; height: 75px; 
margin-bottom: 5px;
justify-content: center;
cursor: pointer; 
border: 1px #9a9a9a solid;
}
div.detailPublication div.information.detail div.image div.galerie div.vignettes a img { 
height: auto; max-height: 73px; 
width: auto; max-width: 73px;
}
div.detailPublication div.information.detail div.image div.galerie div.vignettes a:hover { 
border-color: #000087;
}
div.detailPublication div.information.detail div.image div.galerie div.vignettes a:last-child { 
margin-bottom: 0px;
}
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.detailPublication div.information.detail div.texte h1 { 
/*text-transform: lowercase;*/
}
div.detailPublication div.information.detail div.texte h1:first-letter { 
text-transform: uppercase;
}
div.information.IndeXysCommerceArticle.liste { 
border: 2px #000087 solid;
width: 100%;
/* height: 415px; */
position: relative;

padding-bottom: 3rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter { 
flex-wrap: wrap;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter p.alerte-expedition { 
display: flex; flex-direction: column; width: 100%;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input { 
text-align: center;
font-size: 0.9rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input a.ajouter span { 

}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input select.listeReference { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { 
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: black;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.stock { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.image { 
min-height: 240px; display: flex; justify-content: center; align-items: center; padding: 10px; margin-top: 1rem; position: relative;
}
div.information.IndeXysCommerceArticle.liste div.image a img { 
max-width: 100%;
height: auto;
}
div.information.IndeXysCommerceArticle.liste div.image p.coupDeCoeur { 
position: absolute;
top: 1rem;
left: 1rem;
display: block;
margin: 0;
width: 3rem;
height: 2.7rem;
background-image: url(/data/IndeXysTribuneDynamique/3d4a4c16-c509-4f01-a8da-f77195c3a2a4/sustainability_blue_rse.svg);
background-size: 100%;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.liste div.image p.coupDeCoeur span { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.texte { 
min-height: 4rem;
}
div.information.IndeXysCommerceArticle.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.IndeXysCommerceArticle.liste div.texte h2 a { 
color: #000000;
}
div.information.IndeXysCommerceArticle.liste div.texte h2:first-letter { 
text-transform: uppercase;
}
div.information.IndeXysCommerceArticle.liste div.texte p.codeArticle { 
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-color: #000087;
position: absolute; bottom: 0; left: 0; width: 100%;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a { 
color: #fff;
}
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;
z-index: 2;
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 div.image p.coupDeCoeur { 
position: absolute;
top: 2rem;
left: 1rem;
display: block;
margin: 0;
width: 3rem;
height: 2.7rem;
background-image: url(/data/IndeXysTribuneDynamique/3d4a4c16-c509-4f01-a8da-f77195c3a2a4/sustainability_blue_rse.svg);
background-size: 100%;
background-repeat: no-repeat;
}
div.information.IndeXysCommerceArticle.tribune div.image p.coupDeCoeur span { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune p.disponible { 
display: none;
}
div.information.IndeXysCommerceArticle.tribune p.non-disponible { 
text-align: center;
color: black;
margin-top: 5px;
}
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.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 { 
margin-bottom: 1rem;
	padding-bottom: 0;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande { 
display: flex;
background-color: #e5f1f2;
justify-content: space-around;
align-items: center;
padding: 0 2rem;
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter.input a.ajouter { 
display: inline-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 div.tarif form p.ajouter.input span.quantity { 
/* display: inline-block; */
}
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.nouveaute { 
background-color: #027180;
color: #ffffff;
height: 50px;
margin: 0; padding: 0 30px;
width: auto; 
display: flex; 
align-items: center;
font-size: 1rem;
position: relative;
line-height: 2rem;
text-align: center;
}
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;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste p.codeArticle span.libelle:after { 
content: " "
}
div.listeSousPublication div.information.IndeXysCommerceArticle.liste p.nouveaute { 
display: none;
}
@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.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte h2 a {
position: initial;
top: intial;
transform: initial;
}


}

@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.detail div.commande div.tarif form p {
flex-wrap: wrap;
}
div.detailPublication div.information.detail div.commande div.tarif form div.personnalisation {
flex-direction: column;
align-items: center;
}
div.detailPublication div.information.detail div.image {
width: 99%;
}
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.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.services {
margin-left: 0; 
}


}

@media screen and (max-width: 576px) {
div#conteneur.IndeXysCommerceArticle div.detailPublication div.information.detail div.texte {
margin-left: 0; 
}

}
