@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

/* bloc produit */
.odg-produit * { color:#1D1D1B; border:0; margin:0; padding:0; list-style:none;  outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.odg-produit {margin: 0 auto 20px; max-width: 1000px;  border: 1px solid #E4E4E4; display: flex; background: #fff; padding: 20px 0; font-family: "Lato", sans-serif; line-height: 1.35 }
.odgB-visuel { flex:0 0 340px; padding: 0 30px; text-align: center}
.odgB-visuel img { width: 280px; max-width: 100%; height: auto}
.odgB-content { flex:1  }
.odgB-Tprice { flex:0 0 270px; padding: 0 30px}
.odgB-marque { font-weight: 700; font-size: 14px; line-height: 17px; text-transform: uppercase; padding-bottom: 5px }
.odgB-titre { font-weight: 700; font-size: 18px; line-height: 22px; padding-bottom: 5px }
.odgB-sstitre { font-size: 13px; line-height: 16px; }
.odgB-hr { height: 1px;  background: #d9d9d9; margin:10px 0;}
.odgB-presentation { font-size: 13px; line-height: 16px;  padding:0 0 10px;   }
.odgB-attributs, .odgB-presentation ul { font-size: 13px; line-height: 16px; padding: 0 0 0 20px}
.odgB-attributs li, .odgB-presentation ul li { list-style: disc; }
.odgB-attributs strong, .odgB-presentation ul strong { font-weight: 700}
.odgB-etiquette.middle { display: none  }
.odgB-etiquette span {  font-weight: 700; color:#fff; font-size: 14px; line-height: 14px; letter-spacing:3px; padding: 5px 12px; margin-bottom: 10px; display:inline-block; vertical-align: top  }
.odgB-label { font-size: 13px; line-height: 16px;}
.odgB-oldprice { margin-bottom: 10px}
.odgB-oldprice del {  font-weight: 700; font-size: 18px; }
.odgB-currentprice {font-weight: 700; font-size: 26px; line-height: 28px }
.odgB-ecopart {  font-size: 13px; line-height: 16px; padding: 11px 0 15px }
.odgB-button a { display: block; font-weight: 700; transition: all 0.3s ease;    border-radius: 5px; color:#fff; text-align: center; text-transform: uppercase; padding: 10px;  font-size: 13px; line-height: 17px; text-decoration: none; display: block  }
.odgB-button a:hover { opacity: 0.9}
@media all and (max-width:900px) {
    .odg-produit { display: block}
    .odgB-visuel, .odgB-content, .odgB-Tprice  { padding: 0 20px}
    .odgB-etiquette.right, .odgB-presentation, .odgB-attributs { display: none}
    .odgB-etiquette.middle { display: block}
    .odgB-button a { width: 600px; margin: 0 auto; max-width: 100% }
}

/* tableau */
.odg-table * {  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.odg-table { font-family: "Lato", sans-serif;  background: #fff; width: 1100px; margin: 0 auto; max-width: 100%; overflow: auto }
.odg-table table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: center}
.odg-table th { color:#fff; font-weight: normal; height: 40px}
.odg-table td { padding: 5px 15px;        border-bottom:1px solid #ececec}
.odg-table-width-1 { width: 100px}
.odg-table-visuel img { width: 90px; height: auto }
.odg-table-infos { width:40px; padding:0 !important;}
.odg-table-infos img { width:20px; height: 20px }