* {
    box-sizing: border-box;
}
/* Booking page */
h1:first-letter, h2:first-letter, h3:first-letter {text-transform:uppercase;}
h2.legend{
	background:#f7f4f2;
	border-bottom:1px solid;
	padding:1rem;
	text-align:justify;
	text-transform:capitalize;
	font-size: 2rem;
	color: #07C;
}
.dark {background-color: #f8f8f8;}
.grey {background-color: #eee;}
.white{background-color:#fff;}
.lightblue{background-color:#F1F5FA;}
.font-pink {color: #f94cad;}
.font-grey {color: #a2a2a2;}
.font-darkgrey {color: #737373;}
.font-green {color:rgb(37, 163, 2);}
.font-darkorange {color: #C13307;}
.font-red {color:#F44336;}
.uppercase {text-transform:uppercase}
.capitalize {text-transform:capitalize}
.maa, .mauto{margin:auto}
.block{display: block}
.left{float: left;}
.right{float: right;}
.bold{font-weight:700;}
.nodisplay{display:none!important}
.underline{text-decoration:underline}
.nobg{background:none;}
.borderb {border-bottom:2px solid #d2d2d2;}
.bordersides {border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
.w15{width:15%}
.w65{width:65%}
.firstcapital:first-letter{text-transform: uppercase}
form {background:none;}
.lightorange{background:#FFECCA}

.selection {}
.selection > p {
	font-size:0.9em;
	margin:0	
}
.ticked {
color:rgb(37, 163, 2);
}
.ticked:after {
padding-left:4px;
font-size:1.4em;
content: "\2713 ";
color: rgb(37, 163, 2);
}
.icon > span {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 32px;
    background-image: url(/booking/user/img/icons.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

span.size{font-size:1em;font-style:italic;font-weight:700;color:#737373}
/* .ui-widget-overlay {z-index:100;opacity:0.3;} */

div.availability {background-color: #f8f8f8;}
div.availability:hover,div.availability:focus {background-color: #fff;}
div.availability ul.details {line-height:1.5em;font-size:1em;}
div.picture img {width:240px;height:160px;}
div.availability div.room_gallery {width:auto;}
div.room_gallery a {margin-bottom:3px;}
div.availability h3 { font-family: Alice,Arial; font-size: 1.3em;}
div.availability h3 > a:hover {	cursor:pointer;}

#booking input.searchbutton, input.submitbutton, input.bookingbutton, a.searchbutton, span.reserver, .newselectbutton, .modifier  {
	border:none;
	width:auto;
	padding: 1rem 2rem;
	font-weight:normal;
	border-radius: 3px;
	cursor:pointer;
	transition: all 0.3s ease-out;
	color:#fff;
	background:#07C;
	box-shadow:none;
}
#booking input.searchbutton {
	text-transform: capitalize;
	font-size:1.8rem;
	padding-left:4rem;
	background:#07C url(/booking/img/system/recherche.png) no-repeat 0.5rem center;
}
a#a_booking {
	text-transform: capitalize;
	font-size:1.8rem;
	padding-left:5rem;
	background:#07C url(/booking/img/system/recherche.png) no-repeat 1rem center;
}
#booking option[disabled] {color:#ccc}
.bookingbutton {
	cursor:pointer;
	text-decoration:none;
	font-family: Roboto, helvetica, arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	padding:2rem;
	background:#eee;
}
input.bookingbutton {
	float:none;
	text-transform:capitalize;
    background-color: #07C;
}

.modifier {
	font-size:0.85em;
	padding: 0.5rem 1rem;
	float:none;
	text-transform: uppercase;
	text-decoration:none;
	color: #535353;
	background:#f8f8f8;
}
.modifier:hover {
	color:#fff;
	background:#07C;
}
.afficher {background:0;padding-left:0;outline:0!important;}
.toggle {display:none;}
.raquo:after {
    content: "\00BB";
    padding-left: 4px;
}
.cross:after {
content: "\2716";
font-size:0.7em;
}
.equipment li {
    float: left;
    width: 50%;
    list-style: square outside;
    vertical-align: top;
    padding-bottom: 6px;
}

/* booking form */
#booking {
    min-width: 225px;
    max-width: 800px;
	text-align:center;
	border-radius:3px;
	padding: 1rem;
	font-size:1.6rem;
	background:linear-gradient(to bottom,#fecf4d 0,#fec834 100%);
}
#booking h4 {
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	margin:1em 0;
}
#bookingform {
	padding:0;
	padding-left:2%;
	overflow:visible;
}
.booking input, .booking select  {
	float:none;
	font-size:1.5rem;
    font-family: 'Open Sans',Arial;
	display:inline-block;
	padding:0.7rem 1rem;
    margin: 0.85rem auto;
    color: #333;
    border: 0;
	border-radius:3px;
	box-shadow:none;
	width:100%;
}

.daterange {
    position: relative;
}
.datepicker table {
	border:none;
}

.siteselect, .typeselect, .daterange, .nrpeople {
	padding-left:24px;
	background: no-repeat center left;
}
.siteselect {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzMC4xMTQgNDMwLjExNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExNCA0MzAuMTE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggaWQ9IkZhY2Vib29rX1BsYWNlcyIgZD0iTTM1Ni4yMDgsMTA3LjA1MWMtMS41MzEtNS43MzgtNC42NC0xMS44NTItNi45NC0xNy4yMDVDMzIxLjc0NiwyMy43MDQsMjYxLjYxMSwwLDIxMy4wNTUsMCAgIEMxNDguMDU0LDAsNzYuNDYzLDQzLjU4Niw2Ni45MDUsMTMzLjQyN3YxOC4zNTVjMCwwLjc2NiwwLjI2NCw3LjY0NywwLjYzOSwxMS4wODljNS4zNTgsNDIuODE2LDM5LjE0Myw4OC4zMiw2NC4zNzUsMTMxLjEzNiAgIGMyNy4xNDYsNDUuODczLDU1LjMxNCw5MC45OTksODMuMjIxLDEzNi4xMDZjMTcuMjA4LTI5LjQzNiwzNC4zNTQtNTkuMjU5LDUxLjE3LTg3LjkzM2M0LjU4My04LjQxNSw5LjkwMy0xNi44MjUsMTQuNDkxLTI0Ljg1NyAgIGMzLjA1OC01LjM0OCw4LjktMTAuNjk2LDExLjU2OS0xNS42NzJjMjcuMTQ1LTQ5LjY5OSw3MC44MzgtOTkuNzgyLDcwLjgzOC0xNDkuMTA0di0yMC4yNjIgICBDMzYzLjIwOSwxMjYuOTM4LDM1Ni41ODEsMTA4LjIwNCwzNTYuMjA4LDEwNy4wNTF6IE0yMTQuMjQ1LDE5OS4xOTNjLTE5LjEwNywwLTQwLjAyMS05LjU1NC01MC4zNDQtMzUuOTM5ICAgYy0xLjUzOC00LjItMS40MTQtMTIuNjE3LTEuNDE0LTEzLjM4OHYtMTEuODUyYzAtMzMuNjM2LDI4LjU2LTQ4LjkzMiw1My40MDYtNDguOTMyYzMwLjU4OCwwLDU0LjI0NSwyNC40NzIsNTQuMjQ1LDU1LjA2ICAgQzI3MC4xMzgsMTc0LjcyOSwyNDQuODMzLDE5OS4xOTMsMjE0LjI0NSwxOTkuMTkzeiIgZmlsbD0iIzU0NTQ1NCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
.typeselect {
	background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMwNi43NzMgMzA2Ljc3MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA2Ljc3MyAzMDYuNzczOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggZD0iTTMwMi45MywxNDkuNzk0YzUuNTYxLTYuMTE2LDUuMDI0LTE1LjQ5LTEuMTk5LTIwLjkzMkwxNjQuNjMsOC44OTggICBjLTYuMjIzLTUuNDQyLTE2LjItNS4zMjgtMjIuMjkyLDAuMjU3TDQuNzcxLDEzNS4yNThjLTYuMDkyLDUuNTg1LTYuMzkxLDE0Ljk0Ny0wLjY2MiwyMC45MDJsMy40NDksMy41OTIgICBjNS43MjIsNS45NTUsMTQuOTcxLDYuNjY1LDIwLjY0NSwxLjU4MWwxMC4yODEtOS4yMDd2MTM0Ljc5MmMwLDguMjcsNi43MDEsMTQuOTY1LDE0Ljk2NSwxNC45NjVoNTMuNjI0ICAgYzguMjY0LDAsMTQuOTY1LTYuNjk1LDE0Ljk2NS0xNC45NjV2LTk0LjNoNjguMzk4djk0LjNjLTAuMTE5LDguMjY0LDUuNzk0LDE0Ljk1OSwxNC4wNTgsMTQuOTU5aDU2LjgyOCAgIGM4LjI2NCwwLDE0Ljk2NS02LjY5NSwxNC45NjUtMTQuOTY1VjE1NC4wMjRjMCwwLDIuODQsMi40ODgsNi4zNDMsNS41NjdjMy40OTcsMy4wNzMsMTAuODQyLDAuNjA5LDE2LjQwMy01LjUxM0wzMDIuOTMsMTQ5Ljc5NHoiIGZpbGw9IiM1NDU0NTQiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
/* span.typeselect{max-width:175px;} */
.daterange{
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM2MS43NyAzNjEuNzciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM2MS43NyAzNjEuNzc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTMyMy44ODUsNDMuNzdoLTI3LjVWMjVjMC0xMy44MDctMTEuMTkzLTI1LTI1LTI1aC0xYy0xMy44MDcsMC0yNSwxMS4xOTMtMjUsMjV2MTguNzdoLTEyOVYyNWMwLTEzLjgwNy0xMS4xOTMtMjUtMjUtMjUgICAgIGgtMWMtMTMuODA3LDAtMjUsMTEuMTkzLTI1LDI1djE4Ljc3aC0yNy41Yy0xMy44MDcsMC0yNSwxMS4xOTMtMjUsMjV2MjY4YzAsMTMuODA5LDExLjE5MywyNSwyNSwyNWgyODYgICAgIGMxMy44MDcsMCwyNS0xMS4xOTEsMjUtMjV2LTI2OEMzNDguODg1LDU0Ljk2MywzMzcuNjkxLDQzLjc3LDMyMy44ODUsNDMuNzd6IE0zMDYuODg1LDMyMi4yN2gtMjUydi0yMDNoMjUyVjMyMi4yN3oiIGZpbGw9IiM1NDU0NTQiLz4KCQkJPHBhdGggZD0iTTg5LjEzNiwyMTEuMTM0aDQzLjQ5OGMyLjIwOSwwLDQtMS43OTEsNC00di00My40OThjMC0yLjIwOS0xLjc5MS00LTQtNEg4OS4xMzZjLTIuMjA5LDAtNCwxLjc5MS00LDR2NDMuNDk4ICAgICBDODUuMTM2LDIwOS4zNDMsODYuOTI3LDIxMS4xMzQsODkuMTM2LDIxMS4xMzR6IiBmaWxsPSIjNTQ1NDU0Ii8+CgkJCTxwYXRoIGQ9Ik0xNTkuMTM2LDIxMS4xMzRoNDMuNDk4YzIuMjA5LDAsNC0xLjc5MSw0LTR2LTQzLjQ5OGMwLTIuMjA5LTEuNzkxLTQtNC00aC00My40OThjLTIuMjA5LDAtNCwxLjc5MS00LDR2NDMuNDk4ICAgICBDMTU1LjEzNiwyMDkuMzQzLDE1Ni45MjcsMjExLjEzNCwxNTkuMTM2LDIxMS4xMzR6IiBmaWxsPSIjNTQ1NDU0Ii8+CgkJCTxwYXRoIGQ9Ik0yMjkuMTM2LDIxMS4xMzRoNDMuNDk4YzIuMjA5LDAsNC0xLjc5MSw0LTR2LTQzLjQ5OGMwLTIuMjA5LTEuNzkxLTQtNC00aC00My40OThjLTIuMjA5LDAtNCwxLjc5MS00LDR2NDMuNDk4ICAgICBDMjI1LjEzNiwyMDkuMzQzLDIyNi45MjcsMjExLjEzNCwyMjkuMTM2LDIxMS4xMzR6IiBmaWxsPSIjNTQ1NDU0Ii8+CgkJCTxwYXRoIGQ9Ik04OS4xMzYsMjgxLjEzNGg0My40OThjMi4yMDksMCw0LTEuNzkxLDQtNHYtNDMuNDk4YzAtMi4yMDktMS43OTEtNC00LTRIODkuMTM2Yy0yLjIwOSwwLTQsMS43OTEtNCw0djQzLjQ5OCAgICAgQzg1LjEzNiwyNzkuMzQzLDg2LjkyNywyODEuMTM0LDg5LjEzNiwyODEuMTM0eiIgZmlsbD0iIzU0NTQ1NCIvPgoJCQk8cGF0aCBkPSJNMTU5LjEzNiwyODEuMTM0aDQzLjQ5OGMyLjIwOSwwLDQtMS43OTEsNC00di00My40OThjMC0yLjIwOS0xLjc5MS00LTQtNGgtNDMuNDk4Yy0yLjIwOSwwLTQsMS43OTEtNCw0djQzLjQ5OCAgICAgQzE1NS4xMzYsMjc5LjM0MywxNTYuOTI3LDI4MS4xMzQsMTU5LjEzNiwyODEuMTM0eiIgZmlsbD0iIzU0NTQ1NCIvPgoJCQk8cGF0aCBkPSJNMjI5LjEzNiwyODEuMTM0aDQzLjQ5OGMyLjIwOSwwLDQtMS43OTEsNC00di00My40OThjMC0yLjIwOS0xLjc5MS00LTQtNGgtNDMuNDk4Yy0yLjIwOSwwLTQsMS43OTEtNCw0djQzLjQ5OCAgICAgQzIyNS4xMzYsMjc5LjM0MywyMjYuOTI3LDI4MS4xMzQsMjI5LjEzNiwyODEuMTM0eiIgZmlsbD0iIzU0NTQ1NCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.nrpeople {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDk4LjY2NiA5OC42NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk4LjY2NiA5OC42NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSI0OS4zMzIiIGN5PSI1My41NTciIHI9IjEwLjI5NyIgZmlsbD0iIzU0NTQ1NCIvPgoJCTxwYXRoIGQ9Ik01My43LDY0LjU1NmgtOC43MzdjLTcuMjY5LDAtMTMuMTgzLDUuOTE2LTEzLjE4MywxMy4xODR2MTAuNjg4bDAuMDI3LDAuMTY2bDAuNzM1LDAuMjI5ICAgIGM2LjkzNywyLjE2OCwxMi45NjUsMi44OTIsMTcuOTI3LDIuODkyYzkuNjg4LDAsMTUuMzAzLTIuNzY0LDE1LjY1LTIuOTM4bDAuNjg4LTAuMzUxbDAuMDcxLDAuMDAyVjc3LjczOSAgICBDNjYuODgzLDcwLjQ3Miw2MC45NzEsNjQuNTU2LDUzLjcsNjQuNTU2eiIgZmlsbD0iIzU0NTQ1NCIvPgoJCTxjaXJjbGUgY3g9IjI4LjMxMiIgY3k9IjIzLjU2MyIgcj0iMTYuNjExIiBmaWxsPSIjNTQ1NDU0Ii8+CgkJPHBhdGggZD0iTTcwLjM1LDQwLjE3NGM5LjE3NCwwLDE2LjYwOS03LjQ0LDE2LjYwOS0xNi42MTNjMC05LjE3LTcuNDM4LTE2LjYwOS0xNi42MDktMTYuNjA5Yy05LjE3NiwwLTE2LjYxLDcuNDM3LTE2LjYxLDE2LjYwOSAgICBTNjEuMTc0LDQwLjE3NCw3MC4zNSw0MC4xNzR6IiBmaWxsPSIjNTQ1NDU0Ii8+CgkJPHBhdGggZD0iTTQxLjI1OCw2Mi45MzZjLTIuNjM3LTIuMjc0LTQuMzE0LTUuNjMyLTQuMzE0LTkuMzc4YzAtNC41OTQsMi41MTktOC42MDQsNi4yNDMtMTAuNzQzICAgIGMtMi40MjUtMC45NjUtNS4wNjEtMS41MTEtNy44MjYtMS41MTFIMjEuMjY2QzkuNTQsNDEuMzAzLDAsNTAuODQ3LDAsNjIuNTcxdjE3LjI0MWwwLjA0MywwLjI2OUwxLjIzLDgwLjQ1ICAgIGMxMC45ODIsMy40MzIsMjAuNTQyLDQuNjEzLDI4LjQ1OCw0LjY1NnYtNy4zNjdDMjkuNjg4LDcwLjU5NSwzNC42MjMsNjQuNTk5LDQxLjI1OCw2Mi45MzZ6IiBmaWxsPSIjNTQ1NDU0Ii8+CgkJPHBhdGggZD0iTTc3LjM5OCw0MS4zMDNINjMuMzA1Yy0yLjc2NSwwLTUuMzk4LDAuNTQ2LTcuODI0LDEuNTExYzMuNzI3LDIuMTM5LDYuMjQ2LDYuMTQ3LDYuMjQ2LDEwLjc0MyAgICBjMCwzLjc0NC0xLjY3OCw3LjEwMi00LjMxMyw5LjM3NmMyLjY1NiwwLjY2MSw1LjEwMSwyLjAyLDcuMDg4LDQuMDA4YzIuODg4LDIuODksNC40NzksNi43MjYsNC40NzgsMTAuOHY3LjM2NSAgICBjNy45MTYtMC4wNDMsMTcuNDc3LTEuMjI1LDI4LjQ1Ny00LjY1NmwxLjE4Ny0wLjM2OWwwLjA0NC0wLjI2OVY2Mi41NzFDOTguNjY0LDUwLjg0Nyw4OS4xMjQsNDEuMzAzLDc3LjM5OCw0MS4zMDN6IiBmaWxsPSIjNTQ1NDU0Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

input.calendar {
	/* min-width:110px; */
	/* background: url('/booking/img/system/date.png') #fff no-repeat 95% center; */
}
#booking input.border {
	border:1px solid #D2D2D2;
}
.nrpeople label  {
	width:auto;
	display:inline-block;
    float: none;
}
.nrpeople label:first-letter  {
	text-transform:capitalize;
}
#booking  input.adultes, #booking  input.enfants, #booking input.chambres  {
    width:46px;
}
span.adultes, span.enfants, span.chambres  {
	/* display:inline-block; */
    /* width:40px; */
    /* border:none; */
    /* padding-left:24px; */
	/* text-align:center; */
	/* background: url('/booking/img/system/adults.png') no-repeat 4px center; */
}
div.enfants {position:relative}
div.enfants span.detail {
	display: none;
    position: absolute;
    top: 95%;
    left: 50%;
    background: rgba(80,80,80,0.8);
    color: #fff;
    padding: 6px;
    border-radius: 3px;
    box-shadow: 0 1px 5px #444;
	white-space:nowrap;
}
div.enfants:hover span.detail {
    display: block;
}

#booking  input.chambres, span.chambres {
	background-image: url('/booking/img/system/beds.png');
}

#booking  input.enfants, span.enfants {
	/* background-image: url('/booking/img/system/children.png'); */
}

span.secure:after  {
	content: url('/booking/img/system/lock.png');
	width:24px;
	padding-left:10px;
}

.button {
  margin-left:5px;
  cursor: pointer;
  width: 42px;
  padding:2px 0;
  display: inline-block;
  text-align: center;
  border-radius:3px;
  border: 1px solid #939393;
}
button.button {
	width:auto;
  cursor: pointer;
  padding:10px 30px;
  border-radius:3px;
  border:none;
  color:#fff;
  background: #07C;
  float:right;
}
.button:hover {
color: #fff;
border-color: #0090d3;
background:#0090d3;

}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Disponibilités */

fieldset {
	border:0;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
legend {
	font-size: 1.4em;
	color: #0090d3;
	margin-bottom:10px;
}

form select {
	text-transform: capitalize;
}

.contact label  {
	clear:left;
	float: left;
	width: 40%;
	margin:0;
	line-height:28px;
padding-bottom: 6px;
}

.sejour  {
	overflow:hidden;
}
.sejour input, .sejour label {
	width:auto;
}

.sejour_display  {
	font-size: 1.3em;
	display:inline-block;
	line-height:2.2em;
}

form br {
	clear: both;
}

div.fotorama  img ~ img {
	height:0;
}

ol.breadcrumb {
	margin:2rem auto;
	text-align:left;
	display:block;
}
ol.breadcrumb li {
	list-style:decimal inside;
	float:left;	
	padding:1rem 2rem;
	position:relative;
    background: #f7f4f2;
}
ol.breadcrumb li:not(:first-child) {
	padding-left:4rem;
}
ol.breadcrumb li:before {
	    content: '';
    position: absolute;
    top: 0; 
    right: -22px; 
    width: 44px; 
    height: 44px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #f7f4f2;
    box-shadow: 3px -3px 0 3px #fff;
    border-radius: 0 0 0 50px;
}

ol.breadcrumb li.etape_ok:before {
	background-color: #07C;
}
ol.breadcrumb li.etape_ok {
	color:#fff;
	background-color: #07C;
}

ol.breadcrumb li a{
	color:#fff;
}

div.bookingform {
	position:absolute;
	bottom:10px;
	right:10px;
	width:30%;
}

ul.smallmargin > li {
	margin-left:6px;
	padding:6px;
	list-style:square;
}


a.suggestions {
	color:#fff!important;
}

/* Extras */
input {
	font-weight:400;
}
#extras {
    text-align: justify;
    font-size: .95em;	
    line-height: 1.5em;
}
div.montantoptions {
    line-height: 1.5em;
}
#extras select, .people select {
    clear: none;
    float: none;
    display: inline-block;
    width: 42px;
    padding: 0.5rem;
    font-size: 1.1em;
	box-shadow: inset 0 0 0 1px #ccc;
}
#extras select.selected {
	border-color: #0090d3;
	color: #0090d3;
}
#extras select.selected  + label {
	color: #0090d3;
	font-weight:700;
}
#extras label {
    display: inline-block;
    padding-left: 1rem;
    position: relative;
    margin: .5em 0;
}
#extras label:first-letter {
    text-transform: capitalize;
}
#extras label:hover {
    color: #0090d3;
    cursor: pointer;
}
#extras span.infos {
	font-size:0.9em;
	padding:10px;
	display:none;
	background:#FFF;
	color:#0090d3;
	position: absolute;
	z-index:10;
	line-height:1.4em;
	max-width:75%;
	right:10px;
	border-radius:3px;
	box-shadow:0 1px 3px #555;
}
#extras span.infos:first-letter {
	text-transform:uppercase;
}
#extras label:hover span.infos, .extras label:focus span.infos, .extras label:active span.infos {
	display:block;
}

input.submitbutton {
	text-transform: uppercase;
	padding: 10px 20px;
	background:#07C;
}
.newselectbutton {
	color: #333;
	border: 1px solid;
	background:#fff;
}
.newselectbutton:hover {
	color:#fff;
	border-color:#0090d3;
	background:#0090d3;
}

/* Boutons cartes paiement */

#cardtype input {display:inline-block;width:auto;position:absolute;z-index:999;margin: 5px 0 0 5px;vertical-align: top;box-shadow:none;}
#cardtype label{display:inline-block;width:10rem;height:5rem;padding-left:1.6rem;padding-top:0.7rem;border:1px solid #d2d2d2;background:#fff;vertical-align: top;}
#cardtype label:before{content:"";display:block;width:100%;height:100%;background:no-repeat center;background-image:url(/booking/img/system/cardtypes.png);background-position:0 0}
#cardtype label.mastercard:before{background-position:-80px 0}
#cardtype label.cartebleue:before{background-position:-160px 0}

#cardtype input:active +.drinkcard-cc {opacity: .9;}
#cardtype input:checked +.drinkcard-cc {
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

select.cardexpyear, select.cardexpmonth {
float:left;
margin-right:10px;
display: inline-block;
width: 20%;
height: 33px;
}


.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden;border:0 none;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.75);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.75);box-shadow:0 1px 4px rgba(0,0,0,0.75);z-index:101;background:#FFF}
.ui-dialog .ui-dialog-titlebar{position:relative;float:right;background:transparent !important;padding:0;margin:0;border:solid #e5e5e5;border-width:0 0 1px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0;color:#353536;font-size:20px !important;}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:0;margin:0;width:30px;height:30px;background:url(/img/common/jquery/modalClose.png) 0 0 no-repeat!important;border:0 !important;z-index:10000;text-indent: 999px;}
.ui-dialog .ui-dialog-titlebar-close span{display:none;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding:0;}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:15px 20px 20px 20px;background:none;overflow:auto;zoom:1;}
.ui-dialog .ui-dialog-buttonpane{text-align:left;border:solid #e5e5e5;border-width:1px 0 0 0;background:transparent;margin:20px 20px 10px 20px;padding:10px 0 0 0;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}
.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}
.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;}
.ui-draggable .ui-dialog-titlebar{cursor:move;}


