/* ///// GENERAL ////// */

body {	
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #ccc;
	line-height: 1.5;
	overflow-y: scroll;
	background: url(../images/bg.png) repeat;
}

.espace { margin-bottom: 36px; }
.clear { clear: both;}

#box {
	margin: 30px auto;
	width: 1024px; height: 880px;
	background-color: #333;
	box-shadow: 0 0 15px #000;
	position: relative;
}

header {
	background-color: #555;
	height: 115px;
}

header h1 a {
	display: block;
	width: 172px; height: 45px;
	background: url(../images/logo.png) no-repeat;
	position: relative;
	top: 40px; left: 40px;
	text-indent: -9999px;
}

header .contact {
	display: block;
	width: 35px; height: 35px;
	background: url(../images/contact.png) no-repeat;
	float: right;
	position: relative;
	top:-2px; right: 40px;
	text-indent: -9999px;
}

	header .contact:hover {
		background: url(../images/contacthover.png) no-repeat;
	}

#content {
	margin: 55px auto;
	width: 840px;
	height: 605px;
}

#home #content ul { overflow: hidden;}

#home #content li img, #content li p { float: left;}
#home #content li img { margin-bottom: 55px; }

#home #content li p { width: 624px; margin-left: 70px; }

	#content .yaka { margin-top: 32px;}
	#content .milo { margin-top: 10px;}
	#content .paddock, #content .partners { margin-top: 2px;}
	#content .id { margin-top: 14px;}

#contact #map { float: left; width: 270px; height: 342px; margin-bottom: 36px; color: #333;}
#contact .coordonnees { float: left; margin-top: 14px; margin-left: 40px;}
#contact #map_deux { float: right; width: 270px; height: 342px; margin-bottom: 36px; color: #333;}

#contact a {
	text-decoration: none;
	color: #91c425;
	display: block;
}
	#contact a:hover { color: #666;}

footer { background-color: #555; height: 50px; font-size: 12px; text-align: center; position: relative; bottom: 0;}
footer p:first-child { padding-top: 8px;}