.annonces-submenu {
	position: relative;
	padding-top: 1em;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 1em, white 2em, rgba(255, 255, 255, 0) 100%);
	background-size: 1px 100%;
	background-repeat: repeat-x;
}

.annonces-submenu:before,
.annonces-submenu:after {
	content: '';
	width: 2em;
	height: 100%;
	background-size: 100% 1px;
	background-repeat: repeat-1;
}

.annonces-submenu:before {
	background-image: linear-gradient(to right, #f3f3f3 0, rgba(243, 243, 243, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
}

.annonces-submenu:after {
	background-image: linear-gradient(to left, #f3f3f3 0, rgba(243, 243, 243, 0) 100%);
	position: absolute;
	top: 0;
	right: 0;
}

.annonces-submenu > .menu {
	display: block;
	white-space: nowrap;
	padding: 0 2em;
	overflow: hidden;
	overflow-x: auto;
}

.no-touch .annonces-submenu > .menu {
	overflow-x: hidden;
}

.annonces-submenu > .menu > .menu-item {
	display: inline-block;
	white-space: normal;
	vertical-align: top;
}

.annonces-submenu > .menu > .menu-item .bt {
	display: block;
	max-width: 10em;
	height: 6em;
	text-align: center;
	padding: 0.5em 1em;
	border-bottom: 2px solid transparent;
}

.annonces-submenu > .menu > .menu-item .bt > img {
	width: 2em;
	height: 2em;
	object-fit: contain;
}

.annonces-submenu > .menu > .menu-item .bt > .lib {
	display: block;
	font-size: 0.7em;
	color: #222222;
	line-height: 1.25;
}

.annonces-submenu > .menu > .menu-item .bt:hover {
	border-color: rgba(34, 34, 34, 0.5);
}

.annonces-submenu > .menu > .menu-item.back {
	border-right: solid 1px #222222;
	position: relative;
	margin-right: 0.7em;
	box-shadow: 0.7em 0 0.7em 0 rgba(0, 0, 0, 0.05);
}

.annonces-submenu > .menu > .menu-item.back:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform-origin: 0 0;
	transform: rotate(45deg);
	margin-top: -0.7em;
	width: 1em;
	height: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #222222 #222222 transparent transparent;
	background: #fbfbfb;
}

.annonces-submenu > .menu > .menu-item.select > .bt {
	border-color: #222222;
}

.annonces-submenu-nav {
	display: none;
}

.annonces-submenu-nav.visible {
	display: block;
}

.annonces-submenu-bt {
	display: none;
	width: 2rem;
	height: 2rem;
	position: absolute;
	z-index: 1;
	background-color: #f3f3f3;
	top: 50%;
	margin-top: -1rem;
	border: solid 1px #CCCCCC;
	border-radius: 0.25em;
}

.annonces-submenu-bt:before {
	font-size: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -58%);
}

.annonces-submenu-bt.toleft {
	left: 0;
}

.annonces-submenu-bt.toleft:before {
	content: '\2039';
}

.annonces-submenu-bt.toright {
	right: 0;
}

.annonces-submenu-bt.toright:before {
	content: '\203A';
}

.annonces-submenu-bt.visible {
	display: block;
}

.annonces-submenu-bt:hover {
	background-color: #FFF;
}

.v-filters-dropdown {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	z-index: 9999;
	text-align: left;
}

.v-filters-dropdown-title {
	display: block;
	text-align: center;
	border-bottom: solid 1px #CCCCCC;
	text-transform: uppercase;
	font-size: 1.25em;
	padding-bottom: 0.25em;
}

.v-filters-dropdown-title:before {
	margin-right: 0.25em;
}

.v-filters-dropdown-content {
	padding: 0.75em;
}

.v-filters-dropdown-footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0.75em;
}

.v-filters-dropdown-footer-content::after {
	clear: both;
	content: "";
	display: table;
}

.v-filters-clear {
	float: left;
}

.v-filters-appy {
	float: right;
}

.v-filters-dropdown-close {
	position: absolute;
	width: 1em;
	height: 1em;
	right: 0;
	font-size: 2em;
	font-weight: bold;
	top: 0;
	text-align: center;
	line-height: 1em;
}

.v-filters-item {
	position: relative;
	max-width: 100%;
}

.v-filters-item.dropped:before {
	content: '';
	position: absolute;
	z-index: 100;
	width: 0.75em;
	height: 0.75em;
	background-color: #FFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 0 0;
	transform: rotate(-45deg);
	transform-origin: 0 0;
	top: calc(100% + 0.5em);
	left: 50%;
	margin-left: -0.53em;
}

.v-filters-item .icon-new {
	font-size: 1.25em;
	position: absolute;
	font-size: 1.25em;
	width: 1em;
	height: 1em;
	left: 0.5em;
	top: -0.5em;
	cursor: help;
}

.v-filters-item .icon-new:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	color: #077a0d;
}

