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

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

body {
	background:url(../images/background.jpg) no-repeat top center;	
}

#contact {
	color:#FFF;
	font:18px 'SansationRegular', Arial, Helvetica, sans-serif;	
	left:20px;
	position:absolute;
	top:333px;
}

#contact a {
	background:url(../images/courriel.png) no-repeat left;
	color:#FFF;
	display:block;
	padding-left:30px;
	text-decoration:none;	
}

#contact small {
	font-size:12px;	
}

#contact span {
	font-size:26px;	
}

#content {
	font:21px 'SansationRegular', Arial, Helvetica, sans-serif;
	position:absolute;
	text-align:center;	
	top:500px;
	width:100%;
}

#content span {
	color:#DE5700;	
}

#floride {
	left:100px;
	position:absolute;
	top:160px;	
}

h1 {
	color:#1065AA;
	font:60px 'SansationRegular', Arial, Helvetica, sans-serif;	
	line-height:40px;
}

h1 span {
	font:72px 'SansationBold', Arial, Helvetica, sans-serif;	
}

h2 {
	font-size:22px;
}

h3 {
	color:#DE5700;
	font:27px 'SansationBold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#pictures {
	position:absolute;
	right:20px;
	top:24px;
	width:600px;
}

#thumbs {
	position:absolute;
	right:20px;
	top: 405px;
	width: 600px;
	height: 56px;
}

#thumbs .prev,
#thumbs .next {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: -16px;
	display: block;
	width: 16px;
	height: 56px;
	background: transparent url(../images/left-arrow.png) no-repeat center center;
}

#thumbs .next {
	left: auto;
	right: -16px;
	background: transparent url(../images/right-arrow.png) no-repeat center center;
}

#thumbs .view {
	position: relative;
	z-index: 1;
	display: block;
	margin-left: 5px;
	width: 590px;
	height: 100%;
	overflow: hidden;
}

#thumbs .scroll {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	text-align: left;
	white-space: nowrap;
}

#thumbs .scroll img {
	display: inline-block;
	cursor: pointer;
	margin: 0 10px 0 0;	
}

#wrapper {
	margin:auto;
	padding:26px 20px 20px;
	position:relative;
	width:900px;	
}