/*
 * Reset CSS
 */

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, 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 {
    border: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 100%;
    color:#555555;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

body {
    background: #fff;
}

a {
    color: #333333;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a:active,
a:hover {
    color: #555555;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 700;
    margin: 20px 0 6px;
}

h1 {
    font-size: 26px;
    line-height: 1;
}

h2 {
    font-size: 24px;
    line-height: 1;
}
/*
#bloc5 h2.en{
    margin-bottom:65px;
}
*/

h3 {
    font-size: 22px;
    line-height: 1.0909090909;
}

h4 {
    font-size: 20px;
    line-height: 1.2;
}

h5 {
    font-size: 18px;
    line-height: 1.3333333333;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
}

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b,
strong {
    font-weight: 700;
}

cite,
dfn,
em,
i {
    font-style: italic;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

p {
    margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    line-height: 1.6;
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    quotes: none;
}

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

blockquote {
    color: #333333;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}

blockquote cite,
blockquote small {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ul,
ol {
    list-style: none;
    margin: 0 0 24px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin: 0 0 0 20px;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 11px 12px 0;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

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

th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}

td {
    border-width: 0 1px 1px 0;
}

del {
    color: #333333;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background: #0079ba;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #0079ba;
    color: #fff;
    text-shadow: none;
}


/*
 * Style specifique au site
 *
 */
#site{
    width:100%;
    background-color: #fff;
}

#contenuTopHeader, #contenuPrincipal, #rechercheDispo>div, #contenuAdditionalServices, #contenuTestimonial, #contenuService, #contenuFooter, #contenuCopyright, #contenuEnteteAppartement, #contenuTransportAccess, #contenuCalendars{
    margin:auto;
}

header{
    /*
    background-image: url('../image/bgHeader.jpg');
    background-repeat: no-repeat;
    height:988px;
    */
}

.clear{
    clear: both;
}

.marginAuto{
    margin:auto;
}

#bgHeaderPage img{
    max-width: 100%;
    height:auto;
}

#topHeader{
    background-image:url('../image/degrade-header.png');
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:228px;
}

#contenuTopHeader{
    padding-top:22px;
}

.largeurSiteCentral{
    width:1170px;
    padding-left:15px;
    padding-right:15px;
}

#logo{
    display:inline-block;
    max-width:253px;
    height:auto;
}

header nav{
    display:inline-block;
    float:right;
    margin-top:30px;
}
header nav ul li{
    display:inline-block;
    list-style: none;
    padding-left:25px;
}

header nav ul li a{
    color:#fff !important;
    font-size:19px;
    font-weight: 400;
}
header nav ul li a.select{
    color:#3b3b3b !important;
}



#rechercheDispo{
    background-color: #82c1c7;
    max-width:1740px;
    margin:-40px auto 0;
}

#rechercheDispo input, #rechercheDispo select{
    border:0px;
}
#rechercheDispo select option{
    padding-left:30px;
}
#textCheckDispo{
    font-family: 'Raleway', sans-serif;
    padding-top:20px;
    display:inline-block;
}
#textCheckDispo span{
    display:block;
    color:#fff;
}
.text1CheckDispo{
    font-size:20px;
    line-height:22px;
    font-weight: bold;
}
.text2CheckDispo{
    font-size:25px;
    line-height:27px;
}
#flecheRechercheDispo{
    vertical-align: top;
    padding-left:5px;
    padding-right:10px;
}
#divCheckIn, #divCheckOut{
    display:inline-block;
    background-color:#fff;
    height:34px;
    vertical-align: top;
    padding:10px 10px 5px 10px;
    margin-top:30px;
    margin-left:5px;
    font-family: 'Roboto', sans-serif;
}
#divCheckIn span, #divCheckOut span{
    font-size:18px;
    font-family: 'Roboto', sans-serif;
}
#rechercheDispoDateEntree, #rechercheDispoDateSortie{
    width:180px;
    padding-left:20px;
    padding-right:20px;
}

.ui-datepicker th{
    width:14.285%;
}

#rechercheDispoNbNuit, #rechercheDispoNbHote, #rechercheDispoIdAppartement{
    vertical-align: top;
    margin-top:30px;
    margin-left:22px;
    padding-left:4px;
    padding-right:10px;
    height:49px;
    width:105px;
    background-image:url('../image/fleche-basse-select-dispo.png');
    background-repeat: no-repeat;
    background-position: 80px center;
    background-color: #fff;

    font-weight: 'Roboto', sans-serif;
    font-size:17px;

    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#rechercheDispoIdAppartement{
    width:244px;
    background-position: 214px center;
}

#btRechercheDispo{
    vertical-align: top;
    margin-top:30px;
    margin-left:22px;
    border:3px solid #fff;
    color:#fff;
    background-color: transparent;
    height:49px;
    width:108px;
    font-weight: 'Roboto', sans-serif;
    font-size:18px;
}

h1, .about h2{
    font-size:30px;
    font-weight: 300;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.pageAccueil h1, .pageInterieure h1{
    margin-top:60px;
    margin-bottom:30px;
}

p{
    font-size:20px;
    font-weight: 300;
}

#sloganAccueil{
    text-align: center;
}

h2{
    font-family: 'Raleway', sans-serif;
    font-size:30px;
    font-weight: 600;
    text-align: center;
}
.pageAccueil h2{
    padding-top:44px;
    margin-bottom:31px;
}


.textLiApartment{
    background-color: #fbfaf8;
    padding:30px;
}

.flecheLiApartment, .imgLiApartment {
    display:block;
}
.imgLiApartment{
    width:100%;
    height:auto;
}
.flecheLiApartment{
    margin-top:-10px;
    margin-left:19px;
}

#listeAppartementCourtSejour{
    display:flex;
    align-content: space-around;
    justify-content: space-around;
    flex-direction: row;
}

#listeAppartementLongSejour{
    display:flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

#listeAppartementCourtSejour,
#listeAppartementLongSejour{
    margin-left:0px;
}

#listeAppartementCourtSejour li,
#listeAppartementLongSejour li
{
    list-style: none;
    width:370px;
    vertical-align: top;
    margin-bottom:65px;
}
#listeAppartementCourtSejour li{
    width:auto;
    max-width: 470px;
}
#listeAppartementLongSejour li{
    display:inline-block;
}


#listeAppartementCourtSejour li .textLiApartment{
    height:240px;
}
#listeAppartementLongSejour li .textLiApartment{
    height:255px;
}
/*
.textLiApartment, #listeAppartementCourtSejour li:nth-child(3) .textLiApartment
#listeAppartementCourtSejour li:nth-child(4) .textLiApartment, #listeAppartementCourtSejour li:nth-child(5) .textLiApartment, #listeAppartementCourtSejour li:nth-child(6) .textLiApartment{
    height:198px;
}
*/

