body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
}

.container {
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-top: 50px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

form {
    margin-top: 20px;
}

label, input {
    display: block;
    margin-bottom: 10px;
}

.rien {
	margin: 0 0 5px 0;
	display:inline;
}

.bt_maj {
	display: inline-block;
	
	margin-left: 5px;
	padding: 0 10px 0 25px;
	border-radius: 5px;
	
	color: #55F;
	font-weight:bold;
	
	background:url('img/maj.png');
	background-position: 3px;
	background-size:16px;
	background-repeat:no-repeat;
	background-color:#ccc;
	
	cursor: pointer;
}	

.bt_ok {
	display: inline-block;
	
	margin-left: 5px;
	padding: 0 5px 0 25px;
	border-radius: 5px;
	border: 1px solid #333;
	
	color: #090;
	font-weight:bold;
	
	background:url('img/pouce_ok.png');
	background-position: 3px;
	background-size:16px;
	background-repeat:no-repeat;
	background-color:#cFc;
}

.bt_pasok {
	display: inline-block;
	
	margin-left: 5px;
	padding: 0 5px 0 25px;
	border-radius: 5px;
	border: 1px solid #333;
	
	color: #900;
	font-weight:bold;
	
	background:url('img/pouce_pasok.png');
	background-position: 3px;
	background-size:16px;
	background-repeat:no-repeat;
	background-color:#Fcc;
}

.tb_titre {
	text-align:center;
	font-weight:bold;
	background-color:#FF0;
}

#pj_absent {
	height: 14px;
	display: inline-block;
	color: #000;
	margin-left: 5px;
	padding: 0 5px 0 5px;
	border-radius: 5px;
	border: 1px solid #933;
	
	font-size:12px;
	
	background-color:#F00;
}

#pj_attente {
	height: 18px;
	display: inline-block;
	color: #000;
	margin-left: 5px;
	padding: 0 10px 0 20px;
	border-radius: 5px;
	border: 1px solid #333;
	
	background:url('img/standby.png');
	background-position: 3px;
	background-size:16px;
	background-repeat:no-repeat;
	background-color:#ccc;
}

#pj_nonvalid {
	height: 18px;
	display: inline-block;
	color: #000;
	margin-left: 5px;
	padding: 0 10px 0 20px;
	border-radius: 5px;
	border: 1px solid #933;
	
	background:url('img/pouce_pasok.png');
	background-position: 3px;
	background-size:14px;
	background-repeat:no-repeat;
	background-color:#Fcc;
}

#pj_valid {
	height: 18px;
	display: inline-block;
	color: #000;
	margin-left: 5px;
	padding: 0 10px 0 20px;
	border-radius: 5px;
	border: 1px solid #393;
	
	background:url('img/pouce_ok.png');
	background-position: 3px;
	background-size:14px;
	background-repeat:no-repeat;
	background-color:#cFc;
}

#pj_attente a {
	color: #000;
	text-decoration:none;
}

#pj_nonvalid a {
	color: #000;
	text-decoration:none;
}

#pj_valid a {
	color: #000;
	text-decoration:none;
}

.hr_class {
	padding: 0px;
	margin: 0 0 2px 0;
	
	height: 1px;
	background-color:#ccc;
	border: none;
}

.coche_ok {
	height: 20px;
	display: inline-block;
	padding: 0 10px 0 20px;
		
	background:url('img/valid.png');
	background-position: 3px;
	background-size:14px;
	background-repeat:no-repeat;	
}