/*-----------------------------------------------------------
	Project: MGM
	Date : 	AUGUST 2010
	Last Update : 10/08/10
	Author:	C2iS - AFO
	Summary : CSS couloir resa

   Modifications
   > cedric.augustin/sequoiasoft 25/05/2015: font en chemin relatif
-----------------------------------------------------------*/


/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
a img,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


/*:focus {outline: 0;}*/

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'Roboto', arial;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}


/* :::::::::::: TYPO :::::::::::::::*/

body {
    font-size: 12px;
    color: #4d4d4d;
    font-family: Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: 'Roboto', arial;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    margin: 0;
}

a {
    color: #4d4d4d;
    text-decoration: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sup,
sub {
    font-size: 0.75em;
    line-height: 0;
}

sup {
    position: relative;
    bottom: 0.5em;
    vertical-align: baseline;
}

sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}

del {
    color: #4d4d4d;
}

pre,
code {
    margin: 1.5em 0;
    white-space: pre;
}

pre,
code,
tt {
    font-family: 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

small {
    font-size: 10px;
}


/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/

.clear:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lobster Two';
    src: url('../fonts/LobsterTwo.eot');
    src: url('../fonts/LobsterTwo.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/LobsterTwo.woff2') format('woff2'), 
    url('../fonts/LobsterTwo.woff') format('woff'), 
    url('../fonts/LobsterTwo.ttf') format('truetype'), 
    url('../fonts/LobsterTwo.svg#LobsterTwo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetika';
    src: url('../fonts/helvetica_lt_light-webfont.eot?') format('eot'), url('../fonts/helvetica_lt_light-webfont.woff') format('woff'), url('../fonts/helvetica_lt_light-webfont.ttf') format('truetype'), url('../fonts/helvetica_lt_light-webfont.svg#webfontu4luWj76') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*:::::::::::  Main layout :::::::::::*/

body {
    line-height: 17px;
}

.separator {
    border-top: 1px dashed #dcdcdc;
    clear: both;
    display: block;
    height: 1px;
    margin: 20px 0;
    width: 100%;
}

#couloirResa {
    width: 960px;
    /*background:url(../images/arabesque_1.png) no-repeat 0 0;*/
    padding-top: 40px;
    position:relative;
}

#couloirResa h1 {
    color: #000;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 22px;
    font-weight: normal !important;
    height: 100px;
    line-height: 100px;
    padding: 0 40px 0 0;
    text-transform: uppercase;
    width: 165px;
    display: block;
    overflow: hidden;
}

#couloirResa h2 {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    color: #A4AAB5;
    padding-bottom: 15px;
    text-transform: uppercase;
}

#couloirResa h2 img {
    margin-left: 10px;
    cursor: pointer;
}

.authentification h2 img {
    display: none;
}

#couloirResa h2 img:first-child {
    margin-left: 30px !important;
}

#couloirResa h2 img:hover {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -mos-transition: all 0.2s;
    -o-transition: all 0.2s;
    opacity: 0.6;
}

#couloirResa ol {
    border-bottom: 1px dashed #dcdcdc;
    padding: 0 0 20px 0;
    position: relative;
    top: -33px;
    width: 100%;
}

#logo {
    margin: 10px auto 5px;
    display: block;
}


/*#couloirResa ol li {float:left;margin-right:10px;font-family: 'Helvetika', Sylfaen, Arial, sans-serif;font-size:15px;padding:0 10px 0 0;}
#couloirResa ol li span{display:block;padding:5px 0 4px 10px;color:#666;white-space:nowrap;}
#couloirResa ol li.active {color:#fff;background:url(../images/active_tab.gif) no-repeat 100% 0;}
#couloirResa ol li.active span{color:#fff;background:url(../images/active_tab.gif) no-repeat 0 0;}*/

#couloirResa ol li {
    background-color: #A4AAB5;
    float: left;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 15px;
    margin-right: 5px;
    padding: 5px 20px !important;
}

#couloirResa ol li span {
    color: #fff;
    display: block;
    font-size: 9px;
    font-style: normal;
    letter-spacing: 2px;
    padding: 3px 0 4px;
    text-transform: uppercase;
}

