/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.colored-row [class*='col-']{
	border: solid 1px red;
	border-spacing: 3px;
}

/*
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
*/

.studylists_search input::-webkit-input-placeholder{
	color: #000000;
}

.studylists_search input::-moz-placeholder{
	color: #000000;
}

.studylists_search input:ms-input-placeholder{
	color: #000000;
}

.studylists_search input:-moz-placeholder
{
	color: #000000;
}

.te_studylists_address_shipping{
	width: 100%;
    padding: 20px;
    border: solid 1px #000000;
    margin-bottom: 20px;
    background-color: #FFB87F;
	color: #000000;
}	

#product-price-ttc{
	font-size: 24px;
}

.product-variants>.product-variants-item select{
	box-shadow: none;
	border: none;
	border-bottom: solid 1px #000000;
}

.product-variants>.product-variants-item select.form-control:not([size]):not([multiple]){
	height: calc(1.7rem - 2px);
}

.product-variants>.product-variants-item select:focus{
	outline: none;
}

.color, .custom-checkbox input[type=checkbox]+span.color{
	box-shadow: none;
}

.custom-checkbox label{
	color: #A9A9A9;
}

li.product-flag{
	box-shadow: none;
}

.btn-primary, .btn-secondary, .btn-tertiary{
	box-shadow: none;
}

.studylists-list-details{
	border: solid 1px #000000;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.studylists-list-legend{
	background-color: var(--main-color);
	color: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 0;
	border: solid 1px #000000;
	font-size: 17px;
	border-bottom: 0;
}

.studylists-list-legend-confirmation{
	background-color: var(--main-color);
	color: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 0;
	font-size: 17px;
	margin-bottom: 20px;
}

.studylists-list-legend a{
	color: #000000;
}

.studylists-title{
	background-color: var(--main-color);
	color: #FFFFFF;
}

.studylists-content-item{
	padding: 5px 10px;
	background-color: var(--main-color);
	color:#FFFFFF;
	display: inline-block;
}

.studylists-lastrow{
	border-top: solid 3px var(--main-color) !important;
}

h7{
	width: 100%;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	background-color: var(--main-color);
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-transform: uppercase;
}


body{
	font-family: Montserrat, Noto Sans, sans-serif;
	color: #757477;
	font-size: 14px;
 }

img{
 	max-width: 100%;
 }

 a{
 	color: var(--main-color);
 }

 a:hover{
 	color: var(--secondary-color);
 }

#wrapper{
	background-color: #FFFFFF;
	box-shadow: none;
	padding-top: 0;
}

 #header{ 
 	background: #FFFFFF;
 }

 figure{
 	height: 100%;
 }

 .mif-logo{
	width: 51px;
	height: 52px;
	background-image: url(../img/madeinfrance.png);
	position: absolute;
	right: 15px;
 }

 .mie-logo{
	width: 51px;
	height: 52px;
	background-image: url(../img/madeineurope.jpg);
	background-size: cover;
	position: absolute;
	right: 15px;
 }
 
  .prixnets{
	width: 51px;
	height: 52px;
	background-image: url(../img/prix-net.jpg);
	background-size: cover;
	position: absolute;
	right: 15px;
 }

 .product-label-ecocert, .product-label-ecolabel, .product-label-nfenvironnement{
	width: 95px;
	height: 95px;
	float: left;
	margin-right: 20px;
 }

.product-label-ecocert{
 	background-image: url(../img/ecocert.png);
}

.product-label-ecolabel{
 	background-image: url(../img/ecolabel.png);
}

.product-label-nfenvironnement{
 	background-image: url(../img/nf_environnement.png);
}





 .carousel .carousel-item img{
 	height: 100%;
 }

 #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
 	box-shadow: none;
 	/*height: 370px;*/
	 height: 385px;	/*VW*/
 	margin: 10px auto 0 auto;
 	max-width: 100%;
 }


 #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature{
 	margin: 0 1%;
 	width: 23%;
 }

 .product-accessories .product-miniature{
 	margin: 0 7px;
 }
 

 .product_image{
 	width: 100%;
 	height: 290px;
 	border: solid 1px #C9C9C9;
 	text-align: center;
 	position: relative;
 	overflow: hidden;
 }

 .product_image img{
 	margin: auto;
 	margin-top: 20px;
 }

 .product_links{
 	position: absolute;
 	width: 180px;
 	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	/*bottom: 50px;*/
	bottom: 60px;
	left: 50%;
	text-align: center;	/*VW*/
 }

