/* MAIN */

	body {
		font: 62.5% verdana, Sans-Serif;
		color: #000;
		background:#b2b3b3 url(../img/bg.jpg) top left repeat-x;
		margin:0; padding:0;
		}
		form {
			margin: 0;
			padding: 0;
			}
		img {
			border: 0;
			}
		.cBoth {
			clear: both;
			}
		.f11 {
			font-size: 11px;
			}
		h5 {
			margin: 0;
			clear: both;
			font-size: 1.2em;
			padding: 10px 0 10px 0;
			}
		.whiteText {
			color: #fff;
			font-size: 1.1em;
			}
		a {
			outline: none;
			color: #b30000;
			text-decoration:underline;
			}
		p {
			margin: 0;
			padding: 8px 0;
			text-align: justify;
			}
	
	#container {
		z-index: 3;
		clear: both;
		width: 939px;
		height: 100%;
		margin: 0 auto;
		display: block;
		position: relative
		}
		.autoWidth {
			width: auto !important;
			}
		.invisible {
			display: none !important;
			}


/* HEADER */

	#container #header {float:left;}
		#container #header img {float:left;}
	
		#container #header .top {
			float:left;
			width:939px; height:50px;
			background: url(../img/bg_header_top.jpg) top left no-repeat;
			text-align:right;
			}
			#container #header .top p {
				margin:0;
				color:#ce1e31;
				font-size:0.9em;
				text-align: right;
				padding: 17px 7px 0 0; 
				}
				#container #header .top p a {
					color:#fff;
					text-decoration:none;
					}
				#container #header .top p a:hover {
					text-decoration:underline;
					}
			
		#container #header .whitebg {float:left; background:#fff}
			
		#container #header .logo {
			float:left;
			width:200px; height:235px;
			background:none !important;
		}
			#container #header .logo img {float:right;} 
		
		#container #header .moodImage {float:left; padding: 0 11px 0 0; background:#fff; position:relative; width:500px; height:235px}
		#container #header .moodImage img {position:absolute; top:0; left:0;  opacity:0; filter: alpha(opacity=0); }
		#container #header #flash {float:left; width:200px; height:235px; background:#fff;padding: 0 9px 0 0; position:relative; background:url(../img/bg_video_fr.jpg) top left no-repeat;}
			body.e #container #header #flash {background:url(../img/bg_video_en.jpg) top left no-repeat;}
			
			#container #header #flash a.video{
				position:absolute;
				display:block;
				text-indent:-10000px;
				top:52px; left:50px;
				width:110px; height:16px;
			}
			#container #header #flash a.a360{
				position:absolute;
				display:block;
				text-indent:-10000px;
				top:84px; left:50px;
				width:110px; height:16px;
			}
			#container #header #flash a.photo{
				position:absolute;
				display:block;
				text-indent:-10000px;
				top:68px; left:50px;
				width:110px; height:16px;
			}
			#container #header #flash a.consomateur{
				position:absolute;
				display:block;
				text-indent:-10000px;
				top:149px; left:0px;
				width:170px; height:80px;
			}
			#container #header #flash a.cca {
				position:absolute;
				overflow: hidden;
				display:block;
				text-indent:-10000px;
				top:125px; left:0px;
				width:120px; height:110px;
				}
			#container #header #flash a.stars {
				position:absolute;
				overflow: hidden;
				display:block;
				text-indent:-10000px;
				top:125px; left:130px;
				width:70px; height:110px;
				}
		#container #header #head {float:left; width:939px; display:inline; margin: 0 0 0 2px;}
		
	.bandeauPromo { margin-bottom: 10px; }
	.bandeauPromo a { display: block; }
		
