.fa-facebook-official {display:none;}

.bloglist-small {display:none;}
.blog-read {display:none;}
.latest_news {display:none;}

.btn-primary.active,
.btn-primary:active,
.btn-xl.active,
.btn-xl:active,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-xl {
    background-image: none
}
body {
    overflow-x: hidden;
    font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
    webkit-tap-highlight-color: #fed136
}
.btn-primary,
.btn-xl,
h1,
h2,
h3,
h4,
h5,
h6 {
   
    text-transform: uppercase;
    font-weight: 700
}
h3 {font-size:30px; font-weight:normal; text-transform:none; }
h3.titre { margin-top: 48px;
    margin-bottom: 25px;}
.text-muted {
    color: #777
}
.text-primary,
a {
    color:#1a1a22;
}
p {
    font-size: 14px;
    line-height: 1.75
}
p.large {
    font-size: 16px
}
a,
a.active,
a:active,
a:focus,
a:hover {
    outline: 0
}
a.active,
a:active,
a:focus,
a:hover {
    color:  #bdb9b9;
	text-decoration:none;
}
.img-centered {
    margin: 0 auto
}
.bg-light-gray {
    background-color: #eee
}
.bg-darkest-gray {
    background-color: #222
}
.btn-primary {
    color: #fff;
    background-color: #fed136;
    border-color: #fed136
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #fec503;
    border-color: #f6bf01
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #fed136;
    border-color: #fed136
}
.btn-primary .badge {
    color: #fed136;
    background-color: #fff
}
.btn-xl {
    color: #fff;
    background-color: #945492;
   
    border-radius: 3px;
    font-size: 18px;
    padding: 20px 40px
}
.btn-xl.active,
.btn-xl:active,
.btn-xl:focus,
.btn-xl:hover,
.open .dropdown-toggle.btn-xl {
    color: #fff;
    background-color: #733b71;
   
}
.btn-xl.disabled,
.btn-xl.disabled.active,
.btn-xl.disabled:active,
.btn-xl.disabled:focus,
.btn-xl.disabled:hover,
.btn-xl[disabled],
.btn-xl[disabled].active,
.btn-xl[disabled]:active,
.btn-xl[disabled]:focus,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl,
fieldset[disabled] .btn-xl.active,
fieldset[disabled] .btn-xl:active,
fieldset[disabled] .btn-xl:focus,
fieldset[disabled] .btn-xl:hover {
    background-color: #fed136;
    border-color: #fed136
}
.btn-xl .badge {
    color: #fed136;
    background-color: #fff
}
.navbar-custom {
    background-color: #222;
    border-color: transparent
}
.navbar-custom .navbar-brand {
    color: #fed136;
    font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive
}
.navbar-custom .navbar-brand.active,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:hover {
    color: #fec503
}
.navbar-custom .nav li a,
.navbar-custom .navbar-toggle {
   /* font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: Roboto Slab, Helvetica, Arial, sans-serif;
	font-size:15px;
    color: #fff;
    
}
.navbar-custom .navbar-collapse {
    border-color: rgba(255, 255, 255, .02)
}
.navbar-custom .navbar-toggle {
    background-color: #000000;
    border: none;
    font-size: 25px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:hover {
    background-color:#000000;
}
.navbar-custom .nav li a {
    font-weight: 400;
    letter-spacing: 1px;
	padding: 10px 10px;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:hover {
    color: #dca9da;
    outline: 0
}
.navbar-custom .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #fed136;
	background-color: transparent;
}



.affix-top #main-menu li.active:before{
  /*  content: "-";
    border-bottom: 1px white solid;
    display: block;
    position: absolute;
    width: 100%;
    margin-top: 45px;
	 -webkit-transition: all 0.3s ease-out;*/
} 
  
.affix #main-menu li.active:before{
  /*  content: "-";
    border-bottom: 1px white solid;
    display: block;
    position: absolute;
    width: 100%; 
    margin-top: 38px;
	 -webkit-transition: all 0.3s ease-out;*/
} 

#main-men{position:relative;}
 