/*
#listeAppartementCourtSejour li:nth-child(2), #listeAppartementLongSejour li:nth-child(2){
    padding-left:30px;
    padding-right:30px;
}
*/

.titreApartment, .nbHoteApartment{
    font-family: 'Raleway', sans-serif;
    font-size:20px;
    font-weight: 500;
    display:block;
    float:left;
}
.nbHoteApartment{
    color:#82c1c7;
    float:right;
}
.nbLitApartment{
    display: block;
    clear: both;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
}
.textLiApartment p{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-style: italic;
    margin-bottom:0px;
}

#divAdditionalServices{
    margin-top:70px;
    width:100%;
    background-color:#fbfaf8;
    background-image: url('../image/bg-additional-services.png');
    background-position:center 75px;
    background-repeat: no-repeat;
    padding-top:75px;
}

#imgContenuAdditionalServices{
    display:inline-block;
    vertical-align: top;
}

#contenuAdditionalServices{
    vertical-align: top;
}

#contenuTexteAdditionalServices{
    width:640px;
    display:inline-block;
    padding-left:23px;
}
#contenuTexteAdditionalServices h2{
    text-align:left;
    margin-top: 0px;
    margin-bottom:30px;
}

#contenuTexteAdditionalServices p{
    font-family: 'Montserrat', sans-serif;
    font-size:24px;
    line-height:28px;
    font-weight:300;
    margin-bottom:24px;
}

#contenuTexteAdditionalServices ul{
    /*padding-left:65px;*/
    padding-left:55px;
    margin-left:0px;
    margin-bottom:5px;
}

#contenuTexteAdditionalServices ul li{
    list-style-image: url('../image/fleche-additional-services.png');
    list-style-position: outside;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin-left:25px;
    font-weight: 300;
    padding-left:25px;
    padding-bottom:5px;
}
#contenuTexteAdditionalServices ul li span{
    vertical-align: top;
}

.btBleu{
    display:inline-block;
    padding:14px 47px;
    background-color:#82c1c7;
    color:#fff !important;
    border-radius:3px;
    font-family: 'Raleway', sans-serif;
    font-weight:bolder;
    font-size:14px;
    margin-right:20px;
    margin-bottom:67px;
    float: right;
}

#divApartmentLocation h2{
    margin-top:25px;
    margin-bottom:28px;
}
#divApartmentLocation img{
    width:100%;
    height:auto;
}

#carteGoogleMaps{
    height:542px;
}

#divTestimonial{

}

#divTestimonial h2{
    font-family: 'Montserrat', sans-serif;
    color:#82c1c7;
    font-weight:300;
    font-size:36px;
    margin-top:60px;
    margin-bottom:30px;
}

#divTestimonial p{
    text-align:center;
}

#divULTestimonial ul{
    margin:0px;
    padding-top:30px;
}

#divULTestimonial ul li{
    width:370px;
    list-style:none;
}
.reviews #divULTestimonial ul li {
    width:auto;
    max-width:970px;
    margin:0px auto 30px;
    padding:0px !important;
    display:block;
}

.reviews .spanContenuTestimonial{
    height:auto;
    padding-bottom:5px;
}


.dateTestimonial{
    width:50px;
    z-index:2;
    position:relative;
    top:-27px;
    left:20px;
}
.dateTestimonial span{
    display:block;
    text-align:center;
    color:#fff;
}
.dateTestimonial span:nth-child(1) {
    background-color:#988d89;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size:19px;
    font-weight: 300;
}
.dateTestimonial span:nth-child(2) {
    background-color:#665855;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size:12px;
    font-weight: normal;
    padding-top:3px;
    padding-bottom:3px;
}

.titleTestimonial{
    display:block;
    text-align: right;
    margin-bottom:5px;
    margin-right:22px;
    font-size:20px;
    font-style: italic;
    color:#555555;
}

/* .home .titleTestimonial{ */
.titleTestimonial{
    padding-left:85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#divULTestimonial li{
    display: inline-block;
}

#divULTestimonial li:nth-child(2){
    padding-left:30px;
    padding-right:30px;
}

.spanContenuTestimonial{
    display:block;
    background-image:url('../image/bg-testimonial.png');
    /*height:194px;*/
    min-height:194px;
    z-index: 1;
    background-repeat:no-repeat;
}

.divTexteTestimonial{
    margin-top:-40px;
    padding-left:20px;
    padding-right:20px;
    /*margin-bottom:30px;*/
    padding-bottom:30px;
    text-align: justify;
}

.texteTestimonial{
    display:inline;
    padding-left:120px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 16px !important;
    font-weight: 300;
    font-style: italic;
}

.testimonialReadMore{
    font-size:14px;
    font-weight: 300;
    text-align: right;
    /*
    display:inline-block;
    */
    height:35px;
    display:block;
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
}
.testimonialReadMore a{
    padding-right:15px;
}
.testimonialReadMore a img{

    display:inline-block;

}


#divService{
   background-color:#ece9e4;
}

#contenuService{
   margin-bottom:86px;
}

#contenuService ul{
    margin:0px;
    display:flex;
    flex-direction: row;
    align-content: space-around;
}
#contenuService ul li{
    list-style: none;
    padding-top:40px;
    padding-bottom:20px;
    text-align: center;
    vertical-align: top;
    align-items: flex-start;
    margin:auto;
    height:190px;
}
#contenuService ul li img{
    display:block;
    margin:auto;
}
#contenuService ul li:nth-child(1) img{
    padding-bottom:30px;
}
#contenuService ul li:nth-child(2) img{
    padding-bottom:24px;
}
#contenuService ul li:nth-child(3) img{
    padding-bottom:24px;
}
#contenuService ul li:nth-child(4) img{
    padding-bottom:20px;
}
#contenuService ul li:nth-child(5) img{
    padding-bottom:20px;
}
#contenuService .titreService{
    font-family:'Raleway', sans-serif;
    font-size:18px;
    font-weight:500;
}
#contenuService p{
    font-weight: 300;
    font-size: 12px;
    padding-top:25px;
}

#footer{
    background-color: #665855;
    height:246px;
}

#footer ul{
    margin:0px;
    padding:0px;
}
#footer ul li{
    list-style: none;
}

#contenuFooter > ul > li{
    padding-top:27px;
    width:30%;
    display:inline-block;
    vertical-align: top;
}
#contenuFooter > ul > li:nth-child(2){
    width:35%;
}
#contenuFooter > ul > li:nth-child(3){
    width:35%;
}
#contenuFooter > ul > li:nth-child(3) > ul {
    padding-left:25px;
}


