#produit {position: relative; margin: 0 0 20px 0;}
#produit h1 {margin: 20px 0; padding: 0 50px; font-size: 36px; font-size: 3.6rem; font-weight: normal; color: #33435d; text-align: center; text-transform: uppercase;}
#produit #produit-prev {position: absolute; top: 115px; left: -40px; z-index: 10; width: 30px; height: 92px; background: url(../images/caroussel_controls_gris.png) no-repeat left center; font-size: 0;}
#produit #produit-next {position: absolute; top: 115px; right: -40px; z-index: 10; width: 30px; height: 92px; background: url(../images/caroussel_controls_gris.png) no-repeat right center; font-size: 0;}
#produit #produit-prev a, #produit #produit-next a {display: block; width: 30px; height: 92px;}

.produit_photo {position: relative;}
.produit_photo:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 24px; background: url(../images/spa_fleche_right.png) no-repeat right center;}
.produit_photo img {width: 100%;}

.onglets {font-size: 15px; font-size: 1.5rem;}
.onglets .onglets-tab a:hover {text-decoration: none;}
.onglets .onglets-pane {display: none;}
.onglets .onglets-pane.active {display: block;}

.onglets .produit-onglets-tabs {display: table; width: 100%;}
.onglets .produit-onglets-tabs .onglets-tab {display: table-cell; border: 1px solid #b3b3b3; border-left: none; color: #999; text-align: center;}
.onglets .produit-onglets-tabs .onglets-tab:first-child {border-left: 1px solid #b3b3b3;}
.onglets .produit-onglets-tabs .onglets-tab.active {background: #33435d; border: none; color: #fff;}
.onglets .produit-onglets-tabs .onglets-tab a {display: block; line-height: 30px; font-size: 13px; font-size: 1.3rem; text-transform: uppercase;}
.onglets .produit-onglets-pane {color: #999;}

.onglets .onglets-tabs {position: relative; z-index: 10;}
.onglets .onglets-tabs .onglets-tab {display: table-cell; border: 1px solid #b3b3b3; border-left: none; color: #999;}
.onglets .onglets-tabs .onglets-tab:first-child {border-left: 1px solid #b3b3b3;}
.onglets .onglets-tabs .onglets-tab.active {color: #33435d; border-bottom: 1px solid #fff;}
.onglets .onglets-tabs .onglets-tab a {display: inline-block; line-height: 30px; padding: 0 40px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase;}
.onglets .onglets-content {position: relative; top: -1px;}
.onglets .onglets-content .onglets-pane {padding: 20px; border: 1px solid #b3b3b3;}

.produit_description {/*line-height: 30px; */margin: 0 0 20px 0; padding: 0 35px; font-size: 14px; font-size: 1.4rem; text-align: justify; /*color: #33435d; text-transform: uppercase;*/}
.produit_description .produit_duree {padding: 0 0 20px 0; text-align: center; color: #33435d; text-transform: uppercase;font-size:inherit;letter-spacing:inherit;}

.produit_composant {float: left; width: 50%; padding: 0 30px; /*margin: auto 25%;*/}
.produit_option {margin: 0 0 10px 0; font-size: 14px; font-size: 1.4rem; text-align: center; text-transform: uppercase;}
.produit_prix, .produit_ajout {float: left; width: 50%; text-align: center;}

.produit_prixvente {line-height: 36px; font-size: 22px; font-size: 2.2rem;}
.produit_prixbarre {line-height: 36px; font-size: 18px; font-size: 1.8rem; text-decoration: line-through;}

.produit_ajout input {width: 90px; line-height: 36px; background: #999; border: none; font-size: 14px; font-size: 1.4rem; color: #fff; cursor: pointer;}
.produit_ajout input:hover {background-color: #33435d; color:#fff;}

.produits_associes {margin: 20px 0 0 0;}
.produits_associes_titre {margin: auto auto 20px auto; padding: 5px 0; color: #8bc5ff; letter-spacing: 5px; font-size: 1.8rem; font-weight: bold; text-align: center; text-transform: uppercase;}
.produits {position: relative; margin: 0 0 20px 0;}
.produits .owl-prev {position: absolute; top: 70px; left: -40px; z-index: 10; width: 30px; height: 92px; background: url(../images/caroussel_controls_gris.png) no-repeat left center; font-size: 0;}
.produits .owl-next {position: absolute; top: 70px; right: -40px; z-index: 10; width: 30px; height: 92px; background: url(../images/caroussel_controls_gris.png) no-repeat right center; font-size: 0;}

.addthis_sharing_toolbox {margin: -52px 0 13px 0; text-align: right;}

#photos_thumbs .owl-item {
	display: flex;
  justify-content: center;
}

/**
 * Responsive Design
 */

/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) {
	.produit_left {float: left; width: 513px;}
	.produit_right {position: relative; float: right; width: 490px; margin: 0 0 0 -24px;}
}

/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {
	.addthis_sharing_toolbox {margin: -15px 0 8px 0; text-align: right;}
	#produit #produit-prev {top: 200px; left: -20px;}
	#produit #produit-next {top: 200px; right: -20px;}
    .produit_left .produit_photo:after {display: none;}
}

/* Mobile */
@media screen and (max-width: 763px) {
	.addthis_sharing_toolbox {margin: 10px 0 8px 0; text-align: right;}
	#produit #produit-prev {top: 60px;}
	#produit #produit-next {top: 60px;}
   .produit_left .produit_photo:after {display: none;}

   .onglets .produit-onglets-tabs .onglets-tab {display: block; border: 1px solid #b3b3b3; border-top: none;}
   .onglets .produit-onglets-tabs .onglets-tab:first-child {border-top: 1px solid #b3b3b3;}
	.produit_prix, .produit_ajout {float: none; width: auto;}
   .onglets .onglets-tabs .onglets-tab a {line-height: normal; padding: 10px;}
}

/* Impression */
@media print {
	.header .header_search, .header .header_links {display: none;}
	.header, #produit	.produit_left{text-align:center;}
	#menu {display: none;}
	#content #ariane {display: none;}
	#produit .produit_left .produit_photo {max-width:230px; max-height:230px; width: auto; height: auto; margin:0 auto;}
	#produit .produit_right{margin: 15px 0 0 0;}
	#produit .produit_right .onglets .produit-onglets-tabs{display: none;}
	.footer {display: none;}
	 a[href]:after {content: none !important;}
}
