/* Validé au 31/05/2018 */

/* Digest

Reset 
 Fontes 
 Site 
 General rules 
	Buttons
Header 
	menu
	background
	search
Breadcrumb 
Homepage + page index 
	carousel
	schedule
	news carousel
	Vitrine France
	Top deals
	follow the guide spot
	Why Holydaysweb
	Menu news
	Pagination
Reportage 
	colonne 1
	colonne 2
		Bloc Facebook  Twitter
		Bloc Privilèges
	Diary
	Partners
Article Reportage
Detail page
listing page
Booking page
Partner page
Booking page Hotel
Pages index Offres Privilège
Footer 
	Bloc Newsletter
	footer
	Partners

/* ---------------------------- Reset --------------------------- */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	list-style:none;
}
article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}

/* Erase arrows up / down in input type number */
input[type=number] {
    -moz-appearance: textfield; /* Mozilla */
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
	-webkit-appearance: none; /* Chrome */
	margin:0;
}
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
	-o-appearance: none; /* Opéra*/
	margin:0
}

/* -------------------------- Fontes ---------------------------- */

@font-face {
    font-family: 'open_sansregular';
    src: url('/resources/font/OpenSans-Regular-webfont.eot');
    src: url('/resources/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/resources/font/OpenSans-Regular-webfont.woff') format('woff'),
 		 url('/resources/font/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('/resources/font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/resources/font/OpenSans-Semibold-webfont.eot');
    src: url('/resources/font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/resources/font/OpenSans-Semibold-webfont.woff') format('woff'),
		 url('/resources/font/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('/resources/font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldregular';
    src: url('/resources/font/Oswald-Regular.eot');
    src: url('/resources/font/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/resources/font/Oswald-Regular.woff') format('woff'),
		 url('/resources/font/Oswald-Regular.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldlight';
    src: url('/resources/font/oswald-light-webfont.eot');
    src: url('/resources/font/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/resources/font/oswald-light-webfont.woff') format('woff'),
		 url('/resources/font/oswald-light-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, label {
    font-weight:normal;
}

/* ---------------------------- Site ---------------------------- */

body {
    font-size: 14px;
    color: #333333;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'open_sansregular';
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    text-rendering: optimizelegibility;
}
h1,
.h1 {
    font-family: 'oswaldregular';
    font-size: 44px;
    margin-bottom:10px;
}
p {
    margin-bottom:10px;
}
a {
    color: #1c95de;
    text-decoration:none;
}
a:hover {
    color: #000;
    text-decoration:underline;
}
a:focus {
    outline: none;
}
select {
	font-size:14px;
    font-family: 'open_sansregular';
	background-color:#FFFFFF;
	box-shadow: 0 0 10px 100px #fff inset;
}
.semibold,
b,
strong {
    font-family: 'open_sanssemibold';
	font-weight:normal;
}

/* ----------------------- General rules ------------------------ */

.content {
	clear:both;
}
.content-wrapper {
    max-width: 1260px;
    margin:0 auto;
    position: relative;
}
.col-01,
.col-02 {
    float: left;
}
.media-pic {
    position: relative;
}
.hidden {
    display: none;
}
.hidden.visible {
    display: block;
}
.blue {
    color: #1c95de;
}
.f-left {
	float:left;
}
.f-right {
	float:right;
}
.clear {
	clear:both;
}
.v-al-middle {
	vertical-align:middle;
}
input[type=radio],
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #999999;
	width:12px;
	height:12px;
	outline: none;
	background-color:#FFFFFF;
	position:relative;
}
input[type=radio] + label,
input[type=checkbox] + label {
	cursor:pointer;
}
input[type=radio] {
	border-radius:12px;
}
input[type=checkbox]:checked:before {
	content:'\2714';
	position:absolute;
    left: 0px;
    top: -5px;
}
input[type=radio]:checked:before {
    content: "•";
	position:absolute;
    left: 2px;
    top: -3px;
	font-size:16px;
}
input[type=radio]:checked + label {
	color:#333333 !important;
	cursor:default;
	font-family: 'open_sansregular' !important;
}
input[type=radio][disabled],
input[type=checkbox][disabled] {
	background-color:#e5e5e5;
}
input[type=radio][disabled]:before,
input[type=checkbox][disabled]:before {
	color:#b2b2b2;
}
input[type=radio][disabled] + label,
input[type=checkbox][disabled] + label {
	color:#808080 !important;
	cursor:default;
	font-family: 'open_sansregular' !important;
}

/* Buttons */

.btn {
    display:inline-block;
    border-radius:15px;
    color: #FFFFFF;
    padding:0 15px;
    line-height: 26px;
}
.btn:hover {
    color: #FFFFFF;
    text-decoration:none;
}
.btn-orange {
    background-color:#ff8a00;
    padding-left:26px;
    position:relative;
}
.btn-orange-square {
    background-color:#ff8a00;
	display:inline-block;
	text-align:center;
	border-radius:0;
}
.btn-orange-square:hover,
.btn-orange:hover,
a:hover .btn-orange,
a.btn.btn-search:hover {
    background-color:#1c95de;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.btn-orange:before {
    content: "";
    border: 5px solid transparent;
    border-left: 6px solid #fff;
    left: 13px;
    top:8px;
    position: absolute;
}
.btn-orange:after {
    content: "";
    border: 5px solid transparent;
    border-left: 6px solid #ff8a00;
    left: 10px;
    top:8px;
    position: absolute;
}
.btn-orange.back:before {
    border-right: 6px solid #fff;
    border-left:none;
    left: 10px;
}
.btn-orange.back:after {
    border-right: 6px solid #ff8a00;
    border-left:none;
    left: 13px;
}
a:hover .btn-orange:after,
.btn-orange:hover:after {
    border-left: 6px solid #1c95de;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.btn-orange.back:hover:after {
    border-right: 6px solid #1c95de;
	border-left:none;
}
.arrow {
    position: relative;
    padding-left:17px;
    font-family: 'open_sanssemibold';
}
.arrow:before {
    content: "";
    border: 5px solid transparent;
    border-left: 6px solid #ff8a00;
    left: 4px;
    top:5px;
    position: absolute;
}
.arrow:href:before {
    border-left: 6px solid #000000;
}
.arrow:after {
    content: "";
    border: 5px solid transparent;
    border-left: 6px solid #fff;
    left: 2px;
    top:5px;
    position: absolute;
}
.big-arrow a {
	font-size:16px;
    position: relative;
    padding-left: 13px;
}
.big-arrow a:before,
.big-arrow a:after {
    content: "";
    border: 7px solid transparent;
	border-right:none;
    position: absolute;
    top: 4px;
}
.big-arrow a:before {
    border-left:4px solid #b2b2b2;
    left: 1px;
}
.big-arrow a:after {
    border-left:4px solid #fff;
	left:0;
}
.follow-guide-logo {
    font-family: 'oswaldregular';
	font-style:italic;
}
.follow-guide-logo span {
	background-image:url('/resources/img/sprite.svg');
	background-repeat:no-repeat;
}
.leaderboard img,
.leaderboard iframe {
	display:block;
	margin:0 auto;
	padding:20px 0;
}
.detail-page .leaderboard,
.listing-page .leaderboard {
	border-bottom:1px solid #e6e6e6;
    margin-top: -1px;
}
.detail-page.lesoir .leaderboard,
.detail-page.sudinfo .leaderboard,
.detail-page.lesoir .pub-imu,
.detail-page.sudinfo .pub-imu {
	display:none;
}
.red-line-through {
	color:red;
	text-decoration:line-through;
} 
.copyright,
.caption {
	position:absolute;
	bottom:0;
	color:#FFFFFF;
	background-color:rgba(0,0,0,.5);
	padding:5px 10px;
} 
.copyright {
	right:0;
} 
.caption {
	left:0;
} 
.back {
	margin-top:10px;
} 

/* --------------------------- Header --------------------------- */

#ecran {
    width: 100%;
    position: relative;
    height: 460px;
    overflow: hidden;
	background-color:#000000;
}
.homepage #ecran {
    height: 680px;
}
.header-wrapper {
    position: absolute;
	bottom:0;
	left:0;
    z-index: 10;
	width:100%;
}
.header-wrapper a:hover {
	text-decoration:none;
}
.header-wrapper .h1-wrapper {
    background: rgba(64,64,65,0.4);
	width:100%;
}

.homepage .h1-wrapper {
	border-bottom:1px solid #ff8a00;
}
.header-wrapper .h1-wrapper > div {
    width: 1260px;
    margin: 0 auto;
    height: 92px;
    line-height: 85px;
}
.header-wrapper .h1-wrapper h1,
.header-wrapper .h1-wrapper .h1 {
    color: #fff;
	text-transform:uppercase;
	margin-bottom:0;
}
.header-wrapper .h1-wrapper h1 span,
.header-wrapper .h1-wrapper .h1 span {
	font-size:24px;
	text-transform:none;
}
.homepage #ecran h2,
.index-page #ecran h2,
.news-page #ecran h2 {
	margin-top:100px;
}
.homepage .pic-location,
.index-page .pic-location,
.news-page .pic-location {
	position:relative;
	opacity:.8;
}
.follow-guide-logo {
    color: #fff;
	font-size:24px;
}
.h1-wrapper .follow-guide-logo {
    z-index: 11;
	font-size:27px;
	float:right;
}
.follow-guide-logo span {
	width:23px;
	height:25px;
	background-position:-368px 0;
	display:inline-block;
}
.h1-wrapper .follow-guide-logo span {
	width:31px;
	height:32px;
	background-position:-460px 0;
	background-size:625px;
}

#ecran .content-wrapper {
	overflow:hidden;
}

.follow_guide_header {
    background: rgba(64,64,65,0.8);
	overflow:hidden;
    width: 100%;
	padding:30px 0;
    font-family: 'oswaldregular';
}
.follow_guide_header .content-wrapper {
	width:1260px;
}
.follow_guide_header .article {
    width: 25%;
    margin-right: 2%;
	position:relative;
	float:left;
	background-color:#000000;
}
.follow_guide_header .article img:hover {
	opacity:.9;
}
.follow_guide_header .follow-guide-logo {
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-9999px;
	margin:0;
	width:23px;
}
#ecran .follow_guide_header h3 {
	position:absolute;
	bottom:0;
	left:0;
    background: rgba(64,64,65,0.65);
	width:94%;
	font-size:21px;
	text-transform:uppercase;
	padding:10px 3%;
}
#ecran .follow_guide_header .article:hover h3,
.header-wrapper .h1-wrapper:hover {
    background: rgba(0,0,0,.4);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.follow_guide_header a {
	color:#FFFFFF;
}
.follow_guide_header h3 span {
	display:block;
	text-transform:none;
	font-size:15px;
}
.follow_guide_header h3 .follow-guide-logo {
    width: 23px;
    height: 25px;
	overflow:hidden;
}
.follow_guide_header img {
	display:block;
	width:100%;
}
.follow_guide_header .all-guides {
	position:absolute;
	right:0;
	bottom:0;
	font-size:27px;
	padding-left:12px;
}
.follow_guide_header .all-guides a {
	color:#ff8a00;
}
.follow_guide_header .all-guides span {
    display: block;
    position: absolute;
    width: 6px;
    height: 17px;
    top: 12px;
	left:0;
    background:url('/resources/img/sprite.svg') no-repeat -409px 0;
}

/* menu */

#menu {
    max-width: 1240px;
    margin: auto;
    position: relative;
    z-index: 20;
    padding:0 20px;
}
.menu-wrapper {
    height:60px;
    background-color:#FFFFFF;
    position:relative;
    z-index:991;
}
.page-house .menu-wrapper {
    border-bottom: 1px solid #e6e6e6;
}
.box-logo {
    display: inline-block;
    margin-top: 7px;
	position:relative;
}
.box-logo span {
    text-align: right;
    display: block;
    font-size: 11px;
    color: #808080;
    margin-top: -2px;
    letter-spacing: 1px;
}
.box-logo .privilege {
	position:absolute;
    background:url('/resources/img/sprite.svg') no-repeat -152px -163px;
	width:123px;
	height:31px;
	text-indent:-9999px;
	right:-143px;
	top:-1px;
}
.detail-page.sept-d .box-logo .privilege:after,
.detail-page.lesoir .box-logo .privilege:after,
.detail-page.sudinfo .box-logo .privilege:after {
    content: "";
    position: absolute;
	background-image: url('/resources/img/sprite.svg');
	background-repeat:no-repeat;
    width: 179px;
    height: 33px;
    left: 131px;
    top: 3px;
	background-size:750px;
}
.detail-page.lesoir .box-logo .privilege:after {
	background-position:-426px -258px;
}
.detail-page.sudinfo .box-logo .privilege:after {
	background-position: -426px -303px;
}
.detail-page.sept-d .box-logo .privilege:after {
    background-position: -426px -351px;
    width: 144px;
    height: 38px;
}
#menu #menu-inner {
    float: right;
    position: relative;
}
#menu .menu-block li {
    display: block;
    float:left;
}
#menu .menu-block > li > a {
    display: block;
    padding: 0 12px;
    text-decoration: none;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color:#808080;
}
#menu .menu-block li a:hover {
    background-color:#f5f5f5;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
#menu .menu-block li a.btn-blue {
    background: #e6e6e6;
    color:#737373;
}
#menu .menu-block li a.btn-blue:hover {
    color:#808080;
    background-color:#f0f0f0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
#menu .login-box {
    position: relative;
}
#menu .menu-block > li.login-box > a {
    padding-right: 32px;
}
#menu .login-box:hover ul {
    display: block;
    z-index:1;
}
#menu .login-box ul {
    position: absolute;
    top: 60px;
    left: 0;
    background: rgba(255,255,255,0.9);
    padding: 12px;
    display: none;
}
#menu .login-box ul li {
	white-space:nowrap;
}
#menu .login-box b {
    font-weight:normal;
}
#lang {
    border: 0;
    height: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 25px 0 15px;
    color: #808080;
    outline: none;
    cursor: pointer;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    text-transform:uppercase;
}
select::-ms-expand {
    display: none;
}
#menu form {
    position: relative;
}
#menu form:before,
#menu .login-box > a:before {
    content:"";
    border: 5px solid transparent;
    border-top: 6px solid #ff8a00;
    right: 10px;
    top: 28px;
    position: absolute;
}
#menu form:after,
#menu .login-box > a:after {
    content:"";
    border: 5px solid transparent;
    border-top: 6px solid #fff;
    right: 10px;
    top: 26px;
    position: absolute;
}
#menu .login-box > a:hover:after {
    border-top: 6px solid #f5f5f5;
}
#menu .menu-mobile {
    display: none;
}

/* background */

#ecran .bg-ecran {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom:0;
    left: 0;
    margin:auto;
    width: 100%;
    min-height: 100%;
}
#ecran .bg-ecran:hover {
	opacity:.9;
}
.pic-location {
    position: absolute;
    z-index: 2;
    color: #fff;
    bottom: 20px;
    left: 0;
    max-width: 1260px;
    right: 0;
    margin: auto;
}

/* search */

#ecran h2 {
    font-family: 'open_sansregular';
    display: block;
    text-align: center;
    position: relative;
    font-size: 27px;
    z-index: 10;
    margin: 130px auto 0;
    padding: 10px 0 0;
    background: rgba(64,64,65,0.5);
    color: #fff;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    width:410px;
}
.lang-es #ecran h2 {
    width:480px;
}
.lang-en #ecran h2 {
    width:360px;
}
#ecran h2 span {
    font-size: 16px;
	display:block;
}
#ecran #search {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 980px;
    margin: auto;
    text-align: center;
    background: rgba(64,64,65,0.5);
    padding: 10px;
}
#ecran #search input {
    outline: none;
    border: 0;
    height: 45px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#ecran #search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    padding: 10px 10px 10px 30px;
    background: #fff url('/resources/img/sprite.svg') no-repeat -477px 11px;
    margin-right: 10px;
    border:none;
}
a.btn.btn-search {
    color: #fff;
    background: #ff8a00;
    padding:0px 40px 0px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 45px;
    border-radius:0;
}
#ecran #search select,
a.btn.btn-search {
    width: 15%;
    font-size: 16px;
    height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#ecran #search input.where {
    width: 30%;
    background: #fff url('/resources/img/sprite.svg') no-repeat -476px -72px;
    padding: 10px 10px 10px 30px;
}
input.hasDatepicker {
    background: #fff url('/resources/img/sprite.svg') no-repeat -473px -28px;
    padding: 10px 10px 10px 35px;
}
#ecran #search input.start,
#ecran #search input.end {
    width: 15%;
}
#ecran #search input {
    border-radius: 0;
}
#ecran #search input,
#ecran #search select,
#ecran #search label {
    font-size: 16px;
}
#ecran #search label {
    color: #fff;
    line-height: 20px;
}
a.btn-search::after {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    content: "";
    top: 15px;
    right: 10px;
    background:url('/resources/img/sprite.svg') no-repeat 0 0;
}

/* ------------------------- Breadcrumb ------------------------- */

.breadcrumb {
    margin: 20px 0 10px;
    padding-right: 150px;
}
.breadcrumb a {
    color: #808080;
    text-decoration: none;
}
.breadcrumb a:hover {
    color: #000000;
    text-decoration: underline;
}
.breadcrumb span {
    position: relative;
    padding-left: 14px;
    white-space: nowrap;
    margin-right: 3px;
}
.breadcrumb span.first {
    padding-left:0;
}
.breadcrumb span:before {
    content: "";
    border: 5px solid transparent;
    border-left: 6px solid #ff8a00;
    left: 2px;
    top:5px;
    position: absolute;
}
.breadcrumb span:after {
    content: "";
    border: 5px solid transparent;
    border-left: 6px solid #fff;
    left: 0px;
    top:5px;
    position: absolute;
}
.breadcrumb span.first:before,
.breadcrumb span.first:after {
    border:none;
}

/* ------------------- Homepage + page index -------------------- */


.news-page .two-col {
    margin-bottom:40px;
}
.news-page  .col-01 {
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
}
.article-reportage .col-01 {
    border-bottom: 1px solid #f3f3f3;
}
.news-page  h1 {
	margin-top:30px;
}
.index-page .follow_the_guide .content-wrapper {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom:0;
}
.col-02 .pub-imu {
	margin:0 0 25px;
	padding-bottom:20px;
    border-bottom: 5px solid #b2b2b2;
}
.news-page  .col-01 h2 {
	font-size:33px;
	text-transform:none;
}
.news-page  .col-01 p {
	font-size:18px;
	margin-bottom:20px;
}
.news-page  .col-01 img {
	width:100%;
	height:auto;
}
.index-page .leaderboard {
    background-color: #f3f3f3;
    border-bottom: 1px solid #ebebeb;
}

/* carousel */

.carousel {
	text-align:center;
	overflow:hidden;
    padding-bottom: 50px;
}
.carousel .bloc-01 {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}
.carousel .bloc-01 h2 {
	font-size:36px;
}
.carousel .subtitle {
    font-family: 'oswaldregular';
	color:#ff8a00;
    font-size: 24px;
	margin-bottom:30px;
}
.carousel .schedule-bloc {
	float:left;
}
.carousel .rubon {
	position:absolute;
	bottom:0;
	text-transform:uppercase;
	color:#000;
	background-color:rgba(255,255,255,.75);
	margin-bottom:0;
	width:100%;
    font-family: 'open_sanssemibold';
	padding: 3px 0;
}
.carousel img {
	display:block;
}
.carousel .city {
    font-family: 'open_sanssemibold';
	font-size:18px;
	margin:0;
	color:#000000;
	margin-top:5px;
}
.carousel h3 {
    font-family: 'oswaldregular';
    font-size: 24px;
}

/* schedule */

.schedule {
	background-color:#f3f3f3;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	margin-bottom:50px;
}
.schedule .bloc-01 h2 {
	font-size:36px;
	margin:40px 0 20px;
}

/* news carousel */

.carousel.articles .content-wrapper {
    padding-bottom: 25px;
    border-bottom: 5px solid #e5e5e5;
}

/* Vitrine France */

.follow_the_guide .partners {
	position:absolute;
	right:0;
	top:50px;
}
.content div.follow-guide-logo {
    color: #ff8a00;
    margin-bottom: 15px;
}
.homepage .follow_the_guide .content-wrapper {
    margin-bottom: 0;
	border-bottom:none;
}
.homepage .follow_the_guide .articles-container,
.index-page .follow_the_guide .articles-container {
    overflow: hidden;
}
.homepage .follow_the_guide .articles .article,
.index-page .follow_the_guide .articles .article {
	margin-bottom:30px;
}
.homepage .follow_the_guide h2,
.index-page .follow_the_guide h1 {
	text-align:center;
	font-size:48px;
	color:#333333;
}
.index-page .follow_the_guide h1 {
	margin:40px 0 20px;
}
.index-page h1.follow-guide-logo span {
    width: 46px;
    height: 50px;
    background-position: -736px 0;
	background-size:1000px;
}
.homepage .follow_the_guide h3,
.index-page .follow_the_guide h2 {
	text-transform:uppercase;
	margin:8px 0 0;
	text-align:center;
}
.homepage .follow_the_guide p,
.index-page .follow_the_guide p {
	font-size:18px;
}
.index-page .follow_the_guide .content-wrapper {
    margin-bottom: 40px;
    border-bottom: 5px solid #e5e5e5;
}

/* Top deals */

