/* RESET */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* Frame de base */

	body{
		margin:0px 0px; 
		padding:0px;
		text-align:center;
		background-color: #c8c8c8;
	}

	/* Header, Navigation et Partenaires */

	#header{
		width:934px;
		height: 127px;
		margin:0px auto;
		text-align:left;
		padding:0;
		/* background-image: url(../img/background/header.jpg); */
		background-color: #06142d;
		/* background-repeat: no-repeat; */
	}
	
	#logo{
		padding: 20px 0 0 15px;
		float: left;
		width: 275px;
	}

	#nav_partners{
		float: left;
		width: 550px;
	}
	
	partners img{
		padding-right:65px;
	}
	
	#partners{
		text-align: right;
		height: 106px;
		width: 650px;
		
	}
	#rating{
		margin-bottom:10px;
				
	}	
	
	#rating img{
		margin: 0;
		padding: 0;
				
	}	
		
	#partners img{
		padding: 10px 10px 0 0;
	}
	
	#navigation{
		padding-left: 75px;
		height: 21px;
		color: #ffa200;
		font-family: Verdana;
		font-size: 13px;
	}
	
	#navigation a{
		color: #fff;
		font-family: Verdana;
		font-size: 13px;
		text-decoration: none;
	}
	
	#navigation a:hover{
		color: #ffa200;
		text-decoration: none;
	}
	
	#navigation li{
		float: left;
		padding: 0 15px 0 0;
	}
	
	/* Animation */
	
	#animation{
		width: 934px;
		height: 376px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	/* Meteo et nouvelles */
	#meteo_nouvelles{
		height: 46px;
	}
	
	/* Footer */
	#footer{
		width: 934px;
		height: 2px;
		font-size: 12px;
		color: #c6c6c6;
		text-decoration: none;
	}
	
	#footer a{
		font-size: 12px;
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover{
		text-decoration: none;
		color: #c6c6c6 ;
	}
	
	#footer ul{
		padding: 10px 0 0 247px;
	}
	
	#footer li{
		float: left;
		padding: 0 10px 0 0;
	}
	
	/* Copyright */
	#copyright{
		text-align: center;
		height: 20px;
		font-size: 9px;
		font-family: Verdana;
		color: #c2c2c2;
	}
	
	#copyright a{
		text-decoration: none;
		color: #c2c2c2;
	}
	
/* Accueil */
	
	#accueil{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 300px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#accueil_wrap{
		width: 934px;
		height: 180px;
		padding-top: 20px;
	}
	
	#accueil_introduction{
		width: 438px;
		height: 140px;
		background-color: #dddfe3;
		float: left;
		margin-left: 7px;
		padding: 10px 10px 10px 10px;
	}
	
	#accueil_introduction h1{
		color: #4d413d;
		font-size: 14px;
		font-family: Verdana;
		font-weight: bold;
		padding-bottom: 10px;
		
	}
	
	#accueil_introduction p{
		color: #000;
		font-size: 12px;
		font-family: Verdana;
		line-height: 14px;
	}
	
	#accueil_decouvrir{
		width: 227px;
		height: 160px;
		float: left;
		margin-left: 5px
	}
	
	#accueil_temoignages{
		width: 225px;
		height: 160px;
		float: left;
		margin-left: 5px;
	}
	
/* Commoditˇs */
	
	#commodites{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 735px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#commodites_wrap{
		width: 934px;
		height: 615px;
		padding-top: 20px;
		margin-left: 7px;
	}
	
	#commodites_liste{
		width: 301px;
		height: 598px;
		float: left;
		background-image: url(../img/commodites/commodites_liste.png);
		background-repeat: repeat-y;
		border: 1px solid #fff;
		color: #fff;
		font-family: Verdana;
	}
	
	#commodites_liste h1{
		padding-left: 20px;
		font-size: 12px;
		font-weight: bold;
	}
	
	#commodites_liste p{
		padding-left: 20px;
		font-size: 11px;
	}
	
	#commodites_liste ul{
		padding-left: 20px;
		font-size: 11px;
	}
	
	#commodites_liste li{
		padding-bottom: 5px;
	}
	
	#commodites_right{
		width: 611px;
		height: 600px;
		float: left;
		margin-left: 7px;
	}
	
	#commodites_intro{
		width: 611px;
		height: 186px;
	}
	
	#commodites_intro p{
		font-family: Verdana;
		font-size: 14px;
		color: #fff;
		line-height: 18px;
		font-weight: normal;
		padding: 20px 10px 0 10px;
	}
	
	#commodites_map{
		width: 611px;
		height: 414px;
	}
	