.v-filters-item .icon-new:after {
	content: '';
	position: absolute;
	left: 0.25em;
	top: 0.25em;
	width: 0.5em;
	height: 0.5em;
	background-color: #FFF;
}

.v-filters-item-toggle {
	display: inline-block;
	padding: 0 2em 0 1.5em;
	border: solid 1px #666666;
	border-radius: 0.25em;
	line-height: 2.5em;
	height: 2.5em;
	user-select: none;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.v-filters-item-toggle:hover {
	border-color: #666666;
	background-color: #FFF;
	cursor: pointer;
	color: #000000;
}

.dropped .v-filters-item-toggle {
	background-color: #FFF;
}

.empty .v-filters-item-toggle {
	font-weight: normal;
	padding-right: 1.5em;
	border-color: #CCCCCC;
}

.empty .v-filters-item-toggle:not(:hover) {
	color: #333333;
}

.v-filters-item-remove {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	width: 1.5em;
	height: 1.5em;
	color: #000000;
	opacity: 0.25;
}

.v-filters-item-remove:hover {
	color: currentColor;
}

.v-filters-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em;
}

.v-filters-item-dropdown .vc-container {
	border-color: transparent;
	margin: 0 auto;
}

.v-filters-item-select-filter {
	margin-top: 0.5em;
	margin-bottom: 0.5em !important;
}

.v-filters-item-select-list {
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em 0;
	position: absolute;
	top: 3.5em;
	bottom: 4em;
	width: calc(100% - 1.5em);
}

.no-touch .v-filters-item-select-list {
	top: 3em;
}

.v-filters-item-select-filter + .v-filters-item-select-list {
	top: 6.5em;
}

.no-touch .v-filters-item-select-filter + .v-filters-item-select-list {
	top: 6em;
}

.v-filters-item-select-item .bt {
	display: block;
	border-left: solid 2px transparent;
}

.v-filters-item-select-item .lib {
	display: block;
	font-size: 1.25em;
	padding: 0.25em 0.5em;
}

.v-filters-item-select-item span.bt {
	color: #999999;
}

.v-filters-item-select-item a.bt:focus,
.v-filters-item-select-item a.bt:hover {
	background-color: #EEEEEE;
}

.v-filters-item-select-item.selected .bt {
	border-left-color: #222222;
	font-weight: 600;
}

.v-filters-item-calendar {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 3.5em;
	bottom: 4em;
	width: calc(100% - 1.5em);
}

.v-filters-item-calendar-col {
	position: relative;
}

.v-filters-item-calendar-col.disabled:after {
	content: '';
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

.v-filters-item-calendar-col:last-child {
	padding-top: 1.5em;
}

.v-filters-item-calendar-col:last-child:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	z-index: 1;
	border-width: 0.75em;
	border-style: solid;
	border-color: transparent #999 #999 transparent;
	transform: rotate(45deg);
	transform-origin: 0 0;
	margin-top: -2em;
}

.v-filters-others.disabled {
	opacity: 0.5;
}

.v-filters-others-toggle {
	display: inline-block;
	padding: 0 2em 0 1.5em;
	border: solid 1px #666666;
	border-radius: 0.25em;
	line-height: 2.5em;
	height: 2.5em;
	user-select: none;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.v-filters-others-toggle:before {
	margin-right: 0.25em;
}

.v-filters-others-toggle:hover {
	border-color: #666666;
	background-color: #FFF;
	cursor: pointer;
	color: #000000;
}

.dropped .v-filters-others-toggle {
	background-color: #FFF;
}

.empty .v-filters-others-toggle {
	font-weight: normal;
	padding-right: 1.5em;
	border-color: #CCCCCC;
}

.empty .v-filters-others-toggle:not(:hover) {
	color: #333333;
}

.v-filters-others-nb:before {
	content: ' (';
}

.v-filters-others-nb:after {
	content: ')';
}

.v-filters-others-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(38, 38, 38, 0.5);
	z-index: 9998;
}

.v-filters-others-dropdown-content {
	width: 100%;
}

.v-filters-dropdown-content-scrollable {
	max-height: calc(100vh - 7em);
	overflow-y: auto;
	overflow-x: hidden;
}

.v-filters-others-lists-item {
	position: relative;
}

.v-filters-lists-item-clear {
	position: absolute;
	top: 2.5em;
	right: 0.75em;
}

.v-filters-others-booleans,
.v-filters-others-lists-item-options {
	padding: 1.5em 0.75em 0;
}

.v-filters-others-booleans::after,
.v-filters-others-lists-item-options::after {
	clear: both;
	content: "";
	display: table;
}

.v-filters-others-lists-item-options.extandable {
	overflow: hidden;
	max-height: 500vh;
	transition: max-height 0.5s ease-in;
}

.v-filters-others-lists-item-options.extandable:not(.extanded) {
	max-height: 6.5em;
	transition-timing-function: ease-out;
}