.product_links button{
  background: none;
  border: 0;
  box-sizing: border-box;
  padding: 7px 10px;
  width: 85px;
 
  color: #FFFFFF;
  font-size: inherit;
  font-weight: 500;

  position: relative;
  vertical-align: middle;

  float: left;
}


.button-show button{
  background-color: #B2B2B2;
  box-shadow: inset 0 0 0 2px #B2B2B2;
  margin-right: 5px;
}

.button-buy button{
  background-color: var(--main-color);
  box-shadow: inset 0 0 0 2px var(--main-color);
  /*margin-left: 5px;*//*VW*/
}

button:before, button:after{
  box-sizing: inherit;
  content: '';
  position: absolute;
  /*
  width: 100%;
  height: 100%;
  */
}


.draw {
  /*transition: color 0.25s;*/
  font-size: 13px;
  font-weight: 700;
}

.draw:before, .draw:after{
	border: 2px solid transparent;
  width: 0;
  height: 0;
}
  
.draw:before{
	top: 0;
  left: 0;
}

.draw:after{
	bottom: 0;
  right: 0;
}

.draw:hover{
  cursor: pointer;
}
  
.draw:hover:before, .draw:hover:after{
	width: 100%;
  height: 100%;
}

.draw:hover:before{
	border-top-color: #FFFFFF;
  border-right-color: #FFFFFF;
  transition:
    width 0.25s ease-out,
    height 0.25s ease-out 0.25s;
}

.draw:hover:after{
	border-bottom-color: #FFFFFF;
  border-left-color: #FFFFFF;
  transition:
    border-color 0s ease-out 0.5s,
    width 0.25s ease-out 0.5s,
    height 0.25s ease-out 0.75s;
}

#products .product-title, .product-miniature .product-title{
	margin-top: 1.8rem;
}

.featured-products .product-miniature{
	margin: 0 7px;
}

.featured-products{
	margin-bottom: 30px;
}

.featured-products .products-section-title{
	text-transform: initial;
	text-align: left;
	border-bottom: solid 1px #dbdbdb;
	padding-bottom: 10px;
	font-weight: inherit;
	margin-top: 30px;
}

#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping{
	font-size: 17px;
}

.discount-percentage-flag{
	z-index: 2;
    background: #f39d72;

    display: block;
    position: absolute;
    left: -.4375rem;
    bottom: 3px;
    padding: .3125rem .4375rem;
    color: #fff;
    text-transform: uppercase;
    min-width: 3.125rem;
    min-height: 1.875rem;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
}

.product-flag-discount{
    position: absolute;
    display: inline-block;
    left: -32px;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    background: var(--secondary-color);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    width: 120px;
    padding: 3px 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.product-flag-new{
	font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    background-color: var(--secondary-color);
    display: inline-block;
    padding: 1px 6px;
    position: absolute;
    top: -6px;
    left: 5px;
}

.search-widget{
	margin-top: 15px;
}

.search-widget form input[type=text]{
	border: 2px solid var(--secondary-color);
	border-radius: 5px;
	color: #ABABAB;
	padding: 6px 10px;
	font-size: 14px;
}

.search-widget form input[type=text]::placeholder, .search-widget form input[type=text]:-ms-input-placeholder, .search-widget form input[type=text]::-ms-input-placeholder{
	color: #ABABAB;
}

.search-widget form input[type=text]:focus{
	color: #ABABAB;
	outline: var(--secondary-color);	
}

.search-widget form button[type=submit]:focus{
	outline: none;
	color: #FFFFFF;
}

.search-widget form button[type=submit]:hover{
	cursor: pointer;
}

.search-widget form button[type=submit]{
	color: #FFFFFF;
	background-color: var(--secondary-color);
	bottom: 0;
	height: 100%;
	width: 40px;
	font-size: 19px;
	padding-top: 2px;
}

.header-my-account{
	color: #000000;
	font-weight: bold;
	float: left;
	margin-top: 15px;
}

#header .header-my-account a{
	color: #000000;
}

