#intro {

	text-align: center;
	font-family: Mission Gothic Thin;
	line-height: 2.5em;
	margin: 40px auto 40px auto;
	width: 80%;

}

#contacts {

	background: #7f8c8d;
	color:#FFFFFF;

}

.contacts {

	width: 80%;
	height: 285px;
	margin: 0 auto 0 auto;
	padding: 40px 0 40px 0;
	display: table;

}

.classique { 

	border-top: solid #FFFFFF 20px;
	border-bottom: solid #FFFFFF 10px;

}

.classique h4 {
	padding-top: 20px;
	font-size: 1.5em;
}

.reseaux {

	border-top: solid #FFFFFF 10px;
	border-bottom: solid #FFFFFF 20px;
	text-align: center;
	padding: 20px 0 20px 0;

}

.reseaux h4 {
	padding-bottom: 20px;
	font-size: 1.5em;
}


ul li {

	display: inline-block;
	margin: 5px 10px 5px 10px;

}

@media screen and (max-width: 650px)
{

ul li  {

	display: inline-block;
	margin: 15px 20px 15px 20px;

}

}

#facebook { background-image: url("images/facebook.png"); background-size: 100%; width: 60px; height: 60px; }
#instagram { background-image: url("images/instagram.png"); background-size: 100%; width: 60px; height: 60px; }
#foursquare  { background-image: url("images/foursquare.png"); background-size: 100%; width: 60px; height: 60px; }
#youtube { background-image: url("images/youtube.png"); background-size: 100%; width: 60px; height: 60px; }
#twitter { background-image: url("images/twitter.png"); background-size: 100%; width: 60px; height: 60px; }
#google { background-image: url("images/google-plus.png"); background-size: 100%; width: 60px; height: 60px; }
#linkedin { background-image: url("images/linkedin.png"); background-size: 100%; width: 60px; height: 60px; }
#viadeo { background-image: url("images/viadeo.png"); background-size: 100%; width: 60px; height: 60px; }