/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#header {
    background: rgba(35,35,35,0.95);
	font-size: 13px;
}
#header a {
    color:white;
}

#header .header-nav .blockcart .header  {
    color:white;
}

#header .header-nav .cart-preview .shopping-cart {
    vertical-align: middle;
    color: white;
}

#header .header-nav {
    /* border-bottom: 1px solid #7a7a7a; */
	border-bottom: none;
    max-height: unset;
    margin-bottom: 00px;
}

#header .header-top {
	padding-bottom: unset;
	font-weight: 100;
	font-size: small;
	background: rgb(90,90,90)
}	

#header .header-nav .cart-preview.active {
    background: #0066cc;
}

#header .header-nav .blockcart {
	background:none;
	height: 2.5rem;
	padding: .55rem;
}

#header .header-nav .user-info {
	margin-top: .6375rem;
}

#header .header-nav #_desktop_contact_link #contact-link {
    margin-top: .7375rem;
}

@media (min-width: 768px) {
	.col-md-2 {
		padding-top: 6px;
	}
}

div.col-md-10.col-sm-12.position-static {
	background: rgb(90,90,90)
}

div.col-md-5.col-xs-12 {
	color:white
}

#header .header-top .menu {
	margin-top:15px;
	margin-bottom:0px;
	text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

/* menu standard sur mobile */
i.material-icons.d-inline {
	/* visibility:hidden */
}




/* positionnement logo sur mobile */
@media (max-width:767px){
    #header .header-nav .top-logo{
		line-height: 50px;
		vertical-align: middle;
		/* width: unset; */
		margin:auto;
		max-width:80%;
	}
	#header .header-top {
		background:rgba(35,35,35,0.95);
	}
	#header .header-top .search-widget {
		float:left;
		width: -webkit-fill-available;
	}

	i.material-icons {
		color:#0066cc;
		
	}
	
	#header .header-nav .blockcart {
		background:none;
		height: 3rem;
		padding: .75rem;
	}
	
	#header .header-nav .user-info {
		margin-top: .9375rem;
	}

	#header .header-nav .cart-preview .shopping-cart {
		color: #2fb5d2;
	}

	
	/* menu */	
	#header .top-menu a[data-depth="0"]:hover {
		border:none;
		border-top: 0px!important;
		border-left: 0px!important;
		border-right: 0px!important;
		border-radius: 0px!important;
	}
	
	#header .top-menu a[data-depth="0"] {
		border:none;
		border-top: 0px!important;
		border-left: 0px!important;
		border-right: 0px!important;
		border-radius: 0px!important;
	}
	
}


#header .header-top .search-widget {
    padding-top: 3px;
}

	
div#payment-confirmation {
	text-align:center
}

/* caractéristiques */
.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
	text-transform:none
}

/* masquer image catégorie */
div.category-cover {
	display:none
}

/* masquer les filtres dans les catégories */
#search_filters,#search_filters_brands,#search_filters_suppliers{
    box-shadow:none;
	display:none
}

/* afficher les catégories sur mobile */
@media (max-width:767px){
    nav.beadcrumb.hidden-sm-down{ display:block!important }
	
	div.block-categories {
		box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
		display:none
	}
	
	#category #left-column #search_filter_controls {display:none!important}
	
	/* description de la catégorie */
	.block-category {display:block!important}
	
	
	/* div.text-sm-center.hidden-md-up {display:none} */
}


input.form-control {
	background:unset	
}

/* début ombres */

body#checkout section.checkout-step {
    box-shadow:none;
}


div.block-categories {
    box-shadow:none;
}

.block-categories a.text-uppercase.h6 {
	color:black;
}

.block-categories a {
	color:#0066cc;
}

#products .thumbnail-container,.featured-products .thumbnail-container,.product-accessories .thumbnail-container,.product-miniature .thumbnail-container {
	box-shadow:none
}

div#carousel.carousel.slide {
	box-shadow:none
}


@media (max-width:767px){
    #products .thumbnail-container,.featured-products .thumbnail-container,.product-accessories .thumbnail-container{
        box-shadow:none
    }
    #products .thumbnail-container .product-description,.featured-products .thumbnail-container .product-description,.product-accessories .thumbnail-container .product-description{
        box-shadow:none
    }
}

#products .product-description {
	box-shadow:none
}


img.js-qv-product-cover {
	box-shadow:none
}


#products .highlighted-informations,.featured-products .highlighted-informations,.product-accessories .highlighted-informations,.product-miniature .highlighted-informations{
    background:#fff;
    text-align:center;
    width:257px;
    height:3.9rem;
    box-shadow:none;
    transition:bottom .3s
}