#header .header-my-account a:hover{
	color:var(--main-color);
}

.header-my-account .icon-compte{
	font-size: 23px;
}

.blockcart span:not(.cart-products-count){
	position: relative;
	top: -5px;
}

.blockcart .icon-cart{
	font-size: 25px;
	line-height: 33px;
}

#header .header a{
	color: #000000;
}

#header .header a:hover{
	color: var(--main-color);
}

#header .header-nav{
	line-height: 3px;
}

#header .header-top .blockcart{
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	margin-top: 15px;
	text-align: right;
}

.blockcart .cart-products-count{
	background-color: var(--secondary-color);
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px 5px;
    border-radius: 50px;
    font-size: 13px;
    position: relative;
    top: -18px;
    left: -10px;
}

.header-nav-phone{
	line-height: 30px;
}

.header-nav-phone span{
	color: var(--secondary-color);
	font-size: 18px;
	font-weight: bold;
}

.btn-primary{
	background-color: var(--main-color);
}

.btn-primary:active:hover{
	background-color: var(--secondary-color);
}

.btn-primary:hover{
	background-color: var(--secondary-color);
}

.btn-primary:focus{
	background-color: var(--main-color);
}

#header .header-top{
	padding-bottom: 0;	
}

#header a{
	color: #757477;
}

#header a:hover{
	text-decoration: none;
	color: var(--main-color);
}

#header .header-nav{
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.user-info, #contact-link{
	border-left: solid 1px;
	padding-left: 20px;
}

#contact-link{
	padding-right: 20px;
}

#header .header-nav .user-info{
	margin-left: 0;
	margin-top: 10px;
}

#header .header-nav #_desktop_contact_link #contact-link{
	margin-top: 10px;
}

.right-nav-facebook{
	font-size: 14px;
	margin-right: 20px;
}

.right-nav-facebook .icon-facebook{
	line-height: 30px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}

.right-nav-facebook .icon-facebook:hover{
	color: var(--main-color);
}

.product-img-hover img{
	transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;	
}

.product_image:hover > .product-img-hover img{
	transform: scale(1.03);
}

.menu{
	margin-top: 40px;
	background-color: #ECECEC;
}

#category-2{
	background-color: var(--main-color);
}
#header .header-top #category-2 a[data-depth="0"]{
	color: #FFFFFF;
}

#header .header-top #category-2 {
	text-align: left;
}

#header .top-menu a[data-depth="1"]:hover > .icon-full_arrow{
	color: #FFFFFF;
}

ul.top-menu{
	margin-bottom: 0;
}

#header .header-top a[data-depth="0"]{
	font-weight: 400;
	padding: 0;
	padding: 10px 15px;
	color: #000000;
	width: 100%;
}

#header .menu>ul>li{
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
    flex-grow: 1;
}

#header .top-menu a[data-depth="0"]:hover{
	color: #FFFFFF;
	background-color: var(--main-color);
}

#header .menu .has-child{
	/*width: 245px;*/
}

.dropdown-item .material-icons{
	height: 16px;
    line-height: 0.75;
    float: right;
    margin-left: 30px;
}

#content-wrapper .container{
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.page-my-account #content .links a:hover i{
	color: var(--main-color);
}

.footer-container li a:hover{
	color: var(--main-color);
}

.footer-container .links .h3{
	text-transform: inherit;
}

.footer-container .text-uppercase{
	text-transform: none !important;
}

.footer-container .block_newsletter .h3{
	text-transform: none;
}

.footer-links a{
	color: #7A7A7A;
}

.footer-links a:hover{
	color: var(--main-color);
}

.custom-radio input[type=radio]:checked+span{
	background-color: var(--main-color);	
}

