/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#wrapper {
    background: #ffffff;
}

.btn-primary {
    color: #fff;
    background-color: #64B6E3;
}

.product-prices div {
    display: inline;
}

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

}

#header .header-banner {
    color: #fff;
    background-color: #64B6E3;
}

#header .header-top .right-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#wrapper .breadcrumb {
    display: none;
}

#header .header-top a[data-depth="0"] {
    color: #333333;
    text-transform: none;
}

.top-menu a[data-depth="0"] {
    font-weight: 100;
}

#wrapper .banner img {
    box-shadow: none;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.bluemi { color: #64B6E3; }
.material-icons.greenmi { color: #28B463; }
.material-icons.redmi { color: #C70039; }

.fullwidth {
    padding: .5rem 100%;
}

.has-discount .page-content.page-cms ul, .has-discount.product-price, .has-discount p, .page-content.page-cms .has-discount ul {
	color: #dd3333!important;
    font-weight: bold!important;
    font-size: 22px!important;
}

.has-discount .discount {
    background: #dd3333;
}

.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: #dd3333;
}

.paiementsecurise {
    margin-top: -42px;
}

.opacite {
	opacity: 0.3!important;
}

.titreproduit {
    text-transform: capitalize;
    color: #333333;
    margin-top: 50px;
}

.page-content.page-cms ul, p {
    color: #333333;
}

.product-information .product-description ul {
    color: #333333;
}

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

/* optimisation 2 - avancée */
.video-container {
	position:relative;
	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%;
}