.ui-dialog-titlebar {display:none}
.popup.ui-dialog {
padding: 0 !important;
border: 0 ;
width: 264px;
font-size: 1em;
height: 204px;
overflow: visible !important;
z-index:10000;
}
.popup.ui-dialog .ui-dialog-content {
padding: 0 !important;
overflow: visible !important;
}
#bookingpopup div.dark2 {
margin-bottom:0;
}
#bookingpopup .ui-datepicker-close.ui-state-default.ui-priority-primary {
border: none;
color: #fff;
background: #07C;
font-weight:400;
}
.bookingterms {
width:80% !important;
max-width:980px !important;
max-height:80% !important;
font-size:0.85
em !important;
text-align:justify;
margin-bottom:10px !important;
overflow-y: auto !important;
}
.bookingterms .ui-dialog-titlebar {
display:block !important;
background:none !important;
border:0 !important;
cursor:default !important;
}


input.submitbutton:hover, input.bookingbutton:hover, #booking input.searchbutton:hover, a.searchbutton:hover, span.reserver:hover{
    background-color: #0090d3;
}

form.coordonnees label, form.coordonnees input, form.coordonnees textarea#message, form.coordonnees input#submitbutton {
	display:block;
	float:none;
	clear:none;
	margin:0 auto;
	padding:6px;
	width:100%;
}
form.coordonnees input,  form.coordonnees select,  form.coordonnees textarea  {
	box-shadow: inset 0 0 0 1px #ccc;
}
form.coordonnees label {
	color:#535353;
	padding:4px 0 0;
	padding-bottom:0;
	text-align:left;
}
form.coordonnees input.bookingbutton {
	padding: 10px 20px;
	margin-top:20px;
	font-size:1.3em;
}