.homepage .top_deals .content-wrapper {
    margin: 0 auto 50px;
    overflow: hidden;
    padding-bottom: 50px;
    border-bottom: 5px solid #e5e5e5;
}
.homepage .renting,
.homepage .privilege,
.homepage .pub-imu {
	text-align:center;
	float:left;
}
.homepage .top_deals h2 {
	font-size:36px;
    font-family: 'oswaldregular';
	text-transform:uppercase;
}
.homepage .renting {
	width:300px;
	margin-right:30px;
}
.homepage .renting-bloc {
	margin:25px 1% 0;
}
.homepage .privilege {
	width:630px;
}
.homepage .privilege h2 {
	text-align:left;
}
.homepage .privilege-bloc {
	margin:20px 30px 0 0;
}
.homepage .privilege-bloc,
.homepage .privilege-bloc .wrapper {
	float:left;
	width:285px;
	height:auto;
}
.homepage .privilege-bloc.main-privilege,
.homepage .privilege-bloc.main-privilege .wrapper {
    width: 600px;
	height:auto;
}
.homepage .privilege img {
	width:100%;
	height:auto;
}
.homepage .privilege-bloc.main-privilege .city {
	font-size:18px;
	height:40px;
	line-height:40px;
}
.homepage .privilege-bloc a > p {
    background-color: #f3f3f3;
    overflow: hidden;
}
.homepage .privilege-bloc.main-privilege .rubon,
.homepage .privilege-bloc.main-privilege a > p {
	font-size:18px;
	height:28px;
	line-height:28px;
}
.homepage .privilege-bloc.main-privilege .rubon:after {
    border: 7px solid transparent;
    border-top: 8px solid #ff8a00;
    top: 28px;
}
.homepage .privilege-bloc.main-privilege a:hover .rubon:after {
    border-top: 8px solid #1c95de;
}
.privilege-bloc.main-privilege .offer {
    border-radius: 100px;
    width: 125px;
    height: 125px;
    font-size: 24px;
	line-height:100%;
}
.privilege-bloc.main-privilege .from {
    font-size: 14px;
}
.privilege-bloc.main-privilege .price {
    font-size: 31px;
}
.homepage .privilege-bloc.main-privilege h3 {
    top: 40px;
    font-size: 24px;
	padding:10px;
	line-height:normal;
}
.homepage .pub-imu {
	width:300px;
	margin:69px auto 0;
}

/* follow the guide spot */

.follow_the_guide-spot {
	background-color:#1a1a1a;
	clear:both;
	text-align:center;
	overflow:hidden;
    padding:0 40px 40px;
    margin-bottom: 50px;
} 
.follow_the_guide-spot h2 {
	font-size:36px;
    font-family: 'oswaldregular';
	text-transform:uppercase;
	color:#FFFFFF;
	margin-top:50px;
} 
.follow_the_guide-spot .follow-guide-logo {
    color: #ff8a00;
	font-size:24px;
	margin-bottom: 25px;
}
.follow_the_guide-spot .sponsor {
	float:right;
	margin-top:15px;
}
.follow_the_guide-spot p {
	color:#FFFFFF;
	font-size:24px;
    margin-top: 15px;
}
.follow_the_guide-spot a:hover p {
    color: #ff8a00;
}
.follow_the_guide-spot a:hover img {
	opacity:.9;
}
.follow_the_guide-spot a:hover {
	text-decoration:none;
}

/* Why Holydaysweb */

.content.go-on .content-wrapper {
	text-align:center;
	border-bottom: 5px solid #e5e5e5;
    padding-bottom: 50px;
    margin: 0 auto 50px;
	overflow:hidden;
}
.content.go-on h2 {
    font-size: 36px;
    font-family: 'oswaldregular';
    text-transform: uppercase;
}
.content.go-on h3 {
    font-size: 21px;
    font-family: 'open_sanssemibold';
}
.content.go-on p {
    font-size: 16px;
    font-family: 'open_sanssemibold';
}

/* Menu news */

.col-02 .news-menu {
	text-align:left;
}
.col-02 .news-menu ul {
    margin-left: 18px;
    color: #b3b3b3;
}
.col-02 .news-menu li {
	list-style:disc;
}

/* Pagination */


.pagination {
	text-align: center;
	margin-bottom:30px;
}
.pagination ul {
	display: inline-block;
}
.pagination li {
	display:inline;
	float:left;
	min-width:30px;
}
.pagination li a {
    font-family: 'oswaldlight';
	background:#f0f0f0;
	margin-right: 1px;
    font-size: 21px;
	line-height:40px;
    padding: 0 14px;
	color:#333333;
	float:left;
}
.pagination li a:hover {
	text-decoration:none;
}
.pagination li a:hover {
	background:#d6d6d6;
}
.pagination ul {
	margin: 0 auto;
	box-shadow: none;
}
.pagination li.active a {
	background:#575757;
	color:#FFFFFF;
}

/* ------------------------ Reportage --------------------------- */

.content.two-col {
    background-color: #f3f3f3;
}
.col-01 {
    background-color:#FFFFFF;
    width:870px;
    padding:0 30px;
    position:relative;
}
.home-reportage h1,
.article-reportage h1 {
    padding-right:150px;
}
.media-text {
    margin-bottom:14px;
}
.col-02 .bloc-01:last-child {
    border-bottom: none;
    padding-bottom:0;
}

/* colonne 1 */

.col-01 .bloc-01 {
    padding-bottom:30px;
    border-bottom:5px solid #e5e5e5;
    margin-bottom:20px;
}
.col-01 .bloc-01.last {
    padding-bottom:30px;
    border-bottom: none;
    margin-bottom:0;
}
.bloc-01 h2 {
    font-family: 'oswaldregular';
    text-transform:uppercase;
    font-size: 27px;
    margin-bottom:10px;
}
.col-01 .bloc-02 {
    margin:0 0 20px 20px;
    float:right;
    max-width:290px;
}
.reportage-content .bloc-02 h3 {
    font-family: 'oswaldregular';
    text-transform: uppercase;
    font-size: 20px;
    background-color: #1c95de;
    color: #ffffff;
    padding: 3px 10px;
    margin-bottom:0;
    text-align:center;
}
.bloc-02 .media-text {
    border:1px solid #e5e5e5;
    border-top:none;
    padding:10px 20px;
    height: auto;
}
.bloc-02 .media-text p {
    line-height:normal;
}
.chapeau p {
    font-size:16px;
    line-height:24px;
}
.chapeau p strong {
    font-family: 'open_sanssemibold';
    color:#000000;
}

.chapeau #map-btn > div {
    float:right;
    border:1px solid #d9d9d9;
    padding:10px;
    margin-left:10px;
    cursor: pointer;
	text-align:center;
}
.chapeau #map-btn .btn {
    margin:10px 0 0 1px;
}
#map_content {
    display:none;
    height: 100%;
    width: 100%;
}
#map_content.visible {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    clear:both;
    display: block;
    margin-bottom:20px;
}
.detail-page #map_content {
	padding-bottom:300px;
	margin-bottom:40px;
}
#map_content iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.author {
    position: absolute;
    right: 30px;
    width: 100px;
    top: -50px;
    text-align: center;
    font-style:italic;
}
.author .media-pic {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    border:2px solid #FFFFFF;
    z-index: 1;
    overflow: hidden;
}
.author .media-pic img {
    display:block;
}
.en-images p,
.en-texte p {
    line-height:22px;
}
.en-images .media-pic {
    margin-top:20px;
}
.media-pic .gallery,
.media-pic .video {
    position: absolute;
    right:10px;
    top:10px;
    font-family: 'open_sanssemibold';
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    z-index:1;
    color:#333333;
}
.media-pic .gallery {
    background:url('/resources/img/sprite.svg') no-repeat -255px 0px  transparent;
    width:41px;
    height: 25px;
    padding-top: 9px;
}
.media-pic .video {
    background:url('/resources/img/sprite.svg') no-repeat -310px 0px  transparent;
    width:48px;
    height: 33px;
    padding-top: 9px;
    right:auto;
    left:10px;
    text-align: left;
    padding-left: 13px;
}
.col-01 .bloc-01.articles {
    padding-bottom: 10px;
    overflow:hidden;
}

.articles .article {
    float:left;
    margin-top:10px;
}
.articles.articles-3-col .articles-container{
    margin-right: -2%;
}

.articles.articles-3-col .article {
    width:31.3%;
    margin-right:2%;
}

.col-01 .articles.articles-2-col .articles-container{
    margin-right: -4%;
}
.articles.articles-2-col .article {
    width:46%;
    margin-right:4%;
}

.col-01 .articles.articles-1-col .articles-container{
    margin-right: 0;
}
.articles.articles-1-col .article {
    width:100%;
    margin-right:0;
}

.col-02 .articles .article {
    width:100%;
    float: none;
    margin-right:0;
}

.articles .media-pic img {
    width:100%;
    height: auto;
    display:block;
}
.articles .media-pic a:hover img,
.article-horiz .media-pic a:hover img,
.renting .media-pic a:hover img {
    opacity:.9;
}
.articles h3,
.article-horiz h3 {
    font-family: 'oswaldregular';
    font-size:24px;
}
.articles h3 {
    margin:8px 0 11px;
}
.col-02 .articles h3 {
    margin-bottom:30px;
}
.articles p {
    margin-bottom:0;
}
.article-horiz h3 {
    margin-bottom:10px;
}
.articles .btn-orange {
    margin-bottom:20px;
}
.article-horiz {
    overflow:hidden;
}
.article-horiz.articles .article {
    margin-top:0;
}
.article-horiz .media-pic {
    float:left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 38%;
}
.article-horiz .media-pic img {
    width:100%;
    height:auto;
}
.article-horiz.bloc-01 h2 {
    margin-bottom:20px;
}
.article-horiz img {
    display:block;
}

/* colonne 2 */

.col-02 {
    text-align:center;
	padding:30px 0 0 30px;
    width:300px;
}
.col-02 .bloc-01 {
    padding-bottom:20px;
    border-bottom:5px solid #b2b2b2;
    margin-bottom:25px;
}
.col-02 .sponsor-sn {
    overflow:hidden;
}
.col-02 .sponsor {
    font-size:13px;
    float:right;
    text-align:center;
}
.col-02 .sponsor p {
    margin-bottom:15px;
    color:#808080;
}

/* Bloc Facebook - Twitter */

#st-1 {
	font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
	direction: ltr;
	display: block;
	opacity: 1;
	text-align: center;
	z-index: 94034;
	margin-top:15px;
}
.div-social, .div-media{
    width: 50%;
    float: left;
}
#st-1.st-animated {
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
#st-1.st-hidden {
	opacity: 0;
}
#st-1 .st-btn {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: top 0.2s ease-in;
	-ms-transition: top 0.2s ease-in;
	-o-transition: top 0.2s ease-in;
	-webkit-transition: top 0.2s ease-in;
	transition: top 0.2s ease-in;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	margin-right: 8px;
	padding: 0 12px;
	position: relative;
	text-align: center;
	top: 0;
	vertical-align: top;
	white-space: nowrap;
}
#st-1 .st-btn:last-child {
	margin-right: 0;
}
#st-1 .st-btn > svg {
	height: 24px;
	width: 24px;
	position: relative;
	top: 12px;
	vertical-align: top;
}
#st-1 .st-btn > img {
	height: 24px;
	width: 24px;
	position: relative;
	top: 12px;
	vertical-align: top;
}
#st-1 .st-btn > span {
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	letter-spacing: 0.5px;
	min-width: 75px;
	opacity: 1;
	padding: 0 6px;
	position: relative;
	vertical-align: top;
}
#st-1.st-has-labels .st-btn {
	min-width: 150px;
}
#st-1.st-has-labels .st-btn.st-remove-label {
	min-width: 50px;
}
#st-1.st-has-labels .st-btn.st-remove-label > span {
	display: none;
}
#st-1.st-has-labels .st-btn.st-hide-label > span {
	display: none;
}
#st-1 .st-total {
	color: #555;
	display: inline-block;
	font-weight: 500;
	line-height: 18px;
	margin-right: 0;
	max-width: 80px;
	padding: 4px 8px;
	text-align: center;
}
#st-1 .st-total.st-hidden {
	display: none;
}
#st-1 .st-total > span {
	font-size: 24px;
	line-height: 26px;
	display: block;
	padding: 0;
}
#st-1 .st-total > span.st-shares {
	font-size: 14px;
	line-height: 14px;
}
#st-1.st-justified {
	display: flex;
	text-align: center;
}
#st-1.st-justified .st-btn {
	-moz-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
#st-1 .st-btn:hover {
	opacity: .8;
	top: -4px;
}
#st-1 .st-btn[data-network='facebook'] {
	background-color: #3B5998;
}
#st-1 .st-btn[data-network='twitter'] {
	background-color: #55acee;
}

/* Bloc Privilèges */

.privilege-bloc,
.col-02 .renting-bloc {
    width:300px;
    margin:25px auto 0;
	float:none;
}
.privilege-bloc img,
.renting-bloc img {
    width:300px;
}
.privilege-bloc .wrapper {
    position:relative;
    width:300px;
}
.privilege-bloc img {
    display:block;
}
.privilege-bloc .city,
.privilege-bloc h3,
.privilege-bloc .rubon {
    position: absolute;
    left:0;
    color: #FFFFFF;
    text-transform:uppercase;
    z-index:1;
	text-align:left;
}
.privilege-bloc .city {
    background-color: rgba(0,0,0,0.3);
    top:0;
    padding:0 10px;
    height:28px;
    line-height:28px;
}
.privilege-bloc h3 {
    background-color: rgba(0,0,0,0.7);
    top:28px;
    font-family: 'open_sanssemibold';
    font-size:16px;
    padding: 4px 10px;
    line-height: 20px;
}
.privilege-bloc .rubon {
    background-color: #ff8a00;
    bottom:0;
    height:22px;
    line-height:22px;
    margin-bottom:0;
    padding:0 10px;
}
.privilege-bloc .rubon:after {
    content: "";
    border: 5px solid transparent;
    border-top: 6px solid #ff8a00;
    left: 0;
    right: 0;
    top: 22px;
    position: absolute;
    width: 0;
    margin: auto;
}
.privilege-bloc a:hover .rubon,
.privilege-bloc a:hover .rubon:after {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.privilege-bloc a:hover .rubon {
    background-color: #1c95de;
}
.privilege-bloc a:hover .rubon:after {
    border-top: 6px solid #1c95de;
}
.privilege-bloc .offer {
    z-index:1;
	text-align:center;
    background-color: #000000;
    color:#ff8a00;
    position:absolute;
    bottom:15px;
    right:15px;
    border-radius:110px;
    width: 85px;
    height: 85px;
	display: flex; 
	flex-direction: column; 
	justify-content: center;
	line-height:110%;
}
.privilege-bloc span {
    display:block;
}
.privilege-bloc .price {
    color:#ffffff;
    font-size:18px;
	line-height:120%;
    font-family: 'open_sanssemibold';
}
.privilege-bloc .from {
    font-size:11px;
}
.privilege-bloc a > p {
    background-color: #ffffff;
    padding:5px 10px;
    color:#000000;
    text-align:left;
    font-family: 'open_sanssemibold';
}
.renting p {
    margin:0;
}
.renting h3 {
    font-family: 'open_sanssemibold';
    text-transform:uppercase;
}
.renting .price {
    color:#000000;
    font-family: 'open_sanssemibold';
    font-size:16px;
}
.go-on .media-pic,
.content.go-on .media-pic {
    width:106px;
    height:106px;
    border:1px solid #b2b2b2;
    margin: 20px auto 15px;
    border-radius:106px;
    background-color: #FFFFFF;
    position:relative;
}
.go-on a {
    display:block;
}
.go-on a:hover .media-pic {
    border:1px solid #808080;
}
.go-on .media-pic img,
.content.go-on .media-pic img {
    display:block;
    opacity:.6;
	max-width:64px;
	max-height: 70px;
	height:auto;
	margin: 18px auto;
}
.go-on a:hover .media-pic img {
    opacity:1;
}
.col-02 .go-on a h3 {
    color:#b2b2b2;
    font-family: 'oswaldregular';
    text-transform:uppercase;
    font-size:22px;
    margin-bottom:10px;
}
.col-02 .go-on a p {
    color:#333333;
}
.col-02 .go-on a:hover {
    text-decoration:none;
}
.col-02 .go-on a:hover h3 {
    color:#666666;
}
.go-on a:hover p {
    color:#000000;
}
.go-on a p.more {
    color:#1c95de;
}
.go-on a p:hover.more {
    color:#1c95de;
}
.go-on a:hover p.more {
    text-decoration: underline;
    color:#000000;
}

/* Diary */

.diary.content {
    background-color:#ab9f9f;
    color:#000000;
    padding-bottom:30px;
    overflow:hidden;
}
.diary h2 {
    color:#FFFFFF;
    margin:20px 0 20px 30px;
    letter-spacing:1px;
}
.diary-bloc {
    float:left;
    text-align:center;
    margin-left:30px;
    overflow:hidden;
}
.diary-bloc.md {
    width:178px;
}
.diary-bloc.big {
    width:398px;
}
.diary-bloc img {
    width: 398px;
    height:auto;
}
.diary-bloc.md img {
    margin-left: -110px;
}
.diary-bloc .rubon {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    background-color:rgba(28,149,222,0.60);
    font-family: 'open_sanssemibold';
    color:#FFFFFF;
    text-transform:uppercase;
    padding:0 10px;
    width: 60%;
}
.diary-bloc a:hover .rubon {
    background-color:rgba(28,149,222,1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.diary-bloc.big .rubon {
    top:114px;
    font-size:18px;
}
.diary-bloc.md .rubon {
    top:118px;
}
.diary h3 {
    margin:10px 0;
}
.diary .big h3 {
    font-size:18px;
}
.diary h3 a {
    color:#FFFFFF;
    font-family: 'open_sanssemibold';
    text-transform:uppercase;
}
.diary .date {
    font-family: 'open_sanssemibold';
}
.diary .stars {
    background:url('/resources/img/sprite.svg') no-repeat -30px 0;
    margin:0 auto 10px;
    height:14px;
}
.diary .stars.star-01 {
    width:14px;
}
.diary .stars.star-02 {
    width:29px;
}
.diary .stars.star-03 {
    width:43px;
}
.diary .stars.star-04 {
    width:58px;
}
.diary .stars.star-05 {
    width:73px;
}

/* Partners */

.partners {
    margin-top: 10px;
    text-align: right;
    color:#808080;
}
.partners img {
    margin-left:20px;
    vertical-align:middle;
}

/* Follow the guide */

.follow_the_guide {
    text-align:center;
}
.follow_the_guide .content-wrapper {
    overflow:hidden;
    padding-bottom: 19px;
    border-bottom: 5px solid #e5e5e5;
    margin-bottom: 30px;
}
.follow_the_guide h2 {
    text-align: left;
}
.follow_the_guide .rubon {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    background-color:rgba(0,0,0,0.60);
    font-family: 'open_sanssemibold';
    color:#FFFFFF;
    text-transform:uppercase;
    padding:0 10px;
    width: 60%;
}
.follow_the_guide a:hover .rubon {
    background-color:rgba(0,0,0,1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    z-index:2;
}
.follow_the_guide .rubon {
    top:114px;
    font-size:18px;
}

/* -------------------- Article Reportage ----------------------- */

.article-reportage .two-col {
    margin-bottom:30px;
}
.reportage-content {
    padding-bottom:20px;
}
.reportage-content h2 {
    font-family: 'oswaldregular';
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 10px;
}
.reportage-content h3 {
    font-family: 'oswaldregular';
    color:#ff8a00;
    font-size: 27px;
    margin-bottom: 10px;
}
.reportage-content img {
    margin:20px auto;
    width:100%;
    height:auto;
	display:block;
}
.reportage-content ul {
	margin-left:18px;
}
.reportage-content hr {
    display:block;
    border:none;
    border-top: 5px solid #e5e5e5;
    margin:20px 0;
}

/* ----------------------- Detail page -------------------------- */

.detail-page .bloc-01 h2 {
    text-transform: none;
}
.anchor {
	position:relative;
}
.anchor a {
	position: absolute;
	top:-70px;
}
.mobile-booking .booking {
	display:none;
}

/* Menu */

.detail-page .menu-wrapper,
.partner-page .menu-wrapper,
.booking-page .menu-wrapper {
	border-bottom:1px solid #e6e6e6;
	width:100%;
    z-index: 1001;
	top:0;
	position:fixed;
}
.detail-page #ecran,
.partner-page #ecran,
.booking-page #ecran {
	height:auto;
	overflow:visible;
	border-bottom: 1px solid #f3f3f3;
	min-height:60px;
	background-color:#FFFFFF;
}
.detail-page #ecran h2,
.detail-page #ecran #search,
.partner-page #ecran h2,
.partner-page #ecran #search,
.booking-page #ecran h2,
.booking-page #ecran #search {
	display:none;
}
.detail-page #ecran.visible h2,
.detail-page #ecran.visible #search,
.partner-page #ecran.visible h2,
.partner-page #ecran.visible #search,
.booking-page #ecran.visible h2,
.booking-page #ecran.visible #search {
	display: block;
}
.detail-page #ecran.visible #search,
.partner-page #ecran.visible #search,
.booking-page #ecran.visible #search {
	margin-bottom:20px;
}
.detail-page #ecran.visible h2,
.partner-page #ecran.visible h2,
.booking-page #ecran.visible h2 {
    margin: 70px auto 0;
    background: transparent;
    color: #333;
}
.detail-page #ecran #search,
.partner-page #ecran #search,
.booking-page #ecran #search {
	background-color: transparent;
	margin-top:10px;
}
.detail-page #ecran #search input,
.detail-page #ecran #search select,
.partner-page #ecran #search input,
.partner-page #ecran #search select,
.booking-page #ecran #search input,
.booking-page #ecran #search select {
    border:1px solid #999999;
}
.detail-page #menu .login-box ul,
.partner-page #menu .login-box ul,
.listing-page #menu .login-box ul,
.booking-page #menu .login-box ul {
    background:#FFFFFF;
	border:1px solid #e5e5e5;
}
.detail-page #menu .login-box li a:hover,
.partner-page #menu .login-box li a:hover,
.listing-page #menu .login-box li a:hover,
.booking-page #menu .login-box li a:hover {
    background-color:transparent;
}
#search-mobile {
	display:none;
}
.detail-page #ecran #search-mobile,
.partner-page #ecran #search-mobile,
.booking-page #ecran #search-mobile  {
	display:block;
	float:right;
}
.detail-page #ecran #search-mobile a,
.partner-page #ecran #search-mobile a,
.booking-page #ecran #search-mobile a {
	text-indent:-9999px;
	background-color:#000000;
	width:60px;
	padding:0;
    height: 60px;
    position: relative;
	display:block;
}
.detail-page #ecran #search-mobile span,
.partner-page #ecran #search-mobile span,
.booking-page #ecran #search-mobile span {
    background: url('/resources/img/sprite.svg') no-repeat 0 0;
	background-size:750px;
    height: 30px;
	width:30px;
	display:block;
	position:absolute;
    top: 15px;
    left: 15px;
}
.detail-page #ecran #search-mobile a:hover,
.partner-page #ecran #search-mobile a:hover,
.booking-page #ecran #search-mobile a:hover {
    background-color: #1c95de;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}

