/******
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:"Roboto Condensed";text-rendering: optimizelegibility; }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;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}
select::-ms-expand{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{padding: 0.3em 0.5em;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:#757575;font-weight:bold}.ui-datepicker-title select{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 */

/* Fluid Grid 960, 12 columns */
.container_12{margin-left:4%;margin-right:4%;width:92%}.grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;margin-left:1%;margin-right:1%}.container_12 .grid_3{width:23%}.container_12 .grid_6{width:48%}.container_12 .grid_9{width:73%}.container_12 .grid_12{width:98%}.container_12 .grid_1{width:6.333%}.container_12 .grid_2{width:14.666%}.container_12 .grid_4{width:31.333%}.container_12 .grid_5{width:39.666%}.container_12 .grid_7{width:56.333%}.container_12 .grid_8{width:64.666%}.container_12 .grid_10{width:81.333%}.container_12 .grid_11{width:89.666%}.container_12 .prefix_3{padding-left:25%}.container_12 .prefix_6{padding-left:50%}.container_12 .prefix_9{padding-left:75%}.container_12 .prefix_1{padding-left:8.333%}.container_12 .prefix_2{padding-left:16.666%}.container_12 .prefix_4{padding-left:33.333%}.container_12 .prefix_5{padding-left:41.666%}.container_12 .prefix_7{padding-left:58.333%}.container_12 .prefix_8{padding-left:66.666%}.container_12 .prefix_10{padding-left:83.333%}.container_12 .prefix_11{padding-left:91.666%}.container_12 .suffix_3{padding-right:25%}.container_12 .suffix_6{padding-right:50%}.container_12 .suffix_9{padding-right:75%}.container_12 .suffix_1{padding-right:8.333%}.container_12 .suffix_2{padding-right:16.666%}.container_12 .suffix_4{padding-right:33.333%}.container_12 .suffix_5{padding-right:41.666%}.container_12 .suffix_7{padding-right:58.333%}.container_12 .suffix_8{padding-right:66.666%}.container_12 .suffix_10{padding-right:83.333%}.container_12 .suffix_11{padding-right:91.666%}
/* FIN Fluid Grid 960, 12 columns */