.v-filters-others-booleans-item,
.v-filters-others-lists-item-option {
	display: block;
	white-space: nowrap;
	width: 100%;
	margin: 0 0 0.75em;
	padding: 0 0.75em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.v-filters-others-booleans-item-label,
.v-filters-others-lists-item-option-label {
	padding-left: 0.5em;
	user-select: none;
	cursor: pointer;
}

.v-filters-others-lists-item-label {
	display: block;
	padding: 3em 0.75em 0;
	font-weight: 600;
}

html.other-filters-opened,
html.other-filters-opened body {
	overflow: hidden;
}

.annoncesFilters {
	padding-top: 1.5em;
	text-align: center;
}

.annoncesFilters::after {
	clear: both;
	content: "";
	display: table;
}

.annoncesFilters-item {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}

.annoncesFilters-item.map-toggle {
	padding: 0 1.5em;
	border: solid 1px #CCCCCC;
	border-radius: 0.25em;
	line-height: 2.5em;
	height: 2.5em;
	margin: 0 auto;
	user-select: none;
	text-align: center;
}

.annoncesFilters-item.map-toggle:hover {
	border-color: #999999;
	cursor: pointer;
}

.annoncesFilters-item.map-toggle:before {
	margin-right: 0.25em;
}

.annoncesFilters-item.map-toggle {
	display: table;
	clear: both;
	float: none;
}

.annoncesFilters-item.map-toggle:before {
	font-size: 1.5em;
}

.annoncesFilters-openToday:not(.empty) .v-filters-item-toggle {
	background-color: #d3ecd3;
}

body.gdpb .v-filters-item-select-item.dept64 .lib:before,
body.gdpb .v-filters-item-select-item.dept1 .lib:before,
body.gdpb .v-filters-item-select-item.dept48 .lib:before,
body.gdpb .v-filters-item-select-item.dept20 .lib:before,
body.gdpb .v-filters-item-select-item.dept31 .lib:before {
	content: '';
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	border: solid 1px #FFF;
	border-radius: 50%;
	margin-right: 0.25em;
}

body.gdpb .v-filters-item-select-item.dept64 .lib:before {
	background-color: #222222;
}

body.gdpb .v-filters-item-select-item.dept1 .lib:before,
body.gdpb .v-filters-item-select-item.dept48 .lib:before,
body.gdpb .v-filters-item-select-item.dept20 .lib:before,
body.gdpb .v-filters-item-select-item.dept31 .lib:before {
	background-color: #9e2d2d;
}

.v-map {
	overflow: hidden;
}

.v-map-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #999;
}

.v-map-info {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 0;
	background-color: #FFF;
}

.v-map-info-close {
	position: absolute;
	z-index: 2;
	font-size: 1rem;
	top: 0.75em;
	right: 0;
	height: 2em;
	width: 2em;
	line-height: 2em;
	background: #FFF;
	color: #000;
	text-align: center;
}

.v-map-info-close .lib {
	display: none;
}

.v-map-info-close:hover {
	background-color: #EEE;
}

.v-map-map {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.v-map-map.leaflet {
	z-index: -1;
}

.v-map-map.leaflet.leaflet-container {
	z-index: auto;
}

.v-map-cluster {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #FFF;
	text-align: center;
	font-family: "open sans", arial;
	font-size: 0.9rem;
	line-height: 1.8rem;
	font-weight: normal;
}

.v-map-cluster.cluster-1 {
	background-image: url("../../../scripts/v-map/images/v-map_cluster_1.png");
	width: 28px;
	height: 41px;
}

.v-map-cluster.cluster-2 {
	background-image: url("../../../scripts/v-map/images/v-map_cluster_2.png");
	width: 32px;
	height: 46px;
	line-height: 2rem;
}

.v-map-cluster.cluster-3 {
	background-image: url("../../../scripts/v-map/images/v-map_cluster_3.png");
	width: 38px;
	height: 57px;
	line-height: 2.6rem;
}

.v-map-info {
	transition-property: height, width;
	width: 100%;
	height: 0;
}

.v-map.showInfo .v-map-container {
	bottom: 40%;
}

.v-map.showInfo .v-map-info {
	height: 40%;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);
}

