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

.slide, .cycle-slideshow {
	cursor: pointer;
}

.cycle-slideshow img {
    padding: 0;
    width: 100%;
}
.cycle-pager {
	position: absolute;
	bottom: 4%;
    right:10px;
	z-index: 999;
	width: 100px;
	height: 25px;
	padding: 25px 0 0 0;

}

.cycle-pager .pager, .cycle-pager-active {
	width: 9px;
	height: 9px;
	background: none;
	float: right;
	margin: 0 5px 0 0;
	-webkit-border-radius: 9px;
    border-radius: 9px;
	border: #005f9e solid 3px;
	cursor: pointer;
}

.cycle-pager-active {
	background: #005f9e!important;
}

#prev, #next {
	background: url(../images/fleche-gauche.png);
	width: 57px;
	height: 60px;
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 999;
}

#next {
	background: url(../images/fleche-droite.png);
	left: inherit;
	right: 0;
}

#slide1 {
	background:url(../images/slide-autobus.jpg);
}

#slide2 {
	background:url(../images/slide-auto.jpg);
}

#slide3 {
	background:url(../images/slide-eleves.jpg);
}

.bande-video {
	background: url(../images/bg-alpha.png);
	padding: 15px 0 15px 0;
}

.intro {
	color: #FFF;
}

.intro p{
	font-size: 16px;
	line-height: 18px;
}

.intro h1{
	font-size: 30px;
	line-height: 34px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}