.navbar-custom .navbar-nav>.active>a:focus,
.navbar-custom .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent; 
}
@media (min-width: 768px) {
    .navbar-custom {
        background-color: transparent;
		/*background-color: rgba(0, 0, 0, 0.25); */
        padding: 15px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        border: none
    }
    .navbar-custom .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
		padding:0;
    }
	.affix-top .navbar-brand img {
	position: relative;
    padding: 0;
    font-size: 0;
    width: 50px;
    -webkit-transition: all 0.3s ease-out;
	}  
	
	 .affix .navbar-brand img {
    width: 40px;
	margin-top: 6px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
	
	
    .navbar-custom .navbar-nav>.active>a {
        border-radius: 3px
    }
    .navbar-custom.affix {
        background-color: #1a1a22;
        padding: 8px 0
    }
    .navbar-custom.affix .navbar-brand {
        font-size: 1.5em
    }
}
header {
    background-image: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
   
    color: #f0f0f0; 

}

header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px
}

header h1 {
	font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
    font-weight: 300;
	margin-top: 60px;
}
header .intro-text .intro-lead-in {
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 25px
}
header .intro-text .intro-heading {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 25px
}
@media (min-width: 768px) {
    header .intro-text {
       padding-top: 340px;
    padding-bottom: 70px;
    padding-left: 80px;
    }
    header .intro-text .intro-lead-in {
        font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: italic;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 25px
    }
    header .intro-text .intro-heading {
        font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 75px;
        line-height: 75px;
        margin-bottom: 50px
    }
}
#portfolio .portfolio-item .portfolio-caption p,
section h3.section-subheading {
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic
}
section {
    padding: 100px 0
}
section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px
}
section h3.section-subheading {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 75px
}
@media (min-width: 768px) {
    section {
        padding: 150px 0
    }
}
.service-heading {
    margin: 15px 0;
    text-transform: none
}
#portfolio .portfolio-item {
    margin: 0 0 15px;
    right: 0
}
#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    max-width: 400px;
    margin: 0 auto
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(254, 209, 54, .9);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    width: 100%;
    height: 20px;
    font-size: 20px;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    color: #fff
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0
}
#portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding: 25px
}
#portfolio .portfolio-item .portfolio-caption h4 {
    text-transform: none;
    margin: 0
}
#portfolio .portfolio-item .portfolio-caption p {
    font-size: 16px;
    margin: 0
}
footer span.copyright,
footer ul.quicklinks {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
}
#portfolio * {
    z-index: 2
}
@media (min-width: 767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px
    }
}
.timeline {
    list-style: none;
    padding: 0;
    position: relative
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 2px;
    background-color: #f1f1f1;
    left: 40px;
    margin-left: -1.5px
}
.timeline>li {
    margin-bottom: 50px;
    position: relative;
    min-height: 50px
}
.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}
.timeline>li:after {
    clear: both
}
.timeline>li .timeline-panel {
    width: 100%;
    float: right;
    padding: 0 20px 0 100px;
    position: relative;
    text-align: left; 
}
.timeline>li .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}
.timeline>li .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}
.timeline>li .timeline-image {
    left: 0;
    margin-left: 0;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 100;
    background-color: #fed136;
    color: #fff;
    border-radius: 100%;
    border: 7px solid #f1f1f1;
    text-align: center
}
.timeline>li .timeline-image h4 {
    font-size: 10px;
    margin-top: 12px;
    line-height: 14px
}
.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    text-align: left;
    padding: 0 20px 0 100px
}
.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}
.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}
.timeline>li:last-child {
    margin-bottom: 0
}
.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit
}
.timeline .timeline-heading h4.subheading {
    text-transform: none
}
.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0
}
@media (min-width: 768px) {
    .timeline:before {
        left: 50%
    }
    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px
    }
    .timeline>li .timeline-panel {
        width: 41%;
        float: left;
        padding: 0 20px 20px 30px;
        text-align: right
    }
    .timeline>li .timeline-image {
        width: 100px;
        height: 100px;
        left: 50%;
        margin-left: -50px
    }
    .timeline>li .timeline-image h4 {
        font-size: 13px;
        margin-top: 16px;
        line-height: 18px
    }
    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        text-align: left;
        padding: 0 30px 20px 20px
    }
}
@media (min-width: 992px) {
    .timeline>li .timeline-panel,
    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px
    }
    .timeline>li {
        min-height: 150px
    }
    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px
    }
    .timeline>li .timeline-image h4 {
        font-size: 18px;
        margin-top: 30px;
        line-height: 26px
    }
}
@media (min-width: 1200px) {
    .timeline>li {
        min-height: 170px
    }
    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px
    }
    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px
    }
    .timeline>li .timeline-image h4 {
        margin-top: 40px
    }
    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px
    }
}
.team-member {
    text-align: center;
    margin-bottom: 50px
}
.team-member img {
    margin: 0 auto;
    border: 7px solid #fff
}
.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none
}
.team-member p {
    margin-top: 0
}
aside.clients img {
    margin: 50px auto
}
section#contact {
    background-color: #222;
    background-image: url(../img/map-image.png);
    background-position: center;
    background-repeat: no-repeat
}
section#contact .section-heading {
    color: #fff
}
section#contact .form-group {
    margin-bottom: 25px
}
section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px
}
section#contact .form-group input.form-control {
    height: auto
}
section#contact .form-group textarea.form-control {
    height: 236px
}
section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none
}
section#contact::-webkit-input-placeholder {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eee
}
section#contact:-moz-placeholder {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eee
}
section#contact::-moz-placeholder {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eee
}
section#contact:-ms-input-placeholder {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #eee
}
section#contact .text-danger {
    color: #e74c3c
}

