@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../sources/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	font-family:Calibri;
	padding:0;
	margin:0;
}

.container{
	border-radius:40px;
	width:350px;
	margin-top:100px;
	padding:10px;
	border:1px solid #090;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	
	background-color: rgba(0, 0, 0, 0.6);
}

.frmbadge input[type=text],.frmbadge select,.frmebadge input[type=text],.frmebadge select{
	color:#666;
	font-size:16px;
	width:90%;
	padding:10px;
	border-radius:10px;
	border:1px solid #999;
	-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
}

.frmbadge select,.frmebadge select{
	width:95%;
}

.container input[type=text],.container input[type=password]{
	color:#666;
	font-size:16px;
	width:90%;
	padding:10px;
	border-radius:10px;
	border:1px solid #999;
	-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
}

.container input[type=text]:focus,.container input[type=password]:focus{
	color:#09C;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
}

.container input[class=error],.container input[class=error]{
	border:1px solid #ec2567;
	-webkit-box-shadow: 0px 7px 7px 0px rgba(236,37,103,0.2);
	-moz-box-shadow: 0px 7px 7px 0px rgba(236,37,103,0.2);
	box-shadow: 0px 7px 7px 0px rgba(236,37,103,0.2);
}

input[type=submit], .addlink{
	padding:10px;
	border-radius:10px;
	border:1px solid #060;
	color:#FFF;
	width:auto;
	margin-right:8px;
	background-color:#090;
}

.lbl{
	margin-top:20px;
	margin-bottom:3px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	margin-left:13px;
}

.titre{
	color:#F60;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.error{
	color:#F00;
	font-size:12px;
	
}

.hpanel{
	width:1000px;
	padding:10px;
	text-align:left;
}

.hpanel img{
	border-radius:9px;
	border:1px solid #999;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);

}

.panel{
	border-radius:40px;
	width:1000px;
	margin-top:10px;
	margin-bottom:30px;
	padding:10px;
	border:1px solid #333;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	
	background-color: rgba(0, 0, 0, 0.6);
}

a{
	text-decoration:none;
	color:#F60;
}

a img{
	vertical-align:middle;
}

.filtre{
	padding:5px;
	margin:5px;
	border:1px solid #000;
}

.filtre a{
	background-color:#FFF;
	border-radius:5px;
	padding:4px;
}

.filtre input[type=text]{
	width:100px;
	padding:6px;
	text-align:center;
}

.filtre input[type=submit]{
	padding:6px;
}

.spacer{
	clear:both;
}

.deconnecter{
	float:right;
}

.hm {
	float:left;
	padding:9px;
	margin:5px;
	border-radius:9px;
	color:#FFF;
}

.btnprestataire{
	background-color:#06C;
	border:1px solid #069;
}

.frmeditprestataire{
	display:none;
	background:none !important;
}

.btncharte{
	background-color:#900;
	border:1px solid #C00;
}

.btnbadge{
	background-color:#090;
	border:1px solid #060;
}

.btnusers{
	background-color:#669;
	border:1px solid #639;
}

.btnpointage{
	background-color:#366;
	border:1px solid #330;
}

.btndeconnexion{
	background-color:#F00;
	border:1px solid #E00;
	float:right;
}

.box{
	color:#FFF;
	padding:5px;
	margin-top:30px;
	text-align:left;
}

.center-line {
    width: 100%;
    margin: auto;
    border-radius: 50%;
    height: 1px;
    background: #FFF;
	margin-bottom:15px;
}

input[type=text],input[type=password],select{
	color:#666;
	font-size:12px;
	width:250px;
	padding:10px;
	border-radius:10px;
	border:1px solid #999;
}

.table {
    border-collapse: collapse;
	width: 100%;
}

.table td {
    padding: 5px;
	border-bottom:1px solid #FFF;
    text-align: left;
}

.table th {
    padding: 15px;
	font-size:16px;
	border-bottom:1px solid #FFF;
    text-align: center;
}

.table tr:hover {background-color: rgba(0,0,0,0.8);}

.tabletr:nth-child(even) {background-color: rgba(0,0,0,0.7); }

.table, .table th, .table td {
   border: 1px solid FFF;
}

h2{
	display:inline-block;
}

h1{
	display:inline-block;
	margin:2px;
	color:#000;
}

.leschartes{
	width:48%;
	display:inline-block;
	text-align:center;
	border:1px solid #000;
	margin-bottom:4px;
}

.leschartes .unecharte{
	border-radius:9px;
	border:1px solid #999;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.4);
}

.leschartes a{
	float:right;
	margin-right:9px;
	margin-top:5px;
	color:#FFF;
}

.leschartes:hover{
	background-color:rgba(255,255,255,0.4);
}

.leschartes input[type=text]{
	width:100px;
}

.leschartes .btnsubmit{
	width:auto;
	padding-left:4px;
	padding-right:4px;
}

.onehalf{
	width:48%;
	display:inline-block;
	margin-top:20px;
	text-align:left;
}

.pagination{
	text-align:center;
	margin-top:10px;
}

.pagination a{
	border:1px solid #FFF;
	border-radius:50%;
	margin:2px;
	width:23px;
	height:23px;
	padding:2px;
	overflow:hidden;
	display:inline-block;
}

.pagination a:hover{
	background-color:#FFF;
}

.bull{
	width:15px;
	height:10px;
	font-size:12px;
	border:1px solid #F00;
	background-color:#F60;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	padding-bottom:4px;
}