body, html {

  height: 100%;

}



body{

	text-align: center;

	background-image: url("background.PNG");

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	height: 100%;

	width: 100%;



	font-family: sans-serif;

	font-weight: 100;

}

h1{

	color: white;

	font-weight: 100;

	font-size: 40px;

	margin: 40px 0px 20px;

}

#clockdiv{

	font-family: sans-serif;

	color: black;

	display: inline-block;

	font-weight: 100;

	text-align: center;

	font-size: 30px;

}

#clockdiv > div{

	padding: 10px;

	border-radius: 3px;

	background: rgba(255,255,255,0.3);

	display: inline-block;

}

#clockdiv div > span{

	padding: 15px;

	border-radius: 3px;

	background: rgba(255,255,255,0.8);

	display: inline-block;

}



html,body {

	margin: 0;

	padding: 0;

}



.slider {

	width: 1024px;

  	margin-left: auto;

 	margin-right: auto;



}



.slider-wrapper {

	max-width: 80%;

	max-height: 80%;

	height: 80%;

	margin-left: auto;

	margin-right: auto;

}



.slide {

	margin-top: 1rem;

	max-width: 100%;

}



.slide-flip { 

	max-height: 400px;

	margin-top: 250px;

	transform: rotate(270deg);

}

#nous{
	margin-top: 20px;
	background-image: url("nous.jpg");
	background-repeat: no-repeat;
	background-position: center;
	max-height : 70%;
	height : 60%;
}