/* ------- Map monde ------*/

.map {
	height: auto;
	width:100%;
	background-image:url(../img/slide9.jpg);
	background-size:cover;
	background-color: #fefcf7;
}

.map-inner {
	box-sizing: border-box;
	position: relative;
	top: 40px;
	width: 1300px;
	height: 860px;
	margin: 0 auto;
	padding:0;
	border: none;
	overflow: visible;
	background: url(../img/map-monde.png) center no-repeat;
	font-size:12px;
	line-height: 1;
}

.map-monde * {
	box-sizing: border-box;
}

.map-monde > img {
	width: 1920px;
	height:920px;
}

.map-monde ul {
	padding: 0;
	margin: 0;
}

.map-monde li {
	list-style: none;
}

.map-monde .cursor {
	position: absolute;
	background: transparent url(../img/pointeur-vide.png) no-repeat center center;
	background-size: contain;
	width: 37px;
	height: 53px;
}

.map-monde .cursor.withnb {
	background-image: url(../img/pointeur-plein.png);
}

.map-monde .cursor > ul {
	display:none;
	list-style: none;
	width:auto;
	min-width:250px;
	background-color: #fff;
	margin: 40px 0 0;
	z-index:3;
	padding:0 0 0.8em;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(120,120,120,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(120,120,120,1);
	box-shadow: 5px 5px 5px 0px rgba(120,120,120,1);
}

.map-monde li.country {
	color: #2c2c2c;
	background-color: #f1f1f1;
	padding: 0.8em 0.6em;
	font-size: 1.5em;
}

.map-monde li.map-centre {
	color: #686868;
	padding: 0.8em 0.6em;
	font-size: 1.3em;
	border-bottom: dashed 1px;
	position: relative;
}

.map-monde li.map-centre:last-child {
	border:none;
}

.map-monde li.map-centre > i {
	float:right;
}

.map-monde .cursor:hover {
	cursor:pointer;
	z-index: 2;
}

.cursor.withnb::after {
	content: attr(data-nb_centres);
	position: absolute;
	color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	top: 10px;
	left: 15px;
}

.cursor.croisieres-naturistes {
	background-image: url(../img/pointeur-croisiere.png) !important;
}

.cursor.croisieres-naturistes::after {
	content: "";
}

.map-monde .cursor.selected {
	z-index: 2;
}

.map-monde .cursor.selected ul {
	display:block;
}

.map-monde .cursor.afriquedusud { top:588px; left:674px; }
.map-monde .cursor.antilles { top:400px; left:330px; }
.map-monde .cursor.bali { top:500px; left:1000px; }
.map-monde .cursor.belgique { top:270px; left:610px; }
.map-monde .cursor.corse { top:320px; left:625px; }
.map-monde .cursor.cuba { top:397px; left:307px; }
.map-monde .cursor.espagne { top:325px; left:570px; }
.map-monde .cursor.floride { top:370px; left:295px; }
.map-monde .cursor.france { top:289px; left:590px; }
.map-monde .cursor.iles-canaries { top:370px; left:535px; }
.map-monde .cursor.italie { top:325px; left:655px; }
.map-monde .cursor.mexique { top:400px; left:230px; }
.map-monde .cursor.thailande { top:415px; left:950px; }
.map-monde .cursor.cap-agde-naturisme { top:303px; left:606px; }
.map-monde .cursor.croisieres-naturistes { top:420px; left:285px; }
.map-monde .cursor.panama { top:440px; left:305px; }

.map-monde .map-centre-box {
	display:none;
	width: 500px;
	position: absolute;
	bottom: -10px;
	left:100%;
	border-left:solid 1em transparent;
	z-index: 1;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(120,120,120,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(120,120,120,1);
	box-shadow: 5px 5px 5px 0px rgba(120,120,120,1);
}

/*
 * Ces pays sont trop sur la droite de la carte et les box sortent de l'écran
 * Donc faire apparaitre la box sur la gauche
 */
.map-monde .bali .map-centre-box,
.map-monde .thailande .map-centre-box {
	left:auto;
	right:100%;
	border-left: none;
	border-right: solid 1em transparent;
	-webkit-box-shadow: -5px 5px 5px 0px rgba(120,120,120,1);
	-moz-box-shadow: -5px 5px 5px 0px rgba(120,120,120,1);
	box-shadow: -5px 5px 5px 0px rgba(120,120,120,1);
}

.map-monde .map-centre-title {
	position: relative;
	background-color: #f1f1f1;
	padding: 0.7em 0.8em;
	line-height:1.2;
}

.map-monde .map-centre-title .listing-box-rating {
	display:block;
	position: static;
}

.map-monde .map-centre-title .close-box {
	position: absolute;
	right: 0.8em;
	top: 1em;
	font-size: 11px;
	color: #c2c2c2;
}

.map-monde .map-centre-details {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	background-color: #fff;
	overflow: hidden;
}

.map-monde .map-centre-details > img {
	flex: 1 1 auto;
	order: 1;
	width: 250px;
	height: 200px;
	z-index: 1;
}

.map-monde .map-centre-details > div {
	flex: 1 0 auto;
	order: 2;
	width: 250px;
	height: 200px;
	z-index: 2;
}

.map-monde .map-centre-details p {
	color:#323232;
	font-size: 1em;
	padding: 1em;
	height: 170px;
	margin:0;
}

.map-monde .map-centre-details p.plus {
	background-color: #f6f6f6;
	padding: 0.2em 1em;
	margin: 0;
	height: 30px;
	text-align: right;
	font-size: 0.9em;
}


/*
 * Optimiser l'affichage si la fenêtre fait moins de 1500px
 */
@media (min-width: 1200px) and (max-width: 1400px) {
	.map-monde .france > ul,
	.map-monde .iles-canaries > ul {
		position:relative;
		right:190px;
	}
	
	.map-monde .italie .map-centre-box,
	.map-monde .corse .map-centre-box {
		left:auto;
		right:100%;
		border-left: none;
		border-right: solid 1em transparent;
		-webkit-box-shadow: -5px 5px 5px 0px rgba(120,120,120,1);
		-moz-box-shadow: -5px 5px 5px 0px rgba(120,120,120,1);
		box-shadow: -5px 5px 5px 0px rgba(120,120,120,1);
	}
}

@media (min-width: 1401px) and (max-width: 1550px) {
	.map-monde .italie > ul,
	.map-monde .corse > ul {
		position:relative;
		right:90px;
	}
}