.page{
	overflow-x: hidden;
	/*max-width: 1920px;*/
	margin: 0px;

	@font-face{
		src : url('Lato-Regular.ttf, Lato-Black.ttf');
		font-family: 'Lato', sans-serif;
	}

}

.row{

}

.img{
	background-color: #ededed;
	/*position: relative;*/
	z-index: 2;
}



.actus{
	position: fixed;
	background-color: #008ce1;
	z-index: 1;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
    padding-bottom: 10px;
	margin-top: -75px;
}


.acces{
	font-size: 20px;
	height: 350px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
}

.intro{
    height: 2%;
    font-size: 20px;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
    font-family: lato;
}

.hourglass{
	height: 25px;
	margin-left: 10px;
}

.module{
	font-size: 18px;
	padding-bottom: 130px;
	position: relative;	
	color: #ffffff;
	margin-bottom: 60px;
}

.module1{
	background-color: #008ce1;
}

.module2{
	background-color: #96d4d1;
}

.module3{
	background-color: #f3cd47;
}

.resume_module{
	height: 45%;
}

.text-center{
	margin-right: 15px;
	margin-left: 15px;
}

.text-right{
	margin-left: 30px;
}


.time_module{
	padding-top: 20px;
}

.titre{
font-family: lato black;
}

.info{
	text-align: center;
	font-size: 18px;
	font-family: Lato black
	padding-top: 20px;
	padding-bottom: 60px;
}


.ptInfo{
	margin-top: 30px;
}

.credits{
	background-color: #ededed;
	font-family : lato;
	text-align: center;
	padding: 25px 25px 25px 25px;
	font-size: 18px;

}

.title{
 font-size: 30px;
 font-family: Lato;
 text-align: center;

}

.text{
	text-align: center;
}

p{
	font-size: 18px;
	font-family: lato;
}

.play1{
	height: 100px;
	width: 100px;
	border-radius: 50%;
	border:4px solid #ffffff;
	background: #008ce1;
	margin-top: 10px;

}

a.btn{
	height: 100px;
	width: 100px;
    border-radius: 50%;
	border: 4px solid white;
	padding: 15px 32px;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.btn1{
	background-color: #008ce1;
}

.btn2{
	background-color: #96d4d1;
}

.btn3{
	background-color: #f3cd47;
}

.time{
	font-size: 18px;
	text-align: right;
}

.maj{
	font-size: 18px;
	text-align: right;
	padding-right: 15px;
	padding-left: 285px; 
	padding-bottom: 50px;
}


/*.btn {
    display: inline-block;
    padding: 5px 10px;
    background: #96d4d1;
    border: 4px solid #ffffff;
    color: #ffffff;
    /*border-radius: 50%;*/
/*    height: 100px;
    width: 150px;

}
 
.btn:hover, .btn:focus {
    background: #ccc;
    text-shadow: 0 -1px #eee;
}
 
.btn:active {
    background: #2cabcf;
    text-shadow: 0 -1px #eee;
    border: 1px solid #1f6b81;
}*/
*/
.footer{
	/*max-width: 1900px;*/

}

@media screen and (max-width: 500px) {
	/*code la*/
	.actus {
		height: auto;
		margin-top: 0;
	}

	.module1, .module2, .module3 {
		margin-bottom: 50px;
	}
}