/* Description */

.detail-top .row-02,
.detail-top .row-03 {
	clear:both;
	position:relative;
}
.detail-top .col-01,
.detail-top .col-02,
.detail-top .col-03 {
	padding:0;
}
.detail-top .breadcrumb {
	padding:0;
}
.detail-top h1 {
	font-size:36px;
	margin-bottom:0;
	clear:both;
}
.detail-top .subtitle {
    font-family: 'oswaldlight';
    font-size: 24px;
}
.detail-top .row-02 .col-01 {
	width:600px;
}
.citytrip .detail-top .row-02 .col-01 {
	width: calc(100% - 540px);
}
.detail-top .fb-like {
	float:right;
	margin-top:10px;
}
.detail-top .row-02 .col-02 {
	width:260px;
    margin-top: 10px;
	text-align: left;
	position:absolute;
	left:630px;
}
.detail-top .row-02 .col-03 {
	width:340px;
    margin-top: 10px;
	text-align:center;
	position:absolute;
	right:0;
}
.citytrip .detail-top .row-02 .col-03 {
	width:470px;
}
.detail-top .row-03 .col-01 {
	width: calc(100% - 370px);
	text-align: justify;
}
.detail-top .row-03 .col-01 {
	width: calc(100% - 370px);
	text-align: justify;
}
.detail-top .row-03 .col-01 h3 {
    font-family: 'oswaldlight';
    font-size: 24px;
    margin: 20px 0 10px;
}

.detail-top .row-03 .col-03 {
	width:309px;
	border-left:1px solid #e5e5e5;
	margin-left:30px;
	float: right;
    padding-left: 30px;
}
.detail-top .row-02 .subtitle {
	overflow:hidden;
}
.detail-top .row-03 .col-01 .bloc-01 {
    padding-bottom:0;
    border-bottom: none;
    margin-bottom:0;
}
.detail-top .en-images .media-pic {
    margin-top:10px;
}
.detail-top .short-description {
	border-bottom:1px solid #e5e5e5;
	overflow:hidden;
    margin-bottom: 20px;
}
.detail-top .short-description li {
	width:130px;
	height:50px;
	float:left;
	font-size:16px;
	margin-bottom:20px;
	text-align:center;
}
.detail-top .short-description li span {
	background-image: url('/resources/img/sprite.svg');
	background-repeat:no-repeat;
    display:block;
	margin:0 auto;
}
.detail-top .short-description li.rooms span {
	width:33px;
	height:30px;
	background-position:-38px -44px;
	margin-top:3px;
}
.detail-top .short-description li.people span {
    width: 34px;
    height: 28px;
    background-position: -80px -43px;
	margin-top:5px;
}
.detail-top .short-description li.surface span {
	width:23px;
	height:23px;
	background-position:-123px -44px;
	margin-top:10px;
}
.detail-top .short-description li.residence span {
	width:29px;
	height:33px;
	background-position:-154px -44px;
}
.detail-top .big-arrow {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:20px;
	padding-bottom:20px;
}
.detail-top .add {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:20px;
	padding-bottom:20px;
    font-family: 'open_sanssemibold';
	font-size:16px;
}
.detail-top .add span {
	background: url('/resources/img/sprite.svg') no-repeat -302px -44px;
    height: 15px;
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}
.detail-top .share {
    font-family: 'open_sanssemibold';
	font-size:16px;
}
.citytrip .detail-top .share {
    float: right;
    margin: 18px 20px 0 0;
}
.detail-top .share .share-ico {
	background: url('/resources/img/sprite.svg') no-repeat -192px -44px;
    height: 17px;
    display: inline-block;
    padding: 0 9px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}
.detail-top .col-03 .price-block {
	padding:0 0 20px;
	position:relative;
	border:1px solid #e5e5e5;
	margin-bottom:30px;
}
.detail-top .col-03 .price-block p {
	margin-left:20px;
	margin-right:20px;
}
.detail-top .col-03 .price-block .price {
	margin-top:20px;
}
.detail-top .col-03 .price-block .rubon {
	position:absolute;
	height:28px;
	line-height:28px;
    font-family: 'open_sanssemibold';
	color: #FFFFFF;
	padding:0 10px;
	text-transform:uppercase;
    top: -28px;
    right: 0;
	margin:0;
}
.detail-top .col-03 .price-block .rubon:before {
    position: absolute;
    content: "";
    border: 8px solid transparent;
    left: -18px;
    bottom: 0;
}
.detail-top .col-03 .price-block .rubon.promo {
	background-color:#1c95de;
}
.detail-top .col-03 .price-block .rubon.promo:before {
    border-right: 10px solid #1c95de;
    border-bottom: 6px solid #1c95de;
}
.detail-top .col-03 .price-block .rubon.privilege {
	background-color:#000000;
}
.detail-top .col-03 .price-block .rubon.privilege:before {
    border-right: 10px solid #000000;
    border-bottom: 6px solid #000000;
}
.detail-top .col-03 .price-block .bloc-privilege {
    background-color: #f3f3f3;
    padding: 10px;
    width: 94%;
    margin: 0 0 20px;
    padding: 10px 3% 10px;
	display:block;
}
.detail-top .price-block .act_price {
    font-family: 'open_sanssemibold';
	font-size:42px;
	display:block;
}
.detail-top .price-block .prev_price {
	font-size:18px;
	text-decoration:line-through;
}
.detail-top .price-block span {
    font-family: 'open_sanssemibold';
	font-size:16px;
	white-space:nowrap;
}
.booking {
    font-family: 'open_sanssemibold';
	text-transform:uppercase;
	font-size:21px;
	padding: 8px 15px;
	border-radius:0;
}
.detail-top .price-block .booking {
    margin: 10px 0 20px;
    display: inline-block;
}
.booking:after,
.booking:before {
	display:none;
}
.detail-top .price-block .info {
	color:#b2b2b2;
}
.detail-top .price-block #info-mobile {
	display:none;
}
.detail-top .price-block .info span {
	display:block;
	margin-top:5px;
}
.detail-top .row-03 {
	border-bottom:5px solid #e5e5e5;
	padding-bottom:35px;
	margin-bottom:30px;
	overflow:hidden;
}
.detail-top .row-03 .more {
	margin-bottom:0;
}
.detail-top .row-03 .col-03 li {
	margin-bottom:5px;
}
.detail-top .name {
    font-family: 'open_sanssemibold';
	color:#000000;
}
.detail-top .row-03 .col-03 li span {
    height: 17px;
    display: inline-block;
    padding: 0 9px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}
.detail-top .phone span {
	background: url('/resources/img/sprite.svg') no-repeat -218px -44px;
}
.detail-top .email span {
	background: url('/resources/img/sprite.svg') no-repeat -244px -44px;
}
.detail-top .website span {
	background: url('/resources/img/sprite.svg') no-repeat -327px -44px;
}

/* Options */

#options h3 {
    font-family: 'oswaldlight';
    font-size: 24px;
	margin-bottom:10px;
}
#options .bloc-option {
	float:left;
	width:19%;
	padding-right:1%;
	margin-bottom:30px;
}
#options .bloc-option li {
    background: url('/resources/img/sprite.svg') no-repeat -488px -109px;
    padding-left: 20px;
}
#options .bloc-option.picture li {
    background: none;
    padding-left:0;
}
#options .content-wrapper {
    border-bottom: 5px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

/* Map */

.detail-page .map h2 {
	max-width:1260px;
	margin:0 auto 20px;
}


/* Calendar */

#calendar .content-wrapper {
    border-bottom: 5px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
#calendar .bloc-01 {
	overflow:hidden;
}
#calendar .h2-wrapper,
#rates .h2-wrapper {
	margin-bottom:30px;
}
#calendar .h2-wrapper h2,
#rates .h2-wrapper h2 {
	display:inline;
}
#calendar .h2-wrapper .big-arrow,
#rates .h2-wrapper .big-arrow {
	margin-left:10px;
}
.calendar {
	border: none;
	border-collapse: collapse;
	width: auto;
}
.calendar thead th {
	border:1px solid #e5e5e5;
    font-family: 'oswaldlight';
	font-size: 17px;
	vertical-align:middle;
	padding-top: 1px;
}
.calendar thead th span {
    display: block;
    font-weight: 300;
    color: #000;
}
.calendar thead td {
	font-size: 12px;
	color:#999999;
	line-height: 21px;
	text-shadow: #fff 1px 1px 0;
	text-align: center;
}
.calendar tbody,
.unknown {
	background-color: #e6e6e6;
}
.calendar tbody td {
	position: relative;
	color: #333;
	width: 26px;
	height: 26px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 14px;
}
.calendar tbody td a {
	text-decoration: none;
}
.calendar tbody td div.daybg {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 13px;
}
.calendar tbody td div.day {
	position: relative;
	display: block;
	line-height: 24px;
	height: 24px;
	text-align: center;
    font-family: 'open_sanssemibold';
}
.calendar tbody td.last {
	border-right: none;
}
.calendar tbody td.last div.day {
	width: 24px;
}
.calendar tbody td.today {
	background-color: #fff;
}
.calendar tbody td.color-blue {
	background-color: #0084d9;
	color: #fff;
}
.calendar tbody td.color-orange {
	background-color: #ff6800;
	color: #fff;
}
.calendar tbody td.color-blue a {
	color: #fff;
}
.calendar .right a {
	color: #fff;
	text-decoration: none;
}
.calendar .left a {
	color: #fff;
	text-decoration: none;
}
.calendars .calendar {
	float: left;
	margin: 0 10px 20px 0;
}
.bloc-calendar {
	float: left;
	margin:0 10px 20px;
}
.tab_calendar table.calendar:last-child {
	margin-right: 0;
}
.monthLinks a {
	text-decoration: none;
}
.pending {
	background-color: #ff6800;
	color: #fff;
}
.unavailable {
	background-color: #f06060;
	color: #fff;
}
.lowSeason {
	background-color: #fff7b2;
}
.midSeason {
	background-color: #d7f0c5;
}
.highSeason {
	background-color: #9ed17b;
}
.veryhighSeason {
	background-color: #76ab52;
	color: #fff;
}
.calendar tbody td.pendingStart div.daybg {
	border-right-color: #ff6800;
	border-bottom-color: #ff6800
}
.calendar tbody td.pendingEnd div.daybg {
	border-top-color: #ff6800;
	border-left-color: #ff6800
}
.calendar tbody td.unavailableStart div.daybg {
	border-right-color: #f06060;
	border-bottom-color: #f06060;
}
.calendar tbody td.unavailableEnd div.daybg {
	border-top-color: #f06060;
	border-left-color: #f06060;
}
.calendar tbody td.lowSeasonStart div.daybg {
	border-right-color: #fff7b2;
	border-bottom-color: #fff7b2;
}
.calendar tbody td.lowSeasonEnd div.daybg {
	border-top-color: #fff7b2;
	border-left-color: #fff7b2;
}
.calendar tbody td.midSeasonStart div.daybg {
	border-right-color: #d7f0c5;
	border-bottom-color: #d7f0c5;
}
.calendar tbody td.midSeasonEnd div.daybg {
	border-top-color: #d7f0c5;
	border-left-color: #d7f0c5;
}
.calendar tbody td.highSeasonStart div.daybg {
	border-right-color: #9ed17b;
	border-bottom-color: #9ed17b;
}
.calendar tbody td.highSeasonEnd div.daybg {
	border-top-color: #9ed17b;
	border-left-color: #9ed17b;
}
.calendar tbody td.veryhighSeasonStart div.daybg {
	border-right-color: #76ab52;
	border-bottom-color: #76ab52;
}
.calendar tbody td.veryhighSeasonEnd div.daybg {
	border-top-color: #76ab52;
	border-left-color: #76ab52;
}
.calendar tbody div.day a {
	color: #fff;
}
.calendar tbody td.pendingEnd div.day, 
.calendar tbody td.pendingStart div.day,
.calendar tbody td.unavailableEnd div.day, 
.calendar tbody td.unavailableStart div.day,
.calendar tbody td.veryhighSeasonEnd.veryhighSeasonStart div.day,
.calendar tbody td.unavailableEnd.unavailableStart div.day,
.calendar tbody td.veryhighSeasonEnd.unavailableStart div.day,
.calendar tbody td.unavailableEnd.veryhighSeasonStart div.day {
	color: #fff;
}
.calendar-legend li {
    margin-right: 20px;
	display:inline;
	white-space:nowrap;
}
.calendar-legend li span {
	display:inline-block;
    width: 10px;
    height: 10px;
	margin-right:5px;
}
#calendar .booking {
}

/* Rates */ 

#rates {
	overflow:hidden;
	margin-bottom:40px;
}
#rates table {
	float:left;
    border-collapse: collapse;
	margin-bottom:20px;
}
#rates #prices {
	width:59%;
	margin-right:3%;
}
#rates #costs {
	width:38%;
}
#rates th[scope="col"] {
	background-color:#e5e5e5;
	font-size:17px;
	font-weight:300;
    font-family: 'oswaldlight';
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#rates th[scope="row"] {
	font-weight:400;
}
#rates td {
	text-align:center;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:3px 0;
}
#rates #prices span {
	display:none;
}
#rates #prices th[scope="row"] {
	border-bottom:1px solid #FFFFFF;
}
#rates #costs  th[scope="row"] {
	border:1px solid #e5e5e5;
	border-top:none;
}

/* Guarantees */

#guarantee {
    background-color: #f3f3f3;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 50px;
	overflow:hidden;
	padding:40px 0 30px;
}
#guarantee h2 {
	margin-bottom:20px;
}
#guarantee li {
	font-size:16px;
	margin-bottom:10px;
    width: 31.3%;
    margin-right: 2%;
	float:left;
}
#guarantee li span {
	display:inline-block;
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	margin-right:10px;
	height:28px;
	padding:0 12px;
	vertical-align:middle;
}
#guarantee li.free-advices span {
	background-position: 0px -86px;
}
#guarantee li.personalized-follow span {
	background-position: -34px -86px;
}
#guarantee li.pro-booking span {
	background-position: -68px -86px;
}
#guarantee li.financial-guarantee span {
	background-position: -100px -86px;
}
#guarantee li.secure-payment span {
	background-position: -126px -86px;
}
#guarantee li.reliable-partners span {
	background-position: -153px -86px;
}
#guarantee li.direct-availability span {
	background-position: -185px -86px;
}
#guarantee li.customer-service span {
	background-position: -217px -86px;
}
#guarantee li.holiday-vouchers span {
	background-position: -250px -86px;
}

/* Preview mode - inactive advertisement */

/*
.preview-mode {
	margin-top:20px;
	font-size:21px;
	text-transform:uppercase;
	overflow:hidden;
}
.inactive-advertisement {
	float:left;
	padding-bottom:15px;
	border-bottom:2px dashed #e50000;
}
.inactive-advertisement span {
	color:#e50000;
    font-family: 'open_sanssemibold';
}
.btn-validate,
.btn-change {
    font-family: 'open_sanssemibold';
	padding:8px 20px;
	border-radius:4px;
	float:right;
    -webkit-box-shadow:0px 4px 7px 2px rgba(0,0,0,.2);
    box-shadow:0px 4px 7px 2px rgba(0,0,0,.2);
	margin:0 5px 20px 15px;
}
.btn-validate:hover,
.btn-change:hover {
    background-color: #000000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.btn-validate {
	background-color:#379c2c;
}
.btn-change {
	background-color:#ff8a00;
}
*/

.preview-mode {
	margin:20px 0;
	overflow:hidden;
	background-color:#ebebeb;
	text-align:center;
    border-radius: 3px;
	-webkit-border-radius: 3px;
}
.inactive-advertisement {
	float:left;
	background-color:#e50000;
	color:#FFFFFF;
	padding: 11px 20px;
	font-size: 18px;
}
.inactive-advertisement span {
    font-family: 'open_sanssemibold';
	text-transform:uppercase;
	font-size:21px;
}
.btn-validate,
.btn-change {
    font-family: 'open_sanssemibold';
	text-transform:uppercase;
	font-size:21px;
	padding: 7px 20px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    float: right;
    margin: 5px 5px 0 0;
    -webkit-box-shadow:1px 1px 0px 0px rgba(0,0,0,.2);
    box-shadow:1px 1px 0px 0px rgba(0,0,0,.2);
}
.btn-validate {
	background-color:#379c2c;
}
.btn-change {
	background-color:#ff8a00;
}

/* ----------------------- listing page ------------------------- */

.listing-page #ecran {
    height: auto;
	border-bottom:1px solid #e6e6e6;
	overflow:visible;
    min-height: 60px;
}
.listing-page h1 {
    font-size: 22px;
    text-align: center;
    margin: 20px 0 0;
}
.listing-page #ecran h2, 
.listing-page #ecran #search {
	display:none;
}
.menu-options {
	display:none;
}

.listing-page .ui-autocomplete{
    z-index: 9999;
}

/* options */

.listing-page.no-mobile #options-sort.extended{
    height: 100%;
    overflow: auto;
}
#less_options {
	padding:10px 10px 0;
}
.listing-page .content > .col-01 {
	width:800px;
	padding:0;
}
.no-mobile .sticky #options-sort{
    z-index: 990;
    width: 800px;
    top:0;
    position: fixed;
}
.listing-page .content > .col-02 {
	width: calc(100% - 800px);
	padding:0;
}
.no-mobile .sticky .col-02 .map{
    width: calc(100% - 800px);
    top:0;
    position: fixed;
    z-index: 99;
}
.no-mobile .sticky .col-02 .map #map_content.visible {
    margin: 0;
}
#options form {
	float:left;
	background-color:#fff;
}
#less_options li {
	float:left;
	height:40px;
	margin:10px 0 0 10px;
}
#less_options select,
#less_options input[type=text],
#less_options .book-and-pay,
#more_options_btn a {
	border:1px solid #999999;
	display:block;
}
#less_options .where input {
    background: #fff url('/resources/img/sprite.svg') no-repeat -476px -72px;
	width:252px;
    padding: 10px 10px 10px 30px;
}
#less_options .hasDatepicker input {
	width:99px;
}
#less_options .price input {
    background: #fff url('/resources/img/sprite.svg') no-repeat -473px -125px;
	width:53px;
    padding: 10px 10px 10px 35px;
}
#less_options .people select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 8px 10px 8px 30px;
    background: #fff url('/resources/img/sprite.svg') no-repeat -477px 8px;
	width:145px;
}
#less_options .book-and-pay {
    padding: 7px 0px 6px;
	width: 227px;
	font-size:14px;
	height:22px;
	position:relative;
}
#less_options .book-and-pay input,
#less_options .book-and-pay label {
	float:left;
}
.lang-fr #less_options .book-and-pay label {
    margin-top: -3px;
    line-height: 13px;
    width: 100px;
}
#less_options .book-and-pay label:after {
	content:"";
    background: #fff url('/resources/img/sprite.svg') no-repeat  -291px -124px;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-left: 8px;
    vertical-align: middle;
}
.lang-fr #less_options .book-and-pay label:after {
    position: absolute;
    top: 7px;
    right: 34px;
}
#less_options .book-and-pay input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 3px solid #ff8a00;
	width:20px;
	height:20px;
	position:relative;
	outline: none;
	margin:0 10px 0 7px;
}
#less_options .book-and-pay input:checked:before {
	content:'\2714';
	position:absolute;
    left: 2px;
    top: -2px;
}
#less_options .book-and-pay div {
	position:relative;
	float:right;
	margin-right:7px;
}
#less_options .book-and-pay div:before {
    content: "i";
    margin-left: 10px;
    border: 1px solid #999999;
    border-radius: 20px;
    color: #999999;
    font-family: "Times New Roman", Georgia, Serif;
    font-style: italic;
    width: 20px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
	cursor:pointer;
}
#less_options .book-and-pay span {
	display:none;
}
#less_options .book-and-pay div:hover span {
	display:block;
	position:absolute;
	background-color:#FFFFFF;
    border: 1px solid #ff8a00;
	padding:7px 10px;
	width:320px;
	left:-150px;
	text-align:center;
	top:-10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	z-index:2;
    -webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
	cursor:help;
}
#more_options_btn {
	width:144px;
}
#more_options_btn a {
	color:#333333;
	padding:8px 0;
	text-align:center;
	font-size:14px;
}
#more_options_btn .more:before,
#more_options_btn .less:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
	float: left;
    margin-left: 10px;
}
#more_options_btn .more:before {
    background: #fff url('/resources/img/sprite.svg') no-repeat -122px -163px;
}
#more_options_btn .less:before {
    background: #fff url('/resources/img/sprite.svg') no-repeat -92px -163px;
}
#more_options_btn .more,
#more_options_btn.less-options .less {
	display:block;
}
#more_options_btn.less-options .more,
#more_options_btn .less {
	display:none;
}
#more_options_btn a:hover {
	text-decoration:none;
	background-color:#ededed;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
#less_options a.btn.btn-search,
#more_options a.btn.btn-search {
    background: #4c4c4c;
    line-height: 37px;
    width: 148px;
    height: 37px;
}
#more_options a.btn.btn-search {
    margin: 10px 0 0 0;
	float:right;
}
#less_options a.btn-search::after,
#more_options a.btn.btn-search::after {
    top: 9px;
}
#less_options a.btn.btn-search:hover,
#more_options a.btn.btn-search:hover {
    background: #1c95de;
}