.top-menu[data-depth="0"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.top-menu .sub-menu ul[data-depth="1"]>li{
	float: none;
	margin: 0;
}

.top-menu[data-depth="1"]{
	margin: 0;
}

#header .top-menu a[data-depth="1"]{
	padding: 5px 10px;
	text-transform: initial;
	color: #000000;
	letter-spacing: 1px;
    font-weight: initial;
}

#header .top-menu a[data-depth="1"] .icon-full_arrow{
	color: var(--secondary-color);
	font-weight: bold;
	font-size: 10px;
	margin-right: 10px;
}

#header .top-menu a:hover{
	background-color: var(--main-color);
	color: #FFFFFF;
}

.top-menu .sub-menu{
	box-shadow: none;
	min-width: auto;
	width: auto;
	margin-left: 0;
	left: auto;
	padding: 0;
    border: solid 1px #DDDDDD;
}

#header .header-top .current a[data-depth="0"]{
	background-color: var(--main-color);
	color: #FFFFFF;
}

.breadcrumb{
	margin-top: 20px;
}

#wrapper .breadcrumb li a, #wrapper .breadcrumb li:after{
	color: #BFBFBF;
}

#wrapper .breadcrumb li a:hover{
	color: var(--main-color);
}

#custom-text{
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	padding: 0;
	color: #949494;
	padding-top: 40px;
	border-top: solid 1px #dbdbdb;
}

#custom-text .col-md-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#custom-text .reassurance-img{
	padding: 14px;
    border-radius: 50px;
    margin-right: 20px;
    float: left;
	background-color: var(--secondary-color);
}
#custom-text .col-md-3:nth-child(2n) .reassurance-img{
	background-color: var(--main-color);
}

#custom-text .reassurance-img img{
	width: 25px;
}

#custom-text b{
	color: #000000;
}

.block-contact{
	border-left: none;
	padding-left: 0;
	color: #000000;
}

.block-contact span{
	float: left;
	font-size: 30px;
	color: var(--main-color);
	margin-right: 10px;
	width: 33px;
	text-align: center;
}

.block-contact .block-contact-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.block-contact .contact-content{
	font-weight: bold;
	float:left;
	font-size: 12px;
}

.footer-container{
	box-shadow: none;
	margin-top: 0;
	padding-top: 0;
}

.footer-container .container{
	margin-top: 20px;
	border-top: solid 1px #dbdbdb;
	padding-top: 40px;
}

.footer-container li a{
	color: #000000;
	font-weight: normal;
	line-height: 30px;
	margin-left: 20px;
	/*font-size: 10px;*/
	/*VW modification de la taille*/
	font-size: 14px;
}

.block_newsletter p{
	padding: 0;
}

.block_newsletter form .input-wrapper{
	margin-bottom: 20px;
}

.block_newsletter .btn-primary {
	background-color: var(--secondary-color);
}

.footer-container .text-sm-center{
	margin-top: 20px;
	border-top: solid 1px #dbdbdb;
	padding-top: 20px;
}

.card{
	box-shadow: none;
	border: 0;
}

.card-block{
	padding:0;
}

.block-category #category-description p{
	color: #474747;
	line-height: 22px;
}

.category-introduction{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.card-block img{
	width: 100%;
}

.category-introduction h1{
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	left: 10px;
	font-weight: bold;
	text-transform: none;
	font-size: 30px;
}

.products-sort-order .select-title{
	border: 0;
	box-shadow: none;
	border-bottom: solid 1px #000000;
}

.total-products p{
	color: #838383;
}

.show_list, .show_grid {
    cursor:pointer;
    opacity:1.0;
}
 
.show_list:hover, .show_grid:hover {
    opacity:0.7;
}
 
#products .product_show_list {
    width:100%;
}
 
#products .product_show_list .highlighted-informations, .product_show_list .product-description, .product_show_list .thumbnail-container {
    width:100%!important;
}
 
#products .product_show_list .product-thumbnail {
    text-align:center;
}

.category-filter-type{
	float: left;
	margin-right: 40px;
}

.category-filter-type span{
	font-size: 22px;
	color: #000000;
	margin-right: 15px;
}

