/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,  
body {
  position: relative;
  min-height: 100%;
    height: 100%;
    margin: 0;

}
html{  
  /*margin:0;
  padding:0;
  background: url(../images/background.png) no-repeat center fixed; 
  -webkit-background-size: cover;
  background-size: cover;*/
  }

body {
    padding-top: 110px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
H1{
font-family: 'Play', cursive;
}

H4{
font-family: 'Play', cursive;
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */
.img-portfolio{
max-height:250px;
    min-height:250px;
}

.bloc-ppal {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 110px);
}

.container {
	flex: 1;
}
footer {
font-family: 'play', serif;
    font-size: 15px;
    margin: 10px 0 0 0;
    color: #000000;
    background: #101826;
    padding-top: 20px;
    padding-bottom: 7px;
    line-height:normal;
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #eeeeee 50%, #333333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #333333 0%,#eeeeee 50%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #333333 0%,#eeeeee 50%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

footer a, footer a:link, footer a:hover{

    /*color: #A8C71D;*/
    
    color: #000000;
    line-height:normal;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-decoration:none;
}
footer a:hover,{
    color: #A8C71D;
    text-decoration:none;

}
footer .copyright{
    font-size: 11px;
    margin: 0;
    padding: 5px 0;
    color:#666666;
}
footer ul{
    list-style: none;
}
.navbar {
    /*background: rgba(0, 0, 0, 0) url("../../images/baniere_2.jpg") repeat scroll 0 0;*/
    min-height: 110px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #333333 0%, #eeeeee 50%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #333333 0%,#eeeeee 50%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #333333 0%,#eeeeee 50%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.navbar-brand {
  float: left;
  font-size: 18px;
  height: 110px;
  line-height: 20px;
  padding: 15px;
}
.navbar-right {
  float: right;
  margin-right: -15px;
  margin-top: 60px;
}

.navbar-inverse .navbar-nav > li > a{
color: #FFFFFF;
}
.navbar-inverse .navbar-nav .active > a {
background-color: #bc0000;
}
 
.navbar-inverse .navbar-nav > li > a:hover {
background-color: #333333;
} 
.navbar-inverse .navbar-nav .active > a:hover {
background-color: #bc0000;
}
.milieu {
    display: table;
}
 
.milieu .volet {
    display: table-cell;
}
.panel{
box-shadow: 0 0px 0px rgba(0,0,0,.05);
}
.panel > .panel-heading {
    background-image: none;
    background-color: #333333;
    color: white;
    box-shadow: 0 0px 0px rgba(0,0,0,.05);

} 
.panel > .panel-heading2 {
    background-image: none;
    background-color: none;
    border:1px #CCCCCC solid;
    color: white;
}
.page-header{
        border-top:0px #bc0000 solid;
        border-left:0px #bc0000 solid;
    border-bottom:3px #bc0000 solid;
    border-image: linear-gradient(to right, #bc0000 0%, #FFF 50%) 1;
}
.panel > .panel-footer {
    background-image: none;
    background-color: #FFF;
    border:0px #CCCCCC solid;

height:80px;
min-height:80px;
}
.btn-custom{
    background-color: #333333;
    color: white;
}
.btn-danger{
font-family: 'Play', cursive;
background-color: #bc0000;
}
.btn-primary{
font-family: 'Play', cursive;
background-color: #333333;
}
.btn-primary:hover {
	color: #fff;
	background-color: #666666;
	border-color: #bc0000;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
.asaisir{
    width:192px;
    min-height:118px;
    background-image:url(../images/asaisir.png);
    z-index:1;
    position:absolute;
}
/*******************************************
CAROUSEL Coups de coeur
/*********************************************************/
#slider-text{
  padding-top: 40px;
  display: block;
}
#slider-text .col-md-6{
  overflow: hidden;
}

#slider-text h2 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 3px;
  margin: 30px auto;
  padding-left: 40px;
}
#slider-text h2::after{
  border-top: 2px solid #c7c7c7;
  content: "";
  position: absolute;
  bottom: 35px;
  width: 100%;
  }

#itemslider h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 10px auto 3px;
}
#itemslider h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 3px auto 2px;
}
#itemslider h6{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;;
  font-size: 10px;
  margin: 2px auto 5px;
}
.badge {
  background: #b20c0c;
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 31px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  border: 2px solid #FFF;
  box-shadow: 0 0 0 1px #b20c0c;
  top: 5px;
  right: 25%;
}
#slider-control img{
  padding-top: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 992px){
#slider-control img {
  padding-top: 70px;
  margin: 0 auto;
}
}

.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 5px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 5px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -33.333%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 33.333%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(33.333%, 0, 0);
    transform: translate3d(33.333%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-33.333%, 0, 0);
    transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}




/***** bordure a effet autour produit favori*/
.block {
	position: relative;

	height: 100%;
	background: linear-gradient(0deg, #000, #272727);
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
/*background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);*/
	background: linear-gradient(45deg, #bc0000, #f3bd05);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.block:after {
	filter: blur(20px);
}
/***** FIN bordure a effet autour produit favori*/