/* map content */

.listing-page #map_content.visible {
    padding-bottom: 0;
}
.no-mobile .sticky .map {
    width: calc(100% - 800px);
    top:0;
    position: fixed;
}
.listing-page #map_content .house-info {
	font-size:14px;
}
.listing-page #map_content .house-info p {
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}

/* more options */

#more_options {
	display: none;
	padding:0 20px 20px;
}
#more_options.visible {
	display:block;
}
#more_options .border-bottom {
    border-bottom: 1px solid #b3b3b3;
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
#more_options h2,
#options .close {
	display:none;
}
#more_options h3 {
    font-family: 'oswaldregular';
    font-size: 20px;
    clear: both;
    margin-top: 10px;
    float: left;
    color: #1c95de;
}
#more_options ul ul {
	clear:both;
}
#more_options li li {
	float:left;
	width:25%;
	margin:5px 0 0 0;
}
#more_options li li.fifty-pc {
	width:50%;
}
#more_options li li select {
	width:97%;
	height:30px;
}
#more_options li li input[type=checkbox] {
	margin:0 5px 0 0;
}

/* sort */

#sort_box {
	overflow:hidden;
	padding:10px 0;
	clear:both;
	background-color:#fff;
}
#sort_box ul {
	margin-left:20px;
}
#sort_box li {
	float:left;
	margin-right:20px;
}
#sort_box .pagination ul {
	margin-left:0;
}
#sort_box .pagination li {
	margin:0;
}
#sort_box .pagination li a {
    font-size: 18px;
    line-height: 38px;
    padding: 0 12px;
}
#sort_box select {
	padding:7px 5px;
}
#sort_box li.map,
#sort_box li.listing {
	display:none;
}

/* loading */

.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #1c95de;
	width: 90px;
	height: 90px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin:10px auto;
}
@-webkit-keyframes spin {
	0% { 
  		-webkit-transform: rotate(0deg); 
	}
	100% { 
		-webkit-transform: rotate(360deg); 
	}
}
@keyframes spin {
	0% { 
  		transform: rotate(0deg); 
	}
	100% { 
		transform: rotate(360deg); 
	}
}

/* results */

#results {
	clear:both;
	background-color:#f3f3f3;
	overflow:hidden;
}
#results .property {
	margin:20px 0 0 20px;
	width:760px;
	float:left;
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
	box-shadow:0 1px 1px 1px rgba(0,0,0,.05);
}
#results .property a {
	color:#333333;
}
#results .property p {
	margin:0;
}
#results .property:hover {
	box-shadow:0 5px 15px rgba(0,0,0,.20);
}
#results .left {
	width:300px;
	float:left;
	position:relative;
}
#results .left img {
	width:300px;
	height:200px;
	display:block;
}
#results .left .ribbon {
	position:absolute;
    font-family: 'oswaldregular';
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	height:31px;
	line-height:31px;
	width:82px;
	text-align:center;
    z-index: 1;
}
#results .left .ribbon.upsell {
	background-color:#ff8a00;
	top:0;
	left:0;
}
#results .left .ribbon.new {
	background-color:#1c95de;
	top:12px;
	right:0;
}
#results .left .ribbon.promo {
	background-color:#e50000;
	top:43px;
	right:0;
}
#results .property.upsell-box {
	border:4px solid #ff8a00;
	margin-left:16px;
}
#results .right {
	padding: 15px 20px 20px;
    float: left;
    width: 420px;
    height: 165px;
    background-color: #FFFFFF;
	position:relative;
}
#results h2,
#results .act_price {
    font-family: 'oswaldregular';
    font-size: 21px;
}
#results .act_price .red-line-through {
    font-size: 15px;
}
#results h2 {
    color: #1c95de;
}
#results .city span {
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	display:inline-block;
	width:15px;
	height:20px;
	background-position:-385px -64px;
	background-size:400px;
	margin-right:6px;
    vertical-align: middle;
}
#results .property p.geoloc {
    color: #808080;
	margin-left:21px;
}
#results .property .options {
	position:relative;
	padding-left: 30px;
	margin-top:5px;
}
#results .property .options span {
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
    position: absolute;
    top: 0;
    left: 0;
}
#results .apartments.property .options {
	padding-left: 25px;
}
#results .apartments.property .options span,
#results .home.property .options span,
#results .tourist-residence.property .options span,
#results .hotel.property .options span {
    top:-2px;
}
#results .apartments.property .assets {
    bottom: 15px;
}
#results .property .options span:hover {
    background-image: none;
    text-indent: 0;
    background-color:#FFFFFF;
    border: 1px solid #ff8a00;
    padding: 8px 15px;
    border-radius: 20px;
	cursor:help;
    width: auto !important;
	height:auto !important;
    -webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
}
#results .property.home .options span {
	width:24px;
	height:21px;
	background-position:-58px -124px;
}
#results .property.apartments .options span {
	width:17px;
	height:29px;
	background-position:-32px -124px;
}
#results .property.guest-room .options span {
	width:23px;
	height:17px;
	background-position:-156px -124px;
}
#results .property.gite .options span {
	width:24px;
	height:20px;
	background-position:-188px -124px;
}
#results .property.camping .options span {
	width:22px;
	height:22px;
	background-position:-92px -124px;
}
#results .property.mobile-home .options span {
	width:22px;
	height:18px;
	background-position:-124px -124px;
}
#results .property.tourist-residence .options span {
	width:24px;
	height:21px;
	background-position:-222px -124px;
}
#results .property.unusual-location .options span {
	width:25px;
	height:22px;
	background-position:-256px -124px;
}
#results .property.hotel .options span {
	width:22px;
	height:22px;
	background-position:0px -124px;
}
#results .property .assets {
	position:absolute;
	left:15px;
	bottom:15px;
	height:36px;
}
#results .property .assets p {
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	display:inline-block;
	width:36px;
	height:36px;
	margin-right:10px;
	position:relative;
}
#results .property .assets p span {
	display:none;
}
#results .property .assets p:hover span {
    display: block;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #ff8a00;
    padding: 0 15px;
    left:0;
    top: 0;
    border-radius: 20px;
    z-index: 2;
    -webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.1);
    cursor: help;
    height: 34px;
    line-height: 34px;
	white-space:nowrap;
}
#results .property .assets p.ski-lift {
	background-position:0px -163px;
}
#results .property .assets p.pool {
	background-position:-46px -163px;
}
#results .leaderboard {
    border-bottom: none;
    margin-top:0;
}
#results .leaderboard img, 
#results .leaderboard iframe {
    padding: 20px 0 0;
}
#results .book-and-pay {
	color:#ff8a00;
	position:absolute;
	right:20px;
	bottom:15px;
    font-family: 'open_sanssemibold';
}
#results .book-and-pay span {
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	display:inline-block;
	width:23px;
	height:23px;
	margin-right:6px;
	background-position:-291px -124px;
    vertical-align: middle;
}

/* Pager */

#results .pagination {
	margin-bottom:20px;
}
#results .pagination ul {
	margin-top:20px;
}
#results .pagination li a {
    background: #FFFFFF;
}
#results .pagination li a:hover {
    background:#d6d6d6;
}
#results .pagination li.active a {
    background: #575757;
}
.listing-page .content.go-on {
	padding-top:40px;
}

/* ----------------------- Booking page ------------------------- */

.booking-page .content-wrapper {
    max-width: 960px;
}
.booking-page .back {
    margin: 10px 0 0;
}
.booking-page .col-01 {
	padding:0;
	width:630px;
	margin-top:20px;
}
.booking-page h2 {
    font-family: 'oswaldlight';
	font-size:24px;
	margin-bottom:10px;
}
.booking-page select,
.booking-page input[type=text],
.booking-page input[type=password],
.booking-page input[type=number],
.booking-page input[type=email] {
	border:1px solid #999999;
	height: 35px;
    margin-bottom: 10px;
    padding: 0 10px;
	font-size:14px;
}
.booking-page .row {
    clear: both;
    margin-bottom: 30px;
	overflow:hidden;
}
.booking-page .step0 .my-profile {
    margin-top:0;
}
.booking-page .follow-prev .btn {
	font-size:16px;
	line-height:35px;
	height:35px;
	border:none;
}
.booking-page footer {
	margin-top:30px;
	padding-top:30px;
	border-top:5px solid #e5e5e5;
}
.booking-page .content .select {
	position:relative;
	display:inline-block;
}

.booking-page .content .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	padding-right:35px;
	width: 70px;
    cursor: pointer;
}
.booking-page .arrow-select {
	display: block;
    width: 10px;
    height: 8px;
    position: absolute;
    top: 13px;
    right: 10px;
}
.booking-page .arrow-select:before {
	content: "";
    border: 5px solid transparent;
    border-top: 6px solid #808080;
    left: 0;
    top: 2px;
    position: absolute;
}
.booking-page  .arrow-select:after {
    content: "";
    border: 5px solid transparent;
    border-top: 6px solid #fff;
    left: 0;
    top: 0;
    position: absolute;
}
.booking-page .error-list {
	border: 1px solid #e50000;
	color: #e50000;
	font-weight: normal;
	padding:10px 15px;
    margin-bottom: 30px;
}
.booking-page input.formError, 
.booking-page select.formError, 
.booking-page textarea.formError {
    background-color: #ffdede;
	border: 1px solid #e50000;
}
.booking-page span.formError {
    color:#e50000;
	display:block;
	margin:-5px 0 10px;
}

/* Right column */

.booking-page .col-02 {
	padding:0;
	float:right;
	margin:20px 0 30px;
}
.booking-page .col-02 h1,
.booking-hotel .col-02 h2 {
    font-family: 'oswaldlight';
	font-size:24px;
	color:#FFFFFF;
	background-color:#1c95de;
	margin-bottom:0;
	height:43px;
	line-height:43px;
}
.booking-page .col-02 img {
	display:block;
	width:300px;
	height:200px;
}
.booking-page .col-02 .wrapper {
	border:1px solid #e5e5e5;
	border-top:none;
	text-align:left;
	padding:20px 20px 10px;
}
.booking-page .col-02 h2 {
    font-family: 'oswaldregular';
}
.booking-page .col-02 .short-description li {
	margin-bottom:10px;
}
.booking-page .col-02 .short-description li::before {
	content:"";
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	display:inline-block;
	width:23px;
	height:20px;
	margin-right:6px;
	background-position:-291px -124px;
    vertical-align: middle;
	background-size:320px;
}
.booking-page .col-02 .short-description .rooms:before {
	background-position:-24px -28px;
}
.booking-page .col-02 .short-description .people:before {
	background-position:-51px -28px;
}
.booking-page .col-02 .short-description .surface:before {
	background-position:-74px -28px;
}

/* Step 0 */

.booking-page .is-member {
	width:320px;
	float:left;
	margin:0 30px 30px 0;
}
.booking-page .is-member .wrapper {
	background-color:#f7f7f7;
	border:1px solid #e6e6e6;
	padding:20px;
}
.booking-page .not-member input[type=text],
.booking-page .not-member input[type=number],
.booking-page .not-member input[type=email] {
    width: 256px;
}
.booking-page .is-member input[type=email],
.booking-page .is-member input[type=password] {
    width: 254px;
}
.booking-page .step0 .col-01 .radio {
    margin-bottom: 10px;
}
.booking-page .step0 .col-01 .checkbox input {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.booking-page .step0 .col-01 .checkbox input[type=checkbox][disabled] + label {
	color:#666;
	cursor: text;
	text-decoration:none;
}
.booking-page .step0 .col-01 .checkbox label:hover {
	color:#000000;
	text-decoration:underline;
}
.booking-page .member {
	overflow:visible;
}
.booking-page .not-member {
    float: left;
    width: 280px;
    margin-bottom: 30px;
}
.booking-page .is-member button {
	border:none;
	border-radius:0;
	font-size:16px;
	width:100%;
	line-height:31px;
	height:31px;
	margin-top:20px;
	cursor:pointer;
}
.booking-page .is-member button:before,
.booking-page .is-member button:after {
	display:none;
}
.booking-page .is-member .facebook {
	color: #FFFFFF;
    background-color: #3b5998;
    display: block;
    text-align: center;
    margin-top: 15px;
	line-height:31px;
	height:31px;
}
.booking-page .is-member .facebook:hover {
    background-color: #000000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
	text-decoration:none;
}
.booking-page .is-member .facebook:before {
	content:"";
	background-image:url('/resources/img/sprite.svg');
	background-repeat: no-repeat;
	display:inline-block;
	width:11px;
	height:20px;
	margin-right:6px;
	background-position:-143px 0px;
    vertical-align: middle;
	background-size:320px;
}
.booking-page .content input[type=text].hasDatepicker {
    padding: 0 10px 0 35px;
	width:253px;
	background-position: -473px -32px;
}
.booking-page .content input[type=text].hasDatepicker:last-of-type {
	margin-left:30px;
}
.booking-page .num-people .col {
	width:25%;
	float:left;
}
.booking-page .num-people select {
	margin-left:10px;
}
.booking-page .step0 textarea {
	width:98%;
}
.booking-page .step0 .mandatory-supplements li,
.booking-page .insurance li  {
	position:relative;
	padding-left:20px;
}
.booking-page .step0 .mandatory-supplements li:before,
.booking-page .insurance li:before {
    background: url('/resources/img/sprite.svg') no-repeat -488px -115px;
	content:"";
	width:12px;
	height:8px;
	display:inline-block;
	position:absolute;
    top: 7px;
    left: 0;
}
.booking-page .step0 .mandatory-supplements {
	width:360px;
	float:left;
	margin-right:30px;
}
.booking-page .mandatory-supplements .not-mandatory span {
	display:none;
}
.booking-page .mandatory-supplements span {
	color:#ff8a00;
	font-size:18px;
	vertical-align:middle;
	line-height:0;
}
.booking-page .mandatory-supplements p {
	margin-top:5px;
}
.booking-page .step0 b {
	color:#000000;
}
.booking-page .step0 .grey {
	color:#999999;
	display:block;
}
.booking-page .step0 .price-block {
    float: left;
    width: 197px;
    border: 1px solid #e6e6e6;
    padding: 20px 20px 10px;
    text-align: center;
}
.booking-page .step0 .price-block #price {
    font-family: 'open_sanssemibold';
	font-size:42px;
}
.booking-page .step0 .price-block .duration {
	font-size:18px;
	margin-bottom:10px;
	display:block;
}
.booking-page .step0 .price-block #price-error {
	color:#E50000;
}
.booking-page #form_error_messages_list {
	display:none;
}
.booking-page .reservation-comments a:after {
	content:" - ";
	color:#333333;
}
.booking-page .reservation-comments a:hover:after {
	text-decoration:none;
}
.booking-page .reservation-comments a:last-of-type:after {
	content:"."
}

/* Step 1, 2, 3 */

.booking-page .timeline {
	margin-top:20px;
	overflow:hidden;
}
.booking-page .timeline li {
	float:left;
}
.booking-page .timeline a {
	display:block;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	height:35px;
	line-height:35px;
	padding:0 0 0 35px;
	display:block;
	position:relative;
}
.booking-page .timeline a:after,
.booking-page .timeline a:before {
    content: "";
    border: 18px solid transparent;
    display: block;
    position: absolute;
	top:0;
	z-index:2;
	right:-41px;
}
.booking-page .timeline a:before {
    border-left: 23px solid #b3b3b3;
	right:-42px;
}
.booking-page .timeline a:after {
    border-left: 23px solid #FFFFFF;
}
.booking-page .timeline li:first-child a {
	border-left:1px solid #cccccc;
	border-radius:3px 0 0 3px;
	position:relative;
	padding:0 0 0 10px;
}
.booking-page .timeline .inactive a {
	background-color:#CCCCCC;
	color:#FFFFFF;
	pointer-events:none;
}
.booking-page .timeline .inactive a:before {
    content: "";
    border-left: 23px solid #CCCCCC;
	right:-41px;
}
.booking-page .timeline .inactive a:after {
content: "";
    border-left: 23px solid #fff;
    right: -43px;
    z-index: 1;
}
.booking-page .timeline .active a {
	pointer-events:none;
	color:#333333;
}
.booking-page .step1 .col-02,
.booking-page .step2 .col-02,
.booking-page .step3 .col-02 {
    margin-top:0;
}

/* Step 1 */

