body{
	font-size: 14px;
	color:#555;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	background: url("../../images/park-hotel-suisse/fondcms.png") repeat-y top center #161410;
	max-width: 1600px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#editMode {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
#editMode a {
	background-color: #000000;
	border-radius: 0 0 8px 0;
	display: block;
	padding: 10px 12px;
	opacity: 0.6;
	color: #FFFFFF;
	z-index: 1000;
}
#editMode a:hover {
	opacity: 0.8;
	color: #FFFFFF;
	text-decoration: none;
}

/* b-lazy */
.b-lazy {
    -webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
             max-width: 100%;
               opacity: 0;
}
.b-lazy.b-loaded {
   opacity: 1;
}

/* Slider */
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.center {
	max-width: 1170px;
	padding: 0px 15px;
	margin: 0 auto;
}

@media screen and (max-width:1199px){
	.center {
		width: 100%;
		padding: 0 10px;
	}
}

.lienSocial{
	height: 25px;
    color: #fff;
    border-radius: 36px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-position: -100px -100px, 0 0;
    -moz-background-size: 250% 250%, 100% 100%;
    background-size: 250% 250%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
    display: inline-block;
    width: 25px;
}

.lienSocial:focus, .lienSocial:hover {
    background: #fff;
    background-position: 0 0, 0 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#header{
	padding-bottom: 27px;
	position:relative;
	z-index:10;
	text-align: center;
    padding-top: 15px;
    z-index: 12;
    max-width: 1600px;
}

#logo {
	display: inline-block;
	text-align: center;
}
#logo img {
	width: auto;
}

#navigation{
	/*padding-top: 14%;*/
	position: relative;
	background: url("../../images/park-hotel-suisse/fleur.png") no-repeat bottom center;
	padding-bottom: 50px;
}


#menuNavigation {
    display: inline-block;
    float: left;
    margin-top: 40px;
    padding-left: 48px;
    padding-right: 0;
    text-align: left;
}

#menu {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

#imageMenu {
    -webkit-backface-visibility: hidden;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 8px;
}

.imageMenu{
    display: block;
    max-width: 100%;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

.sticky{
	display: none;
}

#menuPopup {
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    float: left;
    cursor: pointer;
    display: none;
}

#resPopup{
	display: none;
	float: right;
	margin-top: 30px;
	cursor: pointer;
}

#popup {
    float: right;
    padding-top: 65px;
    display: none;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 11;
    background: rgba(208, 173, 114, 0.97);
    text-align: center;
    left: 0;
}

#popupRes {
    float: right;
    padding-top: 205px;
    display: none;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 11;
    background: rgba(208, 173, 114, 0.97);
    text-align: center;
    left: 0;
}

#popupRes input{
	width: 100%;
	margin-bottom: 30px;
	padding: 10px 0px 10px 80px;
}

.reservit{
	position: relative;
	background: url("../../images/park-hotel-suisse/fleur.png") no-repeat bottom center;
	padding-bottom: 50px;
}


.bt_reservit{
	margin-top: 20px;
    color: #ffffff;
    background: #54462e;
    padding: 10px 0!important;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    border: none;
}

.bt_reservit:hover{
	background: #ffffff;
	color: #54462e;
}

.arrival, .departure{
	background: url("../../images/park-hotel-suisse/calendar.png") no-repeat left 15px center #ffffff;
}

.rooms{
	background: url("../../images/park-hotel-suisse/room.png") no-repeat left 15px center #ffffff;
}

.nuits {
    background: url(../../images/park-hotel-suisse/night.png) no-repeat left 9px center #ffffff;
}

.enfants {
    background: url(../../images/park-hotel-suisse/enfants.png) no-repeat left 9px center #ffffff;
}

.adultes {
    background: url(../../images/park-hotel-suisse/adultes.png) no-repeat left 9px center #ffffff;
}

.imageMenu2 {
    margin-top: 15px;
}

#logo2{
	display: none;
	text-align: center;
}

.txtMenu{
	display: inline-block;
    padding-top: 12px;
    vertical-align: top;
    padding-left: 16px;
}

.menu-button {
	float: right;
	margin-top: 45px;
}

.reservation{
	background: url("../../images/park-hotel-suisse/cle.png") no-repeat left 18px center #d6b275;
	display: inline-block;
	padding: 12px 21px 12px 41px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #1b1914;
	margin-top: 41px;
    float: right;
    border: 1px solid #000000;
    cursor: pointer;
}

.reservation:hover{
	background: url("../../images/park-hotel-suisse/cle.png") no-repeat left 18px center #ffffff;
	color: #d6b275;
	text-decoration: none;
}

.language {
    float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 50px;
    padding-left: 10px;
}

@media screen and (max-width:767px){
	#navigation{
		float: none;
		padding-top: 10px;
	}
}

#footer{
	background: #15120c;
    padding-top: 47px;
    position: relative;
}

#logo_footer{
	display: block;
    float:left;
}

#logo_footer img {
	width: auto;
}

#footer .address {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 54px 40px 40px 40px;
}

