/*
 * 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: 'Raleway', 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: #645537;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

body {
    background: #fff;
}

a {
    color: #645537;
    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: #645537;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}

blockquote cite,
blockquote small {
    color: #645537;
    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: #645537;
}

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, #contenuTestimonial, #contenuService, #contenuFooter, #contenuCopyright, #contenuEnteteAppartement, #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;
}

.text1CheckDispo{
    font-size:20px;
    line-height:22px;
    font-weight: bold;
}
.text2CheckDispo{
    font-size:25px;
    line-height:27px;
}

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



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

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

.p-t-10{
    padding-top:10px;
}

.p-t-15{
    padding-top:15px;
}

.p-t-20{
    padding-top:20px;
}

.p-t-30{
    padding-top:30px;
}

.p-b-10{
    padding-bottom:10px;
}

.p-b-15{
    padding-bottom:15px;
}

.p-b-20{
    padding-bottom:20px;
}

.p-b-30{
    padding-bottom:30px;
}

.alignCenter{
    text-align: center;
}

.alignLeft{
    text-align: left;
}

.alignRight{
    text-align: right;
}

#sloganAccueil{
    padding-top:52px;
    text-align: justify;
}

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

.col-2{
    display:flex;
}

.col-2 > div{
    flex-basis:50%;
}

.imgLiApartment {
    display:block;
    width:100%;
    height:auto;
}

.btBleu{
    display:inline-block;
    padding:14px 47px;
    background-color:#c1b28f;
    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: 'Raleway', sans-serif;
    color:#c1b28f;
    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;
}

.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;
    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: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 16px !important;
    font-weight: 300;
    font-style: italic;
}

#divService{
   background-color:#f6f4ef;
}

#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:180px;
}
#contenuService ul li img{
    display:block;
    margin:auto;
}
#contenuService ul li:nth-child(1) img{
    padding-bottom:20px;
}
#contenuService ul li:nth-child(2) img{
    padding-bottom:30px;
}
#contenuService ul li:nth-child(3) img{
    padding-bottom:20px;
}
#contenuService ul li:nth-child(4) img{
    padding-bottom:25px;
}
#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:10px;
}

#footer{
    background-color: #c1b28f;
    height:200px;
}

#contenuFooter{
    padding-top:25px;
    padding-bottom:25px;
}

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

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

}

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

#footerTelephone, #footerEmail{
    display:block;
    padding-bottom:0px;
}
#footerTelephone img{
    padding-right:12px;
}
#footerEmail img{
    padding-right:8px;
}

#copyright{
    height:109px;
    background-color:#97804a;
}

#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, #mentionCopyright a, #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: relative;
    top:unset;
    bottom:300px;
    width:100%;
    max-width:100%;
    margin:0;
    margin-bottom:-260px;
    padding-top:15px;
    padding-bottom:20px;
}
.titre2SloganDiapo{
    font-family: 'Raleway', sans-serif;
    font-size:52px;
    line-height:1.27em;
    font-weight: 600;
    display: block;
    text-align:right;
    padding-right:40px;
    color:#fff !important;
}
#sloganDiapo p{
    text-align:right;
    max-width:100%;
    padding-right:40px;
    font-size:30px;
    font-weight:600;
    text-align: right;
    color:#fff !important;
    display:block;
    margin:0 auto;
}

#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-top:80px;
    padding-bottom:80px;
}

.pageInterieure h1{
    padding-top:1em;
    font-size: 36px;
}
.pageInterieure h2{
    text-align: left;
    padding-top:1.5em;
    padding-bottom:0.75em;
}


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

#enteteAppartement h1{
    padding-top:25px;
    padding-bottom:15px;
    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 15px 0px;
    padding:10px 2px 15px 0px;
}
#infoEnteteAppartement ul li{
    list-style: none;
}

#infoEnteteAppartement p, #infoEnteteAppartement span, #infoEnteteAppartement ul li {
    color:#fff;
    font-family:'Raleway', sans-serif;
    font-size:22px;
}
#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;
}

#divSliderExterieur .bx-wrapper{
    margin-bottom:0;
}

#sliderExterieur{
    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;
}


.col-2 div:nth-child(2) .liste{
    text-align: right;
}

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

.liste li{
    padding: 4px 15px;
}

#listePiece .liste li{
    padding: 8px 15px;
}

.liseretGris{
    display:block;
    margin:10px auto;
}

.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:410px;
    float:right;
}


#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:#c1b28f;
    display:inline-block;
    min-height:80px;

}

#divOnYourDoorstep ul li{
    height:565px;
}

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

#divCheckAvailability{
    padding-bottom:75px;
}

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

#divFormCheckAvailability{
    display:block;
}
#divFormCheckAvailability{
    border: 1px solid #988d89;
    background-color:#f6f4ef;
    padding:13px 40px;
    vertical-align: top;
}
#divFormCheckAvailability label{
    display:block;
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    font-weight: 400;
    padding-bottom:8px;
}
#divFormCheckAvailability input[type=text] {
    border: 1px solid #988d89;
    width:83%;
    height:49px;
    padding:4px 14px;
    font-size:14px;
    font-family: 'Raleway', sans-serif;
}
#formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate, #formGuest, #formBedroom, #formComment, #formSubmit{
    display:inline-block;
    padding-bottom:45px;
    vertical-align: top;
}
#formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate{
    width:33%;
}

#formSubmit{
    padding-top:65px;
}

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

#formGuest, #formBedroom{
    width:16%;
    vertical-align: top;
}

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

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

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

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

/* Fin page appartement */


