body{
	background:#BCD;
	text-align:center;
	font-size:15px;
	font-family: Arial,sans-serif;
}

body::-webkit-scrollbar {
    width: 0.8em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

a{text-decoration: none;}:focus{outline-style: none;}   /*  virer les points autour des liens */
a:link {color: #C57053;text-decoration: none;}
a:visited {color:#C57053;outline: none;}
a:hover {text-decoration: underline;}

h3{color:#667788;}
h4{
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	color: #666;
	margin-bottom:5px;
}

input[type='submit']{
	padding:8px;
	font-weight:600;
	cursor:pointer;
	float:right;
}

img{border:none;}

/* ------ GENERAL CLASSES ----- */
	.selected, .selected:link, .selected:visited, .selected:hover{color:#F00;text-decoration: none;cursor:default;}
		#villes_col .selected {cursor:pointer;}

	/* form fields */
	.donnees_big {
		background-color:#EEE;
		border:1px solid #000;  
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		margin:1px;
		padding: 5px;
		color:#444;
		font-weight:600;
		width:268px;
	}
	.donnees_big:hover {border:1px solid #e6ab5d}
	.donnees_big:focus {border:1px solid #487FFF;color:#000;}
	#admin .donnees_big{width:150px;}
	#admin .donnees_big_name{width:250px;}
	#a_upload .donnees_big{width:185px;}

	/* ---- stats (both / general stats / city stats ) ----*/
	/*lists*/
	.stat_list_div{clear:both;display:none;}
	.stat_list{
		width:610px;
		border-collapse:collapse;
	}
	.stat_list th{
		font-weight:600;
		text-align:left;
		padding: 5px 5px 0;
	}
	.stat_list td{
		padding:3px;
		color:#678;
		font-size:12px;
		vertical-align:top;
	}
		.stat_list td.devis_ok,#stats .stat_list td.devis_no{text-align:center;font-weight:bold;}
		.stat_list td.devis_ok{color:green;}
		.stat_list td.devis_no{color:red;}
	.stat_list .tr_even td{
		background:#E8E8FF;
	}
	.stat_list td a{
		font-size:14px;
	}

	/* charts */
	.stat_nb_pan_per_app,.stat_pan_types,.stat_pan_month,.stat_maintain_month{
		width: 295px;
		height: 220px;
		margin-bottom : 15px;
	}
	.stat_nb_pan_per_app{
		float:left;
		margin-left:0 !important;
		clear:both;
		/* margin-left:-305px; */
	}
	.stat_pan_types{
		/* width: 260px;
		height: 420px; */ /* type pie */
		float:left;
		margin-left:0 !important;
		/* margin-left:-305px; */
	}
	.stat_pan_month{
		float:right;
		/* margin-left:305px; */
	}
	.stat_maintain_month{
		float:right;
		/* margin-left:305px; */
	}


/* ---- MAIN --- */
	#header, #content{
		margin:5px auto;
		padding:8px;
		background:#FFF;
		-moz-border-radius: 7px; 
		-webkit-border-radius: 7px;
		border-radius: 7px;
		border:1px solid #555;
		text-align:left;				
	}
	#header{width:1100px;font-weight:bold;}
	/* #panne_toggle{position:absolute;margin-right:0;width:200px;} */

	/* --- admin panel --- */
	#admin{
		width:930px;
		display:none;
		text-align:left;
	}
	#admin #a_upload{
		width:280px;
		float:left;
		padding:0 10px;
		margin-right:15px;
		border:1px solid ;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background:#E8E8FF;
	}
	#admin #a_user{
		width:400px;
		float:left;
	}
	#admin #a_user{
		width:400px;
		float:left;
	}
	#admin .admin_form{
		font-size:12px;
	}
	#admin .admin_form input[type='date']{
		width:80px;
	}
	
	/* -- 1rst col -- */
	/*app search*/
	/* #recherche_appareil{width:140px;} */
	#recherche_appareil_input, #dep_list{
		color: #777777;
		font-size: 16px;
		border: 1px solid #000000;
		border-radius: 4px;
		color: #444444;
		font-weight: 600;
		margin: 5px 0;
		padding: 6px;
	   
	}
	#recherche_appareil_input{
		width: 200px;
		background-color: #EEEEEE;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* Saf4+, Chrome */
		background-image: url(assets/search.png) 95% 50% no-repeat, -webkit-linear-gradient(top, #DDDDDD, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background: url(assets/search.png) 95% 50% no-repeat, -moz-linear-gradient(top, #DDDDDD, #FFFFFF); /* FF3.6+ */ 
		background-image: -ms-linear-gradient(top, #DDDDDD, #FFFFFF); /* IE10 */
		background-image: -o-linear-gradient(top, #DDDDDD, #FFFFFF); /* Opera 11.10+ */
		background-image: url(assets/search.png) 95% 50% no-repeat, linear-gradient(to bottom, #DDDDDD, #FFFFFF);
		filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDDDD', EndColorStr='#FFFFFF', GradientType=0);
	}
	/* 
	#recherche_appareil a {				
		background-color: #2C4F99;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#7EC5F1), to(#2C4F99));
		background-image: -webkit-linear-gradient(top, #7EC5F1, #2C4F99); 
		background-image: -moz-linear-gradient(top, #7EC5F1, #2C4F99); 
		background-image: -ms-linear-gradient(top, #7EC5F1, #2C4F99);
		background-image: -o-linear-gradient(top, #7EC5F1, #2C4F99);
		background-image: linear-gradient(to bottom, #7EC5F1, #2C4F99);
		filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7EC5F1', EndColorStr='#2C4F99', GradientType=0);
		border: 1px solid #4B85CC;
		border-radius: 0 5px 5px 0;
		color:#FFF;
		font-size: 16px;
		font-weight: bold;
		margin: 5px -8px;
		padding: 6px 10px;
		text-align: center;
	} */
	#dep_list{
		margin-bottom:0;
		width: 80px;
		background-color: #EEEEEE;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #DDDDDD, #FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image: -moz-linear-gradient(top, #DDDDDD, #FFFFFF); /* FF3.6+ */
		background-image: -ms-linear-gradient(top, #DDDDDD, #FFFFFF); /* IE10 */
		background-image: -o-linear-gradient(top, #DDDDDD, #FFFFFF); /* Opera 11.10+ */
		background-image: linear-gradient(to bottom, #DDDDDD, #FFFFFF);
		filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDDDD', EndColorStr='#FFFFFF', GradientType=0);
	}
	#villes_col{
		vertical-align:top;
		width: 220px;
		padding:5px;
		font-size:13px;
		text-transform: uppercase;
	}
	#villes_col a{
		display:block;
	}

	/*--- MAIN PANEL : general stats (col 1 + col 2) OR app list col + ( city stats OR app infos) ---*/
	#hints {
		text-align:left;
		color:#678;
	}
		/* -- general stats --*/
		#stats {
			margin-left:-280px;
		}
			#stats h3{
				margin-bottom:5px;
			}

			#stats #stat_col1{
				position:absolute;
				width:280px;
				margin-left:0 !important;
				margin-left:-280px;
			}
				#select_client{width:470px;margin:40px 0 0 350px;font-size:32px;color:#CCC;text-align:center;} /* admin hints or empty bdd : html in col 1 : visually in col 2*/
			#stats #stat_col2{
				margin-left:280px;
			}
			#stat_app_gen_status,#stat_app_status{
				width: 260px;
				height: 290px;
			}

		/* -- app list col (2nd left col) --*/
		.adresse{
			display:none;
			margin-bottom:5px;
			border: 1px solid #F5EFEE;
			border-right:none;
			background:#F5EFEE;
			padding:0 12px 0 0;
			cursor:pointer;
			-moz-border-radius: 4px 0 0 4px;
			-webkit-border-radius: 4px 0 0 4px;
			border-radius: 4px 0 0 4px;
			margin-right:-9px;
		}
			.adresse:hover{border: 1px solid #DCA89F;}
			.adresse td{font-variant:small-caps;}
				.adresse .ad_working,.adresse .ad_nonworking{
					float:right;
				}
				.adresse .ad_working{color:green;}
				.adresse .ad_nonworking{color:red;}
			.adresse span{font-size:11px;}
			
		.ad_sel{
			background:#F2F2F2;
			border: 1px solid #EEE;
			cursor:default;
			color:#F00;
		}
		.ad_sel:hover{
			border: 1px solid #EEE;
		}

		/* -- city stats (right panel) --*/
		#generate_pdf{cursor:pointer;float:right;}
		#city_stat h3{margin:0; padding:7px 0 20px 30px; font-size:22px;color:#BBB;}
		/* #city_stat hr{color:#CCC;border:0px solid #CCC;} */
		#city_stat .stat_city{display:none;}
		#city_stat .stat_city_general{
			display:inline-block;
			float:none !important;
			float:left;
			width:260px;
			vertical-align:middle;
			padding-left:35px;
		}
		#city_stat .stat_app_gen_status{
			width: 180px;
			height: 220px;
		}
		
		/*--- app details & pan history (right panel) --*/
		#infos{
			/*border:1px solid #666;*/
			background:#F2F2F2;
			width:600px;
			min-height:750px;
			padding:10px;
			-moz-border-radius: 0 4px 4px 4px;
			-webkit-border-radius: 0 4px 4px 4px;
			border-radius: 0 4px 4px 4px;
		}
			.app_details_options{
				float:right;
			}
			
			.appareil{
				display:none;
			}
			.appareil .working_btn{
				border: 1px solid #0B0;
				color: #0B0;
				display: inline-block;
				font-size: 18px;
				margin: -10px -10px 10px 0;
				padding: 12px;
				text-transform:uppercase;
				-moz-border-radius: 0 4px 4px 4px;
				-webkit-border-radius: 0 4px 4px 4px;
				border-radius: 0 4px 4px 4px;
				/* text-shadow: 7px 7px 30px rgba(10, 255, 0, 1); */
			}
			.appareil .not_working_btn{
				border: 1px solid red;
				color: red;
				display: inline-block;
				font-size: 18px;
				margin: -10px -10px 10px 0;
				padding: 12px;
				-moz-border-radius: 0 4px 4px 4px;
				-webkit-border-radius: 0 4px 4px 4px;
				border-radius: 0 4px 4px 4px;
			}
			.appareil hr{ margin-top:20px;width:290px;text-align:left;color:#FFF;height:0;}
			.appareil .pan_list{
				font-size:13px;
			}
			.infos_cell{
				padding-right:8px;
				font-weight:600;
				font-size:13px;
				font-family:tahoma;
				vertical-align:top;
			}
			.history_filter{
				margin:-10px 0 0;
			}
			.history hr { width:90px; margin:10px 0; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

			.history_sel,.history_sel:link,.history_sel:visited{
				color:#F00;
				text-decoration:none;
				cursor:default;
			}

/*contact form / div*/
#contact{
	background:#FFF url(assets/bg.jpg);
	display:none;
	padding:20px;
	text-align:left;
}

	#contact h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#contact p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#contact label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#contact .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#contact input,#contact textarea{
		/* float:left; */
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#contact button{
		clear:both;
		margin-left:200px;
		text-align:center;
		line-height:31px;
		color:#555;
		font-weight:bold;
	}
	#form_message{
		height:110px;
		width:340px;
	}
	#form_status{
		width:100px;
		float:left;
	}


/* CUSTOM STYLES */

/* 5M */
body{
	background:#EEE;
}

a{color: blue;}
a:link{color: blue;}
a:visited{color: blue;}