#couloirResa ol li.active {
    background-color: #d6d7d8;
    color: #00111a !important;
}

#couloirResa ol li.active span {
    color: #00111a !important;
}


/* page payement sécurié cb */

.rsl-cart-after-payment .noIframe,
.rsl-cart-cb-payment .noIframe {
    width: 960px;
    margin: 0 auto;
}

.rsl-cart-after-payment #couloirResa,
.rsl-cart-cb-payment #couloirResa {
    width: 960px;
}

.rsl-cart-after-payment #couloirResa ol,
.rsl-cart-cb-payment #couloirResa ol {
    width: 710px;
}

.rsl-cart-after-payment #couloirResa ol li,
.rsl-cart-cb-payment #couloirResa ol li {
    margin-right: 5px;
}

.rsl-cart-cb-payment .yourSelection {
    width: 960px
}

.rsl-cart-cb-payment #couloirResa .innerResa {
    width: 100%;
    margin: 0 auto;
    float: none;
}

.rsl-cart-cb-payment .actionBar {
    width: 100%;
    margin: 0 auto;
}

.authentification {
    border-bottom: 1px dashed #dcdcdc;
    padding: 15px 55px 30px;
}

#authentication {
    position: relative;
}

.authentification h2 {
    border-bottom: 1px dashed #dcdcdc;
    margin: 0 -55px 25px;
}

.authentification h2 img {}

.authentification h3 {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
}

.authentification h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 15px
}

.authentification p {
    width: 100%;
    padding: 6px 0;
    min-height: 33px;
    display: table;
    font-family: 'Roboto', arial;
}

.authentification p label {
    display: table-cell;
    width: 120px;
    padding-top: 1px;
}

.authentification p .text {
    float: left;
    border: 1px solid #fff;
    background: url(../images/bg_imputText.png) no-repeat 100% 0;
    padding-left: 4px;
    color: #fff;
    font-size: 11px;
    height: 17px;
    width: 170px;
    margin-right: 110px;
}

.authentification p select {
    display: table-cell;
    width: 158px;
    height: 33px;
    margin: 6px;
    border: 1px solid #a9a9a9;
}

.authentification p .datepicker {
    width: 141px;
    background: #4d4d4d;
    margin-right: 0;
}

.authentification p .datepicker_btn {
    display: table-cell;
    margin: 1px 0 0 -1px;
    margin-right: 111px;
}

.authentification p.fieldRight label {
    /*padding-left: 346px;*/
    padding-left: 426px;
}

.authentification p.knownUser {
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 25px;
    padding-bottom: 30px;
    position: relative;
    font-family: 'Roboto', arial;
}

.authentification p.knownUser label {
    display: inline;
    /*display: table-cell;*/
    text-align: right;
}

.authentification p.knownUser input {
    display: table-cell;
    /*margin-right: 54px*/
}

.authentification p.createUser input {
    display: table-cell;
    margin-right: 52px
}

#newCustomerLayer input {
    display: table-cell;
    margin-right: 6px;
}


/* Avant 110px */

.authentification p.knownUser .text {
    margin-right: 50px;
}

.authentification p.knownUser .btn_log {
    top: 70px !important
}

.authentification p .forgotPass {
    display: block;
    text-decoration: underline;
    clear: both;
    margin: 0 0 0 467px;
    padding-top: 3px;
    font-size: 11px;
}

.authentification p.knownUser .forgotPass {
    position: absolute;
    top: 50px;
    left: -50px;
}

.yourSelection {
    width: 926px;
    margin: 0 auto 30px;
}

.yourSelection h2 {}

.yourSelection .visu {
    float: left;
    max-width: 420px;
    margin-right: 15px;
}

.yourSelection dl {
    float: left;
    width: 330px;
}

.yourSelection dt {
    color: #A4AAB5;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 18px;
    padding: 10px 0 8px;
}

.yourSelection dd.date {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 26px;
    color: #000;
}

.yourSelection dd {
    font-family: "Roboto", arial;
    font-size: 15px;
    line-height: 22px;
}