#footer .contact {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 40px;
}
#footer .address a{
	color: #d6b275;	
}

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

.language a{
    color: #d6b275!important;
    text-decoration: none;
}

.visual_link {
    position: relative;
    display: block;
}

a:hover{
	color: #d6b275;	
}

.social{
	display: inline-block;	
    position: absolute;
    bottom: 44px;
    right: 30px;
}

.follow{
	color: #d6b275;
    font-size: 14px;
    display: inline-block;
    padding: 3px 8px 0 0;
    vertical-align: top;
}

.facebook{
	background: url("../../images/park-hotel-suisse/facebook.png") no-repeat;
	width: 27px;
	height: 27px;
	display: inline-block;
}

#footer .footerpages{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
    font-size: 12px;
}

.footerpages .flexnav {
    display: inline-block;
    padding-left: 0;
    color: #555;
}

#footer .footerpages a{
	font-size: 12px;
    color: #555;	
}
#footer .footerpages ul li{
	display:inline-block;
	list-style: none;
	
}
#footer .footerpages ul li:before{
	content:'- ';	
}#footer .footerpages ul li:first-child:before{
	display:none;
}

textarea { resize:vertical; }

h1{
	font-weight: 700;
    color: #ffffff;
    font-size: 32px;
    font-family: 'Playfair', serif;
    text-align: center;
    margin-top: 0px;
}
h2{
	font-size: 18px;
    color: #d6b275;
    text-transform: uppercase;
    margin-top: 0;
}

h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Playfair', serif;
    font-weight: 700;
    margin-top: 0;
}

.title_one{
	padding-bottom: 25px;
	margin-bottom: 0;
}
.title{
	padding-bottom: 15px;
}

.body {
    font-size: 14px;
    font-family: 'Montserrat';
    text-align: center;
    /*margin-bottom: 68px;*/
    color: #adadad;
    padding: 0 50px;
}

.block_title .introduction {
    font-size: 18px;
    font-family: 'Playfair', serif;
    color: #adadad;
    font-style: italic;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 0;
}
.bt_learn_more,
.bt_learn_more:visited {
	display: inline-block;
    float: none;
    margin-top: 30px;
    padding: 7px 28px;
    background: #d6b275;
    border: 1px solid #d6b275;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-style: italic;
}
.bt_learn_more:hover,
.bt_learn_more:focus {
	background: #ffffff;
	color:#d6b275;
	text-decoration: none;	
}
.zone{
	/*min-height: 200px;*/
	position:relative;
}
.col{
	/*min-height: 200px;*/

}
.zone.full .col{
	padding-left:0px;
	padding-right: 0px;
}
.block_media img{
	width: 100%;
}
.zone.slider{
	width: 100%;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.zone.slider .col.slick-slider{
	padding: 0px;	
	margin:0px;
}
.slick-slide{
	float:left;
	overflow:hidden;
	text-align:center;
}
.slick-dots{
	position: absolute;
    bottom: 10px;
    text-align: center;
    right: 0;
    left: 0;
    padding-left: 0;
}
.slick-dots li{
	display:inline-block;
	list-style:none;
}
	
#login-front{
	width: 320px;
	margin: 50px auto;
}

#map_canvas {
	width: 100%;
	height: 500px;
}

.result-title {
	color: #1a0dab;
	font-family: arial,sans-serif;
	line-height: 1.2;
	text-align: left;
	font-size: 18px;
}
.result-url {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #006621;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	margin: 0;
	padding: 0;
}
.result-description {
	color: #545454;
	font-family: arial,sans-serif;
	font-size: 13px;
	line-height: 1.4;
	word-wrap: break-word;
}

/*Modules*/

/*Slider*/

.slider {
    overflow: hidden;
}

.cover{
	height: 683px;
    background-size: cover;
    text-align: center;
    background-position-x: 50%;
}

#video_mobile{
    display: none;
}

.cover img{
	display: none;
}

/*Offres*/

.offers_teaser {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 35px;
    background: #ffffff;
    margin: auto 0;
    height: 322px;
    width: 259px;
    overflow: hidden;
}

.offers_teaser button {
    border: 0;
    background: url(../../images/park-hotel-suisse/puce.png) 0px 0px no-repeat;
    display: block;
    height: 9px;
    width: 12px;
    cursor: pointer;
    text-indent: -9000px;
    overflow: hidden;
}

.slick-dots .slick-active button {
    background: url(../../images/park-hotel-suisse/puce.png) 0px -9px no-repeat!important;
}

.offers_teaser .intro{
	font-style: italic;
}

.offers_teaser .offer {
    overflow: hidden;
    padding: 28px;
}

.offer_index .detail {
    display: inline-block;
    padding: 30px;
    background: #ffffff;
    width: 100%;
    min-height:215px;
}

.offer_index {
    margin-top: 30px;
}

.offer_index .offer {
    margin-bottom: 30px;
}

.offer_index img {
    width: 100%;
}

.offer_view .detail {
    background: #ffffff;
    padding: 30px;
}

.offer_view .body {
    text-align: left;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0px;
}

.offer_view img {
    width: 100%;
}