footer span.copyright {
    line-height: 40px;
    text-transform: uppercase;
    text-transform: none
}
footer ul.quicklinks {
    margin-bottom: 0;
    line-height: 40px;
    text-transform: uppercase;
    text-transform: none
}
ul.social-buttons {
    margin-bottom: 0
}
ul.social-buttons li a {
    display: block;
    background-color: #222;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
    background-color: #fed136
}
.btn.active,
.btn:active,
.btn:active:focus,
.btn:focus {
    outline: 0
}
.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto
}
.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center
}
.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em
}
.portfolio-modal .modal-content p {
    margin-bottom: 30px
}
.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 16px
}
.portfolio-modal .modal-content ul.list-inline {
    margin-bottom: 30px;
    margin-top: 0
}
.portfolio-modal .modal-content img {
    margin-bottom: 30px
}
.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer
}
.portfolio-modal .close-modal:hover {
    opacity: .3
}
.portfolio-modal .close-modal .lr {

    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #222;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051
}
.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052
}
.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none
}
::-moz-selection {
    text-shadow: none;
    background: #b7b7c7;
}
::selection {
    text-shadow: none; 
    background: #b7b7c7;
	
}
img::selection {
    background: 0 0
}
img::-moz-selection { background: 0 0; } 

.ui-datepicker-trigger{display:block;text-align: center;margin: 0 auto;width: 30px;margin-top: 10px;}

#startdate,#enddate,#startdate3,#enddate3 {background: transparent;border: none;text-align: center; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;margin-top: 10px;text-transform: capitalize;    max-width: 270px;}
#startdate2,#enddate2{background: transparent;border: none;text-align: center; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;margin-top: 10px;text-transform: capitalize;    max-width: 270px;}

table#CheckAvailabilityContainer td {text-align:center; border-right: 1px solid grey;padding: 13px 0;}
table#CheckAvailabilityContainer td.sub {border-top: 1px solid grey;border-right:none;text-align: right;}
table#CheckAvailabilityContainer td:nth-child(2) {border-right: none;}
table#CheckAvailabilityContainer {border-top: 1px solid grey;border-bottom: 1px solid grey;margin-top: 35px;}

table#lesdates td,table#lesdates3 td {text-align:center; border-bottom: 1px solid grey;padding: 13px 0;}
table#lesdates td.sub,table#lesdates3 td.sub {border-top: 1px solid grey;border-right:none;text-align: center;} 
table#lesdates td:nth-child(2),table#lesdates3 td:nth-child(2) {border-right: none;}
table#lesdates, table#lesdates3 {border-top: 1px solid grey;border-bottom: 1px solid grey;margin-top: 35px;}