.leaflet-marker-icon .icon {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.leaflet-marker-icon.marker-standard .icon {
	background-image: url("../../../scripts/v-map/images/v-map_icon.png");
	width: 28px;
	height: 41px;
}

.leaflet-marker-icon.marker-select .icon {
	background-image: url("../../../scripts/v-map/images/v-map_selectIcon.png");
	width: 56px;
	height: 82px;
}

.leaflet-marker-icon.marker-first .icon {
	background-image: url("../../../images/config/gmap_firstIcon.png");
	width: 28px;
	height: 41px;
}

.leaflet-marker-icon.marker-free .icon {
	width: 18px;
	height: 18px;
	background-color: #666666;
	border-radius: 50%;
	border: solid 2px #FFF;
	box-shadow: 0 0 4px;
	transition: background-color 0.25s;
}

.leaflet-marker-icon.marker-free .icon:hover {
	background-color: #000000;
}

.leaflet-marker-icon.marker-free .icon:before {
	content: '';
	display: block;
	background-color: #FFF;
	width: 6px;
	height: 6px;
	margin: 4px;
	border-radius: 50%;
}

.v-side-map {
	opacity: 0;
}

.v-side-map:not(.active) {
	height: 0;
	overflow: hidden;
}

.v-side-map.active {
	transition: opacity 0.25s linear;
	opacity: 1;
	position: fixed;
	z-index: 39;
	height: 100vh;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.v-side-map .v-map {
	position: relative;
	height: 100vh;
}

.v-side-map .v-map-info,
.v-side-map .v-map-container {
	transition-timing-function: ease-in-out;
	transition-duration: 0.25s;
	z-index: 37;
}

.v-side-map .v-map-container {
	transition-property: bottom, left;
}

.header-is-sticky .v-side-map .v-map-container {
	top: 3em;
	transition-property: bottom, left, top;
}

.v-side-map-close {
	position: absolute;
	z-index: 39;
	padding: 0 17px;
	background-color: #FFF;
	border-radius: 2px;
	line-height: 2.5em;
	height: 2.5em;
	width: 2.5em;
	user-select: none;
	text-align: center;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	top: 10px;
	right: 10px;
}

.v-side-map-close:hover {
	border-color: #999999;
	cursor: pointer;
}

.v-side-map-close:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.header-is-sticky .v-side-map-close {
	top: 3.5em;
	transition: top 0.5s ease-in-out;
}

.v-side-map-close .lib {
	display: none;
}

/*///////////////////////////////////////////////////////////*/

/*//////////////////////// NAVIG BARRE //////////////////////*/

/*///////////////////////////////////////////////////////////*/

.navigBarre { /*float: right;*/
	height: 2rem;
	font-size: 1rem;
	overflow: hidden;
	padding: 0.5rem;
	display: table;
	margin: 0 auto;
}

.navigBarre img {
	float: left;
}

.navigBarre a,
.navigBarre span {
	display: block;
	float: left;
	font-size: 1em;
	width: 2em;
	height: 2em;
	line-height: 1.8em;
	text-align: center;
	margin: 0 1px 1px 1px;
	background-color: #EEE;
}

.touch .navigBarre a,
.touch
    .navigBarre span {
	font-size: 1.5em; /*			width:3em;
			height:3em;
			line-height:2.8em;*/
}

.navigBarre a {
	border: solid 1px #262626;
	color: #262626;
	text-decoration: none;
}

.navigBarre a:focus,
.navigBarre a:hover {
	border: solid 1px #222222;
	background-color: #222222;
	color: #FFF;
}

.navigBarre span.num {
	border: solid 1px #262626;
	color: #FFF;
	background-color: #262626;
}

.navigBarre span.first,
.navigBarre span.back,
.navigBarre span.next,
.navigBarre span.last,
.navigBarre span.apres,
.navigBarre span.avant {
	border: solid 1px #BBB;
	color: #BBB;
	text-decoration: none;
}

.navigBarre span.apres,
.navigBarre span.avant {
	border-color: rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 0.25);
	background-color: transparent;
	line-height: 1.3em;
}

.navigBarre .first,
.navigBarre .back,
.navigBarre .next,
.navigBarre .last {
	display: block;
	text-indent: -9999px;
	outline: none;
	position: relative;
}

.navigBarre .first:before,
.navigBarre .back:before,
.navigBarre .next:before,
.navigBarre .last:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-indent: 0;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 0.85em;
	text-align: center;
}

.navigBarre .first:before {
	content: '\00ab';
}

.navigBarre .back:before {
	content: '\2039';
}

.navigBarre .next:before {
	content: '\203A';
}

.navigBarre .last:before {
	content: '\00bb';
}

.navigBarre a.num,
.navigBarre span.apres,
.navigBarre span.avant {
	display: none;
}

.annonceList {
	position: relative;
	padding: 0.75em;
}

.annonceList .navigBarre {
	clear: both;
}

.annonceList .content-banniere {
	margin-bottom: 4rem;
}

.annonceList .annonceList-banner {
	position: relative;
	width: 100%;
	clear: both;
	padding: 0.375em;
}

.annonceList .annonceList-banner .banniere {
	margin: 0 !important;
}

.annonce {
	position: relative;
	width: 100%;
	padding: 0.375em;
}

.annonce-container {
	position: relative;
	background-color: #FFF;
	font-size: 3.4vw;
	overflow: hidden;
}

.annonce-container:before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 46%;
}

.free.noPhoto .annonce-container {
	background-color: #f8f8f8;
	box-shadow: inset 0 0 64px 0 rgba(0, 0, 0, 0.15);
}

.annonce-img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	transition: height 0.5s ease-in-out, background-position 0.4s ease-in-out;
	background-repeat: no-repeat;
	background-position: center 40%;
}

.annonce-img .annonce.free.noPhoto {
	display: none;
}

.annonce-img img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: filter 0.5s linear, transform 0.5s ease-in-out;
}

.annonce-img img.loading {
	filter: blur(10px);
}