.booking-page .my-dates li {
	width:33%;
	border:1px solid #e5e5e5;
	border-right:none;
	float:left;
	padding:10px 0;
	text-align:center;
}
.booking-page .my-dates li:last-child {
	border-right:1px solid #e5e5e5;
}
.booking-page .my-dates li span {
	display:block;
	font-size:18px;
    font-family: 'open_sanssemibold';
}
.booking-page .mandatory-supplements input {
    vertical-align: middle;
    margin-right: 10px;
}
.booking-page .mandatory-supplements .mandatory-sup input {
	color:#b2b2b2;
	background-color:#e5e5e5;
}
.booking-page .mandatory-supplements .mandatory-sup {
	position:relative;
}
.booking-page .mandatory-supplements .mandatory-sup div {
	position:absolute;
    width: 100%;
    height: 20px;
}
.booking-page .mandatory-supplements .not-mandatory div {
	display:none;
}
.booking-page .mandatory-supplements .not-mandatory label {
	color:#1c95de;
	cursor:pointer;
}
.booking-page .mandatory-supplements .not-mandatory label:hover {
	color:#000000;
	text-decoration:underline;
}
.booking-page .mandatory-supplements .not-mandatory.select label {
	cursor: default;
}
.booking-page .mandatory-supplements .not-mandatory.select label:hover {
	color: inherit;
	text-decoration:none;
}
.booking-page .mandatory-supplements .select {
	margin:5px 0;
}
.booking-page .mandatory-supplements .select label {
	color:inherit;
	margin-right:5px;
}
.booking-page .content .my-profile {
	margin-bottom:30px;
}
.booking-page .content .my-profile table {
	width:100%;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	margin-bottom:10px;
}
.booking-page .content .my-profile td {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.booking-page .content .my-profile td,
.booking-page .content .my-profile th {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding:5px 10px;
}
.booking-page .content .my-profile td {
	color:#000000;
}
.booking-page .content .my-profile th {
	font-weight:normal;
	color:#999999;
	text-align:left;
}
.booking-page .col-02 .count {
	border:1px solid #ff7e00;
	margin-top:-1px;
	padding:20px;
}
.booking-page .col-02 .count .tr {
	overflow:hidden;
}
.booking-page .col-02 .count .th,
.booking-page .col-02 .count .td {
	float:left;
}
.booking-page .col-02 .count .th {
	width:75%;
	text-align:left;
}
.booking-page .col-02 .count .td {
	width:25%;
	text-align:right;
}
.booking-page .col-02 .count .total {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding:6px 0;
}
.booking-page .col-02 .count .total .td {
    font-family: 'open_sanssemibold';
	color:#000000;
	font-size:16px;
}
.booking-page .col-02 .count .padding-b {
	padding-bottom:8px;
}
.booking-page .col-02 .count .padding-t {
	padding-top:8px;
}
.booking-page .col-02 .count .th span {
	display:block;
	color:#999999;
}

/* Step 2 */

.booking-page .step2 .col-01 h2 {
    font-family: 'oswaldregular';
    font-size: 30px;
    margin-bottom: 10px;
}
.booking-page .step2 h2 img {
	vertical-align:middle;
}
.booking-page .step2 h3 {
    font-family: 'oswaldlight';
    font-size: 24px;
    margin-bottom: 10px;
}
.booking-page .insurance .col {
	float:left;
	width:48%;
	margin-bottom:20px;
}
.booking-page .insurance .col:last-of-type {
	margin-left:4%;
}
.booking-page .insurance input {
	margin:3px 8px 0 0;
}
.booking-page .insurance label {
    font-family: 'open_sanssemibold';
	cursor:pointer;
	display:block;
	margin-bottom:10px;
    font-size: 18px;
}
.booking-page .insurance p {
	clear:both;
}
.booking-page .insurance .col:first-of-type p {
	margin:10px 0 0 20px;
}
.booking-page .step2 .follow-prev {
	margin-top:-40px;
}

/* Step 3 */

.booking-page .step3  .checkbox input {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.booking-page .step3  .checkbox label {
	display:block;
	cursor:pointer;
	margin-bottom:10px;
}
.booking-page .step3  .checkbox img {
	float:right;
}
.booking-page .step3 .payment img {
	float:right;
	margin:0 0 10px 10px;
}
.booking-page .step3 .payment p {
	text-align:justify;
	margin-bottom:20px;
}
.booking-page .step3 .payment-form {
	border:1px solid #E5E5E5;
	overflow:hidden;
	padding:20px;
}
.booking-page .step3 .payment-form label,
.booking-page .step3 .payment-form span {
	display:inline-block;
	width:49%;
	text-align:right;
	margin-right:10px;
}
.booking-page .step3 .payment-form .validity label {
	width: auto;
	margin-left: 4px;
}
.booking-page .step3 .payment-form .validity .select {
	display:inline-block;
}
.booking-page .step3 .follow-prev > div {
	width:49%;
}
.booking-page .step3 .follow-prev .f-left {
	text-align:right;
}
.booking-page #code-ccv {
	width:60px;
}
.booking-page .block-paymentoptions span {
    background: url('/resources/img/paymentoptions.png');
	background-repeat: no-repeat;
	display:inline-block;
	height:31px;
	text-indent:-9999px;
	margin-left:20px;
}
.booking-page .block-paymentoptions .visa {
	width:49px;
}
.booking-page .block-paymentoptions .master-card {
    width: 43px;
    background-position: -69px 0px;
}
.booking-page .block-paymentoptions .maestro {
    width: 41px;
    background-position: -133px 0px;
}
.booking-page .block-paymentoptions .mb {
	width: 25px;
    background-position: -194px 0px;
}
.booking-page .block-paymentoptions .kbc {
	width: 32px;
    background-position: -239px 0px;
}
.booking-page .block-paymentoptions .cbc {
    width: 33px;
    background-position: -291px 0px;
}
.booking-page .block-paymentoptions .belfius {
	width: 70px;
    background-position: -344px 0px;
}

/* ----------------------- Partner page ------------------------- */

.partner-page .col-01 {
    padding-bottom:40px;
    border-bottom:1px solid #f3f3f3;
}
.partner-page .two-col {
    margin-bottom: 30px;
}
.partner-page .breadcrumb span {
    white-space: normal;
}
.partner-page h2 {
    font-family: 'oswaldlight';
    font-size: 24px;
    margin-bottom: 10px;
}
.partner-page .col-01 .btn {
    border-radius:0;
    padding:7px 10px 6px 34px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: open_sanssemibold;
}
.partner-page .btn-orange:before {
    border: 10px solid transparent;
    border-left: 11px solid #fff;
    top: 10px;
}
.partner-page .btn-orange:after {
    border: 10px solid transparent;
    border-left: 11px solid #ff8a00;
    top: 10px;
}
.partner-page .btn-orange:hover:after {
    border-left: 10px solid #1c95de;
}
.font-16 {
	font-size:16px;
	margin-bottom:20px;
}

/* -------------------- Booking page Hotel ---------------------- */

.booking-hotel h1 {
	font-size:30px;
}
.booking-hotel.booking-page .content input[type=text].hasDatepicker {
    padding: 0 10px 0 35px;
    width: 73px;
}
.booking-hotel.booking-page .content input[type=text].hasDatepicker {
    margin: 0;
}
.booking-hotel .first_data .people,
.booking-hotel .first_data .dates,
.booking-hotel .first_data .col {
	display:inline-block;
}
.booking-hotel .first_data .col label {
    margin-bottom: 3px;
    display: inline-block;
}
.booking-hotel .first_data .col.date {
	width:120px;
	margin:0 5px 0 0;
}
.booking-hotel .first_data .date_summary,
.booking-hotel .first_data .people_summary {
    background-color: #ededed;
    padding: 9px 10px;
}
.booking-hotel .first_data .date_summary {
    margin-right: 10px;
}
.booking-hotel .first_data .col.num_people {
	width:55px;
	margin:0 5px 0 0;
}
.booking-hotel.booking-page .first_data .num_people select {
    padding-right: 0;
    width: 55px;
    margin: 0;
}
.booking-hotel .col-01,
.booking-hotel .col-02 {
	font-size:14px;
}
.booking-hotel .col-01 .title {
	font-size:24px;
    font-family: 'open_sansregular';
	margin-bottom:20px;
}
.booking-hotel .col-02 h3 {
    font-family: 'oswaldregular';
    font-size: 24px;
    margin-bottom: 10px;
}
.booking-hotel .col-01 h3 {
    font-family: 'oswaldlight';
    font-size: 24px;
	margin-bottom:5px;
}
.booking-hotel .col-01 .price {
	margin-bottom:10px;
}
.booking-hotel .col-01 .price div {
	display:flex;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 0;
}
.booking-hotel .col-01 .price p {
	margin:0;
	width:50%;
}
.booking-hotel .col-01 .price p:last-of-type {
	text-align:right;
    font-family: 'open_sanssemibold';
	color:#000000;
}
.booking-hotel .col-01 .price .red-line-through {
    font-family: 'open_sansregular';
}
.booking-hotel .hotel_room {
	margin-bottom:20px;
}
.booking-hotel .hotel_room .wrapper {
	border:1px solid #d9d9d9;
	min-height:168px;
}
.booking-hotel .hotel_room.purchased .wrapper {
	border:1px solid #ff8a00;
}
.booking-hotel .hotel_room .media-pic {
	float:left;
	margin:14px 0 0 14px;
	cursor:pointer;
}
.booking-hotel .gallery2 {
	background-color:rgba(0,0,0,.5);
	width:50px;
	height:50px;
	position:absolute;
    top: 45px;
    left: 65px;
	border-radius:25px;
	-webkit-border-radius:25px;
}
.booking-hotel .gallery2:after {
    background-image: url('/resources/img/sprite.svg');
	background-color:rgba(0,0,0,.5);
	background-repeat:no-repeat;
	background-position: -440px 0;
	width:25px;
	height:25px;
	position:absolute;
    top: 13px;
    left: 13px;
	display:block;
	content:"";
}
.booking-hotel .hotel_room .media-text {
	margin:14px 14px 14px 212px;
}
.booking-hotel .col-01 .info {
	display:block;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
	margin:5px 0 15px;
}
.booking-hotel .col-01 .info:before {
	content:"";
	display: inline-block;
    border: 4px solid transparent;
	margin-right:6px;
}
.booking-hotel .col-01 .more-info .info:before {
    border-bottom: 7px solid #1c95de;
	vertical-align: baseline;
}
.booking-hotel .col-01 .more-info .info:hover:before {
    border-bottom: 7px solid #000000;
}
.booking-hotel .col-01 .less-info .info:before {
    border-top: 7px solid #1c95de;
	vertical-align:middle;
}
.booking-hotel .col-01 .less-info .info:hover:before {
    border-top: 7px solid #000;
}
.booking-hotel .hotel_room .btn-orange-square {
    font-family: 'open_sanssemibold';
	text-transform:uppercase;
    padding: 2px 12px;
}
.booking-hotel .content .hotel_room .select select {
    padding-right: 25px;
    width: auto;
	margin-left:10px;
}
.booking-hotel.booking-page .step0 .col-01 .checkbox label {
	color:#1c95de;
	margin-right:10px;
}
.booking-hotel.booking-page .step0 .col-01 .checkbox label:hover {
	color:#000000;
}
.booking-hotel .hotel_room h4 {
	text-transform:uppercase;
	font-size:14px;
    font-family: 'open_sanssemibold';
	color:#000000;
}
.booking-hotel .hotel_room .room h4 {
	display:inline-block;
}
.booking-hotel .hotel_room .not_available {
	font-size:18px;
	color:#808080;
	text-align:center;
	margin-top:15px;
}
.booking-hotel .hotel_room .remove_room,
.booking-hotel .add_room {
    padding: 5px 10px;
    display: inline-block;
    color: #333333;
    background-color: #f5f5f5;
    border-radius: 30px;
}
.booking-hotel .hotel_room .remove_room {
    margin: 15px 0;
}
.booking-hotel .add_room {
    float: left;
}
.booking-hotel .hotel_room .remove_room:hover,
.booking-hotel .add_room:hover {
    color: #000000;
    background-color: #e5e5e5;
	text-decoration:none;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}
.booking-hotel .remove_room:before,
.booking-hotel .add_room:before {
	content:"";
	display:inline-block;
	margin-right:7px;
	background-repeat:no-repeat;
	vertical-align:middle;
    background-image: url('/resources/img/sprite.svg');
}
.booking-hotel .remove_room:before {
	background-position: -282px -86px;
	height:18px;
	width:16px;
}  
.booking-hotel .add_room:before {     
    background-position: -307px -86px;
    height: 17px;
    width: 17px;
	margin-top:-1px;
}



.booking-hotel .hotel_room .right {
	text-align: right;
}
.booking-hotel .hotel_room .right span {
	font-size:21px;
    font-family: 'open_sanssemibold';
}
.booking-hotel .hotel_room .right .btn-orange-square {
	margin-left:10px;
}
.booking-hotel .col-02 .invoice {
	border: 2px solid #ff7e00;
    margin-top: -1px;
    padding: 18px;
	text-align:left;
	position:relative;
    width: 260px;
	background-color:#FFFFFF;
}
.booking-hotel .col-02 .invoice.fixed {
    position: fixed;
    top: 41px;
    right: 50%;
    margin-right: -480px;
    margin-top: 20px;
}
.booking-hotel .col-02 .invoice .count2 {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
}
.booking-hotel .col-02 .invoice .room {
	margin-bottom:10px;
}
.booking-hotel .col-02 .invoice h3 {
    font-family: 'open_sanssemibold';
	font-size:14px;
	margin-bottom:0;
	color:#000000;
	text-transform:uppercase;
}
.booking-hotel .col-02 .invoice h4 {
	float:left;
}
.booking-hotel .col-02 .invoice p {
	text-align:right;
	margin-bottom:0;
}
.booking-hotel .col-02 .invoice .dates,
.booking-hotel .col-02 .invoice .total {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
	padding-bottom:10px;
}
.booking-hotel .col-02 .invoice .dates strong {
	color:#000000;
}
.booking-hotel .col-02 .invoice .total h4 {
	margin-top: 14px;
}
.booking-hotel .col-02 .invoice .total p {
    font-family: 'open_sanssemibold';
	font-size:27px;
	color:#000000;
}
.booking-hotel .col-02 .invoice .installment .row {
	margin-bottom:10px;
}
.booking-hotel .col-02 .invoice .installment p {
    font-family: 'open_sanssemibold';
	color:#000000;
}
.booking-hotel .col-02 .invoice .btn-orange-square {
	text-transform:uppercase;
	font-size:18px;
	display:block;
    padding: 5px 15px;
    font-family: 'open_sanssemibold';
}
.booking-page #booking_btn {
	display:none;
}

/* --------------- Pages index Offres Privilège ----------------- */

.privilege-index h1 {
    margin: 40px 0 10px;
	font-size:48px;
	text-transform:uppercase;
	text-align:center;
}
.privilege-index h1 + p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}
.privilege-index h1 span {
	display:inline-block;
	margin-left:15px;
	background-repeat:no-repeat;
    background-image: url('/resources/img/sprite.svg');
	text-indent:-9999px;
    width: 237px;
    height: 42px;
    background-size: 1000px;
}
.privilege-index.lesoir h1 span {
    background-position: -569px -346px;
}
.privilege-index.sudinfo h1 span {
    background-position: -569px -406px;
}
.privilege-index.sept-d h1 span {
	height: 50px;
    background-position: -569px -468px;
}
.privilege-index .content-wrapper {
    margin-bottom: 40px;
    border-bottom: 5px solid #e5e5e5;
}
.privilege-index .privilege-wrapper {
	overflow:hidden;
}
.privilege-index .privilege-bloc {
	float:left;
	margin:0px 20px 20px 0;
}
.privilege-index .privilege-bloc:nth-child(4n) {
	margin-right:0;
}
.privilege-index .privilege-bloc:nth-child(4n+1) {
	clear:both;
}
.privilege-index .privilege-bloc a:hover {
	text-decoration:none;
}
.privilege-bloc h3 {
    top:28px;
    font-family: 'open_sanssemibold';
    font-size:16px;
	display:inline;
	padding:0 10px;
	background-color: transparent;
	line-height:normal;
}
.privilege-bloc h3 span {
	background-color: rgba(0,0,0,0.7);
    -webkit-box-shadow: 10px 0 0 rgba(0,0,0,0.7), -10px 0 0 rgba(0,0,0,0.7);
    box-shadow: 10px 0 0 rgba(0,0,0,0.7), -10px 0 0 rgba(0,0,0,0.7);
    position: relative;
    white-space: pre-wrap;
    box-decoration-break: clone;
	display:inline;
}
.privilege-index .privilege-bloc a > p {
    background-color: #f3f3f3;
    overflow: hidden;
}
.privilege-index .trip-type {
	color:#808080;
	font-size:20px;
    font-family: 'oswaldlight';
	text-transform:uppercase;
}
.privilege-index a:hover .trip-type {
	color:#000000;
}
.privilege-index .trip-type:before {
	display:inline-block;
	margin-right:7px;
	background-repeat:no-repeat;
    background-image: url('/resources/img/sprite.svg');
	content:"";
}
.privilege-index .trip-type.city-trip:before {
	background-position:-333px -86px;
	width:17px;
	height:21px;
}
.privilege-index .trip-type.tour:before {
    background-position: -359px -86px;
    width: 22px;
    height: 21px;
}
.privilege-index .trip-type.cruise:before {
	background-position:-390px -86px;
	width:18px;
	height:22px;
}
.privilege-index .privilege-bloc .offer {
	font-size:16px;
}
.privilege-index .privilege-bloc .offer .price {
	font-size:24px;
}

/* -------------------------- Footer ---------------------------- */

footer {
    clear:both;
}
.center-wrap {
    max-width: 1260px;
    margin: auto;
    text-align:center;
}

/* Bloc Newsletter */

footer #newsletter-footer {
    width: 450px;
    text-align:left;
}
footer #newsletter-footer form div {
    background-color: #ebebeb;
    padding:20px 0px 20px 20px;
    overflow:hidden;
}
footer #newsletter-footer span {
    font-family: 'oswaldregular';
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 20px;
    display:block;
}
footer #newsletter-footer label {
    margin-right: 20px;
    float:left;
    height: 40px;
    line-height: 40px;
}
footer #newsletter-footer label font {
    font-size: 18px;
    text-transform:lowercase;
    display:block;
}
footer #newsletter-footer label font::first-letter {
    text-transform: uppercase;
}
footer #newsletter-footer input {
    border: none;
    font-size: 18px;
    padding: 0 10px;
    height: 40px;
    background: #fff;
    width: 239px;
    display: block;
    float: left;
    font-family: 'open_sansregular';
}
footer #newsletter-footer button {
    background-color: #1c95de;
    height: 40px;
    font-size: 18px;
    color: #fff;
    border: none;
    width:40px;
    text-align:center;
    font-family: 'open_sanssemibold';
    float:left;
}
footer #newsletter-footer .newsletter_confirm {
    padding:0 0 10px 20px;
}
footer #newsletter-footer .newsletter_confirm strong {
    font-weight:normal;
    font-size:16px;
}

/* footer */

footer .footer {
    background-color:#ebebeb;
    margin-top: 30px;
}
footer #footer-top {
    padding:30px 0;
    margin-bottom:30px;
    border-bottom:1px solid #d1d1d1;
}
footer #footer-top ul li {
    display: inline-block;
}
footer #footer-top ul li a {
    margin-left: 20px;
}
footer .col-3 {
    width: 30%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    float:left;
    margin-bottom:30px;
}
footer .col-3 h4 {
    font-size: 24px;
    font-family: 'oswaldregular';
    margin-bottom:10px;
}
footer .col-3 li {
    display: inline-block;
}

/* Partners */

footer .partners-immo {
    background: #e1e1e1;
    text-align: center;
    padding: 20px 0 0;
    margin-bottom:30px;
    overflow: hidden;
    clear:both;
}
footer .partners-immo li {
    display: inline-block;
    margin:0 20px 20px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('/resources/img/partners.png');
    text-indent: -9999px;
}
footer .partners-immo li:before {
    content: "";
}
footer .partners-immo li a {
    display: block;
    height: 40px;
}
footer .partners-immo li.je_vais_construire {
    background-position: left 0;
    width:92px;
}
footer .partners-immo li.je_vais_construire:hover {
    background-position: left -50px;
}
footer .partners-immo li.voix_immo {
    background-position: left -100px;
    width:87px;
}
footer .partners-immo li.voix_immo:hover {
    background-position: left -150px;
}
footer .partners-immo li.dimanche {
    background-position: left -200px;
    width:88px;
}
footer .partners-immo li.dimanche:hover {
    background-position: left -250px;
}
footer .partners-immo li.lesoir {
    background-position: left -300px;
    width:93px;
}
footer .partners-immo li.lesoir:hover {
    background-position: left -350px;
}
footer .partners-immo li.rossel {
    background-position: left -400px;
    width:92px;
}
footer .partners-immo li.rossel:hover {
    background-position: left -450px;
}
footer .partners-immo li.sudpresse {
    background-position: left -500px;
    width:103px;
}
footer .partners-immo li.sudpresse:hover {
    background-position: left -550px;
}
footer .partners-immo li.vlan {
    background-position: left -600px;
    width:93px;
}
footer .partners-immo li.vlan:hover {
    background-position: left -650px;
}
footer .partners-immo li.trends {
    background-position: left -700px;
    width:75px;
}
footer .partners-immo li.trends:hover {
    background-position: left -750px;
}
footer .partners-immo li.ik-ga-bouwen {
    background-position: left -800px;
    width:85px;
}
footer .partners-immo li.ik-ga-bouwen:hover {
    background-position: left -850px;
}
footer .partners-immo li.de-zondag {
    background-position: left -900px;
    width:85px;
}
footer .partners-immo li.de-zondag:hover {
    background-position: left -950px;
}
footer .partners-immo li.roularta-media-group {
    background-position: left -1000px;
    width:100px;
}
footer .partners-immo li.roularta-media-group:hover {
    background-position: left -1050px;
}
footer .partners-immo li.de-streekkrant {
    background-position: left -1100px;
    width:95px;
}
footer .partners-immo li.de-streekkrant:hover {
    background-position: left -1150px;
}
footer .partners-immo li.knack {
    background-position: left -1200px;
    width:80px;
}
footer .partners-immo li.knack:hover {
    background-position: left -1250px;
}
footer .partners-immo li.immovlan {
    background-position: left -1300px;
    width:110px;
}
footer .partners-immo li.immovlan:hover {
    background-position: left -1350px;
}

/* footer bottom */

#footer-bottom {
    padding-bottom: 30px;
}
#footer-bottom ul {
    margin-bottom:30px;
}
#footer-bottom ul li {
    display: inline-block;
    margin: 0 10px;
}

@media (max-width:1340px) {
    .diary-bloc.md {
        width:176px;
    }
	.homepage #ecran {
		height: 730px;
	}
	.homepage #ecran .bg-ecran {
		width: auto;
		height:100%;
	}
    .pic-location {
        padding:0 20px;
    }
	.header-wrapper .h1-wrapper > div {
        padding:0 25px 0 20px;
		width:auto;
	}
    .follow_the_guide,
	.top_deals,
	.content.go-on,
	.detail-page .content {
        margin:0 20px;
    }
	.detail-page .map h2 {
        margin:0 20px 20px;
    }
	.follow_guide_header {
	    padding: 20px 0 0;
	}
	.follow_guide_header .content-wrapper {
		width: 100%;
		padding: 0;
		max-width: 13000px;
	}
	.follow_guide_header .article {
		width: 30.6%;
		margin:0 0 20px 2%
	}
	
	.follow_guide_header .all-guides {
		background-color:rgba(64,64,65,0.8);
		position: relative;
		overflow: hidden;
		clear:both;
		font-size:21px;
	}
	.follow_guide_header .all-guides div {
		float: right;
		margin:7px 2% 7px 0;
		position: relative;
	    padding-left: 12px;
	}
	.follow_guide_header .all-guides span {
		top: 6px;
	}
    .col-02 .follow_the_guide {
        margin:0;
    }
	.homepage .renting, 
	.homepage .privilege {
		float: none;
		overflow:hidden;
	}
	.homepage .renting {
		width:100%;
		border-bottom: 5px solid #e5e5e5;
		padding-bottom: 50px;
		margin:0 0 50px;
	}
	.renting-bloc {
		width: 31%;
		margin: 25px 1% 0;
		float:left;
	}
	.homepage .privilege {
		width:100%;
		border-bottom: 5px solid #e5e5e5;
		padding-bottom: 50px;
	}
	.homepage .privilege .privilege-wrapper {
		width: 915px;
		margin:0 auto;
	}
	.homepage .privilege-bloc.main-privilege {
		margin: 20px 30px 0 0;
	}
	.homepage .privilege-bloc {
		margin: 20px 0 0 0;
	}
	.homepage .pub-imu {
		width:100%;
		text-align:center;
	}
	.follow_the_guide-spot img {
		width:100%;
		height:auto;
	}
	.detail-top .row-02 .col-02 {
		width: 240px;
		left: 620px;
	}
	.detail-top .short-description li {
		width:120px;
	}
	#calendar .content-accordeon > a {
		display:block;
		max-width: 836px;
		margin:0 auto;
	}
}

@media (max-width:1280px) {
    .content {
        width:auto;
    }
    .col-01 {
        width: calc(100% - 380px);
        padding:0 20px;
    }
    .col-02 {
        padding:30px 20px;
    }
	.carousel .bloc-01 {
        width: calc(100% - 100px);
    }
    .diary .content-wrapper {
        padding:0 20px;
    }
    .diary h2 {
        margin-left:0;
    }
    .diary .diary-bloc {
        width:18%;
    }
    .diary-bloc.big {
        margin-left:0;
    }
    .diary .diary-bloc.md {
        margin-left:2%;
    }
    .diary-bloc.big img {
        margin-left: -110px;
    }
    .diary-bloc.big .rubon {
        top:118px;
        font-size:14px;
    }
    .diary .big h3 {
        font-size:14px;
    }
    .partners .content-wrapper {
        margin-right:20px;
    }
	.follow_the_guide-spot {
		padding:0 20px 40px;
	}
    footer .center-wrap {
        padding: 0 20px;
    }
	.detail-top .row-02 .col-03 {
		width: 300px;
	}
	#guarantee .content-wrapper {
		padding:0 20px;
	}

/* --------------- Pages index Offres Privilège ----------------- */

	.privilege-index .privilege-bloc {
		float:left;
		margin:0px 0 20px 30px;
	}
	.privilege-index .privilege-bloc:nth-child(3n+1) {
		margin-left:calc(50% - 480px);
		clear:both;
	}
	.privilege-index .privilege-bloc:nth-child(4n+1) {
		clear: none;
	}


}