.btnCheckAvail{background: transparent; border: none;font-size: 20px; }
.ladate{font-family: Roboto, Helvetica, Arial, sans-serif;font-size: 12px; margin-top: 5px;}
p.resa {margin-top: 30px;font-size: 16px; text-transform:uppercase;letter-spacing: 1px;}
.no-padding{padding:0;}
.room-item .overlay {
    position:absolute;
    bottom:65px; 
   background: #1a1a22;
   /* padding:35px 30px 20px;*/
    width:100%;
    height:0px;
    text-align:center
}
.room-item2 .overlay {
    position:absolute;
    bottom:65px; 
   background: rgba(0, 0, 0, 0.75);
   /* padding:35px 30px 20px;*/
    width:100%;
    height:0px;
    text-align:center
}
.roboto {font-family: Roboto, Helvetica, Arial, sans-serif; }
.slab {  font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.room-item,.room-item2 {
    position:relative;
    overflow:hidden!important; 
	background: #1a1a22;
}
.room-list .room-item2 {
    margin-bottom: 30px!important;
}
 
.chambre-titre {color:white; background:#1a1a22; text-align:center;font-size:25px;padding: 15px 0;}
.letitre a {color:#f0f0f0;font-size:25px; }

.titre-det {color:#f0f0f0; margin-top: 30px;}
.desc{ padding: 0 100px;}
.desc2{ padding: 0 25px;color:white;}
a.detail-border {    border: 1px solid #f0f0f0;
    padding: 15px 50px;
    margin-top: 20px;
    display: inline-block;
    color: #f0f0f0;}
footer a.detail-border {
	padding: 15px 12px;
    font-size: 18px;
	
}
	
	
a.detail-border:hover {color:#bdb9b9; }	
	
	.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.oeuvre{background-image:url(../img/oeuvre.jpg); background-position:bottom; background-repeat:no-repeat;}
.bouton-noir {color: black;border: 1px solid #945492;padding: 10px 20px;margin-top: 30px;display: inline-block; }

.avis {
background-image: url(../img/avis.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.client-quotes{padding-left:0;}

.client-quotes li:before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 70px;
    color: #ffffff;
    font-weight: 400;
    position: absolute;
    
    line-height: normal;
}
.client-quotes .text {
    color: black;
    font-size: 18px;
    
    margin-bottom: 20px;
  padding-left: 90px;
    
}

.client-quotes .slab {
    color: black;
    font-size: 18px;
    margin-bottom: 20px;
   padding-left: 90px;
}
.client-quotes .note {
    color: black;
    font-size: 18px;
   
    padding-left: 90px;
	text-transform:uppercase;
}
.inner-padding{ margin-top:40px;}
#cd-google-map {
    position: relative;
}
#google-container {
  position: relative;
  width: 100%;
  height: 600px; 
  background-color: #e7eaf0;
}

.pad80 .room-item img, .room-item2 img {width: auto; margin: 0 auto; height: 480px; }
.pad80 .room-item,.pad80  .room-item2 {text-align:center;}

.serv h3 {margin-bottom:25px;}

@media only screen and (min-width: 768px) {
  #google-container {
    height: 300px;
  }
}
@media only screen and (min-width: 1170px) {
  #google-container {
    height: 600px;
  }
}

#cd-google-map {
  position: relative;
}
#cd-google-map address {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1em 1em;
  background-color: rgba(211, 104, 104, 0.9);
  color: white;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media only screen and (min-width: 768px) {
  #cd-google-map address {
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
  }
}

#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: #1a1a22;
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../img/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
  background-color: #d36868;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
  }
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 50px;
  }
}

#cd-zoom-out {
  background-position: 50% -32px;
}

footer h3,footerh4,footerh5,footer h6 {
    font-weight:500;
    color:#fff
}
footer a:hover {
    color:#fff
}

footer {
    color:#888;
    background:#1a1a22;
    padding:80px 0 30px
}

footer ul {
    margin:0;
    padding:0;
    float:right
}

footer li {
    display:inline;
    padding:0 10px 0 0
}

footer a {
    color:#fff
}

footer h3 {
    color:#edb83a;
    margin-bottom:30px
}

.subfooter {
   /* padding-top:30px;*/
    margin-top:20px
}

footer .date-box .day,footer .date-box .month {
    background:none
}

footer .date-box .month {
    border-top:solid 1px #6b6b6b;
}

.bloglist-small {
    list-style:none;
    margin:0;
    padding:0
}

.bloglist-small li {
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: inline-block;
} 

.bloglist-small li h5 {
    margin-bottom:5px;
	letter-spacing: 1px;
}

.bloglist-small li .txt {
    padding-left:90px;
}

.bloglist-small li .read {
    display:block;
    margin-bottom:5px
}

