zdiv{border:1px solid red;}

/************************** GENERAL *************************/
* {
	margin:0;
	padding:0;
	zfont-size:inherit;
	zfont-family:inherit;
	ztext-align:inherit;
	color:inherit;
	-webkit-font-smoothing: antialiased;
	font-smooth:always;
}

a { text-decoration:none !important; }
a:active, a:selected { 
    border: none;
    outline: none;
	ie-dummy: expression(this.hideFocus=true);
}
a:focus{outline-color:transparent;outline-style:none;}
a img{border:0px; outline:0px;}
input[type=button], input[type=submit], button, #depart, #arrivee { cursor: pointer; }

td{vertical-align:top;}
.none{display:none!important;}
.hide{visibility:hidden!important;}
.noselect, .noselect * {-webkit-touch-callout:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;-ms-user-select:none;-user-select:none;}

.shadowed {
	background-color:#FBB040;
	padding:10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	box-shadow: 6px 6px 0 #2283AF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#07B1D8', Direction=135, Strength=4);
}

/************************** POLICES *************************/

@font-face {
    font-family: 'Optima';
    src: url('fonts/optima.eot');
    src: local('?'),
		url('fonts/optima.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima.woff') format('woff'),
         url('fonts/optima.svg#OptimaLTStdMedium') format('svg'),
         url('fonts/optima.ttf') format('truetype');
}

@font-face {
    font-family: 'Palatino';
    src: url('fonts/palatinolt.eot');
    src: local('?'),
		url('fonts/palatino.eot?#iefix') format('embedded-opentype'),
         url('fonts/palatino.woff') format('woff'),
         url('fonts/palatino.svg#PalatinoLTStdMedium') format('svg'),
         url('fonts/palatino.ttf') format('truetype');
}

.pagecnt, p, #wifi span, #fb span, #rens, #phoneresa, input {
	font-family:Optima,serif;
	font-size:18px;
	color:#01496B;
	line-height:20px;
}
h1, h3, h3 a, #main-menu li {
	font-family:Lucida,Garamond,serif;
	letter-spacing:2px;	
	font-weight:800;
	color:#2283AF;
}

/************************** BACKGROUND *************************/

body {
	background-image: url('../img/bg_fond.jpg');
	background-position: center top;
	background-color: #F6EAC2;
	overflow-x:hidden;
}

#rayons{
	position:absolute;
	z-index:-10;
	top:0px;
	width:100%;
	height:110px;
	background-image: url('../img/bg_rayons.jpg');
	background-position: center top;
	background-repeat:no-repeat;
}

#bandeau{
	position:absolute;
	z-index:-10;
	top:180px;
	width:100%;
	left:0px;
	height:171px;
	border-top:2px solid #2283AF;
	border-bottom:2px solid #2283AF;
	background-color: #A8CCCC; 
	background-color: #eee; 
	background-image: url('../img/bg_bleu.jpg');
}

#rens, #phoneresa {
	font-size:14px;
	line-height:18px;
	width:auto;
}
#rens {
	position:absolute;
	top:-115px;
	right:180px;
	padding:40px 6px 2px 6px;
}
#phoneresa {
	position:absolute;
	top:100px;
	right:0px;
	padding:4px 6px 2px 6px;
	width:260px;
}
#rens .tel, #phoneresa .tel {
	font-family:Helvetica;
	font-weight:bold;
	color:#2283AF;
}

/************************** TITRES *************************/

#h1wrap, #h1wrapIE{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:197px;
	z-index:-15;
}
h1 {
	font-size:52px;
	padding:0;
	padding-left:10px;
	margin:0;
	position:absolute;
	bottom:0px;
	left:0px;
	font-family:Palatino,Lucida,Garamond,serif;
	color:#A9C8CC;

}
#h1wrapIE { left:2px !important; z-index:-20 !important; }
#h1wrapIE h1 { color:#2283AF !important; }



/************************** LOGO *************************/

#logodiv {
	position:absolute;
	top:20px;
	left:50%;
	width:200px;
	margin-left:-100px;
	z-index:2000;
}

#logodiv img {
	width:200px;
}
#hotel, #hotelIE {
	position:absolute;
	left:50%;
	top:86px;
	z-index:-1;
	margin-left:45px;
}
#hotelIE { margin-left:47px!important; z-index:-2!important; }
#hotelIE h1 { color:#2283AF !important; }

/************************** MENU *************************/

#ul-wrap{
	margin: 0;
	width: 1000px;
	text-align:right;
}
#nav-wrap { 
	margin: 70px 0 30px 0;
	background-color: #A8CCCC; 
	background-color: #eee; 
	background-image:url('../img/bg_bleu.jpg');
	padding-top: 5px;
	padding-bottom: 5px;
	border-top:    2px solid #2283AF; 
	border-bottom: 2px solid #2283AF; 
}