@media (max-width:1240px) {
	.detail-top .row-02 .col-02 {
		width: 200px;
		left: 615px;
	}
	.detail-top .short-description li {
		width:100px;
		font-size:14px;
	}

/* ----------------------- listing page ------------------------- */


	.listing-page .content > .col-01 {
		width: 590px;
	}
    .listing-page.no-mobile .sticky #options-sort{
        width: 590px;
    }
    .listing-page.no-mobile .sticky .map{
        width: calc(100% - 590px);
    }
	#less_options .where input {
		width: 353px;
	}
	#less_options .hasDatepicker input,
	#less_options .price input {
		width: 83px;
	}
	#less_options .book-and-pay {
		width: 236px;
	}
	#more_options li li {
		width: 50%;
	}
	#results .property {
		width: 550px;
	}
	#results .left {
		width: 200px;
		overflow:hidden;
	}
	#results .left img {
		margin-left:-50px;
	}
	#results .right {
		padding: 10px 15px 15px;
		width: 320px;
		height: 175px;
	}
	#results .property .assets,
	#results .apartments.property .assets {
		position: relative;
		left: auto;
		bottom: auto;
		float: right;
	}
	#results .property .assets p {
		margin:0 0 0 10px;
	}
	#results .property .assets p:hover span {
		left: auto;
		right:0;
	}
	.listing-page .content > .col-02 {
		width: calc(100% - 590px);
	}
	#results .book-and-pay {
		bottom: 10px;
	}
}

@media (min-width:1091px) and (max-width:1180px) {
	.detail-top .short-description li span {
		background-size:375px;
		margin:0 auto 3px !important;
	}
	.detail-top .short-description li.rooms span {
		width:25px;
		height:23px;
		background-position:-29px -32px;
	}
	.detail-top .short-description li.people span {
		width: 25px;
		height: 21px;
		background-position: -60px -32px;
	}
	.detail-top .short-description li.surface span {
		width:18px;
		height:18px;
		background-position:-91px -32px;
	}
	.detail-top .short-description li.residence span {
		width:21px;
		height:25px;
		background-position:-116px -33px;
	}
}

@media (max-width:1180px) {
	.detail-top .row-02 .col-02 {
		width: 170px;
	}
	.detail-top .short-description li {
		float: none;
		height:auto;
		margin-bottom:10px;
	}
	.detail-top .short-description {
		margin-bottom: 10px;
	}	
	.detail-top .big-arrow,
	.detail-top .add {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.detail-top .big-arrow a {
		font-size: 14px;
	}
	.detail-top .row-02 .col-03 {
		width: 240px;
	}
	#guarantee li {
		width: 48%;
	}
	.citytrip .detail-top .row-02 .col-03 {
		width: 400px;
	}
	.citytrip .detail-top .row-02 .col-01 {
		width: calc(100% - 430px);
	}
}
@media (max-width:1090px) {
    #menu .menu-mobile {
        display:block;
        height:60px;
        width:60px;
        color:#FFFFFF;
        background-color:#ff8a00;
        position:relative;
		cursor:pointer;
    }
    #menu .menu-mobile:hover {
		background-color: #1c95de;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		transition-duration: .2s;
		transition-timing-function: ease-in-out;
	}
    #menu .menu-mobile span {
        position:absolute;
        top:20px;
        left:19px;
        display:block;
        height:20px;
        width:22px;
		background-image:url('/resources/img/sprite.svg');
		background-repeat: no-repeat;
		background-position:-150px 0;
    }
    #menu .open_box .menu-mobile {
        width:auto;
        transition: width 300ms;
        -webkit-transition: width 300ms;
    }
    #menu .open_box .menu-mobile span {
		background-position: -120px 0;
        width:20px;
        left:0;
        right:0;
        margin:auto;
    }
    #menu #menu-inner {
        position: absolute;
        top:0;
        right:0;
    }
    #menu .menu-block li {
        float:none;
        display:none;
    }
    #menu .menu-block li a,
    #menu .menu-block li.login-box b,
    #lang,
    #menu .menu-block li.login-box:after {
        padding: 0 10px;
        height: 39px;
        line-height: 40px;
        font-size:18px;
        display:block;
    }
    #menu .open_box .menu-block li {
        display: block;
        border-bottom:1px solid #e6e6e6;
        border-left:1px solid #e6e6e6;
    }
    #menu .open_box .menu-block .login-box ul {
        top: 40px;
        background: rgba(255,255,255,1);
        padding: 0;
        text-align: center;
        width: 100%;
        z-index:1;
    }
    #menu .menu-block li.login-box b {
        color: #FFFFFF;
        background-color:#1c95de;
        border:none;
    }
    #menu .menu-block li.login-box:after {
        text-align: center;
        color: #808080;
    }
    .open_box .menu-block {
        width:auto;
        height:160px;
        transition: height 500ms;
        -webkit-transition: height 500ms;
        background-color:#FFFFFF;
        z-index:2;
    }
    .open_box .menu-block .login-box {
        background-color:#FFFFFF;
    }
    .open_box .menu-block .login-box:hover {
		background-color: #f5f5f5;
		cursor:pointer;
    }
    .open_box #lang {
        width:100%;
        background-color:#FFFFFF;
    }
    #menu form:before,
	#menu .login-box > a:before {
        border: 10px solid transparent;
        border-top: 11px solid #ff8a00;
        right: 10px;
        top: 17px;
    }
    #menu form:after,
	#menu .login-box > a:after {
        border: 10px solid transparent;
        border-top: 11px solid #fff;
        right: 10px;
        top: 15px;
    }
	#menu .login-box:hover > a:after {
		border-top: 11px solid #f5f5f5;
	}
	#menu .menu-block > li.login-box > a {
		padding-right: 38px;
	}
    #ecran h2 {
        margin-top: 70px;
    }
	.index-page #ecran h2,
	.news-page #ecran h2,
	.homepage #ecran h2 {
		margin-top: 50px;
	}
    #ecran #search input.where {
        width: 40%;
        margin-bottom: 10px;
    }
    #ecran #search input.start,
    #ecran #search input.end {
        width: 25%;
        margin-bottom: 10px;
    }
    #ecran #search select {
        width: 25%;
    }
    #ecran #search input.end {
        margin-right: 0;
    }
	
    .col-01 .articles-3-col .articles-container, 
	.col-01 .articles-2-col .articles-container{
        margin-right: -4%;
    }
    .articles-3-col .article, 
	.articles-2-col .article {
        width:46%;
        margin-right:4%;
    }

    .partners {
        margin-bottom:20px;
    }
    .col-02 .follow_the_guide .articles .article {
        width: 100%;
        margin-right: 0;
    }
    .follow_the_guide .articles .article.article3 {
        margin-right: 0;
    }
    .follow_the_guide .rubon {
        top: 94px;
        font-size: 16px;
    }

/* Detail page */

	.detail-page #ecran #search-mobile,
	.partner-page #ecran #search-mobile,
	.booking-page #ecran #search-mobile {
		float: none;
		position:absolute;
		top:0;
		right:60px;
	}
	.detail-top .back {
		margin-bottom:20px;
	}	
	.detail-top h1,
	.detail-top .subtitle {
		text-align:center;
	}
	.detail-top .subtitle {
		float:none;
	}
	.citytrip .detail-top .row-02 .col-01 {
		width: calc(100% - 330px);
	}
	.detail-top .row-02 .col-02 {
		width:100%;
		position: relative;
		left: auto;
		margin:13px 0 0;
		border-top:1px solid #e5e5e5;
	}	
	.detail-top .row-02 .col-03 {
		width: calc(100% - 630px);
		position: relative;
		float:right;
	}	
	.citytrip .detail-top .row-02 .col-03 {
		width: 300px;
	}
	.detail-top .short-description,
	.detail-top .big-arrow,
	.detail-top .add_share {
		text-align:center;
	    margin-bottom: 30px;
		padding-bottom:20px;
	}
	.detail-top .short-description {
		padding-top:20px;
	}
	.detail-top .add_share {
		border-bottom:5px solid #e5e5e5;
	}
	.citytrip .detail-top .add_share {
		border-bottom: none;
	}
	.detail-top .short-description li {
		display: inline-block;
		width:auto;
		margin-right:15px;
		margin-left:15px;
		margin-bottom:0;
		font-size:16px;
	}
	.detail-top .short-description li span {
		margin-bottom:5px;
	}
	.detail-top .big-arrow li {
		display: inline-block;
		margin: 0 5px;
	}
	.detail-top .share,
	.detail-top .add {
		display:inline;
		border-bottom:none;
		padding-bottom:0;
		margin-right:10px;
		margin-left:10px;
	}
	.detail-top .row-03 .col-01,
	.detail-top .row-03 .col-03 {
		width: 100%;
		float:none;
		margin:0 0 30px 0;
	}
	.detail-top .row-03 .col-03 {
		border-left:none;
		border-bottom:5px solid #e5e5e5;
		padding:0 0 30px 0;
	}
	#options .bloc-option {
		width: 24%;
	}
	#rates #costs,
	#rates #prices {
		width: 100%;
		margin-right:0;
	}
	#rates #costs td,
	#rates #prices td,
	#rates #costs th[scope="row"],
	#rates #prices th[scope="row"] {
		font-size:14px;
	}
}
@media (max-width:1020px) {
    .article-reportage h1 {
        font-size: 36px;
    }
	.leaderboard img, 
	.leaderboard iframe {
		max-width:100%;
		height:auto;
	}
	#ecran .follow_guide_header h3 {
		position: relative;
		background: transparent;
		width: 90%;
		font-size: 18px;
		padding:10px 10% 0 0;
	}	
	.follow_guide_header h3 a span {
		display: inline;
		font-size: 18px;
	}	
	.follow_guide_header h3 span:before {
		content:" : "
	}	
	.follow_guide_header .follow-guide-logo {
		right:0;
	}	
	.homepage .renting, 
	.homepage .privilege {
		width:100%;
	}
	.homepage .privilege h2 {
		text-align: center;
	}	
	.homepage .privilege .privilege-wrapper {
		width: 660px;
		margin: 0 auto;
	}
	.homepage .privilege-bloc,
	.homepage .privilege-bloc.main-privilege {
		margin: 20px 0 0 30px;
	}	
	.follow_the_guide .partners {
		position: relative;
		text-align:center;
	    top: auto;
	    right: auto;
	}
	.follow_the_guide .partners img {
		margin:0 10px;
	}
	.pagination li.hidden-xs {
		display:none;
	}
    #footer {
        width: 100%;
        margin: 0 auto;
    }
/* Preview mode - inactive advertisement */

	.preview-mode {
		padding-bottom:6px;
	}
	.inactive-advertisement {
		width:94%;
		padding:11px 3%;
		float:none;
	}
	.btn-validate,
	.btn-change {
		float:none;
	}
	
/* ----------------------- Booking page ------------------------- */

	.booking-page .back {
		margin-left:20px;
	}
	.booking-page .col-01 {
		margin: 20px auto;
		padding:0;
		float:none;
	}
	.booking-page .content .col-02 {
		float: none;
		width: 640px;
		margin: 20px auto 30px;
	}
	.booking-page .col-02 .media-pic {
		float:left;
	}
	.booking-page .col-02 .wrapper {
		border-left:none;
		margin-left:300px;
		height: 169px;
		font-size:14px;
		position:relative;
	}
	.booking-page .col-02 .short-description li {
		margin:0 10px 0 0;
		display:inline-block;
		font-size:13px;
	}
	.booking-page .col-02 .short-description li.surface {
		margin-right:0;
	}
	.booking-page .col-02 .short-description li:before {
		margin-right:3px;
	}
	.booking-page .timeline {
		margin: 20px auto 30px;
		width:640px;
	}
	.booking-page .col-02 .count .th span {
		display: inline;
		float:right;
	}
	.booking-page .col-02 .count .td {
		width: 15%;
	}
	.booking-page .col-02 .count .th {
		width: 85%;
	}
	.booking-page #booking_btn {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		-webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,.15);
		box-shadow: 0 -5px 5px 0 rgba(0,0,0,.15);
		z-index: 1;
		font-size: 18px;
		text-transform: uppercase;
		padding: 5px 0;
	    font-family: 'open_sanssemibold';
	}
	.booking-hotel .col-02 .invoice {
		width: auto;
	}
	.booking-hotel .col-02 #invoice_anchor {
		position: absolute;
		bottom:61px;
	}


	.privilege-index .privilege-bloc {
		float:left;
		margin:0px 0 20px 30px;
	}
	.privilege-index .privilege-bloc:nth-child(3n+1) {
		margin-left:calc(50% - 480px);
		clear:both;
	}
	.privilege-index .privilege-bloc:nth-child(4n+1) {
		clear: none;
	}

/* --------------- Pages index Offres Privilège ----------------- */

	.privilege-index .privilege-bloc:nth-child(3n+1) {
		margin-left:30px;
		clear: none;
	}
	.privilege-index .privilege-bloc:nth-child(2n+1) {
		margin-left:calc(50% - 315px);
		clear:both;
	}
	
}
@media (max-width: 920px) {
    body {
        overflow-x: hidden;
        font-size:16px;
    }
	#ecran .bg-ecran {
		width: auto;
	}
	.h1-wrapper .follow-guide-logo {
		text-indent:-9999px;
		width:31px;
	}
	.h1-wrapper .follow-guide-logo span {
		float:right;
		margin-top:10px;
	}
	#ecran .follow_guide_header h3 {
		width:85%;
		padding:10px 15% 0 0;
	}	
	.content.two-col {
        background: #fff;
    }
	.articles.articles-3-col .articles-container,
	.col-01 .articles.articles-2-col .articles-container{
		margin-right: 0;
	}
    a.btn.btn-search {
        width: 40%;
    }
    .col-01,
    .col-02 {
        width: 92%;
        margin:0 4%;
    }
    .col-01 {
        padding:0;
    }
	.news-page .col-01 {
		border-bottom: 5px solid #E5E5E5;
		border-top: 5px solid #E5E5E5;
	}
    .col-02 {
        padding:30px 0 0 ;
    }
    .col-02 .bloc-01,
    .article-reportage .col-01,
	.col-02 .pub-imu  {
        border-bottom:5px solid #E5E5E5;
    }
    .privilege-bloc a > p {
        background-color: #f3f3f3;
    }
    .renting-bloc {
		width: 46%;
		margin: 25px 2% 0;
	}
    .diary {
        padding:0 0 30px;
    }
    .diary h2 {
        text-align:center;
    }
    .content .col-01 .bloc-01.last {
        border-bottom: 5px solid #e5e5e5;
    }
    .diary .content-wrapper {
        padding: 0;
    }
    .diary-bloc.big {
        margin-bottom:30px;
        width:100%;
    }
    .diary-bloc.big .media-pic {
        margin:0 auto;
        width:398px;
    }
    .diary-bloc.big img {
        margin-left: 0;
    }
    .diary-bloc.big .rubon {
        top:114px;
        font-size:18px;
    }
    .diary .big h3 {
        font-size:18px;
    }
    .diary .diary-bloc.md {
        width: 21%;
        margin-left: 3%;
    }
    .partners {
        margin:10px 20px 20px;
    }
    .partners .content-wrapper {
        text-align:center;
        margin-right:0;
        padding-bottom: 30px;
        border-bottom: 5px solid #e5e5e5;
    }
    .follow_the_guide .articles.bloc-01 .article {
        width:100%;
        margin-right:0;
    }
    .follow_the_guide .media-pic {
        width:398px;
        margin:0 auto;
    }
    .follow_the_guide h2 {
        text-align:center;
    }
    .go-on .articles.bloc-01 .article {
        width:100%;
    }
	.pagination li.hidden-xs {
		display: inline;
	}
    footer .col-3 {
        width: 93%;
        margin: 0 4% 25px;
        padding: 0;
        text-align: center;
    }
    footer #newsletter-footer {
        margin:0 auto;
    }
    footer #newsletter-footer span {
        text-align:center;
    }

/* ------------------------ Detail page ------------------------- */

	.detail-page .menu-wrapper,
	.listing-page .menu-wrapper {
		position:relative;
	}
	.detail-top .breadcrumb {
		font-size:13px;
	}
	.detail-top .breadcrumb span {
		white-space:normal;
	}
	.detail-top .back {
		font-size:14px;
	}
	.detail-top .row-02 .col-01 {
		margin:0 auto;
		float:none;
		overflow:hidden;
	}
	.citytrip .detail-top .row-02 .col-01 {
		width:600px;
	}
	.detail-top .row-02 .col-03,
	.citytrip .detail-top .row-02 .col-03 {
		width: 100%;
		float: none;
		clear:both;
	}
	.detail-top .row-02 .col-02 {
		margin: 0;
		border-top:none;
	}
	.detail-top .col-03 .price-block {
		border: 1px solid #CCCCCC;
		margin-top:20px;
	}
	.detail-top .price-block p,
	.detail-top .price-block .price span {
		display:inline;
	}
	.detail-top .col-03 .price-block .rubon {
	    right: auto;
	    left: -1px;
	}
	.detail-top .col-03 .price-block .rubon:before {
		bottom: 0;
		right: -13px;
		left:auto;
	}
	.detail-top .col-03 .price-block .rubon:before {
		border: 14px solid transparent;
	}	
	.detail-top .col-03 .price-block .rubon.privilege:before {
		border-left: 13px solid #000000;
		border-bottom: 1px solid #000000;
		border-right: none;
	}
	.detail-top .col-03 .price-block .rubon.promo:before {
		border-left: 13px solid #1c95de;
		border-bottom: 1px solid #1c95de;
		border-right: none;
	}
	.detail-top .price-block .price {
		display: block;
		margin-bottom:0;
	}
	.detail-top .price-block .booking {
		margin: 10px 20px;
	}
	.detail-top .price-block .info {
		font-size:14px;
		display:block;
	}
	.detail-top .price-block img {
		vertical-align:middle;
	}
	#options .bloc-option {
		width: 32%;
	}
	#calendar .content-accordeon > a {
		max-width: 628px;
	}
	#calendar .clear {
		text-align:center;
	}
	#calendar .booking {
		float:none;
		margin-bottom:20px;
	}

/* ----------------------- listing page ------------------------- */

	#less_options {
		padding: 10px 0 0;
	}
	#less_options .people select {
		width: 100%;
		padding: 10px 0 10px 20%;
	}
	#less_options .where {
		width: 67%;
		margin: 10px 0 0 3%;
	}
	#less_options .where input {
		width: 92%;
		padding: 10px 0 10px 8%;
	}
	#less_options .people {
		width: 25%;
		margin: 10px 0 0 2%;
	}
	#less_options .hasDatepicker,
	#less_options .price {
		width: 22%;
		margin: 10px 0 0 2%;
	}
	#less_options .hasDatepicker .hasDatepicker {
		margin:0;
	}
	#less_options .hasDatepicker.from {
		margin: 10px 0 0 3%;
	}
	#less_options .hasDatepicker input, 
	#less_options .price input {
		width: 75%;
		padding: 10px 0 10px 25%;
	}
	#less_options .book-and-pay {
		width: 46%;
		padding: 7px 0px 6px;
		margin: 10px 0 0 3%;
	}
	#less_options #more_options_btn {
		width: 20%;
		margin: 10px 0 0 2%;
	}
	#more_options_btn a {
		padding: 8px 0;
		width: 100%;
	}
	#less_options .search {
		width: 24%;
		margin:10px 0 0 2%;
	}
	#less_options a.btn.btn-search {
		width: 100%;
		padding:0px 5% 0px 2%;
	}
	
	.listing-page .content > .col-02,
	.map.listing-page #results,
	.map.listing-page #sort_box li {
		display:none;
	}
	.map.listing-page .content > .col-02 {
		display:block;
		width:100%;
		margin:0;
	}
    .listing-page.no-mobile .sticky #options-sort{
        width: 100%;
    }
    .listing-page.map .col-02 .map, 
	.listing-page.no-mobile .sticky .col-02 .map{
        width: 100%;
        bottom: 0;
        height: calc(100% - 215px);
        top: auto;
        margin: 0;
        /*position: fixed;*/
        z-index: 99;
    }
	#sort_box ul {
		margin-left:0;
	}
	#sort_box li {
		margin:0 0 0 3%;
	}
	.listing-page #sort_box li.map,
	.map #sort_box li.listing {
		display:block;
		float:right;
		padding-right:3%;
	    margin-right: 0;
		position:relative;
	}
	.listing-page #sort_box li.map {
	    width: 80px;
	}
	.lang-es.listing-page #sort_box li.map,
	.lang-fr.listing-page #sort_box li.map {
	    width: 130px;
	}
	.map #sort_box li.listing {
	    width: 115px;
	}
	.map.listing-page #sort_box li.map {
		display: none;
	}

	#sort_box li.listing a,
	#sort_box li.map a {
		display: block;
		background-color:#333333;
		color:#FFFFFF;
		line-height:35px;
		height:35px;
		position:relative;
		padding-left:10px;
	}
	#sort_box li.listing a:hover,
	#sort_box li.map a:hover {
		background-color:#1c95de;
		text-decoration:none;
	}
	#sort_box li.listing span,
	#sort_box .map span {
		background-image:url('/resources/img/sprite.svg');
		background-repeat:no-repeat;
		display:block;
		position:absolute;
		right:6px;
	}
	#sort_box .map span {
		top:6px;
		background-position:-382px -44px;
		width:16px;
		height:21px;
	}
	#sort_box li.listing span {
		background-position: -438px -44px;
		width: 17px;
		height: 17px;
		top: 10px;
	}
	
	.listing-page .content > .col-01 {
		width:100%;
		margin:0;
	}
	#results .property {
		width:94%;
		margin-left:3%;
		font-size: 14px;
	}
	#results .left {
		width: 300px;
	}
	#results .left img {
		margin-left:0;
	}
	#results .right {
		width: calc(100% - 330px);
	}
	#results .property.upsell-box {
		margin-left: calc(3% - 4px);
	}

	.partner-page .col-01 {
		padding-bottom:0;
		border-bottom: none;
	}
	.partner-page .col-02 {
		padding-bottom: 40px;
		border-bottom: 1px solid #f3f3f3;
	}
	.partner-page h1 {
		font-size:36px;
	}
}
@media (max-width: 800px) { /* Offres Privilège dans le menu */
	.detail-page.sept-d .box-logo .privilege,
	.detail-page.sudinfo .box-logo .privilege,
	.detail-page.lesoir .box-logo .privilege {
		background: url('/resources/img/sprite.svg') no-repeat -120px -131px;
		width: 102px;
		height: 26px;
		right: -117px;
		background-size: 400px;
		top:-2px;
	}
	.detail-page.sept-d .box-logo .privilege:after,
	.detail-page.sudinfo .box-logo .privilege:after,
	.detail-page.lesoir .box-logo .privilege:after {
		background-image:url('/resources/img/sprite.svg');
		background-repeat: no-repeat ;
		width: 98px;
		height: 20px;
		left: 1px;
		top: 29px;
		background-size: 400px;
	}
	.detail-page.sept-d .box-logo .privilege:after {
		background-position:-226px -187px;
		height: 21px;
	}
	.detail-page.sudinfo .box-logo .privilege:after {
		background-position:-226px -161px;
	}
	.detail-page.lesoir .box-logo .privilege:after {
		background-position:-226px -137px;
	}
}

