/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:#211e1c;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#2b2825;
	 line-height:18px;
}


/* ============================= main layout ====================== */

a{ color:#d9450a; text-decoration: underline}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:22px; color:#494341; line-height:normal; text-transform:uppercase; padding:13px 0 16px 0; letter-spacing:2px}
h2{ font-size:22px; color:#494341; line-height:normal; text-transform:uppercase; padding:-10px 0 16px 0; letter-spacing:2px}
p{ padding-bottom:18px;}
img{ vertical-align:top}

/* ============================= header ====================== */

#head{ text-align:center; vertical-align:top; margin-bottom:-2px}


/* ============================= content ====================== */
.marg_top1{ margin-top:20px;}
.marg_right1{ margin-right:15px;}
.pad_bot1{ padding-bottom:22px;}
.pad_left1{ padding-left:70px}

.box1{ background:#000000; margin-bottom:8px;}
.box1_t_l{ background:url(images/box1_top_left.jpg) top left no-repeat}
.box1_t_r{ background:url(images/box1_top_right.jpg) top right no-repeat}
.box1_b_l{ background:url(images/box1_bot_left.jpg) bottom left no-repeat}
.box1_b_r{ background:url(images/box1_bot_right.jpg) bottom right no-repeat}
.box1_t{ background:url(images/box1_top.jpg) top repeat-x}
.box1_l{ background:url(images/box1_left.jpg) left repeat-y}
.box1_r{ background:url(images/box1_right.jpg) right repeat-y}
.box1_b{ background:url(images/box1_bot.jpg) bottom repeat-x}
.box1 .in { padding:40px 10px 41px 10px!important}

.box2{ background:#f1ecea;}
.box2_t_l{ background:url(images/box2_top_left.jpg) top left no-repeat}
.box2_t_r{ background:url(images/box2_top_right.jpg) top right no-repeat}
.box2_b_l{ background:url(images/box2_bot_left.jpg) bottom left no-repeat}
.box2_b_r{ background:url(images/box2_bot_right.jpg) bottom right no-repeat}
.box2_t{ background:url(images/box2_top.jpg) top repeat-x}
.box3 .in, .box4 .in{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.box2 .in{ padding:30px 40px 15px 13px;}
.list li {
		background: url(images/marker.gif) no-repeat 0% 9px;
		padding: 0 0 0 26px;
		line-height: 1.714em;
		font-size: 1.167em;
		color: #c2702e;
	}
	ul, ol {
	list-style: none;
}

.box3{ background:#d0cac6;}
.box3_t_l{ background:url(images/box3_top_left.jpg) top left no-repeat}
.box3_t_r{ background:url(images/box3_top_right.jpg) top right no-repeat}
.box3_b_l{ background:url(images/box3_bot_left.jpg) bottom left no-repeat}
.box3_b_r{ background:url(images/box3_bot_right.jpg) bottom right no-repeat}
.box3_t{ background:url(images/box3_top.jpg) top repeat-x}
.box3 .button1{ background:url(images/button3_bg.jpg) top repeat-x}
.box3 .button1 span { background:url(images/button3_left.jpg) top left no-repeat}
.box3 .button1 span span{ background:url(images/button3_right.jpg) top right no-repeat}
.box3 .list1 li a{ background:url(images/marker_2.jpg) 0 0 no-repeat}

.box4{ background:#8d847e; color:#fff;}
.box4_t_l{ background:url(images/box4_top_left.jpg) top left no-repeat}
.box4_t_r{ background:url(images/box4_top_right.jpg) top right no-repeat}
.box4_b_l{ background:url(images/box4_bot_left.jpg) bottom left no-repeat}
.box4_b_r{ background:url(images/box4_bot_right.jpg) bottom right no-repeat}
.box4_t{ background:url(images/box4_top.jpg) top repeat-x}
.box4 h1{ color:#fff;}
.box4 .list1 li a{ background:url(images/marker_3.jpg) 0 0 no-repeat; color:#fff;}

.icon{ float:left; padding:16px 5px 20px 95px; letter-spacing:2px; font-size:20px; color:#fff; text-transform:uppercase; line-height:24px; text-decoration:none; width:200px}
.icon:hover{ color:#ff5918;}
.icon1{ background:url(images/icon1.jpg) top left no-repeat}
.icon2{ background:url(images/icon2.jpg) top left no-repeat}
.icon3{ background:url(images/icon3.jpg) top left no-repeat;}

.date{ font-weight:bold; color:#ff5200; line-height:21px; background:#f1ecea; float:left; margin-bottom:-2px; margin-top:-2px; margin-left:-5px}
.date span{ background:url(images/box3_box_left.jpg) top left no-repeat; display:block}
.date span span{ background:url(images/box3_box_right.jpg) top right no-repeat; padding:0 5px;}

.font1{ font-weight:bold; color:#ddd8d5;}

.button1{ float:right; font-size:11px; color:#211e1c; text-decoration:none; text-transform:uppercase; line-height:29px; background:url(images/button1_bg.jpg) top repeat-x;}
.button1 span{ display:block; background:url(images/button1_right.jpg) top right no-repeat}
.button1 span span{ background:url(images/button1_left.jpg) top left no-repeat; padding:0 10px}
.button1:hover{ color:#f1ecea;}
.button2{ float:right; font-size:11px; color:#e8e1dd; text-decoration:none; text-transform:uppercase; line-height:29px; background:url(images/button2_bg.jpg) top repeat-x;}
.button2 span{ display:block; background:url(images/button2_right.jpg) top right no-repeat}
.button2 span span{ background:url(images/button2_left.jpg) top left no-repeat; padding:0 10px}
.button2:hover{ color:#928984;}

.under{ border-bottom:1px solid #c3bfbd;}
.line1{ background:url(images/line_ver.gif) 280px 0 repeat-y}
.line1_top{ background:url(images/line_ver_top.gif) 280px 0 no-repeat}
.line1_top2{ background:url(images/line_top2.jpg) 280px 0 no-repeat}

.list1{ margin-top:-10px; margin-bottom:-6px}
.list1 li{ line-height:36px; font-size:14px;}
.list1 li a{ text-decoration:none; padding-left:24px;  background:url(images/marker_1.jpg) 0 0px no-repeat;}
.list1 li a:hover{ color:#2b2825;}
#form-book-devis{ width:550px;!important; margin:0 auto; background:url(images/bg-devis-booking.png) no-repeat; padding: 20px 0 0 10px;}
#form-book-devis .submit {
	background: #f78204 none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:140px;
	height:40px;
	padding:5px;
	border:3px solid #f5b26a;
	outline-color:-moz-use-text-color;
	font-family: georgia;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	font-family:Helvetica;
	margin-top:10px;
}
#form-book-devis .title{
	color:#title;
	font-size:1.30em;
	margin-top:5px!important;
	}
#form-book-devis label {
		background: url(images/bg-input.png) no-repeat 0% 0%;
		display: block;
		width: 217px;
		height: 50px;
		overflow: visible;
	}
	
		#form-book-devis label file {
		background: url(images/bg-input.png) no-repeat 0% 0%;
		display: block;
		width: 100%;
		height: 70px;
		overflow: hidden;
	}
	
	#form-book-devis strong {
		background: url(images/bg-textarea.png) no-repeat 0% 0%;
		display: block;
		width: 350px;
		height: 131px;
		overflow: hidden;
		font-weight: normal;
	}
	#form-book-devis input {
		display: block;
		background: none;
		width: 190px;
		height: 17px;
		padding: 11px 15px 11px 15px;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color:#124c58;
	}
	#form-book-devis select {	
	margin:5px 5px 0 5px!important;
	width: 200px;
	height: 17px;
  	outline: 0;
  	overflow: hidden;
  	height: 30px;
  	background: #2c343c;
  	color:#747a80;
  	border:#2c343c ;
  	padding:5px 3px 5px 10px;
  	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
  	border-radius:10px;
}
select option {border:1px solid #000; background:#2c343c;}
		
	#form-book-devis textarea {
		background: none;
		width: 320px;
		height: 100px;
		margin-top:5px;
		padding: 11px 15px 11px 15px;
		border: none;
		float: left;
		overflow: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #124c58;
	}
		#form-book-devis .bt-login{ 
			width:112px; 
			height:40px; 
			border:0;
			background:url(images/button-save.png)no-repeat 0 0;
			margin:15px 0px 0px 190px;
			cursor:pointer;
			}

	#form-book-devis a {
		background: url(../images_planning/link-left1.gif) no-repeat 0% 0%;
		display: inline-block;
		height: 40px;
		float: right;
		margin: 21px 0 0 9px;
		overflow: hidden;
		line-height: 40px;
		font-size: 0.917em;
		font-weight: bold;
		text-shadow: 1px 1px 0 #306a83;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
	}
	
		#form-book-devis a span {
			background: url(../images_planning/link-right1.gif) no-repeat 100% 0%;
			display: inline-block;
		}
		
			#form-book-devis a span span {
				background: url(../images_planning/link-tail1.gif) repeat-x 0% 0%;
				display: inline-block;
				height: 40px;
				overflow: hidden;
				margin: 0 17px 0 17px;
				padding: 0 6px 0 4px;
			}
			
		#form-book-devis a:hover {
			text-shadow:0 0 10px #fff;
		}
.send{padding-left:100px!important; height:60px!important;}
.erreur{color:#ff2400; font-weight:bold;}
input, 
textarea, 
select { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	vertical-align:middle; 
	font-weight:normal;
}
h4 {
	font-size:24px;
	line-height:1.2em;
	color:#f86401;
	margin-bottom:20px;
}
.title{
	font-size:35px;
	line-height:1.2em;
	color:#f86401;!important;
	margin-bottom:20px;
	}
/* ============================= footer ====================== */


#footer .main {
	background:url(images/footer-bg.gif) 0 0 repeat-x;
	margin-top:40px;
	padding:45px 10 0 40;
}
	#footer p {
		padding:0;
		color:#b9b9b9;
	}
	#footer p a {
		color:#b9b9b9 !important;
		text-decoration:none;
	}
		#footer p a:hover {
			text-decoration:underline;
		}
.social {
	width:131px;
	float:left;
	padding:3px 0 0 1px;
}
	.social img {
		float:left;
		margin-right:4px;
	}
.footer-menu {
	width:700px;
	margin:-1px 0 0 0px;
	padding:0 0 20px 259px;
	background:url(images/logo-footer.png) left 0 no-repeat;
	float:left;
}
	.footer-menu ul {
		margin:-1px 0 0 1px;
	}
	.footer-menu li {
		float:left;
		background:url(images/footer-menu-bg.gif) right 5px no-repeat;
		padding:0 7px 0 8px;
	}
		.footer-menu li a {
			color:#777777;
			display:block;
			text-decoration:none;
		}
			.footer-menu li a:hover{
				text-decoration:underline;
				color:#918484;
			}
			.footer-menu li a.active {
				text-decoration:underline!important;
			}
		.footer-menu .last {
			background:none;
		}
		.footer-menu .first {
			padding:0 7px 0 0;
		}

.footer-img {
	float:right;
	margin:-15px 0 0 0;
}
/* 
			
			

/* ============================= forms ============================= */
#form_1{ line-height:25px; padding-top:7px}
#form_1 p{ padding-bottom:20px}
#form_1 .input1, .input2{ height:13px; background:#fff; border:1px solid #6e6661; float:right; padding:5px;font:12px Arial, Helvetica, sans-serif; color:#2b2825;}
.input1{ width:205px}
.input2{ width:185px;margin-bottom:22px;}
#form_1 .button2{ font-weight:bold;}
#form_1 .button2 span span{ padding:0 18px}

#ContactForm { overflow:hidden; width:100%}
#ContactForm a{ margin-left:20px; margin-top:15px;}
#ContactForm .input {width:227px; height:13px; border:1px solid #c3bfbd; background:#fff; padding:3px 5px; margin-bottom:8px;font:12px Arial, Helvetica, sans-serif; color:#2b2825;}
#ContactForm textarea {width:248px; height:97px; border:1px solid #c3bfbd; background:#fff; padding:3px 5px; font:12px Arial, Helvetica, sans-serif; color:#2b2825; overflow:auto}

#ReservForm { overflow:hidden; width:100%; margin:0;}
#ReservForm p{padding-bottom:20px;}
#ReservForm a{ margin-left:20px; margin-top:15px;}
#ReservForm .input {width:165px; height:13px; border:1px solid #c3bfbd; background:#fff; padding:3px 5px; margin-bottom:8px;font:12px Arial, Helvetica, sans-serif; color:#2b2825;}
#ReservForm textarea {width:185px; height:97px; border:1px solid #c3bfbd!important; background:#fff; padding:3px 5px; font:12px Arial, Helvetica, sans-serif; color:#2b2825; overflow:auto}
.reserv,button.reserv{
	background:url(images/button-bg-act.png) repeat-x left top;
	padding:.3em .4em;
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;border:4px solid #fff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	behavior: url(js/PIE.htc);
	-opera-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:1px 1px 2px #999;
	-webkit-box-shadow:1px 1px 2px #999;
	box-shadow:1px 1px 2px #999;
	}
.reserv:hover { 
			background:url(images/button-bg.png) repeat-x left top;
			color:#fff;
}	
.reserv:hover,button.reserv:hover{
	background:url(images/button-bg.png) repeat-x left top;
	cursor:pointer;
	-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;
	behavior: url(js/PIE.htc);
	-o-transition:all .1s ease-in-out;}
a.reserv{color:#fff;text-decoration:none;}
.reserv.red{background-color:#900;}
.col_1{ width:239px; float:left}
.col_2{ width:260px; float:left; padding-left:51px;}

.wrapper {
	width:100%;
	overflow:hidden;
}