form.coordonnees input.conditions {
	display:inline-block;
width: 20px;
margin: 20px 10px 1px 30px;
height: 17px;
text-align: left;
vertical-align:bottom;
    box-shadow: none;
}
form.coordonnees input.conditions + label {
	display:inline-block;
	width: auto;
}
textarea#message {
	float: none;
	width: 100%;
	height:60px;
	margin: 0;
	resize: none;
}

#champs_obligatoires{
	font-size: 0.7em;
}

#texte_confirmation {
	text-align: center;
	height: 386px;
	padding-top:80px;
	line-height:2em;
}

form input.error {
	border:1px solid orange;
}
form label.error {
	font-size: .8em;
	color: #0197e4;
	width:100%;
}
form em.error {
font-size: 0.9em;
padding-left: 10px;
color: #111;
padding-bottom:4px;
display:inline-block;
}
em.error:before {
margin-right:4px;
font-size:1.1em;
font-weight:700;
content: "!";
color: #fff;
background:orange;
padding:0 8px;
border-radius:3px;
}

#cardtype-error {
width: 100%!important;
}

.idclient span.small:before {
	width:16px;
	padding-top:14px;
	padding-right:6px; 
	vertical-align: middle;
}

.idclient .email:before {
	content: url(/booking/img/system/email.png); 
}
.idclient .phone:before {
	content: url(/booking/img/system/phone.png); 
}

