:root { 
--default-font-family: Roboto, Arial, Sans-serif;
--default-font-size: 16px; 
--main-color: #ff5100; /* 255,81,0 */
--main-text-color: #7A7A7A;
--main-background-color: #efefef;
--footer-background-color: #fff;
--search-color: #999; 
--basket-color: #00ad21;
--account-color: #ff5100;
--validate-color: #ff5100;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0; padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a { 
color: var(--main-color); text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps { 
display: block; list-style-type: none; text-align: center; margin: 0; padding: 0; padding-top: 86px; padding-bottom: 10px; background: url(../images/fdEtapes.png) center left repeat-x;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li { 
display: inline; font-weight: bold; font-size: 12px; color: #999999; margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a { 
color: #666666; height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a.on { 
color: var(--main-color); font-size: 13px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li span.in { 
margin: 0px; padding: 0px; padding-left: 25px; padding-right: 25px; padding-top: 81px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.coordinates a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,81,0)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.coordinates span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(122,122,122)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.identification a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(0,173,33)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.identification span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(122,122,122)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.invoices a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(255,81,0)"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.invoices span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(122,122,122)"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.orders a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,81,0)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.orders span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(122,122,122)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button { 
margin-left: 0.5em; border: 1px solid var(--main-text-color); background-color: var(--main-text-color); color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button { 
margin-left: 0.5em; border: 1px solid var(--main-text-color); background-color: var(--main-text-color); color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0; border-top: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire { 
color: var(--main-color);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire:after { 
content: " * ";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.left { 
width: 10em; float: left; position: relative; top: 0.2em; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: var(--main-text-color); text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h3 { 
margin: 0px; margin-top: 20px; padding: 0px; font-weight: bold; font-size: 13px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h4 { 
margin: 0px; margin-top: 2em; padding: 0px; font-weight: bold; font-size: 15px; color: var(--main-text-color); text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p { 
margin: 0px; margin-top: 10px; font-size: 12px; color: var(--main-text-color);
}
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 var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.sauvegarde label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 160px; text-align: center; line-height: 25px; height: 25px; background: var(--validate-color); color: #ffffff; border: 1px solid var(--validate-color); text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 160px; text-align: center; line-height: 25px; height: 25px; background: var(--validate-color); color: #ffffff; border: 1px solid var(--validate-color); text-transform: uppercase; font-size: 11px;
}
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; border-collapse: collapse; width: 99%; border: 1px solid #637683;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td { 
background-color: #ffffff; color: #666666; border: 1px solid var(--main-text-color); font-size: 12px; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a { 
color: #003e69;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a:hover { 
color: #81197f;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tfoot tr td { 
background-color: #ffffff; color: #666666; border: 1px solid #9c9c9c; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table thead tr th { 
background-color: var(--main-text-color); 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: var(--main-color); 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 #6F625D; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.share { 
margin: 0px; margin-top: 10px; padding: 10px; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.share p.header { 
margin: 0px; margin-bottom: 10px; padding: 0px; padding-bottom: 5px; padding-left: 20px; font-size: 13px; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #6F625D;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements { 
background-color: #ffffff; margin: 0px; padding: 10px; border: 1px solid var(--main-text-color); -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: var(--main-color);
}
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.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 var(--main-text-color); -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: var(--main-color); text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p.price { 
margin: 0px; margin-top: 5px; margin-left: 25px; margin-right: 25px; padding: 5px; background-color: #edf2c0; border: 1px solid #cac4bc; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 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: #666666; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 a:hover { 
color: var(--main-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a img { 
margin: 0px; margin-top: 10px; padding: 0px; width: 115px; height: 115px; text-decoration: none; border: 1px solid #655057;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a:hover img { 
border: 1px solid #cdd521;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order a { 
display: block; background: url(../images/btJeCommande.png) center center no-repeat; height: 16px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment button { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; padding-left: 12px; padding-right: 12px; border: 1px solid #3e7c88; color: #3e7c88; cursor: pointer; font-size: 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: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 18px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.amount { 
border: 0px; font-weight: bold; font-size: 18px; text-align: left; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 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;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems { 
!height: 1%; margin: 0px; margin-left: 20px; margin-right: auto; padding: 0px; padding-top: 10px; padding-bottom: 10px; float: left; width: 430px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item { 
margin: 0px; margin-top: 20px; margin-right: 20px; padding: 0px; width: 97px; height: 197px; display: block; float: left; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p { 
text-align: center; color: #797979;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p span { 
font-weight: bold; color: #c4d42d; display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 12px; font-weight: bold; background: none; border: 0px; border: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title { 
text-align: center; color: var(--main-text-color); border: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a { 
color: #797979; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a:hover { 
color: #c2212c; text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a img { 
margin: 0px; padding: 0px; width: 95px; height: 95px; text-decoration: none; border: 1px solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a:hover img { 
border: 1px solid #c2212c;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.order { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping { 
margin: 0px; margin-top: 20px; padding: 0px; /* width: 45%; float: left; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button span:after { 
content: " vos achats";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping form { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center;
}
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: var(--main-text-color); color: #ffffff; border: 1px solid var(--main-text-color); 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.adressePanier div.adresseFacturation fieldset.adresseFacturation p.raisonSocialeEntreprise:after { 
display: block; content: "(pensez à ajouter la mention 'POIVRE ROUGE' pour garantir une bonne livraison de votre commande)"; color: var(--main-color); font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.login { 
border: 1px solid var(--main-text-color); 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 #637683; margin: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; position: relative; top: 0px; left: 0px; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset { 
/* position: relative; top: 0px; left: 0px; margin: 0px; margin-top: 60px; margin-left: auto; margin-right: auto; padding: 10px; border: 1px solid #6F625D; background-color: #ffffff; width: 470px; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset label.left { 
display: block; margin: 0px; padding: 0px; width: 160px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset legend { 
/* margin: 0px; margin-bottom: 10px; padding: 0px; padding-top: 20px; padding-bottom: 10px; font-weight: bold; border: 0px; border-bottom: 1px solid #c4d42d; display: block; position: absolute; left: -110px; top: -60px; width: 710px; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.select { 
/* margin: 0px; margin-top: 10px; padding: 0px; text-align: right; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.download-pdf p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.holidays { 
margin: 0px; margin-left: auto; margin-right: 0px; padding: 0px; padding: 0px; padding-top: 30px; padding-bottom: 10px; width: 360px; position: relative; top: 0px; left: 0px; height: 145px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.holidays img { 
margin: 0px; padding: 0px; position: absolute; top: 10px; left: -27px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
!height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.orderForm { 
margin: 0px; margin-top: 20px; padding: 0px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check h3 { 
display: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 18px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.amount { 
border: 0px; font-weight: bold; font-size: 18px; text-align: left; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 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;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul { 
margin-top: 5px; padding-left: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li { 
margin: 0px; margin-top: 5px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li a { 
*/ color: #515151; text-decoration: none; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li a:hover { 
/* color: #c2212c; text-decoration: underline; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert h3 { 
display: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 18px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.amount { 
border: 0px; font-weight: bold; font-size: 18px; text-align: left; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 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;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/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: #c2212c;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode { 
margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode input { 
margin: 0px; margin-left: 5px; padding: 0px; width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 10px; border: 1px solid #9c9c9c; background-color: #ffffff; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation h4 { 
margin: 0px; padding: 0px; border: 0px; display: block; position: absolute; left: -40px; top: -30px; width: 710px; font-size: 13px; font-weight: bold; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket { 
padding: 20px; padding-bottom: 0; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address { 
margin: 0px; margin-top: 5px; padding: 5px; border: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p { 
margin: 0px; padding: 0px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p.fullname { 
font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address { 
margin: 0px; margin-top: 5px; padding: 5px; border: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p { 
margin: 0px; padding: 0px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p.fullname { 
font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message textarea { 
margin: 0; margin-top: 5px; padding: 0; width: 100%; border: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment { 
margin: 0px; margin-left: 20px; margin-right: 20px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment a { 
/* color: var(--main-text-color); */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment a:hover { 
/* color: var(--main-color); */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment img { 
margin: 2px; margin-right: 4px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.personneFacturation { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 10px; border: 1px solid #9c9c9c; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.personneFacturation h4 { 
margin: 0px; padding: 0px; border: 0px; display: block; position: absolute; left: -40px; top: -30px; width: 710px; font-size: 13px; font-weight: bold; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.table { 
border: 20px; solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif p.select { 
/* margin: 0px; margin-top: 25px; padding: 0px; text-align: center; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order h4 { 
padding-left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping { 
margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;  text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery:after { 
display: block; padding-top: 5px; font-size: 0.8em; color: var(--main-text-color); content: "(pour les livraisons hors de la France, nous contacter au 02 37 30 20 40)";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.sinscrire p a { 
color: var(--main-color); font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder h4 { 
padding-left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation { 
margin-top: 15px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 260px; text-align: center; line-height: 25px; height: 25px; background: var(--main-text-color); color: #ffffff; border: 1px solid var(--main-text-color); text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button:hover { 
background: none; border: 1px solid var(--main-text-color); color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder { 
margin: 0px; /* margin-left: 50%; */ margin-top: 20px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: var(--basket-color); color: #ffffff; border: 1px solid var(--basket-color); text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button span:after { 
content: " votre commande";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder div.adressePanier label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder label.left { 
margin: 0px; padding: 0px; width: 90px; float: left; position: relative; top: 7px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape { 
display: block; list-style-type: none; text-align: center; margin: 0; padding: 0; padding-top: 86px; padding-bottom: 10px; /* background: url(../images/fdEtapes.png) center left repeat-x; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li { 
display: inline; font-size: 0.8rem; color: var(--main-text-color); margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a { 
color: var(--main-color); height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a.on { 
color: var(--basket-color); font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in { 
margin: 0px; padding: 0px; padding-left: 25px; padding-right: 25px; padding-top: 81px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande a span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,81,0)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(0,173,33)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,255,255)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: top center; background-repeat: no-repeat; background-size: 1.5rem 1.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees a span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,81,0)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(0,173,33)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(122,122,122)" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition a span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g stroke="rgb(255,81,0)">  <path fill-rule="evenodd" d="M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.004-.001.274-.11a.75.75 0 0 1 .558 0l.274.11.004.001 6.971 2.789Zm-1.374.527L8 5.962 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g stroke="rgb(0,173,33)">  <path fill-rule="evenodd" d="M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.004-.001.274-.11a.75.75 0 0 1 .558 0l.274.11.004.001 6.971 2.789Zm-1.374.527L8 5.962 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g stroke="rgb(122,122,122)">  <path fill-rule="evenodd" d="M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.004-.001.274-.11a.75.75 0 0 1 .558 0l.274.11.004.001 6.971 2.789Zm-1.374.527L8 5.962 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 3rem 3rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement a span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(255,81,0)"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5H0V4zm11.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zM0 11v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1H0z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(0,173,33)"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5H0V4zm11.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zM0 11v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1H0z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(122,122,122)"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5H0V4zm11.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zM0 11v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1H0z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif a span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(255,81,0)"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif a.on span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(0,173,33)"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif span.in { 
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(122,122,122)"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 2.5rem 2.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0; border-top: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire { 
color: var(--main-color);
}
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: bold; color: var(--main-text-color); text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient p.reference { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h3 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h4 { 
margin: 0px; margin-top: 20px; padding: 0px; font-weight: bold; font-size: 13px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande hr { 
margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; color: #6F625D; background-color: #6F625D; border: 0px; height: 1px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande li { 
margin: 0px; margin-top: 5px; font-size: 12px; color: #637683;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p { 
margin: 0px; margin-top: 10px; font-size: 12px; color: var(--main-text-color);
}
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 var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.identifiant input { 
width: 220px; border: 1px solid #9c9c9c; padding: 5px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.motDePasse input { 
width: 220px; border: 1px solid #9c9c9c; padding: 5px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation { 
margin: 0px; margin-top: 10px; padding: 0px; padding-top: 5px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: #73b450; color: #ffffff; border: 1px solid #73b450; text-transform: uppercase; font-size: 11px;
}
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: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: var(--basket-color); color: #ffffff; border: 1px solid var(--basket-color); text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: var(--basket-color); color: #ffffff; border: 1px solid var(--basket-color); text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table { 
margin: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0px; border-collapse: collapse; width: 99%; border: 1px solid #637683;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table span.gratis { 
text-transform: uppercase; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td { 
background-color: #ffffff; color: #666666; border: 1px solid var(--main-text-color); font-size: 12px; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td a { 
color: #003e69;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td a:hover { 
color: #81197f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.amount input { 
width: 60px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; width: 30px; height: 30px; border: 0; background-color: transparent; cursor: pointer; font-size: 0; 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(153,153,153)"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/></g></svg>'); background-position: center center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire { 
text-align: right; padding: 0px; padding-right: 15px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleTarifEnlever { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleTarifEnlever input { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; padding-left: 24px; padding-right: 0px; height: 30px; border: 1px solid #666666; color: #666666; cursor: pointer; font-size: 1px; text-transform: uppercase; background-color: #666666; background-image: url(../images/fdBoutonEnlever.png); background-position: left center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
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: #ffffff; color: #666666; border: 1px solid #9c9c9c; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.amount { 
text-align: right; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.designation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalDesignation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalHt td { 
background-color: #efefef; color: #666666; border: 1px solid var(--main-text-color); font-size: 13px; font-weight: bold; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td { 
background-color: var(--main-text-color); color: #ffffff; border: 1px solid var(--main-text-color); font-size: 13px; font-weight: bold; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTva td { 
color: #666666; font-weight: bold; font-size: 11px; border: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th { 
background-color: var(--main-text-color); 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;
}
body { 
font-family: var(--default-font-family); font-size: var(--default-font-size);
}
body#rubrique.accueil-viseeon div#zoneCentre div.IndeXysPortletFilAriane { 
display: none;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
margin: 0; margin-top: 20px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste { 
borde:r 0; border-top: 1px solid var(--main-text-color);
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande { 
display: inline-block; vertical-align: middle; width: 48%; margin: 0px; margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande p.ajouter button { 
display: inline-block; vertical-align: middle; width: 20%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 5px; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande p.ajouter span.prix { 
display: inline-block; vertical-align: middle; width: 36%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande p.ajouter span.quantity { 
display: inline-block; vertical-align: middle; width: 36%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte { 
display: inline-block; vertical-align: middle; width: 48%; margin: 0px; margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte h2 { 
display: inline-block; vertical-align: middle; width: 57%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1; font-size: 1em;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte p.codeArticle { 
display: inline-block; vertical-align: middle; width: 37%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication { 
margin: 0; margin-left: 20%; margin-right: 20%; padding: 0;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.bx-viewport { 
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #999999; padding: 1em;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.commande { 
margin-left: 50%;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.commande div.tarif button { 
display: none;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.commande div.tarif span.prix { 
font-size: 1.5em;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.commande div.tarif span.quantity { 
display: none;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.image { 
display: block; float: left; width: 45%; text-align: right;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.image img { 
margin-left: auto; border: 0;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste div.texte { 
margin-top: 0.5em; margin-left: 50%;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste p.enSavoirPlus { 
display: block; margin-left: 50%;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste p.enSavoirPlus a { 
display: block; margin: 0; margin-left: 20%; margin-right: 20%; padding: 0.5em; text-transform: uppercase; text-decoration: none; border: 1px solid #999999; color: var(--main-text-color);
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste p.enSavoirPlus a span { 
display: none;
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste p.enSavoirPlus a:after { 
content: "détail";
}
div#diaporamaAccueil.IndeXysPortletTribuneSelectionFavoriPublication div.information.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
div#header { 
background: url(../images/fdHeader.jpg) top center no-repeat;
}
div#zoneBas { 
clear: both; margin-top: 20px; background-color: var(--footer-background-color);
}
div#zoneBas div.IndeXysPortletPiedDePage p { 
margin: 0; padding: 1rem; color: var(--main-text-color);
}
div#zoneBas div.IndeXysPortletPiedDePage p a { 
color: inherit; text-decoration: none;
}
div#zoneBas div.IndeXysPortletPiedDePage p a:hover { 
text-decoration: underline;
}
div#zoneCentre { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 100%; max-width: 1300px; position: relative; top: 0px; left: 0px; clear: both;
}
div#zoneCentre div.EurodorCadeauxAffairesPortletAlerte div.alerteDelaiExpedition p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: var(--main-color); font-weight: bold;
}
div#zoneCentre div.IndeXysPortletFilAriane p { 
color: var(--main-text-color); font-weight: bold; font-size: 0.8em;
}
div#zoneCentre div.IndeXysPortletFilAriane p a { 
color: #999999; font-weight: normal; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletFilAriane p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste { 
display: inline-block; vertical-align: top; width: 18%; margin: 0px; margin-top: 2em; margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#zoneCentre div.IndeXysPortletPublication div.titreRubrique h2 { 
margin: 0; padding: 0.5em; font-size: 1.5em; font-weight: bold; color: var(--main-text-color); text-align: left; display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication { 
!height: 1%;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle { 
display: block; margin: 0; margin-right: 20px; float: left;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle a { 
display: block; padding: 5px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.off a { 
text-decoration: none; font-weight: normal; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.off a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.on a { 
text-decoration: none; font-weight: bold; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRecherche div.rechercheGenerale p { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 480px; max-width: 80%; text-align: right; border: 1px solid #999999;
}
div#zoneCentre div.IndeXysPortletRecherche div.rechercheGenerale p button { 
margin: 0; padding: 0; border: 0; height: 40px; width: 40px; background-color: var(--search-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></g></svg>'); background-position: center center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysPortletRecherche div.rechercheGenerale p button span { 
display: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.rechercheGenerale p input { 
margin: 0; padding: 0; width: 80%; border: 0px; display: inline; height: 40px; vertical-align: bottom; text-align: center;
}
div#zoneCentre div.IndeXysPortletRecherche div.rechercheGenerale p label { 
display: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation { 
padding: 0; padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation h2 { 
margin: 0; margin-top: 1em; padding: 0; line-height: 18px; text-align: left; text-transform: uppercase; font-size: 1em; color: var(--main-text-color); text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation h2 a { 
color: var(--main-text-color); text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats div.listeInformation h2 a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie p { 
margin: 0; padding: 0.5em; text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie p a img { 
margin: 0.5em; padding: 0; border: 1px solid #999999;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie p a:hover img { 
border: 1px solid #ff1821;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form { 
padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button { 
margin: 0; padding: 0.5em; color: #ffffff; background-color: var(--main-text-color); border: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button:hover { 
cursor: pointer; text-decoration: underline; background-color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0; border-top: 1px solid var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label { 
font-weight: normal; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.champObligatoire { 
font-weight: bold; color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.champObligatoire:after { 
content: " *";
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.left { 
width: 14em; float: left; position: relative; top: 0.2em; left: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: var(--main-text-color); text-transform: uppercase;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset textarea.fullWidth { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 99%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.5em; font-weight: bold; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h3 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.2em; font-weight: bold; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique iframe { 
overflow: hidden;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { 
color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a img { 
margin: 0.5em; padding: 0.5em; border: 1px solid #999999;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a:hover img { 
border-color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul { 
margin: 0; margin-top: 0.5em; padding: 0; padding-left: 2em;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li { 
margin: 0; margin-top: 0.25em; font-size: 0.9em; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li a { 
color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste { 
display: inline-block; vertical-align: top; width: 18%; margin: 0px; margin-top: 2em; margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
margin: 0; padding: 0.5rem; font-size: 2rem; font-weight: bold; color: var(--main-text-color); text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle { 
display: inline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle a { 
margin-left: 10px; margin-right: 10px; color: var(--main-text-color); text-decoration: none;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.cle a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.on a { 
color: var(--main-text-color); font-weight: bold;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.triPublication div.on a:hover { 
text-decoration: none;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique { 
margin: 0; padding: 0; padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique p a { 
color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique p a img { 
margin: 0.5em; padding: 0.5em; border: 1px solid #999999;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique p a:hover img { 
border-color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique ul { 
margin: 0; margin-top: 0.5em; padding: 0; padding-left: 2em;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique ul li { 
margin: 0; margin-top: 0.25em; font-size: 0.9em; color: var(--main-text-color);
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique ul li a { 
color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.contenuRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.liste { 
display: inline-block; vertical-align: top; width: 18%; margin: 0px; margin-top: 2em; margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#zoneCentre div.IndeXysPortletUtils p { 
color: var(--main-text-color); font-weight: bold; font-size: 0.8em; text-align: center;
}
div#zoneCentre div.IndeXysPortletUtils p a { 
display: block; margin: 0; padding: 5px; color: var(--main-text-color); font-weight: normal; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletUtils p a:hover { 
text-decoration: underline;
}
div#zoneHaut { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 100%; max-width: 1300px; position: relative; top: 0px; left: 0px;
}
div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication { 
margin: 0; margin-right: 3rem; padding: 0; border: 0; height: 3rem;
}
div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication ul li { 
display: inline-block; margin: 0; padding: 0; width: 8.3%; font-size: 0.75rem;
}
div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication ul li a { 
display: flex; align-items: center; justify-content: center; height: 3rem; text-align: center; 

margin: 0; padding: 0; border: 0; border-right: 2px solid #ffffff; text-transform: uppercase; color: var(--main-text-color); text-decoration: none;
}
div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication ul li a.on { 
color: #fff; background-color: var(--main-color);
}
div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication ul li a:hover { 
color: #fff; background-color: var(--main-color);
}
div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication { 
margin: 0; padding: 0; border: 0; background: var(--main-background-color); border-top: 2px solid var(--main-color); height: 3rem;
}
div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication ul { 
margin: 0; padding: 0; !height: 1%; list-style-type: none; height: 43px;
}
div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication ul li { 
display: block; margin: 0; padding: 0; width: 8.3%; height: 43px; float: left; font-size: 0.7em;
}
div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication ul li a { 
display: flex; align-items: center; justify-content: center; height: 3rem; text-align: center; 

margin: 0; padding: 0; border: 0; border-right: 2px solid #ffffff; text-transform: uppercase; color: var(--main-text-color); text-decoration: none;
}
div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication ul li a.on { 
color: #fff; background-color: var(--main-color);
}
div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication ul li a:hover { 
color: #fff; background-color: var(--main-color);
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication { 
display: none; margin: 0; padding: 0; background-color: #999999;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication div.buttonMenuDeroulantSurClic { 
margin: 0; padding: 0; padding-left: 100px; padding-right: 100px; text-align: center; height: 30px; line-height: 30px;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication div.buttonMenuDeroulantSurClic a { 
color: #ffffff; text-decoration: none; line-height: 30px; height: 30px; padding-left: 32px; 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/></g></svg>'); background-position: center left; background-repeat: no-repeat;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication div.buttonMenuDeroulantSurClic a:hover { 
text-decoration: underline;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication nav { 
position: relative; top: 0; left: 0; z-index: 110;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication nav ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication nav ul li a { 
display: block; margin: 0; padding: 0; line-height: 25px; text-align: center; color: #ffffff; text-decoration: none; border: 0; border-top: 1px solid #ffffff;
}
div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication nav ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique { 
display: none; margin: 0; padding: 0; padding-left: 30px; height: 30px; float: left; 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></g></svg>'); background-position: center left; background-repeat: no-repeat; background-size: 1.5rem 1.5rem;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique div.buttonMenuDeroulantSurClic { 
margin: 0; padding: 0; text-align: center; height: 30px; line-height: 30px;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique div.buttonMenuDeroulantSurClic a { 
color: #ffffff; text-decoration: none;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique div.buttonMenuDeroulantSurClic a:hover { 
text-decoration: underline;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique nav { 
position: absolute; top: 30px; left: 0; background-color: #999999; width: 200px; z-index: 100;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique nav ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique nav ul li a { 
display: block; margin: 0; padding: 0; padding-left: 5px; padding-right: 5px; line-height: 25px; text-align: left; color: #ffffff; text-decoration: none; border: 0; border-top: 1px solid #ffffff;
}
div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique nav ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique { 
margin: 0; padding: 0; height: 30px; float: right;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique { 
display: none;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0; !height: 1%;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul li { 
display: block; margin: 0; padding: 0; width: 30px; height: 30px; float: left;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul li a { 
display: block; width: 30px; height: 30px;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul li a span { 
display: none;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul li.compte-client-viseeon { 
background-color: var(--account-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></g></svg>'); background-position: 3px 5px; background-repeat: no-repeat;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul li.panier-viseeon { 
background-color: var(--basket-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,255,255)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: 5px 5px; background-repeat: no-repeat;
}
div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique ul li.recherche-viseeon { 
background-color: var(--search-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></g></svg>'); background-position: center center; background-repeat: no-repeat;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique { 
margin: 0; padding: 0; padding-left: 140px;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0; !height: 1%; list-style-type: none;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul li { 
margin: 0; margin-right: 10px; padding: 0; width: 120px; height: 30px; text-align: center; line-height: 30px; background-color: #999999; float: left; font-size: 0.9em;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul li a { 
color: #ffffff; text-decoration: none;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul li a span.out { 
display: block; margin: 0; padding: 5px; padding-top: 0; padding-bottom: 0;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul li.promotions { 
background-color: var(--main-color);
}
div#zoneHaut div#recherche.IndeXysPortletNavigationRubrique { 
clear: both; margin: 0; padding: 0; width: 3rem; height: 3rem; float: right; position: relative; z-index: 10; background-color: var(--search-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></g></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 1.5rem 1.5rem;
}
div#zoneHaut div#recherche.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneHaut div#recherche.IndeXysPortletNavigationRubrique ul li a { 
display: inline-block; width: 3rem; height: 3rem;
}
div#zoneHaut div#recherche.IndeXysPortletNavigationRubrique ul li a span { 
display: none;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier { 
position: absolute; top: 75px; right: 0px; margin: 0; padding: 0; padding-bottom: 0.2em; width: 220px; background-color: var(--basket-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill="rgb(255,255,255)" d="M10.5,3.5C10.5,2.1,9.4,1,8,1S5.5,2.1,5.5,3.5V4h5V3.5z M11.5,3.5V4H15v10c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2 V4h3.5V3.5C4.5,1.6,6.1,0,8,0S11.5,1.6,11.5,3.5z"/></svg>'); background-position: 5px 5px; background-repeat: no-repeat;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.contenuPortlet { 
padding: 0; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.montant p { 
margin: 0; margin-top: 0.2em; padding: 0; color: #ffffff; font-size: 0.8em;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p { 
margin: 0; margin-top: 0.2em; padding: 0; color: #ffffff; font-size: 0.8em;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { 
margin: 0; padding: 0; color: #ffffff; font-size: 0.8em; text-transform: uppercase;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
display: block; margin: 0; padding: 0.25rem 0; color: #fff; text-decoration: none;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient { 
position: absolute; top: 0px; right: 0px;  width: 220px; background-color: var(--account-color); 

background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><g fill="rgb(255,255,255)"><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></g></svg>'); background-position: 3px 5px; background-repeat: no-repeat;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.contenuPortlet { 
padding: 0; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 { 
margin: 0; padding: 0; color: var(--main-text-color); font-size: 0.8em; text-transform: uppercase;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a { 
color: #ffffff; text-decoration: none;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient div.titreRubrique h3 a:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient p { 
margin: 0; padding: 0; line-height: 1.5em; font-size: 0.8em; color: #ffffff;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient p a { 
display: block; margin: 0; padding: 5px; color: #ffffff; text-decoration: none;
}
div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient p a:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysPortletEnTete { 
margin: 0; padding: 0; min-height: 120px;
}
div#zoneHaut div.IndeXysPortletEnTete div.contenuPortlet { 
margin: 0; padding: 0; padding-top: 10px;
}
div#zoneHaut div.IndeXysPortletEnTete p { 
margin: 0; padding: 0;
}
div#zoneHaut div.IndeXysPortletEnTete p img { 
border: 0;
}
div#zoneHaut div.IndeXysPortletMonProfil { 
display: none; /* position: absolute; top: 0px; right: 0px;  width: 220px; background-color: var(--main-color); background-image: url(../images/fdMonProfil.png); background-position: 3px 3px; background-repeat: no-repeat; */
}
div#zoneHaut div.IndeXysPortletMonProfil div.contenuPortlet { 
padding: 0; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;
}
div#zoneHaut div.IndeXysPortletMonProfil p { 
margin: 0; padding: 0; line-height: 1.5em; font-size: 0.8em; color: #ffffff;
}
div#zoneHaut div.IndeXysPortletMonProfil p a { 
color: #ffffff; text-decoration: none;
}
div#zoneHaut div.IndeXysPortletMonProfil p a:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysPortletMonProfil p.profil { 
display: none;
}
div.consentement_rgpd { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: var(--main-text-color);
}
div.copyright { 
margin-top: 2rem;
}
form { 
margin: 0; padding: 0;
}
html>body div#zoneCentre div.IndeXysPortletPublication div.triPublication { 
overflow: hidden; height: auto;
}
html>body div#zoneHaut div#catalogue_accueil.IndeXysPortletNavigationPublication ul { 
overflow: hidden; height: auto;
}
html>body div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique ul { 
overflow: hidden; height: auto;
}
html>body div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient { 
min-height: 35px; height: auto;
}
body#publication div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.contenuPortlet div div.information.IndeXysCommerceArticle div.commande div.tarif p span.dateProchaineDisponibilite:before { 
content: ", sera de retour le ";
}
body#rubrique.catalogue div.information.liste div.image a { 
padding-left: 0; background: none;
}
div#fancybox-content div.IndeXysCommerceArticle.detail div.commande { 
margin: 0; padding: 0;
}
div.IndeXysCommerceArticle.detail { 
position: relative; top: 0; left: 0; !height: 320px;
}
div.IndeXysCommerceArticle.detail div.commande { 
margin: 0; margin-left: 330px; padding: 0;
}
div.IndeXysCommerceArticle.detail div.commande div.personnalisation p { 
margin: 0; margin-top: 10px; padding: 0; color: #000000; text-align: center;
}
div.IndeXysCommerceArticle.detail div.commande div.personnalisation p label { 
display: block; margin: 0; padding: 0; font-weight: bold; color: #000000;
}
div.IndeXysCommerceArticle.detail div.commande div.personnalisation p textarea { 
margin: 0; margin-top: 5px; padding: 0; width: 90%;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter { 
text-align: center;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter button { 
margin: 0; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 5px; padding-left: 15px; padding-right: 15px; border: 0; background-color: var(--basket-color); color: #ffffff; cursor: pointer; text-transform: uppercase;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter button span { 
display: none;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter button:after { 
content: "Ajouter au panier";
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter button:hover { 
text-decoration: underline;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter span.prix { 
color: var(--main-color); font-weight: bold;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter span.prix span.unit { 
display: block; font-size: 0.9em; color: #666666; font-weight: normal;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter span.quantity { 
display: block; margin: 0; margin-top: 15px; color: #666666; text-transform: uppercase;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter span.quantity input.quantite { 
margin-left: 5px; width: 40px;
}
div.IndeXysCommerceArticle.detail div.commande p.ajouter span.quantity:after { 
content:" LOT";
}
div.IndeXysCommerceArticle.detail div.commande p.alerte-stock { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: #000000;
}
div.IndeXysCommerceArticle.detail div.commande p.etat { 
display: none; 
}
div.IndeXysCommerceArticle.detail div.image { 
margin: 0; padding: 0; width: 320px; float: left; top: 0; left: 0;
}
div.IndeXysCommerceArticle.detail div.image a img { 
margin: 1px; padding: 3px;
}
div.IndeXysCommerceArticle.detail div.image div.galerie p { 
margin: 0; padding: 0; text-align: center;
}
div.IndeXysCommerceArticle.detail div.image div.galerie p a img { 
margin: 1px; padding: 1px;
}
div.IndeXysCommerceArticle.detail div.image div.galerie p a:hover img { 
border-color: var(--main-color);
}
div.IndeXysCommerceArticle.detail div.image div.zoom { 
text-align: center;
}
div.IndeXysCommerceArticle.detail div.image div.zoom a img { 
margin: 1px; padding: 3px; padding-left: 6px; padding-right: 6px;
}
div.IndeXysCommerceArticle.detail div.image div.zoom a:hover img { 
border-color: var(--main-color);
}
div.IndeXysCommerceArticle.detail div.texte { 
margin: 0; margin-left: 330px; padding: 0;
}
div.IndeXysCommerceArticle.liste div.commande { 
margin: 0; padding: 0;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter { 
text-align: center;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter a { 
margin: 0; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 5px; padding-left: 15px; padding-right: 15px; border: 0; background-color: #389850; color: #ffffff; cursor: pointer; text-transform: uppercase; text-decoration: none;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter a:hover { 
text-decoration: underline;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter button { 
margin: 0; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 5px; padding-left: 15px; padding-right: 15px; border: 0; background-color: var(--basket-color); color: #ffffff; cursor: pointer; text-transform: uppercase;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter button span { 
display: none;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter button:after { 
content: "Ajouter au panier";
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter button:hover { 
text-decoration: underline;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter span.prix { 
color: var(--main-color); font-weight: bold;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter span.prix span.unit { 
display: block; font-size: 0.9em; color: #666666; font-weight: normal;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter span.quantity { 
display: block; margin: 0; margin-top: 15px; color: #666666; text-transform: uppercase;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter span.quantity input.quantite { 
margin-left: 5px; width: 40px;
}
div.IndeXysCommerceArticle.liste div.commande p.ajouter span.quantity:after { 
content:" LOT";
}
div.IndeXysCommerceArticle.liste div.commande p.alerte-stock { 
display: none;
}
div.IndeXysCommerceArticle.liste div.commande p.etat { 
display: none;
}
div.IndeXysCommerceArticle.liste p.enSavoirPlus { 
display: none;
}
div.IndeXysPortletPublication div.demande-devis { 
margin: 0; margin-left: 330px; padding: 0;
}
div.IndeXysPortletPublication div.demande-devis p { 
color: #000000; text-align: center; margin: 0; margin-top: 5px; padding: 0;
}
div.IndeXysPortletPublication div.demande-devis p.lien a { 
color: #ff0000; text-decoration: none; font-size: 0.8em;
}
div.IndeXysPortletPublication div.demande-devis p.lien a:hover { 
text-decoration: underline;
}
div.IndeXysPortletPublication div.demande-devis p.texte { 
text-transform: uppercase; font-weight: bold;
}
div.information.detail { 
!height: 1%;
}
div.information.detail div.image a img { 
margin: 0em; padding: 0; border: 1px solid #999999;
}
div.information.detail div.image a span { 
display: none;
}
div.information.detail div.image a:hover img { 
border-color: var(--main-color);
}
div.information.detail div.texte h1 { 
margin: 0; padding: 0.5em; text-transform: uppercase; font-size: 2em; font-weight: bold; color: var(--main-text-color); text-align: center;
}
div.information.detail div.texte h2 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.5em; font-weight: bold; color: var(--main-text-color); 
}
div.information.detail div.texte h3 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.2em; font-weight: bold; color: var(--main-color); 
}
div.information.detail div.texte p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: #666666;
}
div.information.detail div.texte p a { 
color: var(--main-color);
}
div.information.detail div.texte p a:hover { 
texte-decoration: underline;
}
div.information.detail div.texte p.codeArticle { 
text-align: left;
}
div.information.detail div.texte p.codeArticle span.libelle { 
margin-right: 0.5em;
}
div.information.detail div.texte ul { 
margin: 0; margin-top: 0.5em; padding: 0; padding-left: 2em;
}
div.information.detail div.texte ul li { 
margin: 0; margin-top: 0.25em; font-size: 0.9em; color: #666666;
}
div.information.detail div.texte ul li a { 
color: var(--main-color);
}
div.information.detail div.texte ul li a:hover { 
texte-decoration: underline;
}
div.information.liste { 
!height: 1%;
}
div.information.liste div.image { 
text-align: center;  width: 100%; height: 100%; display: inline-block;
}
div.information.liste div.image a { 
display: block; margin: 0; padding: 0; padding-left: 1rem; padding-right: 1rem; 
}
div.information.liste div.image a img { 
margin: 0em; padding: 0; border: 1px solid #999999; max-width: 90%;
}
div.information.liste div.image a:hover img { 
border-color: var(--main-color);
}
div.information.liste div.texte h2 { 
margin: 0; margin-top: 0.5em; padding: 0; text-align: center; font-size: 1.5em; font-weight: bold; color: var(--main-text-color); 
}
div.information.liste div.texte h2 a { 
display: block; margin: 0; padding: 5px; text-decoration: none; color: inherit; 
}
div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
div.information.liste div.texte h3 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.2em; font-weight: bold; color: #666666;
}
div.information.liste div.texte p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: #666666;
}
div.information.liste div.texte p a { 
color: var(--main-color); text-decoration: none;
}
div.information.liste div.texte p a:hover { 
text-decoration: underline;
}
div.information.liste div.texte p.codeArticle { 
text-align: center;
}
div.information.liste div.texte p.codeArticle span.libelle { 
margin-right: 0.5em;
}
div.information.liste div.texte ul { 
margin: 0; margin-top: 0.5em; padding: 0; padding-left: 2em;
}
div.information.liste div.texte ul li { 
margin: 0; margin-top: 0.25em; font-size: 0.9em; color: #666666;
}
div.information.liste div.texte ul li a { 
color: var(--main-color);
}
div.information.liste div.texte ul li a:hover { 
texte-decoration: underline;
}
div.information.liste p.enSavoirPlus { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: #666666; text-align: center;
}
div.information.liste p.enSavoirPlus a { 
display: block; margin: 0; padding: 5px; color: var(--main-color); text-decoration: none;
}
div.information.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
html>body div.IndeXysCommerceArticle.detail { 
min-height: 320px; height: auto;
}
html>body div.information.detail { 
height: auto; overflow: hidden;
}
html>body div.information.liste { 
height: auto; overflow: hidden;
}
@media screen and (max-width: 920px) {
	div#zoneHaut div#catalogue_bureautique.IndeXysPortletNavigationPublication ul li {
		width: 14.2%;
	}
	div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste {
		width: 22%;
	}
	div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste {
		width: 22%;
	}
	div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.liste {
		width: 22%;
	}
	div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique {
		padding-left: 0;
	}
}

@media screen and (max-width: 680px) {
	div#zoneCentre div.IndeXysCommercePortletCompteClient {
		padding: 0;
	}
	div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li span.in {
		padding-left: 5px; padding-right: 5px;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande {
		padding: 0;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in {
		padding-left: 5px; padding-right: 5px;
	}
	div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste {
		width: 30%;
	}
	div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste div.texte h2 {
		font-size: 1.3em;
	}
	div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste {
		width: 30%;
	}
	div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte h2 {
		font-size: 1.3em;
	}
	div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.liste {
		width: 30%;
	}
	div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.liste div.texte h2 {
		font-size: 1.3em;
	}
	div#zoneHaut div#promotions.IndeXysPortletNavigationRubrique {
		display: none;
	}
	div#zoneHaut div.IndeXysCommercePortletTitrePanier {
		display: none;
	}
	div#zoneHaut div.IndeXysCommercePortletTribuneCompteClient {
		display: none;
	}
	div#zoneHaut div.IndeXysPortletEnTete {
		display: none;
	}
	div#zoneHaut div.IndeXysPortletNavigationPublication {
		display: none;
	}
	div#zoneHaut div#recherche.IndeXysPortletNavigationRubrique {
		display: none;
	}

	div#zoneHaut div#menu_mobile.IndeXysPortletNavigationRubrique {
		display: block;
	}
	div#zoneHaut div#navigation_mobile.IndeXysPortletNavigationRubrique {
		display: block;
	}
	div#zoneHaut div#catalogue_mobile.IndeXysPortletNavigationPublication {
		display: block;
	}
}

@media screen and (max-width: 520px) {
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li {
		display: inline-block; width: 18%;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a {
		display: block; font-size: 10px;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.out {
		display: block; font-size: 10px;
	}
	div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in {
		display: block; 
	}
	div.IndeXysCommerceArticle.detail div.image {
		float: none; width: 100%; text-align: center;
	}
	div.IndeXysCommerceArticle.detail div.texte {
		margin-left: 0;
	}
	div.IndeXysCommerceArticle.detail div.commande {
		margin-left: 0;
	}
	div.IndeXysPortletPublication div.demande-devis {
		margin-left: 0;
	}
	div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte {
		width: 98%;
	}
	div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande {
		width: 98%;
	}
	div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste {
		width: 47%;
	}
	div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee div.information.liste div.texte h2 {
		font-size: 1.1em;
	}
	div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste {
		width: 47%;
	}
	div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee div.information.liste div.texte h2 {
		font-size: 1.1em;
	}
	div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.liste {
		width: 47%;
	}
	div#zoneCentre div.IndeXysPortletTribuneRubriquePublication div.listePublicationLiee div.information.liste div.texte h2 {
		font-size: 1.1em;
	}
}