/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Accor
    created:    2014-11
    author:     hoahuy

----------------------------------------------------------------------------- */
/*  =PRINT
----------------------------------------------------------------------------- */
/*  =FONTFACE
----------------------------------------------------------------------------- */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=6ba2eb7d-e709-4d75-b1f5-2371817af803");
@font-face {
  font-family: 'EffraLight';
  src: url("/css-v2512/fonts/EffraLight.eot");
  src: url("/css-v2512/fonts/EffraLight.eot?#iefix") format("embedded-opentype"), url("/css-v2512/fonts/EffraLight.woff") format("woff"), url("/css-v2512/fonts/EffraLight.ttf") format("truetype"), url("/css-v2512/fonts/EffraLight.svg#EffraLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EffraMedium';
  src: url("/css-v2512/fonts/EffraMedium.eot");
  src: url("/css-v2512/fonts/EffraMedium.eot?#iefix") format("embedded-opentype"), url("/css-v2512/fonts/EffraMedium.woff") format("woff"), url("/css-v2512/fonts/EffraMedium.ttf") format("truetype"), url("/css-v2512/fonts/EffraMedium.svg#EffraMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icons';
  src: url("/css-v2512/fonts/icons.eot");
  src: url("/css-v2512/fonts/icons.eot?#iefix") format("embedded-opentype"), url("/css-v2512/fonts/icons.woff") format("woff"), url("/css-v2512/fonts/icons.ttf") format("truetype"), url("/css-v2512/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: 'icons';
  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;
}

#content {
  margin-top: 32px;
}

.icon-arrow:before {
  content: "\61";
}

.icon-checkin:before {
  content: "\62";
}

.icon-checkout:before {
  content: "\63";
}

/*  =RESET
----------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.msie8 * {
  box-sizing: content-box;
}

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 62.5%;
  /* :INFO:1em = 10px */
  margin: 0;
  color: #212121;
  background: #fff;
}

input {
  height: auto;
}

a img, fieldset, form {
  border: 0;
}

ins, abbr, acronym {
  text-decoration: none;
  border: 0;
  font-style: normal;
}

a:hover ins, a:hover abbr, a:hover acronym {
  text-decoration: underline;
}

address {
  font-style: normal;
}

ul {
  list-style: none;
}

q:before, q:after {
  content: '';
}

small {
  font-size: 0.9em;
}

input, select, textarea, button {
  font: 1em Arial, Verdana, Helvetica, sans-serif;
}

input, textarea, select {
  /*not working with selects on IE6 IE7*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  overflow: auto;
}

sup {
  vertical-align: text-top;
}

hr,
.accessibility {
  position: absolute;
  left: -9999em;
}


button {
  width: auto;
  overflow: visible;
  border: 0;
  background: none;
  cursor: pointer;
  filter: chroma(color=#000000);
}

button::-moz-focus-inner {
  /*firefox extra padding removed*/
  border: 0;
  padding: 0;
}

input.submit {
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
  border: 0 !important;
  overflow: visible;
}

html[lang="ar"]{
  direction:rtl;
}

html[lang="ar"] .text-1,
html[lang="ar"] .text-2{
  text-align:center;
}

/* =OOCSS (https://github.com/stubbornella/oocss)
----------------------------------------------------------------------------- */
/* grids : https://github.com/stubbornella/oocss/blob/master/core/grid/grids.css */
.line:before, .line:after {
  content: "";
  display: table;
}

/*'line' is the container*/
.line:after {
  clear: both;
}

.line {
  *zoom: 1;
}

.unit {
  float: left;
}

/*a 'unit' is a floating block in the 'line'*/
.tac {
  text-align: center;
}

.posr {
  position: relative;
}

/*  =GENERIC (colors, backgrounds, titles, buttons, ...)
    ----------------------------------------------------------------------------- */
#content {
  position: relative;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}

a {
  color: #212121;
  cursor: pointer;
  text-decoration: none;
}

strong {
  font-family: 'EffraMedium', Arial, Verdana, Helvetica, sans-serif !important;
  font-weight: normal;
}

.picture {
  width: 100%;
  height: auto;
}

/*  =BUTTONS
----------------------------------------------------------------------------- */
.button-1,
.button-2 {
  font: 1em/32px 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  height: 32px;
  display: inline-block;
  padding: 0 20px;
}