.bloglist-small li .info {
    display:block;
    margin:0;
    font-size:11px;
    color:#aaa
}

.bloglist-small img {
    position:absolute
}

.date-box {
    width:80px;
    position:absolute;
    text-align:center;
	overflow:hidden;
   
}

.date-box .day {
    display:block;
    font-size:28px;
    padding:5px 0;
    
    background:#1a1a22;
    color:#fff
} 

.date-box .month {
    font-size:12px;
    display:block;
    color:#fff;
    background:#555;
	padding: 5px 0;
}

.widget .date-box .month {
   color: #1a1a22;
    background: white;
    border: 1px solid #1a1a22;  
}

.blog-list .date-box .month,.blog-read .date-box .month {
    color: #020202;
    background: transparent;
	border: 1px solid black;
}

footer .date-box {
    border:solid 1px #6b6b6b
} 

address{color:white; margin-bottom: 30px;}
    
.tel {padding-left:30px;margin-top: 30px;}
.tel:before{
    position: absolute;
    content: "";
    background-image: url(../img/telephone.png);
    background-repeat: no-repeat;
    height: 25px;
    display: block;
    width: 25px;
    margin:-6px -30px;
} 

.email {padding-left:35px;margin-top: 30px;}
.email:before{
    position: absolute;
    content: "";
    background-image: url(../img/mail.png);
    background-repeat: no-repeat;
    height: 25px;
    display: block;
    width: 30px;
    margin: 0 -37px;
}
.check{color:white;}
.social-icons{ float: none;margin-top: -7px;}
.social-icons li {float: left;
    font-size: 20px;
    padding-right: 15px;}
	
	.room-item img,.room-item2 img { 
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}
	
@media (min-width: 768px) {

	/* .navbar-custom .nav li a { font-size: 12px;letter-spacing: normal; } */
	/* .affix .navbar-brand img { margin-top: 15px;} */

}
 
#subheader { 
   padding: 100px 0 20px;
    background: url(../img/fond.jpg) top center no-repeat;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
	background-size: cover;
}

#subheader span {color:#f0f0f0;font-size: 22px; }
 
#subheader2 {
    padding: 100px 0 20px;
    background: url(../img/fond.jpg) top center no-repeat;
    text-align: center;
    text-transform: uppercase;
    background-size: cover;
}

#subheader h2 { text-transform:none; font-weight:300; }

#subheader h1,#subheader h2,#subheader h3,
#subheader2 h1,#subheader2 h2,#subheader2 h3  { color:#f0f0f0;}

.widget {
    padding: 0; 
	margin-bottom:60px;
	margin-left:20px;
  }
  
  .widget h3, .widget h4, .widget h5 { margin-bottom:30px; }
address span {
    display: block;
    margin-bottom: 5px;
	color:black;
}
address span a {color:black;}
address span strong { 
    display: inline-block;
    width: 60px;
}
.price {
    font-size: 32px;
    color: #333;
   
    margin: 30px 0;
}
.room-specs{margin-top:20px; }
.room-specs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.owl-stage-outer li {
    list-style: none; }
.room-specs ul li {
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.room-specs ul li:before {
    list-style: none;
    color: #945492;   
    font-size: 14px;
    line-height: .1em;
    margin-right: 10px;
    font-family: FontAwesome;
    content: "\f046";
}



#toTop {
    z-index: 1555;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
   
    background-color: #1a1a22;
	border-radius: 50%;
}

#toTopHover:before {
	content: "\f077";
    font-family: "FontAwesome";
    color: white;
    position: absolute;
    margin: 10px 0 0 15px;
    font-size: 20px;
	
}

.affix2 {
    top:100px;
    left:10px;
	    z-index: 9999999;
}

#gallery .item {
    text-align: center;
   
    color: #333;
    
    font-size: 12px;
    width: 24.5%;
    margin: 2px 2px 0 0;
	
}

#gallery:after {
  content: '';
  display: block;
  clear: both;
}

.isotope,.isotope .isotope-item {
/* change duration value to whatever you like */
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -ms-transition-duration:.8s;
    -o-transition-duration:.8s;
    transition-duration:.8s
}

.isotope {
    -webkit-transition-property:height,width;
    -moz-transition-property:height,width;
    -ms-transition-property:height,width;
    -o-transition-property:height,width;
    transition-property:height,width
}

