/* mise en page du calendrier de disponibilite */

/********* redefinition des tags standards *************/
body {
/*	Dans cet ordre, pour avoir les remplacements des esperluettes standards*/
	font-family: trebuchet ms,geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	line-Height: 17px;
	margin: 0px;
	padding: 0px;
	}

table { font-size:11px; border:1px; }

.tag_etat {  width:281px; margin:20px; font-size:12px; }
.tag_etat_dispo 	{ height:20px; width:90px; float:left; background: #0f0; text-align:center; font-weight:bold; font-variant: small-caps; color:#000; }
.tag_etat_reserve 	{ height:20px; width:90px; float:left; background: #ff0; text-align:center; font-weight:bold; font-variant: small-caps; color:#000; }
.tag_etat_ferme 	{ height:20px; width:90px; float:left; background: #f00; text-align:center; font-weight:bold; font-variant: small-caps; color:#FFF; }

.teinte_A { background: #5588b3; color:#fff; font-weight:bold;} /* plus sombre */
.teinte_B { background: #88abca; color:#fff; font-weight:bold;} /* moyen */
.teinte_c { background: #abc4da; color:#5588b3; font-weight:bold;} /* clair */

.cell_dispo 	{ height:20px; width:20px; float:left; background: #0f0; text-align:center; font-weight:bold; font-variant: small-caps; color:#FFF;}
.cell_reserve 	{ height:20px; width:20px; float:left; background: #ff0; text-align:center; font-weight:bold; font-variant: small-caps; color:#FFF;}
.cell_ferme 	{ height:20px; width:20px; float:left; background: #f00; text-align:center; font-weight:bold; font-variant: small-caps; }

.cell_dispo:hover {background:#f90;}
.cell_reserve:hover {background:#f90;}
.cell_ferme:hover {background:#f90;}

td { height:20px; /*background: #0c9;*/}
img {border:0;}