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


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

/*h1#screen_title {
	display : block;
	margin-top : 6vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1vw;
	color : grey;
	font-size : 2vw;
}*/

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

div#login_section, div#subscribe_section {
	margin-left : auto;
	margin-right : auto;
	width : 35vw;
}

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

/*a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}*/

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

a#video {
	display : none;
	margin-top : 0vw;
}


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

img#thumbnail_img {
	width : 32vw;
}

/*img#episod {
	width : 22vw;
}*/

a.title, a.poster, a.calendar, a.organization, a.info, a.date, a.slot, a.selection, a.title_upload {
	display : block;
	margin-top : 3vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1vw;
	color : rgb(200,200,200);
	font-size : 1.4vw;
	color : grey;
}

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

label#send_image {
	visibility : hidden;
}

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

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

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


a.organization {
	margin-top : 0vw;
	margin-bottom : 0vw;
	font-size : 1.2vw;
}

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

a.info {
	margin-top : 1vw;
	margin-bottom : 0vw;
	font-size : 1.2vw;
	text-align: justify;
}

/*a.booked {
	display : none;
	margin-top : 4vw;
	margin-bottom : 4vw;
	color : orange;
}

a.geoblocked {
	color : orange;
}

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;
			font-size : 1.2vw;
			color : rgb(200, 200, 200);
		}*/

		a.grey {
			color : grey;
		}

/*		input.item_value {
			border-top : none;
			border-left : none;
			border-right : none;
			border-bottom-color : grey; 
			background-color : transparent;	
			height : 1.5vw;
			width : 16vw;
			font-size : 1.2vw;
			color : rgb(200, 200, 200);
		}*/

		input.time {
			font-size : 1.4vw;
			width : 2vw;
		}

		input#hour {
			text-align : right;
		}

		a.time {
			font-size : 1.4vw;
			color : white;
		}

		input.grey {
			border-bottom-color : rgb(80, 80, 80);
		}


#bank_id {
	visibility : hidden;
}

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

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

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

a#warning_legal {
	visibility : visible;
	color : grey;
	margin-bottom : -1vw;
}

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 : rgb(25, 25, 25);
		}

				a.episod_id {
					text-decoration : none;
				}

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

				div.episod_id:hover {
					cursor : pointer;
					color : white;
				}

/********************************* 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;
	color : rgb(200,200,200);
	color : grey;
}

/*div#email {
	display : none;
}*/

a#validate {
	visibility : visible;
	color : orange;
}


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

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

		th {
			font-family : Avenir;
			font-weight : normal;
			font-size : 1.2vw;
			width : 16vw;
			text-align : left;
		}


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

/*#calendar {
	display : none;
}*/

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

div.month {
	position : relative;
	height : 4vw;
	width : 29vw;
	font-size : 1.5vw;
	text-align : center;
}

		img#previous_month {
			position : absolute;
			margin-top : -4.5vw;
			left : 2vw;
			width : 3vw;
		}

		img#next_month {
			position : absolute;
			margin-top : -4.5vw;
			left : 24vw;
			width : 3vw;
		}*/

		img.previous_large {
			position : absolute;
			margin-top : -4.5vw;
			left : 6vw;
			width : 3vw;
		}

		img.next_large {
			position : absolute;
			margin-top : -4.5vw;
			left : 20vw;
			width : 3vw;
		}

/*		img.previous {
			position : absolute;
			margin-top : -4.5vw;
			left : 8vw;
			width : 3vw;
		}

		img.next {
			position : absolute;
			margin-top : -4.5vw;
			left : 18vw;
			width : 3vw;
		}

.labels, .dates {
    display : grid;
    font-size : 1.4vw;
    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 : rgb(20, 20, 20);
}

div.date_value {
	margin-top : -2.7vw;
	color : rgb(80, 80, 80);
}*/

textarea {
	border-color : rgb(200, 200, 200);
	background-color : white;
	color : grey;
	width : 46.5vw;
	height : 6vw;
	padding : 0.5vw;
	font-family : Avenir;
	font-size : 1.2vw;
}

iframe {
	width : 48vw;
	height : 27vw;
}

/*textarea#description {
	height : 16vw;
}*/


/********************************* DONATION *********************************/

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

/********************************* DONATION *********************************/

/*div#donation {
	top : 22vw;
	left : 40vw; 
}

		a#donation_title {
			left : 4.5vw;
		}

		img.donation_thumbnail {
			left : 0.5vw;
		}

		div#value {
			left : 0.5vw;
		}


#footer {
	top : 16vw;
}*/






/** {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  font-size: 16px;
}
body {
  margin: 0;
  padding: 15px;
  background-color: #63a7df;
}
.upload-form {
  display: flex;
  max-width: 350px;
  padding: 20px;
  flex-flow: column;
  margin: 100px auto 15px auto;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.upload-form h1 {
  margin: 0;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #434850;
  text-align: center;
}
.upload-form label {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  background-color: #fafbfb;
  border: 1px solid #e6e8ec;
  color: #737476;
  padding: 10px 12px;
  font-weight: 500;
  font-size: 14px;
  margin: 10px 0;
  border-radius: 4px;
  cursor: pointer;
}
.upload-form label i {
  margin-right: 10px;
  padding: 5px 0;
  color: #dbdce0;
}
.upload-form label span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  word-break: break-all;
}
.upload-form label:hover {
  background-color: #f7f8f9;
  border: 1px solid #e3e5ea;
  color: #68686a;
}
.upload-form label:hover i {
  color: #cfd1d4;
}
.upload-form input[type="file"] {
  appearance: none;
  visibility: hidden;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
}
.upload-form .progress {
  height: 20px;
  border-radius: 4px;
  margin: 10px 0;
  background-color: #e6e8ec;
}
.upload-form button {
  appearance: none;
  background-color: #be5a41;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  border: 0;
  padding: 10px 12px;
  margin-top: 10px;
  color: #fff;
  cursor: pointer;
}
.upload-form button:hover {
  background-color: #b6563e;
}
.upload-form button:disabled {
  background-color: #aca7a5;
}
.upload-form .result {
  padding-top: 15px;
}
*/



}