/* Forfaits */
	
	#forfaits{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 1350px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#forfaits_wrap{
		width: 934px;
		height: 970px;
		padding-top: 20px;
		margin-left: 8px;
	}
	
	#forfaits_top{
		width: 934px;
		height: 110px;
	}
	
	#forfaits_table{
		width: 727px;
		height: 110px;
		float: left;
		clear: both;
	}
	
	/* Tableau */
	
	.col1{
		width: 740px;
		height: 31px;
		clear: both;
		font-family: Verdana;
	}
	
	.col1 p{
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		padding: 4px 0 0 0;
		text-align: center
	}
	.col2 p{
		color: #4d413d;
		font-size: 15px;
		font-weight: bold;
		padding: 8px 0 0 0;
		text-align: center
	}
	
	.col3 p{
		color: #4d413d;
		font-size: 15px;
		font-weight: bold;
		padding: 8px 0 0 0;
		text-align: center
	}
	.tarifs{
		width: 200px;
		height: 40px;
		float: left;
		margin-right: 4px;
	}
	
	.tarifs p{
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		padding: 8px 0 0 5px;
	}
	
	.tarifs1{
		width: 200px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
	.sans_services{
		width: 81px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
	
	.amps15{
		width: 81px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
	.amps30{
		width: 81px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
	.amps50{
		width: 81px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
	.enfant{
		width: 81px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
	.adulte{
		width: 81px;
		height: 40px;
		float: left;
		background-color: #faa61a;
		margin-right: 4px;
		margin-top: 4px;
	}
		
	/* Fin Tableau */
	
	#forfaits_reserver{
		width: 199px;
		height: 110px;
		float: left;
		padding-top: 7px;
	}
	
	#forfaits_middle{
		width: 934px;
		height: 151px;
		clear: both;
	}
	
	#forfaits_texte{
		width: 717px;
		height: 380px;
		float: left;
		padding: 10px 0 0 10px;
		color: #fff;
		font-family: Verdana;
		font-size: 12px;
	}
	
	#forfaits_texte h1{
		font-size: 16px;
		padding: 10px 0 5px 0;
		line-height: 19px;
	}
	
	#forfaits_texte p{
		padding: 0 0 5px 0;
		line-height: 16px;
	}
	
	.separator1{
		width: 305px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	.separator2{
		width: 80px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	.separator3{
		width: 650px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	.separator4{
		width: 460px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	.separator5{
		width: 540px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	.separator6{
		width: 300px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	.separator7{
		width: 690px;
		height: 2px;
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
	}
	
	#forfaits_boutons{
		width: 199px;
		height: 151px;
		float: left;
	}
	
	#forfaits_privilegie{
		padding-top: 5px;
	}
	
	#forfaits_rpi{
		padding-top: 10px;
	}
	
	#forfaits_bottom{
		width: 934px;
		height: 111px;
		clear: both;
	}
	
	#forfaits_reglements{
		width: 272px;
		height: 150px;
		float: left;
		padding-top: 446px;
		padding-left: 9px;
	}
	
	#forfaits_restrictions{
		width: 654px;
		height: 111px;
		float: left;
	}
	
	#forfaits_restrictions p{
		color: #fff;
		font-family: Verdana;
		font-size: 10px;
		text-align: center;
		padding-right: 250px;
		line-height: 15px;
		text-align: left;
		margin-top: -50px;
		margin-left: 10px;
	}
	
/* Tˇmoignages */
	
	#temoignages{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 455px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#temoignages_wrap{
		width: 934px;
		height: 335px;
		padding-top: 20px;
		margin-left: 8px;
	}	
	
	.temoignages_frame{
		width: 451px;
		height: 151px;
		background-color: #dadde1;
	}
	
	.temoignages_play{
		width: 200px;
		height: 151px;
		background-image: url(../img/temoignages/photo_background.png);
		background-repeat: no-repeat;
		float: left;
	}
	
	.temoignages_photo{
		padding: 8px 0 0 16px;
	}
	
	.temoignages_desc{
		width: 240px;
		height: 151px;
		float: left;
	}
	
	.temoignages_desc p{
		font-family: Verdana;
		font-size: 11px;
		color: #000;
		line-height: 13px;
		padding: 10px 0 0 0;
	}
	
	.temoignages_desc span{
		font-family: Verdana;
		font-size: 11px;
		color: #000;
		line-height: 13px;
		font-weight: bold;
		text-decoration: underline;
	}
	
