/* 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 {padding:0; margin:0;}
img {border:0;}
.cBoth {clear:both;}
.f11 {font-size:11px}
h5 {clear:both; font-size:1.2em; margin:0; padding: 10px 0 10px 0;}
.whiteText {font-size:1.1em; color:#fff;}
a {outline:none;}

#container {margin:0 auto;width:939px; display:block; clear:both; height:100%; z-index:3; position:relative}
.autoWidth {width:auto !important;}

.imgPadTop {padding-top:12px;}
a {color:#b30000; text-decoration:underline;}
p {margin:0; padding:8px 0;}



/* CALEBDAR */



/* HEAD  */

	#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 {
				font-size:0.9em;
				padding:23px 20px 0 0; margin:0; 
				color:#ce1e31;
			}
				#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:199px; height:110px;
				}
		#container #header #head {float:left; width:939px; display:inline; margin: 0 0 0 2px;}
		
		
/*	FOOTER	*/

	#container #footer {float:left;width:939px; text-align:center; margin:0 auto; padding: 19px 0 0 0; color:#fff}
		#container #footer a { color:#fff; text-transform:uppercase; text-decoration:underline; padding: 0 3px 0 3px; }
		#container #footer a:hover {text-decoration:none; }
		
		#container #footer span {clear:both; color:#404040;display:block; padding: 4px 0 20px 0; }
		#container #footer span sup {font-size:0.7em;}
		
		
	/* CONTENT  */
	#container #main {
		float:left; 
		width:900px;
		display:inline;
		margin: 0 10px 0 10px; 
		padding: 10px;
		background:#fff;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#container #main .mainBg {
		float:left;
		background:#fff url(../img/bg_right.jpg) no-repeat;
		background-position:703px 10px;
	}
		#container #main #left {
			float:left;
			display:inline;
			width:180px;
			margin: 0 10px 0 0;
		}
			#container #main #left a.reserv {
				float:left; 
				width:180px; height:29px;
				background:url(../img/btn_reservation_f.gif) top left no-repeat;
			}
			body.e #container #main #left a.reserv{background:url(../img/btn_reservation_e.gif) top left no-repeat;}
			
				#container #main #left a.reserv:hover {background-position:bottom left !important;}
				
			#container #main #left a.reservGroup {
				float:left; 
				width:180px; height:28px;
				background:url(../img/btn_reservationGroupe_f.gif) top left no-repeat;
			}
			body.e #container #main #left a.reservGroup{background:url(../img/btn_reservationGroupe_e.gif) top left no-repeat;}
			
				#container #main #left a.reservGroup:hover {background-position:bottom left !important;}
				
			#container #main #left img {float:left;}
			#container #main #left .menu {
				float:left; width:180px;
				list-style:none; 
				list-style-position:inside;
				margin:0; padding:0 0 10px 0;
			}
				#container #main #left .menu li {
					float:left;
					border-bottom:1px solid #cdcdcd;
					margin:0; padding:0;
				}
					#container #main #left .menu li.last {border:0;}
					#container #main #left .menu li a {
						float:left; 
						width:171px; height:21px;
						color:#000;
						background: url(../img/bg_menu_left.gif) bottom left no-repeat;
						text-transform:uppercase;
						text-decoration:none;
						padding:9px 0 0 9px;
					}
					#container #main #left .menu li a:hover {background-position:left top;}
					#container #main #left .menu li a.open {background: url(../img/bg_menu_left_on.gif) bottom left no-repeat !important;}
				#container #main #left .address {
					float:left;
					width:180px;
					display:inline;
					background:#ebebeb  url(../img/bg_address.gif) top left repeat-y;
					padding:0 0 13px 0px;
					margin:10px 0 0 0;
				}
					#container #main #left .address div{padding:10px 0 0 10px;clear:both;float:left; width:159px;}
						#container #main #left .address div span{text-transform:uppercase}
					
						#container #main #left .address a {
							float:left; 
							display:inline;
							background: url(../img/bg_commercial.gif) top left no-repeat;
							padding:0px 0 0 17px;
							height:13px;
							color:#b30000;
							text-decoration:underline;
							margin:5px 0 0 10px;
						}
						#container #main #left .address a:hover {text-decoration:none}
						
						
				#container #main #left .affili {
					float:left;
					width:141px;
					display:inline;
					margin:0 0 0 10px; padding: 21px 0 0 0;
				}
					#container #main #left .affili h3 {
						font-family:arial;
						font-size:0.9em;
						color:#656565;
						margin:0;
						padding:0 0 11px 0;
					}
					#container #main #left .affili span{
						float:left;
						width:141px;
						padding: 0 0 11px 0;
					}
					#container #main #left .affili .aeroplan img {
						margin: 0 17px 3px 0;
					}
					#container #main #left .affili .aaatravel img {
						margin: 0 0 3px 0;
					}
					
		#container #main #middle {
			float:left;
			width:710px;
			position:relative;
		}
					
			#container #main #middle .middleLeft {
				float:left;
				display:inline;
				width:490px;
				margin:0 12px 0 11px;
				font-size:1.1em;
				position:relative;
			}
				#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}
			
				 h1{
					float:left;
					font-size:16px;
					padding:10px 0 0 0;
					margin: 8px 0 8px 0;
					width:488px;
				}
				#container #main #middle .middleLeft h3{
					color:#4d4d4d;
					margin:0;
					padding:0 0 5px 0;
					font-size:1.3em;
				}
				#container #main #middle .middleLeft p{padding:0 0 10px 0;margin: 0; clear:both;}
				
				#container #main #middle .middleLeft .promo{
					float:left;
					width:238px;
					padding:0;
					margin: 15px 10px 18px 0;
				}
				#container #main #middle .middleLeft .vedette{
					float:left;
					width:238px;
					padding:0;
					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{
						float:left;
						width:238px;
						height:129px;
						background: url(../img/bg_content_home.gif) top left no-repeat;
						padding:0;
						clear:both;
					}
						#container #main #middle .middleLeft .img img{padding:15px 0 0 15px}
						
				#container #main #middle .middleRight {
					float:left;
					width:195px;
					padding: 10px 0 10px 0;
					margin:10px 0 0 0;
				}
				.colRightContent{
					float:left;
					padding:0 0 0 5px;
				}
				.colRightTitle{
					margin-left:-5px;
				}
				
				#container #main #middle .middleRight .calen {padding: 0px 30px 0 0; float:right}
				
				#container #main #middle .middleRight form {padding: 0px 0 0 5px; float:left; margin:0;}
				#container #main #middle .middleRight form label {float:left; padding:3px 0 3px 0; margin:0; width:175px;clear:both;}
				
				#container #main #middle .middleRight form label span {float:left; padding : 3px 5px 3px 0;width:120px}
				#container #main #middle .middleRight form  input {float:left; font-size:1.1em;
					margin: 1px 0 3px 0;padding: 0; border:1px solid #807e7c; }
					
				#container #main #middle .middleRight form  input.champs {width:110px; height:14px;}
								
					
				#container #main #middle .middleRight form label select {float:left;}
					#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;
					}
				
					#container #main #middle .middleRight label {clear:both; display:block; padding: 7px 0 0 0px;  }
					
					#container #main #middle .middleRight .toggle {
						float:left;
						padding: 0 0 0px 0;
						width:175px;
					}
					
					#container #main #middle .middleRight label.promoCode {
						float:left;
						
						margin:0;
						padding:8px 0 4px 0;
					}
					
						#container #main #middle .middleRight .promoCode span {width:170px;}
						
							#container #main #middle .middleRight .promoCode input {
								margin-right:5px;
								margin-bottom:0;
								 padding:0;
								}

							#container #main #middle .middleRight .tarif span.title {
								color:#fff;
								float:left;
								text-transform:uppercase;
								font-size:1.0em;
								font-weight:bold;
								clear:both;
								padding-bottom:5px;
							}
							
							#container #main #middle .middleRight .tarif .promoCode span.title {
								padding-bottom:0px;
							}
					#container #main #middle .middleRight .option {
						float:left;
						display:inline;
						margin: 10px 2px 0px 0px;
						border:0px;
						padding:7px 0px 7px 0px;
						border-top:1px solid #434344;
						border-bottom:1px solid #434344;
					}
					#container #main #middle .middleRight .option input {
						float:left;
						margin: 2px 3px 0px 0px;
						padding:0;
						border:0px;
						padding:0;
					}
				
					#container #main #middle .middleRight .option label {padding:0;}
				
					#container #main #middle .middleRight .redBtn {
						float:left;
						clear:both;
						display:inline;
						margin:10px 0 10px 0px;	
						padding: 0 0 10px 0;
						border:0;				
					}	
					
				
				#container #main #middle .middleRight .promo{
					padding: 5px 7px 15px 10px;
					
				}
				#container #main #middle .middleRight .rabais{
					padding: 15px 0px 10px 5px;
					
				}
				#container #main #middle .middleRight .newsletter {float:left;}
				
				#container #main #middle .middleRight .rabais p,
				#container #main #middle .middleRight .promo p{
					padding: 5px 0px 8px 0px;
					margin:0;
				}
					#container #main #middle .middleRight .promoImg {padding: 10px 0 0 0;}
					
					#container #main #middle .middleRight .rabais .redBtn,
					#container #main #middle .middleRight .promo .redBtn{
						margin: 0px;
						padding: 0px 0 7px 0;
					}		
					
								
				/*  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; 
					
				}	
					#container #main #middle .middleLeft ul.photo360 li .photoDesc h4 {
						float:left;
						width:300px;
						padding: 30px 0 0px 0;
						margin: 0 0 0px 0;
						border-bottom:none; 
						color:#4d4d4d;
						font-size:1.4em;
						font-weight:normal;
					}	
					#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 h2 {
				margin:0;
				padding:2px 0 5px 0;
				color:#990000;
				font-size:1.4em;
				font-weight:bold;
				clear:both;
				font-family:arial;
			}
				#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:500px;
					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:500px;
					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.first {
						border-top:1px solid #d2d2d2;
					}
				
					#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 {
				float:left;
				width:380px;
				height:200px;
				
			}
					
					
				
		/*  GALLERIE PHOTO  */
		
			#container #main #middle .middleLeft .photoGal a  {float:left; padding:13px 13px 0 0px;}			
					
				#container #main #middle .middleLeft .photoGal a img {border:1px solid #828281;}			
					
		/* BANQUETS  */
		#container #main #middle .middleLeft ul.banquet {list-style:none; list-style-position:inside; padding:0 0 0 0; margin:0;}
			#container #main #middle .middleLeft ul.banquet li {padding-top:15px;padding-bottom:10px; float:left;}
				#container #main #middle .middleLeft ul.banquet li .smallPhoto {
					float:left;
					width:175px; height:85px;
					background: url(../img/bg_photo_main.gif) top left no-repeat;
					margin: 19px 0 10px 0;
				}
					#container #main #middle .middleLeft ul.banquet li .smallPhoto img { float:left; padding: 11px 0 0 11px}
					
				#container #main #middle .middleLeft ul.banquet li .photoDesc {
					float:left;
					width:300px; 
					
				}	
					#container #main #middle .middleLeft ul.banquet li .photoDesc h4 {
						float:left;
						width:300px;
						padding: 0 0 5px 0;
						margin: 0 0 5px 0;
						border-bottom:1px solid #d2d2d2; 
						color:#4d4d4d;
						font-size:1.4em;
						font-weight:normal;
					}	
					
					#container #main #middle .middleLeft ul.banquet li .photoDesc h4 a {
						color:#4d4d4d;
						text-decoration:none;
						font-weight:normal;
					}	
					
						#container #main #middle .middleLeft ul.banquet li .photoDesc h4 a:hover {color:#000;}
					#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;}		
							
		/*  PLANIFIEZ  */					
		#container #main #middle .middleLeft ul.banquet li a.redArrow {font-size:1.0em;}				
							
		/*  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: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */		


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


#formError{
	clear:both;
}