/*  =TITLES
----------------------------------------------------------------------------- */
.title-1 {
  font: normal 1.1em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
}
.title-1 .content {
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 5;
  padding: 0 2.5%;
}
.title-1 .deco {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.title-2 {
  font: normal 1.1em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  margin: 15px 0;
}

.title-3 {
  font: normal 1em/25px 'EffraLight', Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  height: 25px;
  margin: -12px auto 17px;
  padding: 0 20px;
  display: inline-block;
}

/*  =TEXTS
----------------------------------------------------------------------------- */
.text-1 {
  font: 1em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  margin-bottom: 15px;
  text-align: left;
}

.text-2 {
  font: 0.9em 'EffraLight', Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
}

/*  =BLOCKS
----------------------------------------------------------------------------- */
.block-booking {
  background: #e4e4e4;
  text-align: center;
  padding: 50px 6.5% 28px;
  text-transform: uppercase;
}
.block-booking .text {
  font: 1.1em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 15px;
}
.block-booking .text-2 {
  font: 0.8em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 10px;
  text-align: center;
}
.block-booking .text-2:after {
  content: '\62';
  font-family: 'icons';
  text-transform: none;
  font-size: 1.875em;
  /*15px*/
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.block-booking .text-3 {
  font: 0.7em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 25px;
}
.block-booking .text-3 a {
  text-decoration: underline;
}

.block-services {
  padding: 0 6.25% 25px;
  /*20px*/
}
.block-services .text {
  font: 1.1em 'EffraLight', Arial, Verdana, Helvetica, sans-serif;
  margin-bottom: 10px;
}
.block-services .picture {
  display: none;
}

.block-service {
  padding-right: 14.6875%;
  /*94px*/
}

.block-advantages {
  padding: 0 6.25% 25px;
  /*20px*/
}
.block-advantages .title-1 {
  margin-bottom: 34px;
}

.block-advantage {
  border: solid 1px;
  padding: 0 3.125% 10px;
  /*10px*/
  margin-top: 26px;
  text-align: center;
}
.block-advantage .message {
  display: inline-block;
  margin-bottom: 12px;
}
.block-advantage .message .icon {
  font-size: 3.2em;
  display: inline-block;
  vertical-align: middle;
}
.block-advantage .message .text {
  font: 1.1em 'EffraMedium', Arial, Verdana, Helvetica, sans-serif;
  margin-left: 10px;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  max-width: 265px;
}

.block-advantage.posr .text-2 {
  margin-top:20px;
}

.block-advantage .text-3 {
  font: 0.7em 'EffraLight', Arial, Verdana, Helvetica, sans-serif;
  position: absolute;
  bottom: -16px;
  left: 0;
}
.block-advantage .text-3 a {
  text-decoration: underline;
}

.logo-main {
  margin: 25px auto 30px;
  width: 120px;
  height: auto;
  display: block;
}

.block-intro {
  margin: 0 5.46875% 25px;
  position: relative;
}
.block-intro .text {
  font: 1.2em 'EffraLight', Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.block-intro .wrapper {
  padding: 30% 0 20%;
  /*~80px et 55px*/
  background: url("/imagerie/online-check-in-fast-check-out/bg-intro-mobile.jpg") center top no-repeat;
  background-size: cover;
}
.block-intro .bt-scroll {
  display: none;
}
.th .block-intro strong,
.th #advantages strong {
	font-weight: bold;
}

@media all and (min-width: 48em) {
  /*  =BUTTONS
  ----------------------------------------------------------------------------- */
  .button-1 {
    font-size: 1.2em;
    height: 37px;
    line-height: 37px;
  }

  .button-2 {
    font-size: 1.4em;
    height: 47px;
    line-height: 47px;
  }

  /*  =TITLES
  ----------------------------------------------------------------------------- */
  .title-1 {
    font-size: 2.4em;
    margin-bottom: 40px;
  }
  .title-1 .content {
    padding: 0 3.125%;
  }

  .title-2 {
    font-size: 1.8em;
    margin: 12px 0 20px;
    padding: 0 10.71428571428571% 0 3.571428571428571%;
    /*15px et 5px*/
  }

  .title-3 {
    font: normal 2em/50px 'EffraLight', Arial, Verdana, Helvetica, sans-serif;
    height: 50px;
    margin: -25px auto 35px;
  }

  /*  =TEXTS
  ----------------------------------------------------------------------------- */
  .text-1 {
    font-size: 1.9em;
    margin-bottom: 30px;
  }

  .text-2 {
    font-size: 1.8em;
  }

  .text h1{
    font-weight:normal;
    font-size: inherit;
  }

  /*  =BLOCKS
  ----------------------------------------------------------------------------- */
  .block-booking {
    padding: 100px 6.510416666666667%;
  }
  .block-booking .text {
    font-size: 2.1em;
    padding-bottom: 25px;
  }
  .block-booking .text-2 {
    font-size: 1.8em;
    padding-bottom: 15px;
  }
  .block-booking .text-2:after {
    margin-left: 10px;
    font-size: 1.667em;
    /*30px*/
  }
  .block-booking .text-3 {
    font-size: 1.3em;
    padding-bottom: 50px;
  }

  .block-services {
    padding: 15px 3.90625% 40px;
    /*30px*/
  }
  .block-services .text {
    font-size: 1.6em;
    margin-bottom: 20px;
    padding: 0 10.71428571428571% 0 3.571428571428571%;
    /*15px et 5px*/
    word-wrap: break-word;
  }
  .block-services .picture {
    display: block;
  }

  .block-service {
    float: left;
    padding-right: 0;
    width: 19.87%;
    /*~140px*/
    margin-right: 0.1302083333333333%;
    /*1px*/
  }

  .block-advantages {
    padding: 0 3.90625% 40px;
    /*30px*/
  }
  .block-advantages .title-1 {
    margin-bottom: 64px;
  }

  .block-advantage {
    border: solid 2px;
    padding: 0 2.604166666666667% 25px;
    /*20px*/
    margin: 53px 10.31073446327684% 0;
    /*73px*/
  }
  .block-advantage .message {
    margin-bottom: 30px;
  }
  .block-advantage .message .icon {
    font-size: 6.6em;
  }
  .block-advantage .message .text {
    font-size: 2.2em;
    margin-left: 23px;
  }
  .block-advantage .text-3 {
    font-size: 1.3em;
    bottom: -27px;
  }

  .logo-main {
    margin: 50px auto 0;
    width: 190px;
  }

  .block-intro {
    margin: 0 3.90625% 40px;
    background: url("/imagerie/online-check-in-fast-check-out/bg-intro.jpg") center top no-repeat;
    background-size: cover;
  }
  
  .block-intro .text {
    font-size: 1.9em;
    padding-top: 60px;
  }
  .block-intro .wrapper {
    padding: 22% 0 8%;
    /*~150px et 55px*/
    background: none;
  }
}
@media all and (min-width: 80em) {
  /*  =STRUCTURE
  ----------------------------------------------------------------------------- */
  #page {
    margin: 0 auto;
    max-width: 1280px;
  }

  /*  =BUTTONS
  ----------------------------------------------------------------------------- */
  .button-1 {
    font-size: 1.7em;
    height: 50px;
    line-height: 50px;
  }

  .button-2 {
    font-size: 1.7em;
    height: 54px;
    line-height: 54px;
  }

  /*  =TITLES
  ----------------------------------------------------------------------------- */
  .title-1 {
    margin-bottom: 70px;
  }

  .title-2 {
    font-size: 1.6em;
  }

  /*  =TEXTS
  ----------------------------------------------------------------------------- */
  .text-1 {
    font-size: 1.6em;
    margin-bottom: 40px;
  }

  .text-2 {
    font-size: 1.6em;
  }

  /*  =BLOCKS
  ----------------------------------------------------------------------------- */
  .block-booking {
    padding: 100px 12.5%;
  }
  .block-booking .text {
    font-size: 3em;
    padding-bottom: 40px;
  }
  .block-booking .text-2 {
    font-size: 2.4em;
    padding-bottom: 30px;
  }
  .block-booking .text-2:after {
    margin-left: 15px;
    font-size: 40px;
  }
  .block-booking .text-3 {
    font-size: 1.8em;
    padding-bottom: 40px;
  }

  .block-services {
    padding: 10px 80px 40px;
  }
  .block-services .text {
    font-size: 1.6em;
    padding: 0 24px 0 10px;
  }

  .block-service {
    width: 19.91071428571429%;
    /*223px*/
    margin-right: 0.0892857142857143%;
    /*1px*/
  }

  .block-advantages {
    padding: 0 80px 40px;
  }
  .block-advantages .title-1 {
    margin-bottom: 70px;
  }
  .block-advantages .wrapper {
    display: table;
  }

  .block-advantage {
    display: table-cell;
    padding: 0 40px 40px;
    width: 560px;
    margin: 0;
  }

  .block-advantage:first-child, html[lang="ar"] .block-advantage:last-child {
    border-right: none;
  }


  .block-advantage .message .text {
    font-size: 2em;
    margin-left: 15px;
  }

  .logo-main {
    margin: 60px auto 0;
    width: auto;
  }

  .block-intro {
    margin: 0 40px 70px;
    background-size: inherit;
  }
  .block-intro .text {
    font-size: 3.1em;
    padding-top: 135px;
  }
  .block-intro .wrapper {
    padding: 170px 0 180px;
  }
  .block-intro .bt-scroll {
    display: block;
    color: #fff;
    width: 54px;
    height: 54px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -27px;
    padding-top: 15px;
  }
  .block-intro .bt-scroll .icon {
    font-size: 2.5em;
  }

  .msie8 .bt-scroll {
    height: 39px;
  }
}

@media all and (max-width: 600px) {
  .headerContent,
  .footerContent,
  .headerContainer,
  .footerContainer {
    display:none;
  }
  #profile-banner{
    display:none!important;
  }
}

/* END */



.enseigne-body .clr {
    color: #1E1852;
}
.enseigne-body .bg-clr {
    background-color: #1E1852;
}
.enseigne-body .brd-clr {
    border-color: #1E1852;
}
.enseigne-body #bottom-container{
    margin-left:auto;
    margin-right:auto;
}
#footer-navigation{
    max-width: 950px!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
#content {
  margin-top: 0;
}

#SearchBooking input:-ms-input-placeholder {
    font-style:italic;        
    color: #ccc;
  }