body{
	background-color:#FF9A01;
	font-family: 'Roboto', sans-serif;
}

input[type="button"]{
	background-color:#EDEDED;
	border:solid #CDCDCD 2px;
}

#principal{
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	padding:2%;
	color:black;
	font-size:15px;
	height:500px;
	border-radius:25px;
	position:relative;
	display:none;
	width:1050px;
}

#noJS{
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	padding:2%;
	color:black;
	font-size:15px;
	height:500px;
	border-radius:25px;
	position:relative;
	width:1050px;
	font-size:25px;
	text-align:center;
}

#header{
	background-image:url("images/logo.jpg");
	height:75px;
	width:350px;
	margin-left:auto;
	margin-right:auto;
}

#loader_tot{
	margin-top:100px;
}

#loader_rond{
	margin-left:20px;
}
#loader_topRet{
	margin-left:250px;
	margin-top:50px;
}

#loader_radar{
	margin-top:210px;
}

#nbRadar{
	margin-left:120px;
	white-space: nowrap;
	width:100px;
}

#slider{
	width:300px;
}

#options{
	display:inline-block;
	float:right;
}

#tabloJourna{
	margin-top:40px;
}

#divGraph{
 position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 10px;
  margin-bottom: 50px;
  margin-right:240px;
  text-align: center;
  float:right;
}

#switchGraphGlob{
	width:420px;
	width:220px;
	margin-left:30px;
}

#graphGlob {
    width: 450px;
    height: 200px;
	margin-left:-90px; /*marges négatives valides selon normes w3c*/
}

#graphRadar {
    width: 450px;
    height: 450px;
	margin-left:-70px;
	margin-top:12px;
	position:relative;
	display:inline-block;
}


#graphRond canvas {
  position: absolute;
  top: 20px;
  left: 0;
}

#valeurChart{
	display: inline-block;
	line-height: 110px;
	z-index: 2;
	margin-left:90px;
	margin-top:70px;
	font-size:30px;
}

#nbVols{
	display: inline-block;
	z-index: 3;
	margin-left:20px;
	margin-top:70px;
	font-size:20px;
	width:220px;
}

#retardMoy{
	display: inline-block;
	z-index: 3;
	margin-left:20px;
	margin-top:10px;
	font-size:15px;
	width:220px;
}

#retardMoyTranche{
	display: inline-block;
	z-index: 3;
	margin-left:20px;
	margin-top:10px;
	font-size:15px;
	width:220px;
	
}

.titre{
	font-weight:bold;
}

.ui-widget{
	font-family: 'Roboto', sans-serif;
}

.ui-accordion{
	width:575px;
	font-size:15px;
}

.ui-accordion-content{
	height:200px;
}

.ui-slider-handle{
	width:100px;
}

#tablo{
	display:inline;
	position:absolute;
	width:500px;
	bottom:25px;
	
}

#slider{
	width:230px;
	display:inline-block;
}

#tdValeurSlider{
	width:225px;
	
}

#dateDebut ,#dateFin{
	width:75px;
}

td{
	padding:4px;
}

#effacDateDebut, #effacDateFin, #effacAeroArr , #effacAeroDep,#effacDistRetard{
	color:red;
	cursor:pointer;
}

label, input[type="button"], .ui-slider .ui-slider-handle{
	cursor:pointer;
}

.centrer {
	text-align:center;
}