/** Bandeau */
.bandeau ul {
	list-style: none;
}
/* Carousel */
.banner-carousel  {	
	width: 100%;
}
.banner-carousel .slides a.carousel-control {
	position: relative;
	font-size: 100%;
	opacity: 1;
}
.banner-carousel .slides img {
	position: relative;
	z-index: 25;
}
.banner-carousel .item img {
	max-width: 100%;
	max-height: 100%;
}
ul.slides {
	padding: 0;
    background: url('../images/bandeau/slider-controls-background.png') no-repeat 0 0;
    border-radius: 10px 10px 0 0;
    height: 35px;
    margin-right: 28px;
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 90px;
    z-index: 50;
}
ul.slides li {
	float: left;
	padding: 5px 9px;
}

.banner-carousel .slides-previous:hover,
.banner-carousel .slides-previous:focus,
.banner-carousel .slides-next:hover,
.banner-carousel .slides-next:focus,
.banner-carousel .slides-play:hover,
.banner-carousel .slides-play:focus,
.banner-carousel .slides-stop:hover,
.banner-carousel .slides-stop:focus  {
	text-decoration: none;
}

*+html .banner-carousel .bg-controle {
	/* Non affichage du background : bug ie7 sur les z-index ... */
	background-image: none;
}

/* Bloc de la navigation activité */
#navigationActivite {
    font-family: Arial,Helvetica;
    margin-left: 20px;
    position: absolute;
    z-index: 50;
    width: 240px;
}
#navigationActivite ul{
	padding: 0;
}
#navigationActivite ul li{
	padding: 10px 5px;
}
#navigationActivite ul li a{
	font-size: 100%;
}
#navigationActivite ul.niveau1 {
	border: 2px solid #ffffff;
}
#navigationActivite ul.niveau1 li {
	border-bottom: 1px solid #ffffff;
}
#navigationActivite ul.niveau1 .halflings-menu-right {
	position: absolute;
	right: 10px;
	padding-top: 5px;
}
#navigationActivite ul.niveau2 li {
    border-bottom: 1px solid #ffffff;
    margin-left: 10px;
    text-transform: none;
}
#navigationActivite ul.niveau2 li:last-child {
   border-bottom: none;
}
#navigationActivite ul > li > a {
    color: #ffffff;
    font-size: 100%;
    text-decoration: none;
    display: inline-block;
}

/* Barre web */
#barreWeb {
	background-color: #ffffff;
	opacity : 0.75;
    height: 40px;
    padding: 0 8px;
    position: absolute;
    z-index: 98;
}
ul#barreWeb li {
    float: left;
    padding: 5px;
}
.barreWeb_mobile {
	border: 1px solid #cccccc;
	width: 100%;
	height: 40px;
}
.barreWeb_mobile div {
	text-align: center;
	padding-top: 5px;
}

.carousel-indicators {
    position: absolute;
    bottom: 200px;
    z-index: 15;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 1px;
    margin-right: 20px;
    text-indent: -999px;
    border: 1px solid #9c81ac;
    border-radius: 10px;
    cursor: pointer;    
    background-color: #9c81ac;
}

.first-sld {
	margin-left: 20px !important;
}

.carousel-indicators .active {
    margin: 0;
    margin-right: 20px;
    width: 17px;
    height: 17px;
    border: 1px solid #602877;
    background-color: #602877;
}

.carousel-inner > .active {
    left: 0;
    height: 100%;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.carousel-inner > .item > a > img {    
    height: 100%; 
    max-width: 1290px;
    transition: transform .2s;
}

.carousel-inner > .item > a > img:hover {    
  transform: scale(1.03);
}

.modal-video {	
	max-width: 1283px;	
}

.video-body {
	max-height: none;
	overflow-y: visible;
}

@media screen and (min-width: 768px) {	
	.modal-video {width: 90%;}	
}

/* @media screen and (max-width: 768px) {	 */
/* 	.carousel-indicators {		 */
/* 		text-align: center; */
/* 	} */
/* } */


    
@media screen and (max-width: 767px) {	
	.carousel-indicators {
		width: auto;    	
    	margin-left: 0;
    	left: 0;
    	text-align: left;
	}	
}    

@media screen and (min-width: 768px) and (max-width: 989px) {	
	.carousel-indicators {		
    	width: auto;
    	left: 60px;
    	margin-left: 0;    	
	}	
}

@media screen and (min-width: 990px) {	
	.carousel-indicators {
		width: auto;
    	left: 60px;
    	margin-left: 0;
	}	
}

.slide-carousel:HOVER {
	cursor: pointer;
}

.bandeau-element:focus {
	outline: auto 5px -webkit-focus-ring-color;
}