/* 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:#e3dccc;
}
/* Fin affichage calendrier */

#distanceLocalisation{
    background-color:#f6f4ef;
}

#contenuLocalisation{
    margin:auto;
    margin-top:86px;
    margin-bottom:86px;
    padding-top:40px;
    padding-bottom:30px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}


#distanceLocalisation > div > div{
    flex-basis:30%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
#distanceLocalisation > div > div > div:nth-child(1){
    flex-basis:100%;
    text-align:center;
    padding-bottom:20px;
}
#distanceLocalisation > div > div > div:nth-child(2) > div{
    display:flex;

}
#distanceLocalisation > div > div > div:nth-child(2) > div > div{
    margin:0px 10px;
}



@media (max-width: 1699px) {
    /*
    #sloganDiapo {
        top: 18vw;
    }
    */150
    .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;
    }
    .titre2SloganDiapo{
        font-size:46px;
    }
    #sloganDiapo p{
        font-size:27px;
    }
}
@media (max-width: 1350px) {

    .titre2SloganDiapo {
        font-size: 40px;
    }
    #sloganDiapo p{
        font-size:25px;
    }
}
@media (max-width: 1199px) {

    #contenuLocalisation{
        flex-wrap: wrap;
    }

    #distanceLocalisation > div > div{
        flex-basis: 50%;
        padding-bottom:20px;
    }



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

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

    p{
        font-size:18px;
    }

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


    .titre2SloganDiapo {
        font-size: 36px;
    }

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

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

    .text1CheckDispo{
        font-size:25px;
        line-height: 27px;
        font-weight: normal;
        padding-right:10px;
    }

    #divAdditionalServices{
        background-image: none;
    }

    #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;
    }
    .pageAppartement #divULTestimonial{
        width:770px;
    }

    #carteGoogleMapsPageApartment{
        height:400px;
    }

    #divOnYourDoorstep li{
        margin-left:143px;
        height:494px;
    }
    #contenuCalendars .bx-wrapper{
        max-width: 770px !important;
        margin: 0 auto 30px;
    }

    #distanceLocalisation > div > div{
        flex-basis: 50%;
        padding-bottom:50px;
    }

    #distanceLocalisation > div > div > div:nth-child(1){
        padding-bottom:15px;
    }

    #distanceLocalisation > div > div > div:nth-child(2) > div > div{
        margin: 0px 10px;
    }

    #distanceLocalisation > div > div:nth-child(3), #distanceLocalisation > div > div:nth-child(4){
        padding-bottom: 30px;
    }

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

    #contenuLocalisation{
        font-size:15px;
    }

}
@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;
    }


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

    #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;
    }

    .pageAppartement #divULTestimonialResponsive, .pageAppartement #divULTestimonial{
        width : 630px;
    }
    #enteteAppartement h1{
        padding-top:20px;
    }
    #infoEnteteAppartement p, #infoEnteteAppartement ul{
        padding-top:10px;
        padding-bottom:0px;
    }
    #divContenuPageApartmentLocation, #carteGoogleMapsPageApartment{
        width:100%;
    }
    #carteGoogleMapsPageApartment{
        height:400px;
    }
    #divOnYourDoorstep li{
        margin-left:63px;
    }
    #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;
    }

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

    #formGuest, #formBedroom {
        width: 17%;
    }
    #guest, #bedroom, #night {
        font-size: 11px;
        width:100px;
        background-position: 79px center;
    }
    .liste{
        font-size:17px;
    }
    #sloganDiapo{
        display:none;
    }

    .pageInterieure h1{
        padding-top:0;
        margin-top: 0;
    }

}
@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, #divContenuPageApartmentLocation p {
        font-size: 16px;
    }
    /*
    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:#c1b28f !important;
    }
    */
    #sloganDiapo{
        top:130px;
    }

    #sloganDiapo p{
        display:none;
    }

    .titre2SloganDiapo{
        max-width:80%;
        margin:auto;
    }
    .titre2SloganDiapo{
        font-size:25px;
        line-height:32px;
    }

    #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;
    }
    #divOnYourDoorstep li, #divOnYourDoorstep li:nth-child(1){
        margin-left:0px;
    }
    #divOnYourDoorstep li:nth-child(2),
    #divOnYourDoorstep li:nth-child(4){
        margin-left:5px;
    }

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

    #mentionCopyright, #creditCopyright{
        float:none;
        margin:auto;
        text-align: center;
        padding-left:0px;
        padding-right:0px;
    }

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

    #divOnYourDoorstep li:nth-child(2),
    #divOnYourDoorstep li:nth-child(4){
        margin-left:5px;
    }
    #formGuest, #formBedroom {
        width: 123px;
    }
    #contenuLocalisation{
        font-size:14px;
    }
    .liste{
        font-size:16px;
    }

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

    #logo{
        width:110px;
    }

    #contenuTopHeader{
        text-align: left;
    }

    #site{
        min-width:320px;
    }

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

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

    .text1CheckDispo, .text2CheckDispo{
        font-size:20px;
        line-height:22px;
    }

    div.bx-controls{
        display:none;
    }

    #sloganDiapo{
        top:115px;
    }

    .titre2SloganDiapo{
        width:95%;
        font-size:18px;
        line-height: 23px;
    }

    #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;
    }


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

    .pageAppartement #divULTestimonialResponsive, .pageAppartement #divULTestimonial{
        width:290px !important;
    }
    .liseretGris{
        width:100%;
    }
    #divFormCheckAvailability{
        padding-left:20px;
        padding-right:20px;
    }
    #formFirstName, #formLastName, #formEmail, #formCheckInDate, #formCheckOutDate, #formGuest, #formBedroom, #comment, #guest, #bedroom{
        width:100%;
    }
    #divFormCheckAvailability input[type=text]{
        width:100%;
    }
    #guest, #bedroom {
        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;
    }
    #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;
    }

    #distanceLocalisation > div > div{
        flex-basis:100%;
    }
    #distanceLocalisation > div > div{
        padding-bottom: 40px !important;
    }

    .col-2{
        flex-wrap:wrap;
    }

    .col-2 > div{
        flex-basis:100%;
    }
    .col-2 div:nth-child(2) .liste{
        text-align:left;
    }
    #listePiece.col-2 > div:nth-child(2), #contenuFooter > div:nth-child(2){
        padding-top:20px;
    }
    .liste{
        font-size:15px;
    }
}

#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: #f6f4ef;
    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%;
}

h1, h2, ul li b, p b{
    color:#c1b28f;
}

#divContenuPageApartmentLocation p{
    text-align:justify;
}