#footer ul li:nth-child(1) ul li{
    list-style-image: url('../image/logo-footer-chevron.png');
    list-style-position:inside;
}

#footer ul li, #footer ul li a, #footer ul li span{
    color:#fff !important;

}
#footer ul li:nth-child(2){
    font-size:14px;
}
#footer ul li:nth-child(3) ul li{
    display:inline-block;
    padding:0px 8px 0px 8px;
    /* padding:17px 8px 0px 8px; */
}

#footer ul li:nth-child(3) ul li:nth-child(1){
    padding-left:1px;
}


.titreFooter{
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color:#fff;
    display:block;
    padding-bottom:12px;
}

#footerTelephone, #footerEmail{
    display:block;
    /*padding-left:6px;*/
    /*padding-bottom:20px;*/
    padding-bottom:10px;
}
#footerTelephone img{
    padding-right:12px;
}
#footerEmail img{
    padding-right:8px;
}


#copyright{
    height:109px;
    background-color:#463d3b;
}

#mentionCopyright{
    font-size:14px;
    font-weight: 300;
    color:#fff;
    float:left;
    padding-top:40px;
    padding-left:12px;
}
#creditCopyright{
    font-size:13px;
    font-weight:300;
    color:#fff;
    float:right;
    padding-top:40px;
    padding-right:12px;
}
#mentionCopyright span, #creditCopyright a, #creditCopyright span{
    color:#fff;
}
#mentionCopyright span, #creditCopyright span{
    padding-left:10px;
    padding-right:10px;
}

.bx-wrapper{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border : 0px;
}

#sectionPrincipal{

}

.home #sectionPrincipal, .apartments #sectionPrincipal{
    position: relative;
    margin-top:-105px;
}

#sloganDiapo{
    position:absolute;
    top:350px;
    left:0;
    right:0;
    margin:auto;
    max-width:980px;
    background-image: url('../image/bg-slogan-header.png');
    background-repeat: repeat-y;
    border-radius: 5px;
    padding-top:15px;
    padding-bottom:20px;
    border:2px solid #fff;
}
.titre1SlodanDiapo{
    font-family: 'Raleway', sans-serif;
    font-size:36px;
    line-height:46px;
    display: block;
    text-align: center;
    color:#fff !important;
}
.titre2SlodanDiapo{
    font-family: 'Raleway', sans-serif;
    font-size:52px;
    line-height:66px;
    font-weight: 600;
    display: block;
    text-align: center;
    color:#fff !important;
}
#sloganDiapo p{
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    color:#fff !important;
    max-width: 820px;
    display:block;
    margin:0 auto;
    /*font-weight:bold;*/
}

#navTemoignage, #navCalendrier{
    text-align: center;
}

#flecheGaucheSolutionsDediees,
#flecheDroiteSolutionsDediees,
#flecheGaucheCalendrier,
#flecheDroiteCalendrier{
    display:inline;
}
#flecheGaucheSolutionsDediees span, #flecheGaucheCalendrier span{
    display:inline-block;
    width:22px;
    height:22px;
    background-image: url('../image/fleche-gauche-temoignage.png');
}

#flecheGaucheSolutionsDediees:hover span, #flecheGaucheCalendrier:hover span{
    background-image: url('../image/fleche-gauche-temoignage-select.png');
}

#flecheDroiteSolutionsDediees span, #flecheDroiteCalendrier span{
    display:inline-block;
    width:22px;
    height:22px;
    background-image: url('../image/fleche-droite-temoignage.png');
}

#flecheDroiteSolutionsDediees:hover span, #flecheDroiteCalendrier:hover span{
    background-image: url('../image/fleche-droite-temoignage-select.png');
}

#divULTestimonial .bx-wrapper{
    margin:0px auto 10px;

}
#navTemoignage, #navCalendrier{
    margin-bottom:60px;
}



.pageInterieure{
    padding-bottom:80px;
}

/* Debut page appartement */
#enteteAppartement{
    background-color:#82c1c7;
    color:#fff;
}

#enteteAppartement h1{
    padding-top:30px;
    padding-bottom:20px;
    margin:0px;
    text-transform: uppercase;
    text-align: left;
    color:#fff;
    font-weight: bold;
}

#infoEnteteAppartement{
    width:66%;
    display:inline-block;
}

#infoEnteteAppartement ul{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content: flex-start;
    align-items:baseline;
    margin:0px 0px 20px 0px;
    padding:20px 2px 20px 0px;
}
#infoEnteteAppartement ul li{
    list-style: none;
}

#infoEnteteAppartement p, #infoEnteteAppartement span, #infoEnteteAppartement ul li {
    color:#fff;
    font-family:'Raleway', sans-serif;
    font-size:16px;
}
#infoEnteteAppartement span.legalNotice{
    font-size:16px;
    margin-top:-12px;
    padding-left:0px;
    display: block;
    font-style: italic;
}
#infoEnteteAppartement span.legalNotice b{
    font-weight:600;
}
#infoEnteteAppartement p{
    padding-top:20px;
    padding-left:2px;
    padding-bottom:20px;
}
#infoEnteteAppartement p span, #infoEnteteAppartement ul li span{
    padding-left:10px;
    padding-right:25px;
    vertical-align: bottom;
}
#dispoEnteteAppartement a{
    display:inline-block;
    text-transform: uppercase;
    color:#fff;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    border:2px solid #fff;
    border-radius:3px;
    padding:10px 60px;
}

#dispoEnteteAppartement{
    width:34%;
    display:inline-block;
    vertical-align: text-bottom;
    text-align: right;
}

#sliderAppartPage{
    margin-top:82px;
}

.pageAppartement .bx-wrapper .bx-prev{
    left:50px;
}
.pageAppartement .bx-wrapper .bx-next{
    right:50px;
}


.descriptionAppartement{
    padding-left:0px;
    padding-right:0px;
    text-align: justify;
}
.descriptionAppartement b{
    font-weight:600;
}

.pageAppartement h2{
    text-align: left;
}

#generalAppartement{
    display:inline-block;
    margin:0px;
}


.pageAppartement .liste{
    margin:0px;
    list-style: none;
    font-size:14px;
    font-weight: 300;
}

.pageAppartement .liste li{
    display:inline-block;
    padding-right:15px;
}

.pageAppartement .liste li img{
    padding-right:10px;
}
.pageAppartement .liste li span{
    display:inline-block;
    width:140px;
    vertical-align: middle;
}


