/* LOGICIEL DE GESTION DES PRONOSTICS */

/* BALISES */
body {
	width: 800px;
	margin: auto;
	font: 11px Arial, Helvetica, sans-serif;
	color: black;
}
.root {
	width: 800px;
	margin: auto;
	padding: 0px;
	text-align: left;
	color: black;
	font: 11px Verdana, Arial, Helvetica;
}

/* TABLEAUX */
table.tableau {
	width: 770px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid gray;
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
}
tr.entete {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: black;
	background-color: #E1E1E1;
}
tr.rowGreen {
	width: 20px;
	text-align: center;
	background-color: #C0F6C2;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: Green;
}
tr.rowBlue {
	width: 20px;
	text-align: center;
	background-color: #BDDFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #1E90FF;
}
tr.rowRed {
	width: 20px;
	text-align: center;
	background-color: #FFD7D7;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: Red;
}
tr.rowLine {
	width: 10px;
	text-align: center;
	font: bold 5px Arial, Helvetica, sans-serif;
	color: black;
}
td {
	padding: 5px;
}
td.suiviVoid {
	width: 20px;
	text-align: center;
	background-color: #DCDCDC;
	font: 12px Arial, Helvetica, sans-serif;
}
td.suiviOk {
	width: 20px;
	text-align: center;
	background-color: #C0F6C2;
	font: 12px Arial, Helvetica, sans-serif;
}
td.suiviKo {
	width: 20px;
	text-align: center;
	background-color: #FFBDBD;
	font: 12px Arial, Helvetica, sans-serif;
}
td.suiviDate {
	width: 20px;
	text-align: center;
	background-color: #BDDFFF;
	font: 12px Arial, Helvetica, sans-serif;
}

/* DIVS */
div.titre {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: black;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.error {
	width: 700px;
	margin: auto;
	padding: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 2px solid red;
	background-color: #FFD9D9;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: red;
}
div.error a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: red;
}
div.message {
	width: 700px;
	margin: auto;
	padding: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 2px solid #1E90FF;
	background-color: #D7EBFF;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #1E90FF;
}
div.message a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #1E90FF;
}


/* FORMULAIRES */
input[type=text], input[type=text]:focus {
	padding: 2px;
}
input.numeric {
	text-align: right;
}


/* STYLES D'ECRITURE */
.titre {
	font: bold 18px/30px Arial, Helvetica, sans-serif;
	color: black;
}

.ok {
	color: Green;
}
.ko {
	color: Red;
}

a.bloc {
	width: 150px;
	height: 15px;
	border: 1px solid #BBBBBB;
	padding: 5px;
	margin: 10px;
	text-align: center;
	text-decoration: none;
	color: black;
	display: block; 
	background-color: #E7E7E7;
	font: 11px Verdana, Arial, Helvetica;
}
a.bloc:hover {
	background-color: #EEEEEE;
}

a.bloc_bon {
	width: 100px;
	height: 15px;
	border: 1px solid #BBBBBB;
	padding: 5px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	color: black;
	display: block; 
	background-color: #E7E7E7;
	font: 11px Verdana, Arial, Helvetica;
}
a.bloc_bon:hover {
	background-color: #EEEEEE;
}
/* CALENDRIER */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #808000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCFF33;
	color: #000;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 20px;
	height:10px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 9px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

/* SAISIE PRONO */

.button {  width:60px; text-align:center;
           font-family:System,sans-serif;
           font-size:100%; }
.affiche { width:100%; text-align:right;
           font-family:System,sans-serif;
           font-size:100%; }