/*****
Style de base
   Couleurs: Turquoise #52b0e8, Orange #FFA726, Gris clair #f3f3f3, Gris interm�diaire #e5e3de, Gris sombre #858585, Noir #212121
*****/
body {font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif;color:#212121;vertical-align:top;background:#fff url("background_lr.jpg") no-repeat scroll center top / 100% auto;}
* {box-sizing: border-box;}
form {display: inline;}
a {color:#52b0e8;text-decoration:none;}
a:hover {/*color:#FFA726;*/ color:#d4e6f2;}

.button_default_block{background: #52b0e8;border-radius: 1px;margin-top: 0.4em;}
.button_default_block:hover  {color:#FFF;background-color:/*#FFA726*/ #d4e6f2;/*border-color:#FFA726*/;box-shadow: 1px 1px 12px /*#FFA726;*/ #d4e6f2; border-color:#d4e6f2}
.button {font-size: 0.8rem;display:inline-block;margin:0.2em;color:#52b0e8;background-color:#FFF;padding: .6em;font-weight:bold;border:1px solid;text-align: center;cursor: pointer;}
.button:hover {/*color:#FFA726*/ color:#d4e6f2;box-shadow: 1px 1px 12px /*#FFA726*/ #d4e6f2;}
.default {color:#FFF;background-color:#52b0e8;border-color:#52b0e8;}
.default:hover  {color:#FFF;background-color:/*#FFA726*/ #d4e6f2;/*border-color:#FFA726*/;box-shadow: 1px 1px 12px /*#FFA726;*/ #d4e6f2; border-color:#d4e6f2}
a.fullWidth, input[type=submit].fullWidth {display: table;margin: 0.4em auto;clear:both;}
.a_disabled{cursor:initial;color:#FFF;background-color:#c1bbbb;border-color:#c1bbbb;}
.a_disabled:hover{color:#FFF;background-color:grey;border-color:grey;}
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;max-width: 80%;}
#error-page article {margin: 0.6em;width: calc(100% - 1.2em);}
.conventionLabel {font-size:0.8em;color:#e5e3de;}

#main-contener {}

.modal-alert-content{padding: 2em;}
#show_message_box-button-ok{cursor: pointer;padding: 0.4em 0.6em;border:none;background-color: #52b0e8;}
.ui-dialog-buttonset{padding-right: 2em;float: right;}
.designed-button{color: #FFF;background-color: #52b0e8;font-size: 0.8rem;display: inline-block;margin: 0.2em;padding: 0.4em 0.6em;font-weight: bold;border: 1px solid #52b0e8;text-align: center;}

select{padding: .3em;-webkit-appearance: none;text-indent: 0.01px;text-overflow: '';-moz-appearance: none;background-repeat: no-repeat;background-size: 0.9em auto;background-position: 90% 50%;background-position: right 0.5em bottom 50%;padding-right: 1.6em;background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%226%22%20viewBox%3D%220%200%2012%206%22%3E%3Cpath%20fill%3D%22%2351B0E8%22%20d%3D%22M12%200L6%205.6%200%200%22%2F%3E%3C%2Fsvg%3E");}

input[type="text"],input[type="password"]{padding: .5em;}
input[type="text"]::placeholder{font-style : normal;}
.debugmode{display:none;}
/*****
Entete
*****/

#topContener {}

header {padding:0;min-height:2.2em;position: relative;}

header nav .navTitleFCI { text-align: center;font-size: 50px;color: #52b0e8; }
header nav ul  {/*display: table-row !important;*/display: block;width: 100%;}
header nav ul li {vertical-align: middle;display: inline-block !important;}

nav ul  {list-style-type: none;text-align:left;list-style-position: inside;padding:0;display: flex;justify-content: space-between;}
nav ul li {text-transform: uppercase;border: 0.2em solid white;padding:0 0.2em;font-size:1em;line-height: 1.6em;font-size:0.8em;background-color:#f3f3f3;width: 19%;text-align:center;}
nav ul li span {display:block;text-align:center;padding:0.2em 0.6em;margin-bottom:0.2em;}
nav ul li.on {background-color:#e5e3de;}

nav ul li.on{font-weight: bold;}
nav ul li.on a span:after{top: 96%;left: 11.5%;border: solid transparent;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(230,227,222,0);border-top-color: rgba(230, 227, 222, 0);border-top-color: rgba(230, 227, 222, 0);border-top-color: #E6E3DE;border-width: 10px;margin-left: -10px;}

nav ul li#etape2.on a span:after{left: 31.5%;}
nav ul li#etape3.on a span:after{left: 50%;}
nav ul li#etape4.on a span:after{left: 68.5%;}
nav ul li#etape5.on a span:after{left: 89%;}

p.logo {margin:0;}
p.logo a {display:inline-block;color:#858585;line-height:5em;padding-left:12em;background-image:url(Logo_VB_txt.png);background-repeat: no-repeat;background-position:0 0;background-size: 12em auto;}
p.logo a:hover {color:/*#FFA726*/ #d4e6f2;background-image:url(Logo_VB_txt_hover.png);}

p.otherLinks {display: block;right:0;top:0;position:absolute;font-size:0.8em;margin:0}

/*****
Pied de page
*****/
footer {margin:1.2em 0.6em;text-align:center;clear: both;color:#e5e3de;}
footer.footer_with_background{margin:0;background-color: white;padding: 1.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;}


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

/*****
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.main {background-color: #fff;} 
section fieldset {width:100%;margin-bottom:2.4em;padding:.6em 0 .6em;}
section h1, section h2,section h3, section h4 {font-family: "Roboto Condensed",sans-serif;color: #3b3c37;}

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

.sameLine {display:flex;justify-content: space-between;}




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

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

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

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

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

.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*/ #d4e6f2;}

fieldset {border: 1px solid #f3f3f3;background-color:#FFF;position: relative;}
fieldset legend {background-color: #f3f3f3; color: #858585; font-weight: bold; padding: 0.2em 0.4em; width:100%;top: 0;left:0;text-align: left;}

fieldset .container_12 .grid_12{margin: 2% 0;}

input.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.1em;font-weight: initial;margin: .2em 0;}
.reservationSummary h4 span{text-transform:capitalize;}
.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: .5em;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 le r�cap s�jour du configurateur le total doit etre en bas, pas sur les autres pages */
#ConfigurateurMain .reservationSummary .TotalBlockBottom{display:block;}
#ConfigurateurMain .reservationSummary .TotalBlock{display:none;}
/* Je n'affiche le bouton vider le panier que sur le configurateur */
.reservationSummary .DistributionSummary a:first-child{display:none;}
#ConfigurateurMain .reservationSummary .DistributionSummary a:first-child{display:inherit;}

.reservationSummary .DateBlock_OccupantBlock,.reservationSummary .ProductBlock {background: #f3f3f3;border-radius: 1px;border: 1px solid #f3f3f3;}
.reservationSummary .DateBlock_OccupantBlock{margin-top:0.4em;margin-bottom: 0.6em;}
#ConfigurateurMain .reservationSummary .DateBlock_OccupantBlock{display:none;}
.reservationSummary .DateBlock_OccupantBlock{padding: 2%;}
.reservationSummary .supp_bl_list .productListSumm{padding-bottom:1em;}
.reservationSummary .productListSumm {margin: 2%;}
.reservationSummary .productListSumm span {width: 100%;display: inline-block;}
.reservationSummary .productListSumm .DistributionSummary{font-weight: bold;}
.reservationSummary #SumStartDate,.reservationSummary #SumEndDate{text-transform: lowercase;}
.reservationSummary.fci .productListSumm {margin: 0; padding-bottom: 0;display: flex;align-items: center;}
.reservationSummary.fci .productListSumm span.label {padding-bottom: 0;}
.reservationSummary.fci .TotalBlockBottom{padding: 0;}
.reservationSummary.fci h4#title_etab_city_and_location, .reservationSummary.fci .inf_etab{text-align:center;}

.DiscountListBlock{display:block;}
.DiscountListBlock .price{color:#ee5460 !important;}
.productListSumm .DiscountListBlock .price{color:#3b3c37 !important;}
.totalDiscount{/*border-top: 0.1em solid black;*/} 
.totalDiscount span.price{color:#ee5460 !important;} 

#PaymentBlock input.button{padding: 1em;}
.paiement #PaymentBlock .label.credit_card_types{color: #999;}
.paiement #PaymentBlock .remaining_total_resa{margin-bottom:1em;}

.customer-area.info.fid .wrapperTableGiftCode{overflow-x: auto; white-space: nowrap;}
.customer-area.info.fid .reservationList.giftCodeList{margin: 1em 0;}
.customer-area.info.fid .reservationList.giftCodeList th{color: #0000AE;text-align: left;}
.customer-area.info.fid .reservationList.giftCodeList th, .customer-area.info.fid .reservationList.giftCodeList td{padding: 6px;}


/********************
Espace client
********************/
.oneLineForm select {width:auto;}

table.list {background-color: #FFF;width:100%;}
table.list td {border:1px solid #f3f3f3;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 .reservationActions ul, table.list td.description p {margin-left:5em;width:calc(100% - 5em);}
.allResaId {width:5em;}
table.list th {text-align:center;}
table.list td.action_buttons {font-size:1.2em;}
table.list .existingReservationSelected td {background-color:#fef1df;}
table.list .nonActive {color:#f3f3f3;font-style:italic;}
.customer-area .action_buttons a.hidden{display:none;}
.customerAreaMenu {border-collapse: separate;border-spacing: 5px;display: table !important;}
.customerAreaMenu li{ padding: 1em;border: solid #52b0e8 .1em;background: #52b0e8;}
.customerAreaMenu li a{color: white;text-transform: uppercase;}
.customerAreaMenu li.on {background-color: white;}
.customerAreaMenu li.on a{color: #52b0e8;}

div.resaIframe {width:100%;height:300px;resize: vertical;overflow: auto;border: 1px solid #f3f3f3;padding:0;}
div.resaIframe iframe {height:calc(100% - 15px);width:100%;}

.allResaBlock table.list th{color: white;padding: 0.2em 0.4em;background-color: grey;}
.allResaBlock table.list th,.allResaBlock table.list td{width:12.5%;}
.allResaBlock table.list tr td:nth-child(2), .allResaBlock table.list tr th:nth-child(2)
{width:25%;}

.CustomerAreaInfofield .container_12 .grid_4 + .grid_4{margin-left:1%;}
.CustomerAreaCoordonneesfield .container_12 .grid_12{margin:0;}
.CustomerAreaCoordonneesfield .container_12 .grid_12 + .grid_12 {padding-top: .5em;}
.CustomerAreaCoordonneesfield .container_12 .grid_4 + .grid_4{margin-left:1%;}
.CustomerAreaCoordonneesfield .container_12 .grid_6 + .grid_6{margin-left:3.3%;}
.CustomerAreaCoordonneesfield .container_12 .grid_4 + .grid_8{margin-left: 2%;}
.CustomerAreaCoordonneesfield .container_12 .grid_8 + .grid_4{margin-left: 2%;}
.CustomerAreaCoordonneesfield .container_12 .grid_7 + .grid_5{margin-left: 2%;}

.BookletListRequestBlock .container_12 .grid_8 + .grid_4{margin-left: 2%;}
.BookletListRequestBlock .container_12 .grid_7 + .grid_5{margin-left: 2%;}
.BookletListBlock img{cursor: pointer;width: 230px;height: 150px;}
.BookletListBlock .BookletlistImg{cursor: pointer;position: relative;text-align: center;vertical-align: top;}
.BookletListBlock .BookletlistImg .overlay{cursor: pointer;width: calc(50% - 1em);position: absolute;bottom: .5em;left: calc(25% + 0.5em);color:grey;background-color:rgba(255,255,255,0.8);text-align: center;font-size: 1.5em;}
.BookletListBlock .BookletlistImg input{display:none;}
.BookletListBlock .BookletlistImg input:checked+label img{border:.5em solid #52b0e8;-webkit-border-radius:  1rem;-moz-border-radius:   1rem;-o-border-radius:  1px;-o-border-radius:   1rem;border-radius:     10px;border-radius:     1rem;}

.customer-area #accountcreation .actions .button{ margin-top:2.4em;}
.customer-area .privacyPolicy{padding-left:4%;}
.customer-area .wrapperInfoFidPoints{margin-top: 2em;}
.customer-area .wrapperInfoFidPoints > p{text-align: center;}


/********************
Resultats de recherche
********************/
.sortContener select {width:auto;}
.aProposalBlock {background-color:#f3f3f3;margin:0.6em 0;}
.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;}
.baseWebDescription {padding-left: 4.4rem;}

.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 */ #d4e6f2;}

.aProposalBlock .price p * {margin:0;}
.aProposalBlock .etabDescription {display:none;font-size:0.7em;}
.aProposalBlock .webDescription {color:#e5e3de;font-size:0.6em;}
.aProposalBlock .selectedRoomFeature {color:#e5e3de;font-size:0.9em;}

/********************
Configurateur
********************/
ul.proposalList {list-style: none;padding-left: 0.2em;margin-top: 0;;}
ul.proposalList li:first-child .price{margin-right: .9em;float: right;width: 10em;}
ul.proposalList input{width:1.2em;}
ul.proposalList label {display:inline-block;width:calc(100% - 8em);}
ul.proposalList li:first-child label{display:inline-block;width:calc(100% - 12em);}
ul.proposalList .price {display:inline-block;width:6em;text-align:right;}

.proposal {margin: 0.4em 0;border:1px solid #f3f3f3;clear: both;position:relative;padding:0;display:flex;flex-wrap: wrap;justify-content:space-between;}
.proposal.checked {background-color:#eeeeea;border:#52b0e8 solid .15em;}
.proposal h4 {margin:0;background-color:#f3f3f3;padding: .5em;width:100%;}
.proposal.checked h4 {}

.proposal .proposalIcone {width: calc(50% - 1.1em);margin:0.6em;display: inline-block;}
.proposal .proposalIcone img {width:100%;min-width: 12em;}
.proposal .proposalDescription {padding: 0 .5em;vertical-align: top;flex:1 1 0;display: inline-block;width: calc(50% - 1.1em);min-width: 12em;}
.proposal .proposalIcoAndDescBlock {width: 100%;position: relative;display: table;}
.proposal .proposalIcoAndDesc{margin: .6em;display: table-cell;width: calc( 100% - 12em)}

.SeeMore{margin: 0 40%;width: 20%;}

.proposal .proposalPriceAndQuantity {display: table-cell;width:8em;height:calc(100% - 5em);background-color:#e6e3de;padding:0.4em;text-align:center;vertical-align: middle;}
.proposal.checked .proposalPriceAndQuantity {background-color:#e5e3de;}
.proposal .proposalPriceAndQuantity .price {margin: auto;}
.proposal .proposalPriceAndQuantity .price strike {font-size:0.6em;}
.proposal .proposalPriceAndQuantity .price .promo {color:rgb(238, 84, 96);/* color:#FFA726;*/}
.proposal .duration {font-size:0.8em;text-align:center;}
.proposal .proposalIcoAndDescPlus{font-size: 2em;margin-left: 24.6%;}

/* RADIO BUTTON CONFIGURATEUR */
/* ni le premier ni le 2eme */
.proposalList li:not(:first-child):not(.baseWebDescription){padding-top: 1em;}
/* Je cache les inputs radio */
.proposal input[type="radio"], .proposalList input[type="radio"]{display:none;}
/*  Je place mon contexte */
.proposal h4 label{float: left;padding-left: 19px;padding-left: 1.9rem;position: relative;cursor: pointer;font-weight:bold;}

.proposalList  input[type="radio"]+label 
{float: left;padding-left: 22px;padding-left: 2.2rem;margin-right: 12px;margin-right: 1.2rem;position: relative;cursor: pointer;font-weight:bold;}
/* Je construit mon cadre */
/*.proposal input[type="radio"]+label:before, .proposalList  input[type="radio"]+label:before {content:'';position: absolute;left: 0;top: 50%;margin-top: -9px;margin-top: -.9rem;width: 16px;width: 1.6rem;height: 16px;height: 1.6rem;background-color: rgba(255,255,255,.7);background:   -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.9)));background:  -webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));background:      -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));background:-o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));background:     linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));-webkit-box-shadow:   inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);-moz-box-shadow: inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);-o-box-shadow:      inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1);-o-box-shadow:     inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);box-shadow:      inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);box-shadow:     inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);-webkit-border-radius: 1rem;-moz-border-radius:   1rem;-o-border-radius:  1px;-o-border-radius:   1rem;border-radius:     10px;border-radius:     1rem;}*/
.proposal input[type="radio"]+label:before,
.proposalList  input[type="radio"]+label:before,
.insuranceblock input[type="radio"]+label:before {background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.677%22%20height%3D%2222.677%22%20viewBox%3D%220%200%2022.677%2022.677%22%3E%3Cpath%20fill%3D%22%23707070%22%20d%3D%22M22.023%2011.34c0%205.9-4.784%2010.684-10.686%2010.684-5.9%200-10.685-4.784-10.685-10.685C.652%205.437%205.436.652%2011.337.652c5.902%200%2010.686%204.785%2010.686%2010.686%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.53%2011.34c0%204.522-3.668%208.19-8.192%208.19s-8.192-3.668-8.192-8.19c0-4.525%203.668-8.193%208.192-8.193s8.192%203.667%208.192%208.192%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
display: inline-block;
vertical-align: middle;
margin-right: 0.3em;
background-repeat: no-repeat;
background-position: center;
background-size: 23px 23px;
height: 23px;
width: 23px;
cursor: pointer;
content: '';
}
.configurateur .reservationSummary fieldset{margin-bottom:1em;}

.proposalPriceAndQuantity{color:grey;}

/* Remplissage du checked */
/*.proposal input[type="radio"]:checked+label:before, .proposalList input[type="radio"]:checked+label:before {content: '\2714';font-size: 1.4em;color: #52b0e8;text-align:center;}*/
.proposal input[type="radio"]:checked+label:before, .proposalList input[type="radio"]:checked+label:before, .insuranceblock input[type="radio"]:checked+label:before {background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.677%22%20height%3D%2222.677%22%20viewBox%3D%220%200%2022.677%2022.677%22%3E%3Cpath%20fill%3D%22%2351B0E8%22%20d%3D%22M22.023%2011.34c0%205.9-4.784%2010.684-10.685%2010.684S.653%2017.24.653%2011.34C.653%205.437%205.437.653%2011.338.653S22.023%205.438%2022.023%2011.34%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.53%2011.34c0%204.523-3.668%208.19-8.192%208.19s-8.19-3.667-8.19-8.19c0-4.525%203.666-8.193%208.19-8.193%204.524%200%208.192%203.667%208.192%208.192%22%2F%3E%3Cpath%20fill%3D%22%2351B0E8%22%20d%3D%22M10.91%2016.78c-.036%200-.07-.003-.105-.006-.406-.037-.76-.293-.923-.666l-3.486-7.97c-.248-.567.01-1.228.577-1.476.566-.248%201.228.01%201.476.578l2.672%206.11L18.45%202.577c.348-.512%201.044-.644%201.556-.297.512.347.645%201.045.297%201.556L11.835%2016.29c-.21.307-.558.49-.926.49%22%2F%3E%3C%2Fsvg%3E");}


/* RADIO BUTTON OPTIONS */
/* Je cache les inputs radio */
.OccupantList input[type="radio"]{display:none;}
/*  Je place mon contexte */
.OccupantList input[type="radio"]+label {float: left;padding-left: 22px;padding-left: 2.2rem;margin-right: 12px;margin-right: 1.2rem;position: relative;cursor: pointer;}
/* Je construit mon cadre */
.OccupantList input[type="radio"]+label:before {content:'';position: absolute;left: 0;top: 50%;margin-top: -8px;margin-top: -.8rem;width: 8px;width: .8rem;height: 8px;height: .8rem;background-color: rgba(255,255,255,.7);background:   -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.9)));background:  -webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));background:      -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));background:-o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));background:     linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));-webkit-box-shadow:   inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);-moz-box-shadow: inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);-o-box-shadow:      inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1);-o-box-shadow:     inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);box-shadow:      inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);box-shadow:     inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);-webkit-border-radius: 5rem;-moz-border-radius:   5rem;-o-border-radius:  50px;-o-border-radius:  50rem;border-radius:    50px;border-radius:     5rem;border: 0.4em #f3f3f3 solid;}
/* Remplissage du checked */
.OccupantList input[type="radio"]:checked+label:before {content: '';font-size: 1em;color: #52b0e8;text-align:center;border: 0.4em #52b0e8 solid;}

ul.OccupantList{list-style: none;padding-left: 0.2em;}
ul.OccupantList label {display:inline-block;width:calc(100% - 8em);}
ul.OccupantList li {padding: 1em 0;}

.price .button{width: 2em;}

/*****
Liste des �tablissements
*****/
#etabContener .etabDescription {border:1px solid #e5e3de;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;}


/*****
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.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;margin:0 0.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:#f3f3f3;margin:0.6em 0;padding: 0.6em;}

.products {list-style: none;margin:0;padding:0;clear:both;}
.products li {clear:both;line-height: 1.6em;}
.products li > * {vertical-align:top;}
.products .checkbox,.paymentcheck .checkbox,.newscheck .checkbox{margin-left: 2.5em;display: block;width:2.4em;float:left;text-align: right;}
.products .checkbox select{margin-top: .7em;padding: 0;height: 2em;font-size: .8em;}
.products select {height:1.6em;font-size: 0.8em;}
.products .price, .products .stayActions {float:right;width:6em;text-align:right;}
.products .label{margin: .5em 2.4em;}
.paymentcheck .label a span, .newscheck .label a span {font-size: 1.8em;}
.products label, .newscheck label{display: inline-block;width: calc(100% - 9em);vertical-align: top;}
.products .description {display:flex;font-size:0.8em;font-style:italic;text-align:justify;margin-bottom: 0.5em;font-weight: normal;line-height: 1.2em;width:100%;padding-top: .3em;padding-left: 2.8em;}
.products .description .productIcon {display:inline-block;margin:0 0.6em 0.6em 0;}
strike {font-size:0.8em;color:#999;}
strong.discount {color:/*#FFA726*/ #d4e6f2;}
.hiddenIfCheckbox {display:none;}
ul.subOptions {list-style-type: none;}
ul.subOptions .label label {font-size:0.8em;}
.changeOccupantCount {color: #e5e3de;font-size: 0.9em;margin-bottom: 0.6em;}
.changeOccupantCount span {display: inline-block;}
.changeOccupantCount select {width:auto;}
.occupantFields {margin: 0.4em;}
.PartnerCNASOccuBlock select{width: 85%;max-width: calc( 100% - 80px );}
.PartnerCNASOccuBlock .birthdayBlock{float: right;width: 12%;min-width: 80px;}

.newscheck .wrapperInput{display:flex;}
.newscheck .wrapperInput label{font-size:1em;}
.newscheck .wrapperInput .inputYes{margin-right:2em;}
.newscheck .label{margin-bottom:1em;}


.roomProduct h3{text-transform: uppercase;}
/* CHECKBOX BUTTON */
.products input[type="checkbox"], .products input[type="radio"], .paymentcheck input[type="checkbox"], .newscheck input[type="checkbox"]{display:none;}
/* ni le premier ni le 2eme */
.products li{padding-top: 1em;}
/*  Je place mon contexte */
.products li div.label:not(.productWithMoreQuantity) label, .paymentcheck div.label:not(.productWithMoreQuantity) label, .newscheck div.label:not(.productWithMoreQuantity) label 
{float: left;padding-left: 22px;padding-left: 2.2rem;margin-right: 12px;margin-right: 1.2rem;position: relative;cursor: pointer;}
.products li div.label.productWithMoreQuantity, .paymentcheck div.label.productWithMoreQuantity, .newscheck div.label.productWithMoreQuantity
{padding-left: 2.2rem;margin-right: 1.2rem;}
.products li div.label.productWithMoreQuantity label{margin-left: 0.3em;}
/* Je construit mon cadre */
.products li div.label:not(.productWithMoreQuantity) label:before, .paymentcheck div.label:not(.productWithMoreQuantity) label:before, .newscheck div.label:not(.productWithMoreQuantity) label:before 
{content:'';position: absolute;left: 0;top: 50%;margin-top: -9px;margin-top: -.9rem;width: 10px;width: 1rem;height: 10px;height: 1rem;border: .2em solid #52b0e8;font-size: .8em;   padding: .3em;-webkit-border-radius:   0rem;-moz-border-radius:   0rem;-o-border-radius:  0px;-o-border-radius:   0rem;border-radius:     0px;border-radius:      0rem;}
.products li div.label.productWithMoreQuantity label:before,.paymentcheck div.label.productWithMoreQuantity label:before, .newscheck div.label.productWithMoreQuantity label:before
{content:inherit;}
/* Remplissage du checked */
.products li.checked div.label label:before, .paymentcheck input[type="checkbox"]:checked + div.label label:before, .newscheck input[type="checkbox"]:checked + div.label label:before
{font-size: .8em; padding: .3em; background-image: linear-gradient(to bottom, #52b0e8, #52b0e8 100%), linear-gradient(to bottom, white 0%, white 100%);background-clip: content-box, padding-box;}
.products li.checked li:not(.checked) div.label label:before{background-image:inherit;}

.coordonneesfield .container_12 .grid_12{margin:0;}
.coordonneesfield .container_12 .grid_8 + .grid_4{margin-left:2.001%;}
.coordonneesfield .container_12 .grid_6 + .grid_6{margin-left:4%;}
.coordonneesfield .container_12 .grid_4 + .grid_4{margin-left:2.0005%;}
.coordonneesfield .container_12 .grid_9 + .grid_3{margin-left:2%;}
.coordonneesfield .container_12 .grid_7 + .grid_5{margin-left:2.001%;}
.coordonneesfield .container_12 .grid_10 + .grid_2{margin-left:2.001%;}
.coordonneesfield .container_12+.container_12 {padding-top: 2.5em;}

.participantsfield #occ_1_1{padding-top: .8em;}
.participantsfield .container_12 .grid_1 + .grid_2{margin-left:2.333%;}
.participantsfield .container_12 .grid_2 + .grid_3{margin-left:2.333%;}
.participantsfield .container_12 .grid_3 + .grid_3{margin-left:2.333%;}
.participantsfield .container_12 .grid_3 + .grid_3 + .grid_3{width: 23.6%;}
.participantsfield .container_12 .grid_3 + .grid_1{margin-left:2.333%;}
.participantsfield .container_12 .grid_1 + .grid_1{margin-left:2.333%;}
.participantsfield .container_12 {display: flex;}
.participantsfield .container_12 .grid_1.deleteBlock{margin: auto;text-align: right;font-size: 1.2em;}

#accountcreation.container_12 .grid_12>.grid_12{margin-top: 1%;}
#accountcreation.container_12>.grid_12>.grid_12{padding-left: 4%;}
#accountcreation.container_12 .grid_4 + .grid_8{margin-left:2.001%;}
#accountcreation.container_12 .grid_6 + .grid_6{margin-left:3%;}
#accountcreation.container_12 .grid_12.adress p {margin-right:2%;}
#accountcreation.container_12 .grid_12.adress p:last-child{margin-right:0;}
#accountcreation select{padding:0.45em;}

#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 section {width:100%;}

#paymentdueType select{width:50%;}
#PaymentBlock input[type="radio"]{display:none;}
#PaymentBlock input[type="radio"]:checked + label img{background-color:#52b0e8;padding:.2em;width: 10%;}
#PaymentBlock .button{text-transform: uppercase;}
.CB_Block{text-align: center;}
.CB_Block label{cursor: pointer;}
.CB_Block img{width: 7%;}

.authActions {text-align: center;width: 98%;}

.confirmBlockResaImg{width: 20%;display:inline-block}
.confirmBlockResaImg img{width: 100%;}
.confirmBlockResaText{width: 78%;display:inline-block;font-family: Arial;}

/* Calendar Grid */
.monthCalendar {z-index:9;position: absolute;top: 6.5em;right: 0;text-align: center;-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);background-color:#fafafa;color: #757575;}
.monthCalendar .aDiscountPrice, .monthCalendar .aPrice{display:none !important;}
.monthCalendar th{text-transform: uppercase;padding: .4em 0;}
.monthCalendar td.available a,.monthCalendar td.availablePartialy a{color: #3B3C37;}
.monthCalendar td:not(.available),.monthCalendar td.notClickable{color: #c1bbbb;}
.monthCalendar td.CurrentStartDate, .monthCalendar td.CurrentEndDate /*, .monthCalendar td.CurrentCalendarDate*/{background-color: #51B0E8;color:#FFF;}
.monthCalendar td.CurrentStayDate {background-color: #C2E3F6;}
.monthCalendar td.CurrentStartDate a, .monthCalendar td.CurrentEndDate a,.monthCalendar td:hover a{color: #FFF;}
.monthCalendar td.CurrentStartDate,.monthCalendar td.CurrentEndDate{/*padding: .3em;*/}
.monthCalendar td.CurrentStartDate:after,.monthCalendar td.CurrentEndDate:after{display: block;font-size: .2em;}
.monthCalendar td{/*padding: .7em;*/background-color: #F5F4F2;color: #000;}
.monthCalendar td .aDate{padding: .7em;display: block;}
.monthCalendar td:hover{background-color: #51B0E8;color: #FFF;}
.monthCalendar select {width: 48%;font-size: 13px;color: #757575;font-weight: bold;}
.monthCalendar select + select{margin-left: 4%;}
.monthCalendarLoader{ position: absolute;top: 14.4rem;width: 5em;text-align: center;z-index: 10;right: 6.8rem;}
.monthCalendarLoader img{width:100%;}
.gridContner .close {  position: absolute;  top: 6.5em;  width: 32px;  height: 32px;  opacity: 0.3;  z-index: 1;}
.gridContner .close:hover {  opacity: 1;}
.gridContner .close:before, .close:after {  position: absolute;  content: ' ';  height: 15px;  width: 2px;  background-color: #333;}
.gridContner .close:before {  transform: rotate(45deg);}
.gridContner .close:after {  transform: rotate(-45deg);}

.privacyPolicy {font-size: .8em;margin-top: 3em;padding: 0 10%; text-align:justify;}
.privacyPolicy #option{padding : 2em 0;}
.privacyPolicy .checkbox, .checkNews .checkbox{margin-top:3em;}
#stat_RPC_combo, .privacyPolicy input{display:none;}
.privacyPolicy label, .checkNews label{float: left;padding-left: 22px;padding-left: 2.2rem;margin-right: 12px;margin-right: 1.2rem;position: relative;cursor: pointer;}
.privacyPolicy label:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -9px;margin-top: -.9rem;width: 10px;width: 1rem;height: 10px;height: 1rem;border: .2em solid #52b0e8;font-size: .8em;padding: .3em;-webkit-border-radius: 0rem;-moz-border-radius: 0rem;-o-border-radius: 0px;-o-border-radius: 0rem;border-radius: 0px;border-radius: 0rem;}
.privacyPolicy input:checked + label:before{font-size: .8em;padding: .3em;background-image: linear-gradient(to bottom, #52b0e8, #52b0e8 100%), linear-gradient(to bottom, white 0%, white 100%);background-clip: content-box, padding-box;}
.option_resa .paiement article.fci{float:none; margin: 0 auto;}

.checkboxNews {display: flex;align-items: center;}
.checkboxNews label{font-size: .8em;text-align: justify;}
.checkboxNews input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;height: 26px; width: 26px; background: #fff; border: .2em solid #52b0e8; margin-right:8px;margin-left:0;}
.checkboxNews input[type="checkbox"]:checked {position: relative;background-image: linear-gradient(to bottom, #52b0e8, #52b0e8 100%), linear-gradient(to bottom, white 0%, white 100%);box-shadow: inset 0 0 0 3px #FFF; }
 
.newscheck label{font-size: .8em;text-align: justify;}
#accountcreation .wrapperBlockNews{margin-bottom:3em;}


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


/* 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{display:block;float:left;width:50%;padding:0.6em;}
   aside {display:block;float:left;width:50%;padding:0.6em;}
   */
   article {width:75%;float:left}
   aside {width:25%;float:left}
   .inputFields.autoAdjust {display:inline-block;width:auto;}
   .inputFields.autoMinAdjust {display:inline-block;width:20%;}
   .inputFields.autoHalfAdjust{display:inline-block;width:45%;}
   .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%;}
   .recap_before{display:none;}
   .configurateur .reservationSummary{float:right;}
   .configurateur .reservationSummary fieldset{margin-bottom:2.4em;}
   .participantsfield .container_12 .grid_3 + .grid_3 + .grid_3.child{width: 16%;margin-right: 4%;}
   .participantsfield .inputFields.child select {width: 100% !important;padding:4px;}
}

/* Tablette ( > 880px) */
@media screen and (min-width: 55rem) {
   #main-contener {margin: 2em;}
   header h1 {font-size:2em;}
   header p.otherLinks {font-size:1em;}
   article {width:75%;}
   aside {width:25%;}
   section {display:inline-block;margin:0;padding:0.6em;vertical-align: top;}
   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%;}
   .option_resa .paiement article.fci .wrapperRemainigResa{margin-right:3em; margin-left:3em;}
}
/* Petit pc, grande tablette ( > 1024px) */
@media screen and (min-width: 64rem) {
   body {background-image:url("background.jpg"), url("background_lr.jpg");}
   header nav ul li {font-size:1.1em;line-height: 1.8em;}
   article {width:76%;}
   aside {width:22%;}
   #etabContener .iconList {display:inline;font-size:1em;}
   #etabContener .iconList a {margin-right:0.2em;}
   #please_wait_layer_content {width: 30%;}
   .configurateur .reservationSummary{ margin-right: 1em;}
}
/* PC (>1200px) */
@media screen and (min-width: 75rem) {
   #main-contener {max-width:63rem;margin-left:auto;margin-right:auto;}
   /*section section {width:calc(33% - 1.8em);}*/
   .configurateur .reservationSummary{ margin-right: 1.2em;}
}





/**************
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;
}

@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

.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-cart:before {
  content: "\e66a";
}
.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-users:before {
  content: "\e689";
}
.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";
}



@font-face {
  font-family: 'vb';
  src:  url('fonts/vb.eot?keiqms');
  src:  url('fonts/vb.eot?keiqms#iefix') format('embedded-opentype'),
    url('fonts/vb.ttf?keiqms') format('truetype'),
    url('fonts/vb.woff?keiqms') format('woff'),
    url('fonts/vb.svg?keiqms#vb') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vb-Logo-VB-txt .path1:before {
  content: "\e90a";
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path2:before {
  content: "\e90b";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path3:before {
  content: "\e90c";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path4:before {
  content: "\e90d";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path5:before {
  content: "\e90e";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path6:before {
  content: "\e90f";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path7:before {
  content: "\e910";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path8:before {
  content: "\e911";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path9:before {
  content: "\e912";
  margin-left: -3.5595703125em;
  color: rgb(0, 151, 217);
}
.vb-Logo-VB-txt .path10:before {
  content: "\e913";
  margin-left: -3.5595703125em;
  color: rgb(0, 151, 217);
}
.vb-Logo-VB-txt .path11:before {
  content: "\e914";
  margin-left: -3.5595703125em;
  color: rgb(0, 151, 217);
}
.vb-Logo-VB-txt .path12:before {
  content: "\e915";
  margin-left: -3.5595703125em;
  color: rgb(0, 151, 217);
}
.vb-Logo-VB-txt .path13:before {
  content: "\e916";
  margin-left: -3.5595703125em;
  color: rgb(0, 151, 217);
}
.vb-Logo-VB-txt .path14:before {
  content: "\e917";
  margin-left: -3.5595703125em;
  color: rgb(0, 151, 217);
}
.vb-Logo-VB-txt .path15:before {
  content: "\e918";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path16:before {
  content: "\e919";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-txt .path17:before {
  content: "\e91a";
  margin-left: -3.5595703125em;
  color: rgb(0, 123, 196);
}
.vb-Logo-VB-simple:before {
  content: "\e91b";
  color: #007bc4;
}
.vb-rond-vide .path1:before {
  content: "\e91c";
  color: rgb(112, 112, 112);
}
.vb-rond-vide .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.vb-check-box:before {
  content: "\e91e";
  color: #707070;
}
.vb-check:before {
  content: "\e91f";
  color: #51b0e8;
}
.proposalList .vb-info {
   position: absolute;
   bottom: 0;
   margin-left: .2em;
}
.vb-info .path1:before {
  content: "\e920";
  color: rgb(81, 176, 232);
}
.vb-info .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.vb-info .path3:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.vb-Cocktail:before {
  content: "\e900";
}
.vb-activites:before {
  content: "\e901";
}
.vb-assurance:before {
  content: "\e902";
}
.vb-confirmation:before {
  content: "\e903";
}
.vb-hebergement:before {
  content: "\e904";
}
.vb-location:before {
  content: "\e905";
}
.vb-paiement:before {
  content: "\e906";
}
.vb-participants:before {
  content: "\e907";
}
.vb-reduction:before {
  content: "\e908";
}
.vb-Formule:before {
  content: "\e909";
}