#listeGeneral{
    padding-bottom:20px;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#listeGeneral li{
    /* width:280px;*/
    vertical-align: middle;
}

#listeGeneral li:last-child{
    padding-right:0px;
}

#listeGeneral li:nth-child(1){
    /*width:200px;*/
}

#listeAmenities{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#listeAmenities li{
    width:200px;
}

.liseretGris{
    display:block;
    margin:10px auto;
}
#listeAmenities li {
    padding-bottom:40px;
}

#sleepingArrangements li{
    min-width:200px;
}

#sleepingArrangements b{
    display:block;
    padding-bottom:15px;
}

#listeAmenities, #sleepingArrangements{
    padding-top:15px;
}

#testimonialAppartment{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size:36px;
    text-align: center;
    padding-top:48px;
}

.pageAppartement #divULTestimonial{
    margin:0 auto;
    width:970px;
}

.pageAppartement #divULTestimonial .bx-wrapper{
    margin-bottom:26px;
}

.pageAppartement #navTemoignage, .pageAppartement #navCalendrier{
    margin-bottom: 66px;
}


#divPageApartmentLocation{
    margin:0 auto;
    padding-left:8%;
    padding-right:8%;
    padding-top:40px;
}

#divPageApartmentLocation h2{
    padding-bottom:8px;
}

#divContenuPageApartmentLocation{
    width:50%;
    float:left;
}
#divContenuPageApartmentLocation p{
    padding-right:15px;
    font-size:18px;
}

#carteGoogleMapsPageApartment{
    width: 50%;
    height:334px;
    float:right;
}
#carteGoogleMapsPageApartment.AppMaraisChic, #carteGoogleMapsPageApartment.AppMaraisElegance{
    height:450px;
}
#carteGoogleMapsPageApartment.AppMaraisElegance{
    height:430px;
}
#carteGoogleMapsPageApartment.AppMaraisDelight{
    height:480px;
}

#carteGoogleMapsPageApartment.AppStGermainElegance{
    height:400px;
}

#carteGoogleMapsPageApartment.AppMaraisStudio{
    height:320px;
}


#divOnYourDoorstep{

}

#divOnYourDoorstep h2, #divOnYourDoorstep h3 {
    text-align: center;
}

#divOnYourDoorstep h3{
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: 200;
    color:#555555;
    margin-top:17px;
}

#divOnYourDoorstep ul{
    width: 100%;
    margin:37px 0px 0px 0px;
}
#divOnYourDoorstep ul li{
    width:268px;
    display:inline-block;
    vertical-align: top;
    margin-bottom:65px;
    border:1px solid #d6d2cd;
}
#divOnYourDoorstep li{
    margin-left:30px;
}

#divOnYourDoorstep li:nth-child(1){
    margin-left:0px;
}

.textLiDoorstep{
    padding:23px 15px 38px 15px;
    min-height: 128px;
}
.titreDoorstep{
    font-family:'Raleway', sans-serif;
    font-size:20px;
    line-height: 20px;
    font-weight: 600;
    color:#82c1c7;
    display:inline-block;
    min-height:43px;

}

.AppMaraisChic .titreDoorstep{
    min-height:64px;
}
.AppMaraisChic #divOnYourDoorstep ul li{
    height:536px;
}

.AppMaraisElegance #divOnYourDoorstep ul li{
    height:515px;
}

.AppMaraisDelight #divOnYourDoorstep ul li{
    height:536px;
}

.AppStGermainElegance #divOnYourDoorstep ul li{
    height:620px;
}

.AppMaraisStudio #divOnYourDoorstep ul li{
    height:578px;
}


.textLiDoorstep p{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-weight:300;
    margin-top:21px;
    margin-bottom:0px;
}

#divTransportAccess{
    background-color:#fbfaf8;
    width:100%;
}

#contenuTransportAccess ul{
    margin:30px 20px;
    width:100%;
}
#contenuTransportAccess ul li{
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight:400;
}
/*
#contenuTransportAccess ul > li:nth-child(2) > ul{
    margin-top:16px;
}
*/

#contenuTransportAccess > ul > li {
    vertical-align: middle;
    display:inline-block;
    width:30%;
    color:#000000;
}
#contenuTransportAccess > ul > li:nth-child(1){
    vertical-align: middle;
}
#contenuTransportAccess > ul > li:nth-child(1) h2{
    text-align: left;
}


#contenuTransportAccess > ul > li:nth-child(2) li{
    display:inline-block;
    vertical-align: middle;
}
#contenuTransportAccess > ul > li:nth-child(2) li:nth-child(1){
    padding-right:40px;
}
#contenuTransportAccess > ul > li:nth-child(2) span{
    /* padding-left:10px; */
}
#contenuTransportAccess > ul > li:nth-child(2) span:nth-child(1){
    padding-bottom:10px;
    padding-left:0px;
    display:inline-block;
}
#contenuTransportAccess > ul > li:nth-child(3) li{
    padding-bottom:20px;
}

#contenuTransportAccess > ul > li:nth-child(3)  li:nth-child(1) img{
    padding-right:40px;
}
#contenuTransportAccess > ul > li:nth-child(3)  li:nth-child(2) img{
    padding-left:3px;
    padding-right:40px;
}

#divCheckAvailability{
    padding-bottom:75px;
}

#divCheckAvailability h2, #calendars h2{
    font-family:'Montserrat', sans-serif;
    font-size:36px;
    text-align: center;
    font-weight: 300;
    color:#555555;
    padding-bottom:35px;
    padding-top:30px;
}

#divForm1CheckAvailability{
    max-width:400px;
    display:block;
    margin:0 auto;
}
#divFormCheckAvailability{
    display:block;
}
#divFormCheckAvailability, #divForm1CheckAvailability{
    border: 1px solid #988d89;
    background-color:#fbfaf8;
    padding:13px 40px;
    vertical-align: top;
}
#divFormCheckAvailability label, #divForm1CheckAvailability label{
    display:block;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-weight: 400;
    padding-bottom:8px;
}
#divFormCheckAvailability input[type=text], #divForm1CheckAvailability input[type=text] {
    border: 1px solid #988d89;
    width:80%;
    height:49px;
    padding:4px 14px;
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
}
#divForm1CheckAvailability input[type=text]{
    width:100%;
}

#formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate, #formNight, #formGuest, #formFlexibleDate, #formComment, #formSubmit,
#formCheckInDateForm1,#formCheckOutDateForm1{
    display:inline-block;
    padding-bottom:45px;
    vertical-align: top;
}
#formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate{
    width:33%;
}
#formCheckInDateForm1{
    width:46%;
    margin-right:6%;
}
#formCheckOutDateForm1{
     width:46%;
 }