.category-filter-type span:hover{
	color: var(--main-color);
}

.category-filter-type span.selectedType{
	color: var(--main-color)
}

.pagination .page-list{
	box-shadow: none;
	display: inline-block;
}

.pagination-center{
	text-align: center;
}

.pagination a{
	color: #B2B2B2;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	transition: all .15s ease-in-out;
  	-webkit-transition: all .15s ease-in-out;
}

.pagination a:hover{
	color: #000000;
}

.pagination a:not(.previous):not(.next){
	margin: 0 5px;
}

.pagination .current a{
	color: #000000;
	font-size: initial;
	text-decoration: none;
}

.pagination .icon-arrow_right{
	margin-top: 2px;
	margin-left: 5px;
}

.pagination .icon-arrow_left{
	margin-top: 2px;
	margin-right: 5px;
}


.block-categories{
	box-shadow: none;
	padding: 0rem 1.25rem;
}


.category-top-menu .icon-full_arrow{
	color: var(--main-color);
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
    float: left;
    margin-top: 4px;
}

.block-categories .category-sub-menu li[data-depth="0"]>a{
	display: block;
	border-bottom: none;
	margin-bottom: 10px;
}

#search_filters, #search_filters_brands, #search_filters_suppliers{
	box-shadow: none;
	padding: 0;
	background-color: #ECECEC;
}

.search_header{
	background-color: var(--main-color);
	text-align: center;
	color: #FFFFFF;
	padding: 0.563rem 1.25rem;
}

.facet{
	padding: 0.563rem 1.25rem;	
}

#_desktop_search_filters_clear_all{
	text-align: right;
}

#_desktop_search_filters_clear_all button{
	background-color: transparent;
	border: none;
	box-shadow: none;
	text-align: right;
	color: #FFFFFF;
}

#_desktop_search_filters_clear_all button:focus{
	outline: none;
}

.facet-title{
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: solid 1px;
}

.product-cover img{
	box-shadow: none;
}

.product-manufacturer{
	margin-bottom: 20px;
}

.product-manufacturer .img-thumbnail{
	border: none;
	padding: 0;
}

#product #main{
	margin-top: 50px;
}

#product iframe{
	width: 100%;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover{
	border: none;
	box-shadow: none;
}

.product-cover .layer .zoom-in{
	color: #8F8F8F;
}

.product-actions{
	color: #000000;
}

.product-actions h1{
	text-transform: initial;
	font-weight: bold;
	margin-bottom: 20px;
}

.product-reference{
	color: #000000;
}

.product-variants>.product-variants-item{
	margin: 0 0 .5rem 0;
}

.product-variants-item span, .product-variants-item ul{
	float: left;
	margin-bottom: 0;
}

.product-variants-item span.control-label{
	margin-right: 20px;
	width: auto;
}

.product-description p{
	/*
	margin-top: 30px;
	margin-bottom: 30px;
	color: #000000;
	*/
}

.attachment a{
	color: #000000;
	transition: all .15s ease-in-out;
  	-webkit-transition: all .15s ease-in-out;
}

.attachment a:hover{
	color: var(--main-color);
}

.attachment span{
	margin-right: 10px;
	color: var(--main-color);
}

.product-labels{
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #8F8F8F;
	display: inline-block;
    width: 100%;
}

.product-labels-title{
	color: var(--main-color);
	text-transform: uppercase;
	margin-bottom: 20px;	
}

.product-description-short{
	margin-top: 30px;
	margin-bottom: 30px;
}

.product-description{
	margin-top: 15px;
}

.product-description-content{
	padding: 15px;
}

.tab-title{
	border-bottom: solid 1px var(--main-color);
}

.tab-title-label{
	padding: 10px 30px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: var(--main-color);
	display: inline-block;
}

.product-discounts>.product-discounts-title{
	color: var(--main-color);
  text-transform: uppercase;
  margin: 20px 0;
}

.product-discount, .tax-shipping-delivery-label, .product-without-taxes{
	display: inline-block;
}

.product-prices, .product-add-to-cart{
	padding: 10px 10px 0px 10px;
}