.yourSelection .total,
.total_commande {
    background: #e8e8e8 none repeat scroll 0 0;
    float: right;
    font-family: "Roboto", arial;
    font-size: 22px;
    font-weight: bold;
    height: 105px;
    padding: 60px 20px 0;
    text-align: center;
    width: 150px;
}

.yourSelection .total strong,
table.default td.total strong,
.total_commande strong {
    display: block;
    font-size: 17px;
    padding-bottom: 5px;
    line-height: 21px;
}

#couloirResa .innerResa {
    padding: 0 40px 30px;
    background: url(../images/dot_horizontal.gif) repeat-x 0 100%;
}

#couloirResa .infos {
    font-size: 11px;
    line-height: 13px;
    color: #4d4d4d !important;
}

.content>.warning,
#couloirResa .warning {
    padding: 20px;
    background-color: #f7dddc;
    border-left: 5px solid #d9534f;
    margin: 20px 0;
}

#couloirResa .infos * {
    color: #4d4d4d !important;
}

table.default {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 18px solid #fff;
    font-family: 'Roboto', arial !important;
}

table.default th {
    background: #d6d7d8 none repeat scroll 0 0;
    color: #00111a;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    padding: 8px 10px;
    text-transform: uppercase;
}

table.default td {
    text-align: left;
    vertical-align: middle;
    background: #ededed;
    padding: 6px 15px;
    font-size: 13px;
}

table.default .odd td {
    background: #f8f8f8;
}

table.default td.priceCell {
    width: 105px;
    border-left: 2px solid #fff;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

table.default td.priceCell div {
    display: inline
}

table.default .ss_total td {
    color: #fff;
    background: #878787;
    font-size: 15px;
}

table.default td.total {
    font-size: 22px;
    background: #e8e8e8;
    border-left: 6px solid #fff;
    text-align: center;
    width: 142px;
    font-weight: bold;
}

table.recap {
    width: 690px;
    float: left;
}

.total_commande {
    width: 183px;
    height: 116px;
}

table.occupant {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 12px solid #fff;
}

table.occupant th {
    background: #A4AAB5 none repeat scroll 0 0;
    color: #fff;
    font-family: "Roboto", arial;
    font-size: 12px;
    padding-top: 6px;
    text-align: left;
    vertical-align: middle;
}

table.occupant th strong {
    text-transform: uppercase;
}

table.occupant th img {
    float: left;
    margin-top: -6px;
}

table.occupant th .delete {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

table.occupant td {
    text-align: left;
    vertical-align: middle;
    background: #e8e8e8;
    padding: 5px 10px 11px;
    font-size: 13px;
}

table.occupant td h4 {
    font-weight: bold;
    padding: 7px 0 7px 25px;
    color: #A4AAB5;
    font-family: 'Roboto', arial;
}

table.occupant td label,
.logBox label {
    margin-left: 25px;
    vertical-align: middle;
}

table.occupant td .text,
.logBox .text,
.control_text,
.upper,
.control_date,
.control_password,
.logBox .control_text,
.logBox .control_password,
.logBox .upper {
    /*border:1px solid transparent;background:url(../images/bg_imputText.png) no-repeat 100% 0;*/
    background-color: #fff;
    border: 0 none;
    padding-left: 4px;
    color: #001119;
    border: 1px solid #737373;
    font-size: 11px;
    height: 33px;
    width: 154px;
    vertical-align: middle;
    margin: 6px;
}

.label {
    width: 120px;
    display: inline-block;
}

.field {
    display: inline-block;
}

select {
    height: 33px;
    margin: 6px;
}


/*----------- bug option ------*/

.prestation .optionLabel select {
    min-width: 40px;
}

table.occupant td .datepickerFiled,
table.occupant td .control_date,
table.personalInfos .control_date,
#newCustomerLayer .control_date {
    background: #fff;
    width: 128px;
    border-right: 0;
    height: 33px;
    padding: 0 26px 0 4px;
    color: #001119;
    border: 1px solid #737373;
}

.rsl-date-input {
    position: relative;
    height: auto;
}

.rsl-date-input a {
    position: absolute;
    top: 0;
    right: 9px;
}

*+html table.occupant td .datepickerFiled {
    height: 17px;
}

*+html table.occupant td .control_date {
    height: 17px;
}

*+html table.personalInfos .control_date {
    height: 17px;
}

*+html #newCustomerLayer .control_date {
    height: 17px;
}


