:root { 
--default-font-family: Montserrat, Sans-serif;
--default-font-size: 14px; 
--main-color: #ff5100; /* 255,81,0 */
--main-text-color: #1e1e1e;
--main-text-color-headers: #000000;
--main-background-color: #efefef;
--footer-background-color: #fff;
--search-color: #999; 
--basket-color: #00ad21;
--account-color: #ff5100;
--validate-color: #ff5100;
}
div#diaporama-calendriers-2020 { 
max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 1.75rem; 
}
div#zoneCentre div.IndeXysCommercePortletCompteClient { 
margin: 0; padding: 0;
}
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.authentication h4 { 
margin: 0; margin-top: 1rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword h4 { 
margin: 0; margin-top: 2rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 0; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword h4:after { 
content: "Nouveau mot de passe pour mon compte client"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword input { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; line-height: 1.875rem; font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p label { 
display: inline-block; font-weight: bold; width: 280px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.navigation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.navigation input { 
display: inline-block; margin: 5px; margin-left: 0; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.navigation input:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword p.se-souvenir { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data div.content p { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data div.content:after { 
display: inline-block; margin: 0; margin-top: 10px; content: 'A tout moment, vous avez le droit de récupérer les données que vous nous avez fournies sur notre site :';
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download:after { 
content: 'télécharger une copie de mes données personnelles'; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download:hover { 
border-bottom: 1px solid var(--main-color); text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient fieldset.identite legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient fieldset.identite legend:after { 
font-size: 1.2rem; content: "Informations";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient form p.navigation.select:before { 
display: block; content: '* champs obligatoires'; color: var(--main-color); margin: 0; margin-top: 1rem; margin-bottom: 1rem; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3 { 
margin: 0; margin-top: 2rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; font-size: 1.2rem; color: var(--main-color); 
border: 0; border-bottom: 1px solid var(--main-color); text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3.identite { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3.identite:after { 
font-size: 1.2rem; content: "Informations";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient input.edit_button { 
background: #e04d3d;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient input.ui_button { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient input.ui_button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient h4 { 
margin: 0; margin-top: 2rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient h4:after { 
content: "Connexion"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient input { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; line-height: 1.875rem; font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.monProfil span.libelle { 
display: inline-block; width: 15rem; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4 { 
margin: 0; margin-top: 1rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4:after { 
content: "Inscription"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse h4 { 
margin: 0; margin-top: 2rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse h4:after { 
content: "Mot de passe oublié"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse input { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; line-height: 1.875rem; font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register > h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register div.consentement_rgpd { 
margin: 0px; margin-top: 1rem; font-size: 14px; color: #121212;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register div.consentement_rgpd h4 { 
margin: 0; margin-top: 2rem; margin-bottom: 1rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1.2rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register div.consentement_rgpd label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset p { 
display: flex; align-content: center; align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset p label { 
float: none; display: inline-block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset p.nature-compte { 
display: flex; align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset p.nature-compte span.form-input span.indeXys-nowrap { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset p.nature-compte span.form-input span.indeXys-nowrap:first-of-type { 
margin-bottom: .5rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.identite legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.identite legend:after { 
font-size:  1.2rem; content: "Informations";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register p.sauvegarde label { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.register p.sauvegarde label:before { 
content: " Se souvenir de moi"; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.sidentifier button { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.sidentifier button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.sidentifier h4 { 
margin: 0; margin-top: 2rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.sidentifier input { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; line-height: 1.875rem; font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.tabs ul.anchors { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset { 
margin: 0; margin-top: 2rem; padding: 0; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset input[type="text"], div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset input[type="password"] { 
border: 0; border-bottom: 1px solid #cccccc; color: #666666; line-height: 1.875rem; width: 15rem; font-size: 14px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire { 
color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire:after { 
content: " * "; color: var(--main-color); font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.left { 
width: 10rem; float: left; position: relative; top: 0.2em; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset legend { 
margin: 0; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1.2rem; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset span.left { 
width: 10rem; float: left; position: relative; top: 0.2em; left: 0; font-weight: bold;
}
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: #121212; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p { 
margin: 0px; margin-top: 10px; font-size: 0.9rem; color: #121212;
}
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 #121212;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.sauvegarde label { 
font-weight: bold; display:inline-block;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.sauvegarde label:first-letter { 
text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select a.annuler { 
margin-left: 2rem; text-transform: lowercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select a.modifier { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select a.modifier:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
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 #dadae5; font-size: 12px; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tfoot tr td { 
color: #121212; border: 1px solid #dadae5; 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: #f8f8fa; color: #121212; border: 0; border-bottom: 1px solid #dadae5; font-size: 0.875rem; font-weight: bold; margin: 0px; padding: 0.3125rem 0.625rem 0.5625rem 0.625rem; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande { 
margin: 0; padding: 0;
}
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#IndeXysCommercePortletSuiviCommande_BonDeCommandeUpdateContainer div.continueShopping { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient { 
margin: 0; padding: 0;
}
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 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 { 
border: 1px solid #dadae5; margin: 0; margin-top: 4.750rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; position: relative; top: 0; left: 0;
}
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 img { 
max-width: 100%;
}
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: inline-block; color: var(--main-color); padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; margin: 0rem 0.625rem 0rem 0rem; border: 1px solid #dadae5; border-bottom-color: #ffffff; background: #ffffff; line-height: 1.5rem; border-top-left-radius: 3px; border-top-right-radius: 3px; font-weight: bold; position: absolute; top: -2.875rem; ; left: -1px;
}
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: #121212;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.amount span.label { 
margin-right: .5ch;
}
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: left;
}
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: left;
}
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: #121212; 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.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande 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.confirmationCommande p.download-pdf a:hover { 
text-decoration: underline;
}
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.consentement-rgpd { 
padding-top: 0.8 rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping { 

}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees { 
margin: 0px; padding: 0px;
}
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 { 
border: 0; display: grid;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset label.left { 
display: inline-block; margin: 0px; padding: 0px; width: 160px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset legend { 
display: block; margin: 0; margin-top: 1rem; margin-bottom: 0.5rem; padding: 0; width: 100%; 
height: 2rem; line-height: 2rem; font-weight: bold;
border: 0; border-bottom: 1px solid var(--main-color);
font-size: 1rem; color: var(--main-color); text-transform: lowercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset span.left { 
display: inline-block; margin: 0px; padding: 0px; width: 160px; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset.personneFacturation legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset.personneFacturation legend:after { 
content: 'mes informations'; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form p.navigation.select:before { 
display: block; content: '* champs obligatoires'; color: var(--main-color); margin: 0; margin-top: 1rem; margin-bottom: 1rem; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset legend { 
font-size: 1.1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset p { 
display: flex; align-content: center; align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset p label { 
float: none; display: inline-block; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset p.nature-compte { 
display: flex; align-items: flex-start;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset p.nature-compte span.form-input span.indeXys-nowrap { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset.identite legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset.identite legend:after { 
font-size:  1.1rem; content: "Informations";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search input.rechercher { 
display: inline-block; margin: 0; padding: 0.375rem; background: var(--main-text-color); color: #ffffff; border: 1px solid var(--main-text-color); text-transform: uppercase; cursor: pointer; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search input.rechercher:hover { 
text-decoration: underline;
}
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.enterCustomerReference { 
border: 1px solid #dadae5; margin: 0; margin-top: 1.875rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.enterCustomerReference p { 
background-color: #ffffff;
color: #121212;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0.625rem;
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.enterCustomerReference p label:after { 
content: " / centre de profit";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition div.listePointRelais div.pointRelais { 
margin-bottom: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition div.listePointRelais div.pointRelais div.adresse { 
display: inline-block; margin: 0; padding: 0; width: 45%; vertical-align: top;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition div.listePointRelais div.pointRelais div.adresse p.select { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition div.listePointRelais div.pointRelais div.horaires { 
display: inline-block; margin: 0; padding: 0; width: 45%; vertical-align: top;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition div.listePointRelais div.pointRelais div.horaires p.titre { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition div.listePointRelais div.pointRelais div.select { 
display: inline-block; margin: 0; padding: 0; width: 5%; vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition fieldset p { 
display: flex; align-content: center; align-items: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition fieldset span.left { 
display: block; margin: 0px; padding: 0px; width: 160px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition form p.navigation.select:before { 
display: block; content: '* champs obligatoires'; color: var(--main-color); margin: 0; margin-top: 1rem; margin-bottom: 1rem; text-align: left;
}
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.login { 
border: 1px solid #dadae5; margin: 0; margin-top: 4.750rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.login p.back { 
border-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
!height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.content { 
margin-bottom: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.content h3 { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.content p { 
font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.orderForm { 
margin: 0px; margin-top: 20px; padding: 0px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check { 
border: 1px solid #dadae5; margin: 0; margin-top: 4.750rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check h3 { 
display: inline-block; color: var(--main-color); padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; margin: 0rem 0.625rem 0rem 0rem; border: 1px solid #dadae5; border-bottom-color: #ffffff; background: #ffffff; line-height: 1.5rem; border-top-left-radius: 3px; border-top-right-radius: 3px; font-weight: bold; position: absolute; top: -2.875rem; ; left: -1px;
}
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: #121212;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.amount span.label { 
margin-right: .5ch;
}
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: left;
}
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: left;
}
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 { 
border: 1px solid #dadae5; margin: 0; margin-top: 4.750rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert h3 { 
display: inline-block; color: var(--main-color); padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; margin: 0rem 0.625rem 0rem 0rem; border: 1px solid #dadae5; border-bottom-color: #ffffff; background: #ffffff; line-height: 1.5rem; border-top-left-radius: 3px; border-top-right-radius: 3px; font-weight: bold; position: absolute; top: -2.875rem; ; left: -1px;
}
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: #121212;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.amount span.label { 
margin-right: .5ch;
}
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: left;
}
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: left;
}
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: 0; margin-top: 1rem; padding: 0; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation { 
margin: 0; margin-top: 1.5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.arrondis { 
margin: 0; margin-top: 0.5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.arrondis a span.choix-article-arrondi { 
color: var(--main-color); margin-left: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.arrondis a:hover span.choix-article-arrondi { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.arrondis span.indeXys-nowrap { 
display: block; color: #121212; margin: 0; margin-top: 0.5rem; padding: 0; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket { 
padding: 0; margin: 0; margin-top: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing { 
margin: 0; margin-top: 1.5rem; padding: 0;
}
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: 0; margin-top: 1.5rem; padding: 0;
}
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: 0; margin-top: 1.5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message textarea { 
margin: 0; margin-top: 5px; padding: 0; width: 100%; border: 1px solid #cccccc;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment { 
margin: 0; margin-top: 1.5rem; padding: 0;
}
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: #121212; */
}
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 { 
margin: 0; margin-top: 1.5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.table { 
border: 20px; solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.arrondis legend { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif table tbody tr td.articlePrixUnitaire { 
display: block; font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.register fieldset.identite legend { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order { 
margin: 0; margin-top: 1.5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping { 
margin: 0; margin-top: 1.5rem; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p { 
margin: 0; padding: 0; text-align: left; border: 0; margin: 0rem 0rem 1.25rem 0.75rem; font-size: 0.9rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.delai { 
display: inline-block; width: 40px; border: 0; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.not-available:after { 
content: " pour l'adresse indiquée) ";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.not-available:before { 
content: " (";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.tarif { 
display: inline-block; width: 80px; border: 0; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.titre { 
display: inline-block; width: calc(100% - 160px); border: 0; text-align: left; padding-left: 0.5rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery:after { 
display: block; width: 100%; font-size: 0.9rem; color: #121212; content: "(pour les livraisons hors de la France Métropolitaine, nous contacter au 02 37 30 58 57)"; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.sinscrire p a { 
color: var(--main-color); font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation { 
margin-top: 15px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder { 
margin: 0px; margin-top: 20px; padding: 0px; margin-right: 25px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button { 
display: inline-block; margin: 0; padding: 0.25rem 0.75rem 0rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 1rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button span:after { 
content: "je valide ma commande"; font-size: 1rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
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; text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire { 
color: var(--main-text-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire:after { 
content: " * "; color: #e04d3d;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset legend { 
margin: 0; margin-top: 1rem; margin-bottom: 0.5rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem; float: none; width: 100%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset p label { 
float: none; display: inline-block; width: 10rem;
}
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: 0; margin-top: 1rem; margin-bottom: 0.5rem; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem;
}
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 ol.etape { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p { 
margin: 0px; margin-top: 10px; font-size: 12px; color: #121212;
}
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 #dadae5;
}
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 a.valider { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation a.valider:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7); text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation input.rechercher { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation input.rechercher:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table { 
margin: 0; padding: 0; border-collapse: collapse; width: 100%; border: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table span.gratis { 
text-transform: uppercase; color: #D50A1E;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td { 
color: var(--main-text-color); border: 0; 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.articleArrondiMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.price { 
display: block; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.price:after { 
content: " ht";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.title { 
display: block; font-weight: bold; font-size: 1.2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever { 
width: 1%; padding: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input { 
display: block; margin: 0px; padding: 0; width: 30px; height: 50px; border: 0; color: #666666; cursor: pointer; font-size: 0; text-transform: uppercase; background-color: #ffffff; background-image: url(../images/pictoThelemEnlever.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleImage { 
width: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleImage img { 
width: 100px; height: auto;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant { 
text-align: right; padding: 0px; padding-right: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite input { 
width: 4rem; -moz-appearance: textfield; height: 2rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite input::-webkit-inner-spin-button { 
-webkit-appearance: none; margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite input::-webkit-outer-spin-button { 
-webkit-appearance: none; margin: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.dec.quantity-button { 
display: inline-block; font-size: 0; font-weight: bold; width: 100%; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.dec.quantity-button:before { 
content: "\f078"; font-family: "FontAwesome"; font-size: 1rem; color: var(--main-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.dec.quantity-button:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.inc.quantity-button { 
display: inline-block; font-size: 0; font-weight: bold; width: 100%; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.inc.quantity-button:after { 
content: "\f077"; font-family: "FontAwesome"; font-size: 1rem; color: var(--main-color);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.inc.quantity-button:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite span.quantity-buttons { 
display: inline-block; position: relative; top: 0.5rem; left: 0;
}
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-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 { 
color: var(--main-text-color); border: 0; font-size: 14px; font-weight: normal; margin: 0; padding: 5px; text-align: center;
}
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[class*="rowTotal"] { 
color: var(--main-text-color); border: 0; font-size: 0.875rem; font-weight: normal; margin: 0; padding: 0.3125rem 0.625rem 0.5625rem 0.625rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.amount { 
text-align: right; font-size: 16px; font-weight: bold; background-color: #f7cfbc; border: 2px solid var(--main-color); color: var(--main-color); padding-right: 35px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.amount:after { 
content= " ttc";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.designation { 
text-align: center; background-color: var(--main-color); border: 2px solid var(--main-color); color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.designation span { 
font-size: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.designation span:after { 
content: 'Total TTC'; font-size: 16px; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.image { 
text-align: center; background-color: var(--main-color); border: 2px solid var(--main-color); color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.remove { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th.headerPrixUnitaire { 
display: none;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems { 
height: auto; overflow: hidden;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems { 
overflow: hidden; height: auto;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a:hover { 
text-decoration: none;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
overflow: hidden; height: auto;
}
@media (max-width: 1280px) {   

div#zoneCentre div.IndeXysCommercePortletCompteClient {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem; 
}

}

@media (max-width: 992px) { 

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td.amount {
  font-size: 0.8rem;
}

}

@media (max-width: 768px) { 

div#zoneCentre div.IndeXysCommercePortletCompteClient {
  padding: 0.125rem 0.125rem 0.125rem 0.125rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande {
  padding: 0.125rem 0.125rem 0.125rem 0.125rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td.amount {
  padding-right: 5px; 
}

}


@media (max-width: 576px) {   

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th {
  font-size: 0.725rem; padding: 0.3125rem 0.3125rem 0.5625rem 0.3125rem; 
}
 
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td {
  padding: 0.3125rem 0.3125rem 0.5625rem 0.3125rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input {
  width: 20px; height: 20px; background-size: contain; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite input {
  width: 2.5rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalHt td {
  font-size: 0.725rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTva td {
  font-size: 0.725rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td {
  font-size: 0.725rem; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape {
display: flex; flex-direction: row; padding-top: 20px; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li {
display: inline-block; width: 20%; flex-grow: 1; font-size: 12px; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in {
display: block; padding-top: 100px; padding-left: 0; padding-right: 0; background-size: contain; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset label.left {
width: 100%; margin-bottom: 10px; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket {
padding-left: 0; padding-right: 0;
}

}


@media (max-width: 480px) {   

div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.left {
width: 90%; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in {
padding-top: 80px; 
}

div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li {
display: inline-block; width: 20%; flex-grow: 1; font-size: 11px; 
}

}div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset.personneFacturation legend::after { 
content: 'a minha informação';
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.changePassword h4::after { 
content: "Nova palavra-passe para a minha conta de cliente";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data div.content::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data div.content::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data div.content::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data div.content::after { 
content: 'Em qualquer altura, o utilizador tem o direito de recuperar os dados que nos forneceu no nosso sítio:';
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient div.access-personal-data p.navigation a.download::after { 
content: 'descarregar uma cópia dos meus dados pessoais';
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3.identite::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3.identite::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3.identite::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient h3.identite::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register fieldset.identite legend::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form.inscription fieldset.identite legend::after { 
content: "Informações";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient form p.navigation.select::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient form p.navigation.select::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient form p.navigation.select::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient form p.navigation.select::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees form p.navigation.select::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.expedition form p.navigation.select::before { 
content: '* campos obrigatórios';
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient h4::after { 
content: "Ligação";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.nouveauClient h4::after { 
content: "Registo";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse h4::after, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse h4::after { 
content: "eceu-se da sua palavra-passe";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register p.sauvegarde label::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register p.sauvegarde label::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register p.sauvegarde label::before, html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletCompteClient div.register p.sauvegarde label::before { 
content: " Lembrar-se de mim";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.enterCustomerReference p label::after { 
content: " / centro de lucro";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.not-available::after { 
content: " para o endereço indicado) ";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery::after { 
content: "(Para as entregas fora de França Metropolitana, contactar-nos através do +33 2 37 30 58 57)";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button span::after { 
content: "Valido a minha encomenda";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleDesignation span.price::after { 
content: " ht";
}
html[lang="pt"] div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr[class*="rowTotal"] td.designation span::after { 
content: 'Total IVA incl.';
}
.ui-button, .ui-button:visited, .ui-button:hover, .ui-button:focus { 
color: var(--main-color);
}
.ui-widget-header { 
background: var(--main-color) url("images/ui-bg_highlight-soft_15_cc0000_1x100.png") 50% 50% repeat-x; color: #fff;
}
a { 
color: var(--main-color); text-decoration: none;
}
a:hover { 
text-decoration: underline;
}
body { 
margin: 0.375rem; padding: 0.375rem; font-size: var(--default-font-size); font-family: var(--default-font-family); font-weight: 500; text-rendering: optimizeLegibility;
}
body#rubrique.accueil div#nav_accueil { 
display: none;
}
body#rubrique.accueil div#zoneCentre { 
max-width: none;
}
body#rubrique.accueil div#zoneCentre div.IndeXysCommercePortletCompteClient { 
display: none;
}
body#rubrique.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique { 
background-color: #e9583d;
}
body#rubrique.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.container { 
margin-bottom: 0;
}
body#rubrique.accueil div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie { 
display: none;
}
body#rubrique.accueil div#zoneGauche { 
display: none;
}
div#conteneur { 
width: 100%; max-width: 1280px; margin: 0; margin-left: auto; margin-right: auto; padding: 0;
}
div#conteneur * { 
box-sizing: border-box;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane { 
display: block;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane ul { 
margin: 0; padding: 0; list-style-type: none; border: 0; border-bottom: 1px solid var(--main-color);
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane ul li { 
display: none;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletFilAriane ul li:nth-last-child(2) { 
display: inline-block; margin: 0; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; color: var(--main-color); /* text-transform: lowercase; */ font-size: 1rem;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.detailPublication { 
margin: 0; margin-top: 2rem; padding: 0;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication:after { 
content: 'Pour une quantité plus importante, un prix spécial peut vous être étudié, \a contactez Eurodor par téléphone 02 37 30 58 57'; white-space: pre; grid-column: 1  / 5; font-size: 1rem; line-height: 2rem;
}
div#conteneur.IndeXysCommerceArticle div.IndeXysPortletUtils div.topPage { 
display: block;
}
div#conteneur.IndeXysCommerceArticle div.IndeXysPortletUtils div.topPage p { 
text-align: center;
}
div#footer { 
clear: both; margin: 0; padding: 0; border: 0; border-top: 3px solid #4d4d4d;
}
div#jGrowl .ui-state-highlight, div#jGrowl .ui-widget-header .ui-state-highlight, div#jGrowl .ui-widget-content .ui-state-highlight { 
border-color: var(--main-color); background: var(--main-color); color: #ffffff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
div#zoneBas { 
width: calc(100% - 8rem); max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0; position: relative; top: 0; left: 0;

display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 4rem;
}
div#zoneBas div#numero_appel.IndeXysPortletUrl { 
/* display: inline-block; width: 33%; vertical-align: top; */

grid-column-start: 1; grid-column-end: 2;
}
div#zoneBas div#numero_appel.IndeXysPortletUrl h3 { 
color: var(--main-text-color); font-size: 1.125rem; margin: 1.75rem 0rem 0.625rem 0rem; padding: 0; font-weight: normal;
}
div#zoneBas div#numero_appel.IndeXysPortletUrl h3 span { 
display: block;
}
div#zoneBas div#numero_appel.IndeXysPortletUrl ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneBas div#numero_appel.IndeXysPortletUrl ul li { 
color: #121212; font-size: 0.875rem; margin: 0; padding: 0;
}
div#zoneBas div#numero_appel.IndeXysPortletUrl ul li a { 
color: #121212;
}
div#zoneBas div.IndeXysPortletMonProfil { 
display: none;
}
div#zoneBas div.IndeXysPortletMonProfil div.identite p.bienvenue span { 
display: none;
}
div#zoneBas div.IndeXysPortletMonProfil div.identite p.profil a { 
display: none;
}
div#zoneBas div.IndeXysPortletNavigationRubrique { 
/* display: inline-block; width: 66%; vertical-align: top; */

grid-column-start: 2; grid-column-end: 4;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li { 
display: inline-block; width: 50%; vertical-align: top;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li a { 
display: block; color: var(--main-text-color-headers); font-size: 1.125rem; margin: 1.75rem 0rem 0.625rem 0rem; padding: 0; font-weight: normal; text-decoration: none;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul li a:hover { 
color: var(--main-color);; text-decoration: underline;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul ul li { 
display: block; width: 100%;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul ul li a { 
display: inline; olor: var(--main-text-color); line-height: 1.7; color: #121212; font-size: 0.875rem;
}
div#zoneBas div.IndeXysPortletNavigationRubrique ul ul li a:hover { 
color: var(--main-color);; text-decoration: underline;
}
div#zoneCentre { 
margin-left: 16.25rem; padding: 0; padding-top: 2rem; padding-bottom: 2rem; !height: 1%;
}
div#zoneCentre div#informations.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste { 
list-style-type: none;
}
div#zoneCentre div#informations.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li a { 
text-decoration: none;
}
div#zoneCentre div#informations.IndeXysPortletNavigationRubrique div.contenuPortlet div.titrePortlet h3 span { 
color: var(--main-color);
font-size: 15px;
font-weight: 400;
}
div#zoneCentre div.EurodorCadeauxAffairesPortletAlerte { 
text-align: center; color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletFilAriane { 
display: none;
}
div#zoneCentre div.IndeXysPortletNavigationPublication { 
display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.listePublicationLiee { 
margin: 0; margin-top: 2rem; padding: 0; padding-bottom: 2rem; 

display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
margin: 0; margin-top: 2rem; padding: 0; 

display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.navigation { 
display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication { 
margin: 0; margin-top: 1rem; padding: 0;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle { 
display: block; padding-left: 10px; padding-right: 10px; line-height: 2rem; height: 2rem; background-color: #ffffff;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.off a { 
color: #666666; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.off a:hover { 
text-decoration: underline; color: var(--main-color);
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.on { 
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.on a { 
color: var(--main-color); text-decoration: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton { 
display: inline-block; margin: 0; padding: 0; width: 1rem; height: 2rem; vertical-align: middle; position: relative; top: 0; left: -2rem; z-index: 99;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.hide:after { 
content: "\f077"; font-family: "FontAwesome"; font-size: 1.2em; line-height: 2rem;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.show:after { 
content: "\f078"; font-family: "FontAwesome"; font-size: 1.2em; line-height: 2rem;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton:hover { 
cursor: pointer;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.content { 
display: inline-block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 30px; vertical-align: middle; z-index: 98;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.content div.content-in { 
position: absolute; top: 0; left: 0; border: 1px solid #cccccc; width: 200px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.title { 
display: inline-block; margin: 0; padding: 0; padding-right: 10px; line-height: 30px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletRecherche div.listeInformation { 
margin: 0; margin-top: 2rem; padding: 0; 

display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRecherche p.reponses span.quantite { 
margin: 0; margin-left: 0.2rem; margin-right: 0.2rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.consentement_rgpd { 
margin: 0; margin-top: 1rem; padding: 0; line-height: 1.5rem; font-weight: normal; color: var(--main-text-color); font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.container { 
background-color: #e9583d;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.diaporama { 
margin-top: 2rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie { 
text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form { 
margin: 0; padding: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button { 
display: inline-block; margin: 5px; margin-left: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 0.875rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset { 
margin: 0; margin-top: 2rem; padding: 0; border: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label { 
font-weight: normal; color: #121212;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.champObligatoire { 
color: var(--main-color); font-weight: 500;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.champObligatoire:after { 
content: " *";
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.left { 
width: 10rem; float: left; position: relative; top: 0.2em; left: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset legend { 
display: block; margin: 0;padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); text-transform: uppercase; font-size: 1rem; 
width: 100%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p { 
font-size: 0.9rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p input[type=text] { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; line-height: 1.875rem; width: 20rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset p textearea { 
border: 1px solid #cccccc; color: #cccccc;
}
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: 1.5rem; padding: 0; padding-left: 4rem; height: 2rem; line-height: 2rem; font-weight: bold; color: var(--main-color); font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p { 
margin: 0; margin-top: 1rem; padding: 0; line-height: 2rem; font-weight: normal; color: var(--main-text-color); font-size: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listeEtenduePublicationLiee { 
margin: 0; margin-top: 2rem; padding: 0; 

display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.listePublicationLiee { 
margin: 0; margin-top: 2rem; padding: 0;  padding-bottom: 2rem; 

display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2rem; row-gap: 1rem;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
/* margin: 0; padding: 0; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem; */

margin: 0; padding: 0; padding-right: 110px; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem; text-align: center;
}
div#zoneDroite { 
width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0; position: relative; top: 0; left: 0;
}
div#zoneDroite div.IndeXysPortletUrl div#diaporama-accueil { 
padding-top: 40px;
}
div#zoneGauche { 
clear: both; display: block; width: 14.375rem; float: left; padding: 0; padding-top: 2rem; padding-bottom: 2rem;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient { 
margin-top: 2rem;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li { 
display: block; margin: 0; padding: 0; background: var(--main-color); color: #ffffff; font-weight: 600; border: 0; border-bottom: 1px solid #ffffff;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li a { 
display: block; color: #ffffff; font-weight: 600;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li a.on { 
background: #f7cfbc; color: var(--main-color);
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li span.out { 
display: block; margin: 0; padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.coordinates span.out:before { 
content: "Mes ";
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.identification { 
display: none;
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.invoices span.out:before { 
content: "Mes ";
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.orders span.out:before { 
content: "Mes ";
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li:nth-child(1) span.in:before { 
/* content: '1. '; */
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li:nth-child(2) span.in:before { 
/* content: '2. '; */
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li:nth-child(3) span.in:before { 
/* content: '3. '; */
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li:nth-child(4) span.in:before { 
/* content: '4. '; */
}
div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li:nth-child(5) span.in:before { 
/* content: '5. '; */
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande { 
margin-top: 2rem;
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li { 
display: block; margin: 0; padding: 0; color: #666666; /* background: var(--main-color); color: #ffffff; font-weight: 600; text-transform: lowercase; border: 0; border-bottom: 1px solid #ffffff; */
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li a { 
display: block; margin: 0; padding: 0; color: var(--main-color); font-weight: 600;
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li a.on { 
background: #f7cfbc; color: var(--main-color);
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li a.on span.out { 
border-bottom: 0;
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li span.in { 
font-size: 0;
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li span.in:before { 
font-size: 14px;
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li span.out { 
display: block; margin: 0; padding: 0.625rem 0.625rem 0.625rem 0.625rem; border-bottom: 1px solid #cccccc
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(1) span.in:before { 
content: '1. Ma commande';
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(2) span.in:before { 
content: '2. Mes coordonnées';
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(3) span.in:before { 
content: '3. Mon choix de livraison';
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(4) span.in:before { 
content: '4. Mon choix de facturation';
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(5) span.in:before { 
content: '4. Mon récapitulatif';
}
div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(6) span.in:before { 
content: '5. Paiement';
}
div#zoneGauche div.IndeXysPortletNavigationPublication { 
margin-top: 1rem;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li { 
border: 0; border-bottom: 1px solid #ffffff;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a { 
display: block; margin: 0; padding: 0.625rem 0.625rem 0.625rem 0.625rem; color: var(--main-color); font-weight: 600; border-bottom: 1px solid #cccccc;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a.on { 
background: var(--main-color); color: #fff; border-bottom: 1px solid var(--main-color);
}
div#zoneGauche div.IndeXysPortletRecherche { 
display: none;
}
div#zoneGauche div.IndeXysPortletRecherche div.rechercheGenerale p { 
margin: 0; padding: 0; line-height: 2rem; display: flex;
}
div#zoneGauche div.IndeXysPortletRecherche div.rechercheGenerale p button { 
display: none;
}
div#zoneGauche div.IndeXysPortletRecherche div.rechercheGenerale p input.requete { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; box-flex: 1; flex-grow: 1; flex-shrink: 1; height: 2rem;
}
div#zoneGauche div.IndeXysPortletRecherche div.rechercheGenerale p label { 
display inline-block; margin: 0; padding: 0; padding-left: 2rem; background: url(../images/pictoThelemRecherche.png) center center no-repeat; height: 3rem; background-size: 100%;
}
div#zoneHaut { 

}
div#zoneHaut { 
width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0; position: relative; top: 0; left: 0;
}
div#zoneHaut div#articles.IndeXysPortletNavigationPublication div.contenuPortlet div.liste ul.liste { 
list-style-type: none;
}
div#zoneHaut div#articles.IndeXysPortletNavigationPublication div.contenuPortlet div.liste ul.liste li { 
border-bottom: 4px solid var(--main-color);
}
div#zoneHaut div#articles.IndeXysPortletNavigationPublication div.contenuPortlet div.liste ul.liste li a { 
text-decoration: none;
}
div#zoneHaut div#articles.IndeXysPortletNavigationPublication div.contenuPortlet div.liste ul.liste li:not(.articles) { 
display: none;
}
div#zoneHaut div#menu.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li a { 
text-decoration: none;
}
div#zoneHaut div#menu.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li a:visited { 
color: black;
}
div#zoneHaut div#menu.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.accueil { 
margin-right: 1%;
}
div#zoneHaut div#menu.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.accueil a { 
background: url(../images/logo_smartphone.png) center center no-repeat;
display: flex;
width: 93px;
height: 75px;
}
div#zoneHaut div#menu.IndeXysPortletNavigationRubrique div.contenuPortlet div.liste ul.liste li.accueil a span.out span.in { 
display: none
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication { 
clear: both; display: none; vertical-align: bottom; margin: 0; padding: 0; position: absolute; top: 70px; left: 10px;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic { 
display: inline-block; line-height: 40px; height: 40px; margin-left: auto; vertical-align: middle;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a { 
display: inline-block; line-height: 40px; height: 40px; text-decoration: none; color: var(--main-text-color);
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a span.out { 
display: inline-block; line-height: 40px; height: 40px;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a span.out:before { 
content: "\f0c9"; font-family: "FontAwesome"; color: #333333; font-size: 1em; margin-left: 0.5rem; margin-right: 1rem;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a:hover { 
color: #121212;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav { 
position: absolute; top: 40px; left: 0; background-color: #ffffff; width: 180px; z-index: 1000;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav div.navigation ul li a { 
line-height: 1.625rem; text-transform: none;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav h4 { 
line-height: 2.375rem; text-align: center; margin: 0; padding: 0; color: #C6281C;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav ul { 
margin: 0; padding: 0; list-style-type: none; text-align: left; border: 0; border-top: 1px solid #cccccc;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav ul li { 
margin: 0; padding: 0; border: 1px solid #cccccc; border-top: 0;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav ul li a { 
display: block; margin: 0; padding: 0.625rem 0.625rem 0.625rem 0.625rem; color: var(--main-color); font-weight: 600;
}
div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#nav_accueil { 
display: inline-block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; max-width: 50%;
}
div#zoneHaut div#nav_accueil div.liste ul { 
margin: 0; padding: 0; list-style-type: none; line-height: 40px;
}
div#zoneHaut div#nav_accueil div.liste ul li a { 
display: block; width: 14.375rem; max-width: 90%; height: 10rem; text-decoration: none; color: var(--main-text-color); font-size: 0.85rem;
background: url(../images/logoViseeon.webp) top center no-repeat; background-size: 100%;
}
div#zoneHaut div#nav_accueil div.liste ul li a span.out { 
display: none;
}
div#zoneHaut div#nav_accueil div.liste ul li a:hover { 
color: var(--main-color);; text-decoration: underline;
}
div#zoneHaut div#nav_compte { 
display: inline-block; margin: 0; padding: 0; position: absolute; top: 10px; left: calc(100% - 14.375rem);
}
div#zoneHaut div#nav_compte div.contenuPortlet div.liste ul.liste li.profil a.off p.bienvenue span { 
display: none;
}
div#zoneHaut div#nav_compte div.contenuPortlet div.liste ul.liste li.profil a.off span.out { 
display: none;
}
div#zoneHaut div#nav_compte div.liste ul { 
margin: 0; padding: 0; list-style-type: none; /* line-height: 40px; */
}
div#zoneHaut div#nav_compte div.liste ul li.compte-client-viseeon { 
display: inline-block; min-height: 40px; padding-left: 50px; background: url(../images/pictoThelemCompte.png) center left no-repeat; text-decoration: none; color: var(--main-text-color); font-size: 0.85rem;
}
div#zoneHaut div#nav_compte div.liste ul li.compte-client-viseeon a { 
display: inline-block; line-height: 20px; color: var(--main-text-color);
}
div#zoneHaut div#nav_compte div.liste ul li.compte-client-viseeon a acote { 
display: inline-block; padding-left: 40px; height: 40px; background: url(../images/pictoThelemCompte.png) center left no-repeat; text-decoration: none; color: var(--main-text-color); background-size: 40%;  font-size: 0.85rem;
}
div#zoneHaut div#nav_compte div.liste ul li.compte-client-viseeon a span { 
display: none;
}
div#zoneHaut div#nav_compte div.liste ul li.compte-client-viseeon a span.out { 
display: none;
}
div#zoneHaut div#nav_compte div.liste ul li.compte-client-viseeon a:hover { 
color: var(--main-color);; text-decoration: underline;
}
div#zoneHaut div#nav_compte div.liste ul li.deconnecter { 
display: inline-block; margin-top: 10px; line-height: 40px; padding-left: 50px; background: url(../images/pictoThelemCompteDeconnecte.png) center left no-repeat; text-decoration: none; color: var(--main-text-color); font-size: 0.85rem;
}
div#zoneHaut div#nav_compte div.liste ul li.deconnecter a { 
color: var(--main-text-color);
}
div#zoneHaut div#nav_home { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 280px; height: 130px; display: none;
}
div#zoneHaut div#nav_home.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 0; ; padding: 0; list-style-type: none;
}
div#zoneHaut div#nav_home.IndeXysPortletNavigationRubrique div.liste ul.liste li { 
display: block; vertical-align: bottom;
}
div#zoneHaut div#nav_home.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a { 
display: block; width: 100%; height: 130px; background: url(../images/logoViseeon.webp) top center no-repeat; text-decoration: none; color: var(--main-text-color); background-size: 100%;
}
div#zoneHaut div#nav_home.IndeXysPortletNavigationRubrique div.liste ul.liste li.accueil a span.out { 
display: none;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier { 
margin: 0; padding: 0; height: 50px; position: absolute; top: 110px; left: calc(100% - 14.375rem);
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.montant { 
display: none;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.quantite { 
position: absolute; top: 30px; left: 20px;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.quantite p { 
margin: 0; padding: 0; color: var(--main-color); position: absolute; top: 0; left: 0; height: 30px; width: 30px; text-align: center; line-height: 24px; color: #ffffff;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.quantite p.articles { 
margin: 0; padding: 0; width: 24px; height: 24px; border: 1px solid var(--main-color); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: var(--main-color); behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.quantite p.articles span.libelle { 
display: none;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.quantite p.vide span { 
display: none;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.quantite p.vide:before { 
content: '0';
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { 
margin: 0; padding: 0; line-height: 40px; font-weight: 500; font-size: 0.85rem;
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
display: inline-block; padding-left: 50px; height: 40px; background: url(../images/pictoThelemPanier.png) center left no-repeat; text-decoration: none; color: var(--main-text-color); /* background-size: 40%; */
}
div#zoneHaut div#nav_panier.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a:hover { 
color: var(--main-color);; text-decoration: underline;
}
div#zoneHaut div#nav_plv.IndeXysPortletNavigationRubrique { 
margin: 0; padding: 0; height: 40px; background-color: var(--main-color);
}
div#zoneHaut div#nav_plv.IndeXysPortletNavigationRubrique div.liste ul.liste { 
margin: 0; margin-left: auto; padding: 0; list-style-type: none; line-height: 40px; width: 50%; text-align: center;
}
div#zoneHaut div#nav_plv.IndeXysPortletNavigationRubrique div.liste ul.liste li { 
display: inline-block; vertical-align: bottom; margin-right: 20px; text-transform: uppercase; font-weight: bold;
}
div#zoneHaut div#nav_plv.IndeXysPortletNavigationRubrique div.liste ul.liste li.commander-de-la-plv a { 
text-decoration: none; color: #ffffff;
}
div#zoneHaut div#nav_plv.IndeXysPortletNavigationRubrique div.liste ul.liste li.commander-de-la-plv a:hover { 
text-decoration: underline;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication { 
margin: 0; margin-top: 40px; padding: 0; z-index: 100;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic { 
position: relative; top: 0; left: 0;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic { 
margin: 0; padding: 0; position: absolute; top: 10px; left: 0;  width: 50%; height: 20px; line-height: 20px; text-align: center; border: 0; border-right: 1px solid #ffffff;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic div.buttonMenuDeroulantSurClic a { 
text-transform: uppercase; color: #ffffff; font-weight: bold; font-size: 0.85rem;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic { 
margin: 0; padding: 0; position: absolute; top: 40px; left: 5%; width: 40%; z-index: 100; padding-top: 23px; background: url(../images/pictoTriangleMenu.png) top left no-repeat;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul { 
margin: 0; padding: 15px; list-style-type: none; column-count: 2; border: 3px solid var(--main-color); background-color: #ffffff; border-top: 0;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li { 
line-height: 30px; height: 30px; font-weight: bold; font-size: 1rem;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a { 
color: var(--main-text-color); text-decoration: none;
}
div#zoneHaut div#nav_rayons.IndeXysPortletNavigationPublication div.menuDeroulantSurClic nav.menuDeroulantSurClic ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#search_home.IndeXysPortletRecherche { 
margin: 0; margin-left: 260px; margin-right: 250px; padding: 0; height: 130px; 

display: flex; align-items: center; justify-content: center;
}
div#zoneHaut div#search_home.IndeXysPortletRecherche div.rechercheGenerale p { 
margin: 0; padding: 0; line-height: 2rem; display: flex; width: 280px;
}
div#zoneHaut div#search_home.IndeXysPortletRecherche div.rechercheGenerale p button { 
display: none;
}
div#zoneHaut div#search_home.IndeXysPortletRecherche div.rechercheGenerale p input.requete { 
border: 0; border-bottom: 1px solid #cccccc; color: #999999; box-flex: 1; flex-grow: 1; flex-shrink: 1; height: 2rem;
}
div#zoneHaut div#search_home.IndeXysPortletRecherche div.rechercheGenerale p label { 
display inline-block; margin: 0; padding: 0; padding-left: 2rem; background: url(../images/pictoThelemRecherche.png) center center no-repeat; height: 3rem; background-size: 100%;
}
div#zoneHaut div.IndeXysPortletEnTete { 
display: none; position: absolute; top: 0; left: 0; width: 100%;
}
div#zoneHaut div.IndeXysPortletEnTete div.enTete p { 
margin: 0; padding: 0; font-size: 0.875rem; text-transform: uppercase; color: var(--main-color); text-align: center; font-weight: 400;
}
div.IndeXysPortletUtils div.topPage { 
display: none;
}
html>body div#zoneCentre { 
height: auto; overflow: hidden;
}
span.separator { 
display: none;
}
@media (max-width: 992px) {   

div#zoneCentre {
margin-left: 200px; 
}

div#zoneHaut div#search_home.IndeXysPortletRecherche {
margin-left: 200px; 
}

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

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

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

div#zoneGauche {
width: 180px; 
}

}

@media (max-width: 768px) {   

div#zoneBas {
width: calc(100% - 4rem); column-gap: 2rem;
}

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

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

div#zoneHaut div#search_home.IndeXysPortletRecherche {
padding-top: 160px; height: auto; margin-left: 0; margin-right: 0; 
}

div#zoneCentre div.IndeXysPortletRecherche div.listeInformation {
grid-template-columns: repeat(2, 1fr); 
}

div#zoneHaut div#nav_home {
width: 180px;
}

}


@media (max-width: 576px) {   

div#zoneBas {
width: 100%; 
}

div#zoneCentre {
margin-left: 0; 
}

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

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

div#zoneCentre div.IndeXysPortletRecherche div.listeInformation {
grid-template-columns: repeat(2, 1fr); 
}

div#zoneGauche {
display: none; 
}

div#zoneHaut div#menu_burger.IndeXysPortletNavigationPublication {
  display: inline-block; top: 110px; 
}

div#zoneHaut div#nav_accueil div.liste ul li.accueil a {
width: 120px; height: 60px; background-size: 100%; 
}

}html[lang="pt"] div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication::after { 
content: 'Para uma quantidade maior, pode ser estudado um preço especial, contactar a Eurodor por correio, telefone 02 37 30 58 57';
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.coordinates span.out::before, html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.invoices span.out::before, html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletCompteClient ol.steps li.orders span.out::before { 
content: "O meu ";
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(1) span.in::before { 
content: '1. A minha encomenda';
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(2) span.in::before { 
content: '2. Os meus dados';
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(3) span.in::before { 
content: '3. Lugar de entrega';
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(4) span.in::before { 
content: '4. Faturação';
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(5) span.in::before { 
content: '5. O meu resumo';
}
html[lang="pt"] div#zoneGauche div.IndeXysCommercePortletSuiviCommande ol.etape li:nth-child(6) span.in::before { 
content: '6. Pagamento';
}div#fancybox-content div.information.IndeXysCommerceArticle.detail div.commande { 
display: block; width: 90%; margin-right: auto; margin-left: auto;
}
div#fancybox-content div.information.IndeXysCommerceArticle.detail div.texte { 
display: block; width: 90%; margin-right: auto; margin-left: auto;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste { 
min-height: 180px;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter a.ajouter { 
display: inline-block; margin-top: 1rem;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.image { 
display: none;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste div.texte h2 a { 
height: auto;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.information.IndeXysCommerceArticle.liste p.enSavoirPlus { 
margin-top: 1rem;
}
div.information.IndeXysCommerceArticle.detail > div.visuels { 
float: right; width: 360px;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.galerie div#survol { 
width: calc(100% - 5rem); float: right; text-align: center;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.galerie div#survol img { 
max-width: 100%
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.galerie div.vignettes { 
margin: 0; margin-right: 280px; width: 5rem;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.galerie div.vignettes a { 
display: block; margin: 0rem 0rem 1.25rem 0rem; border: 1px solid #dadae5; padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem; line-height: 3.5625rem; border-radius: 3px; text-align: center;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.galerie div.vignettes a img { 
max-width: 100%; max-height: 100%; vertical-align: middle;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.galerie div.vignettes a:hover { 
border-color: #121212;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.image { 
text-align: center;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.image a img { 
border: 0; max-width: 100%;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.image a span { 
display: none;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.listeTribuneDynamique { 
display: flex; justify-content: center; padding-left: 80px; /* display: grid; justify-content: center; grid-template-columns: repeat(3, 100px); */
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.listeTribuneDynamique div.information.tribune { 
width: 100px; grid-column-gap: 20px; margin-left: 10px; margin-right: 10px;
}
div.information.IndeXysCommerceArticle.detail > div.visuels div.listeTribuneDynamique div.information.tribune div.image img { 
max-width: 100%;
}
div.information.IndeXysCommerceArticle.detail > div.visuels-zoom { 
!height: 1%;
}
div.information.IndeXysCommerceArticle.detail div.commande { 
display: inline-block; width: 45%; margin-right: 4%; vertical-align: top;
}
div.information.IndeXysCommerceArticle.detail div.commande div.personnalisation div.saisie p { 
text-align: left;
}
div.information.IndeXysCommerceArticle.detail div.commande div.personnalisation div.saisie p label { 
font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.commande div.personnalisation div.saisie p textarea { 
width: 99%; height: 6rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.personnalisation img { 
max-width: 100%; height: auto;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p span.dateProchaineDisponibilite:before { 
content: ", sera de retour le ";
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter { 
display: flex; align-items: center; flex-wrap: wrap;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter button.ajouter { 
display: inline-block; margin: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 1rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter button.ajouter span:after { 
content: " au panier ";
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter button.ajouter:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter select.listeReference { 
height: 2.25rem; width: 80%; border: 1px solid #d7d7d7; border-radius: 3px; font-size: 0.875rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter select.listeReference option { 
color: var(--main-color);
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.br { 
display: block; margin: 0.375rem 0rem 0.25rem 0rem
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.prix { 
display: block; font-size: 1.75rem; color: var(--main-color); font-weight: bold; width: 100%; margin-bottom: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.prix-unitaire-si-pack { 
display: block; font-size: 1.75rem; color: var(--main-color); font-weight: bold; width: 100%; margin-bottom: 1rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity { 
display: inline-block; width: 25%; margin: 0.5rem; padding: 0.625rem 0rem 0.625rem 0rem; display: flex; align-items: center;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite { 
dispaly: inline-block; font-size: 0.875rem; height: 2.625rem; border-radius: 3px; border: 1px solid #d7d7d7; text-align: center; font-weight: bold; color: var(--main-color); width: calc(100% - 2rem); -moz-appearance: textfield;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite::-webkit-inner-spin-button { 
-webkit-appearance: none; margin: 0;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity input.quantite::-webkit-outer-spin-button { 
-webkit-appearance: none; margin: 0;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity label { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.dec.quantity-button { 
display: inline-block; font-size: 0; font-weight: bold; width: 2rem; text-align: center;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.dec.quantity-button:before { 
content: "\f078"; font-family: "FontAwesome"; font-size: 1rem; color: var(--main-color);
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.dec.quantity-button:hover { 
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.inc.quantity-button { 
display: inline-block; font-size: 0; font-weight: bold; width: 2rem; text-align: center;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.inc.quantity-button:after { 
content: "\f077"; font-family: "FontAwesome"; font-size: 1rem; color: var(--main-color);
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.quantity span.inc.quantity-button:hover { 
cursor: pointer;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter span.taille { 
display: block; margin: 0.375rem 0rem 0.25rem 0rem; font-size: 0.875rem; line-height: 1.5rem; font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.etat { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.etat.non-disponible { 
display: block;
color: var(--main-color);
font-weight: bolder;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.stock { 
margin: 0; margin-top: 1rem; padding: 0; line-height: 1.6rem; font-weight: 400; color: var(--main-text-color); text-transform: none; font-size: 1rem; font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.stock { 
font-weight: bold; font-size: 1.2rem;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.stock span.libelle { 
margin: 0; margin-top: 1rem; padding: 0; line-height: 1.6rem; color: var(--main-text-color); text-transform: none; font-size: 0;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.stock span.libelle:before { 
margin: 0; margin-top: 1rem; padding: 0; line-height: 1.6rem; color: var(--main-text-color); text-transform: none; font-size: 1rem; font-weight: bold; content: "En stock : ";
}
div.information.IndeXysCommerceArticle.detail div.commande p.codeArticle { 
margin: 0rem 0rem 0.3125rem 0rem;
}
div.information.IndeXysCommerceArticle.detail div.commande p.codeArticle span.libelle { 
margin: 0rem 0.5rem 0rem 0rem; font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.texte { 
margin: 0; padding: 0;
}
div.information.IndeXysCommerceArticle.detail div.texte h1 { 
margin: 0; padding: 0; line-height: 2rem; font-weight: bold; color: var(--main-text-color); font-size: 16pt;
}
div.information.IndeXysCommerceArticle.detail div.texte p { 
margin: 0; margin-top: 1rem; padding: 0; line-height: 1.6rem; font-weight: 400; color: var(--main-text-color); text-transform: none; font-size: 10pt;
}
div.information.IndeXysCommerceArticle.detail div.texte p.promotion { 
display: none;
}
div.information.IndeXysCommerceArticle.liste { 
position: relative; top: 0; left: 0; min-height: 220px;
}
div.information.IndeXysCommerceArticle.liste div.commande { 
margin: 0; padding: 0;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p { 
margin: 0; padding: 0; text-align: center;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p span.dateProchaineDisponibilite:before { 
content: ", sera de retour le ";
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter a.ajouter { 
display: none; /* inline-block; */ margin: 0.5rem; padding: 0.125rem 0.75rem 0.125rem 0.75rem; width: auto; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 1rem; line-height: 2rem;
background: var(--main-color); border: 1px solid var(--main-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/indeXys/ie/PIE.htc);
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter a.ajouter:hover { 
background-color: rgb(224,77,45,.7); border-color: rgb(224,77,45,.7);
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter button.ajouter { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter select.listeReference { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix { 
display: block; font-size: 0.8rem; line-height: 1rem; font-weight: bold; color: var(--main-color);
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix span.unit { 
/* display: none; */
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.prix-unitaire-si-pack { 
display: block; font-size: 0.8rem; line-height: 1rem; font-weight: bold; color: var(--main-color); padding-bottom: 0.75rem;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.ajouter span.quantity { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.non-disponible { 
color: var(--main-color);
font-weight: bolder;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.stock { 
display: none
}
div.information.IndeXysCommerceArticle.liste div.commande p.etat { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande p.etat.non-disponible { 
display: block;
}
div.information.IndeXysCommerceArticle.liste div.contenu p { 
margin: 0; padding: 0; text-align: center; font-size: 0.8rem; line-height: 1rem;
}
div.information.IndeXysCommerceArticle.liste div.image { 
margin: 0; margin-top: 1rem; padding: 0; text-align: center; height: 10rem;
}
div.information.IndeXysCommerceArticle.liste div.image img { 
text-align: center; max-width: 100%; max-height: 100%; height: auto;
}
div.information.IndeXysCommerceArticle.liste div.texte { 
margin: 0; margin-top: 1rem; height: 3.6rem;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 { 
margin: 0; padding: 0; line-height: 1.2rem; font-size: 1rem; text-align: center; font-weight: normal;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 a { 
color: var(--main-text-color-headers); padding-top: 0.5rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
div.information.IndeXysCommerceArticle.liste div.texte h2 span.unit { 
display: block; font-size: 0.7em;
}
div.information.IndeXysCommerceArticle.liste div.texte p.promotion { 
display: none;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus { 
margin: 0; padding: 0; padding-right: 0.25rem; text-align: right;
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a { 
display: inline-block; margin: 0; padding: 0; width: 1rem; height: 1rem; background: url(../images/pictoThelemEnSavoirPlus.png) center center no-repeat; /* border: 1px solid var(--main-color); */
}
div.information.IndeXysCommerceArticle.liste p.enSavoirPlus a span { 
display: none;
}
div.information.IndeXysCommerceRayon.detail div.diaporama { 
margin-top: 2rem;
}
div.information.IndeXysCommerceRayon.detail div.texte h1 { 
margin: 0; padding: 0; padding-right: 110px; height: 2rem; line-height: 2rem; font-weight: bold; border: 0; border-bottom: 1px solid var(--main-color); color: var(--main-color); font-size: 1rem; text-align: center;
}
div.information.IndeXysCommerceRayon.detail div.texte img { 
max-width: 100%; height: auto;
}
div.information.IndeXysCommerceRayon.detail div.texte p { 
margin: 0rem 0rem 1.25rem 0rem; line-height: 1.5rem;
}
div.information.liste { 
border: 1px solid #cccccc; padding: 0.5rem;
}
html>body div.information.IndeXysCommerceArticle.detail > div.visuels div.visuels-zoom { 
height: auto; overflow: hidden;
}
@media (max-width: 1200px) {   

}

@media (max-width: 992px) {

div.information.IndeXysCommerceArticle.detail > div.commande {
width: 100%; 
}

div.information.IndeXysCommerceArticle.detail > div.visuels {
float: none; width: 100%; !height: 1%; 
}

html>body div.information.IndeXysCommerceArticle.detail > div.visuels {
overflow: hidden; height: auto; 
}

}

@media (max-width: 768px) {   

}

@media (max-width: 576px) {   

}html[lang="pt"] div.information.IndeXysCommerceArticle.detail div.commande div.tarif p span.dateProchaineDisponibilite::before, html[lang="pt"] div.information.IndeXysCommerceArticle.liste div.commande div.tarif p span.dateProchaineDisponibilite::before { 
content: ", estará de volta em ";
}
html[lang="pt"] div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.ajouter button.ajouter span::after { 
content: " ao cesto ";
}
html[lang="pt"] div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.stock span.libelle::before { 
content: "Em stock : ";
}