#nav-inside{
	position:relative;
	left:50%;
	width:1000px;
	margin-left:-500px;
}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#main-menu { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 100%;
}
#main-menu li { 
	display: inline-block; 
	font-size:20px;
}
#main-menu li a { 
	position: relative; 
	z-index: 20; 
	color: #01496B;
	display: block; 
	float: left; 
	padding: 6px 10px 2px 10px;
	text-decoration: none;
}
#main-menu li a:hover { 
	color: white; 
}
#main-menu #magic-line-two { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100px; 
	background: #2283AF; 
	z-index: 10; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
}
.current_page_item a { 
	color: white !important; 
}
.ie #main-menu li { display: inline; }



/************************** MENU LANGUE *************************/

#langmenu{
	z-index:2000;
	position:absolute;
	top:-70px;
	right:5px;
	float:right;
	padding:5px 5px 0 0;
}

#langmenu a .ui-button-text{
	padding:7px !important;
}
.langmenuitem{
	display:inline;
	padding-left:10px;
}
.langmenuitem img {
	height:20px;
}
.langmenuitem img:hover {
	background-color: #FCB040;
	outline:4px solid #FCB040;
}

#wifi { cursor:help; }
#wifi span, #dej span, #fb span {
	display:none;
	position:absolute;
	top:101px;
	right:0px;
	border:1px solid #2283AF;
	background-color:#A9C8CC;
	white-space:nowrap;
	padding:2px 4px 2px 4px;
	letter-spacing:0px;
	-webkit-border-top-right-radius:12px;
	-moz-border-top-right-radius:12px;
	-ms-border-top-right-radius:12px;
	-o-border-top-right-radius:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-bottom-left-radius:12px;
	-ms-border-bottom-left-radius:12px;
	-o-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
}
#wifi span { border-top:0!important; }
#wifi:hover img { background-color:#A9C8CC !important; outline: 4px solid #A9C8CC !important; }



/************************** CONTENT *************************/

#content {
	position:absolute;
	top:200px;
	left:50%;
	width:1000px;
	margin-left:-500px;
}

#content, p, .pagecnt{text-align:justify;}

.pagecnt{
	padding: 0 10px 0 10px;
}
.pagecnt a{
	letter-spacing:1px;
	color:#0070A3;
	line-height:140%;
	background: url('../img/link.png') repeat-x 100% 90%;	
}
.pagecnt a:hover{
	color:#43AEE4;
	color:black;
	background: url('../img/linkhover.png') repeat-x 100% 100%;	
}
.adrbox {
	position:relative;
	color:black;
	border: 2px dashed black;
	padding:10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	line-height:24px;
	margin:-7px 0 25px 0;
}
.qrsmall {
	position:absolute;
	bottom:12px;
	right:12px;
	padding:14px;
	background-image:url('../img/qr.png');
	background-position:center center;
}

/************************** SOCIAL *************************/

#fb { width:55px; }
#fbimg { height: 20px; }
#fb span { top:-25px !important; right:-8px!important; font-weight:normal!important; border-bottom:0!important; }



/********************* FORMS GENERAL ********************/

.bookingform { display:none; } /* masqué pour noscript */

.part1, .part2, .part3, .part4, .part5,  #fermeture {
	margin-top:0px;
	margin-bottom:20px;
	position:relative;
}
.bookingform fieldset {
	color:#01496B;
	font-size:16px;
	background-color:#FBF5E5;
	border:1px solid #2283AF;
	padding:8px 4px 4px 4px;
	margin:2px;
	position:relative;
}
html:not(.ie) .bookingform fieldset {
	-webkit-border-top-right-radius:12px;
	-moz-border-top-right-radius:12px;
	-ms-border-top-right-radius:12px;
	-o-border-top-right-radius:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-bottom-left-radius:12px;
	-ms-border-bottom-left-radius:12px;
	-o-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
}
.bookingform fieldset legend {
	margin-left:5px;
	padding: 2px 10px 0 8px;
	background-color:#FBF5E5;
	border:1px solid #2283AF;
	border-bottom:0px;
	-webkit-border-top-right-radius:12px;
	-moz-border-top-right-radius:12px;
	-ms-border-top-right-radius:12px;
	-o-border-top-right-radius:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-bottom-left-radius:12px;
	-ms-border-bottom-left-radius:12px;
	-o-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
}
.bookingform fieldset legend span { /* commentaire de legend */
	color:#2283AF;
}
.bookingform fieldset div.help, .buttonwrap div.help { /* bulle a l'interieur */
	position:absolute;
	right: 10px;
	bottom: 8px;
	float:right;
	color: #FCB03F;
}

.part1 input:not([type="radio"]),
.part3 input:not([type="radio"]),
.part4 input:not([type="radio"]),
.part5 input:not([type="radio"])
{
	width:97%; /* largeur complete sur les input */
}
.bookingform input:not([type="radio"]) {
	background-color:#FBF5E5;
	border:0px solid;
	font-size:18px;
	padding:0 5px 0 5px;
	-webkit-appearance:none;
	outline:none;
}