.pagination .page-list {
	box-shadow:none
}

.products-sort-order .select-title {
	box-shadow:none
}



/* couleur titre carousel */
h2.display-1.text-uppercase {
	color:#44c0ff;
	/* color:#1381ef; */
	text-transform:unset!important;
	font-size:20px;
}

/* retrait flèches carousel */
a.right.carousel-control { display:inline-block }
a.left.carousel-control { display:inline-block }


.carousel .carousel-item .caption {
	max-width:2000px;
	line-height:110%;
	background:rgba(0,0,0, 0.7);
	bottom:0px;
	left:0px;
	width:100%;
	padding:10px
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {
	font-size:3.125rem
}

.carousel .carousel-inner {
	height:auto /* height:530px */
}


@media (max-width: 769px) {
	.carousel .carousel-inner {
		height:auto /* height: 325px; */
	}
}


/* Home slider */

h2.display-1.text-uppercase {
	color:#44c0ff;
	/* color:#1381ef; */
	text-transform:unset!important;
	font-size:20px;
}


.homeslider-container {
		margin-bottom:0px
}

.slide {
	height: auto /* height:530px */
}


@media (max-width: 769px) {
	.slide {
		height: auto; /* height: 220px; */
	}
}




#product #block-reassurance {
    box-shadow: none;
    background: aliceblue;
}


div.input-group.bootstrap-touchspin {
    box-shadow: none;
}

/* fin ombres */

	
html{
    font-family:'Open Sans', sans-serif;
}

body {
    direction: ltr;
    font-family: Open Sans,sans-serif;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: black;
    line-height: 1.25rem;
}

p.h3.hidden-sm-down {
	color:white
}

p#block-newsletter-label.col-md-5.col-xs-12 {
	color:white
}

span.h3 {
	color:white
}

#wrapper {
    background: white;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11);
    padding-top: 1.563rem;
}
#products .product-miniature .discount-amount, 
#products .product-miniature .discount-percentage, 
#products .product-miniature .on-sale, 
#products .product-miniature .online-only, 
#products .product-miniature .pack, 
#products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-amount, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new, .product-accessories .product-miniature .discount-amount, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack, .product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-amount, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new {
    display: block;
    position: absolute;
    left: -.4375rem;
    padding: .3125rem .4375rem;
    color: #fff;
    background: #0066cc;
    text-transform: uppercase;
    min-width: 3.125rem;
    min-height: 1.875rem;
    font-size: 1rem;
    font-weight: 300;
    box-shadow: :µ 2px 2px 4px 0 rgba(0,0,0,.2);
}

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    position: absolute;
    z-index: 1;
    background: #fff;
    width: 257px;
    bottom: 0;
    height: 80px;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    line-height: 1.5;
    color: #373a3c;
    background-color: rgba(35,35,35,0.95);
}
.btn-primary {
    color: #fff;
    background-color: #0066cc;
    border-color: transparent;
	box-shadow:none;
}
.btn-secondary {
	box-shadow:none;
}

.cart-content{ margin-bottom:30px }

p {
    font-size: .9375rem;
    font-weight: 400;
	line-height:1.25rem;
}
.h1, .h2, .h3 (max-width: 500px){
    text-transform: uppercase;
	color: #fff
}
#block_myaccount_infos .myaccount-title a {
    color: #fff;
}
.block-contact .block-contact-title, .linklist .blockcms-title a {
    color: #fff;
}
.block-contact-title, .blockcms-title, .myaccount-title, .myaccount-title a {
    font-weight: 700;
    font-size: 1rem;
}
.h4 {
    font-weight: 700;
    /* color: #0066cc; */
}
a {
    color: #0066cc;
    text-decoration: none;
}
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link, .product-miniature .all-product-link {
    clear: both;
    color: #fff;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.footer-container li a:hover {
    color: #0066cc;
}
.footer-container li a {
    color: #7a7a7a;
    cursor: pointer;
    font-size: .875rem;
}
a:hover {
    color: #0066cc;
    text-decoration: none;
}
a:focus, a:hover {
    color: #0066cc;
    text-decoration: underline;
}
a:active, a:hover {
    outline-width: 0;
}
element.style {
}
#header a:hover {
    text-decoration: none;
    color: #0066cc;
}


a:active, a:hover {
    outline-width: 0;
}
a:focus, a:hover {
    color: #0066cc;
    text-decoration: underline;
}

a:active, a:hover {
    outline-width: 0;
}
#header .top-menu a[data-depth="0"]:hover {
    color: white;
    text-decoration: none;
	display:block;
	border-style:solid;
	border-width:2px;
	border-color:white;
	border-radius:5px
}