@media (max-width: 700px) {
	.homepage .privilege .privilege-wrapper {
		width: 100%;
	}
	.homepage .privilege-bloc, 
	.homepage .privilege-bloc.main-privilege {
		margin: 20px auto 0;
	}
	.homepage .privilege-bloc.main-privilege, 
	.homepage .privilege-bloc.main-privilege .wrapper {
		width: 100%;
	}
	.homepage .privilege-bloc, 
	.homepage .privilege-bloc .wrapper {
		float: none;
	}

	.detail-page #ecran.visible h2, 
	.listing-page #ecran.visible h2 {
		margin-top:10px;
	}
	.detail-top .back {
		text-align: center;
		margin-top: 20px;
	}
	.back:before {
		border-right: 5px solid #b2b2b2;
	}
	.detail-top .big-arrow,
	.detail-top .breadcrumb {
		display:none;
	}
	.detail-top .row-02 .col-01,
	.citytrip .detail-top .row-02 .col-01 {
		width:100%;
	}
	.detail-top .price-block p, 
	.detail-top .price-block .price span {
		display: block;
	}	
	.detail-top .price-block .info {
		display:none;
	}
	.detail-top .price-block .info.visible {
		display: block;
	}
	.detail-top .price-block #info-mobile {
		display: block;
		background-color: #ccc;
		color: #ffffff;
		font-size: 24px;
		font-family: Times;
		font-style: italic;
		height: 30px;
		line-height: 30px;
		width: 30px;
		margin: 0 auto;
		border-radius: 15px;
		position:absolute;
		left:10px;
		bottom:10px;
	}	
	
	.detail-page h2 {
		background-color:#f3f3f3;
		color:#1c95de;
		padding:2px 10px;
		border-radius:5px;
		position:relative;
		font-size:24px;
	}
	.detail-page h2:before,
	.detail-page h2:after {
		content: "";
		border: 10px solid transparent;
		right: 10px;
		position: absolute;
	}
	.detail-page h2:before {
		border-top: 11px solid #1c95de;
		top: 16px;
	}
	.detail-page h2:after {
		border-top: 11px solid #f3f3f3;
		top: 14px;
	}
	.detail-page h2.active:before,
	.detail-page h2.active:after,
	.detail-page #ecran h2:before,
	.detail-page #ecran h2:after {
		display:none;
	}
	.detail-page h2.active {
		background-color: transparent;
		color:#333;
		padding:0 0 0 10px;
	}
	.detail-page .content-accordeon {
		padding:10px;
		border:1px solid #CCCCCC;
		border-radius:5px;
		margin-bottom:10px;
		overflow:hidden;
	}
	.detail-page .map .content-accordeon,
	.detail-page #calendar .content-accordeon,
	.detail-page #rates .content-accordeon {
		padding:0;
		border: none;
		border-radius:0;
	}
	.detail-page .map .content-accordeon {
		margin-bottom:0;
	}
	#calendar .h2-wrapper h2, 
	#rates .h2-wrapper h2 {
		display: block;
	}
	#calendar .h2-wrapper, 
	#rates .h2-wrapper {
		margin-bottom:0;
	}
	#calendar .h2-wrapper .big-arrow, 
	#rates .h2-wrapper .big-arrow {
		display:none;
	}
	.detail-top .row-03,
	.detail-top .row-03 .col-03,
	.detail-top .row-03 .col-01,
	#options .content-wrapper,
	#calendar .content-wrapper {
		border: none;
		padding: 0;
		margin:0;
	}
	#options .bloc-option {
		width: 50%;
		padding:0;
	}
	.detail-top .add_share {
		border-bottom: none;
		padding-bottom:0;
	}
	.detail-page .map h2 {
		margin-bottom:10px;
	}
	#calendar .content-accordeon > a {
		max-width: 420px;
	}
	
	#rates {
		margin-bottom:0;
	}
	#rates #prices th[scope="col"] {
		display:none;
	}
	#rates #prices th[scope="row"],
	#rates #prices td {
		border:none;
		display: block;
	}
	#rates #prices th[scope="row"] {
		padding:3px 0;
	}
	#rates #prices span {
		display: inline;
	}
	#rates #prices td.season_dates {
		background-color:#e5e5e5;
		color:#000000;
	    font-family: 'open_sanssemibold';
	}
	#rates #prices td.price {
		border-top:1px solid #e5e5e5;
	}
	#rates #prices td.month.price {
		padding-bottom:20px;
	}

	#guarantee {
		background-color: transparent;
		border:none;
		margin-bottom: 30px;
		padding:0;
	}
	#guarantee li {
		margin-bottom: 5px;
		width: 100%;
		margin-right:0;
		float: none;
		text-align:center;
	}
	
/* ----------------------- listing page ------------------------- */

	#sort_box {
		font-size:14px;
	}

	#results .left {
		width: 100%;
		height:250px;
	}
	#results .left img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#results .right {
		width: 96%;
		padding: 10px 2% 15px;
		height: auto;
	}
	#results p.book-and-pay {
		position: relative;
		right: auto;
		bottom:auto;
		margin-top:10px;
	}
	#results .left .ribbon.new {
		top:0;
	}
	#results .left .ribbon.promo {
		top: auto;
		right: auto;
		left:0;
		bottom:0;
	}
	#sort_box .search_paging {
		display:none;
	}
/* ----------------------- Booking page ------------------------- */

	.booking-page .content .col-02 {
		width: auto;
		margin: 20px 20px 30px;
	}
	.booking-page .col-02 .media-pic {
		float: none;
		height:200px;
		overflow:hidden;
	}
	.booking-page .col-02 .media-pic img {
		position:absolute;
		width:100%;
		height:auto;
		top:0;
		bottom:0;
		margin:auto;
	}
	.booking-page .col-02 .wrapper {
		border: none;
		margin:0 0 20px;
		height: auto;
		font-size:16px;
	    padding: 20px 0 0;
		text-align:center;
	}
	.booking-page .content .col-01 {
		padding: 0;
		width: auto;
		margin:20px;
	}
	.booking-page .not-member {
        float: none;
        width: 300px;
        margin:30px auto;
	}
	.booking-page .not-member input[type=text], 
	.booking-page .not-member input[type=number], 
	.booking-page .not-member input[type=email] {
        width: 277px;
	}
	.booking-page .is-member {
        width: 300px;
        float: none;
        margin:0 auto;
	}
	.booking-page .is-member input[type=email], 
	.booking-page .is-member input[type=password] {

        width: 234px;
	}
	.booking-page .content input[type=text].hasDatepicker {
        width: calc(38% - 2px);
		padding:0 0 0 10%;
	}
	.booking-page .content input[type=text].hasDatepicker:last-of-type {
		margin-left: 4%;
	}
	.booking-page.booking-hotel .content input[type=text].hasDatepicker:last-of-type {
		margin-left: 0;
	}
	
/* Step 0 */
	
	.booking-page .col-02 .short-description li {
		font-size: inherit;
	}
	.booking-page .num-people .col:last-of-type {
		margin-right:0;
	}
	
	.booking-page .num-people select {
		margin:0;
		width:100%;
	}
	.booking-page .num-people label {
		display:block;
		margin-bottom:5px;
	}
	.booking-page .step0 .mandatory-supplements {
		width:100%;
		float: none;
		margin-right:0;
	}
	.booking-page .step0 .price-block {
		float: none;
		width: auto;
		margin: 30px 0 0;
		padding:20px 10px 0px;
	}
	.booking-page .step0 .price-block .total {
		display:inline;
		margin-right:10px;
	}
	
/* Step 3 */

	.booking-page .block-paymentoptions {
		float:none;
		margin-top:10px;
	}	
	.booking-page .block-paymentoptions span {
		margin:0 20px 0 0;
	}	
	
/* -------------------- Booking Hotel page ---------------------- */

	.booking-hotel h1,
	.booking-hotel .col-01 .title {
	    text-align: center;
	}
	.booking-hotel .first_data .dates,
	.booking-hotel .first_data .people {
		display: block;
	    text-align: center;
	}
	.booking-hotel .first_data .dates {
		margin-bottom:20px;
	}
	.booking-hotel .col-01 .purchased h3 {
		border: 1px solid #ff8a00;
	    border-bottom: none;
	}
	.booking-hotel .col-01 h3 {
		text-align: center;
	    margin: 0;
	    background-color: #f0f0f0;
		border: 1px solid #d9d9d9;
	    border-bottom: none;
	}
	.booking-hotel .hotel_room .media-pic {
		float: none;
		width: 182px;
		margin:14px auto 0;
	}
	.booking-hotel .hotel_room .media-text {
		margin: 14px;
	}
	.booking-hotel .hotel_room .media-text .select_room {
		text-align:center;
	}
}

@media (max-width: 650px) {
	#menu #logo {
		width: 230px;
		height:23px;
	}
	.h1-wrapper .follow-guide-logo {
		margin-left:20px;
	}
	.detail-page.sudinfo .box-logo .privilege,
	.detail-page.lesoir .box-logo .privilege {
		top:-9px;
	}
    #ecran #search input.where {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    #ecran #search input.start,
    #ecran #search input.end {
        width: 48%;
        margin-bottom: 10px;
        margin-right: 2%;
    }
    #ecran #search input.end {
        margin-right: 0;
    }
    #ecran #search select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    a.btn.btn-search {
        width: 100%;
        margin-right: 0;
        font-size:24px;
        padding:0;
    }
    #ecran,
	.homepage #ecran {
        height: auto;
    }
    #ecran #search {
        margin-bottom: 100px;
    }
    #menu #menu-inner .lang li a {
        width: 50px;
        height: 50px;
        line-height: 40px;
    }
    #menu #menu-inner .lang li a {
        width: 50px;
        height: 50px;
        line-height: 40px;
    }
    .home-reportage h1,
    .article-reportage h1,
    .home-reportage .breadcrumb,
    .article-reportage .breadcrumb {
        padding-right:0;
    }
	.h1-wrapper .follow-guide-logo span {
		margin-top:0;
	}

/* ------------------------- Homepage --------------------------- */

	.header-wrapper .h1-wrapper > div {
			height: auto;
			line-height: normal;
			padding:10px 20px;
	}
	.header-wrapper .h1-wrapper h1,
	.header-wrapper .h1-wrapper .h1,
	.header-wrapper .h1-wrapper h1 span,
	.header-wrapper .h1-wrapper .h1 span {
	    font-size: 27px;
	}
	.homepage .header-wrapper,
	.index-page .header-wrapper, 
	.news-page .header-wrapper {
		position: relative;
	}
	.follow_guide_header .article {
		width: 290px;
		margin:0 auto 20px;
		float:none;
	}
	#ecran .follow_guide_header h3 {
		width: 85%;
		padding: 5px 12% 5px 3%;
		position: absolute;
		background: rgba(64,64,65,0.65);
	}
	.follow_guide_header .follow-guide-logo {
		right: 5px;
	}
	.follow_guide_header .all-guides {
		padding-left: 0;
	}
	.follow_guide_header .all-guides div {
		margin: 7px auto;
		position: relative;
		padding-left: 12px;
		width: 278px;
		float:none;
	}
	.renting-bloc {
		width: 100%;
		margin: 25px 0 0;
	}
	.pagination li.hidden-xs {
		display:none;
	}


/* ------------------------ Reportage --------------------------- */

    .chapeau #map-btn div {
        float: none;
        border: none;
        padding:0;
        margin:0 0 10px 0;
        overflow:hidden;
    }
    .chapeau  #map-btn div a {
        margin:10px 0 0 10px;
    }
    .author {
        position: relative;
        right: auto;
        width: auto;
        top: auto;
        text-align: left;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .author .media-pic,
    #map-btn div .media-pic {
        border: none;
        float:left;
        width:50px;
    }
    .author .media-pic img,
    #map-btn div .media-pic img {
        width:50px;
        height:50px;
    }
    .author p {
        margin:17px 0 0 60px;
    }
    .chapeau #map-btn .btn {
        margin: 10px 0 0 10px;
    }
    .en-texte {
        text-align:center;
    }
    .article-reportage .media-pic .caption {
		bottom: auto;
	}

    .col-01 .articles.bloc-01 .articles-container {
        margin-right: 0;
    }
    .articles,
    .article-horiz,
    .articles.bloc-01 .article {
        width:auto;
        text-align:center;
        margin-right:0;
    }
    .articles .media-pic,
    .articles .media-pic img {
        width: 290px;
        margin:0 auto;
    }
    .article-horiz h3 {
        margin:10px 0 5px;
    }
    .article-horiz .media-pic {
        float: none;
        margin:0 auto;
    }
    .article-horiz p {
        margin: 0;
    }
    .diary .content-wrapper {
        padding: 0 20px;
    }
    .diary-bloc.big,
    .diary .diary-bloc.md {
        width: 100%;
        margin:0;
    }
    .diary .diary-bloc.md:before {
        content: '________';
        color: #ffffff;
        margin-bottom: 20px;
        display: block;
        opacity:.5;
    }
    .diary-bloc.md img {
        margin-left:0;
        width:290px;
    }
    .diary-bloc .media-pic {
        margin:0 auto;
        width:290px;
    }
    .diary h3 {
        margin: 5px 0 0;
    }
    .diary p,
    .diary .stars {
        margin-bottom:0;
    }
    .en-images .media-text {
        display:none;
    }
    .articles h3 {
        margin: 8px 0 5px;
    }
    .media-text p {
        line-height: 22px;
    }
	
    footer #newsletter-footer {
        width:100%;
        text-align:center;
    }
    footer #newsletter-footer form div {
        padding: 10px 20px 20px;
    }
    footer #newsletter-footer label {
        margin-right: 0;
        float: none;
    }
    footer #newsletter-footer input {
        width: calc(100% - 60px);
    }
    footer #newsletter-footer .newsletter_confirm {
        padding: 0 20px 10px;
    }
    .partners img {
        display:block;
        margin:20px auto 0;
    }
    footer #bottom ul li {
        display: block;
        margin: 25px auto;
    }

/* ----------------------- Detail Page -------------------------- */

	.detail-page #ecran #search {
		margin-bottom:0;
	}
	.inactive-advertisement span {
		display:block;
	}

/* ----------------------- listing page ------------------------- */

	#less_options .book-and-pay div {
		position: initial;
	}
	#less_options .book-and-pay div:hover span {
		width: 85%;
		left: 3%;
		top: 150px;
		position:fixed;
		padding: 7px 3%;
	}

	#more_options a.btn.btn-search,
	#less_options a.btn.btn-search {
		font-size:14px;
		padding-right:25px;
	}
	
	
	#less_options .book-and-pay {
		width: 36%;
	}
	
	#less_options #more_options_btn {
		width: 33%;
	}
	#less_options .search {
		width: 21%;
	}
	a.btn-search::after {
		right: 4px;
	}	

/* ----------------------- Booking page ------------------------- */

	.booking-page .timeline {
		margin: 20px;
		width: auto;
	}
	.booking-page .timeline a,
	.booking-page .timeline li:first-child a {
		border: none;
		height: auto;
		line-height: normal;
		padding: 0 ;
	}
	.booking-page .timeline li {
		display:none;
	}
	.booking-page .timeline .active {
		display: block;
	}
	.booking-page .timeline a:after,
	.booking-page .timeline a:before {
		display: none;
	}
	.booking-page .step3 .payment-form .wrapper {
		width: 300px;
		margin: 0 auto;
	}
	.booking-page .step3 .payment-form label, 
	.booking-page .step3 .payment-form span {
		width: 100%;
		text-align: left;
		margin:0 0 5px 0;
	}
	.booking-page .step3 .payment-form span {
		margin:0 0 5px 0;
	}
	.booking-page .step3 .payment-form #year_validity {
		margin-left:10px;
	}
	.booking-page .step3.content select, 
	.booking-page .step3.content input[type=text], 
	.booking-page .step3.content input[type=number] {
		margin-bottom: 20px;
	}
	.booking-page .step3.content input[type=text], 
	.booking-page .step3.content input[type=number] {
		width:278px;
	}
	.booking-page .step3 .follow-prev > div {
		width: 100%;
		float:none;
	}
	.booking-page .step3 .follow-prev .btn {
		display:block;
		margin-bottom:10px;
	}

/* --------------- Pages index Offres Privilège ----------------- */

	.privilege-index .privilege-bloc {
		margin:0px auto 30px !important;
		float:none;
	}
	.privilege-index .privilege-bloc:nth-child(2n+1) {
		margin-left:auto;
		clear: none;
	}
	
}

@media (max-width: 520px) {
	.detail-top .short-description {
		margin-bottom:20px;
	}
	.detail-top .short-description li {
		width: 50%;
		float:left;
		margin:0 0 10px;
	}

    .listing-page.mobile .sticky .menu-options{
        z-index: 990;
        top:0;
        position: fixed;
		width:100%;
	    background-color: #fff;
    }

    .listing-page.mobile .sticky #options-sort{
        z-index: 990;
        top:35px;
        position: fixed;
    }

    .listing-page.mobile #searchForm{
        height: calc(100% - 32px);
        overflow: auto;
        position: fixed;
        top: 32px;
        z-index: 990;
    }
	
	#less_options,
	.listing-page.filter #ecran,
	.listing-page.filter .leaderboard,
	.listing-page.filter .menu-options,
	.listing-page.filter #less_options,
	.listing-page.filter #sort_box,
	.listing-page.filter #results,
	.listing-page.filter .col-02,
	.listing-page.filter .content.go-on,
	.listing-page.filter footer,
	.listing-page.search #more_options {
		display:none;
	}
	.listing-page.filter .col-01 {
		position:initial;
	}
	.menu-options,
	.listing-page.search #less_options,
	.listing-page.filter #more_options {
		display: block;
	}
	.menu-options ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.menu-options li {
		margin-right:1px;
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		text-align: center;
	}
	.menu-options li a {
		display: block;
		text-align:center;
		background-color:#333333;
		color:#FFFFFF;
		width:90%;
		line-height:35px;
		height:35px;
		position:relative;
		padding-right:10%;
	}
	.menu-options li a:hover {
		background-color:#1c95de;
		text-decoration:none;
	}
	.menu-options span {
		background-image:url('/resources/img/sprite.svg');
		background-repeat:no-repeat;
		display:block;
		position:absolute;
		top:6px;
		right:6px;
	}
	.menu-options .search span {
		background-position:0px 0px;
		width:20px;
		height:20px;
	}
	.menu-options .filter span {
		background-position:-407px -44px;
		width:20px;
		height:21px;
	}
	.menu-options .listing span {
		background-position:-438px -44px;
		width:17px;
		height:17px;
		top:10px;
	}
	.menu-options .map span {
		background-position:-382px -44px;
		width:16px;
		height:21px;
	}
	.listing-page.filter #options .close {
		display: block;
		color:#FFFFFF;
		background-color:#333333;
		padding:5px 10px;
		cursor:pointer;
	}
	.listing-page.filter #options .close span {
		background-image:url('/resources/img/sprite.svg');
		background-repeat:no-repeat;
		display:block;
		position:absolute;
		top:6px;
		right:6px;
		background-position:-120px 0px;
		width:20px;
		height:20px;
	}
	.listing-page.map.search .content #more_options,
	.listing-page.map.search .content #sort_box,
	.listing-page.map.search .content #results,
	.listing-page.map.filter .content #less_options,
	.listing-page.map.filter .content #sort_box,
	.listing-page.map.filter .content #results,
	.listing-page.map.filter .content > .col-02,
	.listing-page .content > .col-02,
	.listing-page.listing .content > .col-02,
	.listing-page.map .content > .col-01,
	.listing-page .menu-options .listing,
	.listing-page.listing .menu-options .listing,
	.listing-page.map .menu-options .map {
		display:none;
	}
	.listing-page.map.search .content > .col-01,
	.listing-page.map.filter .content > .col-01,
	.listing-page.map .content > .col-02,
	.listing-page.listing .menu-options .map,
	.listing-page.map .menu-options .listing {
		display: block;
	}
	.listing-page.map .content > .col-02 {
		margin:0;
		width:100%;
	}
	#less_options .where,
	#less_options #more_options_btn,
	#less_options .people,
	#less_options .book-and-pay,
	#more_options .search,
	#less_options .search {
		width: 94%;
		margin:10px 0 0 3%;
		float:none;
		clear:both;
	}
	#less_options .hasDatepicker, 
	#less_options .price {
		width: 45%;
		margin:10px 0 0 4%;
	}
	#less_options .price {
		height:49px;
	}
	#less_options .hasDatepicker.from, 
	#less_options .price.from {
		margin:10px 0 0 3%;
	}
	#less_options #more_options_btn {
		display:none;
	}
	#less_options .where input {
		width: 90%;
		padding:10px 0 10px 10%;
	}
	#less_options .hasDatepicker input, 
	#less_options .price input {
		width: 75%;
		padding:10px 0 10px 25%;
	}
	#less_options .people select {
		width: 100%;
		padding:10px 0 10px 10%;
	}
	#less_options .book-and-pay {
		height: 21px;
	}
	#more_options .search {
		clear:both;
		overflow:hidden;
	}
	#more_options a.btn.btn-search,
	#less_options a.btn.btn-search {
		width:200px;
		margin:10px auto 0;
		display:block;
		float:none;
		font-size:16px;
	}
	a.btn-search::after {
		right: 10px;
	}	
	#more_options li li,
	#more_options li li.fifty-pc {
		width: 100%;
	}
	#sort_box {
		width:94%;
		margin-left:3%;
	}
	#sort_box ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-left:0;
	}
	#sort_box li {
		margin:0 1%;
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		text-align: center;
	}
	.sticky #sort_box .option_sort {
		display:none;
	}
	.listing-page #sort_box li.map {
		display:none;
	}

	.booking-page .num-people {
		margin-bottom: 10px;
	}	
	.booking-page .num-people .col {
		width: 50%;
		margin-bottom: 20px;
	}	
	.booking-page .my-dates li {
		width: 100%;
		border: none;
		float: none;
		padding:0;
		text-align: left;
	}
	.booking-page .step0 .price-block .total {
		display: block;
		margin-right: 0;
	}
	.booking-page .col-02 .count .th, 
	.booking-page .col-02 .count .td {
		width: auto;
		display: inline;
		text-align: left;
	}
	.booking-page .col-02 .count .th span {
		float: none;
	}
	.booking-page .col-02 .count .th:after {
		content:" :  ";
		margin-right:5px;
	}
	.booking-page .my-dates li span {
		display: inline;
	}
	.booking-page .insurance .col,
	.booking-page .insurance .col:last-of-type {
		float: none;
		width:100%;
		margin:0 0 20px;
	}

 /* Offres Privilège dans le menu */
 
 	.detail-page.sept-d .detail-top .back,
 	.detail-page.sudinfo .detail-top .back,
	.detail-page.lesoir .detail-top .back {
		text-align:right;
	    width: 130px;
	    float: right;
		min-height:40px;
	}
	.box-logo .privilege {
		visibility:hidden;
	}
 	.detail-page.sept-d .box-logo .privilege,
 	.detail-page.sudinfo .box-logo .privilege,
	.detail-page.lesoir .box-logo .privilege {
		visibility:visible;
		top:60px;
		right: auto;
		left:0;
	}

}
@media (max-width: 480px) {
	#calendar .content-accordeon > a {
		max-width: 190px;
	}
	.mobile-booking .booking {
		display: block;
		position:fixed;
		left:0;
		right:0;
		bottom:20px;
		margin:0 20px;
		z-index:1003;
		text-align:center;
	}
	.booking-hotel .hotel_room .room h4 {
		display: block;
		margin-bottom:5px;
	}
	.booking-hotel .content .hotel_room .select {
		margin-right: 10px;
	}
	.booking-hotel .content .hotel_room .select select {
		margin-left: 0;
	}
	.booking-hotel .add_room {
		float: none;
		margin-bottom: 10px;
	}
	.booking-hotel .hotel_room .right {
		text-align: left;
	}
	.booking-hotel .hotel_room .right .btn-orange-square {
		float: right;
	}
	.booking-hotel .col-02 .invoice h4 {
		float: none;
	}
	.booking-hotel .col-02 .invoice h4 br {
		display:none;
	}
	.booking-hotel .col-02 .invoice p {
		text-align: left;
	}
	.booking-hotel .col-02 .invoice .total h4 {
		float: left;
	}
	.booking-hotel .col-02 .invoice p,
	.booking-hotel .col-02 .invoice h4 {
		display: inline-block;
	}
	.booking-hotel .col-02 .invoice h4:after {
		content:" : ";
	}
	.booking-hotel.lang-nl .col-02 .invoice h4:after {
		content:": ";
	}
	.booking-hotel .col-02 .invoice .total p {
		text-align: right;
		margin-bottom:0;
		display: block;
	}
}