.product-prices .tax-shipping-delivery-label{
	color: #000000;
}

.has-discount.product-price, .has-discount p{
	color: #000000;
}

.product-price-title{
	font-size: 13px;
    display: inline-block;
    margin-right: 5px;
    text-align: right;
}

.product-price{
	color: #000000;
	font-size: 12px;
}

.product-prices div{
	margin-bottom: 0;
}

.current-price-label {
	font-size: 11px;
}

.current-price {
	margin-left: 15px;
}
.current-price span{
	font-weight: bold;
	font-size: 18px;
}

.product-without-taxes{
	margin-left: 15px;
	margin-bottom: 0;
	font-size: 12px;
}

.product-without-taxes span {
	font-size: 15px;
}

.discount-percentage{
	display: inline-block;
    padding: .3125rem .4375rem;
    color: #fff;
    background: var(--main-color);
    text-transform: uppercase;
    min-width: 3.125rem;
    min-height: 1.875rem;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
    margin-bottom: 0px;
    margin-top: 10px;
}

.product-stocks{
	border-bottom: solid 1px #8F8F8F;
}

.product-add-to-cart-details{
	background-color: #F5F5F5;
	margin-bottom: 30px;
}

.product-quantities{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}

#product-details{
	font-size: 13px;
}

#product-details .product-quantities label{
	text-transform: lowercase;
	font-size: 13px;
}

.product-quantity{
	display: block;
}

.product-quantity .qty{
	width: 100%;
	margin-right: 0;
}

.product-actions .control-label{
	padding-right: 30px;
	text-align: right;
	font-weight: bold;
}

.qty .control-label{
	float: right;
	width: auto;
	font-weight: bold;
	margin-top: 13px;
}

.qty .bootstrap-touchspin{
	display: inline-block;
	width: auto;
	float: right;
	box-shadow: none;
}

.product-quantity .add, .product-quantity .qty, .total-price{
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}

.product-quantity .add {
  padding-top: 15px;
  position: relative;
}

.product-quantity .add button{
	width: 100%;
  position: absolute;
  bottom: -30px;
  left: 0;
  font-weight: 400;
}

.availability-status{
	padding: 5px;
    font-size: 11px;
    color: #FFFFFF;
    margin-right: 15px;
}

.availability-status-1{
	background-color: #47C468;
}

.availability-status-2{
	background-color: #DA5324;
}

.availability-status-3{
	background-color: #A91B1A;
}
.availability-status-4{
	background-color: #8F00FF;
}

.total-price{
	text-align: right;
}

.total-price-title{
	margin-bottom: 10px;
}

.total-price-ttc{
	font-weight: bolder;
	font-size: 22px;
	margin: 12px 0;
}

.total-price-ttc span{
	font-size: 18px;
}

.total-price-ht{
	font-weight: bold;
	color: #989898;
	font-size: 18px;
}

.total-price-ht span{
	font-size: 14px;
}

@media (min-width:  1200px) {
	.product-discounts-box {
		width: 66%;
		font-size: 12px;
		float: right; */
    margin-top: 1.5rem;
	}
}

.product-discounts-title{
	text-align: center;
}

.product-discounts>.table-product-discounts thead tr th.discount-qty-col, .product-discounts>.table-product-discounts tbody tr td.discount-qty-col{
	text-align: left;
}

.table-product-discounts{
	border: none;
	width: 100%;
}

.product-discounts>.table-product-discounts tbody tr{
	background-color: transparent;
}

.product-discounts>.table-product-discounts tbody tr td{
	padding: 10px 1.25rem;
	border: none;
}

.product-discounts>.table-product-discounts thead tr th{
	border:none;
	border-bottom: solid 1px #000000;
}

.product-description-title{
	border-bottom: solid 1px var(--main-color);
	width: 100%;
	margin-top: 80px;
}

.product-description-title span{
	background-color: var(--main-color);
	color: #FFFFFF;
	padding: 10px 40px;
	text-transform: uppercase;
	display: inline-block;
}

.product-prices{
	padding:  15px;
	margin-top: 0;
	text-align: right;
}