.isotope .isotope-item {
    -webkit-transition-property:-webkit-transform,opacity;
    -moz-transition-property:-moz-transform,opacity;
    -ms-transition-property:-ms-transform,opacity;
    -o-transition-property:-o-transform,opacity;
    transition-property:transform,opacity
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
    -webkit-transition-duration:0;
    -moz-transition-duration:0;
    -ms-transition-duration:0;
    -o-transition-duration:0;
    transition-duration:0
} 

#gallery h4, #gallery span {color:white;}

#filters {
    padding:0;
    margin:0;
  
}

#filters li {
    display:inline-block;
    margin-right:3px;
    margin-bottom:20px
}

#filters a {
   
    padding:10px 20px;
    color:#555;
    border:solid 1px #ddd;
    text-decoration:none;
    outline:none
}

#filters a:hover {
    border:solid 1px #1a1a22;
}

#filters a.selected {
    background:#1a1a22;
    
    color:#FFF
}

.isotope-item {
    z-index:2
}

.isotope-hidden.isotope-item {
    pointer-events:none;
    z-index:1
}


#bx-pager {
    text-align: center;
    margin-top: -30px;
}

#bx-pager a img {max-width: 100px;opacity:0.6;margin: 0 2px 5px 0;max-height: 66px;}
#bx-pager a.active img {opacity:1;
/*border:2px solid #945492;*/
}
.bx-wrapper .bx-prev:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f104";
    top: 0;
    z-index: 999999999999999999999;
    display: block;
    width: 50%;
    height: 100%;
    padding-top: 25%;
    padding-left: 10px;
    font-size: 85px;
    color: rgba(26, 26, 34, 0.25); 
}
.bx-wrapper .bx-next:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f105";
    top: 0; 
	right:0;
    z-index: 999999999999999999999;
    display: block;
    width: 50%;
    height: 100%;
   padding-top: 25%;
    padding-right: 10px;
     font-size: 85px;
    color:rgba(26, 26, 34, 0.25);
	text-align: right;
}

#mainNav{ z-index:99999999;}
.reserver{background: #f0f0f0;}
.reserver a {color:black!important;}

.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px;
	display: inline-block;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0;
	text-transform:none;
}

.btn-1:hover{
	color:#bdb9b9;
	
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



/* Button 1 */
.btn-1 {
	border: 1px solid #000;
    color: black;
}
 
 
/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #945492;
}

.btn-1c:hover,
.btn-1c:active {
	color: white;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}


#marker {
   
    position: absolute;
    display:none;
    border-bottom:1px solid white;
    height: 6px;
    -webkit-transition:width 0.3s, left 0.3s;
    -moz-transition:width 0.3s, left 0.3s;
    -ms-transition:width 0.3s, left 0.3s;
    -o-transition:width 0.3s, left 0.3s;
    transition:width 0.3s, left 0.3s;
}



.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.csstransitions .detect:after {
  content:"CSS3 Transitions";
  color: green;
  font-weight: bold;
  background-color:white;
}

.no-js .detect:after {
  content:"JS Disabled";
  color: red;
  font-weight: bold;
  background-color:white;
}

.detect:after {
  content:"jQuery.animate()";
  color: red;
  font-weight: bold;
  background-color:white;
}


ul.blog-list {list-style-type:none;} 
.blog-list li {
    margin-bottom: 40px; 
}

.pad80 {padding-bottom:80px;}
#leslangues {
	
	    background: transparent;
    color: #f0f0f0;
    border: none;
	    margin-top: 15px;
    margin-left: 10px;
	
}

#leslangues option {color:black;}

.preview p {margin-top:15px; }
ul.services { list-style-type:disc; }
ul.services li { margin-bottom: 10px;}
.m20 {margin-top:20px;}