/*#newCustomerLayer .control_date {
    margin-right: 0
}*/

#newCustomerLayer .rsl-date-input a {
    right: 9px;
}

#newCustomerLayer td input {
    margin-right: 6px;
}

#newCustomerLayer .personalInfos {
    margin: 15px 0;
}

table.occupant td .datepicker,
table.occupant td .calendarImage,
#newCustomerLayer .calendarImage,
table.personalInfos td .calendarImage {
    vertical-align: middle;
    margin-left: -34px;
    cursor: pointer;
}


/*#newCustomerLayer .calendarImage {
    float: left;
    margin-right: 54px
}*/


/*Avant 114px */

*+html #newCustomerLayer .calendarImage {
    margin-top: 1px;
}

.logBox {
    position: relative;
    margin: 10px 20px 30px;
}

.logBox strong {
    display: block;
    padding-bottom: 7px;
    font-family: 'Roboto', arial;
    font-size: 13px;
}

.logBox label {
    margin: 0 6px 0 0;
}

.logBox .text {
    border: 1px solid #fff;
    margin-right: 55px;
}

.logBox .forgotPass {
    /*margin:5px 0 0 432px;*/
    position: relative;
    top: 30px;
    left: -166px;
    display: block;
    text-decoration: underline;
}

.knownUser .btn_log {
    position: initial !important;
    margin-top: 8px;
    margin-right: 20px;
    float: right;
}

