@charset "utf-8";
/* CSS Document */
.fill {
    width: 100%;
    height: 100%;
    min-height:290px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.carousel-caption h1, h2, h3{margin:0;padding:0;}

/*CAROUSSEL PROMO*/
#myCarousel-promo{height:290px; margin-bottom:20px; float:none; width:100%; margin-left:auto; margin-right:auto;  margin-bottom:0px; background:transparent; }

#myCarousel-promo .carousel-inner { background-color:transparent; width:100%; margin-left:0%; margin-right:0%;height:290px; }
#myCarousel-promo .carousel-inner .item{ background-color:transparent; width:100%;height:290px;}
#myCarousel-promo .carousel-caption{ height:200px; height:200px;
    position: absolute;bottom: 0px;left:0;
    z-index: 10;
		padding-top: 20px;padding-bottom: 0px;padding-left:2%;padding-right:2%;
    color:#fff;
    text-align:left;font-family: 'pt_sansregular';font-weight:900;
		width:100%;
		margin-left:0%;margin-right:0%;
		background-color:rgba(6,30,65,0.7);
}
#myCarousel-promo .carousel-control.left,#myCarousel-promo .carousel-control.right{ display:block;width: 10%; }	
#myCarousel-promo .carousel-caption h2 { font-size:2em;}
#myCarousel-promo .carousel-caption ul{ padding:0;}
#myCarousel-promo .carousel-caption ul li{ float:left; display:inline; padding-left:5px; padding-right:5px;}

#myCarousel-promo .fill{ height:auto; max-height:290px;}
.carousel-indicators {bottom: 0px; margin-bottom:0;}
/*CAROUSEL PRODUITS*/
#carousel-example-generic{float:none; width:100%; clear:both;}
/*Carousel articles*/
#myCarousel-articles{ width:100%; margin:0; float:left;}
#myCarousel-articles .carousel-inner{ width:80%;}
#myCarousel-articles .carousel-indicators{ width:20%; position:relative; left:0; margin-left:0; float:right;}
#myCarousel-articles .carousel-indicators li { width:100%; height:59px; text-indent:0;border:0px solid #ccc;border-radius:0px; margin:0;background-color:rgba(6,30,63, 0.9);}
#myCarousel-articles .carousel-indicators li.active{width: 100%;height: 59px; background-color:rgba(192,9,42,1);}
@media (min-width:10px){	
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center; width:50%;}
	.fill{ min-height:196px;}
	#myCarousel-promo{height:196px; margin-bottom:10px;}
	#myCarousel-promo .carousel-inner {height:196px; }
	#myCarousel-promo .carousel-inner .item{height:196px;}
}
@media (min-width:300px){	
		.fill{ min-height:290px;}	
	#myCarousel-promo{height:290px;}
	#myCarousel-promo .carousel-inner {height:290px; }
	#myCarousel-promo .carousel-inner .item{height:290px;}
}
@media (min-width:400px){	
	.fill{ min-height:290px;}	
	#myCarousel-promo{height:290px; max-width:375px; margin:0 auto 10px auto;}
	#myCarousel-promo .carousel-inner {height:290px; }
	#myCarousel-promo .carousel-inner .item{height:290px;}
}
@media (min-width:590px){	
	.fill{ min-height:130px;}	
	#myCarousel-promo{height:130px; max-width:166px; margin:0 auto 10px auto;}
	#myCarousel-promo .carousel-inner {height:130px; }
	#myCarousel-promo .carousel-inner .item{height:130px;}
}
@media (min-width:800px){	
	.fill{ min-height:130px;}	
	#myCarousel-promo{height:130px; max-width:170px; margin:0 auto 10px auto;}
	#myCarousel-promo .carousel-inner {height:130px; }
	#myCarousel-promo .carousel-inner .item{height:130px;}
}
@media (min-width:990px){	
	.fill{ min-height:230px;}	
	#myCarousel-promo{height:230px; max-width:100%;}
	#myCarousel-promo .carousel-inner {height:230px; }
	#myCarousel-promo .carousel-inner .item{height:230px;}
}
@media (min-width:1024px){	
	.fill{ min-height:230px;}	
	#myCarousel-promo{height:230px; max-width:100%;}
	#myCarousel-promo .carousel-inner {height:230px; }
	#myCarousel-promo .carousel-inner .item{height:230px;}
}
@media (min-width:1200px){	
	.fill{ min-height:275px;}	
	#myCarousel-promo{height:275px; max-width:100%;}
	#myCarousel-promo .carousel-inner {height:275px; }
	#myCarousel-promo .carousel-inner .item{height:275px;}
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 200;
}