div#zoneCentre div.IndeXysCommercePortletCompteClient { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0; padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a { 
color: #ff1821; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps { 
display: block; list-style-type: none; text-align: center; margin: 0px; padding: 0px; padding-top: 66px; padding-bottom: 10px; background: url(../images/fdEtapes.png) center left repeat-x;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li { 
display: inline; font-size: 12px; color: #103184; margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a { 
color: #103184; font-weight: normal; height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a.on { 
color: #ff1821; font-weight: bold; font-size:13px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li span.in { 
margin: 0px; padding: 0px; padding-left: 15px; padding-right: 15px; padding-top: 61px; /* background-color: #B8B0A6; */
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.coordinates a.on span.in { 
background-image: url(../images/btCoordonneesOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.coordinates span.in { 
background-image: url(../images/btCoordonneesOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.credits a.on span.in { 
background-image: url(../images/btPaiementOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.credits span.in { 
background-image: url(../images/btPaiementOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.invoices a.on span.in { 
background-image: url(../images/btRecapitulatifOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.invoices span.in { 
background-image: url(../images/btRecapitulatifOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.orders a.on span.in { 
background-image: url(../images/btPanierOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.compteClient ol.steps li.orders span.in { 
background-image: url(../images/btPanierOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button { 
display: inline-block; margin-left: 0.5em; padding: 5px; border: 0; background-color: #00adc6; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.dejaClient button:hover { 
background-color: #F0ff93; color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button { 
display: inline-block; margin-left: 0.5em; padding: 5px; border: 0; background-color: #00adc6; color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.recevoirMotDePasse button:hover { 
background-color: #F0ff93; color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient div.tabs ul.anchors { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0; border-top: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire { 
color: #cc0000;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.champObligatoire:after { 
content: " * ";
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset label.left { 
width: 10em; float: left; position: relative; top: 0.2em; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #00adc6; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h3 { 
margin: 0px; margin-top: 20px; padding: 0px; font-weight: bold; font-size: 13px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient h4 { 
margin: 0px; margin-top: 2em; padding: 0px; font-weight: bold; font-size: 15px; color: #00adc6; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p { 
margin: 0px; margin-top: 10px; font-size: 12px; color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p a.register { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.back { 
margin: 0px; margin-top: 20px; padding: 0px; padding-top: 3px; text-align: center; border: 0px; border-top: 1px solid #103184;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.sauvegarde label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 160px; text-align: center; line-height: 25px; height: 25px; background: #00adc6; color: #ffffff; border: 1px solid #00adc6; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select button.valider:hover { 
background-color: #F0ff93; color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 160px; text-align: center; line-height: 25px; height: 25px; background: #00adc6; color: #ffffff; border: 1px solid #00adc6; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient p.select input.valider:hover { 
background-color: #F0ff93; color: #00008f;
}
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 #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td { 
background-color: #ffffff; color: #666666; border: 1px solid #00adc6; font-size: 12px; font-weight: normal; margin: 0px; padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a { 
color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tbody tr td a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table tfoot tr td { 
background-color: #ffffff; color: #666666; border: 1px solid #9c9c9c; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletCompteClient table thead tr th { 
background-color: #00adc6; color: #ffffff; border: 1px solid #ffffff; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande { 
position: relative; top: 0px; left: 0px; margin: 0; padding: 0; padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande a { 
color: #00adc6; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient p.email label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient p.identifiant label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.IndeXysCommercePortletCompteClient p.motDePasse label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment { 
margin: 0px; padding: 0px; width: 280px; float: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.promotion { 
margin: 0px; margin-top: 10px; padding: 10px; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.promotion p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.promotion p.header { 
margin: 0px; margin-bottom: 10px; padding: 0px; padding-bottom: 5px; padding-left: 20px; font-size: 13px; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #6F625D; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.share { 
margin: 0px; margin-top: 10px; padding: 10px; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.aknowledgment div.share p.header { 
margin: 0px; margin-bottom: 10px; padding: 0px; padding-bottom: 5px; padding-left: 20px; font-size: 13px; color: #ffffff; font-weight bold; background: url(../images/fdTitre4.png) 0px 3px no-repeat; border: 0px; border-bottom: 1px solid #6F625D;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements { 
background-color: #ffffff; margin: 0px; padding: 10px; border: 1px solid #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc); position: relative; top: 0px; left: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p { 
text-align: center; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p span.date { 
color: #cc0000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.remerciements p.dateExpeditionPrevisionnelle { 
font-weight: bold; font-size: 13px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems { 
margin: 0px; margin-top: 10px; margin-left: 300px; padding: 10px; float: none; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc); position: relative; top: 0px; left: 0px; !height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item { 
margin-bottom: 10px; margin-right: 5px; padding: 0px; height: 265px; width: 145px; border: 1px solid #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; behavior: url(/indeXys/ie/PIE.htc); behavior: none\9; *behavior: url(/indeXys/ie/PIE.htc); float: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p span.price { 
display: block; font-size: 13px; font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p.coloris { 
margin: 0px; margin-top: 5px; margin-left: 15px; margin-right: 15px; padding: 0px; font-weight: bold; color: #cc0000; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item div.content p.price { 
margin: 0px; margin-top: 5px; margin-left: 25px; margin-right: 25px; padding: 5px; background-color: #edf2c0; border: 1px solid #cac4bc; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 12px; font-weight: bold; background: none; border: 0px; border: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 a { 
color: #666666; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item h4 a:hover { 
color: #cc0000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a img { 
margin: 0px; margin-top: 10px; padding: 0px; width: 115px; height: 115px; text-decoration: none; border: 1px solid #655057;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.image a:hover img { 
border: 1px solid #cdd521;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order a { 
display: block; background: url(../images/btJeCommande.png) center center no-repeat; height: 16px; cursor: pointer;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems div.item p.order a span { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment button { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; padding-left: 12px; padding-right: 12px; border: 1px solid #3e7c88; color: #3e7c88; cursor: pointer; font-size: 11px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment button:hover { 
border: 1px solid #81197f; color: #ffffff; background-color: #81197f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment div.payment div.echeancier p { 
margin: 0px; margin-top: 10px; padding: 0px; font-size: 12px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment h3 { 
display: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 18px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.amount { 
border: 0px; font-weight: bold; font-size: 18px; text-align: left; color: #103184;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.change-payment input:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.card-payment p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems { 
!height: 1%; margin: 0px; margin-left: 20px; margin-right: auto; padding: 0px; padding-top: 10px; padding-bottom: 10px; float: left; width: 430px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item { 
margin: 0px; margin-top: 20px; margin-right: 20px; padding: 0px; width: 97px; height: 197px; display: block; float: left; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p { 
text-align: center; color: #797979;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item div.content p span { 
font-weight: bold; color: #c4d42d; display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4 { 
margin: 0px; padding: 10px 0 2px; font-size: 12px; font-weight: bold; background: none; border: 0px; border: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title { 
text-align: center; color: #000000; border: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a { 
color: #797979; font-weight: normal;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item h4.title a:hover { 
color: #c2212c; text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a img { 
margin: 0px; padding: 0px; width: 95px; height: 95px; text-decoration: none; border: 1px solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a:hover img { 
border: 1px solid #c2212c;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.order { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.confirmationCommande p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.consentement_rgpd { 
margin-top: 20px; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping { 
margin: 0px; margin-top: 20px; padding: 0px; /* width: 45%; float: left; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button span:after { 
content: " vos achats";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping button:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping form { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p.navigation a { 
display: block ; display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 260px; text-align: center; line-height: 25px; height: 25px; background: #103184; color: #ffffff; border: 1px solid #103184; text-transform: uppercase; font-size: 11px; line-height: 25px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.continueShopping p.navigation a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais { 
margin-bottom: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse { 
display: inline-block; margin: 0; padding: 0; width: 45%; vertical-align: top;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.adresse p.select { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.horaires { 
display: inline-block; margin: 0; padding: 0; width: 45%; vertical-align: top;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.horaires p.titre { 
margin-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.listePointRelais div.pointRelais div.select { 
display: inline-block; margin: 0; padding: 0; width: 5%; vertical-align: middle;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.login { 
border: 1px solid #103184; margin: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; position: relative; top: 0px; left: 0px; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.login p.explication { 
font-size: 12px; margin-bottom: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees div.recoverPassword { 
background-color: #ffffff; border: 1px solid #637683; margin: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; position: relative; top: 0px; left: 0px; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset { 
/* position: relative; top: 0px; left: 0px; margin: 0px; margin-top: 60px; margin-left: auto; margin-right: auto; padding: 10px; border: 1px solid #6F625D; background-color: #ffffff; width: 470px; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset label.left { 
display: block; margin: 0px; padding: 0px; width: 100px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees fieldset legend { 
/* margin: 0px; margin-bottom: 10px; padding: 0px; padding-top: 20px; padding-bottom: 10px; font-weight: bold; border: 0px; border-bottom: 1px solid #c4d42d; display: block; position: absolute; left: -110px; top: -60px; width: 710px; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.coordonnees p.search input.rechercher { 
display: inline-block; margin: 0; padding: 0.375rem; background: #666666; color: #ffffff; border: 1px solid #000000; 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.expedition { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.holidays { 
margin: 0px; margin-left: auto; margin-right: 0px; padding: 0px; padding: 0px; padding-top: 30px; padding-bottom: 10px; width: 360px; position: relative; top: 0px; left: 0px; height: 145px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.holidays img { 
margin: 0px; padding: 0px; position: absolute; top: 10px; left: -27px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
!height: 1%;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier div.orderForm { 
margin: 0px; margin-top: 20px; padding: 0px; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check h3 { 
display: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 18px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.amount { 
border: 0px; font-weight: bold; font-size: 18px; text-align: left; color: #103184;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.change-payment input:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul { 
margin-top: 5px; padding-left: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li { 
margin: 0px; margin-top: 5px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li a { 
*/ color: #515151; text-decoration: none; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-check ul li a:hover { 
/* color: #c2212c; text-decoration: underline; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert h3 { 
display: block; margin: 0; margin-top: 20px; padding: 0; font-weight: bold; font-size: 18px; color: #666666; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.amount { 
border: 0px; font-weight: bold; font-size: 18px; text-align: left; color: #103184;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.change-payment input { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: none; color: #666666; border: 1px solid #666666; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.change-payment input:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdDownloadPdf.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.download-pdf a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print { 
padding: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print a { 
padding: 16px; padding-left: 48px; text-decoration: none; background: url(../images/fdImprimer.png) center left no-repeat; line-height: 32px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.payment-by-transfert p.print a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button { 
display: block; margin-top: 10px; margin-right: auto; padding: 5px; width: 200px; position: relative; top: 0px; left: 0px; text-decoration: none; text-align: center; border: 0px;
background: #DBDAd8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DBDAd8), to(#776961)); background: -webkit-linear-gradient(#DBDAd8, #776961); background: -moz-linear-gradient(#DBDAd8, #776961); background: -ms-linear-gradient(#DBDAd8, #776961); background: -o-linear-gradient(#DBDAd8, #776961); background: linear-gradient(#DBDAd8, #776961); -pie-background: linear-gradient(#DBDAd8, #776961); behavior: url(/indeXys/pie/PIE.htc);
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button span { 
color: #ffffff; font-size: 11px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.poursuivre p.navigation button:hover span { 
color: #c2212c;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode { 
margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode input { 
margin: 0px; margin-left: 5px; padding: 0px; width: 80px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.promotionCode p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 10px; border: 1px solid #00adc6; background-color: #ffffff; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.adresseFacturation h4 { 
margin: 0px; padding: 0px; border: 0px; display: block; position: absolute; left: -40px; top: -30px; width: 710px; font-size: 13px; font-weight: bold; color: #103184;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.basket { 
padding: 20px; padding-bottom: 0; background-color: #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address { 
margin: 0px; margin-top: 5px; padding: 5px; border: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p { 
margin: 0px; padding: 0px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.billing div.address p.fullname { 
font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address { 
margin: 0px; margin-top: 5px; padding: 5px; border: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p { 
margin: 0px; padding: 0px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.delivery div.address p.fullname { 
font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message { 
margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.leave-a-message textarea { 
margin: 0; margin-top: 5px; padding: 0; width: 100%; border: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment { 
margin: 0px; margin-left: 20px; margin-right: 20px; padding: 0px; padding-left: 20px; padding-right: 20px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment { 
margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment a { 
/* color: #000000; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment a:hover { 
/* color: #cc0000; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.methods-of-payment p.payment img { 
margin: 2px; margin-right: 4px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.personneFacturation { 
position: relative; top: 0px; left: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 50px; padding: 10px; border: 1px solid #9c9c9c; width: 470px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.personneFacturation h4 { 
margin: 0px; padding: 0px; border: 0px; display: block; position: absolute; left: -40px; top: -30px; width: 710px; font-size: 13px; font-weight: bold; color: #103184;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif div.table { 
border: 20px; solid #ffffff;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient { 
margin: 0px; margin-left: 20px; margin-right: 20px; margin-top: 65px; padding: 0; border: 1px solid #00adc6; position: relative; top: 0; left: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.choice { 
margin: 0; padding: 5px; text-align: left; font-size: 12px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.credits { 
margin: 0; padding: 5px; text-align: left; font-size: 12px; line-height: 2em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.credits span.indeXys-nowrap { 
display: block;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.net-to-pay { 
background-color: #00adc6;
color: #00008f;
border: 1px solid #00adc6;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding: 5px;
text-transform: uppercase;
display: flex;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.net-to-pay span.value { 
flex-grow: 1; text-align: right;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient div.net-to-pay span.value:after { 
content: ' €';
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif fieldset.creditsClient legend { 
position: absolute; top: -40px; left: 0; margin: 0; padding: 0; width: 100%; font-size: 0.8em; font-weight: bold; color: #00adc6; text-transform: uppercase; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.recapitulatif p.select { 
/* margin: 0px; margin-top: 25px; padding: 0px; text-align: center; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.save-your-order h4 { 
padding-left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping { 
/*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;*/
margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px;  text-align: center;
}
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;*/

margin: 0; padding: 0; text-align: left; border: 1px solid #cccccc; border-top: 0;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.delai { 
/*display: inline-block; width: 40px; border: 0; text-align: center;*/
display: inline-block; width: 70px; border: 0; border-left: 1px solid #cccccc; text-align: center; padding: 0.25rem;
}
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: right; padding: 0.25rem;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p span.titre { 
display: inline-block; width: calc(100% - 180px); border: 0;  text-align: left; padding: 0.25rem; border-left: 1px solid #cccccc;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery p:first-child { 
border-top: 1px solid #cccccc;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping div.methods-of-delivery:after { 
display: block; margin-top: 0.625rem; width: 100%; font-size: 0.9rem; color: #121212; content: "(pour les livraisons hors de la France Métropolitaine, nous contacter au 02 37 30 20 40)"; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.selectShipping h4 { 
/*display: inline-block; color: #c6281c; 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.sinscrire p a { 
color: #d9001a; font-weight: bold; font-size: 12px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder h4 { 
padding-left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation { 
margin-top: 15px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 260px; text-align: center; line-height: 25px; height: 25px; background: #103184; color: #ffffff; border: 1px solid #103184; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.startNewOrder p.navigation button:hover { 
background: none; border: 1px solid #103184; color: #103184;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder { 
margin: 0px; /* margin-left: 50%; */ margin-top: 20px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: #00adc6; color: #ffffff; border: 1px solid #00adc6; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button span:after { 
content: " votre commande";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder button:hover { 
background-color: #F0ff93; border-color: #F0ff93; color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder div.adressePanier label { 
font-weight: bold; width: 80px; float: left; position: relative; top: 5px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder form { 
padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder h4 { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder label.left { 
margin: 0px; padding: 0px; width: 90px; float: left; position: relative; top: 7px; left: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.submitOrder p { 
margin: 0px; margin-top: 5px; padding: 0px; padding-left: 10px; padding-right: 10px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape { 
display: block; list-style-type: none; text-align: center; margin: 0px; padding: 0px; padding-top: 66px; padding-bottom: 10px; background: url(../images/fdEtapes.png) center left repeat-x;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li { 
display: inline; font-size: 12px; color: #103184; margin: 0px; padding: 0px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a { 
color: #103184; font-weight: normal; height: 70px; text-decoration: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a.on { 
color: #ff1821; font-weight: bold; font-size:13px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li span.in { 
margin: 0px; padding: 0px; padding-left: 15px; padding-right: 15px; padding-top: 61px; /* background-color: #B8B0A6; */
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande a.on span.in { 
background-image: url(../images/btPanierOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.bonDeCommande span.in { 
background-image: url(../images/btPanierOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees a.on span.in { 
background-image: url(../images/btCoordonneesOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.coordonnees span.in { 
background-image: url(../images/btCoordonneesOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition a.on span.in { 
background-image: url(../images/btExpeditionOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.expedition span.in { 
background-image: url(../images/btExpeditionOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement a.on span.in { 
background-image: url(../images/btPaiementOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.paiement span.in { 
background-image: url(../images/btPaiementOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif a.on span.in { 
background-image: url(../images/btRecapitulatifOn.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.suivi ol.etape li.recapitulatif span.in { 
background-image: url(../images/btRecapitulatifOff.png); background-position: top center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0; border-top: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label { 
font-weight: bold;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire { 
color: #ff1821;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset label.champObligatoire:after { 
content: " * ";
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #00adc6; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande fieldset.referenceClient p.reference { 
display: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h3 { 
/*display: none;*/
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #00adc6; text-transform: uppercase; margin-top: 2em; padding-top: 0.5em;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande h4 { 
margin: 0; margin-top: 20px; margin-bottom: 20px; padding: 0; font-size: 0.8em; font-weight: bold; color: #00adc6; text-transform: uppercase; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande hr { 
margin: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px; color: #6F625D; background-color: #6F625D; border: 0px; height: 1px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande li { 
margin: 0px; margin-top: 5px; font-size: 12px; color: #637683;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p { 
margin: 0px; margin-top: 10px; font-size: 12px; color: #000000;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.back { 
margin: 0px; margin-top: 20px; padding: 0px; padding-top: 3px; text-align: center; border: 0px; border-top: 1px solid #103184;
}
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; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: #73b450; color: #ffffff; border: 1px solid #73b450; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.navigation button.creer:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.paniers-des-terroirs { 
dispplay: none;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select { 
margin: 0px; margin-top: 10px; padding: 0px; text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: #00adc6; color: #ffffff; border: 1px solid #00adc6; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select button.valider:hover { 
background-color: #F0ff93; border-color: #F0ff93; color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider { 
display: block; margin: 5px; margin-left: auto; margin-right: auto; padding: 0px; width: 200px; text-align: center; line-height: 25px; height: 25px; background: #00adc6; color: #ffffff; border: 1px solid #00adc6; text-transform: uppercase; font-size: 11px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande p.select input.valider:hover { 
background-color: #F0ff93; border-color: #F0ff93; color: #00008f;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table { 
margin: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0px; border-collapse: collapse; width: 99%; border: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table span.gratis { 
text-transform: uppercase; color: #D50A1E;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td { 
background-color: #ffffff; color: #666666; border: 1px solid #00adc6; 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.articleDesignation { 
text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleEnlever input { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; width: 30px; height: 30px; border: 1px solid #666666; color: #666666; cursor: pointer; font-size: 1px; text-transform: uppercase; background-color: #666666; background-image: url(../images/fdBoutonEnlever.png); background-position: center center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articlePrixUnitaire { 
text-align: right; padding: 0px; padding-right: 15px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleQuantite { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleTarifEnlever { 
text-align: center;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.articleTarifEnlever input { 
display: block; margin: 0px; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 2px; padding-left: 24px; padding-right: 0px; height: 30px; border: 1px solid #666666; color: #666666; cursor: pointer; font-size: 1px; text-transform: uppercase; background-color: #666666; background-image: url(../images/fdBoutonEnlever.png); background-position: left center; background-repeat: no-repeat;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.livraisonMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tbody tr td.remiseCommercialeMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td { 
background-color: #ffffff; color: #666666; border: 1px solid #9c9c9c; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.amount { 
text-align: right; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.designation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalDesignation { 
text-align: right; padding: 0px; padding-left: 10px; text-align: left;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr td.totalMontant { 
text-align: right; padding: 0px; padding-right: 10px;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotal td { 
background-color: #bfbcbb; color: #666666; border: 1px solid #00adc6; font-size: 13px; font-weight: normal; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalHt td { 
background-color: #F0ff93; color: #00008f; border: 1px solid #00adc6; font-size: 13px; font-weight: normal; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTtc td { 
background-color: #00adc6; color: #00008f; border: 1px solid #00adc6; font-size: 13px; font-weight: normal; margin: 0px; padding: 5px; text-transform: uppercase;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table tfoot tr.rowTotalTva td { 
color: #666666; font-weight: normal; font-size: 11px; border: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysCommercePortletSuiviCommande table thead tr th { 
background-color: #00adc6; color: #ffffff; border: 1px solid #ffffff; font-size: 13px; font-weight: normal; margin: 0px;   padding: 5px; text-align: center; text-transform: uppercase;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.aknowledgment-payment div.suggestedItems { 
height: auto; overflow: hidden;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems { 
overflow: hidden; height: auto;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.complementaryItems div.item p.image a:hover { 
text-decoration: none;
}
html>body div#zoneCentre div.IndeXysCommercePortletSuiviCommande div.panier { 
overflow: hidden; height: auto;
}
body { 
margin: 0; padding: 0; background-color: #00adc6; font-family: Source Sans Pro,sans-serif;
}
body#publication.catalogue div#conteneur.anniversaire-clients div#zoneCentre div.IndeXysPortletNavigationPublication { 
display: block;
}
body#publication.catalogue div#conteneur.anniversaire-clients div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
display: none;
}
body#publication.catalogue div#zoneCentre { 
position: relative; top: 0; left: 0; padding-left: 235px;
}
body#publication.catalogue div#zoneDroite { 
display: block; background-color: #ffffff; width: 230px; float: left; clear: both; position: relative; top: 0; left: 0; z-index: 101;
}
body#rubrique.catalogue div#zoneCentre { 
position: relative; top: 0; left: 0; padding-left: 235px;
}
body#rubrique.catalogue div#zoneDroite { 
display: block; background-color: #ffffff; width: 230px; float: left; clear: both; position: relative; top: 0; left: 0; z-index: 101;
}
button,input { 
font-family: Source Sans Pro,sans-serif;
}
div#conteneur { 
background-color: #ffffff;
}
div#conteneur * { 
box-sizing: border-box;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
margin: 0;  padding: 0;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste { 
border: 0; border-top: 1px solid #666666; width: 100%; margin: 0; margin-top: 20px; padding-top: 10px; padding-bottom: 10px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande { 
display: inline-block; vertical-align: middle; width: 48%; margin: 0px; margin-left: 1%; margin-right: 0.5%; padding: 0; height: 55px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form { 
display: block; height: 55px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter { 
display: inline-block; margin: 0; padding: 0; vertical-align: middle; width: 95%; line-height: 20px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter a.ajouter { 
display: inline-block; vertical-align: middle; width: 20%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 5px; padding-left: 35px; text-decoration: none;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter a.ajouter:hover { 
text-decoration: underline;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter button { 
display: inline-block; vertical-align: middle; width: 20%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 5px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter span.prix { 
display: inline-block; vertical-align: middle; width: 36%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form p.ajouter span.quantity { 
display: inline-block; vertical-align: middle; width: 36%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.commande div.tarif form:before { 
content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte { 
display: inline-block; vertical-align: middle; width: 48%; margin: 0px; margin-left: 1%; margin-right: 0.5%; padding: 0; *display: inline; *zoom: 1; height: 55px;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte h2 { 
display: inline-block; vertical-align: middle; width: 56%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0; font-size: 1em; height: auto;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte p.codeArticle { 
display: inline-block; vertical-align: middle; width: 37%; margin: 0;  margin-left: 1%; margin-right: 0.5%; padding: 0;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste div.texte:before { 
content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;
}
div#conteneur.IndeXysCommerceArticle div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication div.IndeXysCommerceArticle.liste p.enSavoirPlus { 
display: none;
}
div#zoneBas { 
clear: both; position: relative; top: 0; left: 0; margin-bottom: 50px; padding-top: 20px; background-color: #00adc6;
}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique { 

}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0; list-style-type: none; text-align: center;
}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique ul li { 
display: inline; color: #ffffff; font-size: 0.8em;
}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique ul li a { 
color: #ffffff; text-decoration: none;
}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique ul li.delais-et-livraison:after { 
content: " | ";
}
div#zoneBas div#nav-footer.IndeXysPortletNavigationRubrique ul li.mentions-legales:after { 
content: " | ";
}
div#zoneCentre { 
padding-left: 0;
}
div#zoneCentre div.EurodorCadeauxAffairesPortletAlerte div.alerteDelaiExpedition p { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 0.9em; color: #ff1821; font-weight: bold;
}
div#zoneCentre div.IndeXysPortletFilAriane { 
margin: 0; padding: 0; padding-top: 5px;
}
div#zoneCentre div.IndeXysPortletFilAriane p { 
margin: 0; padding: 5px; color: #00adc6;
}
div#zoneCentre div.IndeXysPortletFilAriane p a { 
color: #00adc6; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletFilAriane p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletNavigationPublication { 
display: none; padding-top: 30px;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li { 
display: block; margin: 0; padding: 0; width: 33%; float: left;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a.off { 
display: block; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding: 0; border: 1px solid #00008f; width: 80%; text-align: center; font-size: 2em; color: #00adc6; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a.off span.out { 
display: block; margin: 0; padding: 25px;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li ul li { 
display: block; margin: 0; padding: 0; width: 100%; float: none;
}
div#zoneCentre div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li ul li div.information.liste { 
display: block; width: 80%; margin-left: auto; margin-right: auto;
}
div#zoneCentre div.IndeXysPortletPublication div.detailPublication h1 { 
line-height: 30px; color: #00008f; font-size: 2em; text-align: center; width: 100%; margin: 0; padding: 0; padding-top: 10px;
}
div#zoneCentre div.IndeXysPortletPublication div.listeSousPublication { 
margin: 0; padding-top: 40px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication { 
margin: 0; padding: 10px; padding-bottom: 20px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle { 
display: block; padding-left: 10px; padding-right: 10px; line-height: 25px; height: 25px;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.off a { 
color: #666666; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.off a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.on { 
font-weight: bold;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.cle.on a { 
color: #00adc6; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton { 
display: inline-block; margin: 0; padding: 0; width: 25px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.hide { 
background: url(../images/buttonHide.png) center center no-repeat;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.clicButton.show { 
background: url(../images/buttonShow.png) center center no-repeat;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.content { 
display: inline-block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 200px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.content div.content-in { 
position: absolute; top: 0; left: 0; border: 1px solid #cccccc; width: 200px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneCentre div.IndeXysPortletPublication div.triPublication div.title { 
display: inline-block; margin: 0; padding: 0; padding-right: 10px; line-height: 30px; height: 30px; vertical-align: middle;
}
div#zoneCentre div.IndeXysPortletRecherche div.resultats p { 
margin: 0; margin-top: 0.5em; padding: 10px; font-size: 0.9em; color: #000000;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie p { 
margin: 0; padding: 0.5em; text-align: center;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie p a img { 
margin: 0.5em; padding: 0; border: 1px solid #999999;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique div.galerie p a:hover img { 
border: 1px solid #ff1821;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form { 
padding-left: 10%; padding-right: 10%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button { 
display: inline-block; margin: 0; padding: 10px; color: #ffffff; background-color: #ff1821; border: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form button:hover { 
cursor: pointer; text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset { 
margin: 0; margin-top: 2em; padding: 0; padding-top: 0.5em; border: 0; border-top: 1px solid #00adc6;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label { 
font-weight: normal; color: #666666;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.champObligatoire { 
font-weight: bold; color: #ff1821;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.champObligatoire:after { 
content: " *";
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset label.left { 
width: 14em; float: left; position: relative; top: 0.2em; left: 0;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset legend { 
margin: 0; padding: 0; padding-right: 1em; font-size: 1em; font-weight: bold; color: #00adc6; text-transform: uppercase;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique form fieldset textarea.fullWidth { 
margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 99%;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h2 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.5em; font-weight: bold; color: #00adc6;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique h3 { 
margin: 0; margin-top: 0.5em; padding: 0; font-size: 1.2em; font-weight: bold; color: #666666;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique iframe { 
overflow: hidden;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p { 
margin: 0; margin-top: 0.5em; padding: 10px; font-size: 0.9em; color: #000000;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a { 
color: #ff1821;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a img { 
margin: 0.5em; padding: 0.5em; border: 1px solid #999999;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique p a:hover img { 
border-color: #ff1821;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul { 
margin: 0; margin-top: 0.5em; padding: 0; padding-left: 2em;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li { 
margin: 0; margin-top: 0.25em; font-size: 0.9em; color: #666666;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li a { 
color: #ff1821;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.contenuRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletRubriquePublication div.titreRubrique h1 { 
margin: 0; padding: 20px; color: #00008f; font-size: 2em; text-align: center;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication { 
margin: 0; padding: 0; padding-bottom: 20px; text-align: center;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune { 
display: inline-block; width: 15%; margin-top: 20px; margin-left: 3%; margin-right: 3%; background-color: #f0ff93;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune div.commande div.tarif { 
display: none; 
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune div.image img { 
height: 100px;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune div.texte h4 { 
font-size: 0.8em;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune div.texte h4 a { 
color: #00008f; text-decoration: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune div.texte h4 a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune p.enSavoirPlus { 
margin: 10px; margin-left: 20%; margin-right: 20%; padding: 5px; background-color: #00adc6; color: #ffffff; text-align: center;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune p.enSavoirPlus a { 
color: #ffffff; text-decoration: none; font-size: 0.8em;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune p.enSavoirPlus a span { 
display: none;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune p.enSavoirPlus a:after { 
content: "en savoir plus";
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune p.enSavoirPlus a:hover { 
text-decoration: underline;
}
div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.titreSelection h3 { 
margin: 0; padding-top: 20px; padding-bottom: 10px; color: #00008f; font-size: 3em;
}
div#zoneDroite { 
display: none; padding-top: 105px;
}
div#zoneDroite div.IndeXysPortletNavigationPublication { 
margin: 10px; background-color: #00adc6; border: 1px solid #00adc6; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/indeXys/ie/PIE.htc);
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a { 
display: block; line-height: 20px; font-size: 1em; min-height: 30px; margin: 0; padding: 0; padding-right: 25px; background: url(../images/btNavigationZoneGauche.png) center right no-repeat; color: #ffffff; text-decoration: none;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a span.out { 
display: block; margin: 0; padding: 5px; padding-right: 25px;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a.over { 
display: none;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li ul li a.off { 
display: block;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li ul li a.on { 
display: block; background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li ul li a.over { 
display: block;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.anniversaire-clients a { 
margin-left: 2px; margin-right: 2px; background-color: #ffffff; background-image: url(../images/btNavigationZoneGaucheOver.png); color: #00adc6;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.anniversaire-clients a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.demande-specifique-1 a { 
margin-left: 2px; margin-right: 2px; background-color: #ffffff; background-image: url(../images/btNavigationZoneGaucheOver.png); color: #00adc6;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.demande-specifique-1 a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.imprimes-personnalisables a.over { 
display: block;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.les-promotions a { 
margin-left: 2px; margin-right: 2px; background-color: #ffffff; background-image: url(../images/btNavigationZoneGaucheOver.png); color: #00adc6;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.les-promotions a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.les-vendus a { 
margin-left: 2px; margin-right: 2px; background-color: #ffffff; background-image: url(../images/btNavigationZoneGaucheOver.png); color: #00adc6;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.les-vendus a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.nouveautes-1 a { 
margin-left: 2px; margin-right: 2px; background-color: #ffffff; background-image: url(../images/btNavigationZoneGaucheOver.png); color: #00adc6;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.nouveautes-1 a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.personnaliser-a-votre-nom a { 
margin-left: 2px; margin-right: 2px; background-color: #ffffff; background-image: url(../images/btNavigationZoneGaucheOver.png); color: #00adc6;
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.menuNonDeroulant ul li.personnaliser-a-votre-nom a:hover { 
background-color: #f0ff93; color: #00adc6; background-image: url(../images/btNavigationZoneGaucheOver.png)
}
div#zoneDroite div.IndeXysPortletNavigationPublication div.titrePortlet h3 { 
margin: 0; padding: 10px; color: #ffffff; font-size: 1.2em; text-align: center; text-transform: uppercase;
}
div#zoneGauche { 
clear: both; background-color: #f0ff93; padding-left: calc(50% - 240px); height: 80px;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables a { 
background: url(../images/btImprimes.png) top center no-repeat;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables ul li { 
width: 200px;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables ul li a { 
background: none;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables ul li a:hover { 
background: #f0ff93; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires { 
width: 160px;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires a { 
background: url(../images/btObjects.png) top center no-repeat;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li { 
width: 200px;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li a { 
background: none;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li a:hover { 
background: #f0ff93; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.anniversaire-clients a { 
background-color: #ffffff; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.anniversaire-clients a:hover { 
background: #f0ff93;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.demande-specifique-1 a { 
background-color: #ffffff; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.demande-specifique-1 a:hover { 
background: #f0ff93;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.les-promotions a { 
background-color: #ffffff; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.les-promotions a:hover { 
background: #f0ff93;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.les-vendus a { 
background-color: #ffffff; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.les-vendus a:hover { 
background: #f0ff93;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.nouveautes-1 a { 
background-color: #ffffff; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.nouveautes-1 a:hover { 
background: #f0ff93;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.personnaliser-a-votre-nom a { 
background-color: #ffffff; color: #00adc6;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires ul li.personnaliser-a-votre-nom a:hover { 
background: #f0ff93;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand { 
width: 160px;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand a { 
background: url(../images/btPlv.png) top center no-repeat;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand ul li { 
width: 200px;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand ul li a { 
background: none;
}
div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand ul li a:hover { 
background: #f0ff93; color: #00adc6;
}
div#zoneGauche div.IndeXysPortletNavigationPublication { 

}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul { 
margin: 0; padding: 0; padding-top: 5px; list-style-type: none;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li { 
display: block; position: relative; top: 0; left: 0; float: left; width: 220px;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li a { 
display: block; text-align: center;  font-size: 0.8em; color: #00008f; padding-top: 55px; text-transform: uppercase; text-decoration: none; font-size: 0.75em;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li a span.in { 
display: inline-block; padding-right: 18px; background: url(../images/btDeroule.png) center right no-repeat;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul { 
position: absolute; top: 70px; left: -20px;  background-color: #00adc6; width: 200px; z-index: 1000; margin: 0; padding: 0; list-style-type: none;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul li { 
margin: 0; padding: 0; line-height: 25px; font-size: 0.8em;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul li a { 
color: #ffffff; text-decoration: none; padding-top: 0; padding-left: 5px; padding-right: 5px; display: block; text-align: left; text-transform: none; font-size: 1.3em;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul li a span.in { 
padding: 0; background: none;
}
div#zoneGauche div.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul li a:hover { 
text-decoration: none; background-color: #f0ff93;
}
div#zoneHaut { 
position: relative; top: 0; left: 0; background-color: #00adc6;
}
div#zoneHaut  div.IndeXysPortletUrl { 
position: relative; top: 0; left: 0; z-index: 1; padding-left: 30px; padding-right: 30px; padding-bottom: 10px;
}
div#zoneHaut  div.IndeXysPortletUrl p { 
margin: 0; padding: 0; color: #ffffff; font-size: 0.8em; line-height: 20px;
}
div#zoneHaut  div.IndeXysPortletUrl p.aide { 
margin-top: 30px; font-weight: bold; font-size: 1.2em; line-height: 24px;
}
div#zoneHaut  div.IndeXysPortletUrl p.logo { 
margin-top: 30px;
}
div#zoneHaut  div.IndeXysPortletUrl p.titre { 
position: absolute; top: 60px; left: 240px; width: calc(100% - 480px); font-size: 2.4em; text-align: center; font-family: Times, Serif; color: #ffffff; text-transform: uppercase; line-height: 1.2em; font-weight: bold;
}
div#zoneHaut div#compte.IndeXysCommercePortletTribuneCompteClient { 
position: absolute; top: 80px; right: 50px; width: 200px; z-index: 101;
}
div#zoneHaut div#compte.IndeXysCommercePortletTribuneCompteClient div.contenuPortlet { 
margin: 0; padding: 0; padding-left: 5px;  padding-right: 5px;
}
div#zoneHaut div#compte.IndeXysCommercePortletTribuneCompteClient div.identite p { 
margin: 0; padding: 0; font-size: 0.8em; color: #ffffff; line-height: 15px;
}
div#zoneHaut div#compte.IndeXysCommercePortletTribuneCompteClient div.identite p a { 
color: #ffffff; text-decoration: none;
}
div#zoneHaut div#compte.IndeXysCommercePortletTribuneCompteClient div.identite p a:hover { 
text-decoration: underline;
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique { 
display: block; margin: 0; padding: 5px; position: absolute; top: 0; right: 0; background-color: #f0ff93; z-index: 100; font-size: 0.9em; padding-left: 10px; padding-right: 10px; color: #00008f;
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0; list-style-type: none; text-align: right;
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique ul li { 
display: inline;
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique ul li a { 
color: #00008f; text-decoration: none;
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique ul li.vins:after { 
content: " | ";
}
div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique ul:before { 
content: "Liens vers : ";
}
div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique { 
position: absolute; top: 40px; right: 50px; width: 200px; height:200px; border: 1px solid #ffffff; z-index: 100;
}
div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet { 
margin: 0; padding: 10px;
}
div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet ul li { 
display: inline; font-size: 0.9em;
}
div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet ul li a { 
display: block; margin 0; padding: 0; padding-left: 40px; color: #ffffff; text-decoration: none; background: url(../images/fdCompte.png) top left no-repeat; height: 30px; font-weight: bold; line-height: 30px;
}
div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique { 
position: absolute; top: 200px; right: 50px; width: 200px; z-index: 101; border: 0; border-top: 1px solid #ffffff;
}
div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique div.contenuPortlet { 
margin: 0; padding: 10px; padding-top: 5px; padding-bottom: 5px;
}
div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique ul { 
margin: 0; padding: 0; list-style-type: none;
}
div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique ul li { 
display: inline; font-size: 0.9em;
}
div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique ul li a { 
display: block; margin 0; padding: 0; padding-left: 40px; color: #ffffff; text-decoration: none; background: url(../images/fdDemandeDevis.png) top left no-repeat; height: 30px; line-height: 30px;
}
div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique ul li a:hover { 
text-decoration: underline;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier { 
position: absolute; top: 130px; right: 50px; z-index: 101; width: 200px; border: 0; border-top: 1px solid #ffffff;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.contenuPortlet { 
margin: 0; padding: 10px;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.montant { 
display: block; width: 40%; float: right;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.montant p { 
margin: 0; padding: 0; line-height: 20px; font-size: 0.9em;  color: #ffffff;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite { 
position: relative; top: 0; left: 0; padding-left: 40px;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p { 
margin: 0; padding: 0; line-height: 20px; font-size: 0.9em; color: #ffffff;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite p.vide { 
margin: 0; padding: 0; /* position: absolute; top; 0; left: 0; width: 200%; */
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 { 
margin: 0; padding: 0; line-height: 20px; font-size: 0.9em; font-weight: normal;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a { 
display: block; margin 0; padding: 0; padding-left: 40px; color: #ffffff; text-decoration: none; background: url(../images/fdPanier.png) top left no-repeat; height: 30px;
}
div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a:hover { 
color: #ffffff; text-decoration: underline;
}
div#zoneHaut div.IndeXysPortletRecherche { 
position: absolute; top: 150px; left: 35%; width: 30%; z-index: 101;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale form { 
margin: 0; padding: 0;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale form p { 
margin: 0; padding: 0; height: 30px; line-height: 30px; background-color: #ffffff;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale form p button { 
margin: 0; padding: 0; border: 0; width: 30px; height: 30px; line-height: 30px; background: url(../images/btSearch.png) center center no-repeat; vertical-align: middle;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale form p button span { 
display: none;
}
div#zoneHaut div.IndeXysPortletRecherche div.rechercheGenerale form p input { 
margin: 0; padding: 0; border: 0; line-height: 30px; height: 30px; width: calc(99% - 30px); color: #00adc6; text-align: center; font-size: 0.8em;
}
@media screen and (max-width: 1020px) {
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune {
                width: 25%;  
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                font-size: 2em; 
	}
}

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

        div#zoneCentre {
               padding-left: 0;  
        }
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune {
                width: 32%;  
	}
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.titreSelection h3 {
                font-size: 2em;   
	}
        div#zoneDroite {
               display: none; 
        }
        div#zoneHaut div.IndeXysPortletRecherche {
                position: relative; top: 0; left: 0; width: auto; margin: 0; margin-top: 5px; padding: 90; padding-left: 10px; padding-right: 10px; 
	}
        div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique {
                position: relative; top: 0; left: 0; 
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                position: relative; top: 0; left: 0; font-size: 1.6em; margin-top: 30px; padding: 0; width: 100%; height: 30px; 
	}
        div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique {
                top: 150px; right: 20px; 
        }
        div#zoneHaut div.IndeXysCommercePortletTitrePanier {
                top: 240px; right: 20px; 
        }
        div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique {
                top: 310px; right: 20px; 
        }
}

@media screen and (max-width: 640px) {
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune {
                width: 42%;  
	}
        div#zoneGauche {
                height: 90px; padding-left: calc(50% - 240px); 
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires {
                width: 160px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand {
                width: 160px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables {
                width: 160px;
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                font-size: 1.6em; 
	}
}

@media screen and (max-width: 480px) {
        div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique {
                width: 50px; height: 150px;
	}
        div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet ul li a span.out {
                display: none;
	}
        div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique {
                width: 50px; top: 250px; 
	}
        div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique div.contenuPortlet ul li a span.out {
                display: none;
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier {
                width: 50px; top: 200px; 
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span {
                display: none;
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier div.montant {
                display: none;
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite {
                display: none;
	}
         div#zoneGauche {
                height: 90px; padding-left: calc(50% - 150px); 
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li a {
                font-size: 0.5em;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul {
                left: 0; 
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul li a {
                font-size: 1.2em;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires {
                width: 100px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand {
                width: 100px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables {
                width: 100px;
	}
        div#zoneHaut div.IndeXysPortletUrl {
                padding-left: 20px; padding-right: 20px; 
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                font-size: 1.3em; 
	}
}
body#publication div#conteneur.IndeXysCommerceRayon.imprimes-personnalisables div.information.liste div.tarif { 
display: none;
}
body#publication div#conteneur.flyers-avec-vous-a-chaque-moment div.information.detail div.commande:before { 
content: "Vos flyers imprimés et livrés directement chez vous"; margin: 0; margin-top: 20px; color: #00008f; font-weight: bold; font-size: 1.5em; text-transform: none; text-decoration: underline; text-decoration-color: #ffffff;
}
body#publication div#conteneur.flyers-avec-vous-a-chaque-moment div.information.detail div.image::after { 
display: none;
}
body#publication div#conteneur.flyers-les-mois-qui-comptent div.information.detail div.commande:before { 
content: "Vos flyers imprimés et livrés directement chez vous"; margin: 0; margin-top: 20px; color: #00008f; font-weight: bold; font-size: 1.5em; text-transform: none; text-decoration: underline; text-decoration-color: #ffffff;
}
body#publication div#conteneur.flyers-les-mois-qui-comptent div.information.detail div.image::after { 
display: none;
}
body#publication div#conteneur.flyers-roulez-bien-protege div.information.detail div.commande:before { 
content: "Vos flyers imprimés et livrés directement chez vous"; margin: 0; margin-top: 20px; color: #00008f; font-weight: bold; font-size: 1.5em; text-transform: none; text-decoration: underline; text-decoration-color: #ffffff;
}
body#publication div#conteneur.flyers-roulez-bien-protege div.information.detail div.image::after { 
display: none;
}
body#publication div#conteneur.votre-logement-bien-protege div.information.detail div.commande:before { 
content: "Vos flyers imprimés et livrés directement chez vous"; margin: 0; margin-top: 20px; color: #00008f; font-weight: bold; font-size: 1.5em; text-transform: none; text-decoration: underline; text-decoration-color: #ffffff;
}
body#publication div#conteneur.votre-logement-bien-protege div.information.detail div.image::after { 
display: none;
}
body#rubrique.recherche div.information.liste div.tarif ul { 
display: none;
}
div#conteneur.IndeXysCommerceArticle div.information.detail { 
background-color: #F0ff93; !height: 1%;
}
div#conteneur.IndeXysCommerceArticle div.listeSousPublication div.information.liste div.texte p { 
display: none;
}
div#conteneur.IndeXysCommerceArticle div.listeSousPublication div.information.liste div.texte p.codeArticle { 
display: block;
}
div.IndeXysCommerceArticle.detail div.commande div.personnalisation p { 
margin: 0; margin-top: 10px; padding: 0; color: #000000; text-align: left;
}
div.IndeXysCommerceArticle.detail div.commande div.personnalisation p label { 
display: block; margin: 0; padding: 0; font-weight: bold; color: #000000;
}
div.IndeXysCommerceArticle.detail div.commande div.personnalisation p textarea { 
margin: 0; margin-top: 5px; padding: 0; width: 40%; height: 8em;
}
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.alerte-expedition { 
color: #CD5A41; font-size: 12px; font-weight: bold;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.alerte-expedition span.reference { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.alerte-expedition span.reference span.label { 
display: none;
}
div.information.IndeXysCommerceArticle.detail div.commande div.tarif p.alerte-expedition span.reference:first-child { 
display: block;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition { 
color: #CD5A41; font-size: 12px; font-weight: bold; text-align: center;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition span.reference { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition span.reference span.label { 
display: none;
}
div.information.IndeXysCommerceArticle.liste div.commande div.tarif p.alerte-expedition span.reference:first-child { 
display: block;
}
div.information.IndeXysCommerceRayon.detail { 
margin-top: 0; padding: 0; padding-left: 20px; padding-right: 20px;
}
div.information.IndeXysCommerceRayon.detail div.texte { 
padding-top: 0;
}
div.information.IndeXysCommerceRayon.detail div.texte h1 { 
position: relative; top: 0; left: 0;
}
div.information.detail { 
padding: 20px; padding-left: 15%; padding-right: 7%; margin: 0; margin-top: 80px; position: relative; top: 0; left: 0; /* !height: 1%; */
}
div.information.detail div.commande div.tarif ul li span.prix-suivant span.unit { 
display: none;
}
div.information.detail div.commande div.tarif ul li span.prix-suivant:before { 
content: " \A (puis "; white-space: pre;
}
div.information.detail div.commande div.tarif ul li span.titre-suivant:after { 
content: ")";
}
div.information.detail div.demande-devis { 
display: none;
}
div.information.detail div.image { 
float: right; position: relative; top: 20px; right: 20px; margin-left: 40px; margin-bottom: 80px; width: 50%;
}
div.information.detail div.image div.galerie p { 
text-align: center;
}
div.information.detail div.image div.galerie p a { 
margin-left: 5px; margin-right: 5px;
}
div.information.detail div.image div.galerie p a img { 
border: 0;
}
div.information.detail div.image div.zoom { 
text-align: center;
}
div.information.detail div.image div.zoom a span { 
display: none;
}
div.information.detail div.image:after { 
/* display: inline-block; content: "Pour une quantité importante, un prix spécial peut vous être proposé"; font-style: italic; color: #00008f; width: 100%; text-align: center; */
}
div.information.detail div.services { 
display: none;
}
div.information.detail div.texte { 
margin: 0; padding-top: 20px;
}
div.information.detail div.texte h1 { 
position: absolute; top: -70px; left: 0; z-index: 90;
}
div.information.detail div.texte h2 { 
margin: 0; margin-top: 20px; color: #00008f; font-size: 1.5em; text-transform: none; text-decoration: underline; text-decoration-color: #ffffff;
}
div.information.detail div.texte h3 { 
margin: 0; margin-top: 20px; color: #00adc6; font-size: 1.4em; text-transform: none;
}
div.information.detail div.texte p { 
margin: 0; margin-top :10px; padding: 0;
}
div.information.detail div.texte p strong { 
color: #00adc6;
}
div.information.detail div.texte p.contact { 
margin: 0; margin-top: 20px; padding: 0;
}
div.information.detail div.texte p.contact a { 
margin: 0; margin-top: 10px; padding: 10px; border: 0; background-color: #00adc6; color: #ffffff; font-family: Arial; Helvetica; Sans-serif; background-image: url(../images/fdDemandeDevis.png); background-position: center left; background-repeat: no-repeat; padding-left: 40px; font-size: 0.8em; text-decoration: none;
}
div.information.detail div.texte p.contact a:hover { 
text-decoration: underline;
}
div.information.detail p.ajouter button span:after { 
content: " au panier";
}
div.information.detail p.ajouter button.ajouter { 
margin: 0; margin-top: 10px; margin-right: 10px; padding: 10px; border: 0; background-color: #ff0000; color: #ffffff; font-family: Arial; Helvetica; Sans-serif; background-image: url(../images/btAjouter.png); background-position: center left; background-repeat: no-repeat; padding-left: 40px; padding-right: 10px; font-size: 0.8em;
}
div.information.detail p.ajouter button:hover { 
text-decoration: underline;
}
div.information.detail p.ajouter span.prix { 
font-size: 1em; color: #00008f; font-weight: bold;
}
div.information.detail p.ajouter span.prix span.amount:before { 
content: "Prix unitaire : "; color: #00008f; font-weight: bold;
}
div.information.detail p.ajouter span.quantity { 
display: block; margin: 0; margin-top: 10px; text-align: left; font-size: 1em;
}
div.information.detail p.ajouter span.quantity input { 
width: 80px;
}
div.information.detail p.ajouter span.quantity input:before { 
content: "Quantité : ";
}
div.information.detail p.ajouter span.quantity label { 
display: none;
}
div.information.detail p.ajouter span.quantity:before { 
content: "Quantité : ";
}
div.information.detail p.codeArticle { 
color: #00008f; text-align: center;
}
div.information.detail p.codeArticle span.libelle { 
margin-right: 5px;
}
div.information.detail p.stock { 
margin: 0; margin-top: 10px;
}
div.information.detail span.lien-demande-devis { 
display: inline-block;
}
div.information.detail span.lien-demande-devis a { 
margin: 0; margin-top: 10px; padding: 10px; border: 0; background-color: #00adc6; color: #ffffff; font-family: Arial; Helvetica; Sans-serif; background-image: url(../images/fdDemandeDevis.png); background-position: center left; background-repeat: no-repeat; padding-left: 40px; font-size: 0.8em; text-decoration: none;
}
div.information.detail span.lien-demande-devis a:hover { 
text-decoration: underline;
}
div.information.liste { 
display: inline-block; width: 200px; margin: 30px; margin-top: 0; background-color: #f0ff93; padding-top: 30px;
}
div.information.liste div.commande { 
margin: 0; padding: 0; height: 150px;
}
div.information.liste div.commande p.ajouter { 
margin: 0; padding: 0; text-align: center; font-size: 1em;
}
div.information.liste div.commande p.ajouter a.ajouter { 
margin: 0; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; border: 0; background-color: #ff0000; color: #ffffff; font-family: Arial; Helvetica; Sans-serif; background-image: url(../images/btAjouter.png); background-position: center left; background-repeat: no-repeat; padding-left: 40px; font-size: 0.8em;
}
div.information.liste div.commande p.ajouter button { 
margin: 0; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; border: 0; background-color: #ff0000; color: #ffffff; font-family: Arial; Helvetica; Sans-serif; background-image: url(../images/btAjouter.png); background-position: center left; background-repeat: no-repeat; padding-left: 40px; font-size: 0.8em;
}
div.information.liste div.commande p.ajouter button span:after { 
content: " au panier";
}
div.information.liste div.commande p.ajouter button:hover { 
text-decoration: underline;
}
div.information.liste div.commande p.ajouter select { 
margin-left: 10px;
}
div.information.liste div.commande p.ajouter span.prix { 
display: block; margin: 0; padding: 0; padding-bottom: 10px; font-size: 1em; font-weight: bold; color: #00008f;
}
div.information.liste div.commande p.ajouter span.quantity { 
display: block; margin: 0; padding: 0; padding-bottom: 5px;
}
div.information.liste div.commande p.ajouter span.quantity input { 
width: 40px;
}
div.information.liste div.commande p.ajouter span.quantity label { 
display: none;
}
div.information.liste div.commande p.enPersonnaliserPlus { 
margin: 0; padding: 0; padding-top: 1em; text-align: center; font-size: 1em;
}
div.information.liste div.commande p.enPersonnaliserPlus a { 
display: inline-block; margin: 0; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 10px; border: 0; background-color: #ff0000; color: #ffffff; font-family: Arial; Helvetica; Sans-serif; background-image: url(../images/btAjouter.png); background-position: center left; background-repeat: no-repeat; padding-left: 40px; font-size: 0.8em; text-decoration: none;
}
div.information.liste div.commande p.enPersonnaliserPlus a span { 
font-size: 0px; color: #ff0000;
}
div.information.liste div.commande p.enPersonnaliserPlus a span:after { 
font-size: 12px; content: "Personnaliser"; color: #ffffff;
}
div.information.liste div.commande p.enPersonnaliserPlus a span:hover { 
text-decoration: underline;
}
div.information.liste div.commande p.non-disponible { 
margin: 0; padding: 0; height: 130px; text-align: center;  font-size: 0.8em;
}
div.information.liste div.commande p.stock { 
display: none; /* margin: 0; margin-top: 5px; padding: 0; padding-left: 5px; padding-right: 5px;  text-align: center; font-size: 0.8em; */
}
div.information.liste div.commande p.textePromotion { 
display: none; /* margin: 10px; padding: 5px; text-align: center; background-color: #00adc6; color: #ffffff; font-size: 0.8em; */
}
div.information.liste div.image { 
text-align: center; height: 140px; vertical-align: middle; padding-top: 20px; padding-bottom: 20px;
}
div.information.liste div.image img { 
max-height: 100px;
}
div.information.liste div.texte { 
position: relative; top: 0; left: 0; height: 75px;
}
div.information.liste div.texte h2 { 
margin: 0; padding: 0; text-align: center; line-height: 15px; font-size: 0.8em; text-transform: uppercase; height: 55px
}
div.information.liste div.texte h2 a { 
display: block; padding-top: 5px; color: #00008f; text-decoration: none;
}
div.information.liste div.texte h2 a:hover { 
text-decoration: underline;
}
div.information.liste div.texte p { 
margin: 0; padding: 0; line-height: 15px; text-align: center;  font-size: 0.8em;
}
div.information.liste div.texte p.codeArticle { 
margin: 0; padding: 10px;  text-align: center;  font-size: 0.8em;
}
div.information.liste div.texte p.codeArticle span.libelle { 
margin-right: 5px;
}
div.information.liste div.texte p.promotion { 
margin: 0; padding: 0; position: absolute; top: -25px; right: 5px; width: 50%; line-height: 20px; background-color: #ff0000; text-align: center; color: #ffffff;  font-size: 0.8em;
}
div.information.liste p.enSavoirPlus { 
margin: 10px; padding: 5px; text-align: right; /* background-color: #00adc6; color: #ffffff; text-align: center; */
}
div.information.liste p.enSavoirPlus a { 
color: #00008f; text-decoration: none; font-size: 0.7em;
}
div.information.liste p.enSavoirPlus a span { 
display: none;
}
div.information.liste p.enSavoirPlus a:after { 
content: "en savoir plus";
}
div.information.liste p.enSavoirPlus a:hover { 
text-decoration: underline;
}
html>body div#conteneur.IndeXysCommerceArticle div.information.detail { 
/* height: auto; overflow: hidden; */
}
html>body div.information.detail { 
/* overflow: hidden; height: auto; */
}
@media screen and (max-width: 1680px) {
       div.information.liste {
                width: calc(19% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 1460px) {
       div.information.liste {
                width: calc(24% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 1240px) {
       div.information.liste {
                width: calc(32% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 1020px) {
       div.information.liste {
                width: calc(48% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 780px) {
       div.information.liste {
                width: calc(32% - 40px); margin-left: 20px; margin-right: 20px; 
        }
       div#conteneur.IndeXysCommerceArticle div.information.detail {
                padding: 20px; 
        }


}

@media screen and (max-width: 640px) {
       div.information.detail div.image {
               float: none; width: 100%; 
        }
}

@media screen and (max-width: 560px) {
       div.information.liste {
                width: calc(48% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 340px) {
       div.information.liste {
                width: calc(98% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}