#spanCheckAvailability{
    text-align: center;
    display: block;
}

#btCheckAvailability {
    float: none;
    margin-bottom:40px;
}

#formSubmit{
    padding-top:65px;
}


#formComment{
    width:50%;
}
#formSubmit{
    width:50%;
}

#formNight, #formGuest, #formFlexibleDate{
    width:20%;
    vertical-align: top;
}

#guest, #night {
    vertical-align: top;
    padding-left:10px;
    padding-right:10px;
    height:49px;
    width:105px;
    background-image:url('../image/fleche-basse-select-dispo.png');
    background-repeat: no-repeat;
    background-position: 80px center;

    font-size:14px;
    font-family: 'Montserrat', sans-serif;

    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#formFlexibleDate{
   padding-top:35px;
}


.labelCheckbox {
    display: inline-block !important;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.labelCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border:1px solid #988d89;
}

/* On mouse-over, add a grey background color */
.labelCheckbox:hover input[type=checkbox] ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.labelCheckbox input[type=checkbox]:checked ~ .checkmark {
    background-color: #82c1c7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.labelCheckbox input[type=checkbox]:checked ~ .checkmark:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.labelCheckbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#comment{
    height:136px;
    width:90%;
    border: 1px solid #988d89;
    padding:10px 14px;
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
    resize: none;
}
#checkboxReceiveUpdate{
    margin-top:35px;
    margin-bottom:45px;
}
#btSubmitAvailability{
    text-transform: uppercase;
    margin: auto;
    float:none;
    display:block;
    width:200px;
    text-align: center;
    cursor: pointer;
}

/* Fin page appartement */

#menuBurger{
    display:none;
}

/* Debut affichage calendrier */

#calendars{

}
#calendars .bx-wrapper{
    margin-bottom:30px;
}
#contenuCalendars{

}
#contenuCalendars ul{
    margin-left:0px;
}
#contenuCalendars .calendar{
    border: 1px solid #988d89;
}

#contenuCalendars .calendar span{
    text-align: center;
    display:block;
    font-weight: bold;
    padding-bottom:5px;
}

#contenuCalendars .calendar table{
    /*width:350px;*/
    border-color:#fff;
    border:0px solid;
}
#contenuCalendars .calendar table th, #contenuCalendars .calendar table td{
    text-align: center;
    border-color:#fff;
    border:0px solid;
    width:14.2857%;
}
#contenuCalendars .calendar table td{
    border-bottom:3px #fff solid;
}
#contenuCalendars .calendar table td.booked{
    background-color:#ccc;
}

/* Fin affichage calendrier */

#msgAppartementCourtSejour,
#msgAppartementLongSejour{
    text-align: center;
    display:none;
}

#btPayerStripe{
    text-transform: uppercase;
    margin: auto;
    float: none;
    display: block;
    width: 120px;
    text-align: center;
    cursor: pointer;
}
@media (max-width: 1699px) {
    #sloganDiapo {
        top: 18vw;
    }
    .bx-wrapper .bx-prev{
        left:100px;
    }
    .bx-wrapper .bx-next{
        right:100px;
    }
    .home #sectionPrincipal, .apartments #sectionPrincipal{
        margin-top:-60px;
    }
}