.logBox .btn_logBox_connexion,
.logBox .btn_logBox,
.logBox .btn_logBox_account,
.authentification p.knownUser .btn_log {
    background: #A4AAB5 url("../images/flecheRight.png") no-repeat scroll right 10px center;
    color: #fff;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 15px;
    height: 35px;
    padding: 0 35px 0 0;
    position: absolute;
    right: 1px;
    text-transform: uppercase;
    top: 25px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.logBox .btn_logBox_connexion:hover,
.logBox .btn_logBox:hover,
.logBox .btn_logBox_account:hover,
.authentification p.knownUser .btn_log:hover {
    background: #000 url("../images/flecheRight.png") no-repeat scroll right 10px center;
    color: #fff !important;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.logBox .btn_logBox:hover span,
.logBox .btn_logBox_connexion:hover span,
.logBox .btn_logBox_account:hover span,
.authentification p.knownUser .btn_log:hover span {
    background: #000 none repeat scroll 0 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    color: #fff !important;
}

.logBox .btn_logBox_account {
    top: 60px;
}

.logBox .btn_logBox span,
.logBox .btn_logBox_connexion span,
.logBox .btn_logBox_account span,
.authentification p.knownUser .btn_log span {
    background: #A4AAB5 none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    font-family: "Roboto", arial;
    font-size: 12px;
    height: 35px;
    letter-spacing: 2px;
    line-height: 35px;
    margin-left: -13px;
    padding: 0 0 0 13px;
    font-weight: normal;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.logBox .btn_logBox img,
.logBox .btn_logBox_account img,
.authentification p.knownUser .btn_log img {
    display: none;
}

* html .logBox .btn_logBox,
* html .logBox .btn_logBox_account,
* html .logBox .btn_logBox_connexion {
    right: 40px;
}

table.personalInfos {
    width: 690px;
    margin: 15px auto;
}


/*BBO table.personalInfos td {padding:2px 0;vertical-align:top;font-weight:bold;}*/

table.personalInfos td {
    width: 174px;
    vertical-align: middle;
    padding: 0;
    display: table-row;
}

table.personalInfos td strong {
    font-weight: normal;
    float: left;
    width: 125px;
    margin-bottom: 2px;
}

table.personalInfos td.label {
    width: 120px;
    display: table-cell;
}

.logLink {
    text-decoration: underline;
    margin: 0 10px;
}

.textarea {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 5px;
}

.textarea label {
    float: left;
    margin-right: 15px;
}

.textarea textarea {
    background-color: #fff;
    border: 1px solid #737373;
    width: 650px;
    height: 120px;
    font-family: arial;
    font-size: 12px;
    padding: 6px;
}

.textarea em {
    margin-left: 185px;
    display: block;
    font-size: 11px;
    font-style: normal;
}

.checkbox {
    display: block;
    padding: 5px 0 10px 171px;
}

.checkbox a {
    text-decoration: underline;
}

table.deposit {
    width: 100%;
    margin: 20px 0;
}

table.deposit th {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #e1dddd;
}

table.deposit td {
    border-left: 1px solid #e1dddd;
    padding: 3px 15px;
}

.odd table.deposit td {
    background: #fff;
}

table.deposit .odd td {
    background: #c0c0c0;
}

table.deposit td.residCell {
    background: #A4AAB5 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 15px;
}

.confirmation {
    background: #e8e8e8;
    text-align: center;
    margin: 0 15px;
    padding: 15px;
    font-size: 14px;
}

.confirmation h2 {
    padding-bottom: 0 !important;
}

.confirmation small {
    font-weight: bold;
    font-size: 12px;
}

.actionBar {
    width: 100%;
    padding: 22px 0 0;
}

.actionBar li.goBack {
    float: left;
    margin-left: 25px;
}

.actionBar li.reload,
.actionBar li.print {
    text-align: center;
}

.actionBar li.nextStep {
    float: right;
    margin-right: 25px;
}

.nextStep a {
    background: url(../images/flecheRight.png) no-repeat center right 12px #A4AAB5 !important;
    padding: 0 35px 0 0 !important;
}

.nextStep a:hover {
    background: url(../images/flecheRight.png) no-repeat center right 12px #000 !important;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.goBack a {
    background: url(../images/flecheLeft.png) no-repeat center left 12px #A4AAB5 !important;
    padding: 0 0 0 35px !important;
}

.goBack a:hover {
    background: url(../images/flecheLeft.png) no-repeat center left 12px #000 !important;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.goBack a:hover span,
.nextStep a:hover span {
    background: #000 !important;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.actionBar li a {
    background: #A4AAB5 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding: 0 25px 0 0;
    text-transform: uppercase;
}

.actionBar li a span {
    background: #A4AAB5 none repeat scroll 0 0;
    display: block;
    font-family: "Roboto", arial;
    font-size: 12px;
    height: 35px;
    letter-spacing: 2px;
    line-height: 35px;
    margin-left: -13px;
    padding: 0 0 0 13px;
}

.reload a {
    background: url(../images/refresh.png) no-repeat center left 12px #000000 !important;
    padding: 0 0 0 50px !important;
}

.reload a span {
    background: #000000 !important;
}

.reload a:hover {
    background: url(../images/refresh.png) no-repeat center left 12px #d6d7d8 !important;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.reload a:hover span {
    background: #d6d7d8 !important;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.actionBar li.goBack a,
.actionBar li.reload a,
.actionBar li.print a {
    padding-right: 13px;
    background-position: 100% -258px;
}

.actionBar li.goBack a span {
    padding-right: 20px;
    background-position: 0 -258px;
}

.actionBar li.reload a span,
.actionBar li.print a span {
    padding-right: 20px;
}

.actionBar li.print a span {
    background-position: 0 -294px;
}

.actionBar li.reload a span {
    background-position: 0 -330px;
}

.actionBar li a img {
    display: none;
}

#please_wait_layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(please_wait_background.gif);
    background-color: transparent;
    z-index: 1000;
}

body>#please_wait_layer {
    position: fixed;
}

* html div#please_wait_layer {
    /* 謵le position:fixed pour IE 6 */
    left: expression( ( 20 + ( ignoreMe2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
    top: expression( ( 10 + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}

#please_wait_layer_content {
    position: absolute;
    display: block;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -100px;
    border: 1px solid #999;
    background-color: #CCC;
    text-align: center;
    padding: 30px;
}

.cartpayment {
    padding: 15px 0 30px;
}


/*:::::::::::::::::::: GPO :::::::::::::::::::::*/

#customerAreaContener h2 {
    padding-top: 30px
}

#customerAreaContener p {
    padding: 10px 0 0 0;
}


/*STYLISH SELECT*/

.stylish-select ul.newList {
    left: -9999px;
}

ul.newList * {
    margin: 0;
    padding: 0;
}

ul.newList a {
    color: #675f50;
    text-decoration: none;
    display: block;
}

ul.newList {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #675f50;
    width: 173px;
    background: #fff;
    position: absolute;
    border: 1px solid #e5e5e5;
    top: 22px;
    left: 0;
    overflow: auto;
    z-index: 9999;
}

.newListSelected {
    width: 173px;
    color: #000;
    height: 17px;
    padding: 0 0 0 3px;
    z-index: 6;
    float: left;
    background: url(../images/skinSelect.png) no-repeat 100% 0;
    margin: 0;
    line-height: 17px !important;
}

.newListSelected span {
    width: 212px;
    display: block;
}

ul.newList li {
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}

ul.newList li a {
    padding: 3px 8px;
    display: block;
    font-size: 11px;
    outline: 0;
    line-height: 16px;
}

ul.newList li a:focus {
    -moz-outline-style: none;
}

.selectedTxt {
    overflow: hidden;
    height: 17px;
    padding: 0 23px 0 5px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}

.hiLite {
    background: #e7e7e6;
    color: #fff;
}

.hiLite a {
    background: #e7e7e6;
    color: #fff;
}

.newListHover {
    background: #f8f8f7;
    color: #675f50;
    cursor: default;
}


/*.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}*/

.newListOptionTitle {
    font-weight: bold;
}

.newListOptionTitle ul {
    margin: 3px 0 0;
}

.newListOptionTitle li {
    font-weight: normal;
    border-left: 1px solid #ccc;
}

.lstBrochures .control_select {
    width: 300px;
    margin-bottom: 10px
}

.reservationList {
    width: 100%;
    margin-bottom: 40px;
}

.reservationList th {
    background-color: #d6d7d8;
    color: #00111a;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    text-transform: uppercase;
}

.reservationList th.firstTH {
    background-color: #A4AAB5;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.reservationList th,
.reservationList td {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #efefef;
}

.reservationList td {
    background: #fff;
}

.reservationList td.odd {
    background-color: #ededed;
}


/* Panier
   ========================================================================== */

.panier {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.panier th {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    color: #A4AAB5;
    padding: 20px 0 10px 0;
    border-bottom: 1px dashed #cdcdcd;
    text-transform: uppercase;
}

.panier th.total {
    border: none;
}

.panier td {
    padding: 8px 0 0 0;
}

.panier td ul {
    list-style: circle;
    padding-left: 15px;
}

.panier td ul li {
    margin-bottom: 3px;
}

.panier td ul li:first-letter {
    text-transform: uppercase;
}

.panier tr.price td {
    text-align: right;
    padding-bottom: 12px;
    border-bottom: 1px dotted #cdcdcd;
    padding-top: 3px;
}

.panier tr.price td.totalPrice {
    font-size: 20px;
    font-weight: bold;
    border: none;
}

.panier td em {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
}

.panier td div {
    display: inline;
    font-weight: bold;
    font-size: 12px;
}

.occupant_product_option em {
    font-style: normal !important;
}

.total,
.totalPrice {
    background: #A4AAB5 !important;
    color: #fff !important;
    text-align: center !important;
}

.actionBar .reload {
    padding-right: 20px;
}


/* Step 01
   ========================================================================== */

.logBox {
    float: left;
    width: 690px;
    margin: 10px 0 60px 0;
}

.proposal {
    border-right: 1px solid #e8e8e8;
    padding: 0 30px 10px 10px;
}

#couloirResa .innerResa {
    float: left;
    width: 720px;
    padding: 0;
    background: none;
    margin-top: 30px;
}

.logBox .btn_logBox {
    top: 150px;
    /* Avant 110px */
    /*margin-right: 17px;*/
}

.logBox .btn_logBox_connexion {
    top: 97px;
    right: 40px;
}

.logBox .btn_logBox_account {
    top: 150px;
    right: 170px;
}

.logBox .forgotPass {
    display: inline-block;
    font-family: 'Roboto', arial;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.logBox .forgotPass:hover {
    color: #A4AAB5;
    font-weight: bold;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

table.occupant td label,
.logBox label {
    margin-left: 0;
    font-family: 'Roboto', arial;
}


/* Encart prestations
   ========================================================================== */

.encart.prestation h4 {
    background: #A4AAB5 none repeat scroll 0 0;
    border-bottom: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto", arial;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    text-transform: uppercase;
}

.encart.prestation h4:before {
    content: '';
    height: 0;
    width: 0;
    border-left: 9px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    display: inline-block;
    margin-right: 15px;
    vertical-align: baseline;
    transition: all 0.3s ease-out;
}

.encart.prestation h4.open:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.encart.prestation td.action {
    border-left: 2px solid #fff;
}


/* Modif du 16/12 */

select#cart_payment_cd_langue {
    /*margin-left: 141px;*/
}

label.cart_payment_cd_nat_label {
    margin-left: 50px;
}

#promotion label,
#option .aField .label {
    width: 120px;
    display: inline-block;
    font-family: 'Roboto', arial;
    font-size: 13px;
}

#promotion .field #option .aField .field {
    margin: 0;
    display: inline-block;
}


/*--------- MODIF 2016 --------- */

.odd a {
    font-weight: bold;
    font-family: 'Roboto', arial;
    color: #A4AAB5;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.odd a:hover {
    color: #000;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    text-decoration: none;
}

.deleteLink {
    color: #A4AAB5;
    font-weight: bold;
}

.deleteLink:hover {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    color: #000;
    text-decoration: underline;
}

#headerContener img {
    margin: 0 auto;
}


/*-----------------------------*/

#CustomerRegisterLink:hover,
#CustomerInfoLogoutLink:hover {
    font-weight: bold;
    color: #A4AAB5;
}

#reservation p {
    font-family: 'Roboto', arial !important;
}

#reservation .noIframe {
    width: 960px !important;
}

