body{
	background: black;
}

header{
	background: #c0392b ; 
	width: auto; 
	height: auto;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
}

/** Texte gauche**/
.gauche{
	background: skyblue; 
	width: 20%; 
	height: auto; 
	float: left;
	font-family: 'Quicksand', sans-serif;
	
	text-align: justify;

}

.lien:hover{
	background-color: green;
	font-color: black;
	font-family: 'Quicksand', sans-serif;
	transition: 0.5s;
}

/** Texte du milieu **/
.milieu{
	background: #3cbb01; 
	width: 55%; 
	height: auto;
	float: left;
	font-family: 'Arvo', serif;
	text-align: justify;

}

article{
	display: block;
	margin: 10px;
}

.droite{
	background: skyblue; 
	width: 25%; 
	height: auto; 
	float: left;
	font-family: 'Arvo', serif;
	text-align: justify;

}

.img1{
	width: 75%; 
	height: auto; 
	float: center;
}

.img2{ 
	width: 60%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.AlainTuring{
	font-size: 80px;
	font-family: 'Roboto', sans-serif;

}

footer{
	background: grey;
	text-align: center;
	float: center;
	clear: both;
	font-size: 25px;
	font-family: 'Quicksand', sans-serif;
}

.logo{
	width: 500px;
	height: auto;
}

.famille-maillet{
	font-color:black;
	font-family: 'Quicksand', sans-serif;
}

.famille-maillet:hover{
	background-color: green;
	font-color: black;
	font-family: 'Quicksand', sans-serif;
	transition: 0.5s;
}

.famille-maillet:visited{
	font-family: 'Quicksand', sans-serif;
	font-color:black;
}