/* -- Reset CSS ---------------------------------> */

@import url('reset.css');

/* -- Fonts -------------------------------------> */

@import url('../fonts/cantarell/stylesheet.css');



body{
	background: url(../img/background.jpg) repeat center top;
	text-align: center;
}


.frame{
	posisiton: relative;
	width: 960px;
	margin: 0 auto;
}


header{position:relative; height:350px;}
	
	header h1{
		position: absolute;
		top: 80px;
		left: 250px;
		width: 460px;
		height: 222px;
		background: url(../img/arp-conseils.jpg) no-repeat center top;
	}

		header h1 span{display:none;}
		
		
section{
	position: relative; 
	height: 300px;
	background: url(../img/infos.jpg) no-repeat left top;
	padding: 50px 0 0;
}

	section p{
		color: #fff;
		font: 1em 'CantarellRegular', Arial, sans-serif;
		margin-bottom: 50px;
		text-transform: uppercase;
	}
	
		section p strong{
			font: 1em 'CantarellRegular', Arial, sans-serif;
		}
		
		section p a:link, section p a:visited{
			color: #fff;
			text-decoration: underline;
		}
		section p a:hover{text-decoration:underline; color:#e11b22;}
		
	section a.btn{
		position: absolute;
		top: 213px;
		left: 443px;
		display: block;
		width: 38px;
		height: 34px;
		overflow: hidden;
	}
	section a.btn:hover img{margin-top:-34px;}
	
	section a#facebook{left:481px;}