@media (max-width: 1499px) {

    .bx-wrapper .bx-prev{
        left:75px;
    }
    .bx-wrapper .bx-next{
        right:75px;
    }
    .titre1SlodanDiapo{
        font-size:32px;
        line-height: 40px;
    }
    .titre2SlodanDiapo{
        font-size:44px;
        line-height:55px;
        padding-bottom:20px;
    }

    #sloganDiapo{
        max-width:900px;
    }

}
@media (max-width: 1350px) {
    .titre1SlodanDiapo {
        font-size: 30px;
        line-height: 38px;
    }
    .titre2SlodanDiapo {
        font-size: 40px;
        line-height: 52px;
    }
    #sloganDiapo{
        max-width:800px;
    }
}
@media (max-width: 1199px) {

    #sloganDiapo {
        top: 18vw;
        max-width:750px;
    }

    .largeurSiteCentral{
        width:970px;
        padding-left:15px;
        padding-right:15px;
    }

    p{
        font-size:18px;
    }

    h1, h2{
        font-size:26px;
    }

    .titre1SlodanDiapo {
        font-size: 28px;
        line-height: 35px;
    }
    .titre2SlodanDiapo {
        font-size: 36px;
        line-height: 48px;
    }

    .bx-wrapper .bx-prev{
        left:50px;
    }
    .bx-wrapper .bx-next{
        right:50px;
    }

    #sloganDiapo p{
        font-size:21px;
    }

    #textCheckDispo{
        display:block;
        text-align: center;
    }
    #textCheckDispo span{
        display:inline-block;
    }

    #flecheRechercheDispo{
        display:none;
    }
    .text1CheckDispo{
        font-size:25px;
        line-height: 27px;
        font-weight: normal;
        padding-right:10px;
    }
    #formRechercheDispo{
        text-align:center;
    }
    #divCheckIn{
        margin-left:0px;
    }

    #divCheckIn, #divCheckOut, #rechercheDispoNbNuit, #rechercheDispoNbHote, #rechercheDispoIdAppartement,#btRechercheDispo{
        margin-top: 20px;
        margin-bottom: 20px;
    }


    #listeAppartementCourtSejour, #listeAppartementLongSejour{
        text-align: center;
    }

    #listeAppartementCourtSejour li .textLiApartment, #listeAppartementLongSejour li .textLiApartment{
        /*height:255px !important;*/
        text-align: left;
    }

    #listeAppartementCourtSejour{
        justify-content: space-between;
    }
    #listeAppartementLongSejour{
        justify-content: space-around;
    }

    #listeAppartementLongSejour li{
    /*
        padding-left:55px !important;
        padding-right:55px !important;
     */
        margin-bottom:40px;
    }



    #divAdditionalServices{
        background-image: none;
    }

    #imgContenuAdditionalServices{
        width:410px;
        height:auto;
    }
    #contenuTexteAdditionalServices{
        width:530px;
    }

    #contenuTexteAdditionalServices p{
        font-size:18px;
    }
    #contenuTexteAdditionalServices ul{
        padding-left:35px;
    }
    #contenuTexteAdditionalServices ul li{
        font-size:14px;
    }

    #carteGoogleMaps{
        height:500px;
    }

    #divULTestimonialResponsive{
        width:770px;
        margin:auto;
    }
    .titreFooter{
        font-size:22px;
    }
    #footer ul li {
        font-size:14px;
    }
    /*
    #contenuFooter > ul > li:nth-child(1){
        width:18%;
    }
    #contenuFooter > ul > li:nth-child(2){
        width:22%;
    }
    #contenuFooter > ul > li:nth-child(3){
        width:32%;
    }
    #contenuFooter > ul > li:nth-child(4){
        width:24%;
    }
    */

    #contenuFooter > ul > li:nth-child(3) > ul {
        padding-left:15px;
    }

    /*
    #footer ul li:nth-child(3) ul li{
        padding: 0px 4px 0px 5px;
    }
    */

    #infoEnteteAppartement, #dispoEnteteAppartement{
        width:100%;
    }
    #infoEnteteAppartement ul li{
        padding-bottom:5px;
    }
    #dispoEnteteAppartement{
        padding-bottom:20px;
        text-align: center;
    }

    #listeGeneral li{
        /*
        width:240px;
        */
    }

    #listeGeneral li:nth-child(1){
        width:100%;
        padding-bottom:15px;
        /*
        width:170px;
        */
    }
    #listeAmenities li{
        width:225px;
    }
    .pageAppartement .liste li span{
        width:165px;
    }
    .pageAppartement #divULTestimonial{
        width:770px;
    }
    #carteGoogleMapsPageApartment.AppMaraisChic{
        height:590px;
    }
    #carteGoogleMapsPageApartment.AppMaraisElegance{
        height:535px;
    }
    #carteGoogleMapsPageApartment.AppMaraisStudio{
        height:400px;
    }
    #carteGoogleMapsPageApartment.AppStGermainElegance{
        height:480px;
    }
    #carteGoogleMapsPageApartment.AppMaraisDelight{
        height:590px;
    }
    #divOnYourDoorstep li, #divOnYourDoorstep li:nth-child(1){
        margin-left:143px;
    }
    .AppMaraisElegance #divOnYourDoorstep ul li:nth-child(1), .AppMaraisElegance #divOnYourDoorstep ul li:nth-child(2),
    .AppMaraisDelight #divOnYourDoorstep ul li:nth-child(1), .AppMaraisDelight #divOnYourDoorstep ul li:nth-child(2),
    .AppMaraisChic #divOnYourDoorstep ul li:nth-child(1), .AppMaraisChic #divOnYourDoorstep ul li:nth-child(2){
        height:494px;
    }
    .AppMaraisStudio #divOnYourDoorstep ul li:nth-child(1), .AppMaraisStudio #divOnYourDoorstep ul li:nth-child(2){
        height:472px;
    }
    .AppStGermainElegance #divOnYourDoorstep ul li:nth-child(3), .AppStGermainElegance #divOnYourDoorstep ul li:nth-child(4){
        height:536px;
    }
    #contenuCalendars .bx-wrapper{
        max-width: 770px !important;
        margin: 0 auto 30px;
    }

}
@media (max-width: 1001px) {

    .largeurSiteCentral{
        width:730px;
        padding-left:15px;
        padding-right:15px;
    }

    p, #divContenuPageApartmentLocation p{
        font-size:17px;
    }

    #logo{
        width:170px;
        height:auto;
    }

    header nav ul li{
        padding-left:20px;
    }

    header nav ul li a{
        font-size:15px;
    }

    .titre1SlodanDiapo{
        font-size:25px;
        line-height:29px;
    }
    .titre2SlodanDiapo{
        font-size:28px;
        line-height:37px;
    }
    #sloganDiapo{
        top: 16vw;
        max-width:540px;
    }
    #sloganDiapo p{
        font-size:16px;
        max-width:500px;
    }

    #listeAppartementCourtSejour li, #listeAppartementLongSejour li{
        width:340px;
        padding-left:12px !important;
        padding-right:13px !important;
        margin-bottom: 25px;
    }

    #listeAppartementCourtSejour li .textLiApartment, #listeAppartementLongSejour li .textLiApartment{
        /* height:255px !important; */
    }

    .titreApartment, .nbHoteApartment{
        font-size:18px;
    }
    .textLiApartment p{
        font-size:13px;
    }

    #imgContenuAdditionalServices{
        display:block;
        margin:auto;
        width:476px;
        margin-bottom:30px;
        display:none;
    }
    #contenuTexteAdditionalServices{
        width:100%;
    }

    #rechercheDispoDateEntree, #rechercheDispoDateSortie{
        width:120px;
    }

    #divCheckIn span, #divCheckOut span, #rechercheDispoNbNuit, #rechercheDispoNbHote, #rechercheDispoIdAppartement{
        font-size:14px;
    }
    #rechercheDispoNbNuit, #rechercheDispoNbHote, #rechercheDispoIdAppartement{
        margin-left:15px;
    }
    #btRechercheDispo{
        display:block;
        margin:10px auto 20px;
    }

    #rechercheDispo{
        padding-bottom:15px;
    }

    #carteGoogleMaps{
        height:450px;
    }

    #divTestimonial h2{
        font-size:32px;
    }

    #contenuService ul li:nth-child(2) p{
        padding-left:5px;
    }

    #contenuService ul li{
        height:230px;
    }


    #divULTestimonialResponsive{
        width:400px;
    }

    #contenuTexteAdditionalServices{
        padding-left:0px;
    }

    .pageAppartement #divULTestimonialResponsive, .pageAppartement #divULTestimonial{
        width : 630px;
    }
    #enteteAppartement h1{
        padding-top:20px;
    }
    #infoEnteteAppartement p, #infoEnteteAppartement ul{
        padding-top:10px;
        padding-bottom:0px;
    }

    #listeGeneral li{
        /*
        width:225px;
        */
    }
    #sleepingArrangements li{
        min-width:225px;
    }
    #divContenuPageApartmentLocation, #carteGoogleMapsPageApartment{
        width:100%;
    }
    #carteGoogleMapsPageApartment.AppMaraisChic,
    #carteGoogleMapsPageApartment.AppMaraisDelight,
    #carteGoogleMapsPageApartment.AppMaraisStudio,
    #carteGoogleMapsPageApartment.AppStGermainElegance,
    #carteGoogleMapsPageApartment.AppMaraisElegance{
        height:400px;
    }
    #divOnYourDoorstep li, #divOnYourDoorstep li:nth-child(1){
        margin-left:63px;
    }
    #contenuTransportAccess ul{
        margin: 30px 0px;
    }
    #contenuTransportAccess > ul > li{
        width:50%;
    }
    #contenuTransportAccess > ul > li:nth-child(1){
        width:100%;
    }
    #contenuCalendars .bx-wrapper ul li{
        max-width:288px !important;
    }
    #contenuCalendars .bx-wrapper {
        max-width:610px !important;
    }
    .pageAppartement .bx-wrapper .bx-controls-direction a{
        top:42%;
    }
    /*
    #contenuFooter > ul > li{
        width:50% !important;
    }
*/
    #contenuFooter > ul > li:nth-child(1){
        width:22% !important;
    }
    #contenuFooter > ul > li:nth-child(2){
        width:45% !important;
    }
    #contenuFooter > ul > li:nth-child(3){
        width:33% !important;
    }
    .titreFooter{
        font-size:18px;
    }

    #copyright{
        height:auto;
    }
    #footer{
        height:178px;
    }

    #contenuFooter > ul > li:nth-child(3) > ul {
        padding-left:0px;
    }

    #contenuFooter > ul > li:nth-child(3) > ul li {
        padding:0px 6px 0px 6px;
    }


    #mentionCopyright, #creditCopyright{
        padding-top:25px;
        font-size:12px;
    }

    #creditCopyright{
        padding-bottom:25px;
    }

}
@media (max-width: 767px) {

    #sloganDiapo{
        display: none;
    }
    #footer{
        height:auto;
    }

    .largeurSiteCentral{
        width:545px;
        padding-left:10px;
        padding-right:10px;
    }

    h1, h2 {
        font-size: 22px;
    }
    #divTestimonial h2{
        font-size:28px;
    }
    p, #contenuTexteAdditionalServices p, #divContenuPageApartmentLocation p {
        font-size: 16px;
    }
    #contenuTexteAdditionalServices p{
        line-height:22px;
    }
    #contenuTexteAdditionalServices ul li{
        font-size:13px;
    }
    #contenuTexteAdditionalServices ul{
        padding-left:20px;
    }

    #contenuTexteAdditionalServices ul li{
        list-style-image: url('../image/fleche-additional-services-mobile.png');
        line-height: 21px;
    }

    #menuBurger{
        display:block;
        position:absolute;
        top:0px;
        right:0px;
        padding-right:10px;
        padding-left:10px;
        padding-top:10px;
        background-color:#463d3b;
        border:2px solid #665855;
        border-radius:3px;
        width:30px;
        z-index:201;
    }
    #menuBurger.open{
        border:0px;
        border-radius:0px;
    }

    header nav{
        position:fixed;
        top:0;
        right:0;
        background-color:#463d3b;
        z-index:110;
        margin-top:0px;
        overflow: hidden;
    }

    header nav ul.open{
        height:100vh;
        display:block;
    }

    header nav ul{
        display:none;
        margin-left:0px;
    }

    header nav ul li{
        display:block;
        padding-right:20px;
        padding-top:10px;
    }

    header nav ul li:nth-child(1){
        padding-top:50px;
    }

    header nav ul li a.select{
        color:#82c1c7 !important;
    }

    #sloganDiapo{
        top:130px;
    }

    #sloganDiapo p{
        display:none;
    }

    .titre1SlodanDiapo, .titre2SlodanDiapo{
        max-width:80%;
        margin:auto;
    }
    .titre1SlodanDiapo{
        font-size:22px;
        line-height:26px;
    }
    .titre2SlodanDiapo{
        font-size:25px;
        line-height:32px;
    }

    #divCheckIn, #divCheckOut, #rechercheDispoIdAppartement{
        margin-left:0px;
    }
    #rechercheDispoIdAppartement{
        width:334px;
        background-position: 307px center;
    }
    #btRechercheDispo{
        display:inline-block;
        margin-top: 20px;
        margin-left:11px;
     }


    #listeAppartementCourtSejour li, #listeAppartementLongSejour li{
        width:370px;
    }

    #listeAppartementCourtSejour li .textLiApartment, #listeAppartementLongSejour li .textLiApartment{
        height:auto !important;
    }

    #divAdditionalServices{
        padding-top:45px;
    }
    /* #divApartmentLocation h2, */
    #divTestimonial h2{
        margin-top:45px;
    }


    #contenuService{
        margin-bottom:60px;
    }

    #contenuService ul{
        display:block;
        text-align: center;
    }

    #contenuService ul li{
        display:inline-block;
        padding-left:5px;
        padding-right:5px;
        width:165px;
        height:190px;
        padding-top:30px;
    }
    #contenuService ul li:nth-child(1), #contenuService ul li:nth-child(2){
        width:260px;
    }



    #infoEnteteAppartement p span, #infoEnteteAppartement ul li span{
        padding-right:12px;
    }
    .pageAppartement #divULTestimonialResponsive, .pageAppartement #divULTestimonial{
        width:505px;
    }
    .pageAppartement .bx-wrapper .bx-prev,
    .pageAppartement .bx-wrapper .bx-next,
    header .bx-wrapper .bx-prev,
    header .bx-wrapper .bx-next{
        width: 30px;
        height: 55px;
        top:50%;
        background-size: 100%;
    }
    .pageAppartement .bx-wrapper .bx-prev,
    header .bx-wrapper .bx-prev{
        left:20px;
    }
    .pageAppartement .bx-wrapper .bx-next,
    header .bx-wrapper .bx-next{
        right:20px;
    }
    #listeGeneral li{
        padding-bottom: 15px;
    }
    #listeAmenities li,
    #listeGeneral li{
        width:255px;
    }
    #listeGeneral li:nth-child(3) img{
        padding-right:13px;
    }
    #listeGeneral li:nth-child(4) img{
        padding-left:8px;
        padding-right:18px;
    }
    .pageAppartement .liste li span{
        width:195px;
    }
    #sleepingArrangements li{
        padding-bottom:15px;
    }
    #divOnYourDoorstep li, #divOnYourDoorstep li:nth-child(1){
        margin-left:0px;
    }
    #divOnYourDoorstep li:nth-child(2),
    #divOnYourDoorstep li:nth-child(4){
        margin-left:5px;
    }

    #contenuTransportAccess > ul > li:nth-child(2) li:nth-child(1),
    #contenuTransportAccess > ul > li:nth-child(3) li:nth-child(1) img
    {
        padding-right:20px;
    }
    #contenuTransportAccess > ul > li:nth-child(3) li:nth-child(2) img{
        padding-right:21px;
    }

    #contenuCalendars .bx-wrapper{
        max-width:290px !important;
    }
    #formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate, #formGuest{
        width:49%;
        padding-bottom:25px;
    }
    #formGuest{
        width:49%;
    }
    #guest{
        width:80%;
        background-position:170px center;
    }
    #formComment{
        width:100%;
    }
    #comment{
        width:88%;
    }
    #divFormCheckAvailability, #divForm1CheckAvailability{
        padding-right:0px;
    }
    #formSubmit{
        width:88%;
        padding-top:0px;
    }


    #listeAppartementCourtSejour{
        flex-wrap: wrap;
    }
    #listeAppartementCourtSejour,
    #listeAppartementLongSejour{
        justify-content: space-around;
    }



    #contenuFooter > ul > li:nth-child(1){
        width:45% !important;
    }
    #contenuFooter > ul > li:nth-child(2){
        width:55% !important;
    }
    #contenuFooter > ul > li:nth-child(3){
        width:100% !important;
    }
    #contenuFooter > ul > li:nth-child(3){
        padding-bottom:30px;
    }

    #mentionCopyright, #creditCopyright{
        float:none;
        margin:auto;
        text-align: center;
        padding-left:0px;
        padding-right:0px;
    }
}
@media (max-width: 565px) {

    #contenuTopHeader{
        text-align: center;
    }

    #site{
        min-width:320px;
    }

    .largeurSiteCentral{
        width:290px;
        min-width:290px;
        padding-left:15px;
        padding-right:15px;
    }

    p, #contenuTexteAdditionalServices p, #divContenuPageApartmentLocation p {
        font-size: 15px;
    }
    #contenuTexteAdditionalServices p{
        line-height:20px;
    }

    #formRechercheDispo{
        width:290px;
        display:block;
        margin:auto;
    }
    #divCheckIn, #divCheckOut, #rechercheDispoNbNuit, #rechercheDispoNbHote, #rechercheDispoIdAppartement, #btRechercheDispo{
        margin-top:12px;
        margin-bottom:12px;
    }

    #divCheckIn span, #divCheckOut span{
        display:inline-block;
        width:65px;
        text-align: left;
    }
    #rechercheDispoDateEntree, #rechercheDispoDateSortie{
        width:190px;
    }

    #textCheckDispo{
        padding-top:15px;
    }
    .text1CheckDispo, .text2CheckDispo{
        font-size:20px;
        line-height:22px;
    }
    #rechercheDispoIdAppartement{
        width:290px;
        background-position: 263px center;
        margin-left:0px;
    }
    #rechercheDispoNbNuit, #rechercheDispoNbHote{
        width:135px;
        background-position: 110px center;
        margin-left:0px;
    }
    #btRechercheDispo{
        margin:auto;
        display:block;
    }

    #rechercheDispoNbNuit{
        margin-left:0px;
    }
    #rechercheDispoNbHote{

    }

    #listeAppartementCourtSejour li, #listeAppartementLongSejour li{
        max-width:370px;
        width:auto;
    }

    div.bx-controls{
        display:none;
    }

    #sloganDiapo{
        top:115px;
    }

    .titre1SlodanDiapo{
        display:none;
    }
    .titre2SlodanDiapo{
        width:95%;
        font-size:18px;
        line-height: 23px;
    }

    #contenuTexteAdditionalServices{
        padding-left:0px;
    }

    .titreApartment, .nbHoteApartment{
        float:none;
    }
    .nbHoteApartment{
        padding-bottom:5px;
    }

    #contenuService ul li:nth-child(1), #contenuService ul li:nth-child(2),
    #contenuService ul li:nth-child(3), #contenuService ul li:nth-child(4),
    #contenuService ul li:nth-child(5){
        width:260px;
        display:block;
        height:auto;
    }

    #contenuTransportAccess > ul > li:nth-child(2) li:nth-child(1) {
        padding-right:15px;
    }
    #contenuTransportAccess > ul > li:nth-child(3) li:nth-child(1) img{
        padding-left:4px;
    }
    #contenuTransportAccess > ul > li:nth-child(3) li:nth-child(2) img{
        padding-left:6px;
    }

    #divULTestimonialResponsive{
        width:290px;
    }
    #divULTestimonial {
        width:290px !important;
    }
    .titleTestimonial{
        font-size:16px;
    }
    .texteTestimonial{
        font-size:12px;
        line-height:14px !important;
    }

    #contenuFooter > ul > li:nth-child(1),#contenuFooter > ul > li:nth-child(2),#contenuFooter > ul > li:nth-child(3){
        width:100% !important;
    }

    #listeAmenities li, #listeGeneral li{
        width:275px;
    }
    .pageAppartement .liste li span{
        width:215px;
    }

    .pageAppartement #divULTestimonialResponsive, .pageAppartement #divULTestimonial{
        width:290px !important;
    }
    .liseretGris{
        width:100%;
    }
    #divFormCheckAvailability, #divForm1CheckAvailability{
        padding-left:20px;
        padding-right:20px;
    }
    #formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate, #formGuest, #comment, #guest{
        width:100%;
    }
    #divFormCheckAvailability input[type=text], #divForm1CheckAvailability input[type=text]{
        width:100%;
    }
    #guest {
        background-position: 220px center;
    }
    #btSubmitAvailability{
        width:153px;
    }
    #divULTestimonial ul li, #divULTestimonial li:nth-child(2){
        padding-right:10px !important;
        padding-left:10px !important;
        width:270px !important;
    }
    #divOnYourDoorstep ul li{
        margin: 0px auto 30px !important;
        display:block;
        height:auto !important;
    }
    #divPageApartmentLocation{
        padding-left:0px;
        padding-right:0px;
    }
    #contenuTransportAccess > ul > li{
        width:100%;
    }
    #contenuTransportAccess ul{
        margin: 15px 0px;
    }
    #contenuService ul li{
        padding-top:20px;
        padding-bottom:10px;
    }
    #dispoEnteteAppartement a{
        font-size:16px;
    }
    #infoEnteteAppartement p, #infoEnteteAppartement span, #infoEnteteAppartement ul li span{
        font-size:15px;
    }
    #infoEnteteAppartement p img, #infoEnteteAppartement ul li img{
        vertical-align: top;
    }
    #infoEnteteAppartement p span, #infoEnteteAppartement ul li span {
        padding-bottom: 15px;
        display: inline-block;
    }

    .AppMaraisDelight #infoEnteteAppartement p span:nth-child(4),
    .AppMaraisDelight #infoEnteteAppartement ul li span:nth-child(4){
        padding-right:19px;
    }
    .AppMaraisStudio #infoEnteteAppartement p span:nth-child(4),
    .AppMaraisStudio #infoEnteteAppartement ul li span:nth-child(4)
    {
        padding-right:13px;
    }

    #creditCopyright span{
        display:none;
    }
    #creditCopyright a{
        display:block;
        margin:auto;
        padding-bottom:10px;
    }
}

#nav-icon3{
    width: 25px;
    height: 30px;
    position: relative;
    margin:0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fbfaf8;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 9px;
}

#nav-icon3 span:nth-child(4) {
    top: 18px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}