@media all and (min-width : 481px)  {

div#screen {
	display : none;
}


/*********************************** MAP ***********************************/

div#map_container {
	position : fixed;
	z-index : 50;
}

div#map {
	position : fixed;
	top : 4vw;
	width : 100vw;
}

		.leaflet-pane {
			z-index : 10;
		}

		.leaflet-control, .leaflet-top, .leaflet-bottom {
			z-index : 20;
		}


div#param {
	position : fixed;
	z-index : 50;
	top : 5vw;
	left : 1vw;  
	width : 25vw;
	height : 9.2vw;
	padding : 1vw;
	border-radius : 1.5vw;
	background-color : rgb(var(--main-color));
}

input#address, input#distance {
	border-top : none;
	border-left : none;
	border-right : none;
	border : none;
	background-color : transparent;	
	height : 1.5vw;
	width : 15vw;
	margin-bottom : 0.5vw;
	font-size : calc(var(--font-size) * 0.8);
	color : rgb(200, 200, 200);
}

		::placeholder { color : rgb(100, 100, 100) }			/* Chrome, Firefox, Opera, Safari 10.1+ */
		:-ms-input-placeholder { color : rgb(100, 100, 100) }	/* Internet Explorer 10-11 */
		::-ms-input-placeholder { color : rgb(100, 100, 100) }	/* Microsoft Edge */

a.action {
	display : inline;
}

a#seek_address {
	display : inline-block;
	margin-top : 1vw;
	margin-left : 1vw;
}

a#switch_list {
	display : inline-block;
	margin-top : 1vw;
	margin-left : 1vw;
}

a#location_number {
	padding-left : 4vw;
	font-size : calc(var(--font-size) * 0.8);
}

a.zoom {
	position : fixed;
	z-index : 50;
	right : 1vw;
	width : 1.5vw;
	height : 1.5vw;
	color : white;
	background-color : rgb(var(--main-color));
}

a#zoom_france { top : 3vw; }
a#zoom_in { top : 5.75vw; }
a#zoom_out { top : 8.5vw; }
a#zoom_paris { top : 11.25vw; }

		img.zoom {
			position : absolute;
			top : 0vw;
			left : 0vw;
			width : 2.5vw;
			opacity : 0.7;
		}

		img.zoom:hover {
			opacity : 1;
		}


/*************************************** EVENT **************************************/

div#event {
	display : none;
	position : relative;
	/*z-index : 50;*/
	width : 100vw;
	bottom : 3vw;
	/*min-height : 100vh;*/
	background-color : rgb(var(--main-color));
}

img#background {
	position : relative;
	top : -2vw;
	width : 100vw;
}

/*h1.screen_title {
    margin-top : 3vw;
}

div.screen_title {
	margin-top : -2.5vw;
}*/

img#switch_map {
	position : absolute;
	top : 6vw;
	left : 2.5vw;
	width : 20vw;
	opacity : 0.6;
}

		img#switch_map.centered {
			position : absolute;
			top : 30vw;
			left : 25vw;
			width : 20vw;
			opacity : 0.6;
		}

img#switch_date {
	position : absolute;
	top : 12vw;
	right : 2.5vw;
	width : 20vw;
	opacity : 0.6;
}

		img#switch_date.centered {
			position : absolute;
			top : 30vw;
			left : 55vw;
			width : 20vw;
			opacity : 0.6;
		}

section#query_area {
	position : relative;
	z-index : 2;
	display : block;
	width : 20vw;
	left : 50vw;
	margin-left : -10vw;
	margin-bottom : -8vw;
}

a#query_text {
	display : block;
	text-align : center;
	width : 30vw;
	margin-left : -5vw;
	margin-bottom : 2vw;
	font-size : calc(var(--font-size) * 1.2);
}

