@charset "UTF-8";
/* CSS Editions Platine */

@font-face {
    font-family: 'comfortaaregular';
    src: url('comfortaa_regular-webfont.eot');
    src: url('comfortaa_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('comfortaa_regular-webfont.woff') format('woff'),
         url('comfortaa_regular-webfont.ttf') format('truetype'),
         url('comfortaa_regular-webfont.svg#comfortaaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background-color: #fff;
	margin:0px;
	padding:0px;
}


#logo{
	float:left;
	background-image:url(images/texture-editions3.png);
	background-repeat:repeat;
	height:220px;
	width:100%;
	padding-top:60px;
	}
	
#zone-echo-du-lac{
	float:left;
	background-color:#009ee3;
	background-image:url(images/texture-lac.png);
	background-repeat:repeat;
	height:240px;
	width:100%;
	padding-top:40px;
	}
	
	#zone-echo-du-lac a{
	margin-left:50px;
	margin-top:80px;
	}
	
.fleche{
	float:right;
	margin-right:50px;
	margin-top:30px;
	}
	
#zone-echo-de-cap-rouge{
	float:left;
	background-color:#e30513;
	background-image:url(images/texture-cr.png);
	background-repeat:repeat;
	height:240px;
	width:100%;
	padding-top:40px;
	}
	
	#zone-echo-de-cap-rouge a{
	margin-left:50px;
	margin-top:80px;
	}

	
#zone-magazine{
	float:left;
	background-color:#3c3c3b;
	background-image:url(images/texture-mag.png);
	background-repeat:repeat;
	height:210px;
	width:100%;
	padding-top:70px;
	}
	
	#zone-magazine a{
	margin-left:70px;
	margin-top:80px;
	}
	
	
#zone-nous-joindre{
	float:left;
	background-color:#a4aba5;
	height:80px;
	width:100%;
	padding-top:40px;
	}
	
	#zone-nous-joindre a{
	margin-left:70px;
	margin-top:80px;
	}


p {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#394f64;
	margin-left:24px;
	}
	
a {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:24px;
	color:#ffffff;

	}
	
a hover{
	text-decoration:underline;
}
	
	
	#zone-contacts{
	float:left;
	background-color:#F2F2F2;
	width:100%;
	padding-top:30px;
	padding-left:120px;
	}
	
	#zone-contacts p{
		margin-bottom:40px;
		font-size:18px;
		
		}
	
	#zone-contacts a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:30px;
	color:#394f64;
	}
	
	#zone-contacts a hover{
	font-weight:bold;
	text-decoration:underline;
		}