.confirmation {
    font-family: 'Roboto', arial;
}

.confirmationEtape4 .yourSelection .date {
    font-size: 22px;
}

.confirmationEtape4 .reload {
    clear: both;
}

.confirmationEtape4 .reload a {
    clear: both;
    background: #000000 url("../images/print.png") no-repeat scroll left 12px center !important;
}

.confirmationEtape4 .reload a:hover {
    background: url(../images/print.png) no-repeat center left 12px #d6d7d8 !important;
}

.confirmationEtape4 .innerResa {
    float: none !important;
    width: 940px !important;
    padding: 0;
    background: none;
    margin: 30px auto 0 !important;
}

.btnRetourSiteConfirmation {
    height: 40px;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    right: 0;
    text-align: right;
}

.btnRetourSiteConfirmation a {
    font-family: "Roboto", arial;
    font-size: 12px;
    height: 35px;
    letter-spacing: 2px;
    line-height: 35px;
    background: #000;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
}

.btnRetourSiteConfirmation a:hover {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    background: #D6D7D8;
}

.authentification select {
    height: 40px !important;
}

.titreBrochure {
    display: none;
}

#customerAreaContener h1 {
    border-right: none !important;
    text-align: center !important;
    width: 100% !important;
}

#customerMenu {
    padding: 0 0 20px !important;
    text-align: center !important;
    width: 100% !important;
}

