
#main > div > .row {margin-top: 30px;margin-bottom: 30px;}

/* ************************************************************************************************
/* Titre */
/* ************************************************************************************************ */

h1 {margin: 0px 0 30px 0;}

/* ************************************************************************************************
/* Description */
/* ************************************************************************************************ */

.product-description-bloc {padding:  0px;margin-bottom: 80px; margin-top: 30px; color:#444;}
.product-description-bloc p {color:#444;line-height: 25px;    font-size: 16px;}
.product-description-bloc .h2 {font-size: 24px;padding-bottom: 5px;color:#333;border:0; margin-bottom: 10px;}
.product-description-bloc .highlight {padding: 10px;}
.product-description-bloc .highlight {margin-bottom:0px;}
.product-description-bloc .highlight > li {color: var(--basecolor);font-size:14px;}
.product-description-bloc .highlight > li::before {content: "\f055"; padding-right: 5px; font-size: 13px; font-weight: 900;font-family: "Font Awesome 5 Free"; }
.product-description-bloc .arguments {padding: 10px;display: inline-block;}
.product-description-bloc .arguments > li {color: #888; font-size:14px;}
.product-description-bloc .arguments > li::before {content: "\f105"; padding-right: 5px;  font-weight: 900;font-family: "Font Awesome 5 Free"; }


#ProductHeaderDelaiExpress { display: block;    padding: 10px;  margin-top: 10px;  color:#ff6900; border-top: 0px solid #ccc;  }
#ProductHeaderDelaiExpress .col-icone {padding: 0px 5px; text-align: right;}
#ProductHeaderDelaiExpress .col-icone i {font-size: 40px;color:#ff6900;}
#ProductHeaderDelaiExpress .col-txt {padding: 0px 5px; text-align: left;}
#ProductHeaderDelaiExpress .col-txt .titre {color:#ff6900; font-weight: bold;}
#ProductHeaderDelaiExpress .col-txt .txt {color: #ff6900;    font-size: 14px;margin-top: 0;}

#ProductHeaderPrix { display: block;    padding: 10px;  margin-top: 15px;  border-radius: 0px; color:#00b67a;   text-align: right; position: relative;border-top: 2px solid #ccc;}
#ProductHeaderPrix .prix {font-size: 22px;    line-height: 30px;    font-weight: bold;    border-bottom: 2px solid #00b67a;    display: inline-block;}

@media (max-width: 991px) {#ProductHeaderPrix {text-align: center;}}
@media (max-width: 543px) {
.product-description-bloc {padding: 0px; }
.defer .product-description-bloc {margin-bottom: 20px !important;}
.product-description-bloc .h2 {font-size: 20px; line-height: 24px;}

}

/* ************************************************************************************************
/* Pictos description */
/* ************************************************************************************************ */

.product-description-short  .pictos {
    margin-top: 30px;
}

.product-description-short  .pictos > li {
    text-align: center;
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: top;
	margin-bottom: 20px;
}

.product-description-short   .pictos > li > i {
    padding: 15px;
    border-radius: 50%;
	font-size: 30px;    
	background: #fff;    
	color: var(--basecolor);    
	border: 2px solid #f6c900;
}

.product-description-short   .pictos > li > div {
    font-size: 11px;
    line-height: 11px;
    padding-top: 20px;
    color: #333;
}

.product-description-short   .pictos > li > .voletshop-somfy {
    color: #fff;
    background: #f7ba12;
}


.product-description-short {font-size: 16px;color: #666; padding: 15px;}
.product-configurateur .product-description-short {background:#f7f7f7;font-size: 13px;line-height: 18px;}
.product-configurateur .product-entete-description {min-height: 1000px;font-size: 14px;line-height: 18px;padding: 0px 0px 20px 0px;padding-left:0; padding-right:20px;border:0;}
.product-configurateur #titre_description {font-weight: bold;font-size: 16px;text-decoration: underline; }
.product-configurateur #titre_description h2 {border: 0;margin: 0;padding: 0;font-weight: 700;font-size: 16px;}
@media (max-width: 1199px) {.product-configurateur h2 {display: block;    text-align: left;}}
.product-configurateur #product-title-left h2 {margin: 0; margin-top:10px;padding:0;   font-size: 16px;    line-height: 20px;    font-weight: bold;     border-radius: 0;border: 0;}

.product-configurateur #product-description-left {font-size: 12px;   line-height: 16px;  display:none; margin: 10px 0px 15px 0px;}
.product-configurateur #product-description-left-coupe {font-size: 12px;   line-height: 16px;  display:none; margin: 10px 0px 5px 0px;}
.product-configurateur #product-description-voirplus {font-size: 13px;    width: 100%;     color: var(--basecolor);     cursor: pointer; text-align:left; margin-bottom: 15px;}
@media (max-width: 1199px) {
		.product-configurateur .product-entete-description {border: 0;} 
		.product-configurateur .product-description-short {padding:0;background:#fff; }
		.product-configurateur #titre_description {margin-top:20px; }
		}
@media (max-width: 991px) {.product-configurateur .product-entete-description {padding: 5px;}}
@media (max-width: 543px) {
	.product-configurateur #product-description-left {margin: 0px;}
	.product-configurateur #product-title-left h2 {font-size: 14px !important;    line-height: 17px !important;  }
	.product-configurateur .product-entete-description {padding: 5px;}
	.product-configurateur #product-description-left-coupe {display: none !important;}
	.product-configurateur #product-description-voirplus {display: none !important;}
}



/* ************************************************************************************************
/* Configurateur */
/* ************************************************************************************************ */

.vertical.defer {position: relative;}
@media (max-width: 991px) { .vertical.defer {position: fixed;    z-index: 10000;    top: 0;    margin-top: 0;    height: 100vh; width: 100%; background: #fff; display: none;}}

/* vertical */
.vertical .product-configurateur #product-title-left {margin-top:0px;padding:0;   }
@media (max-width: 991px) {.vertical .product-configurateur #product-title-left {margin-top:0px;  }}
@media (max-width: 991px) { 
	 #btn_configurer_header.defer {position: fixed;    bottom: 0px;    left: 0px;    width: 100%;    z-index: 10000;    padding: 5px;}
	 #btn_configurer_header.defer .btn{width: 100%;		margin: 0; font-size:18px; padding-top: 10px !important;padding-bottom: 10px !important;}

}

@media (min-width: 992px) { 
	#bloc_configuration {width: calc(100% - 220px);}
	.defer #bloc_configuration {width: calc(100% - 370px); border: 1px solid #ccc;  border-radius: 10px; border-top: 0; left:10px;}
}

.col-configurateur {     background: #fff;    padding: 0px;  border: 0px solid #eee;   border-radius: 10px; transition:all 0.4s}
.defer .col-configurateur {margin-bottom:80px;margin-top:50px;} 
.col-configurateur .titre_configurateur {position: absolute;    top: -17px;    left: 15px;    font-size: 20px;    color: #ccc;    font-weight: bold;    background: #fff;    padding: 0px 3px;    letter-spacing: 2px; display: none;}
@media (min-width: 992px) {.col-configurateur { min-height: 700px;}}

@media (max-width: 991px) {
	.col-configurateur {position: fixed;bottom: 0;z-index: 10000;padding:5px; border-radius: 0;	border-bottom: 0; border-top: 3px solid #999; max-height: 100vh; background: #fff;     } 
	.defer .col-configurateur {position: relative; border:0; width: 100%; padding: 0; margin:0;   } 
	.col-configurateur #bloc_configuration{display: none;}
	.col-configurateur .titre_configurateur {display:none;}
}


.col-description { padding-right: 30px; }
.col-description { padding-right: 30px; }
.col-description .col-infos {margin-top:15px;}
.col-description .product-description-bloc {padding: 0px 15px;    margin: 0;}
.col-description .product-description-bloc .open-config .btn {width: 100%; font-size: 20px; margin-top: 30px;}
@media (max-width: 543px) {.col-description { padding-right: 15px; }}


#configurateur {padding-top:20px;}
#entete_configurateur {background: #fff;    margin: 20px -15px;    padding: 20px;border-bottom: 0px solid #ccc;}
 .product-description  {padding: 15px;}
 .product-description .highlight {padding: 5px;}
 .product-description .highlight {margin-bottom:15px;}
 .product-description .highlight > li {color: #333; font-size: 18px; line-height: 24px;}
 .product-description .highlight > li::before {content: "\f055"; padding-right: 7px; font-size: 18px; font-weight: 900;font-family: "Font Awesome 5 Free"; }
 .product-description .arguments {background: #f7f7f7;padding: 10px;display: inline-block;}
 .product-description .arguments > li {color: #666; font-size: 14px;line-height: 18px;}
 .product-description .arguments > li::before {content: "\f105"; padding-right: 5px;  font-weight: 900;font-family: "Font Awesome 5 Free"; }
 .product-description .pictos {padding-top: 10px; margin-bottom:0;}
 .product-description .pictos > li {text-align: center;width: 90px;height: 90px;display: inline-block; vertical-align:top;}
 .product-description .pictos > li >i {font-size: 30px;padding: 10px;color: #fff;background: #666;border-radius: 50%;display: inline-block;    width: 50px;    height: 50px;}
 .product-description .pictos > li > .voletshop-somfy {color: #fff;background: #f7ba12;}
 .product-description .pictos > li >div {font-size: 11px;line-height: 11px;padding-top: 12px;color: #666;}
 .product-description .row.options {display:flex;flex-wrap:wrap;}


@media (max-width: 543px) {
#entete_configurateur { padding: 5px;}
#configurateur {display:none;     margin-bottom: 100px;}
 .product-description .pictos > li {width: 65px;}
 .product-description .pictos > li >i {font-size: 24px;}
}

.btn_ensavoirplus .btn { text-transform: none;  display: inline-block; margin-top: 0;    margin-bottom: 30px; font-size:18px;}
.btn_ensavoirplus .btn i {padding-right: 10px;}

.btn-configurer .btn { padding: 10px 15px; border: 0;   font-size: 18px;    text-transform: none; margin: 0; margin-top: 10px;margin-bottom: 10px; display: inline-block; width: 100%;}
.btn-configurer .btn:hover {box-shadow: 0px -80px 0px 0px var(--basecolor) inset;}
.btn-configurer .btn i {padding-right: 10px;}
.btn-configurer .btn .nom_produit {display: none;padding-left: 3px;}
@media (max-width: 991px) {.btn-configurer .btn .nom_produit {display: inherit;}}
@media (max-width: 543px) {.btn-configurer .btn .nom_produit {display: none;}}
.product-configurateur .btn-configurer {text-align: left;}

#header .btn-configurer {padding: 10px; margin: 0;text-align: right;}
#header .btn-configurer .btn  {margin: 0;}
#header .btn-configurer .btn .nom_produit {display: inline-block;padding-left: 3px;}

@media (max-width: 543px) {
	#header .btn-configurer {padding-bottom: 0px;}
	#header .btn-configurer .btn .nom_produit {display: none;}
}


.list-arguments {font-size: 14px;line-height: 18px; text-align:center; padding:2%; display: flex;flex-wrap: wrap;} 
.list-arguments > div {margin-bottom:20px;}
.list-arguments > div  img, .list-arguments > div > .image-zoom > img {width:100%; border:1px solid #ccc;border-radius: 50%;max-width: 180px;}
.list-arguments > div .list-arguments-titre {padding: 10px 5px 5px 5px;font-weight: bold;}
.list-arguments > div .list-arguments-texte {padding: 0px 5px;color:#666;}
@media (max-width: 543px) { .list-arguments {text-align:left; } }

/* ************************************************************************************************
/* Bloc prix action */
/* ************************************************************************************************ */

/* vertical */

.product-configurateur-left.vertical {margin:0;padding: 0px; }
.defer .product-configurateur-left.vertical {display: flex;	flex-wrap: wrap; }

@media (min-width: 992px) 
		{ 
		#bloc_validation {position: absolute;    top: 0;    right: 5px;	width: 200px;	border: 1px solid #ccc;	border-radius: 10px;}
		.defer #bloc_validation {width: 350px;position: relative;right: -20px;border: 3px solid var(--basecolor); padding: 15px;}
		}


@media (max-width: 543px) {
	.product-configurateur-left {position: fixed;    bottom: 0;    right: 0;    width: 280px;    background: transparent;    z-index: 1000; display: none;}	
	
}
@media (min-width: 1200px) {.product-configurateur .product-entete-detail.fix-colonne {position: fixed; top: 0;width: calc( 25% - 15px );}}
@media (min-width: 1400px) {.product-configurateur .product-entete-detail.fix-colonne {width: 335px;}}

@media (max-width: 991px) {
	/* vertical */
	.product-configurateur-left.vertical {position: relative;display: block;width: 100%;background: #fff; padding:0;}
	.vertical .product-entete-detail {background: #fff;}
	.vertical #product-description-left {overflow: auto;}
	.defer .vertical #product-description-left {display:none !important}
	.defer .affiche-addtocart .vertical #product-description-left {display:block !important}
	

	.defer #bloc_validation {border-top: 5px solid #ccc;		border-radius: 0;		padding: 5px 15px ; position: fixed;        bottom: 0;        z-index: 10000;}
	.defer .affiche-addtocart #bloc_validation {border-top: 0px }

}

.product-bloc-description {margin-bottom: 20px;}
.vertical .product-bloc-description {margin-bottom: 5px;}


@media (max-width: 543px) 
	{
		.product-bloc-description {padding:0 10px;} 
		.vertical .mobile-close .product-bloc-description {width: 100% !important;margin-bottom: 0px;} 
		.vertical .mobile-open .product-bloc-description {padding:0 10px 0 0px;} 
	
	}
.product-entete-detail {border: 0px solid var(--basecolor); border-radius:5px;}
.product-standard .product-entete-detail {padding: 30px 20px; margin:5px;border: 4px solid #ccc;}
.product-entete-prix {background: #fff;text-align: right;}
.product-entete-infos {text-align:right;border-top: 1px solid #ccc;    margin: 10px;    padding-top: 10px;}
.defer .product-entete-infos {border:0;}
.product-standard .product-entete-infos {border-top: 1px solid #ccc;  }

.product-configurateur .product-entete-prix {text-align:left;}
@media (max-width: 543px) {
	.product-configurateur .product-entete-infos {display:none !important;}
	.product-entete-prix {padding: 0px;border-bottom: 0px;}
	.product-configurateur .product-entete-prix {text-align:right; float: right;margin-top: 10px;}
	.product-entete-detail {border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0px;background: #fff;}
}

.vertical #product_info_livraison {text-align: right;}
.vertical .product-entete-infos {  margin: 0px;    padding-top: 0px;}
.vertical .product-entete-infos #vs_livraison_result_normal { text-align: right; margin: 15px 0px;}
.vertical .product-entete-infos #vs_livraison_result_express { text-align: right; margin: 15px 0px;}
.vertical #product_info_livraison #label_dpt {margin:0; background: #fff; color:#aaa;padding: 3px 0px;}

.vertical.defer #product_info_livraison {padding: 5px 10px 10px 0;    }
.vertical.defer .product-entete-infos  .livraison_delai>div {display: block;   padding-left: 5px;}
.vertical.defer .product-entete-infos #vs_livraison_result_normal { margin: 5px 0px;}
.vertical.defer .product-entete-infos #vs_livraison_result_express {  margin: 5px 0px;}
.vertical.defer #product_info_livraison #label_dpt {margin-top: 10px;}

@media (max-width: 991px) 
	{
		.vertical .product-entete-infos #vs_livraison_result_normal {margin: 0;display: inline-block;padding: 5px 8px;}
		.vertical .product-entete-infos #vs_livraison_result_express {margin: 0;display: inline-block;padding: 5px 8px;}
		.vertical #product_info_livraison #label_dpt {display: none;}
		.vertical.defer .product-entete-infos #vs_livraison_result_normal {padding:  0px;}
		.vertical.defer .product-entete-infos #vs_livraison_result_express {padding:  0px;}
		.vertical.defer #product_info_livraison {display: none;}
		.vertical.defer .affiche-addtocart #product_info_livraison {display: block;}
	}



/* Prix */
.product-prices {text-align: right; margin-top:0px;}
.configurateur-a-partir-de {text-align: center;padding-right: 0px;    margin-bottom: 20px;}
.configurateur-a-partir-de .product-prices {text-align: center; margin-top:0px;}

#product-trustpilot {width: 200px;    margin: auto;}

.product-prices .product-price {display: inline-block;}
.product-prices .product-price .current-price span {color:#333 !important; font-size:30px;}
.product-prices .tax-shipping-delivery-label p {color:#333;}
.product-prices .tax-shipping-delivery-label {display:inline-block;}
.product-prices .product-price .current-price {margin-bottom:0;border-bottom: 2px solid var(--basecolor);padding-bottom: 3px;}

.product-configurateur .product-prices {text-align: right; margin-top: 20px;}
.product-configurateur .product-price .current-price span {font-size:24px;}
/* vertical */
.vertical #product-entete-prix {padding-right:5px; text-align:left;}
.vertical .affiche-addtocart #product-entete-prix {width: 100%;}
.vertical .product-configurateur .product-prices {text-align: left; margin-top: 20px;}


@media (max-width: 1400px) {.vertical .product-prices .product-price .current-price span {font-size:24px;}}
@media (max-width: 543px) {
	.product-configurateur .product-prices { margin: 0px 10px 0px 0px;}
	.product-prices .product-price .current-price span {font-size:22px;}
	.product-prices .tax-shipping-delivery-label  {display: none;}
	.vertical .product-configurateur .product-prices {margin-top: 10px;}
	.vertical .product-prices .product-price .current-price span {font-size:20px;}
	

}
/* Action */
.product-actions {margin: 0px 0px 10px 0px;}
.defer .product-actions {padding: 10px 0px 5px 0px;   float: none;}

.product-actions .product-discounts {margin:0;}

.product-actions .product-quantity .qty {float: none;display: inline-block; vertical-align:middle;margin-right: 0px;height: 50px;position: relative;}
.product-actions .product-quantity .qty .input-group {width: 100%;display: block; }
/*.product-actions .product-quantity .qty  #quantity_wanted {display: block;text-align:center;position: absolute;right: 0;}*/
.product-actions .product-quantity .qty  #quantity_wanted {text-align:center;}
/* .product-actions .product-quantity .qty .input-group-btn-vertical {position: absolute;right: 83px;} */
.product-actions .product-quantity .qty .bootstrap-touchspin .btn-touchspin {border:0; background:transparent;color: #333 !important;}
.product-actions .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {margin: 3px 0 3px 5px;}

.product-actions .product-add-to-cart .control-label {display:none;}
.product-actions .product-quantity .add {float: none;display: inline-block;vertical-align:middle;}

.product-actions .product-quantity .add .btn {margin-top: 5px;margin-bottom: 0px;background-color: #fff;color: #333;font-size: 18px;line-height: 18px;padding: 15px 15px;}
.product-configurateur .product-actions .product-quantity .add .btn {margin-top: 0px;padding: 10px 15px;}
.product-actions .product-quantity .add .btn i {font-size: 18px !important;}

.defer .product-actions .add-to-cart {width: 100%;    margin-top: 10px;    font-size: 20px;}
.defer .product-actions .add-to-cart i {font-size: 20px !important;}

.vertical .affiche-addtocart #btn_valider {display: none !important;}
.vertical  #btn_modifier_top {display: none !important;}
.vertical .affiche-addtocart #btn_modifier_top {display: block !important;}

.vertical .row.close-buttons {display: none;}
.vertical .row.close-buttons .btn {margin-top:0; display:none;}
.defer.vertical .row.close-buttons .btn {margin-top:3px;}

.vertical .affiche-addtocart .row.close-buttons {display: block;}

@media (min-width: 992px) {.vertical .product-actions .btn {width:100%}}

@media (max-width: 991px) {

	.vertical .mobile-open .row.close-buttons {display: block;}
	
	.vertical .mobile-open .row.close-buttons #btn_fermer {display: block; float:right}

	.vertical .product-actions { padding: 5px 10px 0 0;; text-align: right;}
	.defer .vertical .product-actions { padding: 15px;  text-align: left;margin-top: 0px; display: none !important;}
	.defer .affiche-addtocart .vertical  .product-actions {display: block !important;}


	.vertical .product-actions .btn {margin-bottom: 0;}

	.vertical .mobile-open #btn_configurer {display: none !important;}

	.vertical .mobile-close #btn_valider {display: none !important;}
	.vertical .mobile-open #btn_valider {display: block;}
	.vertical .mobile-open.affiche-addtocart #btn_valider {display: none !important;}


	.vertical .mobile-close #btn_fermer {display: none;}
	.vertical .mobile-open.affiche-addtocart #btn_fermer {display: none;}





}

@media (max-width: 1300px) {.product-actions .product-quantity .add .btn {padding: 10px;}}
@media (max-width: 543px) {
	.product-actions {float: right; padding-right: 10px;    width: unset;}
	.product-actions .product-quantity .add .btn i {padding:0;}
	.product-configurateur .product-actions .product-quantity .add .btn {margin-top: 0px;}
}
#product-availability {display:block;}

.product-actions .repere {margin: 0;font-size:13px;}
.product-actions .repere .repere_nom i { vertical-align:middle;color:#333;}
.product-actions .repere .repere_nom span { vertical-align:middle;color:#666;padding-left: 8px;}
.product-actions .repere input {font-size: 13px;color: #333;   font-weight: bold; border-top: 0; border-left: 0;  border-right: 0;  margin-top: 5px; padding:5px;}


#modal_addtocart .modal-title > div {  font-size: 24px;    font-weight: bold;    color: var(--basecolor); }

#modal_addtocart .product-quantity { display:inline-block; vertical-align:top;}
#modal_addtocart .qte_nom {font-size: 14px;    font-weight: bold;height: 20px;}
#modal_addtocart  .product-quantity .qty {padding-top:0; margin-top:5px;}
#modal_addtocart .bootstrap-touchspin input.form-control {border: 2px solid #cfcfcf;}
#modal_addtocart .bootstrap-touchspin input.form-control:hover {border: 2px solid var(--basecolor);}
#modal_addtocart .product-quantity .input-group-btn-vertical .btn {border:0;background: transparent;}

#modal_addtocart .product-add-to-cart {margin-top: 20px;    margin-bottom: 20px; margin:0;   background:#f7f7f7;    padding: 20px;    display: block;}
#modal_addtocart .repere {display:inline-block; vertical-align:top;}
#modal_addtocart .repere_nom {font-size: 14px;    font-weight: bold;height: 20px;}
#modal_addtocart .repere .repere_nom span { padding-left: 8px;}
#modal_addtocart .repere input {  margin-top:5px;}



@media (max-width: 543px) {
#modal_addtocart .modal-title > div {  font-size: 18px;  }
#modal_addtocart .modal-body-product-description {font-size: 13px;	line-height: 18px;}
#modal_addtocart .product-image img {max-width: 50%;}
#modal_addtocart .configurateur_modal_conseils {display: none;}
#modal_addtocart .product-add-to-cart {padding: 10px;margin-top: 0px;    margin-bottom: 0px;    background: #fff;}
#modal_addtocart .bootstrap-touchspin input.form-control {padding: 5px;    width: 50px;    text-align: center;}
#modal_addtocart  .product-quantity .qty {width:unset;}
#modal_addtocart .product-quantity .input-group-btn-vertical .btn {display: none;}
#modal_addtocart .repere input {  padding: 5px;}
#modal_addtocart .cta-conversion{  width:100%;}
}

/* vertical */ 
#bloc_addtocart {display: none;}  
.defer #bloc_addtocart {display: block;}  

#bloc_addtocart  #product-titre-left {font-weight: bold;    border-bottom: 1px solid #ccc;    padding-bottom: 5px;    margin-bottom: 10px; }
#bloc_addtocart  #product-description-left {font-size: 13px;   line-height: 16px;margin-bottom: 30px; }
.defer #product-description-left {font-size: 13px;    line-height: 18px;    color: #666;      padding: 5px;    }
.defer #product-description-left strong {padding: 5px 10px;    display: block;    background: #eee;    text-decoration: none !important;    border-radius: 5px;    margin: -5px; text-decoration: none !important;}
.defer #product-description-left strong u {text-decoration: none !important;}

#bloc_addtocart .product-quantity { display:inline-block; vertical-align:top;}
#bloc_addtocart .qte_nom {font-size: 14px;    font-weight: bold;height: 20px;}
#bloc_addtocart  .product-quantity .qty {padding-top:0; margin-top:5px;}
#bloc_addtocart .bootstrap-touchspin input.form-control {border: 2px solid #cfcfcf;}
#bloc_addtocart .bootstrap-touchspin input.form-control:hover {border: 2px solid var(--basecolor);}
#bloc_addtocart .product-quantity .input-group-btn-vertical .btn {border:0;background: transparent;}

#bloc_addtocart {margin-top: 10px; padding-top: 20px; border-top: 1px solid #ccc;}
#bloc_addtocart .product-add-to-cart {margin:0; margin-top: 0px;  padding: 0px;    display: block;}
#bloc_addtocart .repere {display:inline-block; vertical-align:top; padding:0;}
#bloc_addtocart .repere_nom {font-size: 14px;    font-weight: bold;height: 20px;}
#bloc_addtocart .repere .repere_nom span { padding-left: 8px;}
#bloc_addtocart .repere input {  margin-top:5px;}

.defer #bloc_validation .product-quantity { display:inline-block; vertical-align:top;padding-left: 0;}
.defer #bloc_validation .qte_nom {font-size: 13px;    font-weight: normal;height: 20px;color: #999;}
.defer #bloc_validation  .product-quantity .qty {padding-top:0; margin-top:5px;}
.defer #bloc_validation .bootstrap-touchspin input.form-control {border: 2px solid #eee; background: #fafafa; border-radius: 4px;    text-align: center;    font-weight: bold; color:#000;padding: 5px 15px;}
.defer #bloc_validation .bootstrap-touchspin input.form-control:focus {border: 2px solid #ccc;}
.defer #bloc_validation .product-quantity .input-group-btn-vertical .btn {display: none;}

.defer #bloc_validation .product-add-to-cart {margin:0; margin-top: 0px;  padding: 0px;    display: block;}
.defer #bloc_validation .repere {display:inline-block; vertical-align:top; padding:0;}
.defer #bloc_validation .repere_nom {font-size: 13px;    font-weight: normal;height: 20px; color:#999}
.defer #bloc_validation .repere_nom i { color:#999;}
.defer #bloc_validation .repere .repere_nom span { padding-left: 8px;color:#999;}
.defer #bloc_validation .repere input {  margin-top:5px;color: #000;    font-weight: normal;color:#000;padding: 6px 15px;font-size: 16px;border: 2px solid #eee; background: #fafafa; }
.defer #bloc_validation .repere input:focus {  border-color:#ccc; }




@media (max-width: 991px) {
		#bloc_addtocart  #product-titre-left {display: none;}
		
	}
@media (min-width: 992px) {	
		#bloc_addtocart {width: calc(100% - 210px);padding: 20px;    margin: 0;    border: 1px solid #ccc;    border-radius: 10px;} 
		.defer #bloc_addtocart {width: 100%;padding: 20px;    margin: 0;    border: 0;   border-radius: 0px;} 
	}
@media (max-width: 543px) {
	#bloc_addtocart  .product-quantity .qty .input-group-btn-vertical{display:none;}
	#bloc_addtocart {padding: 10px 0px; margin-top: 0;}  


}
#product_configurateur_add_modal {z-index: 10000;}
#product_configurateur_add_modal  .modal-body {text-align: center;}
#product_configurateur_add_modal  .modal-body i{font-size: 60px;    color: #00b67a;    padding: 20px;}
#product_configurateur_add_modal  .modal-body .texte{font-size: 24px;color: #00b67a; }
#product_configurateur_add_modal  .modal-body .boutons{margin-top: 30px;}
#product_configurateur_add_modal  .modal-body .boutons .btn {display: inline-block;    width: auto; margin: 10px;}



/* ************************************************************************************************
/* Images */
/* ************************************************************************************************ */


.product-cover {border: 2px solid #ddd;width:100%;}
.product-images > li.thumb-container img {width: 80px !important;display: inline-block;}
.product-images > li.thumb-container > .thumb {border: 2px solid #ddd !important;}
.product-images > li.thumb-container > .thumb.selected {border: 2px solid var(--basecolor) !important;}
.product-images > li.thumb-container > .thumb:hover {border: 2px solid var(--basecolor) !important;}
.product-cover .layer .zoom-in {color: #666;}

.product-image-legend {position: absolute;top: -25px;font-size: 14px;line-height: 20px;font-weight: bold;}

.product-configurateur .product-image img {display:block;margin:auto;margin-bottom:20px; max-width:100%}

	
.product-configurateur #image_produit_container {position:relative; cursor:pointer;}
.product-configurateur #image_produit_container img {opacity:1;	transition:all 0.4s}
.product-configurateur #image_produit_container:hover img {	opacity:0.5}
.product-configurateur #image_produit_container i {position: absolute;font-size: 60px !important;width: 100%;top: 0px;text-align: center;margin-top: calc( 50% - 30px);color: #999;	opacity:0;	transition:all 0.4s}
.product-configurateur #image_produit_container:hover i { opacity:1;}


@media (max-width: 991px) {
		.product-configurateur #image_produit_container img {max-width:100%}
		.vertical .product-configurateur #image_produit_container img {margin:0;}
		.vertical .product-configurateur #image_produit_container {border: 0px ;   border-radius: 0px;    padding: 0px;margin-left: 0px;}
	}
@media (max-width: 543px) {
	.product-configurateur #image_produit_container img {margin-top:5px; margin-bottom: 5px;}
	.vertical .mobile-close .product-image {display: none !important;}
	.vertical .product-images > li.thumb-container > .thumb {border: 0px solid #ddd !important;}
	.vertical .product-images > li.thumb-container > .thumb.selected {border: 0px solid var(--basecolor) !important;}

	}
@media (min-width: 992px) {

.product-cover {vertical-align: top;}
#main .images-container .js-qv-mask {display: inline-block;vertical-align: top;margin-left: 10px;}
#main .images-container .js-qv-mask.scroll {display: inline-block;vertical-align: top; width:100%;white-space:unset;}

.product-images > li.thumb-container {display: inline-block;vertical-align: top;}
.scroll-box-arrows.scroll {display: none;}
}

#main .images-container .js-qv-mask.scroll { width: 100%;}
.scroll-box-arrows.scroll {display: none;}
@media (max-width: 991px) {#main .images-container .js-qv-mask.scroll { width: 100%; overflow: scroll;}}

.scroll-box-arrows i {line-height: unset;
    background: #666;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px !important;
    padding: 8px 11px;
    color: #fff;
    border: 2px solid #fff;}

@media (max-width: 767px) {
}

/* ************************************************************************************************
/* Erreur */
/* ************************************************************************************************ */
.product-configurateur #erreur_config ul {list-style: inherit;padding: inherit;}
.product-configurateur #erreur_config li {margin-bottom: 10px;line-height: 15px;}




/* ************************************************************************************************
/* Details */
/* ************************************************************************************************ */

h2 {margin-top:50px;}
h3 {font-size: 18px;text-transform: none;background: transparent;padding: 5px;margin-top: 30px;color: #333;font-weight: bold;}

.product-details > div {padding: 15px;color: #666 !important;opacity: 1;font-size: 16px;line-height: 18px;}

.product-details .manufacturer-logo {height:auto; width:150px;margin:15px;border:0;}

.product-details .product-reference span {padding: 1% 2%;font-size: 20px;}

.product-details .product-features {padding:2%;}
.product-details .product-features .table {max-width: 500px;}


/* ************************************************************************************************
/* Product custom template  */
/* ************************************************************************************************ */


.product-custom .list-arguments {font-size: 14px;line-height: 18px; text-align:center; padding:2%; display: flex;flex-wrap: wrap;} 
.product-custom .list-arguments > div {margin-bottom:20px;}
.product-custom .list-arguments > div > img {width:100%; border:1px solid #ccc;border-radius: 50%;max-width: 180px;}
.product-custom .list-arguments > div .list-arguments-titre {padding: 10px 5px 5px 5px;font-weight: bold;}
.product-custom .list-arguments > div .list-arguments-texte {padding: 0px 5px;color:#666;}


/* ************************************************************************************************
/* Product footer  */
/* ************************************************************************************************ */

#product_footer {padding: 30px 0px;    border-top: 0px solid #ccc;}