#header .top-menu a[data-depth="0"] {
	border-style:solid;
	border-width:2px;
	border-color:transparent
}

#header .header-top a[data-depth="0"] {
    color: #fff;
    text-transform: uppercase;
	font-weight:unset
}

#header a:hover {
    text-decoration: none;
    color: #0066cc;
}

.top-menu a[data-depth="0"] {
    font-weight: 300;
    padding: .1875rem .625rem .375rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    background: none;
    text-decoration: none;
    color: #0066cc;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #2b2d2f;
    background-color: none;
}
a:active, a:hover {
    outline-width: 0;
}
a:focus, a:hover {
    color: #0066cc;
    text-decoration: underline;
}

a:active, a:hover {
    outline-width: 0;
}
a:hover {
    color: #0066cc;
    text-decoration: none;
}
a:focus, a:hover {
    color: #0066cc;
    text-decoration: underline;
}
a:active, a:hover {
    outline-width: 0;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #2b2d2f;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}
*, :after, :before {
    box-sizing: inherit;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul {
    list-style: none;
    padding-left: 0px;
}
user agent stylesheet
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(35,35,35,0.95);
}
body {
    direction: ltr;
    font-family: Open Sans,sans-serif;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    line-height: 1.25rem;
}
body {
    font-family: Open Sans,sans-serif;
    color: #373a3c;
    background-color: rgba(35,35,35,0.95);
}
.has-discount.product-price, .has-discount p {
    color: #0066cc;
}
.has-discount .discount {
    background: #0066cc;
    color: #fff;
    font-weight: 600;
    padding: .3125rem .625rem;
    font-size: 1rem;
    margin-left: .625rem;
    text-transform: uppercase;
    display: inline-block;
}
#wrapper .breadcrumb li a {
    color: #06c;
}
.product-information {
    font-size: .9375rem;
    color: black;
}
.tabs {
    box-shadow: none;
    margin-top: 1rem;
    background: none;
    padding: 1rem 1rem;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid #0066cc;
}
.tabs .nav-tabs .nav-link.active {
    color: #0066cc;
}
li.product-flag {
    display: block;
    position: absolute;
    background: #0066cc;
    font-weight: 700;
    padding: .3125rem .4375rem;
    text-transform: uppercase;
    color: #fff;
    margin-top: .625rem;
    z-index: 2;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
}
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: 3px solid #0066cc;
}
.block-reassurance-item {
	margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: grey;
}
.current-price {
	color: black
}


/* SEARCH WIDGET */

@media (max-width: 991px) #header .header-top .search-widget {
    min-width: auto;
}

.search-widget form input[type=text] {
    border: none;
    padding: 5px;
    min-width: 255px;
    color: #7a7a7a;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:100px;
	border-radius:2px
}
.search-widget form button[type=submit] {
	bottom:.70rem;
}
.search-widget form input[type=text]:focus {
		outline:none
}

.popover {
    position: inherit;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #000;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: .3rem;
}
.block-category {
    min-height: unset;
    margin-bottom: 1.563rem;
}
.card {
    /* box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); */
	box-shadow:none;
	border:none
}
.card-block {
    padding: 1.25rem;
}
.block-category #category-description {
    line-height:1.25rem;
    margin-bottom: 0;
}
.cart #wrapper {
	    background: #fff;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11);
    padding-top: 1.563rem;
}
#mobile_top_menu_wrapper {
    margin: .625rem 0 0;
    padding-bottom: .625rem;
    background: transparent;
	colo
}
#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    padding: .625rem;
	/* color: #000; */
    border-bottom: 1px solid #f6f6f6;
}
#blockcart-modal .modal-header {
    background: #44c0ff;
}
#blockcart-modal .modal-body {
	background:white;
}
#tab-pane fade in active {
	color: #000;
}
.block-social li {
    height: 2.5rem;
    width: 2.5rem;
	background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    margin: .125rem;
    cursor: pointer;
	text-align:center;
}
#block_myaccount_infos (max-width: 500px).h1, .h2, .h3 {
    text-transform: uppercase;
    color: #fff;
}


#footer {
	padding-top:unset
}

div.footer-container {
	padding-top:unset
}