#customerMenu li {
    display: inline-block !important;
    float: none !important;
    text-align: center !important;
}

.reservationList .action_buttons a:hover {
    opacity: 0.8;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}


/*ajout déplacement*/

.action_buttons {
    min-width: 100px;
}

.a-action {
    width: 100%;
    float: left;
    margin-bottom: 4px;
    color: #FFF !important;
    display: block;
    padding: 5px 5px;
    text-align: center;
    background-color: #A4AAB5;
    font-weight: normal !important;
}

#resedit_add_lineitem.a-action,
#resedit_change_address.a-action,
.a-action.disabled {
    display: none !important;
}

#customerAreaContener table.reservationList td.action_buttons a.a-action.hidden {
	display:none;
}

/*tr#fast_checkout,
tr#fast_checkin  {
    display: none;
}*/

/*tr#fast_checkout {
    display: none;
}*/

td#fast_checkin, td#fast_checkout {
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 11px;
    background: url(../images/puceBlanc.png) no-repeat left 25px center #A4AAB5;
    color: #FFF !important;
}

    td#fast_checkin a, td#fast_checkout a {
        color: #FFF !important;
    }

    td#fast_checkin:hover, td#fast_checkout:hover {
        background-color: #000;
    }
    td#fast_checkin.disabled, td#fast_checkout.disabled {
        background-color: transparent;
    }
        td#fast_checkin.disabled:hover, td#fast_checkout.disabled:hover {
            background-color: transparent;
        }
            td#fast_checkin.disabled:hover a, td#fast_checkout.disabled:hover a {
                color: #A4AAB5 !important;
            }
        td#fast_checkin.disabled a, td#fast_checkout.disabled a {
            pointer-events: none;
            cursor: default;
            color: #A4AAB5 !important;
            border-color: #A4AAB5;
        }


        td#resedit_add_lineitem.disabled,
        td#resedit_change_address.disabled {
            display: none;
        }