/*	FOOTER	*/

	#container #footer {
		float: left;
		color: #fff;
		width: 939px;
		margin: 0 auto;
		text-align: center;
		padding: 9px 0 0 0;
		}
		#container #footer a {
			color: #fff;
			padding: 0 3px 0 3px;
			text-transform: uppercase;
			text-decoration: underline;
			}
		#container #footer a:hover {
			text-decoration: none;
			}
		#container #footer .copyright {
			clear: both;
			color: #404040;
			display: block;
			line-height: 1.4em;
			padding: 4px 0 20px 0;
			}
			#container #footer .copyright a {
				padding: 0;
				}
			#container #footer .copyright sup {
				font-size: 0.7em;
				}

		#container #footer .affiliations {
			margin: 0 0 11px 0;
			}
			#container #footer .affiliations h3 {
				margin: 0;
				color: #404040;
				display: inline;
				font-size: 1em;
				font-weight: normal;
				}
			#container #footer .affiliations a {
				padding: 0;
				}
			#container #footer .affiliations img {
				margin: 0 0 0 15px;
				vertical-align: middle;
				}
		
		
/* LEFT COLUMN */

	#container #main #left {
		float:left;
		width:180px;
		margin: 0 10px 0 0;
		}
		#container #main #left .sub-element {
			float: left;
			margin: 0 0 18px 0;
			background-color: #EBEBEB;
			}
			#container #main #left .inner-content {
				padding: 7px 9px 15px 10px;
				}
			#container #main #left h3 {
				margin: 0;
				width: 180px;
				height: 40px;
				overflow: hidden;
				text-indent: -1000px;
				}
				.f #container #main #left h3#reservation-forms {
					background: url(../img/title_reservations_f.gif) 0 0 no-repeat;
					}
				.e #container #main #left h3#reservation-forms {
					background: url(../img/title_reservations_e.gif) 0 0 no-repeat;
					}
				.f #container #main #left h3#rates-availability {
					background: url(../img/title_rates_availability_f.gif) 0 0 no-repeat;
					}
				.e #container #main #left h3#rates-availability {
					background: url(../img/title_rates_availability_e.gif) 0 0 no-repeat;
					}
				.f #container #main #left h3#newsletter {
					background: url(../img/title_newsletter_f.gif) 0 0 no-repeat;
					}
				.e #container #main #left h3#newsletter {
					background: url(../img/title_newsletter_e.gif) 0 0 no-repeat;
					}
			#container #main #left span.title {
				color: #9A9A9A;
				font-weight: bold;
				text-transform: uppercase;
				}
		#container #main #left #reservations a {
			display: block;
			font-size: 1.1em;
			font-weight: bold;
			margin: 6px 0 0 0;
			padding: 0 0 0 13px;
			text-decoration: none;
			background: url(../img/bg_link_arrow_left.gif) 0 3px no-repeat;
			}
			#container #main #left #reservations a:hover {
				color: #EE0000;
				}

			#container #main #left form {
				margin: 0;
				padding: 0px 0 0 5px;
				}
				#container #main #left form label {
					margin: 0;
					padding: 3px 0 3px 0;
					}
				#container #main #left form label span {
					padding: 3px 0;
					}
					#container #main #left form label span.arrival {
						display: block;
						}
					#container #main #left form label.nights span {
						display: block;
						padding: 8px 0 3px 0;
						}
					#container #main #left form label.nights select {
						position: absolute;
						margin: -19px 0 0 114px;
						}
				#container #main #left form input {
					padding: 0;
					font-size: 1.1em;
					margin: 1px 0 3px 0;
					border: 1px solid #807e7c;
					}
					#container #main #left label a.calen {
						padding: 5px 0 0 5px;
						}
					#container #main #left label.promoCode {
						margin: 0;
						display: block;
						padding: 8px 0 0 0;
						}
						#container #main #left .promoCode span {
							display: block;
							}					
						#container #main #middle .middleRight .promoCode input {
							padding: 0;
							margin-bottom: 0;
							margin-right: 5px;
							}
				#container #main #left .option {
					border:0px;
					margin: 10px 0 0 0;
					padding:7px 0px 7px 0px;
					border-top:1px solid #CDCDCD;
					border-bottom:1px solid #CDCDCD;
					}
					#container #main #left .option span.title {
						display: block;
						margin: 0 0 5px 0;
						}
					#container #main #left .option input {
						margin: 2px 0 0 0;
						padding:0;
						border:0px;
						padding:0;
						}
					#container #main #left .option label {
						padding: 0;
						}
						#container #main #left .option label span {
							padding: 3px 0 3px 4px;
							}
				#container #main #left .button {
					height: 20px;
					color: #FFFFFF;
					cursor: pointer;
					font-size: 1.3em;
					font-weight: bold;
					margin: 10px 0 0 0;
					padding: 0 4px 2px 4px;
					border: 1px solid #B41414;
					font-family: Arial, sans-serif;
					background: #EB4949 url(../img/form_button.gif) bottom left repeat-x;
					}
				#container #main #left .promo {
					padding: 5px 0 15px 10px;
					}
				#container #main #left .rabais {
					padding: 15px 0px 10px 5px;
					}
				#container #main #left .rabais p,
				#container #main #left .promo p {
					margin: 0;
					padding: 5px 0px 8px 0px;
					}
					#container #main #left .promoImg {
						padding: 10px 0 0 0;
						}
					#container #main #left .rabais .button,
					#container #main #left .promo .button {
						padding: 0;
						margin: 0 0 7px 0;
						}


