/****** 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%;height: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;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto; min-height:9em;}[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:#000;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: gothamRoundedBook;color:#212121;vertical-align:top;height: 100%;line-height: 1.5;} * {box-sizing: border-box;} form {display: inline;} a {color:#34BDEF;text-decoration:none;transition-property: color;-webkit-transition-property: color;transition: .3s;-webkit-transition: .3s;} a:hover {color:#F39208;} .button {display:inline-block;color:#34BDEF;background-color:#FFF;padding:0.4em 2em;font-family:gothamRoundedBold;border:1px solid;text-align: center; cursor:pointer;border-radius:5px;} .button:hover {color:#34BDEF;} .default {color:#FEEA10;background-color:#34BDEF;border-color:#34BDEF;font-family: ursula;} .default:hover {color:#F39208;background-color:#FEEA10;border-color:#F39208;} a.fullWidth, input[type=submit].fullWidth {display: table;margin: 0.4em auto;clear:both;width:100%;} p.actions{text-align:center;} p.actions.right{text-align :right;} .actions .default{transform: rotate(-3deg);margin-bottom: 1em;} .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 *****/ body .reservation_content header, body .cart_payment header, body .cart_saved header{padding:258vh 0.4em 0 0.4em;min-height:2.2em;padding-top: 25vh;} body:not(.customer-area) header > nav a::before {content: '';display: block; width: 0.8em; height: 0.8em; border-bottom: 2px solid currentColor; border-bottom-width: 2px; border-right: 2px solid currentColor; border-right-width: 2px;border-radius: calc($size * 15 / 100); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 50%; left: 0.75em; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); border-width: 3px;} header .firstPart{display: flex;justify-content: space-between;align-items: center;flex-direction: column;} header h1 {text-align:left;margin:0.2em 0;font-size:1em;} header h1 a {display:flex;} header h1 a:hover {color:#FFA726;} header h1 a img{width:4em;} header > nav a {position: relative;display: block;padding-left: 2em; color: #34BDEF; font-size: 1.5em; font-weight: bold;line-height: 1.1; opacity: 0.5;} header > nav a:hover{opacity:1;} header > nav a span {display: block;font-size: 0.8em;font-weight: normal;margin-bottom: 0.15em;} header nav.main-contener {justify-content: space-between;flex-direction: row;} header nav ul {list-style-type: none;text-align:left;list-style-position: inside;padding:0;display: flex;justify-content: center;flex-direction: column;width: 100%;padding: 2em;margin: 0;} header nav ul li {font-size:1em;line-height: 1.6em;display:inline-block;font-size:0.8em; margin-bottom:1em;} header nav ul li span {font-size: 0.8em; font-weight: normal; margin-bottom: 0.15em;color:#34BDEF;border-radius: 0.4em;margin-bottom:0.2em;transition-property: background-color;-webkit-transition-property: background-color;transition: .3s;-webkit-transition: .3s;} header nav ul li:hover a{color:#34BDEF;} header nav ul li.on a {color: #34BDEF; opacity: 1; } header p.otherLinks .customerLogged{position: relative;top: 0.3em;} header p.otherLinks .icon{margin:0 1em;} header [class^="icon-"], header [class*=" icon-"] {margin-right:5px;} header .bg {position: absolute;top: 0;left: 0;width: 100%;height: 25vh;background-size: cover;background-position: center center; background-repeat: no-repeat;} .customer-area header nav ul{display: flex;flex-direction: column;align-items: center;} .customer-area header nav ul li {width: 100%;text-align: center;} .customer-area header nav ul li a{display: block; padding: .2em 0;font-family: gothamRoundedLight;margin: 0 .5em;font-size: 1.2em;color:#747474;} .customer-area header nav ul li a:hover{text-decoration:underline;color:#F39208;} .customer-area header nav ul li.on a{color:#34BDEF;font-family:gothamRoundedBold;text-decoration:underline;} .customer-area header nav ul li.on a:hover{color:#F39208;} .customer-area #pageinationList{display: flex;list-style-type: none;justify-content: center;} .customer-area #pageinationList li{padding:4px;} .customer-area #pageinationList li.active a{color:#FFF;} .customer-area .displaying{text-align:center; padding:0.5em;} .customer-area .wrapperContent header nav{width:auto;margin:0;} .customer-area .wrapperContent header nav.main-contener{flex-grow:initial;} .customer-area.edit-customer-info fieldset{background-color: #34BDEF;color: #FFF;padding:1.5em;margin-bottom: 2em;} .customer-area.edit-customer-info fieldset .contentFieldset{border:1px solid #FFF;padding:1.5em;} .customer-area.edit-customer-info fieldset .MuiSvgIcon-colorPrimary{color:#FEEA10 !important;} .customer-area.edit-customer-info fieldset h2{color: #FEEA10;} .customer-area.edit-customer-info fieldset label{color:#FEEA10;} .customer-area.edit-customer-info fieldset input{border-bottom:1px solid #FFF;color:#FFF;} .customer-area.edit-customer-info fieldset select{border:1px solid #FFF; border-radius: 5px;color:#FFF;} .customer-area.reservations .button.default{padding: 0.2em 0.5em 0;} /***** Pied de page *****/ footer {margin:0;text-align:center;clear: both;color:#B2B2B2;color: #fff;background-color: #34BDEF;padding: 2em;} 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; margin:0;} footer a {color: #FEEA10;} footer a:hover{text-decoration:underline;color: #FEEA10;} .footerFirstPart{height: 100px;background: #34bdef;position: relative;top: 37px;z-index: 1;clip-path: ellipse(61vw 40px at 51% 50%);} #footerContener {margin: 1.2em 0; 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;font-family:ursula;} .small {font-size:0.8em !important;} section {display:block;width:100%;margin:0;padding:0;vertical-align: top;} section section, section fieldset {width:100%;margin-bottom:1em;padding:0.6em;} section h1, section h2 {color:#34BDEF;} .customer-area section h1{color:#212121;} 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;} #box_dialog_confirm, #box_dialog_error { display:none;text-align:center;margin: 0 20px;font-size: .85em;} #box_dialog_confirm .confirm_button { width:120px;min-width:120px; } /***** 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;} div.invisible {border:none;margin:0 0 5px 0;padding:0;} input[type="text"], input[type="password"], select {border:1px solid #34BDEF;color:#212121;padding:0.4em;background-color:#FFF;width:100%;max-width:100%;} input[type="text"], input[type="password"]{background-color:transparent;} select{color:#34BDEF;} input[type="text"], input[type="password"]{border:none;border-bottom:1px solid #34BDEF;} select{-moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-size: 12px; background-position: bottom 47% right 8px;background-color: transparent; border:2px solid #34BDEF; border-radius: 5px; min-width: 4em;padding-right: 1.5em;} input[type="checkbox"] {border:2px solid #34BDEF;color:#212121;background-color:#FFF;margin-right: 0.2em;-webkit-appearance: none;-moz-appearance: none; -ms-appearance: none; height: 18px;width: 18px;border-radius: 5px;} input[type="checkbox"]:checked {position: relative;} input[type="checkbox"]:checked::before {font-family: kameleon; content: '\e68b'; display: block; color: #34BDEF;font-size: 1.5em;position: absolute;top: -11px;right: -8px; font-weight: 600;} input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; padding: 4px; border-radius: 9px; border-color: #2e8fc5; background-color: #FFF; border: 2px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; box-shadow: 0px 0px 1px 1px #000; margin-right: 8px; margin-top: 0;width: 10px;height: 10px} input[type="radio"]:checked {background-color: #000; border-color: #FFF;} input.control_date{width: calc(100% - 2em) !important;} p.inputFields {margin:0.2em 0;} .inputFields label {color:#747474;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:#FEEA10;} 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 {font-family:gothamRoundedMedium; padding: 0.2em 0.4em;} .master_fieldset{width: 100%;} .master_fieldset legend {background-color: #f2f2f2; border-radius: 0.4em; color: #858585; font-weight: bold; padding: 0.2em 0.4em;} label.mandatory:after {content:"*";} label.inlineContent, .inlineContent label, .inlineContent input, .inlineContent select {display:inline;width:auto;} .reservationSummary {padding: 0;} .reservationSummary section {padding:0;} .reservationSummary h3{text-transform: uppercase;color:black;} .reservationSummary h4{font-weight: initial;margin: .2em 0;} .reservationSummary h4.etab{display: flex;align-items: center;justify-content: space-between;font-size: 1.3em;font-family:gothamRoundedBold;} .reservationSummary h4.occupant{font-weight:bold;margin-top: 0.5em;padding-bottom: 0.5em;} .reservationSummary figure {width:100%;margin:0;} .reservationSummary figure img {width:100%;margin:0;} .reservationSummary .ProductBlock{padding:0;border-radius: 1px;background: rgba(171, 171, 171, 0.40);clear:both;} .reservationSummary .ProductBlock.discount, .reservationSummary .ProductBlock.discount span.price {color:/*#FFA726*/ #d4e6f2;} .reservationSummary span.price {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{color:#34BDEF;display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 0.5em;border-bottom: 1px solid;} .reservationSummary .Maintotal .price{font-size:1.8em;} .reservationSummary .total{border-top:1px solid;} .reservationSummary .TotalBlock{background: #c1bbbb; border-radius: 1px;margin-top:0.4em;} .reservationSummary .TotalBlockBottom{display:none;border-radius: 1px;margin-top:0.4em;} /* Dans REL neo on affiche tjrs le block prix en bas*/ .reservationSummary .TotalBlockBottom{display:block;margin: 2.5rem 0 1.5rem;} .reservationSummary .TotalBlock{display:none;} .reservationSummary .DateBlock_OccupantBlock,.reservationSummary .ProductBlock {background: #ffffff;border-radius: 1px;margin-top:8px;} #ConfigurateurMain .reservationSummary .DateBlock_OccupantBlock{display:none;} .reservationSummary #SumStartDate,.reservationSummary #SumEndDate{text-transform: lowercase;} .reservationSummary .isPreReserved div{display:inline-block;} .reservationSummary .summaryContent li, .summaryContent .mandatoryProduct li {display: flex; justify-content: space-between;margin-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #bbb;} .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; } #updatePassword table { text-align: left; } #updatePassword a {font-size: 0.8rem;display: inline-block; margin: 0.2em;color: #FFF;background-color: #00AEB3;padding: 0.4em 0.6em;font-weight: bold;text-align: center;cursor: pointer;} #updatePassword a:hover{ color: #FFF;background-color: #FFA726;border-color: #FFA726;box-shadow: 1px 1px 12px #FFA726;} #updatePassword #request_password_button_disabled_layer { font-size: 12px;} #updatePassword .request_password_format_error, #updatePassword .request_password_confirm_error {padding: 3px;text-align: justify;font-style: italic;font-size: 12px;color: #AC190D;} .inputFields.autoAdjust{position:relative; margin-top: 1.2em;} .inputFields.autoAdjust.labelPlaceholder label{opacity: 1;position: absolute; font-size: 15px; top:5px; left: 14.4px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;} .request .logged .inputFields.autoAdjust label{position:initial; transform:initial;} .active label,.notempty label{ -webkit-transform: translate3d(0, -24px, 0) scale(1); -moz-transform: translate3d(0, -24px, 0) scale(1); transform: translate3d(0, -24px, 0) scale(1); -webkit-transform-origin: left top;-moz-transform-origin: left top; transform-origin: left top;} .request .notempty label{ -webkit-transform: initial; -moz-transform: initial; transform: initial; -webkit-transform-origin: initial; -moz-transform-origin: initial; transform-origin: initial;} .inputFields.autoAdjust.noPlaceholder{ margin-top:0.5em;} .inputFields.autoAdjust.noPlaceholder label{ position:initial; transform: initial;} .inlineContent.promo{display:flex;margin-bottom: 1em;} .inputFields.birthday .icon-calendar{cursor:pointer;} .occupantFields {margin-bottom:2.2em;} .occupantFields .partnerAuthMode{margin-bottom: 1em;} .occupantFields .partnerAuthMode select{margin-bottom: 0.5em;} .occupantFields .partnerAuthMode span{display:flex;} .occupantFields .partnerAuthMode input.control_date{width:100% !important;} .reservation_content .occupantFields .inputFields.autoAdjust label{position:initial; transform:initial;} .reservation_content .blockAssu{background-color:#34BDEF;color:#FFF;padding: 1em;} .reservation_content .blockAssu fieldset{padding:0;} .reservation_content .blockAssu fieldset .subOptions{padding:0;} .reservation_content .blockAssu fieldset ul.products > li > .label label{display:none;} .reservation_content .blockAssu h2{color:#FFF;} .reservation_content .blockAssu .products li.checked{color:#FEEA10;} .reservation_content .blockAssu .giftCode{display:flex;flex-direction:column;padding-top: 1em;border-top: 1px solid #FFF;} .reservation_content .blockAssu .giftCode legend{margin-bottom:0.5em;} .reservation_content .blockAssu .giftCode .wrapperInput{display:flex;} .reservation_content .blockAssu .giftCode .wrapperInput input{margin-right:.5em;width: 100%;background-color:#FFF;border-radius: 5px;} .reservation_content .blockAssu .giftCode .button{border-radius: 18px;padding: 4px 16px 1px;border: 2px solid #FEEA10;} .reservation_content .blockAssu .products .checkbox{width:1em;} .reservation_content .blockAssu .products .label{margin-left: 1.4em;} .reservation_content .blockAssu .products .label a span.icon-info {color: #FEEA10;} .wrapperButton{display:flex; justify-content:center;flex-wrap: wrap;} .wrapperButton .actions.left{margin-right:1em;} #new_password_component div > div , #new_password_confirm_component div > div{grid-template-columns: 1fr;} /******************** 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;border-collapse: collapse;} table.list tr li.hidden {display: none;} table.list td {border:1px solid #F2F2F2;padding:0.2em;text-align:center;background-color: #34BDEF;color: #FFF;border: 1px solid #FFF;} 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;} table.list td.action_buttons a{color:#FEEA10;} table.list td.action_buttons a:hover{color:#FFF;} .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;} .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{/* border:1px solid #34BDEF; */background-color: #F3F3F3;} .reservationSummary figure {width:100%;margin:0;} .reservationSummary figure img {width:100%;margin:0;} .reservationSummary p {margin:0.2em 0;} .reservationSummary ul { padding:0;list-style: inside none;color:#000; margin-top: 0.5em;margin-bottom: 0.5em;} .reservationSummary ul li {clear: both;} .reservationSummary ul li span.icon-home {font-size: 1.3em;} .reservationSummary ul li.discount, .reservationSummary ul li.discount span.price {color:#F39208;} .reservationSummary span.price {text-align:right;font-family:gothamRoundedMedium;max-width: 10em;margin-left: 0.5em; font-size:.9em;} .reservationSummary span.price.preReserved{font-style:italic;} .reservationSummary .Maintotal span.price {color: inherit;line-height: 0.95;} .reservationSummary .total {clear:both;border-top:1px solid;font-weight:bold;} .reservationSummary .bloc-summaryContent ul {margin-bottom: 0; margin-top: 0.4em;} .reservationSummary .summaryContent{padding : 2rem;margin-bottom: 1.5em; font-size: 0.9em;line-height: 1.4;} .reservationSummary .productBase{font-weight:bold;} .identification article{width:100%;} .identification section{display: flex; flex-wrap: wrap; } .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;} 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;} table.linear tr th:first-child, table.linear tr td:first-child{position: sticky;left: 0;background-color: #FFF;} .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;} .customer-area ul li a{display:flex; align-items:center;} .customer-area ul li a em{margin-right: 0.2em;} .customer-area .wrapperContent, #error-page .wrapperContent {min-height: 100%; display: flex;flex-direction: column;} .customer-area .wrapperContent .main-contener, .customer-area .wrapperContent #main-contener{flex-grow: 1;} .customer-area tr.reservationActions li.disabled a.fast_checkin, .customer-area tr.reservationActions li.disabled a.fast_checkout, .customer-area tr.reservationActions li.disabled a.resedit_add_lineitem, .customer-area tr.reservationActions li.disabled a.resedit_change_address {pointer-events: none; cursor: default; color : #999;} .customer-area .secondPart h2{font-family: gothamRoundedBook;} /******************** 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 {margin:0;} .aProposalBlock .proposalIcone img {width:100%;} .aProposalBlock .proposalDescription {display: inline-block;padding: 0;vertical-align: top;} .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:#F39208;} .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;} .aProposalBlock .wrapperIconeDescription{display:flex; flex-direction: column;} /***** 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, .monthContner {width:100%;text-align:center;white-space:nowrap;} #monthContner .move, .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; } .customer-area .wrapperFirstPart{border-bottom: 1px solid #dcdcdc;} .nbAvailability {font-size:0.6em;display:block;background-color:#FFDCA9;text-align:center;margin:0;padding:0 0.2em;} /***** 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:#F39208;} .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;} .home aside, .search_result aside{background-color: #F2F2F2;} .home aside #authentificationContener .inputFields.autoAdjust{width:100%;} /***** 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.noSubOption{display:flex; justify-content:space-between;} .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;} .products .checkbox select{min-width:3em;padding-right: 1em;padding-left: 0;background-position: bottom 47% right 4px;} .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 {font-size: 0.8em;} .products .price{margin-left:1em;} .products .price, .products .stayActions {text-align:right;} .products .label,.roomFeature .label {display: block;margin-left: 2.6em;} .products .label a span,.roomFeature .label a span {font-size: 1.8em;} .products .label a span.icon-info{font-size:1.2rem;} .products label, .roomFeature label {display: inline-block;vertical-align: top;} .cart_content .products li{display:flex; justify-content:space-between;} .cart_content .wrapperPriceActions{display:flex;flex-direction: column;} #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 li{display:flex; justify-content:space-between;} .changeOccupantCount {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;} .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; } .inputFields.autoAdjust.label{vertical-align:top;} .cart_saved .resumeTable {line-height:1.4;} .cart_saved .inputFields.autoAdjust { font-size: 0.9em;} .proposalBloc .description img{width:100%;} .fieldset_toggle .icon-positionbottom {float:right; position: relative;font-size: 1.5em; color:#00AEB3; cursor:pointer;} .fieldset_toggle .icon-positiontop {float:right; position: relative;font-size: 1.5em; color:#00AEB3;cursor:pointer;} .fieldset_toggle .icon-positiontop:hover, .fieldset_toggle .icon-positionbottom:hover, .fieldsetToggle .icon-positiontop:hover, .fieldsetToggle .icon-positionbottom:hover{color: #FFA726;} legend.fieldsetToggle{cursor:pointer;} .fieldsetToggle .icon-positiontop, .fieldsetToggle .icon-positionbottom{float:right; position: relative;font-size: 1.5em; color:#00AEB3; cursor:pointer;} .fieldsetToggle .icon-positionbottom{display:none;} /* .fieldsetToggle.ASSUR .products{display:none;} */ /* .fieldsetToggle.ASSUR .icon-positiontop, */ .fieldsetToggle.closed .icon-positiontop{display : none;} /* .fieldsetToggle.ASSUR .icon-positionbottom, */ .fieldsetToggle.closed .icon-positionbottom{display:block;} .fieldsetToggle.closed span.choice , .fieldsetToggle.closed h3 {display:none;} .cart_content .wrapperButton .actions.right a{margin-bottom:2em;} .PackageProduct .price { float:right;text-align:right;font-weight: bolder; } .PackageProductBlock { margin-bottom: 1em; } .PackageProduct .occupant_product_option {margin-right:1em;} .PackageProduct .productComplement {min-width:30% } .PackageProduct .productDescription {font-style:italic;} .PackageProduct .discountLabel {width:100%;color: #FFA726;} .PackageProduct .wrapperLabelDescription{margin-bottom: 1em;margin-top: 1em;} .PackageProduct .products li{line-height: 1.15;} .PackageProduct .PackageProductBlock{display:flex;align-items: center;} .PackageProduct .PackageProductBlock.roomFeature{display:block;} .PackageProduct .optionLabel.oneLine{display:flex;width:100%;align-items: center;} .cart_payment fieldset{padding:2em;margin-bottom:0;} .cart_payment #existingCustomerLayer{display:flex;flex-direction:column;} .cart_payment #existingCustomerLayer .inputFields.autoAdjust{flex:1;} .cart_payment .authenticationChoice{margin:1em 0;} .cart_payment section.wrapperCustomerInfo{background-color: #F3F3F3;} .cart_payment .wrapperIDAccount{display:flex;} .cart_payment .observations select, .cart_payment .observations input, .cart_payment .paymentDue select{width: 100%;} .cart_payment .observations section{margin-bottom:0;padding-bottom:0;} .cart_payment .observations .aField {margin-bottom:1em;} .cart_payment .observations .aField .label{margin-bottom:.5em;} .cart_payment section.paymentDue{margin:0;padding:0;} .cart_payment section.paymentDue fieldset{padding:0;} .cart_payment .choix-mode-paiement {line-height: 1.4; padding: 2rem; background-color: #F3F3F3; color: #34BDEF; font-weight: bold;margin-bottom: 1em;margin-top:0;} .cart_payment .choix-mode-paiement span{margin-right:1em;margin-bottom:.5em;display:inline-block;} .cart_saved .main-contener{text-align:center;} .cart_saved .actions{margin-top:2em;} .cart_saved .wrapperTitle{margin-top:2em;} .cart_saved .wrapperPaidInfo{margin:2em 0;} /******************** Liste de paiements ********************/ table.paymentList { background-color:#858585; border-spacing: 1px; width: 100%; } 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-family:GothamRoundedBold; } 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; } .cart_payment table.paymentList{ background-color:transparent; } .cart_payment table.paymentList tr{ display:none; } .cart_payment table.paymentList tr.infoPayment{ display:table-row; } .cart_payment table.paymentList td{ border:none; } .cart_payment table.paymentList tr.infoPayment td{ display:none; } .cart_payment table.paymentList tr.infoPayment td.paymentDueName{ display:block; background-color: #34BDEF; color: #FFF; padding: 2em; } .cart_payment table.paymentList tr.infoPayment .wrapperPaymentDue{ display:flex; justify-content:space-between; margin-top:1em; } .cart_payment table.paymentList tr.infoPayment .wrapperPaymentDue .paymentDueDescription{ font-family: gothamRoundedBook; } .cart_payment table.paymentList tr.infoPayment .wrapperPaymentDue .amount{ font-size:1.2em; } .cart_payment section.salesConditions{ padding:2em; } .cart_payment section.salesConditions h3{ font-family:gothamRoundedBook; } .cart_payment section.salesConditions .small{ margin-bottom:1em; font-family: gothamRoundedLight; } /**************** 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 p.otherLinks a {display:inline-block; } header p.otherLinks a .icon.icon-search{font-size:2em;} header p.otherLinks a .icon.icon-deconnexion{font-size:1.8em;} header nav ul{justify-content: center;flex-direction: row;align-items: flex-start;justify-content: space-between;width: 100%;padding: 2em;margin: 0;} header nav ul li {display:inline-block;font-size:1em;line-height: 1.8em;} header .firstPart{flex-direction:row;} .customer-area header .firstPart{padding:0 1em;} .button {font-size: 1rem;} .default {font-size:1.4em;} .main-contener{display:flex;align-items: flex-start;flex-direction: row-reverse;} .cart_saved .main-contener {justify-content:center;} .cart_after_payment #pageContener.main-contener{flex-direction:column;} article, aside {display:block;width:50%;padding: 0;margin: 0 1em;} .customer-area.edit-occupant article, .customer-area.cart_cb_payment article{width:50%;} .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 0.6em 0 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;} a.fullWidth, input[type=submit].fullWidth{width:auto;} .button {padding:0.4em 0.6em 0.2em;} } /* 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;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; } ul.subOptions {padding-left:3em;} table.list {font-size: 1em;} .oneLineForm select {width: auto;} table.list td.action_buttons {font-size: 1.2em;} header nav ul li{margin-bottom:0;} header nav ul li a{width:auto;} .customer-area header nav ul{flex-direction:row;align-items: flex-start;justify-content: flex-end;} .customer-area header nav ul li{width:auto;} .customer-area header nav ul li a{display: inline-block;} .popin .button.addStay{float:right;} .aProposalBlock .wrapperIconeDescription{flex-direction: row;} .aProposalBlock .proposalDescription{margin-left: 0.5em;} .aProposalBlock .proposalIcone{width:45%;} .occupantFields .partnerAuthMode {display: flex;justify-content: space-between;} .occupantFields .partnerAuthMode > * {width: 49%;} .occupantFields .partnerAuthMode select{margin-bottom: 0;} .cart_content .products .price{display: inline-block;margin-right: 2em;} .cart_content .wrapperButton .actions.right a{margin-bottom:1em;} .cart_content .wrapperPriceActions{flex-direction: row;} .changeOccupantCount span{margin-right:2em;} .reservation_content .blockAssu .giftCode{flex-direction:row;} .reservation_content .blockAssu .giftCode div{width:50%;} .reservation_content .blockAssu .giftCode .wrapperInput {width: 80%;} .cart_payment #existingCustomerLayer{display:flex;flex-direction:row;} .cart_saved article p {max-width: 22rem; margin: 1em auto;} .cart_payment .choix-mode-paiement {display: flex; align-items: center;} .cart_payment .choix-mode-paiement span{min-width: 12.5em;} .cart_payment section.salesConditions{width: 60%;} .customer-area .secondPart{justify-content: center;align-items: center;} .customer-area .secondPart h2{margin-right:6em;} table.list td {padding: 0.4em;} .wrapperButton{justify-content:space-between;} } /* Petit pc, grande tablette ( > 1024px) */ @media screen and (min-width: 64rem) { header nav ul li {;line-height: 1.8em;} article, .customer-area.edit-occupant article, .customer-area.cart_cb_payment article{width:72%;} aside {width:28%;} #searchFormContener .inputFields.autoAdjust, .occupantFields .inputFields.autoAdjust{width:auto;} .oneCol .inputFields.autoAdjust {width: 50%;} .inputFields.autoAdjust {display: inline-block; width: 49.6%; 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-block;margin-left: 1em;} #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;} .cart_payment .observations .aField {display:flex;} .cart_payment .observations .aField .label {width: 14em;} } /* PC (>1200px) */ @media screen and (min-width: 75rem) { #main-contener, .main-contener {max-width:73rem;width: 100%;margin-left:auto;margin-right:auto;} .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; } } /************************ Media print *************************/ @media print { /* page */ @page { size: 210mm 297mm; margin: 17mm 10mm 27mm 10mm; } /* body */ body { -webkit-print-color-adjust: exact; /*Chrome, Safari */ color-adjust: exact; /*Firefox*/ } /* header */ header { padding: 0; } header h1 a { font-size: 1.7em; color: #858585; } header h1 #WebresLink span { font-size: 1.5em; margin: 0; padding: 0; } header nav, header .otherLinks a { display: none; } /* aside */ aside { page-break-inside: avoid; background-color: unset; border: 8px solid #F8F8F8 !important; } aside section section, aside section fieldset { border: 8px solid #F8F8F8; background-color: unset; } aside section fieldset legend { padding: 0; color: #000; background-color: unset; } /* article section */ article section fieldset legend, article section.master_fieldset fieldset legend { padding: 0; color: #000; background-color: unset; } article section fieldset table { border-collapse:collapse; } article section fieldset table td, article section fieldset table tr, article section fieldset table th { border:1px solid #F8F8F8 !important; } article section section, article section fieldset { border: 8px solid #F8F8F8 !important; background-color: unset; } article section .occupantFields { border: 8px solid #F8F8F8 !important; background-color: unset; padding: 3%; } article section fieldset table.paymentList { background-color: #FFF !important; border:1px solid #F8F8F8 !important; } article section fieldset .inputFields.autoAdjust { width: 100%; padding: 0 0.5em; } article section fieldset .inputFields.autoAdjust.label { width: 24%; display: inline-block; } article section fieldset .inputFields.autoAdjust.value { width: 24%; display: inline-block; } article section fieldset .inputFields.autoAdjust.label.remarques, article section fieldset .inputFields.autoAdjust.label.paiement { width : 24%; line-height:1.4; } article section fieldset .inputFields.autoAdjust.value.remarques, article section fieldset .inputFields.autoAdjust.value.paiement { width: 24%; line-height:1.4; } article section fieldset .invisible.label { width: 50%; } article section #reservationSaved a, article section fieldset.filter, article section fieldset table .action_buttons { display: none; } /* reservationSummary */ .reservationSummary { page-break-inside: avoid; background-color: #F8F8F8 !important; } .reservationSummary .bloc-summaryContent ul {margin-bottom: 0; margin-top: 0.4em;} .reservationSummary span.price { color: #000; } .reservationSummary .summaryContent { border: 8px solid #F8F8F8 !important; padding: 1%; } .reservationSummary .TotalBlockBottom { background-color: #FFF !important; } /* others */ .button, a.button, .sortContener, p.actions, span.action, .roomtypeList, #etabContener .iconList, .icon, [class^="icon-"], [class*=" icon-"], #cartContentSummaryContener ul li span.action { display: none; } .aProposalBlock ul.proposals li div.price { width: 100%; } .aProposalBlock, .master_fieldset { background-color: unset; border: 8px solid #F8F8F8 !important; } input[disabled], select[disabled], textarea[disabled] { background-color: #FFF !important; } } @font-face { font-family : 'gothamRoundedBold'; src: url('fonts/GothamRounded-Bold.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedBoldItalic'; src: url('fonts/GothamRounded-BoldItalic.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedBook'; src: url('fonts/GothamRounded-Book.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedBookItalic'; src: url('fonts/GothamRounded-BookItalic.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedLight'; src: url('fonts/GothamRounded-Light.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedLightItalic'; src: url('fonts/GothamRounded-LightItalic.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedMedium'; src: url('fonts/GothamRounded-Medium.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'gothamRoundedMediumItalic'; src: url('fonts/GothamRounded-MediumItalic.otf'); font-style: normal; font-weight: normal; } @font-face { font-family : 'ursula'; src: url('fonts/ursula-handschrift.ttf'); font-style: normal; font-weight: normal; } /************** 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"; } .icon-checkin:before{ content: "\e802"; } .icon-validate:before{ content:"\e68b"; }