#products .product-miniature .discount-amount.on-sale, #products .product-miniature .discount-percentage.on-sale, #products .product-miniature .on-sale.on-sale, #products .product-miniature .online-only.on-sale, #products .product-miniature .pack.on-sale, #products .product-miniature .product-flags .new.on-sale, .featured-products .product-miniature .discount-amount.on-sale, .featured-products .product-miniature .discount-percentage.on-sale, .featured-products .product-miniature .on-sale.on-sale, .featured-products .product-miniature .online-only.on-sale, .featured-products .product-miniature .pack.on-sale, .featured-products .product-miniature .product-flags .new.on-sale, .product-accessories .product-miniature .discount-amount.on-sale, .product-accessories .product-miniature .discount-percentage.on-sale, .product-accessories .product-miniature .on-sale.on-sale, .product-accessories .product-miniature .online-only.on-sale, .product-accessories .product-miniature .pack.on-sale, .product-accessories .product-miniature .product-flags .new.on-sale, .product-miniature .product-miniature .discount-amount.on-sale, .product-miniature .product-miniature .discount-percentage.on-sale, .product-miniature .product-miniature .on-sale.on-sale, .product-miniature .product-miniature .online-only.on-sale, .product-miniature .product-miniature .pack.on-sale, .product-miniature .product-miniature .product-flags .new.on-sale {
		width:40%;
}



li.product-flag.on-sale{
    width:unset;
}

span.radio-label {
	box-shadow:2px 2px 1px 0 rgba(0,0,0,.2);
}



/* block texte custom */
div#custom-text {
	text-align:unset;
	/* background:aliceblue; */
	padding:0px;
	border-style:groove;
	border-width:thin;
	border: rgba(0,0,0, 0.7);
	line-height: 1.25em; 
	
}


h1.custom-text {
	/* background:rgba(0,0,0, 0.7);color: #ffffff; */
	text-align: center; padding: 10px;
}

h2.h2.products-section-title.text-uppercase {
	background:rgba(0,0,0, 0.7);text-align: center; color: #ffffff; padding: 10px; margin-bottom: 10px;
}


/* Dimensions Youtube */
.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	align-content: center;
	margin-bottom: 20px
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Tableaux */
@media screen and (max-width: 640px) {
  table,
  tbody,
  tr,
  td {
    display: initial;
    width: auto!important;
    /* parceque tu as mis des style inline grrr */
  }
}


/* Produits populaires */
#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
	justify-content: space-evenly
}

/* REPRISE WEEBLY */

@media screen and (max-width: 767px) {
	td.wsite-multicol-col {
		float: none;
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	
	#header .header-nav .top-logo a img {
		max-height: 40px;
		max-width: 80%;
		padding-top: 10px;
	}
	
	#header .header-nav .top-logo {
		text-align: center
	}
	
}

img {max-width:100%}


.img-bloc-perso { 
	width:100%;
	display:block;
	
  -webkit-transition: transform 0.3s, filter 0.3s;
  -moz-transition: transform 0.3s, filter 0.3s;
  -o-transition: transform 0.3s, filter 0.3s;
  transition: transform 0.3s, filter 0.3s;

  /* css animation bug fix */
  transition-property: transform, filter, -webkit-filter;
  transition-duration: .3s, .3s, .3s;
  transition-delay: 0s, 0s, 0s;

}	
	
.img-bloc-perso:hover {
	transform: scale(1.05); 	
}

.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{
    color:#fff;
    background-color:#3399ff;
    border-color:transparent
}


.b-lazy {
    transition-property: transform, filter, -webkit-filter;
    transition-duration: .3s, .3s, .3s;
    transition-delay: 0s, 0s, 0s;
}

.b-lazy:hover {
	transform: scale(1.0); 
}


.hidden {
	display:none
}



/** IMAGE OVERLAY */

.overlayinn {
  /* background-color: rgba(0, 191, 255, 0.7); */
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding: 24px;
  margin-bottom:10px;
  transition: opacity .5s;
}
.overlayinn:hover {
  opacity: 1;
  transition: opacity .5s;
}

/**
 *
 * llyv.css
 * Optimizing the performance while loading multiple YouTube videos on the same page
 *
 * @license MIT
 * @version 0.1.0
 * @author  Wong, Wing Kam - @wingkwong
 * @updated 2018-07-11
 * @link    https://github.com/wingkwong/lazy-load-youtube-videos
 *
 */

.llyv {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}

.llyv img {
	width: 100%;
	top: -16.82%;
}

.llyv .llyv-play-btn {
	width: 100px;
	height: 60px;
	background-color: #282828;
	z-index: 1;
	border-radius: 9px;
}

.llyv .llyv-play-btn:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 13px 28px;
	border-color: transparent transparent transparent #fff;
}

.llyv .llyv-play-btn:hover {
	background-color: #ff0000;
}

.llyv img,
.llyv .llyv-play-btn {
	cursor: pointer;
}

.llyv img,
.llyv iframe,
.llyv .llyv-play-btn,
.llyv .llyv-play-btn:before {
	position: absolute;
}

.llyv iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.llyv .llyv-play-btn,
.llyv .llyv-play-btn:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0);
}