@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*/
	
#myCarousel-dte{height:450px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:450px;}
#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
#myCarousel-dte .carousel-caption {
    position: absolute;   
    top: 0px; height:100%; padding-top: 110px;
	left:0;
    z-index: 10;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
    font-family: 'pt_sansregular';
	font-weight:900;
	width:60%;
	margin-left:20%;
	margin-right:20%;
			

}		
#myCarousel-dte .carousel-caption h2 { font-size:2em; }
#myCarousel-dte .carousel-caption a{ color:#fff; background-color: rgba(25,40,125,0.5); padding-left:20px; padding-right:20px;}
#myCarousel-dte .carousel-caption a:hover{ color:#f2f2f2; background-color: rgba(25,40,125,0.7);}
#myCarousel-dte .carousel-caption a.a-bouton{background-color: rgba(220,73,18,1); margin-top: 5px;}
#myCarousel-dte .carousel-caption p { font-size:1em; line-height:1.5em;}
#myCarousel-dte  h2.seul,#myCarousel-dte  h3.seul,#myCarousel-dte  h4.seul,#myCarousel-dte  p.seul{ background-color: rgba(25,40,125,0.7); padding:10px ;display:inline-block}


.fill{ min-height:450px;}

@media (min-width:526px){	
	#myCarousel-dte{height:25%; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	.fill{ min-height:400px;}
}
@media (min-width:590px){
	#myCarousel-dte{height:300px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
}
@media (min-width:640px){	
	#myCarousel-dte{height:300px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
}
@media (min-width:768px){	
	#myCarousel-dte{height:300px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	#myCarousel-dte .carousel-caption {		width:70%;		margin-left:15%;		margin-right:15%}		
	#myCarousel-dte .carousel-caption h2 { font-size:3em;}
	#myCarousel-dte .carousel-caption p { font-size:1.2em;}
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
}
@media (min-width:800px){
	#myCarousel-dte{height:300px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-caption {width:76%;margin-left:12%;margin-right:12%}	
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	#myCarousel-dte .carousel-caption h2 { font-size:3em;}
	#myCarousel-dte .carousel-caption p { font-size:1.2em;}
}
@media (min-width:980px){
		/*CAROUSEL*/
	#myCarousel-dte{height:300px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
}
@media (min-width:1024px){
	#myCarousel-dte{height:300px; margin-bottom:20px; float:none; width:100%;  margin-bottom:20px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	#myCarousel-dte .carousel-caption h2 { font-size:4em;}
	#myCarousel-dte .carousel-caption p { font-size:1.5em;}
	.fill{ min-height:500px;}
}
@media (min-width:1200px){
	#myCarousel-dte{height:auto; margin-bottom:0px;  width:100%; display:block; background-color:transparent;}
	#myCarousel-dte .carousel-inner {width: 100%;height: 100%;min-height: 300px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff;  width:100%;}
	#myCarousel-dte .carousel-caption {    top: 0px; padding-top: 110px;	}
	#myCarousel-dte .carousel-caption h2 { font-size:4em;}
	#myCarousel-dte .carousel-caption h3 { font-size:2.5em; }
	#myCarousel-dte .carousel-caption p { font-size:1.5em;}
	.fill{ min-height:450px;}
}
@media (min-width:1400px){
	#myCarousel-dte{height:450px; float:none; width:100%;  margin-bottom:0px; }
	#myCarousel-dte .carousel-inner { background-color:#fff; width:100%;  height:450px;}
	#myCarousel-dte .carousel-inner .item{ background-color:#fff; width:100%;}
	.fill{ min-height:450px;}
}
.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: 2;
}