@media (max-width:440px) {
    #menu #logo {
        width: 200px;
		height:20px;
    }
	.box-logo {
		margin-top: 3px;
	}
	.box-logo span {
		margin-top: -5px;
	}
	.detail-page #ecran,
	.listing-page #ecran,
	.partner-page #ecran,
	.booking-page #ecran {
		min-height: 40px;
	}
	.menu-wrapper {
		height: 40px;
	}
	.detail-page #ecran #search-mobile, 
	.partner-page #ecran #search-mobile, 
	.booking-page #ecran #search-mobile {
		right:40px;
	}
	#menu .menu-mobile,
	.detail-page #ecran #search-mobile a, 
	.partner-page #ecran #search-mobile a, 
	.booking-page #ecran #search-mobile a {
		width:40px;
		height: 40px;
	}
	.detail-page #ecran #search-mobile span, 
	.partner-page #ecran #search-mobile span, 
	.booking-page #ecran #search-mobile span {
		background-size:500px;
		height: 23px;
		width:23px;
		top: 10px;
		left: 10px;
	}
	#menu .menu-mobile span,
	#menu .open_box .menu-mobile span {
		top:13px;
		left:12px;
		height:14px;
		width:15px;
		background-size:333px;
	}
	#menu .menu-mobile span {
		background-position: -100px 0;
	}
	#menu .open_box .menu-mobile span {
		background-position: -79px 0;
	}
 	.detail-page.sept-d .box-logo .privilege,
 	.detail-page.sudinfo .box-logo .privilege,
	.detail-page.lesoir .box-logo .privilege {
		top:40px;
	}

    #ecran h2 {
        font-size: 18px;
        -webkit-border-radius: 0;
        border-radius:0;
        width: auto;
        padding:5px 0 0;
    }
	.homepage .follow_the_guide h2, 
	.index-page .follow_the_guide h1 {
		font-size: 36px;
		margin: 30px 0 0;
	}
	.index-page h1.follow-guide-logo span {
		width: 36px;
		height: 36px;
		background-position: -552px 0;
		background-size: 750px;
	}
    .articles .media-pic, 
	.articles .media-pic,
    .article-horiz .media-pic {
        width:100%;
    }
    .articles .media-pic, 
	.articles .media-pic img,
    .article-horiz .media-pic img {
        width:100%;
        height:auto;
    }
	.carousel {
		padding-bottom: 30px;
	}
	.carousel .bloc-01 h2 {
		margin: 30px 0 0;
	}
	.homepage .privilege-bloc.main-privilege .city {
		font-size: 16px;
		height: 30px;
		line-height: 30px;
	}
	.homepage .privilege-bloc.main-privilege h3 {
		top: 30px;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
	}
	.homepage .privilege-bloc.main-privilege .rubon, 
	.homepage .privilege-bloc.main-privilege a > p {
		font-size: 16px;
		height: 22px;
		line-height: 22px;
	}
	.homepage .privilege-bloc.main-privilege .rubon:after {
		border: 5px solid transparent;
		border-top: 6px solid #ff8a00;
		top: 22px;
	}
	.homepage .privilege-bloc.main-privilege a:hover .rubon:after {
		border-top: 6px solid #1c95de;
	}
	.privilege-bloc.main-privilege .offer {
		width: 85px;
		height: 72px;
		padding-top: 13px;
		font-size: 16px;
	}
	.privilege-bloc.main-privilege .from {
		font-size: 11px;
	}
	.privilege-bloc.main-privilege .price {
		font-size: 18px;
	}
    .col-01 .articles.articles-2-col {
        margin-right: 0;
    }

    .col-01 .articles {
        margin-right: 0;
    }
    .articles .article {
        margin-right:0;
    }
    .diary-bloc.md .rubon {
        top: 88px;
    }
    .diary .diary-bloc img,
    .diary .diary-bloc .media-pic {
        width: 100%;
    }
	#options .bloc-option {
		width: 100%;
		height:auto !important;
	}
	.menu-options li a {
		padding-right:0;
	    width: 100%;
	}
	.menu-options span {
		display: none;
	}
	#results .left {
		height: 200px;
	}
	.booking-page .step0 .price-block .total {
		display: block;
		margin:0 0 10px;
	}
	.booking-page .step3 .payment-form {
		border: none;
		border-top: 1px solid #E5E5E5;
		padding: 20px 0 0;
	}
	.booking-page .step3 .payment-form .wrapper {
		width: auto;
	}
	.booking-page .block-paymentoptions,
	.booking-page .step3 .payment p {
		text-align: center;
	}
	.booking-page .step3 .payment img {
		float: none;
		margin: 0 auto 10px;
		display: block;
	}
	.booking-page .step3.content input[type=text], 
	.booking-page .step3.content input[type=number] {
		width:93%;
		padding:0 3%;
	}
	.booking-hotel .col-02 #invoice_anchor {
		bottom:30px;
	}
	.booking-hotel .first_data .date_summary, .booking-hotel .first_data .people_summary {
		display: block;
		text-align: center;
		background-color: transparent;
	}
	.booking-hotel.booking-page .step0 .col-01 .radio span {
		display: block;
		margin-left: 5px;
		margin-top: -2px;
		border-bottom: 1px dashed #ccc;
		padding-bottom: 7px;
	}
	.booking-hotel.booking-page .step0 .col-01 .radio {
		margin-bottom:5px;
	}
	.booking-hotel .remove_room {
		margin-top: 10px;
	}
}

@media (max-width:360px) {
    .privilege-bloc,
    .privilege-bloc .wrapper,
    .privilege-bloc img,
    .follow_the_guide .media-pic {
        width: 100%;
        height: auto;
    }
	.pagination ul li a {
		font-size: 18px;
	}
	#results .left {
		height: 170px;
	}
	.booking-page .col-02 .media-pic {
		height: 170px;
	}


	.booking-page .not-member,
	.booking-page .is-member {
		width: auto;
	}
	.booking-page .not-member input[type=text], 
	.booking-page .not-member input[type=number], 
	.booking-page .not-member input[type=email],
	.booking-page .is-member input[type=email], 
	.booking-page .is-member input[type=password] {
		width: 94%;
		padding: 0 3%;
	}
}

/* Flags in Phone fields */

.country-list {
    border-top: 1px solid #e5e5e5;
    width: 270px;
}
.country-list li {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px;
	cursor:pointer;
}
.country-list li:hover {
	background-color:#f2f2f2;
}
.country-list .flag {
	background-image:url('/resources/img/flags.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:10px;
}
.country-list .dial {
	color:#b3b3b3;
}

.country-list .afg .flag {
	background-position: -0px 0px
}
.country-list .zaf .flag {
	background-position: -12px 0px
}
.country-list .alb .flag {
	background-position: -24px 0px
}
.country-list .dza .flag {
	background-position: -36px 0px
}
.country-list .deu .flag {
	background-position: -48px 0px
}
.country-list .and .flag {
	background-position: -60px 0px
}
.country-list .ago .flag {
	background-position: -72px 0px
}
.country-list .sau .flag {
	background-position: -84px 0px
}
.country-list .arg .flag {
	background-position: -96px 0px
}
.country-list .arm .flag {
	background-position: -108px 0px
}
.country-list .aus .flag {
	background-position: -120px 0px
}
.country-list .aut .flag {
	background-position: -132px 0px
}
.country-list .aze .flag {
	background-position: -144px 0px
}
.country-list .bhs .flag {
	background-position: -156px 0px
}
.country-list .bhr .flag {
	background-position: -168px 0px
}
.country-list .bgd .flag {
	background-position: -180px 0px
}
.country-list .bel .flag {
	background-position: -192px 0px
}
.country-list .blz .flag {
	background-position: -204px 0px
}
.country-list .ben .flag {
	background-position: -216px 0px
}
.country-list .btn .flag {
	background-position: -228px 0px
}
.country-list .btn {
    border-radius:0;
    color: #333333;
    line-height: normal;
	display:block;
}
.country-list .blr .flag {
	background-position: -240px 0px
}
.country-list .mmr .flag {
	background-position: -252px 0px
}
.country-list .bol .flag {
	background-position: -264px 0px
}
.country-list .bih .flag {
	background-position: -276px 0px
}
.country-list .bwa .flag {
	background-position: -288px 0px
}
.country-list .bra .flag {
	background-position: -300px 0px
}
.country-list .brn .flag {
	background-position: -312px 0px
}
.country-list .bgr .flag {
	background-position: -324px 0px
}
.country-list .bfa .flag {
	background-position: -336px 0px
}
.country-list .bdi .flag {
	background-position: -348px 0px
}
.country-list .khm .flag {
	background-position: -360px 0px
}
.country-list .cmr .flag {
	background-position: -372px 0px
}
.country-list .can .flag {
	background-position: -384px 0px
}
.country-list .cpv .flag {
	background-position: -396px 0px
}
.country-list .chl .flag {
	background-position: -408px 0px
}
.country-list .chn .flag {
	background-position: -420px 0px
}
.country-list .cyp .flag {
	background-position: -432px 0px
}
.country-list .col .flag {
	background-position: -444px 0px
}
.country-list .com .flag {
	background-position: -456px 0px
}
.country-list .cog .flag {
	background-position: -468px 0px
}
.country-list .cod .flag {
	background-position: -480px 0px
}
.country-list .kor .flag {
	background-position: -492px 0px
}
.country-list .cri .flag {
	background-position: -504px 0px
}
.country-list .civ .flag {
	background-position: -516px 0px
}
.country-list .hrv .flag {
	background-position: -528px 0px
}
.country-list .cub .flag {
	background-position: -540px 0px
}
.country-list .dnk .flag {
	background-position: -552px 0px
}
.country-list .dji .flag {
	background-position: -564px 0px
}
.country-list .egy .flag {
	background-position: -576px 0px
}
.country-list .are .flag {
	background-position: -588px 0px
}
.country-list .ecu .flag {
	background-position: -600px 0px
}
.country-list .eri .flag {
	background-position: -612px 0px
}
.country-list .esp .flag {
	background-position: -624px 0px
}
.country-list .est .flag {
	background-position: -636px 0px
}
.country-list .usa .flag {
	background-position: -648px 0px
}
.country-list .eth .flag {
	background-position: -660px 0px
}
.country-list .fji .flag {
	background-position: -672px 0px
}
.country-list .fin .flag {
	background-position: -684px 0px
}
.country-list .fra .flag {
	background-position: -696px 0px
}
.country-list .gab .flag {
	background-position: -708px 0px
}
.country-list .gmb .flag {
	background-position: -720px 0px
}
.country-list .geo .flag {
	background-position: -732px 0px
}
.country-list .gha .flag {
	background-position: -744px 0px
}
.country-list .gib .flag {
	background-position: -756px 0px
}
.country-list .grc .flag {
	background-position: -768px 0px
}
.country-list .grd .flag {
	background-position: -780px 0px
}
.country-list .gtm .flag {
	background-position: -792px 0px
}
.country-list .gin .flag {
	background-position: -804px 0px
}
.country-list .gnq .flag {
	background-position: -816px 0px
}
.country-list .gnb .flag {
	background-position: -828px 0px
}
.country-list .guy .flag {
	background-position: -840px 0px
}
.country-list .hti .flag {
	background-position: -852px 0px
}
.country-list .hnd .flag {
	background-position: -864px 0px
}
.country-list .hun .flag {
	background-position: -876px 0px
}
.country-list .ind .flag {
	background-position: -888px 0px
}
.country-list .idn .flag {
	background-position: -900px 0px
}
.country-list .irq .flag {
	background-position: -912px 0px
}
.country-list .irn .flag {
	background-position: -924px 0px
}
.country-list .irl .flag {
	background-position: -936px 0px
}
.country-list .isl .flag {
	background-position: -948px 0px
}
.country-list .isr .flag {
	background-position: -960px 0px
}
.country-list .ita .flag {
	background-position: -972px 0px
}
.country-list .jam .flag {
	background-position: -984px 0px
}
.country-list .jpn .flag {
	background-position: -996px 0px
}
.country-list .jor .flag {
	background-position: -1008px 0px
}
.country-list .kaz .flag {
	background-position: -1020px 0px
}
.country-list .ken .flag {
	background-position: -1032px 0px
}
.country-list .kgz .flag {
	background-position: -1044px 0px
}
.country-list .kwt .flag {
	background-position: -1056px 0px
}
.country-list .lao .flag {
	background-position: -1068px 0px
}
.country-list .lso .flag {
	background-position: -1080px 0px
}
.country-list .lva .flag {
	background-position: -1092px 0px
}
.country-list .lbn .flag {
	background-position: -1104px 0px
}
.country-list .lbr .flag {
	background-position: -1116px 0px
}
.country-list .lby .flag {
	background-position: -1128px 0px
}
.country-list .lie .flag {
	background-position: -1140px 0px
}
.country-list .ltu .flag {
	background-position: -1152px 0px
}
.country-list .lux .flag {
	background-position: -1164px 0px
}
.country-list .fyr .flag {
	background-position: -1176px 0px
}
.country-list .mdg .flag {
	background-position: -1188px 0px
}
.country-list .mys .flag {
	background-position: -1200px 0px
}
.country-list .mwi .flag {
	background-position: -1212px 0px
}
.country-list .mdv .flag {
	background-position: -1224px 0px
}
.country-list .mli .flag {
	background-position: -1236px 0px
}
.country-list .mlt .flag {
	background-position: -1248px 0px
}
.country-list .mar .flag {
	background-position: -1260px 0px
}
.country-list .mus .flag {
	background-position: -1272px 0px
}
.country-list .mrt .flag {
	background-position: -1284px 0px
}
.country-list .mex .flag {
	background-position: -1296px 0px
}
.country-list .mda .flag {
	background-position: -1308px 0px
}
.country-list .mco .flag {
	background-position: -1320px 0px
}
.country-list .mng .flag {
	background-position: -1332px 0px
}
.country-list .mon .flag {
	background-position: -1344px 0px
}
.country-list .moz .flag {
	background-position: -1356px 0px
}
.country-list .nam .flag {
	background-position: -1368px 0px
}
.country-list .npl .flag {
	background-position: -1380px 0px
}
.country-list .nic .flag {
	background-position: -1392px 0px
}
.country-list .ner .flag {
	background-position: -1404px 0px
}
.country-list .nga .flag {
	background-position: -1416px 0px
}
.country-list .nor .flag {
	background-position: -1428px 0px
}
.country-list .nzl .flag {
	background-position: -1440px 0px
}
.country-list .omn .flag {
	background-position: -1452px 0px
}
.country-list .uga .flag {
	background-position: -1464px 0px
}
.country-list .uzb .flag {
	background-position: -1476px 0px
}
.country-list .pak .flag {
	background-position: -1488px 0px
}
.country-list .pal .flag {
	background-position: -1500px 0px
}
.country-list .pan .flag {
	background-position: -1512px 0px
}
.country-list .png .flag {
	background-position: -1524px 0px
}
.country-list .pry .flag {
	background-position: -1536px 0px
}
.country-list .nld .flag {
	background-position: -1548px 0px
}
.country-list .per .flag {
	background-position: -1560px 0px
}
.country-list .phl .flag {
	background-position: -1572px 0px
}
.country-list .pol .flag {
	background-position: -1584px 0px
}
.country-list .prt .flag {
	background-position: -1596px 0px
}
.country-list .qat .flag {
	background-position: -1608px 0px
}
.country-list .caf .flag {
	background-position: -1620px 0px
}
.country-list .dom .flag {
	background-position: -1632px 0px
}
.country-list .rou .flag {
	background-position: -1644px 0px
}
.country-list .gbr .flag {
	background-position: -1656px 0px
}
.country-list .rus .flag {
	background-position: -1668px 0px
}
.country-list .rwa .flag {
	background-position: -1680px 0px
}
.country-list .smr .flag {
	background-position: -1692px 0px
}
.country-list .slb .flag {
	background-position: -1704px 0px
}
.country-list .slv .flag {
	background-position: -1716px 0px
}
.country-list .wsm .flag {
	background-position: -1728px 0px
}
.country-list .sen .flag {
	background-position: -1740px 0px
}
.country-list .ser .flag {
	background-position: -1752px 0px
}
.country-list .syc .flag {
	background-position: -1764px 0px
}
.country-list .sle .flag {
	background-position: -1776px 0px
}
.country-list .sgp .flag {
	background-position: -1788px 0px
}
.country-list .svk .flag {
	background-position: -1800px 0px
}
.country-list .svn .flag {
	background-position: -1812px 0px
}
.country-list .som .flag {
	background-position: -1824px 0px
}
.country-list .sdn .flag {
	background-position: -1836px 0px
}
.country-list .sds .flag {
	background-position: -1848px 0px
}
.country-list .lka .flag {
	background-position: -1860px 0px
}
.country-list .swe .flag {
	background-position: -1872px 0px
}
.country-list .che .flag {
	background-position: -1884px 0px
}
.country-list .sur .flag {
	background-position: -1896px 0px
}
.country-list .swz .flag {
	background-position: -1908px 0px
}
.country-list .syr .flag {
	background-position: -1920px 0px
}
.country-list .tjk .flag {
	background-position: -1932px 0px
}
.country-list .twn .flag {
	background-position: -1944px 0px
}
.country-list .tzn .flag {
	background-position: -1956px 0px
}
.country-list .tcd .flag {
	background-position: -1968px 0px
}
.country-list .cze .flag {
	background-position: -1980px 0px
}
.country-list .tha .flag {
	background-position: -1992px 0px
}
.country-list .tls .flag {
	background-position: -2004px 0px
}
.country-list .tgo .flag {
	background-position: -2016px 0px
}
.country-list .ton .flag {
	background-position: -2028px 0px
}
.country-list .tto .flag {
	background-position: -2040px 0px
}
.country-list .tun .flag {
	background-position: -2052px 0px
}
.country-list .tkm .flag {
	background-position: -2064px 0px
}
.country-list .tur .flag {
	background-position: -2076px 0px
}
.country-list .ukr .flag {
	background-position: -2088px 0px
}
.country-list .ury .flag {
	background-position: -2100px 0px
}
.country-list .vat .flag {
	background-position: -2112px 0px
}
.country-list .ven .flag {
	background-position: -2124px 0px
}
.country-list .vnm .flag {
	background-position: -2136px 0px
}
.country-list .yem .flag {
	background-position: -2148px 0px
}
.country-list .zmb .flag {
	background-position: -2160px 0px
}
.country-list .zwe .flag {
	background-position: -2172px 0px
}