/******
Feuille de style unique pour la version 8 de Resalys
******/

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css : THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/*! FIN normalize.css */

/*! jquery-ui date picker */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
/*! rsl date picker */
.ui-corner-left,.ui-corner-right{width:102%;border:none}.ui-datepicker{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5);height:250px}.ui-datepicker-header{position:relative;top:-3px;height:32px;padding:0!important;border:none}.ui-datepicker-calendar thead *{font-size:13px;color:#757575}.ui-datepicker-calendar tbody *{font-size:13px;font-weight:400;color:#212121}.ui-datepicker-next:before,.ui-datepicker-prev:before{font-family:kameleon;font-size:18px;top:4px;position:relative;font-weight:400}.ui-corner-left{position:relative;left:-3px}.ui-datepicker-next .ui-icon,.ui-datepicker-prev .ui-icon{width:0}.ui-datepicker-title{line-height:2.4em!important}.ui-datepicker-next,.ui-datepicker-prev{cursor:hand;cursor:pointer}.ui-datepicker-next:hover,.ui-datepicker-prev:hover{color:#FFF;transform:scale(.95)}.ui-datepicker-prev:before{content:"\e695";left:2px}.ui-datepicker-next:before{content:"\e696"}.ui-datepicker td a,.ui-datepicker td span{text-align:center;margin-left:20%;margin-right:20%;border-radius:50%}.ui-datepicker-calendar .ui-state-default{background:rgba(0,0,0,0);border:none}#ui-datepicker-div .ui-widget-content{border:none}#ui-datepicker-div{background:#fafafa}.ui-datepicker-trigger{border:none;background:0 0}.ui-datepicker-title *{font-size:13px;color:#FFF;font-weight:400}.ui-datepicker-title select{background:#62C7CC!important;position:relative;top:5px}.ui-datepicker tbody td{padding:0}.ui-datepicker-calendar .ui-state-hover{background:#00adb3;color:#FFF}.ui-datepicker-calendar .ui-datepicker-today a{color:#00adb3;}.ui-datepicker-calendar .ui-datepicker-today .ui-state-hover{color:#FFF}.ui-datepicker-calendar{height:80%;padding-bottom:30px}.ui-datepicker-current{display:inline-block;font-weight:400;font-size:13px!important;min-width:55px;max-height:21px;min-height:21px;padding:0 8px!important;vertical-align:middle;line-height:21px;color:#00ADB3!important;background-color:#fafafa!important;border:none!important;text-align:center!important;position:relative!important;left:44%!important;bottom:10px!important;text-transform:uppercase}.ui-datepicker-close{display:none}.ui-widget-content-dialog{background-color:#fff;box-shadow:rgba(0,0,0,.15) 1px 1px 2px 2px;border-radius:2px;padding:0 0 8px}.ui-widget-content-dialog:not(.ui-dialog-buttons){padding:0}.ui-datepicker-other-month span{color:#fafafa}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{border:none;border-radius:2px;}select.ui-datepicker-year{position:relative;left:8px}#ui-datepicker-div .ui-datepicker-header.ui-corner-all{left:-3px;width:103%}#ui-datepicker-div .ui-datepicker-header.ui-corner-all .ui-datepicker-title{position:relative;left:-6px;}.ui-datepicker-calendar .ui-state-active {background-color: #ccc;font-weight: bold;}
/*! FIN date picker */


/*****
Style de base
   Couleurs: Turquoise #00AEB3, Orange #FFA726, Gris clair #F2F2F2, Gris interm�diaire #B2B2B2, Gris sombre #858585, Noir #212121
*****/
body {font-family: Arial, Helvetica, sans-serif;color:#212121;vertical-align:top;}
* {box-sizing: border-box;}
form {display: inline;}
a {color:#00AEB3;text-decoration:none;}
a:hover {color:#FFA726;}

.button {font-size: 0.8rem;display:inline-block;margin:0.2em;color:#00AEB3;background-color:#FFF;padding:0.4em 0.6em;font-weight:bold;border:1px solid;text-align: center; cursor:pointer;}
.button:hover {color:#FFA726;box-shadow: 1px 1px 12px #FFA726;}
.default {color:#FFF;background-color:#00AEB3;border-color:#00AEB3;}
.default:hover  {color:#FFF;background-color:#FFA726;border-color:#FFA726;box-shadow: 1px 1px 12px #FFA726;}
a.fullWidth, input[type=submit].fullWidth {display: table;margin: 0.4em auto;clear:both;}

p.actions {display:block;margin: 0 auto;padding: 0 0.6em;text-align: center;}

.warning {border:1px solid #FFA726; color:#FFA726; padding:0.6em;margin: 0.6em 0;}
.error {border:1px solid red; color:red;padding:0.6em;margin: 0.6em auto;font-weight: bold;}
.error div{font-weight: initial;display:none;}
#error-page article {margin: 0.6em;width: calc(100% - 1.2em);}
.conventionLabel {font-size:0.8em;color:#B2B2B2;}


/*****
Entete
*****/
header {/* border-bottom:4px solid #F2F2F2; */ padding:0 0.4em;min-height:2.2em;}
header h1 {text-align:left;line-height:2.2em;margin:0.2em 0;font-size:1em;}
header h1 a {display:inline-block;color:#858585;line-height:2.2em;padding-left:3em;background-image:url(logo.png);background-repeat: no-repeat;background-position:0 0;background-size: 2.5em auto;}
header h1 a:hover {color:#FFA726;background-image:url(logo_hover.png);}

header nav ul  {list-style-type: none;text-align:left;list-style-position: inside;padding:0;}
header nav ul li {padding:0 0.2em;font-size:1em;line-height: 1.6em;display:inline-block;font-size:0.8em;}
header nav ul li span {display:inline-block;color:#212121;background-color:#B2B2B2;padding:0.2em 0.6em;border-radius: 0.4em;margin-bottom:0.2em;text-align: center;}
header nav ul li:hover span {background-color:#FFA726;}
header nav ul li.on span {background-color:#FFA726;}
header nav ul li.on a {border-bottom:2px solid #FFA726; }

header p.otherLinks {display: inline-block;position: absolute;right: 0.6em;top: 0;font-size:0.8em; text-align:right;}
header p.otherLinks .customerLogged{position: relative;top: 0.3em;}

/*****
Pied de page
*****/
footer {margin:1.2em 0.6em;text-align:center;clear: both;color:#B2B2B2;}
footer .footerContener{display:flex;justify-content: space-between;}
footer p.actions {/*width: calc(33% - 0.6em);*/margin:auto;padding:0 0.6em;}
footer p.actions.left {text-align:left;margin-left: 0.6em;}
footer p.actions.right {text-align:right;margin-right: 0.6em;}
footer .mentions {font-size:0.8em;font-style:italic;}
#footerContener {margin: 1.2em 0.6em; text-align: center; display: flex;justify-content: space-between;}
#footerContener .footerNavigation.droite {text-align: right;}
#footerContener .footerNavigation.gauche {text-align: left;}
#footerContener .footerNavigation {display: inline-block; width: auto; margin: 0.6em 0; text-align: center; color: #B2B2B2; vertical-align: top;}


/*****
Styles g�n�riques
*****/
p {margin:0.6em 0;}
h1, h2, h3 {margin:0.2em 0;}
.small {font-size:0.8em !important;}

section {display:block;width:100%;margin:0;padding:0.6em 0;vertical-align: top;}
section section, section fieldset {width:100%;background-color:#F2F2F2;margin-bottom:0.6em;padding:0.6em;}
section h1, section h2 {color:#858585;}

aside {background-color:#F2F2F2}
article, aside {padding: 0.6em;}
article.fullwidth {margin: 0.6em;width: calc(100% - 1.2em);}
.customer-area article{margin:0 auto; width:100%;}

#messageArea {display:none;position:fixed;top:0;left:25%;width:50%;color:#FFA726;border:1px solid;background-color:#F2F2F2;padding:2em;text-align:center;}


/*****
Champs de formulaire
*****/
::-webkit-input-placeholder {color: #b2b2b2;font-style:italic;font-size:0.8em;}
::-moz-placeholder {color: #b2b2b2;font-style:italic;font-size:0.8em;}
:-ms-input-placeholder {color: #b2b2b2;font-style:italic;font-size:0.8em;}

input.control_date {max-width:6em !important;}
div.invisible {border:none;margin:0 0 5px 0;padding:0;}

input[type="text"], input[type="password"], select {border:1px solid #B2B2B2;color:#212121;padding:0.2em;background-color:#FFF;width:100%;max-width:100%;}
input[type="checkbox"] {border:1px solid #B2B2B2;color:#212121;background-color:#FFF;margin-right: 0.2em;}
input[type="radio"] {border:1px solid #B2B2B2;color:#212121;background-color:#FFF;margin-right: 0.2em;}

p.inputFields {margin:0.2em 0;}
.inputFields label {color:#B2B2B2;display:block;font-size:0.9em;}
.inputFields input[type="text"], .inputFields input[type="password"], .inputFields select, .inputFields textarea, textarea {width:100%;}
.inputFields input[type="text"]:focus, .inputFields input[type="password"]:focus, .inputFields select:focus, .inputFields textarea:focus {border-color:#FFA726;box-shadow: 1px 1px 12px #FFA726;}
input[disabled], select[disabled], textarea[disabled] {background-color:#F2F2F2;border:1px solid #FFF;color:#858585;}
.inputFields .control_file{width:100%;}

.inputFields input[readonly] {border:1px solid transparent;color:#858585;background-color: transparent;}
.inputFields input[readonly]:focus {border:1px solid transparent;box-shadow: none;}

#payment_layer_cc select{width:auto;}

.choice {margin-left:0.6em;display:inline-block;vertical-align:middle;padding:0.2em;max-width: calc(100% - 0.6em);}
.choice label {border:1px solid transparent;padding:0.2em;}
.choice label:hover {border-color:#FFA726;}
.giftCode input{width : auto;}

fieldset {border: none;}
fieldset legend {background-color: #f2f2f2; border-radius: 0.4em; color: #858585; font-weight: bold; padding: 0.2em 0.4em;}
.master_fieldset{width: 100%;border: .2em solid #c1bbbb;margin-bottom: 0.6em;padding: 0.6em;}
.master_fieldset legend {background-color: #f2f2f2; border-radius: 0.4em; color: #858585; font-weight: bold; padding: 0.2em 0.4em;}

input.mandatory, select.mandatory {border-color:#bb8585;}
label.mandatory {color:#bb8585;}
label.mandatory:after {content:"*";}
label.inlineContent, .inlineContent label, .inlineContent input, .inlineContent select {display:inline;width:auto;}

.reservationSummary {padding: 0.3em; margin-top: 1.2em;}
.reservationSummary section {padding:0;}
.reservationSummary h3{text-transform: uppercase;color:black;}
.reservationSummary h4{font-size: 1.3em;font-weight: initial;margin: .2em 0;}
.reservationSummary h4.occupant{font-size : 0.9em; font-weight:bold;}
.reservationSummary figure {width:100%;margin:0;}
.reservationSummary figure img {width:100%;margin:0;}
.reservationSummary p {margin:0.2em 0.4em;font-size:0.8em;}

.reservationSummary .ProductBlock{padding:0;border-radius: 1px;background: rgba(171, 171, 171, 0.40);font-size: 0.8em;clear:both;}
.reservationSummary .ProductBlock.discount, .reservationSummary .ProductBlock.discount span.price {color:/*#FFA726*/ #d4e6f2;}
.reservationSummary span.price {float:right;text-align:right;font-weight:bold;color: rgba(0, 0, 0, 0.75);}
.reservationSummary .Maintotal,.reservationSummary .Alttotal,.reservationSummary .total, .reservationSummary .totalDiscount ,
.reservationSummary .totalPriceInitial{font-size: 1em;clear:both;font-weight:bold;padding: .3em 0;}
.reservationSummary .Maintotal{text-transform: uppercase;}
.reservationSummary .total{border-top:1px solid;}
.reservationSummary .TotalBlock{background: #c1bbbb; border-radius: 1px;padding: 2%;margin-top:0.4em;}
.reservationSummary .TotalBlockBottom{display:none;background: #c1bbbb; border-radius: 1px;padding: 2%;margin-top:0.4em;}
/* Dans REL neo on affiche tjrs le block prix en bas*/
.reservationSummary .TotalBlockBottom{display:block;}
.reservationSummary .TotalBlock{display:none;}
.reservationSummary .DateBlock_OccupantBlock,.reservationSummary .ProductBlock {background: #ffffff;border-radius: 1px;margin-top:8px;}
#ConfigurateurMain .reservationSummary .DateBlock_OccupantBlock{display:none;}
.reservationSummary .DateBlock_OccupantBlock{padding: 2%;}
.reservationSummary .productListSumm {padding: 2%;}
.reservationSummary .productListSumm .DistributionSummary{font-weight: bold;}
.reservationSummary #SumStartDate,.reservationSummary #SumEndDate{text-transform: lowercase;}
.reservationSummary .isPreReserved div{display:inline-block;}

.DiscountListBlock{display:block;margin:0 .4em 0 1.2em;padding: 1em 0 0 0 !important;color:#FFA726;}
.DiscountListBlock span {padding-bottom:inherit;color: #FFA726 !important;}
.totalDiscount{border-top: 0.1em solid black;}
.totalDiscount span.price{color:#FFA726 !important;}

.reservationSummary .ProductBlock.isPreReserved{/*display: table-cell;*/}

.reservationSummary .recap-tarif{margin-top:0.8em;}
.reservationSummary .recap-tarif td{padding : 0 2%;}
.white-bcg {background-color:#fff;}

#forgetPassword p:first-child{text-align: justify;}
#forgetPassword label {color: #B2B2B2;font-size:0.9em; display:inline-block;margin-top:.5em;}
#forgetPassword #customer_email_popup{width:100%;}
#forgetPassword legend {font-size:2em; margin:auto;}
#forgetPassword #customer_email_popup:focus, #forgetPassword .inputForgetLogin input:focus{border-color: #FFA726;box-shadow: 1px 1px 12px #FFA726;}
.forgetPasswordSent p {text-align:center; margin : auto;}
.forgetPasswordSent legend { margin : auto; }
#forgetPassword a.fullWidth{margin:1em auto; }





/********************
Espace client
********************/
.oneLineForm select, .inputFields.oneLineForm input[type="text"] {width:100%; margin: 0.3em 0 0.6em 0;}

table.list {background-color: #FFF;width:100%;font-size: .7em;}
table.list td {border:1px solid #F2F2F2;padding:0.2em;text-align:center;}
table.list td.description, table.list td.allResaEtab, table.list td.allResaRoomType {text-align:left;}
table.list td.allResaAmount, table.list td.number {text-align:right;}
.reservationActions td {text-align:left;}
table.list td.description table, table.list td.description p {margin-left:5em;width:calc(100% - 5em);}
table.list .reservationActions ul{margin-left:2em;width:calc(100% - 5em); padding-bottom:1em;}
table.list .reservationActions ul li{padding-top:0.5em;padding-bottom:0.5em;}
table.list .reservationActions ul li.disabled a.fast_checkin, table.list .reservationActions ul li.disabled a.fast_checkout {color: #777;pointer-events: none;cursor: default;}
}
.allResaId {width:5em;}
table.list th {text-align:center;}
table.list td.action_buttons {font-size:2.2em;}
table.list .existingReservationSelected td {background-color:#fef1df;}
table.list .nonActive {color:#F2F2F2;font-style:italic;}


/* Satut des reservations */
table.list td.resStatus0, table.list td.resStatus10 { background-color: #FFF; color: #000;} /* Ferme */
table.list td.resStatus1 {background-color: #FCEACC;color: #FFA100;} /* Option (orange)*/
table.list td.resStatus3, table.list td.resStatus4, table.list td.resStatus8, table.list td.resStatus13 {background-color: #D8D8D8;color: #777;} /* Devis ou expir�/annul� (gris) */
table.list td.resStatus {background-color: #FFD6D6;color: #400;} /* Factur� (rouge) */

.reservationSummary figure {width:100%;margin:0;}
.reservationSummary figure img {width:100%;margin:0;}
.reservationSummary p {margin:0.2em 0.4em;font-size:0.9em;}
.reservationSummary ul { padding:0;list-style: inside none;color:#000; margin-top: 0.5em;margin-bottom: 0.5em;}
.reservationSummary ul li {font-size: 0.8em; clear: both;}
.reservationSummary ul li span.icon-home {font-size: 1.3em;}
.reservationSummary ul li.discount, .reservationSummary ul li.discount span.price {color:#FFA726;}
.reservationSummary span.price {float:right;text-align:right;font-weight:bold;color: #858585; max-width: 10em;margin-left: 0.5em;}
.reservationSummary span.price.preReserved{font-style:italic;}
.reservationSummary .Maintotal span.price {color: inherit;;}
.reservationSummary .total {clear:both;border-top:1px solid;font-weight:bold;}
.reservationSummary .bloc-summaryContent{background-color: white;padding: 3%; }
.reservationSummary .bloc-summaryContent.blockByOccupant{padding-top:2%; padding-bottom:2%;}
.reservationSummary .bloc-summaryContent ul {margin-bottom: 0; margin-top: 0.4em;}
.reservationSummary .summaryContent{padding : 1%;}
.reservationSummary .productBase{font-weight:bold;}

.identification article{width:100%;}
.identification section{display: flex; flex-wrap: wrap; justify-content: center;}
.identification section fieldset{margin:1em 0;}
.identification .contact_information{width:100%;}


/* Occupation des lin�aire dans l'espace client */
.planningContener {width:600px;min-width: 100%;overflow-x:scroll;padding: 1em 0;position: relative;}
table.linear {background-color: #FFF;border:1px solid transparent;border-collapse:collapse;}
table.linear th {font-weight:bold;font-size: 0.9em;color:#858585;text-align:center;padding:2px;border:1px solid transparent;}
table.linear th.weekend {color:#000;background-color:#DDD;}
table.linear th.month {background-color: #ddd;color:#FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;}
table.linear td {border:1px solid #999;text-align:center;padding:0;width:70px;vertical-align:top;font-size: 0.9em;}
table.linear td.weekend {background-color:#eee;}
table.linear td.label {border:1px solid transparent;}
table.linear td.roomType {border-bottom:1px solid #999;text-align:left;font-weight:bold;}
table.linear .date td.numCha {border:1px solid transparent;text-align:left;color:#858585;white-space:nowrap;padding:0 0.2em;}

.existLinear {background-color:#75A575;color:#FFF;}
table.linear td.existLinear a {color:#FFF;}
table.linear td.existLinear.notClickable a, table.linear td.existLinear.choosedCell a {visibility:hidden;}
table.linear td.existLinear.weekend {background-color:#5a7f5a;}
table.linear td.existLinear.weekend.choosedCell {background-color: #ddf;background-image: none;}
.existResa0 {background-color:#933927;color:#FFF;}
table.linear td.existResa0.weekend {background-color:#722c1e;}
.existResa1, .existResa12 {background-color:#ED922A; color:#FFF;}
table.linear td.existResa1.weekend, table.linear td.existResa12.weekend {background-color:#bd7421;}
.existResa3, .existResa4, .existResa8, .existResa13 {background-color:#999; color:#111;}
table.linear td.existResa3.weekend, table.linear td.existResa4.weekend, table.linear td.existResa8.weekend, table.linear td.existResa13.weekend {background-color:#808080;}

table.legende {margin:1em 0;font-size:0.6em;border-collapse: collapse; border: 1px solid #FFF;float: right;}
table.legende td {text-align: center; width: 20%; border: 1px solid #FFF;padding:0.2em 0.6em;}
table.legende td.noLinear {background-color:#fff;}

.resaInfoPopup {position: absolute;background-color: transparent;}
.resaDescription {display:none;padding:0.6em; text-align:left;border:1px solid;border-radius: 0.4em;position: absolute;z-index: 1000;margin-top: -4.7em;margin-left: 0.6em;}

.identification article{width:100%; margin : 0 auto; float:none;}
.identification section fieldset{margin:1em 0;}

.list .allResaRoomType, .list .allResaOcc { display: none;}
.buttonReservations{display:block; text-align:center;}
.customer-area.reservations article {padding: 0; margin:0;}
.customer-area.edit-customer footer .footerContener{display:block;}
.customer-area.edit-customer footer p.actions{display: flex;justify-content: space-between;}


/********************
Resultats de recherche
********************/
.sortContener select {width:auto;}
.aProposalBlock {background-color:#F2F2F2;margin:0.6em 0;}
.alternativeProposal .aProposalBlock{background-color: #E0EFEF; }
.aProposalBlock .description{background-color:#FFF; padding: 0.2em 0 0.2em 0.2em;}
.aProposalBlock .explanation{color: #FFA726;padding-bottom: .2em;}
.aProposalBlock .proposalIcone {display:inline-block;width:23%;margin:0.6em;}
.aProposalBlock .proposalIcone img {width:100%;}
.aProposalBlock .proposalDescription {display: inline-block;padding: 0;vertical-align: top;width: calc(77% - 2.4em);}
.aProposalBlock h4 {color:#858585;margin: 0.6em 0;}
.aProposalBlock p {margin:0;}

.aProposalBlock ul.proposals {width:100%;margin:0;padding: 0.6em;list-style: none;}
.aProposalBlock ul.proposals li {width:100%;margin:0 0 0.6em 0;background-color:#FFF;padding:0.2em 0 0.2em 0.2em;}

.aProposalBlock ul.proposals li div {display:inline-block;padding:0 0.2em 0 0;vertical-align:middle;font-size:1em;}
.aProposalBlock ul.proposals li div.description {width:calc(100%);}
.aProposalBlock ul.proposals li div.price {width:50%;font-size:0.9em;text-align:right;}
.aProposalBlock ul.proposals li div.actionArea {width:auto;text-align:right;}

.aProposalBlock .roomType {font-weight: bold;}
.aProposalBlock ul ul.prodDescription li {margin:0;padding:0;font-size: 0.9em;}

.aProposalBlock .price del {font-size:0.6em;}
.aProposalBlock .price .promo {color:#FFA726;}

.aProposalBlock .price p * {margin:0;}
.aProposalBlock .etabDescription {display:none;font-size:0.7em;}
.aProposalBlock .webDescription {color:#B2B2B2;font-size:0.6em;}
.aProposalBlock .selectedRoomFeature {color:#B2B2B2;font-size:0.9em;}
.aProposalBlock .selectedRoomFeature span.room_feature_web_demand {font-weight:bold;}
.aProposalBlock.proposalBlocType4{background-color: #E0EFEF;}
.proposals .proposalLabel{color: #FFA726; padding-bottom: .2em;}

/*****
Liste des �tablissements
*****/
#etabContener .etabDescription {border:1px solid #B2B2B2;padding:0.6em;background-color:#FFF;position: absolute;max-width:50%;min-width:20rem;}
#etabContener .etabDescription img {float:left;margin:0 0.6em 0.6em 0;max-width:25%;}
#etabContener .iconList {display:block;font-size:2.2em;}
#etabContener .iconList a {margin-right:0.6em;}

/*****
Mise en avant
*****/
.priorityContener section img {float:left;margin:0 0.6em 0.6em 0;max-width:25%;}
.priorityContener section h2 {color:#858585;margin:0.6em 0;font-size:1.2em;}

/*****
Grille dispo Pax
*****/
.fieldset_inline_container{display: flex;}
.inline_fieldset{width: calc(50% - .4em);}
.inline_fieldset .sectionElement {width: 49%;display: inline-block;}
.adultsBlock{width: 49%;display: inline-block;}
.childrenBlock{width: 49%;display: inline-block;}

.aSemainier{width:100%;}
.aSemainier{border:1px solid #999;border-collapse:collapse;}
.aSemainier th {background-color:#DDD;font-weight:bold;text-align:center;padding:2px;}
.aSemainier td {border:1px solid #999;text-align:center;padding:0;width:70px;vertical-align:top;font-size: 0.9em;}
.aSemainier td a {text-decoration:none;}
.aSemainier td span {display:block;text-align:center;padding:2px;}
.aSemainier td span.aDate {font-size:0.8em;font-weight:bold;text-align:right;float:right;}
.aSemainier td span.aDiscountPrice {font-size:0.7em;float:left;color:#999;text-decoration:line-through;}
.aSemainier td span.aPrice, .aSemainier td span.anOccupancy {clear:both;font-weight:bold;line-height:1em;}
.aSemainier td.notAvailable span.aPrice, .monthCalendar td.notAvailable span.anOccupancy {font-weight:normal;font-size:0.7em;}
.aSemainier .rawPrice{text-decoration: line-through;}
.aSemainier td .orderPrice.discount {font-size: 1.2em;font-weight: bold;color:#FFA726;}

ul.monthList {margin-bottom:0;padding:0;overflow: hidden;}
ul.monthList li{background-color:#f2f2f2;border: .1em solid #999;padding:.4em;display:table-cell;}
ul.monthList li.on {background-color:white;}
ul.monthList li.on a{color:black;}

.aSemainier td.baseProduct {text-align: left;padding: 0.4em;font-size: 1.4em;font-weight: bold;}
.aSemainier td.roomType {text-align: left;padding: 0.4em;vertical-align: middle;}

.datatable td.roomType span {display:block;}
.datatable td.roomType span.pax {color:dark-blue;font-size:0.8em;}
.datatable td.withBookLink {text-align:center;font-size:1.2em;}
.datatable .rawPrice {text-decoration: line-through;font-size:0.8em;}

#monthContner{width:100%;text-align:center;white-space:nowrap;}
#monthContner .move {line-height: 1.6em;width:1em;margin:0 0.2em;display:inline-block;background-color:#DDD;vertical-align: top;}
nav.month {width:calc(100% - 2.8em);margin:0;display:inline-block;overflow: hidden;}
nav.month ul  {list-style-type: none;text-align:left;list-style-position: inside;margin:0.2em 0;padding:0;position:relative;display:inline;line-height: 1.6em;}
nav.month ul li {padding:0 0.2em;font-size:1em;line-height: 1.6em;display:inline-block;font-size:0.8em;}
nav.month ul li a {border:1px solid;padding: 0.2em 0.4em;}
nav.month ul li.on {background-color:#FFF;}
nav.month ul li.on a {color: #FFA726; }


/*****
Grille dispo journaliere
*****/

.monthCalendar{border:1px solid #999;border-collapse:collapse;}
.monthCalendar th {background-color:#DDD;font-weight:bold;text-align:center;padding:2px;}
.monthCalendar td {border:1px solid #999;text-align:center;padding:0;width:70px;vertical-align:top;font-size: 0.9em;}
.monthCalendar td a {text-decoration:none;color:#000;}
.monthCalendar td span {display:block;text-align:center;padding:2px;}
a .promo {color:#FFA726;}
.monthCalendar td span.aDate {font-size:0.8em;font-weight:bold;text-align:right;float:right;}
.monthCalendar td span.aDiscountPrice {font-size:0.7em;float:left;color:#999;text-decoration:line-through;}
.monthCalendar td span.aPrice, .monthCalendar td span.anOccupancy {clear:both;font-weight:bold;line-height:1em;}
.monthCalendar td.notAvailable span.aPrice, .monthCalendar td.notAvailable span.anOccupancy {font-weight:normal;font-size:0.7em;}

.inThePast {background-color:#F5F5F5;}
.available {background-color:#E0FCE0;}
.availablePartialy {background-color:#FCE6B5;}
.notAvailable, .notClickable {background-color: #e3e3e3;background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.5) 1px, rgba(255, 255, 255, 0.5) 10px)}
.notClickable .anOccupancy a {visibility:hidden;}
.notClickable .anOccupancy a, .choosedCellFirst .anOccupancy a, .choosedCell .anOccupancy a, .choosedCellLast .anOccupancy a {visibility:hidden;}
td.notClickable.existLinear span.anOccupancy {background-color: transparent;}

.choosedCell {background-color: #ddf;background-image: none;}
.choosedCellFirst {background-color: #FFF;background-image: repeating-linear-gradient(-45deg, #ddf, #ddf 50px, transparent 50px, #ddf 100px);}
.choosedCellLast {background-color: #FFF;background-image: repeating-linear-gradient(-45deg, transparent, transparent 50px, #ddf 50px, #ddf 100px);}

#legend {font-size:0.8em;}
#legend span {display:inline-block;width:2em;height:1.5em;}

#searchResult {margin: 1em 0;}
#searchResult ul {padding:0;}
#searchResult li {display:block;clear:both;margin:1em 0;border-left: 1px solid;padding-left: 0.5em;}
#searchResult li .roomType {color:#000;display:block;}
#searchResult li .price {float:right;text-align:right;font-size:1.2em; margin-right:0.2em;}
#searchResult li .price .promo {color: #ff8300;}
#searchResult li .price strike {font-size:0.8em;}
#searchResult li .actions {float:right;}

td span.anOccupancy a {display: inline-block; width: 100%;}
td.existLinear span.anOccupancy, table.legende tr td.existLinear {background-color:#527252;}
td.existLinear span.anOccupancy a {color:#FFF;}
td.inThePast.existLinear span.anOccupancy {background-color:#E0FCE0;}
td.existResa0 span.anOccupancy, td.inThePast.existResa0 span.anOccupancy {background-color:#933927;}
td.existResa1 span.anOccupancy, td.inThePast.existResa1 span.anOccupancy {background-color:#ED922A;}
td.existResa3 span.anOccupancy, td.existResa4 span.anOccupancy, td.existResa8 span.anOccupancy, td.existResa13 span.anOccupancy {background-color:#CCC;}

.discountPercentage {font-size:0.6em;color:#FFF;background-color:#00AEB3;padding:0 0.2em;}




/*****
Panier
*****/
#cartContentSummaryContener ul {padding: 0;}
#cartContentSummaryContener ul li {font-size: 0.9em;list-style-type:none;clear:both;padding-bottom:0.6em;}
#cartContentSummaryContener ul li span {display: inline-block;width:calc(100% - 6em);}
#cartContentSummaryContener ul li span.action a span{display: inherit;width: inherit;}
#cartContentSummaryContener ul li span.label {font-weight:bold;}
#cartContentSummaryContener ul li span.price {float:right;width:6em;padding:0.2em;font-size:0.9em;text-align:right;}
#cartContentSummaryContener ul li span.date {color:#858585;font-style:italic;}

#cartContentSummaryContener ul li span.action {display:block;width:4em;float:right;clear: right;margin:0 0.6em 0 0;text-align: right;font-size:2.2em;}
#cartContentSummaryContener ul li span.action a {display:inline-block;min-width:1.2em;}

#cartContentSummaryContener ul ul.roomtypeList li {padding-bottom:0.2em;}
#cartContentSummaryContener .cartContentIncrementBox {display:inline-block;white-space:nowrap;}
#cartContentSummaryContener .cartContentIncrementBox a {border:1px solid;padding:0 0.4em;background-color:#FFF;}
#cartContentSummaryContener .cartContentIncrementBox span {width:auto;padding:0 0.2em;}


/*****
Canal
*****/
.block {background-color:#F2F2F2;margin:0.6em 0;padding: 0.6em;}
.block.alternativeProposal{background:none;} 
.block.alternativeProposal .aProposalBlock .description .proposalDates{font-size:1.1em;}
.block.alternativeProposal .aProposalBlock .description div{display: inline-block;padding: 0 0.2em 0 0;vertical-align: middle;}
.block.alternativeProposal .aProposalBlock .description .button{padding: 0.4em 0.6em;}
.block.alternativeProposal .aProposalBlock .description .roomType{width: calc(100% - 3.5em - 7.2em); }
.block.alternativeProposal .aProposalBlock .description .price{width: 6em;font-size: 0.9em;text-align: right;}

.block.alternativeProposal .proposalBloc, .block.alternativeProposal .proposalBloc legend, .block.alternativeProposal .proposalBloc .priceBlock {background-color:#E0EFEF;}
.priceBlock.proposalDescription{padding: 0 0 .5em 1em;}

.products,.roomFeature {list-style: none;margin:0;padding:0;clear:both;}
.products li,.roomFeature li {clear:both;line-height: 1.6em;}
.products li > *,.roomFeature li > * {vertical-align:top;}
.products li.checked,.roomFeature li.checked, .roomProduct li.checked .label{color:#000;font-weight:bold;}
.products .checkbox {display: block;width:2.4em;float:left;text-align: right;padding-right: .2em;}
.roomFeature .checkbox {display: block;width: 5em;float:left;text-align: right;}
.roomFeature .checkbox input{height: 1.3em;}
.roomFeature .selectbox {display: block;width: 10em;float:left;text-align: right;}
.products select,.roomFeature select {height:1.6em;font-size: 0.8em;}
.products .price, .products .stayActions {float:right;width:4em;text-align:right;}
.products .label,.roomFeature .label {display: block;margin-left: 2.4em;}
.products .label a span,.roomFeature .label a span {font-size: 1.8em;}
.products .label a span.icon-info{font-size:1.4rem;}
.products label, .roomFeature label {display: inline-block;width: calc(100% - 6em);vertical-align: top;}
#searchProductForm .roomFeature label {display: inline-block;vertical-align: top; width:100%;}
.products .description,.roomFeature .description {display:flex;font-size:0.8em;font-style:italic;text-align:justify;margin-bottom: 0.5em;font-weight: normal;line-height: 1.2em;}
.products .description .productIcon,.roomFeature .description .productIcon {display:inline-block;margin:0 0.6em 0.6em 0;}
strike {font-size:0.8em;color:#999;}
strong.discount {color:#FFA726;}
.hiddenIfCheckbox {display:none;}
ul.subOptions {list-style-type: none; padding-left:0.3em;}
ul.subOptions .label label {font-size:0.8em;}
.changeOccupantCount {color: #b2b2b2;font-size: 0.9em;margin-bottom: 0.6em;}
.changeOccupantCount span {display: inline-block;}
.changeOccupantCount select {width:auto;}
.changeOccupantCount .icon-users{color: #858585;font-size: 1.5em;}

table.resumeTable {background-color:#FFFFFF; border-spacing: 1px; width: 100%; font-size: 0.9em;}
table.resumeTable .label, .label {font-weight:bold}
.roomProduct .label{font-weight:normal;}
#please_wait_layer {position: fixed;left:0;top:0;width:100%;height:100%;z-index: 1000;background-color: rgba(255, 255, 255, 0.5)!important;}
#please_wait_layer_content {display: block;width: 80%;margin: 0 auto;border: 1px solid #999;background-color: #CCC;text-align: center;padding: 3em;}
* html div#please_wait_layer #please_wait_layer_content {color: #000;border-color: #000;font-weight: bold;}

.popin {position:absolute;z-index:1000;border:1px solid #999;background-color:#FFF;padding:1.5em;border-radius: 0.4em;top:10%;left:10%;width:80%;height:auto;}
.popin .closeButton {position:absolute;top:0.5em;right:0.5em;}
.popin .products .label{margin-left:0;}
.popin section {width:100%;}

.inputFields.autoAdjust.label, .inputFields.autoAdjust.value {width : 100%; display:block; }
.cart_saved .resumeTable {line-height:1.4;}
.cart_saved .inputFields.autoAdjust { font-size: 0.9em;}
.proposalBloc .description img{width:100%;}
#accomodationFeatures ul.roomFeature{position:relative; top: -1.5em;}
.fieldset_toggle .icon-positionbottom {float:right; position: relative;top: -0.7em;font-size: 1.5em; color:#00AEB3; cursor:pointer;}
.fieldset_toggle .icon-positiontop {float:right; position: relative;top: -0.7em ;font-size: 1.5em; color:#00AEB3;cursor:pointer;} 
.fieldset_toggle .icon-positiontop:hover, .fieldset_toggle .icon-positionbottom:hover{color: #FFA726;}


/****************
   Responsive
****************/
@viewport { /* ne fonctionne pas sur la pluspart des navigateurs */
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial � 1.0 */
}

@media screen and (min-width: 420px) {
	table.paymentList {font-size: 0.9em !important;}
}

/* Mobile paysage et tablette portait (> 576px = 36rem, >672px = 42rem) */
@media screen and (min-width: 36rem) {
   header h1 {font-size:1.5em;}
   header p.otherLinks {font-size:0.9em;}
   header nav ul  {text-align:center;}
   header nav ul li {display:inline-block;font-size:1em;line-height: 1.8em;}
   .button {font-size: 1rem;}
   article, aside {display:block;float:left;width:50%;padding:0.6em;}
   .identification article{width:66%;}
   .aProposalBlock .etabDescription {display:block;}
   .aProposalBlock .webDescription {font-size:0.9em;}
   #etabContener .iconList {font-size:1.9em;}
   .products .label a span {font-size: 1.4em;}
   ul.subOptions .label label {font-size:1em;}
   #please_wait_layer_content {width: 55%;}
   #forgetPassword #SendPasswordLink{display:inline-block; margin-left:1em;}
   #forgetPassword #customer_email_popup, #forgetPassword input {width:18em; display:block; margin:auto;}
   .forgetPassword #customer_email_popup{display:inline-block !important;}
   .inputForgetLogin {width:18em; text-align:left;}
   #forgetPassword{text-align : center;}
   .inputForgetLogin {margin:auto;}
   #forgetPassword legend{margin:auto;}
   .customer-area article {margin: 0.6em;width: calc(100% - 1.2em); padding:0.6em;}
   .identification article{width: calc(100% - 1.2em);}
   .list .allResaRoomType, .list .allResaOcc {display: table-cell;}
    .customer-area.reservations article {padding: 0.6em;}
}

/* Tablette ( > 880px) */
@media screen and (min-width: 55rem) {
   header h1 {font-size:2em;}
   header p.otherLinks {font-size:1em;}
   article {width:58%;}
   aside {width:42%;}
   section {display:inline-block;margin:0;padding:0.6em;vertical-align: top;}
   section section.fullWidth {width:100%;margin:0 0 0.6em;}
   section section {width:calc(50% - 1.2em);margin:0 0.6em 0.6em 0;}
   .priorityContener section img {max-width:40%;}
   .aProposalBlock ul.proposals li div {display:inline-block;padding:0 0.2em 0 0;vertical-align:middle;font-size:1em;}
   .aProposalBlock ul.proposals li div.description {width:calc(100% - 6em - 7.2em);}
   .aProposalBlock ul.proposals li div.price {width:6em;font-size:0.9em;text-align:right;}
   .aProposalBlock ul.proposals li div.actionArea {width:7.2em;text-align:right;}
   .aProposalBlock .etabDescription {font-size:0.9em;}
   #cartContentSummaryContener ul li span.action {font-size:1.2em;}
   .products .label a span {font-size: 1em;}
   #please_wait_layer_content {width: 40%;}
   #authentificationContener {max-width:29rem;}
   .identification section fieldset{width:47.5%; margin:1em;}
   .inputFields.autoAdjust.label {width : 35%; display:inline-block;}
   .inputFields.autoAdjust.value {width : 64%; display:inline-block; }
   .identification section fieldset{margin:1em auto;}
   .products .price, .products .stayActions {width:6em;}
   .products label, .roomFeature label {width: calc(100% - 9em);}
   ul.subOptions {padding-left:3em;}
   table.list {font-size: 1em;}
   .oneLineForm select {width: auto;}
   table.list td.action_buttons {font-size: 1.2em;}
   .popin .button.addStay{float:right;}
}
/* Petit pc, grande tablette ( > 1024px) */
@media screen and (min-width: 64rem) {
   header nav ul li {font-size:1.2em;line-height: 1.8em;}
   article {width:66%;}
   aside {width:34%;}
   #searchFormContener .inputFields.autoAdjust, .occupantFields .inputFields.autoAdjust{width:auto;}
   .oneCol .inputFields.autoAdjust {width: 50%;}
   .inputFields.autoAdjust {display: inline-block; width: 49.7%; padding: 0 0.5em;}
   #etabContener .iconList {display:inline;font-size:1em;}
   #etabContener .iconList a {margin-right:0.2em;}
   #please_wait_layer_content {width: 30%;}
   .buttonReservations{display:inline;}
   #footerContener .footerNavigation {display: inline-block; width: 33%;}
   table.list .reservationActions ul{margin-left:5em;width:calc(100% - 5em);}
   table.list .reservationActions ul li{padding-top:.2em; padding-bottom:.2em;}
}
/* PC (>1200px) */
@media screen and (min-width: 75rem) {
   #main-contener {max-width:85rem;margin-left:auto;margin-right:auto;}
   section section {width:calc(33% - 1.8em);}
   .proposalBloc .description{display:flex;}
   .proposalBloc img{max-width:19em;}
   .proposalBloc .proposalText{padding-left: 1em !important;}
   .popin{left: 21%;width: 58%;}
}

@media screen and (min-width: 1250px) {
   .inputFields.autoAdjust.label{width : 20%;}
   .inputFields.autoAdjust.value{width: 29%;}
   .inputFields.autoAdjust.label.remarques, .inputFields.autoAdjust.label.paiement {width : 30%; line-height:1.4; }
   .inputFields.autoAdjust.value.remarques, .inputFields.autoAdjust.value.paiement{width: 69%; line-height:1.4; }
}





/**************
Icones : seule une petite partie de la police est document�e ici
**************/
@font-face {
  font-family: 'kameleon';
  src:  url('fonts/kameleon.eot?cwvcxs');
  src:  url('fonts/kameleon.eot?cwvcxs#iefix') format('embedded-opentype'),
    url('fonts/kameleon.ttf?cwvcxs') format('truetype'),
    url('fonts/kameleon.woff?cwvcxs') format('woff'),
    url('fonts/kameleon.svg?cwvcxs#kameleon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon, [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kameleon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-home:before{
  content:"\e641";
}

.icon-cart:before {
  content: "\e66a";
}
.icon-positionbottom:before {
  content: "\e6ad"
}
.icon-positiontop:before {
  content: "\e6ae"
}
.icon-menu-client:before {
  content: "\e69f";
}
.icon-menu-home:before {
  content: "\e69c";
}
.icon-menu-reservation:before {
  content: "\e69e";
}
.icon-giftcard:before {
  content: "\e9c5";
}
.icon-gift:before {
  content: "\e63b";
}
.icon-card-edit:before {
  content: "\e6b2";
}
.icon-favorite2:before {
  content: "\e632";
}
.icon-document:before {
  content: "\e62a";
}
.icon-user:before {
  content: "\e687";
}
.icon-users:before {
  content: "\e689";
}
.icon-useradd:before {
   content: "\e688";
}
.icon-deconnexion:before {
  content: "\e6b4";
}
.icon-help:before {
  content: "\e63f";
}
.icon-grid:before {
  content: "\e63d";
}
.icon-menu-schedule:before {
  content: "\e6a0";
}
.icon-calendar-rate:before {
  content: "\e6b1";
}
.icon-calendar:before {
  content: "\e611";
}
.icon-add:before {
  content: "\e602";
}
.icon-delete:before {
  content: "\e626";
}
.icon-undo:before {
  content: "\e684";
}
.icon-create:before {
  content: "\e622";
}
.icon-search:before {
  content: "\e665";
}
.icon-promotion:before {
  content: "\e65e";
}
.icon-world:before {
  content: "\e692";
}
.icon-cash:before {
  content: "\e699";
}
.icon-print:before {
  content: "\e65d";
}
.icon-info:before {
  content: "\e645";
}
.icon-rf-bed-double:before {
  content: "\e97b";
}




/********************
Liste de paiements
********************/
table.paymentList {
    background-color:#858585;
    border-spacing: 1px;
    width: 100%;
    font-size: 0.7em;
}
table.paymentList th {
    color: #FFF;
    text-align:center;
}
table.paymentList td {
    background-color: #FFF;
    padding: 3px;
    color: #747474;
}
table.paymentList td.amount {
    text-align:right;
    white-space:nowrap;
}
table.paymentList td.paymentDescription {
    text-align:right;
    font-style: italic;
}
table.paymentList td.paymentDueName {
    text-align:left;
    font-weight:bold;
}
table.paymentList td.paymentDueDescription {
    text-align:left;
}
table.paymentList td.reservationName {
    font-weight:bold;
    color:#000;
    font-style:italic;
}
table.paymentList td.partnerName, table.paymentList td.primaryOccupantName   {
    text-align:left;
    font-style: italic;
}