/*fin ajout*/


/*-------------- MES RESERVATIONS ------------------- */

#resedit_add_lineitem {
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 11px;
    background: url(../images/puceBlanc.png) no-repeat left 25px center #A4AAB5;
}

#resedit_change_address {
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 11px;
    background: url(../images/puceBlanc.png) no-repeat left 25px center #A4AAB5;
}

#resedit_change_occupant_name {
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 11px;
    background: url(../images/puceBlanc.png) no-repeat left 25px center #A4AAB5;
}

#resedit_add_occupants {
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 11px;
    background: url(../images/puceBlanc.png) no-repeat left 25px center #A4AAB5;
}

#resedit_add_lineitem a,
#resedit_change_address a,
#resedit_change_occupant_name a,
#resedit_add_occupants a {
    color: #fff;
}

#resedit_add_lineitem:hover,
#resedit_change_address:hover,
#resedit_change_occupant_name:hover,
#resedit_add_occupants:hover {
    background: #000;
}

.description {
    padding: 0 0 30px;
}

.description th {
    width: auto !important;
    padding: 10px 35px;
    background: #A4AAB5;
    color: #fff;
}

.ligneOptionsOccupants {
    /*display:none;*/
}

.infoOptionsOccupants {
    margin: 25px 0 5px 0;
}

.lienGuideTailles {
    text-decoration: underline !important;
    color: #A4AAB5 !important;
}

.lienGuideTailles:hover {
    text-decoration: none !important;
}

.btnDevis {
    background: #000;
    color: #fff;
    display: table;
    /*display:none!important;*/
    letter-spacing: 2px;
    padding: 10px 20px;
    text-transform: uppercase;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 15px auto 0 auto;
}

.btnDevis:hover {
    background: #d6d7d8;
}

.devisGauche {
    margin: 15px 10px;
    text-align: center;
    width: 140px;
    /*display:none!important;*/
}

#footerContener {
    width: 100%;
    text-align: right !important;
}

.droite a {
    background: #A4AAB5 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding: 0 25px 0 25px;
    text-transform: uppercase;
}

#ui-datepicker-div {
    background: #fafafa
}

#ui-datepicker-div .ui-datepicker-calendar {
    border-spacing: 5px;
    border-collapse: initial;
}

#ui-datepicker-div .ui-datepicker-prev,
.ui-datepicker-next {
    padding-left: 10px;
}

.ui-datepicker-trigger {
    background-image: url("../images/datepicker.png");
    height: 23px;
    width: 30px;
}

#imgInfo{

}

.partez-tranquille {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ct-tranquille {
    overflow: hidden;
    width: 380px;
    position: absolute;
    right: 0;
    top: 0;
}