.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #cccccc;
  color:white;
 

}

.btn:active,
.btn.active {
  background-color: #cccccc;
 color:white;
}


/* bouton bas gauche*/
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
	width:15px;
	height:15px;
	opacity:.9;
  color:white;
  background-color:#FFF;

}




.dragging{
	cursor:move !important;
}





#ferroslider-navigation-links a:active,
#ferroslider-navigation-links a.actual,
#ferroslider-navigation-links a:focus,
#ferroslider-player a:active,
#ferroslider-player a.actual,
#ferroslider-player a:focus{
  
  



}


/*les boutons de gauche position*/
#ferroslider-navigation-map{
	position: absolute;
	text-align:center;
	float:right;
	line-height:16px;
	padding:5px;
	  color:white;
}

/*menu bas gauche avec barre postion*/
#ferroslider-player{
	position:absolute;
	bottom:0;
	left:-10px;
	display:block;


}

/*le menu de fgauche*/
#ferroslider-player a{
	display:inline;
	float:left;
	margin: 5px 0px;;

	width:150px;
	background-color:transparent;
	background-image:none;
	color:#FFFFFF;

}

/*Bouton Pause*/
#ferroslider-player a.pause{
	display:inline;
	float:left;
	margin: 1px 0px;;
	width:50px;
	height:20px;
	background-color:transparent;
	background-image:none;
	color:#FFFFFF;
	background-image:url(../img/pause.png);
background-repeat:no-repeat;
transition: all 0.1s ease-out;
color:rgba(255, 255, 255, 0);
opacity:.0;
}

/*Bouton Play*/

#ferroslider-player a.play{
	display:inline;
	float:left;
	margin: 1px 0px;;
	width:50px;
	height:20px;
	background-color:transparent;
	background-image:none;
	color:#FFFFFF;
	background-image:url(../img/play.png);
background-repeat:no-repeat;
transition: all 0.1s ease-out;
color:rgba(255, 255, 255, 0);
opacity:.0;
}

#ferroslider-timebar-out{
	width:100%;
	height:3px;
	background:#CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position:absolute;
opacity:0.7;
	margin: -1px 0;
}

#ferroslider-timebar-in{
	width:0%;
	height:3px;
	background: #FCC; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.navigation-dot{
	float:left;
	width:10px;
	height:10px;
	margin:1.5px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	position: relative;
	background:rgba(237,237,237,0.5);

	cursor:pointer;
}

.navigation-dot.actual{
	position: relative;
	background:rgba(255,255,255,1);
	float:left;
	cursor:default;
}

.navigation-dot.empty{
	position: relative;
	background-color:none;
	filter: alpha(opacity = 1);
	opacity:0;
	float:left;
	
}



.tooltip span{
	visibility: hidden;
	position: absolute;
	z-index: 999;
	width: 30px;
	padding: 5px;
	height:5px;

	opacity: .0;


 border: 2px solid #Fff;
 
 line-height:5px;
  border-radius: 2px;
  background-color:#FFFFFF;

	color: #000;
    font-family: Arial;
    font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
  
	position:absolute;  transition: all 0.3s ease-out;
}

.tooltip.top span{
	position:fixed;
	bottom:6px;
	left: 99%;
	margin-left: -105px;
	

}


.tooltip:hover{
  	

 border:0px solid #Fff;
}

.tooltip:hover span{
  	visibility: visible;
	opacity: 0.9;
	transition: all 0.3s ease-out;
}




.fadeIn{
	filter: alpha(opacity = 70);
	opacity:0.7;
	cursor:crosshair;
}




.demo4{
	color:white;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	overflow-y:auto;
	height:100%;
	width:100%;
	/*cursor: url(cursor.png),url(cursor/cursor.cur),default;*/
}

#ferroslider-ajaxLoader{
	z-index:-1;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
    overflow: hidden;
    display:block;
    position:absolute;
    text-align:center;
}

#ferroslider-ajaxLoader i{
	font-size:40px;
	margin-top:100px;
	color:#dddddd;
}

#ferroslider-ajaxLoader.bring-to-front{
	z-index:999999999999999;
}

/*BOUTON avant arriere*//*BOUTON avant arriere*//*BOUTON avant arriere*//*BOUTON avant arriere*/
/*BOUTON avant arriere*//*BOUTON avant arriere*//*BOUTON avant arriere*/
/*BOUTON avant arriere*//*BOUTON avant arriere*//*BOUTON avant arriere*/
/*BOUTON avant arriere*//*BOUTON avant arriere*/
/*BOUTON avant arriere*//*BOUTON avant arriere*/



#ferroslider-player a.prev {
/*visibility: hidden;*/

  margin-left: 0;
	/*visibility: hidden;*/
	width:20px;
	height:20px;
	opacity:.7;
	bottom:50%;
	left:5px;
	margin-top:-1px;
	position:fixed;
 z-index:1;
font-size:3px;

background-image:url(../img/sens_left.png);
background-repeat:no-repeat;
transition: all 0.1s ease-out;
color:rgba(255, 255, 255, 0);
}

#ferroslider-player a.prev:hover { 

	opacity:1;
  transition: all 0.3s ease-out;
}


#ferroslider-player a.next { 
  margin-right: 0;
	/*visibility: hidden;*/
	width:20px;
	height:20px;
	opacity:.7;
	top:50%;
	right:4px;
	margin-top:-20px;
	position:fixed;
 z-index:1;
font-size:3px;

background-image:url(../img/sens_right.png) ;
transition: all 0.3s ease-out;
color:rgba(255, 255, 255, 0);
  
}

#ferroslider-player a.next:hover { 

	opacity:1;
transition: all 0.3s ease-out;
  
}