/********************* FORMS PART 1 ********************/

.valided .btnmask { display:none!important; }
.valided .prix, .valided .buttons { display:block!important; }

#submit, #verifdate {
	background-color:#FBF5E5;
	text-align:center;
}
#submitwrap, #verifdatewrap { cursor:pointer; }

.part1 input {
	text-align:center;
}
.part1 .shadowed { margin-left:4px; }
#verifdate { height:42px; }

.part1 .shadowed:hover,
.part4 .shadowed:hover {
	box-shadow: 6px 6px 0 #04B3D7;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#04B3D7', Direction=135, Strength=4); color: #04B3D7;
}

/********************* FORMS PART 2 ********************/

.part2 fieldset, .part2 legend { border-color:#2283AF!important; }

.part2 fieldset {
	position:relative;
	margin:auto;
	display:inline;
	width:178px!important;
	height:176px;
}

.part2 fieldset .photo {
	padding: 0 4px 0 4px
}
.part2 fieldset .photo a img {
	border: 1px solid #2283AF;
	width: 168px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.btn2, .prix {
	border:2px solid #4D9AEF!important;
	width:28px;
	height:28px!important;
	padding:4px auto !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	color:#4D9AEF;
	font-weight:bold;
	font-family:helvetica;
	font-size:24px!important;
	line-height:28px!important;
	text-align:center;
}


.prix, .btn1, .btn2, .btn3, .prix>div {
	position:absolute;
	bottom:3px;
}
.prix, .btn2 { bottom:9px!important; }
.btn1, .btn3 { cursor:pointer; }

.btn1 { right : 80px; display:none; }
.btn2 { right : 44px; }
.btn3 { right : 8px; }
.prix {
	left : 8px;
	font-family:helvetica;
	font-size:24px;
	color:#4D9AEF;
	text-align:right;
}
.prix, .buttons { display:none; }

.prix { width:50px;}
.prix .unitaire { left:4px; top:0; }
.prix .euro { right:5px; top:0; }

.part2 .btnmask {
	position:absolute;
	bottom:8px;
	left:8px;
	height:34px;
	width:170px;
	margin:auto;
	z-index:3;
	background-color:rgba(0,0,0,0.3);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	cursor:not-allowed;
}

/********************* FORMS PART 3 ********************/

.part3 a { background:none !important; }
.part3 select { width:100% !important; margin:auto!important; }
.part3 td { width:25%; }

/********************* FORMS PART 4 ********************/

.part4 input:not(#titulcb) {
	text-align:center;
}

/********************* FORMS PART 4 ********************/

.part5 { height:200px; }

#submitwrap {
	position:absolute;
	width:252px;
	right:0px;
	top:0px;
}
#submitwrap input { width:100%!important; height:60px; }

.part5 .btnmask {
	position:absolute!important;
	width:272px!important;
	right:0px!important;
	height:80px!important;
	top:0px!important;
	z-index:3;
	background-color:rgba(0,0,0,0.3);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	cursor:not-allowed;
}

#dej {
	position:absolute;
	cursor:help;
	width:300px;
	right:283px;
	top:0px;
}
#dej p { padding: 0 6px 0 6px !important; }


#commentwrap {
	position:absolute;
	width:370px;
	height:100px;
	top:0px;
}
#commentwrap fieldset { padding:0 5 0 5px!important; }
#commentwrap textarea {
	margin:0;
	min-width:360px;
	max-width:360px;
	min-height:82px;
	border:0;
	background-color:transparent;
}

/********************* FORMS VALIDATION ********************/

.focused, .focused>legend { border-color:#0084C1!important; }
.errored, .errored>legend { border-color:red!important; }
.valided, .valided>legend { border-color:limegreen!important; }

#verifdatewrap.valided { box-shadow:none!important; background-color:limegreen!important; }
#verifdatewrap.valided #verifdate { color:limegreen!important; font-weight:bold; }
#verifdatewrap.errored { background-color:red!important; }
#verifdatewrap.errored #verifdate { color:red!important; }

.valided .help {display:none !important; }
.error { color:red!important; display:inline; padding-left:8px;}

#fermeture {
	display:none;
	font-size:14px;
	margin-top:20px!important;
	border: 2px dashed red;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	padding:6px;
}
#fermeture * { color:red!important; }
#fermeture span { float:right; }
#ui-datepicker-div { z-index:99999!important; border:2px solid #2283AF; }


.part3, .part4, .part5, .buttons, .btn1, .btn2, .btn3 { display:none!important; }


.part6 .shadowed { position:absolute; right:25px; bottom:25px; width:auto; }
.part6 input[type=submit] { padding:10px; }
.part6 #msgmail, .part6 textarea { border:1px solid #2283AF !important; background-color:white!important; }
.part6 fieldset { padding:20px!important; }
.part6 textarea { width:85%; height:100px; }
.part6 .error { visibility:hidden; }