.langues-sx {display:none;color:#f0f0f0;float:left;padding: 20px;margin-left: 10px;}
.langues-sx a {color:#f0f0f0;margin-right: 15px;}
.langues-sx a.oui {border-bottom: 4px solid #f0f0f0;padding-bottom: 4px;}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}

#adresse-nav {display:none; margin-left:15px;}
.font-art-pt{display:none;}

#coll1 {height:160px;}
#logobas {width:90%; }
.subfooter nav {float:left;}

.nopadding p { margin-right: 15px;}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto;
}

.room-single h2 {margin-top:0;}
#filters {margin-top:40px;}

.modal-dialog {margin-top:120px;}
label.error{color:red;margin-top: 7px; }
.blog-read .preview {
    padding-left: 90px;
    line-height: 1.6em;
}

.agenda {max-height:220px; overflow:hidden;}
footer .m50 {margin-top:47px;}

.ev a {color: #2196F3;
    font-weight: 600;}
	.ev img {width:100%}
	
	.nobot{margin-bottom:0!important;}
	
	.form-control{ border-radius: 0; }
	#success {margin-top: 30px;
    background: green;
    padding: 20px;
    color: white;
	display:none;}
	
	.artistes h4 {margin-top:30px;}
	.room-specs h4 {     margin-bottom: 20px;}
	
	.art {display:none;margin-top:0;}
	.artactif {display:block!important;    margin-top: 15px;} 
	#gallery {margin-top:20px;}
	a#see-more-link {display:none!important;}
	
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #000000;
    background: #1a1a22;
    color: #f0f0f0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
     border: 1px solid #000000;
   background: #1a1a22;
    color: #f0f0f0;
}


.leserv ul {list-style-type: disc; }
.leserv ul li {margin-bottom: 10px; }
.upp {text-transform:uppercase;}
 
 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#startdate, #enddate, #startdate3, #enddate3 { max-width:215px;}
	.desc {padding: 0 15px;}
	.navbar-custom .nav li a { padding: 10px 9px;
    font-size: 12px;} 
}
  
@media only screen and (max-width : 420px) {
	.navbar-custom .nav li a { padding: 10px 5px;}
	.navbar-custom { background:transparent;} 
	.navbar-brand {display:none;}
	.navbar-toggle{padding: 1px 10px;}
	#startdate, #enddate, #startdate3, #enddate3 { max-width:170px;}
	.fondmobile {
		background-image: url(../img/mobile.jpg);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover; 
		-o-background-size: cover;
   }
   #mainNav{  display:block; }
   #main-menu {    margin: 0 15px; }
   .nav>li>a {padding: 10px 0px; }
   header {background-image: url(../img/header-xs.jpg); }
   header .intro-text {padding-top: 60px;padding-bottom: 5px;}
   
   .reserver {background: transparent;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;}
   .reserver a {color: #f0f0f0!important;}
   #lilangues {display:none; }
   #adresse-nav {display:block;}
   #adresse-nav a {color:#f0f0f0; }
   header h1 { margin-top: 40px;} 
   
   .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {position:absolute;top:23%;}   
   .owl-carousel .owl-nav .owl-next {right:0;}
   .owl-carousel .owl-nav .owl-next:before{
		font-family: "FontAwesome";
    	content: "\f105";
	    color: rgba(26, 26, 34, 0.25);
		font-size: 85px;
   }
   
   .owl-carousel .owl-nav .owl-prev:before{
		font-family: "FontAwesome";
    	content: "\f104";
	    color: rgba(26, 26, 34, 0.25);
		font-size: 85px;
   }
   .desc {padding: 0 10px;}
   .font-art{display:none;}
   
   .font-art-pt{display:block;margin-top:40px;width:100%;} 
   #coll1 {height:auto;}
   #logobas {position:relative;bottom:0;width:auto; } 
   
   footer address{ margin-top:30px;}
   
   .subfooter nav {float:right;margin-bottom: 10px;}
   .social-icons{ margin-top: 0;}
   
   .side-bg { padding:0 0 15px 0; }
   .side-bg .image-container { position:relative !important;}
   .side-bg .background-image { position:relative !important;height: 250px !important; }
   .pad80 .room-item, .pad80  .room-item2 {margin-top: 50px; }
   .pad80 .room-item img, .room-item2 img {width:100%;height:100%; }
   .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {padding-top:20%;}
   .room-single h2 {font-size:1.5em;} 
   .pad80 .letitre a {font-size: 18px;font-weight: bold; }
   #subheader {padding: 40px 0 20px; }
   
   
}

@media only screen and (max-width: 320px) {
#startdate, #enddate, #startdate3, #enddate3 { max-width: 150px;}
.titre-det {margin-top:10px; }
.bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {padding-top:13%;}
}