html.backgroundblendmode .annonce.defaultThumbnail .annonce-img:before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	height: 100%;
	background: #222222;
	mix-blend-mode: color;
	opacity: 0.65;
}

.annonce-img:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
	z-index: 2;
	border-bottom: 3px solid #222222;
}

.annonce.noPhoto .annonce-img:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(211, 211, 211, 0.75) 50%, rgba(197, 197, 197, 0.75) 100%);
}

.annonce-title {
	position: absolute;
	z-index: 2;
	bottom: 15%;
	left: 0;
	width: 100%;
	padding: 0 1.5em;
	text-align: center;
	min-height: 3.5em;
}

.annonce-title .lib {
	display: block;
	font-family: 'bebas-neue';
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.25;
	overflow: hidden;
	color: #FFF;
	text-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), -1px 0px 3px rgba(0, 0, 0, 0.1), -1px 1px 3px rgba(0, 0, 0, 0.1), 0px -1px 3px rgba(0, 0, 0, 0.1), 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1), 1px -1px 3px rgba(0, 0, 0, 0.1), 1px 0px 3px rgba(0, 0, 0, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.annonce-title .etoiles {
	margin: -0.25em auto 0.25em;
}

.annonce-title .etoiles {
	display: block;
	font-size: 1.5em;
	height: 1em;
	text-indent: -9999px;
	background-image: url("../images/star.svg");
	background-repeat: repeat-x;
	background-size: 1em 2em;
	text-align: left;
	background-position: 0 -1em;
	width: 0;
}

.annonce-title .etoiles.nb1 {
	width: 1em;
}

.annonce-title .etoiles.nb2 {
	width: 2em;
}

.annonce-title .etoiles.nb3 {
	width: 3em;
}

.annonce-title .etoiles.nb4 {
	width: 4em;
}

.annonce-title .etoiles.nb5 {
	width: 5em;
}

.annonce-title .subtitle {
	display: table;
	font-family: 'athelas';
	font-style: italic;
	padding: 0.25em 0.5em;
	font-size: 1.1em;
	line-height: 1.25;
	text-align: center;
	border-top: solid 1px #FFF;
	color: #FFF !important;
	text-shadow: 0 0 0.5em rgba(34, 34, 34, 0.9);
	margin: 0 auto;
	max-width: 80%;
}

.noPhoto .annonce-title .lib {
	text-shadow: none;
	color: #666666;
}

.noPhoto .annonce-title .subtitle {
	color: #666666 !important;
	border-top-color: #666666;
	text-shadow: none;
}

.noPhoto .annonce-title .etoiles {
	background-position: 0 0;
}

.annonce-city {
	position: absolute;
	z-index: 2;
	top: 1em;
	left: 0;
	font-size: 1.25em;
	height: 1.5em;
	line-height: 1.5em;
	font-family: 'athelas';
	font-style: italic;
	padding: 0 0.75em 0 1.5em;
	color: #FFF;
	background-color: #222222;
}

.annonce-city .icon-distance {
	font-size: 0.8em;
	background: #FFF;
	color: #222222;
	display: inline-block;
	line-height: 1;
	padding: 0.15em 0.25em;
	border-radius: 0.25em;
	margin-left: 0.25em;
	vertical-align: text-top;
}

.annonce-city .icon-distance::before {
	margin-right: 0.25em;
}

.annonce-resume:before,
.annonce-resume:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 4%;
	left: 4%;
	right: 4%;
	height: calc(92% - 2px);
	border-style: solid;
	border-color: #FFF;
	border-width: 0;
	transition-timing-function: ease-in-out;
	transition-duration: 0.5s;
	transition-property: transform , height;
}

.annonce-resume:before {
	border-top-width: 2px;
	border-bottom-width: 2px;
	transform: scaleX(0);
}

.annonce-resume:after {
	border-left-width: 2px;
	border-right-width: 2px;
	transform: scaleY(0);
}

.annonce-overview {
	position: absolute;
	width: 100%;
	left: 0;
	top: 71%;
	bottom: 0;
	padding: 0 1.5em;
	display: none;
	font-size: 0.9em;
}

.annonce-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	overflow: hidden;
}

.annonce-link > .lib {
	display: block;
	text-indent: -9999px;
}

.annonce-link:focus ~ .annonce-resume:before,
.annonce-link:focus ~ .annonce-resume:after,
.annonce-link:hover ~ .annonce-resume:before,
.annonce-link:hover ~ .annonce-resume:after {
	transform: none;
}

.annonce-link:focus ~ .annonce-img,
.annonce-link:hover ~ .annonce-img {
	background-position: center 20%;
}

.annonce-link:focus ~ .annonce-img img,
.annonce-link:hover ~ .annonce-img img {
	transform: translate(-50%, -50%) scale(1.1);
}

.bouton.floating.annonce-bt-loc {
	display: none;
}

/* ///////// CHOIX DU GUIDE //////// */