input#query {
	position : relative;
	background-color : transparent;
	border-top : none;
	border-left : none;
	border-right : none;
	border-bottom-color : rgba(var(--font-color), 0.5);	
	height : 1.5vw;
	margin-left : auto;
	margin-right : auto;
	padding-left : 0vw;
	width : 20vw;
	color : rgb(var(--font-color));
	font-size : calc(var(--font-size) * 0.8);
}

::placeholder {
    color : rgba(var(--font-color), 0.5);
}

a#validate_button {
	display : block;
	text-align : center;
	margin-top : 3vw;
	margin-bottom : 2vw;
	/*font-size : calc(var(--font-size) * 1.2);*/
}

a.thumbnail_title {
	margin-left : 5vw;
	font-size : calc(var(--font-size) * 1.6);
}

a.warning_message {
	display : none;
	text-align : center;
	margin-top : -5vw;
	margin-bottom : 4vw;
	/*font-size : calc(var(--font-size) * 1.2);	*/
}

div#create_location, div#create_event {
	position : relative;
	top : -27.5vw;
	left : 73vw;
	width : 27vw;
	height : 3vw;
	/*background-color : orange;*/
}

		a.create_text {
			right : 2vw;
		}

		a.create {
			position : absolute;
			margin-top : -0.5vw;
			right : 2vw;
			margin-bottom : 8vw;			
		}


/*************************************** EVENT LIST **************************************/

div.event_thumbnail_container {
	margin-left : 5vw;
	margin-bottom : 6vw;
}

	div.thumbnail.event {
		display : inline-block;
		position : relative;	
		width : 90vw;
		height : 10vw;	
		background-color : rgb(var(--main-color));
	}

		div.thumbnail.event:hover {	
			cursor : pointer;
		}

				div.event.portrait, div.event.squared {
					margin-top : 0.8vw;
					margin-left : 0vw;
					margin-right : 0vw;
					margin-bottom : 0.8vw;
				}

				img.event {
					margin-top : -0.1vw;
					margin-left : 0vw;
					height : 10.1vw;
				}

						img.event.portrait { width : 7.6vw }
						img.event.squared { width : 10.1vw }


		div.event.info {
			display : block;
			position : absolute;
			margin-top : -10vw;
			width : 80vw;
			/*font-size : calc(var(--font-size) * 1.2);*/
			text-align : left;
		}

				div.event.info.portrait { margin-left : 8vw }
				div.event.info.squared { margin-left : 10vw }


		div.event {
			display : inline;
			position : absolute;
		}

				div.event.line._1 {
					top : 0vw;
					left : 1vw;
					font-size : calc(var(--font-size) * 1.2);
					color : white;	
				}

				div.event.line._2 {
					top : 2vw;
					left : 1vw;
				}

				div.event.line._3 {
					top : 3.5vw;
					left : 1vw;
					width : 90%;
					text-align : justify;
					color : rgb(90, 90, 90);
				}

				div.event.line._4 {
					top : 7.5vw;
					left : 2.5vw;
					text-align : justify;
					/*opacity : 0.5;*/
				}

				div.event.line._5 {
					top : 1vw;
					right : 2vw;
					width : 10vw;
					padding-right : 1vw;
					text-align : right;
				}

				div.event.line._6 {
					top : 7.5vw;
					left : 1vw;
					text-align : justify;
					color : rgb(90, 90, 90);
				}

div.pin {
	opacity : 0.5;
}

img.pin {
	position : absolute;
	width : 2vw;
	margin-top : 7vw;
	margin-left : 0.5vw;
	/*opacity : 0.5;*/
}

img.calendar {
	position : absolute;
	width : 3vw;
	margin-top : 0vw;
	margin-left : 78vw;
}

a.event {
	position : absolute;
	margin-top : 6vw;
	margin-left : 46vw;
}

a.teaser {
	position : absolute;
	margin-top : 6vw;
	margin-left : 58vw;
}

a.access, a.subscribe {
	position : absolute;
	margin-top : 6vw;
	margin-left : 70vw;
}

a.no_display {
	display : none;
}

}