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


div#screen {
	display : none;
	margin-bottom : 4vw;
	text-align : center;
}

a#screen_title {
	display : block;
	margin-top : 6vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1vw;
	font-size : calc(var(--font-size) * 1.5);
}

section.form {
	margin-left : auto;
	margin-right : auto;
	width : 35vw;
}

img#event_logo {
	width : 20vw;
	margin-top : 0vw;
	margin-bottom : -4vw;
}

div.display_none {
	display : none;
}

.readonly {
	border : none;
	cursor : default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/************************************ INTPUT ************************************/

img#content.panorama_poster {
	width : 22vw;
	height : 12.38vw;
}

img#content.portrait_poster {
	width : 22vw;
	height : 29.3vw;
}

img.poster {
	width : 22vw;
}

img#episod {
	width : 22vw;
	height : 12.38vw;
}

img#episod.podcast {
	width : 22vw;
	height : 22vw;
}

a.title, a.poster, a.calendar, a.organization, a.info, a.date, a.slot, a.selection, a.title_upload {
	display : block;
	margin-top : 2vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1vw;
	font-size : calc(var(--font-size) * 1);
}

a.title {
	font-size : calc(var(--font-size) * 1.2);
}

a.title_upload {
	margin-top : 1vw;
	opacity : 0.5;	
}

label#send_image {
	visibility : hidden;
}

a.calendar {
	display : none;
	margin-top : 1vw;	
}

a.poster {
	margin-top : -1vw;
	margin-bottom : 0vw;
}

/*a.date {
	margin-top : 1vw;
	margin-bottom : 2vw;
}*/

a.organization {
	margin-top : 0vw;
	margin-bottom : 0vw;
	font-size : calc(var(--font-size) * 1);
}

/*a.slot, a.selection {
	margin-top : 1vw;
	margin-bottom : 2vw;
}

a.info {
	margin-top : 1vw;
	margin-bottom : 0vw;
	font-size : calc(var(--font-size) * 1);
	text-align: justify;
}*/

a.booked {
	display : none;
	margin-top : 4vw;
	margin-bottom : 4vw;
}

div#step_0, div#step_1, div#step_2, div#step_3, div#step_1b, div#step_2b {
	display : none;
}

img#user {
	width : 8vw;
	margin-bottom : -1.5vw;
	border-radius : 4vw;
}

div.item {
	margin-bottom : 0.8vw;
}

		a.item_title {
			display : block;
			float : left;
			width : 16vw;
			opacity : 0.8;
			font-size : calc(var(--font-size) * 1);
		}

		a.opacity {
			opacity : 0.5;
		}

		input.item_value {
			border-top : none;
			border-left : none;
			border-right : none;
			border-bottom-color : rgb(var(--font-color));
			background-color : transparent;	
			height : 1.5vw;
			width : 16vw;
			color : rgb(var(--font-color));
			opacity : 0.7;
			font-family : Font;
			font-size : calc(var(--font-size) * 1);
		}

		/*input.time {
			font-size : calc(var(--font-size) * 1);
			width : 2vw;
		}

		input#hour {
			text-align : right;
		}

		a.time {
			font-size : calc(var(--font-size) * 1);
		}*/

		input.opacity {
			opacity : 0.5;
		}

		input:-webkit-autofill {
		    background-color : transparent !important;
		    box-shadow : 0 0 0px 1000px white inset !important;
		}


label.action {
	margin-top : 0vw;
	margin-bottom : 0.5vw;
}

a.message {
	display : block;
	visibility : hidden;
	margin-bottom : 3vw;
}

a#update_user_image, a#update_image {
	visibility : visible;
}

a#warning_subscribe, a#update_image, a#login {
	visibility : visible;
}

a#warning_legal {
	visibility : visible;
}

img#newsletter {
	margin-top : 0vw;
}

div#selection {
	position : relative;
    margin : 2vw;
    width : 29vw;
    margin-left : auto;
    margin-right : auto;
}

div.section {
	display : none;
}

		div.episod {
			display : inline-block;
			border-radius : 3vw;
			width : 3vw;
			height : 3vw;
			margin : 0.5vw;
			background-color : black;
    		opacity : 0.5;
		}

				a.episod_id {
					text-decoration : none;
				}

				div.episod_id {
					color : white;
					padding-top : 0.8vw;
				}

						div.episod_id:hover {
							cursor : pointer;
						}


/********************************* VALIDATE EMAIL *********************************/

div#validate_member {
	display : none;
}

a.sub_title {
	display : none;
	margin-top : -0.5vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : -1vw;
}

a#validate {
	visibility : visible;
}


/********************************* TABLE *********************************/

table {
	/*margin-left : 5vw;*/
}

		th {
			font-family : Font;
			font-weight : normal;
			font-size : calc(var(--font-size) * 1);
			width : 16vw;
			text-align : left;
		}


/********************************* CALENDAR *********************************/

div#calendar {
	position : relative;
    margin : 2vw;
    width : 29vw;
    margin-left : auto;
    margin-right : auto;
}

div.month {
	position : relative;
	height : 4vw;
	width : 29vw;
	font-size : calc(var(--font-size) * 1);
	text-align : center;
}

		img#previous_month, img#next_month, img.previous_large, img.next_large, img.previous, img.next {
			position : absolute;
			margin-top : -3.2vw;
			width : 3vw;
			background-color : black;
			opacity : 0.5;
		    border-radius : 50%;
		}

		img#previous_month, img#next_month { margin-top : -5.2vw; }

		img#previous_month 	{ left : 2vw; }
		img#next_month 		{ left : 24vw; }

		img.previous_large 	{ left : 6vw; }
		img.next_large 		{ left : 20vw; }
		
		img.previous 		{ left : 8vw; }
		img.next 			{ left : 18vw; }


.labels, .dates {
    display : grid;
    font-size : calc(var(--font-size) * 1);
    text-align : center;
    grid-template-columns : repeat(7, 0fr);
}

.labels span {
    width : 4vw;
    margin-bottom : 0.5vw;
    margin-left : 0.15vw;
}

.dates span {
    padding-top : 1vw;
    height : 3vw;
    width : 4vw;
    border : 1px solid rgb(200, 200, 200);
}

div.date_selector {
	visibility : hidden;
	margin-top : -1vw;
    height : 4vw;
    width : 4vw;
    border-radius : 2vw;
    background-color : black;
    opacity : 0.4;
}

div.date_value {
	margin-top : -2.7vw;
	color : white;
}

textarea {
	width : 30vw;
	height : 6vw;
	padding : 0.5vw;
	font-family : Font;
	font-size : calc(var(--font-size) * 1);
	color : white;
	opacity : 0.7;
	border-color : rgb(255, 255, 255, 0.5);
	background-color : rgb(var(--main-color));
}

textarea#description {
	height : 16vw;
}

hr#separate {
	margin : auto; 
	opacity : 0.5;
    width : 20vw;
    color : white;
}

		hr#separate.short {
			width : 10vw;
		}

div#map {
	position : relative;
	width : 40vw;
	height : 40vw;
	left : -2vw;
}

}