#mentions-legales {
width: 560px!important;
display: none;
background-color: #fff;

z-index: 10000;
box-shadow: 0 0 90px 5px #333;

}
.simple_overlay {
display: none;
z-index: 10000;
box-shadow: 0 0 90px 5px #333;
}

.email {
	text-decoration: underline;
}


div.hebergement a{
float: right;
color:#0090d3;
margin-left:10px;
padding: 10px 20px;
font-size: 1.1em;
letter-spacing: -1px;
background-color: rgba(255,255,255,01);
transition: all 0.3s ease-out;
}


/* Datepicker */
.daterange  {
position:relative;
}
.daterange label {
width: 0;
margin:0;
text-indent: 10px;
position: relative;
display: inline-block;
}
.datetoggle {
display:none;
padding: 1rem;
position: absolute;
z-index:100;
font-size:1.5rem;
background:#fff;
border-radius:4px;
box-shadow: 0 2px 16px rgba(0,0,0,.2);
}
.datetoggle:after {
    bottom: 100%;
    right: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-bottom-color: #07C;
    border-width: 1rem;
}
.posright{right:0}

#datepicker  .ui-state-default {
background: none;
border: 1px solid #fff;
text-align:center;
}
#datepicker  .ui-state-active {
border: 1px solid #00bfde;
}
#datepicker     .dp-highlight .ui-state-default {
background: #07C;
border: 1px solid #07C;
color: #fff;
}
#datepicker .ui-datepicker td {
padding:0;
border:0;
}
.ui-datepicker.ui-datepicker-multi, .ui-datepicker.ui-widget-content  {
border: none;
padding: 0;
background: #fff;
border-radius: 4px;
}
.ui-datepicker-multi .ui-datepicker-group {
padding: 0;display:inline-block;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
#datepicker  .ui-widget-header, #datepicker  td {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
#datepicker  .ui-widget-header {
	font-weight:700;
	position: relative;
    padding: 1rem 0;
	color:#07C
}
.ui-datepicker th {
    padding: 1rem 0;
    text-align: center;
    font-weight: bold;
    border: 0;
	text-transform: lowercase;
}