/* Contact */
	
	#contact{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 455px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#contact_wrap{
		width: 934px;
		height: 335px;
		padding-top: 20px;
		margin-left: 8px;
	}
	
	#contact_coords{
		width: 271px;
		height: 318px;
		float: left;
		background-color: #d9d9da;
	}
	
	#contact_coords p{
		color: #000;
		font-family: Verdana;
		font-size: 15px;
		padding: 15px 0 0 15px;
		line-height: 19px;
	}
	
	#contact_coords a{
		color: #000;
		font-family: Verdana;
		text-decoration: underline;
	}
	
	#contact_coords a:hover{
				text-decoration: none;

	}
	
	#contact_map{
		width: 638px;
		height: 318px;
		float: left;
		margin-left: 8px;
		background-image: url(../img/contact/contact_map.png);
		background-repeat: no-repeat;
	}
	
	#google{
		padding: 9px 0 0 13px;
	}
	
	
/* Decouvrir */
	
	#decouvrir{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 780px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#decouvrir_wrap{
		width: 934px;
		height: 650px;
		padding-top: 20px;
		padding-left: 10px;
	}
	
	#decouvrir_wrap p{
		font-size: 15px;
		color: #fff;
		padding: 10px 0 10px 0;
		width: 900px;
		line-height: 17px;
		font-family: arial;
	}		
	
	#decouvrir_navigation{
		width: 924px;
		height: 115px;
		float: left;
	}
	
	ul#decouvrir_navigation li{
		float: left;
		width: 147px;
		height: 85px;
		border: 1px solid #000;
		margin-right: 4px;
	}

	#decouvrir_listing{
		clear: both;
		width: 913px;
		height: 460px;
		background-image: url(../img/commodites/commodites_liste.png);
		background-repeat: repeat;
		border: 1px solid #fff;
		color: #fff;
		font-family: Verdana;
	}
	
/* Reglements */
	
	#reglements{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 870px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#reglements_wrap{
		width: 890px;
		height: 750px;
		padding-top: 20px;
		margin-left: 40px;
		font-family: arial;
	}	
	
	ul.reglements{
		list-style-type: decimal-leading-zero;
		padding-top: 20px;
		
	}
	
	.reglements li{
		color: #fff;
		padding-top: 10px;
	}
	
	#evenements{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d; 
		/* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#evenements_wrap{
		width: 934px;
		padding-top: 20px;
		margin-left: 8px;
	
	}
	
		
		#evenements_middle{
		width: 934px;
		height: 151px;
		clear: both;
	}
	
	#meteo_nouvelles{
		background-image:url(../img/meteo.png);
		background-image:none !ie;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/meteo.png,sizingMethod="crop");
		background-repeat:no-repeat;
		padding-top:6px;
		clear:both;
	}
	
/* Promotions */
	
	#promotions{
		/*
background-image: url(../img/background/background.jpg);
		background-repeat: no-repeat;
*/
		background-color: #06142d;
		height: 870px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#promotions_wrap{
		width: 890px;
		height: 750px;
		padding-top: 20px;
		margin-left: 40px;
		font-family: arial;
	}
	
	#promotions_wrap p{
		color: #000;
		font-family: arial;
	}
	
	/* Promotions */
	
	#photos{
		background-color: #06142d;
		height: 450px; /* Changer pour modifier la longeur de la page, le background va suivre */
		width: 934px;
		margin:0px auto;
		text-align:left;
		padding:0;
	}
	
	#photos_wrap{
		width: 890px;
		height: 380px;
		padding-top: 20px;
		margin-left: 40px;
		font-family: arial;
	}
	
	#photos_wrap p{
		color: #000;
		font-family: arial;
	}
	
	/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 22, 2010 09:31:07 AM America/New_York */



@font-face {
	font-family: 'MarketingScriptRegular';
	src: url('MarketingScript-webfont.eot');
	src: local('?'), url('MarketingScript-webfont.woff') format('woff'), url('MarketingScript-webfont.ttf') format('truetype'), url('MarketingScript-webfont.svg#webfontuGDmo409') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
	h1.fontface {font: 34px/40px 'MarketingScriptRegular', Arial, sans-serif;letter-spacing: 0; color: #fff;}
	.h2 {font: 30px/32px 'MarketingScriptRegular', Arial, sans-serif;letter-spacing: 0; color: #d39101;}

	p.style1 {font: 18px/27px 'MarketingScriptRegular', Arial, sans-serif;}
	
	.promo_frame{
		margin-top: 20px;
		clear: both;
		width: 860px;
		height: 200px;
	}
	.promo_logo{
		width: 200px;
		height: 200px;
		float: left;
	}
	.promo_texte{
		width: 648px;
		height: 198px;
		float: left;
		margin-left: 10px;
		border: 1px solid #d39101;
		background-color: #fff;
	}
	
	.promo_texte p{
		line-height: 26px;
		font-size: 18px;
		padding-top: 26px;
		padding-left: 15px;
		padding-right: 15px;
	}