.product-discount .regular-price{
	margin-right: .125rem;
}

.product-accessories{
	margin-top: 50px;
}

.product-accessories-title{
	border-bottom: solid 1px var(--main-color);
	margin-bottom: 20px;
}

.product-accessories-title span{
	background-color: var(--main-color);
    color: #FFFFFF;
    padding: 10px 40px;
    text-transform: uppercase;
    display: inline-block;
}

.quickview .modal-content {
	background-color: #fff;
  border-radius: 0;
}

.quickview .modal-body {
  padding: 35px;
}

.quickview .mask {
  width: calc(100% - 60px);
  margin: 0 auto;
  max-height: initial;
  white-space: nowrap;
  overflow: hidden;
}

.quickview h1 {
	font-size: 22px;
	text-transform: initial;
	margin-bottom: 2rem;
}

.quickview .images-container {
	display: block;
  min-height: 21.88rem;
}

@media (min-width:  1200px) {
	.quickview .product-cover {
		padding: 0 45px;
	}
}

.quickview .manufacturer-logo {
  height: 35px;
}

.quickview .product-prices {
  padding: 15px 0;
  margin-top: 0;
  text-align: right;
  display: flex;
  justify-content: space-between;
}

.quickview .add {
	text-align: center;
}

.quickview .add button{
	font-weight: 400;
  height: 2.75rem;
  line-height: inherit;
  padding-top: .625rem;
  margin-top: 1rem;
}

.quickview .modal-footer {
	border : 0;
}

#content.page-cms{
	width: 90%;
	margin: auto;
	color: #000000;
}

#content.page-cms p{
	color: #000000;
}

.cms-content{
	width: 80%;
}

.cms-content-intro{
	margin-bottom: 60px;
}

.cms-content-txt{
	width: 80%;
	margin: auto;
	margin-top: 40px;
}

.cms-content-txt h2{
	text-transform: uppercase;
	font-weight: bold;
}

.page-header h1{
	text-transform: uppercase;
	color: #000000;
}

.contact-map{
	margin-top: 60px;
}

.contact-form .form-group.row{
	margin-bottom: 50px;
}

.contact-form h1 {
  text-transform: uppercase;
  color: #232323;
  font-size: 1.125rem;
}

.contact-form input:not(.btn-primary), .contact-form textarea{
	border:none;
	border-bottom: solid 1px #000000;
	background-color: transparent;
}

.contact-form textarea{
	border: 1px solid #A9A9A9;
	border-bottom: solid 1px #000000;
}

.block_newsletter {
	float: right;
}


/* RESPONSIVE */
@media(max-width:570px){
	.te_homecontent_left{
		margin-bottom: 20px;
	}

	.te_homecontent_infos{
		width: 235px;
		max-width: 100%;
		left: 100px;
		top: 11px;
	}

	.te_homecontent_text{
		font-size: 13px;
		line-height: 13px;
	}
}

@media(max-width:767px){
	#custom-text [class*='col-']{
		height: 80px;
		margin-left: 15px;
		margin-right: 15px;
	}

	#custom-text [class*='row']{
		margin-left: 0;
		margin-right: 0;
	}
}

@media(min-width:768px){
	.search-widget{
		min-width: 26rem;
	}
}

@media(min-width: 992px){

}

@media(min-width:1100px){

}

@media(min-width:1400px){

}

@media (max-width: 900px){
	#category #products .product-miniature,#category   .featured-products .product-miniature {
		margin: 0 auto;
		margin: 3% 1%;
		width: 48%!important;
		float: left;
	}
}
@media (max-width: 1200px){
	#category  #products .product-miniature, #category .featured-products .product-miniature {
		margin: 0 auto;
		margin: 3% 1%;
		width: 31%;
		float: left;
	}
	#_mobile_top_menu{
		display: block!important;
	}
	#_mobile_top_menu #top-menu{
		display: flex;
		flex-direction: column;
	}
	#header .header-top a[data-depth="0"] {
		padding: 10px 6px!important;
		font-size: 10px!important;
		font-weight: bold!important;
	}
}
@media (max-width: 481px){
	#category  #products .product-miniature, #category .featured-products .product-miniature {
		margin: 0 auto;
		margin: 3% 1%;
		width: 98%!important;
		float: left;
	}
}