.annonce.choixGuide:before {
	position: absolute;
	content: '';
	z-index: 3;
	top: -0.25em;
	right: -0.25em;
	color: #222222;
	width: 14%;
	height: 0;
	padding-bottom: 18.3%;
	background-image: url("../../../images/config/badge.svg");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.annonce.choixGuide .annonce-img:after {
	border: solid 6px #222222;
}

.annonce.choixGuide .annonce-title .choix-du-guide {
	position: absolute;
	white-space: nowrap;
	left: 50%;
	bottom: -1.5em;
	transform: translateX(-50%);
	font-family: 'bebas-neue';
	font-weight: normal;
	font-size: 2em;
	line-height: 1.25;
	color: #FFF;
}

.annonce.choixGuide .annonce-title .choix-du-guide:after,
.annonce.choixGuide .annonce-title .choix-du-guide:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #222222;
	top: calc(50% - 3px);
}

.annonce.choixGuide .annonce-title .choix-du-guide:before {
	content: '';
	right: calc(100% + 0.5em);
}

.annonce.choixGuide .annonce-title .choix-du-guide:after {
	content: '';
	left: calc(100% + 0.5em);
}

.annonces-map .v-map-info-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.annonces-map .v-map-info-content .img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}

.annonces-map .v-map-info-content .img ~ .details {
	width: 50%;
}

.annonces-map .v-map-info-content .img ~ .details .link {
	position: absolute;
	bottom: 1em;
	width: calc(100% - 2em);
}

.annonces-map .v-map-info-content .details {
	font-size: 0.9em;
	padding: 1em;
	width: auto;
}

.annonces-map .v-map-info-content .libelle {
	font-family: 'athelas';
	font-size: 1.563em;
	line-height: 1.1;
	margin-bottom: 0.5em;
}

.annonces-map .v-map-info-content .libelle a {
	color: #000;
	text-decoration: none;
}

.annonces-map .v-map-info-content .libelle a:hover {
	text-decoration: underline;
	color: #222222;
}

.annonces-map .v-map-info-content .sousTitre {
	display: table;
	font-family: 'athelas';
	font-style: italic;
	font-size: 1.25em;
	border-top: solid 1px;
	margin: -0.25em 0 0.5em;
	line-height: 1.25;
	padding: 0.25em 0;
}

.annonces-map .v-map-info-content .link {
	position: relative;
	display: block;
	margin-top: 1.5em;
	padding: 0 1.5em;
	text-align: right;
}

.annonces-map .v-map-info-content .link:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #CCCCCC;
}

