/* CSS Document */

.carousel-caption a{
		color:#DBE7F0;
	}
#toggleCarousel {
		/*width: 100%;*/
		/*text-align: end;*/
		position: absolute;
		margin-left:80px;
		/*bottom: 0px;*/
	}
	.carousel-caption {
	  left: 0;
	  right: 0;
	  bottom: 40px;
	  padding-bottom:50px;
	  padding-top: 10px;
	  padding-left: 20px;
	  z-index: 10;
	  color: #fff;
	  text-align: left;
	  font-size: 1.5em;
	  line-height: 1;
	  font-weight: bold;
	}

	.carousel-indicators  {
		position: absolute;
		bottom: 20px;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 15;
		margin: 0;
	/*	padding: -50px 150px 60px 0;*/
		text-align: center;
	}
/* Les indicateurs points pour les mobiles*/
	@media screen and (max-width: 750px) { 
		.carousel-indicators{
			right: 0;
			left: 0;
		}
		.carousel-indicators li {
			display: inline-block;
			
			width:  15px;
			height: 15px;
			margin: 0 10px 0 10px ;
			text-indent: -999px;
			border: 1px @carousel-indicator-border-color;
			border-radius: 10px;
			cursor: pointer;
			background-color:#fff;
		}

		.carousel-indicators .active {
			margin: 0 10px 0 10px  ;
			width:  15px;
			height: 15px;
			border:none;
			background-color: #ED1651;  /*@carousel-indicator-active-bg;*/	
		 }
		.carousel-inner>.item {
			width: 100%;

		}
		#toggleCarousel {
			/*width: 100%;*/
			/*text-align: end;*/
			position: absolute;
			margin-left:0px;
			/*bottom: 0px;*/
		}
	}
@media screen and (min-width: 750px) and (max-width: 1280px) { 
		.carousel-indicators{
			right: 0;
			left: 0;
		}
		.carousel-indicators li {
			display: inline-block;
			width:  15px;
			height: 15px;
			margin: 0 10px 0 10px ;
			text-indent: -999px;
			border: 1px @carousel-indicator-border-color;
			border-radius: 10px;
			cursor: pointer;
			background-color:#fff;
		}

		.carousel-indicators .active {
			margin: 0 10px 0 10px  ;
			width:  15px;
			height: 15px;
			border:none;
			background-color: #ED1651;  /*@carousel-indicator-active-bg;*/	
		 }
		.carousel-inner>.item {
			width: 100%;

		}
	}
/* Les indicateurs points pour les PC*/
	@media screen and (min-width: 1280px) { 
		.carousel-indicators li {
			display: inline-block;
			width:  13px;
			height: 13px;
			margin: 5px ;
			text-indent: -999px;
			border: 1px @carousel-indicator-border-color;
			border-radius: 10px;
			cursor: pointer;
			background-color:#fff;
		}

		.carousel-indicators .active {
			margin: 5px ;
			width:  15px;
			height: 15px;
			border:none;
			background-color:  #ED1651;
		 }
	}
	.carousel-control.left,
	.carousel-control.right {
		background-image: none;
	}
	
	.carousel-control.left{
		left: -30px;
	}

	@media screen and (max-width: 764px) {
		.carousel-control.left{
			left:0;
		}
	}
	.carousel-image{
		height: 468px;
	}
	/* css pour aligner l'hauteur de div caroussel et div info */
	@media only screen and (min-width: 992px) and (max-width : 1199px) {
		.is-table-row {
			display: table;
			
		}
	/*	.is-table-row [class*="col-"] {
			float: none;
			display: table-cell;
			vertical-align: bottom;
		}*/
		
		.carousel-image{
			height: 490px;
		}
		
	}
	.carousel-control.left:focus{
		border-color: darkblue;
	}
	.carousel-control.right:focus{
		border-color: darkblue;
	}