body{
	background: #E9F7EF;
	margin: 20px;
}

h1{
	color: darkred;
	font-size: 45px;
	text-decoration: underline;
	text-align: center;
	font-family: 'Playfair Display', serif;
}

h2{
	color: black;
	font-size: 25px;
	text-decoration: underline;
	font-family: 'Playfair Display', serif;
}

h3{
	color: darkgreen;
	font-size: 20px;
	text-decoration: underline;
	font-family: 'Playfair Display', serif;
}

h4{
	color: black;
	font-size: 25px;
	font-family: 'Playfair Display', serif;
}

img{
	width: 45%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.lien-menu{
	font-family: 'Noto Sans Mono', monospace;
	color: black;
	text-decoration: none;
}

.lien-menu:hover{
	font-family: 'Noto Sans Mono', monospace;
	background: lightgreen;
	text-decoration: none;
	transition-duration: 0.5s;
}

a{
	color: darkslateblue;
	text-decoration: underline;
}

g{
	font-family: 'Noto Sans Mono', monospace;
	color: red;
	font-weight: bold;
}

p{
	font-family: 'Noto Sans Mono', monospace;
	font-size: 20px;
	text-align: justify;
}

li{
	font-family: 'Noto Sans Mono', monospace;
	font-size: 20px;
}


footer{
	background: grey;
	font-family: 'Noto Sans Mono', monospace;
	font-size: 20px;
}

div:hover{
	background: lightpink;
	font-family: 'Noto Sans Mono', monospace;
	font-size: 20px;
	transition: 0.5s;
}

div{
	font-family: 'Noto Sans Mono', monospace;
	font-size: 20px;
}

hr{
  border-top: 10px dashed red;
}