@charset "utf-8";
/* CSS Document */
.fill {
    width: 100%;
    height: 100%;
    min-height:745px;
    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;}

.list-cat-modele{ margin:0; padding:0; }
.list-cat-modele ul{ padding:8px 0 0 0; min-height:42px; margin-bottom:0;}
.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center;}
.list-cat-modele li a img{ display:block; margin:0 auto;}
.list-cat-modele li a { padding:3px 0px; margin:3px; color:#fff;display:block; text-align:center; font-weight:100;}
.list-cat-modele li a:after{color:#f2254e;content: '\203a'; padding-left:5px; }
.list-cat-modele li a:hover{color:#f2f2f2;background-color:rgba(255,255,255,0.2); text-decoration:none;}



.list-cat-modele li.active:after{font-family:'Glyphicons Halflings';content:"\e013"; position:absolute; top:0;color:#fff;margin-left:20px;}
.list-cat-modele li.active:hover:after{color: #f3787c;}

.list-cat-modele li.active a{color:#f2f2f2;background-color:rgba(255,255,255,0.2); text-decoration:none;}
.list-cat-modele li.active a:hover{background-color:rgba(255,255,255,0.5);}

/*CARROUSEL HOME */
#myCarousel-home{height:30vh; min-height:550px; margin-bottom:20px; float:none; width:100%;  margin-bottom:0px; background:#d2d2d2; }
#myCarousel-home .carousel-inner{ background-color:transparent; width:100%;height:30vh; min-height:550px; }
#myCarousel-home .carousel-inner .item{ background-color:transparent; width:100%;height:30vh; min-height:550px;}
#myCarousel-home .carousel-caption{
    position: absolute;top:0;left:0;
		height:30vh; min-height:550px;
    z-index: 10;
		padding-top:0;padding-bottom:0;padding-left:0%;padding-right:0%;
    color:#fff;
    text-align:center;font-family: 'pt_sansregular';font-weight:900;
		width:100%;
		margin-left:0%;	margin-right:0%;
		background-color:rgba(128,98,67,0);
		
}
#myCarousel-home .carousel-caption .container{
	 position: relative; height:550px; padding-top:200px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(0,0,0,0.5) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(0,0,0,0.5) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(0,0,0,0.5) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#myCarousel-home .carousel-caption h1,
#myCarousel-home .carousel-caption h2,
#myCarousel-home .carousel-caption h3,
#myCarousel-home .carousel-caption h4,
#myCarousel-home .carousel-caption h5,
#myCarousel-home .carousel-caption h6,
#myCarousel-home .carousel-caption p { display:block;font-family:montserrat-regular;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);}
#myCarousel-home .carousel-caption ul.ul-marques{ float:left; width:80%;}
#myCarousel-home .carousel-caption p,#myCarousel-promo .carousel-caption p{ font-size:1em; line-height:1.1em;}
#myCarousel-home .fill{ min-height:550px;}

/*CAROUSSEL PROMO*/
#myCarousel-promo{height:630px; 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:630px; }
#myCarousel-promo .carousel-inner .item{ background-color:transparent; width:100%;height:630px;}
#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:630px;}
.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){	
	#myCarousel-home {height:30vh;min-height:600px;}
	#myCarousel-home .carousel-inner,#myCarousel-promo{display:none;}
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center; width:50%;}
	.fill{ min-height:500px;}
	
}
@media (min-width:300px){	
	#myCarousel-home {height:30vh;min-height:600px;}
	.fill{ min-height:500px;}
}
@media (min-width:526px){	
	#myCarousel-home {height:30vh;min-height:550px;}
	#myCarousel-home .carousel-inner .item{width:100%;}
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center; width:20%;}
	ul.list-cat-modele li:nth-child(3) a{font-size:0.78em;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.7em;}
	#myCarousel-home .carousel-inner, #myCarousel-promo{display:block;}
	#myCarousel-promo .carousel-inner .item{width:100%;}
	.fill{ min-height:400px;}
	
	#myCarousel-promo .fill{ height:auto; max-height:250px;}
	#myCarousel-promo{height:250px;}
	#myCarousel-promo .carousel-inner {height:250px; }
	#myCarousel-promo .carousel-inner .item{height:250px;}
}
@media (min-width:590px){
	
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center; width:20%;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.7em;}
	
	#myCarousel-promo .fill{ height:auto; max-height:270px;}
	#myCarousel-promo{height:270px;}
	#myCarousel-promo .carousel-inner {height:270px; }
	#myCarousel-promo .carousel-inner .item{height:270px;}
}
@media (min-width:768px){	
	#myCarousel-home .carousel-caption h2 { font-size:3em;}
	#myCarousel-home .carousel-caption p { font-size:1.2em;}
	#myCarousel-home .carousel-caption h2{ font-size:1.5em; }
	
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center; width:20%;}
		ul.list-cat-modele li:nth-child(3) a{font-size:0.9em;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.9em;}
	
	#myCarousel-promo .fill{ height:auto; max-height:350px;}
	#myCarousel-promo{height:350px;}
	#myCarousel-promo .carousel-inner {height:350px; }
	#myCarousel-promo .carousel-inner .item{height:350px;}
	
	#myCarousel-promo .carousel-caption h2 { font-size:3em;}
	#myCarousel-promo .carousel-caption p { font-size:1.2em;}
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
}
@media (min-width:800px){
	#myCarousel-home .carousel-caption h2 { font-size:3em;}
	#myCarousel-home .carousel-caption p { font-size:1.2em;}
	#myCarousel-home .carousel-caption h2{ font-size:1.5em;}
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center; width:20%;}
	#myCarousel-promo .carousel-caption h2 { font-size:3em;}
	#myCarousel-promo .carousel-caption p { font-size:1.2em;}
}
@media (min-width:980px){
	#myCarousel-home .carousel-caption h2{font-size:1.2em; }
	.list-cat-modele li {display:inline;float:left; list-style:none; text-align:center; width:9%;}
	.list-cat-modele li a{padding:5px 5px 3px 5px;/*max-width:84px; height:72px; display:block; overflow:hidden; white-space:nowrap;*/}
	ul.list-cat-modele li:nth-child(3){width:13%;}
	ul.list-cat-modele li:nth-child(3) a{font-size:0.9em;}
	ul.list-cat-modele li:nth-child(6){width:15%;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.9em;}
	
	#myCarousel-promo .fill{ height:auto; max-height:450px;}
	#myCarousel-promo{height:450px;}
	#myCarousel-promo .carousel-inner {height:450px; }
	#myCarousel-promo .carousel-inner .item{height:450px;}
}
@media (min-width:1024px){
	#myCarousel-home .carousel-caption h2 {font-size:2em;}
	#myCarousel-home .carousel-caption p {font-size:1.5em;}
	#myCarousel-home .carousel-caption h2{font-size:1.2em; padding-top:15px;}
	.list-cat-modele li {display:inline;float:left; list-style:none; text-align:center; width:9.25%;}
	.list-cat-modele li a{padding:5px 5px 3px 5px;}
	ul.list-cat-modele li:nth-child(3){width:12%;}
	ul.list-cat-modele li:nth-child(3) a{font-size:0.90em;}
	ul.list-cat-modele li:nth-child(6){width:14%;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.9em;}
	
	#myCarousel-promo .carousel-caption h2 { font-size:4em;}
	#myCarousel-promo .carousel-caption p { font-size:1.5em;}
	.fill{ min-height:500px;}
	
	#myCarousel-promo .fill{ height:auto; max-height:470px;}
	#myCarousel-promo{height:470px;}
	#myCarousel-promo .carousel-inner {height:470px; }
	#myCarousel-promo .carousel-inner .item{height:470px;}
}
@media (min-width:1200px){
	#myCarousel-home .carousel-caption h2 { font-size:2em;}
	#myCarousel-home .carousel-caption p { font-size:1.5em;}
	#myCarousel-home .carousel-caption h2{ font-size:1.5em; padding-top:15px;}
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center;width:9.6875%;}
	.list-cat-modele li a img{ width:100%; max-width:82px; height: auto;}
	ul.list-cat-modele li:nth-child(3){width:10.5%;}
	ul.list-cat-modele li:nth-child(3) a{font-size:0.95em;}
	ul.list-cat-modele li:nth-child(6){width:12%;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.9em;}
	.fill{ min-height:450px;}
	#myCarousel-promo .carousel-caption h2 { font-size:2em;}
	#myCarousel-promo .carousel-caption p { font-size:1.5em;}
	
	#myCarousel-promo .fill{ height:auto; max-height:550px;}
	#myCarousel-promo{height:550px;}
	#myCarousel-promo .carousel-inner {height:550px; }
	#myCarousel-promo .carousel-inner .item{height:550px;}
}
@media (min-width:1400px){

	#myCarousel-home .carousel-caption h2 {font-size:2em; }	
	#myCarousel-home .carousel-caption h2{ font-size:1.7em; padding-top:15px;}
	.list-cat-modele li { display:inline; float:left; list-style:none; text-align:center;width:10%;}
	.list-cat-modele li a img{ width:100%; max-width:82px; height: auto;}
	ul.list-cat-modele li:nth-child(3){width:10%;}
	ul.list-cat-modele li:nth-child(3) a{font-size:0.95em;}
	ul.list-cat-modele li:nth-child(6){width:10%;}
	ul.list-cat-modele li:nth-child(6) a{font-size:0.9em;}
	.fill{ min-height:550px;}
	#myCarousel-promo .fill{ height:auto; max-height:550px;}
	#myCarousel-promo{height:550px;}
	#myCarousel-promo .carousel-inner {height:550px; }
	#myCarousel-promo .carousel-inner .item{height:550px;}
}
.carousel-caption a.a-bouton{text-shadow: none;}
.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;
}