@charset "utf-8";
/* CSS Document */

/**
bleu #2492ac / rose #de4f92 / gris #9c9c9c / rose foncé #d72478;

**/
.banner {
	width:1000px;
position:relative;
}
.sliders {
	overflow:hidden;
	
}
.desactive {
	display:none;
}
.slider-1, slider-2, .slider-3 {
	position:relative;
}
.text-banner {
	position:absolute;
	top:80px;
	left:60px;
	background:rgba(255, 255, 255, 0.8);
	border-top:4px solid #2492ac;
	padding:15px 15px 10px 15px;
	width:350px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	
	-webkit-animation: block-txt-anim 10s ease-in-out  1;
	-moz-animation: block-txt-anim 10s ease-in-out  1;
	-o-animation: block-txt-anim 10s ease-in-out 1;
	-ms-animation: block-txt-anim 10s ease-in-out  1;
	animation: block-txt-anim 10s ease-in-out  1;
	
}
.title-banner {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:22px;
	color:#2492ac;
	margin:20px 0}
.text-banner p {
	font-size:14px;
	padding-bottom:10px;
	border-bottom:thin solid #2492ac
}
.img-banner {
	-webkit-animation: block-img-anim 10s ease-in-out  1;
	-moz-animation: block-img-anim 10s ease-in-out  1;
	-o-animation: block-img-anim 10s ease-in-out 1;
	-ms-animation: block-img-anim 10s ease-in-out  1;
	animation: block-img-anim 10s ease-in-out  1;
}
@-webkit-keyframes block-img-anim {
	0%{opacity:0;}
	5%{opacity:1;}
	94%{opacity:1;}
	98%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes block-img-anim {
	0%{opacity:0;}
	5%{opacity:1;}
	94%{opacity:1;}
	98%{opacity:1;}
	100%{opacity:0;}
}

@-o-keyframes block-img-anim {
	0%{opacity:0;}
	5%{opacity:1;}
	94%{opacity:1;}
	98%{opacity:1;}
	100%{opacity:0;}
}

@-ms-keyframes block-img-anim {
	0%{opacity:0;}
	5%{opacity:1;}
	95%{opacity:1;}
	100%{opacity:0;}
}

/******text***********/
@-webkit-keyframes block-txt-anim {
	0%{opacity:0; left:-100%}
	5%{opacity:1; left:50px}
	94%{opacity:1; left:50px}
	98%{opacity:0; left:60%}
	100%{opacity:0; left:-100%}
}
@-moz-keyframes block-txt-anim {
	0%{opacity:0; left:-100%}
	5%{opacity:1; left:50px}
	94%{opacity:1; left:50px}
	98%{opacity:0; left:60%}
	100%{opacity:0; left:-100%}
}

@-o-keyframes block-txt-anim {
	0%{opacity:0; left:-100%}
	5%{opacity:1; left:50px}
	94%{opacity:1; left:50px}
	98%{opacity:0; left:60%}
	100%{opacity:0; left:-100%}
}

@-ms-keyframes block-txt-anim {	
	0%{opacity:0; left:-100%}
	5%{opacity:1; left:50px}
	94%{opacity:1; left:50px}
	98%{opacity:0; left:60%}
	100%{opacity:0; left:-100%}
}
.b-buttons {
	position:absolute;
	bottom:15px;
	right:15px;
}
.b-buttons a{
	display:block;
	background:#9c9c9c;
	border-radius:100%;
	padding:5px;
	margin-left:5px;
	z-index:100;
	height:3px;
	width:3px;
	float:left;	
}
.button-on {
	background:#2492ac !important;
}