.offer_view {
    margin-top: 30px;
}

/*News*/

.news_teaser {
    padding: 0;
    display: flex;
    flex-direction: row;
}

.new{
    padding-left: 0;
    padding-right: 30px;
    overflow: hidden;
}

.new img{
	width: 100%;
}

.new a {
    display: block;
}

.new .detail{
	background: url('../../images/park-hotel-suisse/fleur.png') no-repeat top 35px center #d6b275;
	padding: 68px 0 105px 0;
	height: 100%;
}

.new h3{
	font-family: 'Playfair', serif;
	font-weight: 700;
	color: #ffffff;
	font-size: 18px;
	padding: 0 98px;
}

.new .body{
	font-size: 16px;
	color: #543f1b;
	padding: 0 50px;
	font-family: 'Open Sans';
}

.titreLien{
	font-size: 36px;
    color: #ffffff;
    font-style: italic;
    font-family: 'Playfair', serif;
    line-height: 31px;
    padding-bottom: 9px;
    display: block;
    text-align: center;
}

.titreLien:hover {
    color: #d6b275;
    text-decoration: none;
}

.lienCms{
	font-family: 'Montserrat';
	font-size: 17px;
	color: #c29a56;
	border-bottom: #c29a56 1px dotted;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 11px;
}

.lienCms:HOVER{
	text-decoration: none;
	color: #ffffff;
}

.block_title{
	background: url('../../images/park-hotel-suisse/cerf.png') no-repeat top 85px center;
	padding-top: 196px;
}

h2.title {
    color: #ffffff;
    font-size: 32px;
    font-family: 'Playfair', serif;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin-bottom: 50px;
}

.block_text .body{
	font-size: 16px;
    color: #ffffff;
    text-align: justify;
    padding: 0 25px 0 0;
    margin: 0;
    font-family: 'Open Sans';
}

.block_text .h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #d6b275;
}

.offers_teaser h2 {
    font-family: 'Montserrat';
}

h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

h5 {
    font-size: 16px;
    color: #d6b275;
}

h6 {
    font-size: 16px;
    font-weight: 700;
}

.file {
    background: url(../../images/park-hotel-suisse/download.svg) no-repeat 0 11px;
    font-size: 18px;
    text-transform: uppercase;
    color: #d6b275;
    padding: 15px 43px;
    display: block;
}

.file:hover{
	color: #ffffff;
	text-decoration: none;
}

.visual_gallery {
    padding: 15px;
    position: relative;
}

.visual_gallery img {
    width: 100%;
}

.visual_gallery a{
    display: block;
    position: relative;
}

.zoom{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: url("../../images/park-hotel-suisse/zoom.png") no-repeat center rgba(0,0,0,0.5);
	opacity: 0;
}

.zoom:hover{
	opacity: 1;
}

.link{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: url("../../images/park-hotel-suisse/link.png") no-repeat center rgba(0,0,0,0.5);
	opacity: 0;
}

.link:hover{
	opacity: 1;
}

#gallery_bloc {
    padding-bottom: 176px;
}

@media all and (max-width:1199px){
	.new h3{
		padding: 0 45px;
	}
	
	.new .body{
		padding: 0 20px;
	}
}

@media all and (max-width:991px){
	.news_teaser .new:nth-child(2){
		display: none;
	}
	
	.new .detail{
		background: url('../../images/park-hotel-suisse/fleur.png') no-repeat top 35px center #ffffff;
	}
	
	.new h3{
		color: #484134;
	}

    #video_mobile{
        display: block;
        margin: 0 -50%;
    }

    #video_desktop{
        display: none;
    }
}

@media all and (max-width:767px){
	.offers_teaser {
	    bottom: auto;
	    top: 44px;
	    right: 0;
	    margin: auto auto;
	    height: 376px;
	    width: 298px;
	    left: 0;
	}
	
	.bt_learn_more, .bt_learn_more:visited {
    	float: none;
	}
	
	.offers_teaser h2{
		margin-bottom: 44px;
	}
	
	.offers_teaser h3{
		margin-bottom: 33px;
		padding: 0 12px;
	}
	
	.pages{
		display: none;
	}
	
	.news_teaser .new{
		padding: 0;
	}
	
	.center {
	    padding: 0;
	}
	
	#logo_footer {
	    float: none;
	    text-align: center;
	}
	
	#footer .address{
		text-align: center;
		width: 100%;
	}
	
	.social {
	    bottom: 0;
	    right: 0;
	    left: 0;
	    margin: 0 auto;
	    width: 100%;
	    text-align: center;
	}
	
	.reservation {
	    position: absolute;
	    top: 0;
	    left: 0;
	    margin-top: 0!important;
	    margin-bottom: 40px;
	    width: 100%;
	}
	
	#header {
	    padding-top: 58px!important;
	}
	
	.txtMenu{
		display: none;
	}
	
	.offer_index .detail {
		width: 100%;
	}
	
	.pasRelative{
		position: initial;
	}
}

@media all and (max-width: 538px){
    .offers_teaser{
        position: relative;
        width: 100%;
        top: 0;
    }
}