.annonces-map .v-map-info-content .link .lib {
	position: relative;
	display: inline-block;
	background-color: #FFF;
	border: solid 1px #CCCCCC;
	font-family: 'athelas';
	font-size: 1.25em;
	font-style: italic;
	color: #262626;
	padding: 0 0.5em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {

.v-map-cluster.cluster-1 {
	background-image: url("../../../scripts/v-map/images/v-map_cluster_1@2x.png");
	background-size: 28px 41px;
}

.v-map-cluster.cluster-2 {
	background-image: url("../../../scripts/v-map/images/v-map_cluster_2@2x.png");
	background-size: 32px 46px;
}

.v-map-cluster.cluster-3 {
	background-image: url("../../../scripts/v-map/images/v-map_cluster_3@2x.png");
	background-size: 38px 57px;
}

.leaflet-marker-icon.marker-standard .icon {
	background-image: url("../../../scripts/v-map/images/v-map_icon@2x.png");
	background-size: 28px 41px;
}

.leaflet-marker-icon.marker-select .icon {
	background-image: url("../../../scripts/v-map/images/v-map_selectIcon@2x.png");
	background-size: 56px 82px;
}

.leaflet-marker-icon.marker-first .icon {
	background-image: url("../../../images/config/gmap_firstIcon@2x.png");
	background-size: 28px 41px;
}

}

@media only print, only screen and (min-width: 30.063em) and (min-aspect-ratio: 1 / 1) {

.v-map-info {
	width: 0;
	height: 100%;
}

.v-map.showInfo .v-map-container {
	bottom: 0;
	left: 40%;
}

.v-map.showInfo .v-map-info {
	height: 100%;
	width: 40%;
}

.header-is-sticky .v-side-map .v-map-info {
	height: calc(100% - 3em);
}

.header-is-sticky .v-side-map .v-map.showInfo .v-map-info {
	height: calc(100% - 3em);
}

.annonces-map .v-map-info-content .img {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.annonces-map .v-map-info-content .img:before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 66.667%;
}

.annonces-map .v-map-info-content .img ~ .details {
	width: auto;
}

.annonces-map .v-map-info-content .img ~ .details .libelle:before {
	display: none;
}

.annonces-map .v-map-info-content .img ~ .details .link {
	position: relative;
	bottom: auto;
	width: auto;
}

.annonces-map .v-map-info-content .libelle:before {
	content: '';
	float: right;
	display: block;
	height: 1.25em;
	width: 1.25em;
	background: transparent;
}

}

@media only print, only screen and (min-width: 30.063em) {

.annonce {
	width: 50%;
	float: left;
}

.annonce-container {
	font-size: 2vw;
}

.annonce-container:before {
	padding-bottom: 100%;
}

.annonce.noPhoto .annonce-img:after {
	background: linear-gradient(to bottom, rgba(10, 10, 10, 0.07) 0%, rgba(17, 17, 17, 0.07) 50%, rgba(17, 17, 17, 0.25) 100%);
}

.annonce-title {
	transition: bottom 0.5s ease-in-out;
	bottom: 20%;
}

.annonce-city {
	top: 1.5em;
}

.annonce-overview {
	display: block;
}

.annonce-link:focus ~ .annonce-title,
.annonce-link:hover ~ .annonce-title {
	bottom: 43%;
}

.annonce:not(.free) .annonce-link:focus ~ .annonce-img,
.annonce:not(.free) .annonce-link:hover ~ .annonce-img {
	height: 66.6667%;
	background-position: center 33%;
}

.annonce:not(.free) .annonce-link:focus ~ .annonce-resume:before,
.annonce:not(.free) .annonce-link:focus ~ .annonce-resume:after,
.annonce:not(.free) .annonce-link:hover ~ .annonce-resume:before,
.annonce:not(.free) .annonce-link:hover ~ .annonce-resume:after {
	height: calc(58.66667% - 2px);
}

.annonce .annonce-link:focus ~ .annonce-img,
.annonce .annonce-link:hover ~ .annonce-img {
	background-position: center 20%;
}

.annonce.choixGuide:before {
	top: -0.5em;
}

.annonce.choixGuide .annonce-link:focus ~ .annonce-title,
.annonce.choixGuide .annonce-link:hover ~ .annonce-title {
	bottom: 53%;
}

}

@media only print, only screen and (min-width: 48.063em) {

.v-filters-dropdown-footer {
	position: relative;
}

.v-filters-item-dropdown {
	position: absolute;
	top: calc(100% + 0.5em);
	right: auto;
	bottom: auto;
	left: auto;
	height: auto;
	border: solid 1px #CCCCCC;
	border-radius: 0.25em;
	min-width: 20em;
	z-index: 99;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

.v-filters-item-select-filter {
	margin-top: 0;
}

.v-filters-item-select-list {
	max-height: 20em !important;
	position: static;
	width: auto;
	top: auto;
	bottom: auto;
}

.v-filters-item-select-filter + .v-filters-item-select-list,
.no-touch .v-filters-item-select-filter + .v-filters-item-select-list {
	top: auto;
}

.v-filters-item-select-item .lib {
	font-size: 1em;
}

.v-filters-item-calendar {
	min-width: 564px;
	position: static;
	width: auto;
	top: auto;
	bottom: auto;
}

.v-filters-item-calendar::after {
	clear: both;
	content: "";
	display: table;
}

.v-filters-item-calendar-col {
	float: left;
}

.v-filters-item-calendar-col:last-child {
	padding-top: 0;
	padding-left: 3em;
}

.v-filters-item-calendar-col:last-child:before {
	left: 0;
	top: 50%;
	transform: rotate(-45deg);
	margin-top: 0;
}

.v-filters-others-dropdown {
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	border: solid 1px #CCCCCC;
	border-radius: 0.25em;
	width: 48em;
	max-width: 90%;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

.v-filters-dropdown-content-scrollable {
	max-height: calc(90vh - 7em);
}

.v-filters-others-booleans-item,
.v-filters-others-lists-item-option {
	width: 50%;
	float: left;
}

.annoncesFilters-item {
	float: left;
}

.annoncesFilters-item.map-toggle {
	clear: none;
	margin: 0 0.5em 0.5em 0;
	float: right;
}

.v-map-info {
	width: 100%;
	height: 0;
}

.v-map.showInfo .v-map-container {
	left: 0;
	bottom: 12em;
}

.v-map.showInfo .v-map-info {
	width: 100%;
	height: 12em;
}

.v-side-map .v-map {
	border-left: solid 2px #CCCCCC;
}

.header-is-sticky .v-side-map .v-map-info {
	height: 0;
}

.header-is-sticky .v-side-map .v-map.showInfo .v-map-info {
	height: 12em;
}

.v-side-map.active {
	position: relative;
	float: right;
	top: auto;
	bottom: auto;
	left: auto;
	right: 0;
	height: auto;
	width: calc(100% - 54em);
	min-width: 60%;
}

.header-is-sticky .v-side-map.active {
	padding-top: 0;
}

.v-side-map.active ~ .row {
	width: 40%;
	max-width: 54em;
	margin: 0;
}

.v-side-map.active ~ .row:before,
.v-side-map.active ~ .row:after {
	clear: left;
}

.v-side-map.active ~ .row .content-header .richContent,
.v-side-map.active ~ .row .aside2 {
	display: none;
}

.v-side-map.active ~ .row .content {
	width: 100% !important;
}

.v-side-map-close {
	width: auto;
}

.v-side-map-close:before {
	position: relative;
	transform: none;
	margin-right: 0.25em;
	left: auto;
	top: auto;
}

.v-side-map-close .lib {
	display: inline-block;
}

.navigBarre a.num,
.navigBarre span.apres,
.navigBarre span.avant {
	display: block;
}

.annonceList .content-banniere {
	margin-bottom: 2rem;
}

.annonce-container {
	font-size: 1.333vw;
}

.v-side-map.active ~ .row .annonce {
	width: 100%;
	float: none;
}

.v-side-map.active ~ .row .annonce-container {
	font-size: 1.667vw;
}

.v-side-map.active ~ .row .annonceList .annonceList-banner {
	float: none;
}

.v-side-map.active ~ .row .annoncesFilters-item.map-toggle,
.v-side-map.active ~ .row .countBarre,
.v-side-map.active ~ .row .annonceList-title {
	display: none;
}

.v-side-map.active ~ .row .navigBarre a.num,
.v-side-map.active ~ .row .navigBarre span.apres,
.v-side-map.active ~ .row .navigBarre span.avant {
	display: none;
}

.annonces-map .v-map-info-content .img {
	position: absolute;
	width: 50%;
	height: 100%;
}

.annonces-map .v-map-info-content .img:before {
	display: none;
}

.annonces-map .v-map-info-content .img ~ .details {
	width: 50%;
}

.annonces-map .v-map-info-content .img ~ .details .link {
	position: absolute;
	bottom: 1em;
	width: calc(100% - 2em);
}

.annonces-map .v-map-info-content .libelle:before {
	display: none;
}

.v-side-map.active ~ .row .bouton.floating.annonce-bt-loc {
	display: block;
	position: absolute;
	top: 0.5em;
	right: -64px;
	z-index: 3;
	transition: right 0.25s ease-in-out;
	font-size: 1em;
}

.v-side-map.active ~ .row .bouton.floating.annonce-bt-loc:before {
	font-size: 2em;
}

.touch .v-side-map.active ~ .row .bouton.floating.annonce-bt-loc,
.v-side-map.active ~ .row .annonce:hover .bouton.floating.annonce-bt-loc {
	right: 0.5em;
}

}

@media only print, only screen and (min-width: 60.063em) {

.v-map.showInfo .v-map-container {
	bottom: 14em;
}

.v-map.showInfo .v-map-info {
	height: 14em;
}

.header-is-sticky .v-side-map .v-map.showInfo .v-map-info {
	height: 14em;
}

.v-side-map.active ~ .row .annonce-container {
	font-size: 1.333vw;
}

.annonces-map .v-map-info-content .infobulle-content::after {
	clear: both;
	content: "";
	display: table;
}

}

@media only print, only screen and (min-width: 75.063em) {

.annonceList .annonceList-banner {
	clear: none;
	float: left;
	width: 66.6667%;
	padding: 0;
}

.annonceList .annonceList-banner:before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

.annonceList .annonceList-banner .banniere {
	position: absolute;
	top: 0.375em;
	right: 0.375em;
	bottom: 0.375em;
	left: 0.375em;
}

.annonceList .annonceList-banner .banniere:not(.old) .bt > img {
	height: 100%;
}

.annonce {
	width: 33.3333%;
}

.annonce-container {
	font-size: 1vw;
}

.annonce.choixGuide:before {
	top: -0.75em;
}

.v-side-map.active ~ .row .annonce {
	width: 50%;
	float: left;
}

.v-side-map.active ~ .row .annonce-container {
	font-size: 0.85vw;
}

.v-side-map.active ~ .row .annonceList .annonceList-banner {
	float: left;
	width: 100%;
}

}

@media only print, only screen and (min-width: 100.063em) {

.annonceList .annonceList-banner .banniere {
	position: absolute;
	top: 0.75em;
	right: 0.75em;
	bottom: 0.75em;
	left: 0.75em;
}

.annonce {
	padding: 0.75em;
}

.annonce-container {
	font-size: 1em;
}

.v-side-map.active ~ .row .navigBarre a.num,
.v-side-map.active ~ .row .navigBarre span.apres,
.v-side-map.active ~ .row .navigBarre span.avant {
	display: block;
}

}

@media only print, only screen and (min-width: 120.063em) {

.v-side-map.active ~ .row .annonce-container {
	font-size: 1em;
}

}

@media only print, only screen and (max-width: 30em) {

.annonce.choixGuide .annonce-container:before {
	padding-bottom: 60%;
}

.annonce.choixGuide .annonce-img img {
	transform: translate(-50%, -50%) scale(1.25);
}

.annonce.choixGuide .annonce-img:before {
	height: 75%;
}

.annonce.choixGuide .annonce-title {
	bottom: 33.333%;
}

.annonce.choixGuide .annonce-link:focus ~ .annonce-img img,
.annonce.choixGuide .annonce-link:hover ~ .annonce-img img {
	transform: translate(-50%, -50%) scale(1.375);
}

}

