body{
	margin: 0px;
	background-image: url(../images/fond2.jpg);
	font-family: 'Exo 2', Arial, sans-serif;
}

header{
	text-align: center;
	padding-top: 20px;
	
	width: 100%;
}

#presentation{
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 150px;
	color: white;
}

#presentation img{
	float: left;
	padding-right: 75px;
}

#presentation p{
	font-size: 30px;
	padding-top: 75px;
	text-align: justify;
	}


#rubriqueachat{
	margin-top: 380px;
	padding-left: 80px;
	padding-right: 80px;

}

#rubriqueachat p{
	color: white;
	font-size: 30px;
	text-align: justify;
	padding-top: 100px;
}

#rubriqueachat img{
	float: right;
	padding-left: 75px;

}

#rubriqueachat a:hover{
	opacity: 75%;
}




#rubriquecontact{
			color: white;
	font-size: 30px;
	text-align: justify;
	padding-top: 150px;
	padding-left: 150px;
	padding-right: 150px;
	padding-top: 120px;
	text-align: center;
}

#btncontact{
	text-align: center;
	padding-top: 50px;
}



#btncontact a{
	padding-top: 45px;
	margin-top: 30px;
	background-color: white;
	border: 3px white solid;
	text-decoration: none;
	padding: 20px;
	color: black;
	border-radius: 9px;
	font-weight: bold;
	font-size: 30px;
	
}

#btncontact a:hover{
	text-decoration: underline;
	background-color: grey;
}

.res{
	width: 100px;
	height: 100px;
	margin: 5px;
}



h2{
	color: white;
	margin: 0px;
}

footer{
	margin:30px;
}

.fo{
	text-decoration: none;
	color: grey;

}


.fo:hover{
	text-decoration: underline;
	
}