*{
	margin: 0;
	padding: 0;
}

img{
	width: 96%;
	margin: 2%;
	float:left ;

}
main{
	background-color: #25316D;
	float: left;
	width: 100%;
}
body{
	float: left;
	width: 100%;
}
section{
	background-color: #00ABB3;
	float: left;
	width: 100%;
	min-height: 250px;
	margin: 1%;
	margin-right: 1%;
	text-align: center;
	align-content: center;
}
#paysage {
	min-height: 320px;
}
section img{
	margin-left: -15%;
	float: right;
	width: 20%;
	max-width: 30%;
	
}
p{
	width: 55%;
	text-align: left;
	float: left;
	margin-left: 10%;
	margin-top: 1%;
	color: #25316D;
}

preview{
	margin-top: 0%;
	background-color: #25316D;
	margin-left: 25%;
	width: 47%;
	position: fixed;
	box-shadow: 0 0 50px #25316D;
	color: white;
	
}
preview p {
	color: white;
}
#grand{
	margin-left: 25%;
	width: 47%;
}
#suivant{
	text-align: left;
	width: 75%;
	float: left;
}
#x{
	text-align: right;
	width: 25%;
	float: left
}
header{
	background-color: black;
}
nav{
	background-color: black;
	text-align: right;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: large;
}
header h1{
	color: white;
	text-align: center;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: xx-large;
}
nav a{
	color: white;
}
section a{
	color: #25316D;
}
p a {
	width: 100%;
	align-content: center;
}