/*optimisation  vidéo produit 1 - simple */
#product iframe{width:100%!important}

/* optimisation vidéo produit 2 - avancée */
.video-container {
		position:relative;
		/* VW suppression des paddings qui créaient un grand blanc et est-ce utile ?? */
		/*
		padding-bottom:56.25%;
		padding-top:30px;
		*/
		height:0;
		overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
}

/* FIN RESPONSIVE */

span.discount-amount.discount-product {
    top: 240px !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.not_logged_customb_btn{
	left:	68%!important;
}

main#shop_1 .not_logged_customb_btn{
	left:	50% !important;
}

#history .attachment span {
    color: #ffffff;
    margin: 16px;
    font-size: 20px;
}

/* pop up  */ 
.BlockUIConfirm {
	display : none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	width: 100vw;
	z-index: 50;
}

.blockui-mask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	opacity: 0.4;
}

.RowDialogBody {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 400px;
	opacity: 1;
	background-color: white;
	border-radius: 4px;
}

.RowDialogBody > div:not(.confirm-body) {
	padding: 8px 10px;
}

.confirm-header {
	width: 100%;
	border-radius: 4px 4px 0 0;
	font-size: 13pt;
	font-weight: bold;
	margin: 0;
}

.row-dialog-hdr-success {
	border-top: 4px solid #5cb85c;
	border-bottom: 1px solid transparent;
}

.row-dialog-hdr-info {
	border-top: 4px solid #5bc0de;
	border-bottom: 1px solid transparent;
}

.confirm-body {
	border-top: 1px solid #ccc;
	padding:20px 10px;
	border-bottom: 1px solid #ccc;
}

.confirm-btn-panel {
	width: 100%;
}
.row-dialog-btn {
	cursor: pointer;
}

.btn-naked {
	background-color: transparent;
}

#history .tablecust3,#history .tablecust4,#history .tablecust5,#history .tablecust6{
    margin: 0px;
    width: 100%!important;
	font-size: 12px;
}
#history .selectYear{
    margin: 20px 0px;
    width: 100px;
    padding: 5px 10px;
}
/* end popup */

.cart-overview.js-cart #tabs {
	border:none
}

.cart-overview input[name=carttoorder] {
	float: left;
	margin-left: 10px;
}

.cart-overview.js-cart #tabs ul.cart-items.ui-widget-header {
	background: #fff;
	border: none;
	padding: 0;
}

.cart-overview.js-cart #tabs .ui-tabs .ui-tabs-panel {
	border: 1px solid #d3d3d3;
	
}

.cart-overview.js-cart #tabs .ui-state-default a, 
.cart-overview.js-cart #tabs .ui-state-default a:link, 
.cart-overview.js-cart #tabs .ui-state-default a:visited {
	color:#000;
	font-weight: 400;
}

.ui-widget-content .ui-state-default {
	background: #ececec;
	
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #129fd4;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color:#fff !important;
}

.cart-overview.js-cart #tabs .ui-tabs-panel {
	border: 1px solid #eee;
	border-top-right-radius: 4px;
}

.cart-overview.js-cart #tabs .ui-tabs .ui-tabs-nav {
	padding: 0;
}

/*VW*/
#products .thumbnail.product-thumbnail.button-show, .featured-products .product-thumbnail {
	display: inline-block;
}

.quick-view.button-buy {
	display: inline-block;
}

#add-to-cart-or-refresh #product-availability {
	display: block;
}


.block-category {
	min-height: auto !important;
	/*margin-bottom: 1.563rem;*/
}
.category-introduction h1 {
	color: #232323 ! important;
	position: relative !important;
	font-size: 1.25rem !important;
	text-transform: uppercase;
}

label#click_to_expand, label#click_to_contract {
	cursor: pointer;
}

label#click_to_contract {
	display: none;
}

/*Map*/
@media(max-width:767px){
	#map {
		height: 300px !important;
	}
}