/* CONTENT  */

	#container #main {
		float: left;
		width: 900px;
		padding: 10px;
		display: inline;
		background: #fff;
		margin: 0 10px 0 10px; 
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#container #main .mainBg {
		float:left;
		background:#fff;
		}											
		#container #main #middle {
			float:left;
			width:710px;
			position:relative;
			}
					
			#container #main #middle .middleLeft {
				float:left;
				width: 699px;
				font-size:1.1em;
				position:relative;
				margin: 11px 0 23px 11px;
				}
				#container #main #middle .middleLeft a.redArrow {
					color:#b30000;
					padding: 0 14px 0px 0;
					line-height:1.5em;
					background: url(../img/bg_link_arrrow.gif) center right no-repeat;
					text-decoration:underline;
					font-size:1.1em;
					}
					#container #main #middle .middleLeft a.redArrow:hover {
						text-decoration:none
						}
			#container #main #middle  a.toggler {
				clear:both;
				float:left;
				display:inline;
				padding: 0 0 0 21px;
				margin: 12px 0 0 0;
				line-height:15px;
				background: url(../img/btn_option_plus.gif) top left no-repeat;
				color:#fff;
				text-decoration:underline;
				font-weight:bold;
				width:400px;
				}
				#container #main #middle .openDiv {
					background: url(../img/btn_option_moin.gif) top left no-repeat !important;
					font-weight:bold !important;
					}	
			#container #main #middle  a.toggler:hover {
				text-decoration:none;
				font-weight:bold !important;
				}
			
				 h1 {
					font-size:16px;
					padding:10px 0 0 0;
					margin: 8px 0 8px 0;
					}
				#container #main #middle .middleLeft h3 {
					margin: 0;
					clear: both;
					color: #4d4d4d;
					font-size: 1.3em;
					padding: 0 0 11px 0;
					}
					#container #main #middle .middleLeft h3 a {
						color: #4d4d4d;
						text-decoration: none;
						}
					#container #main #middle .middleLeft h3 a:hover {
						color: #B30000;
						}
				#container #main #middle .middleLeft p {
					padding:0 0 10px 0;
					margin: 0;
					clear:both;
					}
				#container #main #middle .middleLeft .promo {
					padding: 0;
					float: left;
					width: 335px;
					margin: 15px 25px 18px 0;
					}
				#container #main #middle .middleLeft .vedette {
					padding: 0;
					float: left;
					width: 335px;
					margin: 15px 0 18px 0;
					}
					#container #main #middle .middleLeft .promo p,
					#container #main #middle .middleLeft .promo h3,
					#container #main #middle .middleLeft .vedette p,
					#container #main #middle .middleLeft .vedette h3,
					#container #main #middle .middleLeft .vedette a.redArrow,
					#container #main #middle .middleLeft .promo a.redArrow {
						padding-left:13px;
						}
					#container #main #middle .middleLeft .img {
						padding: 0;
						clear: both;
						float: left;
						width: 335px;
						height: 180px;
						display: block;
						background: url(../img/bg_content_home.gif) top left no-repeat;
						}
						#container #main #middle .middleLeft .img img {
							padding:15px 0 0 15px;
							}
						

		/*  Photos 360   */
		#container #main #middle .middleLeft ul.photo360 {
			list-style:none;
			list-style-position:inside;
			padding:0 0 0 0;
			margin:0;
			}
			#container #main #middle .middleLeft ul.photo360 li {
				padding-bottom:25px;
				float:left;
				}
				#container #main #middle .middleLeft ul.photo360 li .smallPhoto {
					float:left;
					width:145px;
					margin: 0 0 10px 0;
					}
					#container #main #middle .middleLeft ul.photo360 li .smallPhoto img {
						float:left;
						padding:0px;
						}
					
				#container #main #middle .middleLeft ul.photo360 li .photoDesc {
					float:left;
					width:300px;
					margin: 17px 0 0 0;
					}
				#container #main #middle .middleLeft ul.photo360 li .photoDesc p.smallDesc {
					font-size:12px;
					font-weight:bold;
					}
		#container #main #middle .middleLeft ul.photo360 li a.redArrow {
			font-size:1.0em;
			}
		
					
		/* CHAMBRES */
		
		#container #main #middle .middleLeft .room-services {
			float: left;
			width: 320px;
			margin: 0 20px 15px 0;
			}
			#container #main #middle .middleLeft .room-services h5 {
				padding: 10px 0 5px 0;
				}
			#container #main #middle .middleLeft .room-services ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
				#container #main #middle .middleLeft .room-services ul li {
					margin: 0;
					padding: 2px 0 2px 35px;
					background: url(../img/list_square.gif) 23px 6px no-repeat;
					}
		#container #main #middle .middleLeft ul#zoom1 .display0,
		#container #main #middle .middleLeft ul#zoom2 .display0 {
			top: 0;
			left: -150px;
			z-index: 100;
			padding: 7px;
			position: absolute;
			border: 1px solid #D2D2D2;
			background-color: #FFFFFF;
			}
		#container #main #middle .middleLeft h2 {
			margin:0;
			clear:both;
			color:#990000;
			font-size:1.4em;
			font-weight:bold;
			font-family:arial;
			padding:2px 0 5px 0;
			}
			#container #main #middle .middleLeft h2 sup {
				font-size: 0.6em;
				}
		#container #main #middle .middleLeft ul.chambres {
			margin:0; padding:0;
			clear:both;
			list-style:none;
			list-style-position:inside;
			}
			#container #main #middle .middleLeft ul.chambres ul,
			#container #main #middle .middleLeft ul.redList {
				float:left;
				width:400px;
				padding:0;
				margin:0;
				}
			#container #main #middle .middleLeft ul.redList {
				padding:5px 0;
				}
			#container #main #middle .middleLeft ul.chambres ul {
				padding:7px 0;
				}
			#container #main #middle .middleLeft ul.chambres li {
				float:left;
				border-bottom:1px solid #d2d2d2;
				padding:3px 0;
				margin:0;
				width:450px;
				}
				#container #main #middle .middleLeft ul.chambres li li {
					float:left;
					width:260px;	
					list-style:none;
					background:url(../img/list_square.gif) 23px 6px no-repeat !important;
					padding: 2px 0 2px 35px;	
					width:370px;
					border:0;
					margin:0;
					color:#000;
					}
					#container #main #middle .middleLeft ul.redList li a {
						color:#b30000;
						text-decoration:underline;
						}
					#container #main #middle .middleLeft ul.redList li a:hover {
						text-decoration:none;
						}
				#container #main #middle .middleLeft ul.chambres li.first {
					border-top:1px solid #d2d2d2;
					}
				#container #main #middle .middleLeft ul.chambres li a.toggler {
					color:#000;
					font-size:1.2em;
					padding: 0px 0 0px 21px;
					margin:0;
					clear:both;
					text-decoration:none;
					font-weight:normal;
					}
				
		#container #main #middle .middleLeft .promo2 {
			float:left;
			display:inline;
			width:489px;
			clear:both;
			margin: 0 0 10px -5px;
			}
			#container #main #middle .middleLeft .promo2 img{
				float:left;	
				}	
			#container #main #middle .middleLeft .promo2 a.promolink{
				display:block;
				float:left;
				padding-left:22px;
				}	
			#container #main #middle .middleLeft .promo2 .content{
				float:left;
				display:inline;
				width:489px;
				background:url(../img/bg_promo_content.jpg) top left repeat-y;
				}
		#container #main #middle .middleLeft ul.chambres2 {
			margin:0; padding:0;
			clear:both;
			list-style:none;
			list-style-position:inside;
			}
			#container #main #middle .middleLeft ul.chambres2 ul,
			#container #main #middle .middleLeft ul.redList {
				float:left;
				width:400px;
				padding:0;
				margin:0;
				}
			#container #main #middle .middleLeft ul.redList {
				padding:5px 0;
				}
			#container #main #middle .middleLeft ul.chambres2 ul {
				padding:7px 0;
				}
			#container #main #middle .middleLeft ul.chambres2 li {
				float:left;
				padding:3px 0;
				margin:0;
				width:450px;
				}
				#container #main #middle .middleLeft ul.chambres2 li li{
					float:left;
					width:260px;	
					list-style:none;
					background:url(../img/list_square.gif) 23px 6px no-repeat !important;
					padding: 2px 0 2px 35px;
					width:370px;
					border:0;
					margin:0;
					color:#000;
					}
					#container #main #middle .middleLeft ul.redList li a {
						color:#b30000;
						text-decoration:underline;
						}
					#container #main #middle .middleLeft ul.redList li a:hover {
						text-decoration:none;
						}
				#container #main #middle .middleLeft ul.chambres2 li a.toggler {
					color:#000;
					font-size:1.2em;
					padding: 0px 0 0px 21px;
					margin:0;
					clear:both;
					text-decoration:none;
					font-weight:normal;
					}
		#container #main #middle .middleLeft .comment {
			width:380px;
			height:200px;
			vertical-align: top;
			}
					
					
				
		/*  GALLERIE PHOTO  */
		
			#container #main #middle .middleLeft .photoGal a {
				float: left;
				width: 150px;
				height: 71px;
				padding: 13px 13px 0 0px;
				}
				#container #main #middle .middleLeft .photoGal a img {
					border: 1px solid #828281;
					}


		/* BANQUETS & FORFAITS */

		#container #main #middle .middleLeft ul.banquet,
		#container #main #middle .middleLeft ul.forfait {
			list-style:none;
			list-style-position:inside;
			padding:0 0 0 0;
			margin:0;
			}
			#container #main #middle .middleLeft ul.banquet li,
			#container #main #middle .middleLeft ul.forfait li {
				float:left;
				position: relative;
				padding: 7px 0 15px 0;
				}
				#container #main #middle .middleLeft ul.banquet li .smallPhoto {
					float: left;
					width: 215px;
					margin: 0 13px 0 0;
					background: url(../img/bg_photo_main.gif) top left no-repeat;
					}
				#container #main #middle .middleLeft ul.forfait li .smallPhoto {
					float: left;
					width: 273px;
					height: 130px;
					margin: 0 13px 31px 0;
					background: url(../img/bg_photo_forfait.gif) top left no-repeat;
					}
					#container #main #middle .middleLeft ul.banquet li .smallPhoto img,
					#container #main #middle .middleLeft ul.forfait li .smallPhoto img {
						float: left;
						padding: 11px 0 7px 11px;
						}
				#container #main #middle .middleLeft ul.banquet li .photoDesc {
					float: left;
					width: 470px;
					margin: 3px 0 0 0;
					}
				#container #main #middle .middleLeft ul.forfait li .photoDesc {
					float: left;
					width: 413px;
					margin: 3px 0 0 0;
					}
					#container #main #middle .middleLeft ul li h4 {
						margin: 0;
						color:#4d4d4d;
						font-size:1.4em;
						font-weight:bold;
						padding: 0 0 5px 0;
						}
					#container #main #middle .middleLeft ul li h4 a {
						color:#4d4d4d;
						text-decoration:none;
						}
						#container #main #middle .middleLeft ul li h4 a:hover {
							color:#d70000;
							}
					#container #main #middle .middleLeft ul.banquet li .photoDesc p.smallDesc {
						font-size:12px;
						font-weight:bold;
						}
					#container #main #middle .middleLeft ul.redList li {
						clear:both;
						float:left;
						display:inline;
						list-style:none;
						background:url(../img/list_square.gif) 0px 7px no-repeat !important;
						margin: 0 0 0 22px;
						padding:3px 0px 3px 10px;
						border:0;
						width:380px;
						}
					#container #main #middle .middleLeft ul.banquet li .photoDesc ul.redList li {
						margin-left:0px;
						width:285px;
						}
		#container #main #middle .middleLeft ul.forfait a.toggler {
			float: none;
			width: 395px;
			height: 17px;
			margin: 5px 0;
			color: #000000;
			display: block;
			padding: 0 9px;
			text-decoration: none;
			background: #E5E5E5 url(../img/link_toggle_closed.gif) top right no-repeat;
			}
			#container #main #middle .middleLeft ul.forfait .openDiv {
				color: #d30000;
				background: #E5E5E5 url(../img/link_toggle_opened.gif) top right no-repeat !important;
				}
			#container #main #middle .middleLeft ul.forfait a.toggler:hover {
				color: #d30000;
				}
			#container #main #middle .middleLeft ul.forfait .descMainText {
				padding: 5px 9px 0 9px;
				border-bottom: 7px solid #E5E5E5;
				}
				#container #main #middle .middleLeft .descMainText h5 {
					font-size: 1em;
					color: #D30000;
					padding: 0 0 10px 0;
					}
				#container #main #middle .middleLeft .descMainText ul {
					margin: 0;
					padding: 0 0 10px 0;
					list-style-type: none;
					}
					#container #main #middle .middleLeft .descMainText ul li {
						margin: 0;
						float: none;
						position: static;
						padding: 2px 0 2px 35px;
						background: url(../img/list_square.gif) 23px 6px no-repeat;
						}
		
		/*  PLANIFIEZ  */
		#container #main #middle .middleLeft ul.banquet li a.book-now,
		#container #main #middle .middleLeft ul.forfait li a.book-now {
			width: 113px;
			height: 23px;
			display: block;
			overflow: hidden;
			margin: 0 0 0 11px;
			text-indent: -1000px;
			}
			.e #container #main #middle .middleLeft ul.banquet li a.book-now,
			.e #container #main #middle .middleLeft ul.forfait li a.book-now {
				background: url(../img/btn_reserver_e.gif) 0 0 no-repeat;
				}
			.f #container #main #middle .middleLeft ul.banquet li a.book-now,
			.f #container #main #middle .middleLeft ul.forfait li a.book-now {
				background: url(../img/btn_reserver_f.gif) 0 0 no-repeat;
				}

		/*  OVERLAY */
		div.overlay {
				background: #000;
				position: absolute; top: 0; left: 0;
				z-index: 5000;
				width: 100%; height: 100%;
				display: none;
				z-index:40;
			}
			
			div.overlayContainer {
				position: absolute; top: 0; left: 0;
				z-index: 5000;
				display: none;
				width: 628px;
				text-align: left;
				background:#fff;
				border:5px solid #333333;
				z-index:40;
			}
				
		
		/*    FORMULAIRES POPIN     */

		#showFields{
			display:none;
		}
		
		
		div.overlayContainer div.long{
			float:left;
			width:540px;
			clear:both;
			padding: 5px 0 5px 0;
		}	
			

			div.overlayContainer div.long span{
				float:left;
				width:160px;	
				padding: 3px 5px 0 0;
				text-align:right;
			}
	
			div.overlayContainer div.long input{
				float:left;
				width:160px;
				font-size:1.0em;
			}
	
				
		div.overlayContainer .formulaire h2 {
			float:left;
			width:578px; height:60px;
			background: url(../img/form_title_reunion.gif) top left no-repeat;
			text-indent:25px;
			line-height:60px;
			font-size:1.8em;
			color:#fff;
			font-weight:normal;
			margin:0; padding:0;
		}			
		div.overlayContainer .formulaire a.close {
			float:left;
			width:50px; height:60px;
			background:url(../img/form_x.gif) top left no-repeat;
		}
		div.overlayContainer .formulaire a.close:hover {
			background-position:bottom left;;
		}
		
		div.overlayContainer .formulaire form {float:left; padding: 20px 20px 0 20px; margin: 0 0 0 0;}
			
			div.overlayContainer .greyBox {
				float:left;
				display:inline;
				width:548px;
				background:#ebebeb;
				text-align:center;
				padding: 10px 20px 10px 20px;
			}
				div.overlayContainer .greyBox a {color:#b30000; text-decoration:underline;}
				div.overlayContainer .greyBox a:hover {text-decoration:none;}
				
				
			div.overlayContainer .formulaire h5 {
				float:left;
				font-size:1.3em; 
				width:560px;
				clear:both;
				background:url(../img/bg_form_line_title.gif) 0px 19px repeat-x;
				margin:0px 0 10px 0; 
				padding:10px 0 0 20px;
			}
				div.overlayContainer .formulaire h5 span{
					padding: 0 4px 0 4px;
					background:#fff;
				}
			
			div.overlayContainer label{
				float:left;
				width:290px;
				padding: 5px 0 5px 0;
			}

				div.overlayContainer label span{
					float:left;
					width:112px;	
					text-align:right;
					padding: 2px 5px 0 0;
				}
				div.overlayContainer label input{
					float:left;
					width:164px;
					font-size:1.0em;
				}
				input.small {width:50px !important;}	
				
				div.overlayContainer .formulaire select {margin: 0 0 0 24px; clear:both; float:left;}
				
				div.overlayContainer .formulaire p {padding: 5px 24px; margin:0; float:left; width:525px}
					div.overlayContainer .formulaire .greyBox p {width:475px}
					div.overlayContainer .formulaire p.first {padding: 0 10px 10px 8px;} 
					
				div.overlayContainer label.long{width:400px}
					div.overlayContainer label.long span{width:160px}
				div.overlayContainer label.xlong{width:400px}
					div.overlayContainer label.xlong span{width:210px}	
				
				div.overlayContainer .formulaire span.hour {width:auto;}	
				div.overlayContainer .formulaire textarea {float:left; width:400px;height:100px; margin: 0 0 0 24px;}
				div.overlayContainer .formulaire .send {margin:10px 0 5px 164px}
				div.overlayContainer .formulaire .calen {padding: 0 0 0 10px}	
				div.overlayContainer label.checkbox {width:530px;padding:1px 21px;}	
				div.overlayContainer label.padTop {padding-top:10px !important;}
				div.overlayContainer label.checkbox input { width:auto;	}
				div.overlayContainer label.checkbox span{ 
					width:490px; 
					text-align:left;
					padding: 4px 0 0 4px;
				}	
				div.overlayContainer #flashvideo {padding: 0 0 0 80px;}

		/*  FLASH UNDER CONTENT   */	
		#flashBG {
			top:1px;
			left:0;
			position:absolute;
			width:100%;
			height:247px;
			z-index:1;
			margin:0 auto;
			background:url(../img/bg_top1.jpg) top center no-repeat;
		}		
	
		
		/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1px;}
		.clearfix {display: block;}
		/* End hide from IE-mac */		


/* cache ou montre des elements selon un bool */
.display0 {
	display: none;
	}

#formError {
	clear: both;
	}