body.park-hotel-suisse{
	background: url("../../../images/park-hotel-suisse/fond.png") no-repeat top center #161410;
}

#tpl_home{
	text-align:center;
	overflow: hidden;
}
#tpl_home .center{
}

.top{
	position: relative;
}

video {
    display: inline-block;
    vertical-align: bottom;
}

.slider2{
	margin-top: 35px;
}

.introhome{
	background: url(../../../images/park-hotel-suisse/cerf.png) no-repeat top 56px center;
    padding-top: 182px;
}

.quote{
	font-family: 'PlayFair';
	font-weight: 700;
	font-size: 32px;
	color: #ffffff;
	padding-bottom: 27px;
}

.actus .quote, .instagram .quote{
	padding-bottom: 0px;	
}

.auteur{
	font-family: 'PlayFair';
	font-size: 18px;
	color: #adadad;
	padding-bottom: 40px;
	font-style: italic;
}

.corps{
	font-family: 'Montserrat';
	font-size: 14px;
	color: #adadad;
	padding-bottom: 47px;
}

.pages{
	margin-bottom: 108px;
}

.pages img{
	width: 100%;
	height: 311px;
}

.pages .col3 img{
	width: 100%;
	height: 395px;
}

.pages .col{
	padding: 0;
	position: relative;
	overflow: hidden;
	-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;
}

.col1, .col2, .col4, .col5{
	height: 311px;
}

.details {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: rgba(0,0,0,0.7);
    padding: 107px 0;
    -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;
}

.pages .col:hover .details{
	background: rgba(0,0,0,0.5);
	-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;
}

.pages .col:hover img{
	transform: scale(1.05,1.05);
	-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;
}

.col3 .details{
	padding: 133px 0;
}

.numero{
    font-family: 'Playfair', serif;
	font-size: 22px;
	color: #ffffff;
	font-style: italic;
}

.flexib {
    display: flex;
    flex-direction: row;
}

.fb-page {
    padding: 0;
}

.fb-page iframe {
    width: 100%!important;
    height: 100%!important;
}

._2p3a {
    width: 100%!important;
    height: 100%!important;
}

.actus{
	/*padding-bottom: 131px;*/
}

.instagram{
	background: #23211d;
	padding: 67px 0 47px 0;
}

.montagnes{
	background: url(../../../images/park-hotel-suisse/montagnes.png) no-repeat top left;
    height: 142px;
    width: 100%;
}

._2p3a {
    width: 100%!important;
}

.instagram_shots{
    margin: 20px 0;
    text-align: center;
}
.instagram_shots li{
    display: inline-block;
    margin: 0 10px 10px 0;
}
.ie7 .instagram_shots li{
    display: inline;
    zoom: 1;
}
.instagram_shots li img{
    width: 263px;
}

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

.likes {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    color: #ffffff;
    font-weight: 700;
    padding-top: 127px;
}

.likes:hover{
	opacity: 1;
}

.comments{
	background: url("../../../images/park-hotel-suisse/comments.png") no-repeat left center;
	padding-left: 28px;
}

.like{
	background: url("../../../images/park-hotel-suisse/coeur.png") no-repeat left center;
	padding-left: 28px;
	padding-right: 15px;
}

@media all and (max-width:991px){
	.instagram{
		background: url("../../../images/park-hotel-suisse/montagnes.png") no-repeat bottom center;
		padding: 67px 0 47px 0;
	}
	
	.montagnes{
		display: none;
	}

	.actus{
		/*background: rgba(210, 171, 103, 0.7)!important; */
	    /* margin-left: -10px; */
	    margin-right: -10px;
	    padding: 47px 71px;
	    padding-bottom: 65px!important;
	}
	
	.actus .quote{
		/*color: #000000;*/
	}
	
	.actus .auteur{
		/*color: #383838;*/
	}
}

@media all and (max-width:767px){
	
	
	.actus{
	    margin-left: 0;
	    margin-right: 0;
	    padding: 47px 0px;
	    background: #ffffff!important;
	    padding-bottom: 0!important;
	}
	
	.fb-page {
	    display: none!important;
	}
	
	.instagram .quote, .instagram .auteur{
		display: none;
	}
	
	.instagram {
	    display: none;
	}
}