.ui-datepicker .ui-datepicker-title {

}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    width: 22px;
    height: 22px;
}
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/img/common/jquery/ui-icons_222222_256x240.png);
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-e {
	text-indent:0;
	background:0;
	color:#fff;
}
.ui-datepicker .ui-icon-circle-triangle-w:before, .ui-datepicker .ui-icon-circle-triangle-e:before {
	content: "\25C0";
	color:#07C;
	display:inline-block;
	font-size:1.4rem;
    width: 22px;
    height: 22px;
}
.ui-datepicker .ui-icon-circle-triangle-e:before {
	content: "\25b6";
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled {
    cursor: default !important;
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: 0 !important;
    border: 0 none !important;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker-calendar {
    margin-bottom: 0.5rem;
}
.ui-datepicker-calendar thead {
	font-size:1.2rem;
	color:#333;
}
.ui-datepicker-calendar tbody {
	font-size:1.4rem;
}





@media (max-width: 768px) {
ol.breadcrumb {font-size:0.9em;margin:0}
ol.breadcrumb li{padding:0.85rem;}
ol.breadcrumb li:not(.current){width:0;padding:0;height:0;visibility:hidden;}
ol.breadcrumb li:not(:first-child) {padding-left:0.6rem;}
ol.breadcrumb li:before{width:35px;height:35px;right:-18px;box-shadow:3px -3px 0 3px #fff;}
/* .tiny-availabilities > div:not(.fotorama) {width: 100%;display: inline-block!important;} */
}
@media (max-width: 530px) {
#booking input, #booking select {width:100%;}
div.enfants span.detail {left:auto;}
}