/*css de la visu trajectoires*/
body {
  font: 10px sans-serif;

}


/*Multi-lines*/

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

/* blocs html */

#titre {
	height: 60px; 
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}

#selection {
	padding: 25px; 
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	height: 30px;
}

#selection  span {
		float:left;
}

#selection form {
		float:right;
}

#selection form, span {
		display: inline-block;
}

#selection .center {
		width: 55%;
		margin-left: 15%;
}

#centerArea {
		margin-left:15%;
	padding-left: auto;
	padding-right: auto;
	text-align: center;
	float:left;
	width:55%; 
	
}

#legende {
	/*float:left;*/ 
	width:13%;
	top: 10%;
	height: 500px; 
	overflow: auto;
	border:1px solid;
	border-radius: 2em;
	position: fixed;
	/*top : 100px;*/
	

}

#visu {
	height: 500px; 
	overflow: auto;
	border: 1px dashed grey;
	margin-bottom: 20px;
}

#detail {
	float:left; 
	width:25%;
	height: 500px; 
	overflow: auto;
	border:1px solid;
	
	margin-left:2%;
	border-radius: 2em;
	
}

#detail span {
	/*width: 85%;*/
	margin-top: 5%;
	margin-right: auto;
	margin-left: 5%;
	display:inline-block;
	text-align: center;
}

#courbes {
	/*border : solid black 1px;*/ 
	/*height : 200px;*/
	border: 1px dashed grey;
}

#entete {
	height : 20px;
	width: 100%;
	
}