.petitrouge{
color: #FF0000;
font-size:x-small;
font-family:Arial, Helvetica, sans-serif;

}

.rouge{
color: #FF0000;
font-family:Arial, Helvetica, sans-serif;
}

.marron {
color: #960;
font-family:Arial, Helvetica, sans-serif;
}

.dotted100{
width:100%;
border:dotted 1px #000000;
font-family:Arial, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
background-color:#F1F5E9;
}


.dotted{
width:500px;
border:dotted 1px #000000;
font-family:Arial, Helvetica, sans-serif;

}

.statut1 {
	background-color: #33FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.statut2 {
	background-color: #3366FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.statut3 {
	background-color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.jour {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
	background-color: #F5F5F5;	
}
.nom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2FCCF;
}
a.date:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.date:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.date:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#0000FF;
	text-decoration: none;
}
a.date:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.head {
	color: #000000;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	border: 3px solid #666666;
	background-color:#CCCCCC
}
a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: 3px outset #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.box:active {
	padding: 3px;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 3px inset #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
a:link {
	color: #0000FF;
	text-decoration: none;
}

a:visited {
  color: #3366FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline overline;
}

a:active {
	color: #FF0000;
	text-decoration: none;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.texte_petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/*infobulles*/

a.info{
    /*position:relative; /*this is the key
    z-index:24; background-color:#ccc;*/
    color:#000;
    text-decoration:none;
	}
a.info:link{color:#000;}
a.info:visited{color:#000;}


a.info:hover{z-index:25; color:#000;text-decoration:none; /*background-color:#ff0*/}
a.info:active{color:#000;}
a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    /*display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #000;
    background-color:#fff; color:#000;
    text-align: center*/}