/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px){
	.searchForm{
	position:relative;
	min-height:35px;
	background-color:#e1e1e1;
	/*border:1px solid blue;*/
	}

	.dateForm{
		position:relative;
		text-align:center;
		/*width: 120px;*/
		min-height:35px;
		padding:4px 0 0 0;
		border-radius: 3px;
		overflow: hidden;
		/*border:1px solid red;*/
	}

	.dateForm select:focus {
		outline: none;
	}

	.dateForm button{
		font-size:16px;
	}
	
	div.dateSearch{
		font-size:22px;
		text-align:center;
		margin:-5px 0 5px 0;
		/*background-color:yellow;*/
		/*border:1px solid red;*/
	}
	
	.searchDate{
		margin:0 0 10px 0;
	}
	
	div.timeline{
		border-left:2px solid black;
		height:500px;
		position:absolute;
		margin-left:31px;
		margin-top:-4px;
		z-index:50;
		/*border:1px solid red;*/
	}
	
	div.emission_time{
		position:relative;
		float:left;
		width:50px;
		height:21px;
		background-color:#F9F9F9;
		padding:4px 5px 0 0;
		margin:15px 0 0 8px;
		font-weight:bold;
		font-size:16px;
		z-index:100;
		/*background-color:#E0E0E0;*/
		/*border:1px solid yellow;*/
	}

	div.emission_infos{
		position:relative;
		margin:0 0 0 65px;
		/*border:1px solid yellow;*/
	}
	
	div.emission_titre{
		margin:5px 0 0 0;
		font-weight:bold;
		font-size:16px;
		/*border:1px solid red;*/
	}
	
	div.emission_intervenant{
		font-size:12px;
		font-style:italic;
		margin:5px 0;
		/*font-weight:bold;*/
		/*font-size:18px;*/
		/*border:1px solid yellow;*/
	}

	div.emission_description{
		font-size:14px;
		margin:5px 0;
		/*border:1px solid blue;*/
	}

	div.emission_url{
		font-size:12px;
		margin:5px 0;
		/*border:1px solid black;*/
	}

	div.emission_nom{
		margin:0 0 5px 0;
		/*border:1px solid green;*/
	}
}

/* Affichage pour les naviageurs sur grands écrans */

body {
	font-family:Rubik, sans-serif;
}

.searchForm{
	position:relative;
	min-height:35px;
	background-color:#e1e1e1;
	/*border:1px solid blue;*/
}

.dateForm{
	position:relative;
	text-align:center;
    /*width: 120px;*/
	min-height:35px;
	padding:4px 0 0 0;
    border-radius: 3px;
    overflow: hidden;
	/*border:1px solid red;*/
}

.dateForm select{
	padding: 5px 8px;
    /*width: 130%;*/
	font-size:16px;
    border: none;
    /*box-shadow: none;*/
    background: transparent;
    background-image: none;
    /*-webkit-appearance: none;*/
	/*border:1px solid yellow;*/
}

.dateForm select:focus {
    outline: none;
}

.dateForm button{
    font-size:16px;
}

.dateSearch{
	font-size:26px;
	text-align:center;
	margin:-5px 0 5px 0;
	/*background-color:yellow;*/
	/*border:1px solid red;*/
}

.conteneur{
	position:relative;
	/*border:1px solid blue;*/
}

.emission{
	overflow: hidden;
	position:relative;
	min-height:150px;
	/*margin-top:-5px;*/
	margin-bottom:10px;
	background-color:#F9F9F9;
	/*border:1px solid green;*/
}

.timeline{
	border-left:2px solid black;
	height:500px;
	position:absolute;
	margin-left:34px;
	margin-top:-4px;
	z-index:50;
	/*border:1px solid red;*/
}

.emission_time{
	position:relative;
	float:left;
	width:55px;
	height:27px;
	background-color:#F9F9F9;
	padding:4px 5px 0 0;
	margin:15px 0 0 8px;
	font-weight:bold;
	font-size:18px;
	z-index:100;
	/*background-color:#E0E0E0;*/
	/*border:1px solid yellow;*/
}	
	
/*.emission_time::after{	
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	right: 11px;
	background-color: black;
	border: 4px solid black;
	top:8px;
	border-radius: 50%;
	z-index: 20;
}*/

.emission_infos{
	position:relative;
	margin:0 0 0 70px;
	/*border:1px solid yellow;*/
}

.emission_titre{
	margin:5px 0 0 0;
	font-weight:bold;
	font-size:18px;
	/*border:1px solid red;*/
}

.emission_intervenant{
	font-size:14px;
	font-style:italic;
	margin:5px 0;
	/*font-weight:bold;*/
	/*font-size:18px;*/
	/*border:1px solid yellow;*/
}

.emission_description{
	font-size:16px;
	margin:5px 0;
	/*border:1px solid blue;*/
}

.emission_url{
	font-size:14px;
	margin:5px 0;
	/*border:1px solid black;*/
}

.emission_nom{
	margin:0 0 5px 0;
	/*border:1px solid green;*/
}

.sharing{
	margin:0 0 5px 0;
	/*border:1px solid blue;*/
}

p{
	margin:0;
}

a:link {
  color: black;
  text-decoration-line:none;
}

a:visited {
  color: black;
  text-decoration-line:none;
}

a:hover {
  color: black;
  text-decoration-line:none;
}

a:active {
  color: black;
  text-decoration-line:none;
}