/************************************************************************************
* Style pour les tableau
************************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(img/fond2.jpg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/************************************************************************************
* Style pour les liens
************************************************************************************/
a.inc{
	color:#FFFFFD;
	text-decoration: none;
	vertical-align:middle;
	font-size: 6px;	
}
a.inc{
    color:#FFFFFD;
	text-decoration: none;
	vertical-align:middle;
	font-size: 6px;
}
a.lienMenu{ 
    color:#FFFFFF;
	text-decoration: none;
	vertical-align:middle;
}
a.lienMenu:hover{
    color:#FFFFFF;
	text-decoration:underline;
}
a.lienMenuPetit{ 
    color:#FFFFFF;
	text-decoration: none;
	vertical-align:middle;
	font-size: 10px;
}
a.lienMenuPetit:hover{
    color:#FFFFFF;
	text-decoration:underline;
	font-size: 12px;
}
a.lienMenuInterieur{ 
    color:#FFFFFF;
	text-decoration: none;
	background-color:#999999;
	width:170px;
}
a.lienMenuInterieur:hover{
    color:#FFFFFF;
	text-decoration:underline;
	background-color:#999999;
}      
a.lienRejoindre{
	color:#FFFFFF;
	text-decoration: none;
	background-color: #009933;
}
a.lienRejoindre:hover{
    color:#FFFFFF;
	text-decoration:none;
	background-color:#00CC00;
}
a.lienRejoindreRouge{
	color:#FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
}
a.lienRejoindreRouge:hover{
    color:#FFFFFF;
	text-decoration:none;
	background-color:#FF0000;
}
a.lienModifier{ 
    color:#0000CC;
	text-decoration: none;
	vertical-align:middle;
}
a.lienModifier:hover{
    color:#0000CC;
	text-decoration:underline;
}
a.lienGestion{ 
    color:#000000;
	text-decoration: none;
	vertical-align:middle;
}
a.lienGestion:hover{
	color:#990000;
	text-decoration:underline;
	font-weight: bold;
}
a.lienIntervention{ 
    color:#000000;
	text-decoration: none;
	vertical-align:middle;
}
a.lienIntervention:hover{
	color:#000099;
	text-decoration:none;
}
a.lienTitreIntervention{ 
	color:#000000;
	text-decoration:none;
}
a.lienTitreIntervention:hover{
	color:#000099;
	text-decoration:underline;
}

/************************************************************************************
* Style pour les tables
************************************************************************************/
.mainTable {
	width: 743px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFD;
	/*background-image: url(img/fond.jpg);*/
}
.mainTableAfficheIntervention {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFD;
	/*background-image: url(img/fond.jpg);*/
}
.infoTable {
	width: 560px;
	padding-right: 5px;
	text-align: left;
}
.tableIntervention {
	width: 560px;
	padding-right: 0px;
	text-align: justify;
	vertical-align: top;			
}
.rectangleIntervention {
	width: 98%;
	text-align: center;
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	background-color: #ECE9D8;
	vertical-align: top;
	height: 240px;
	min-height:240px;
	max-height:240px;
	margin-top: 0px;
	padding-top: 0px;
	top: auto;
}
.rectangleGestion {
	width: 98%;
	text-align: center;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ECE9D8;
	vertical-align: top;
}
.rectangleInterventionComplet {
	width: 400px;
	text-align: center;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ECE9D8;
	vertical-align: top;
}
.infoTableCharte {
	width: 560px;
	padding-right: 0px;
	text-align: justify;
			
}
.infoTableAction {
	width: 550px;
	padding-right: 0px;
	text-align: justify;
	border-color: #339900;
	padding-left: 0px;
}
.tdNews {
	background-color:#999999;
	color:#FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.tdProjet {
	color:#000000;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.tdMenu {
	background-color:#999999;
	font-size: 13px;
}
.tdContact {
	background-color:#009900;
	font-size: 13px;
}
.tdLienAdmin{
	background-color:#800000;
	font-size: 13px;
}
.tdMenuInfo {
	font-size: 13px;
	padding-left: 4px;
}
.tdMenuCopyright {
	font-size: 10px;
	padding-left: 4px;
}
.tdNomIntervention{
	width: auto;
	background-color: #CCCCCC;
	vertical-align: top;
	font-weight: bold;
	color: #CC0000;
	font-size: 12px;
	margin: 0px;
	border: 0px;
	height:1px;
}
.tdTitreIntervention{
	width: auto;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}
.tdDateIntervention{
	width: auto;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	font-style: italic;
}
.tdContenuIntervention{
	width: auto;
	font-weight: normal;
	font-size: 11px;
	text-align: left;		
}
.tdPhotoIntervention{
	width: auto;
	font-weight: normal;
	font-size: 10px;
	text-align: center;	
}
.tdTitreGestion{
	width: auto;
	background-color: #CCCCCC;
	vertical-align: middle;
	font-weight: bold;
	color: #CC0000;
	font-size: 12px;
}
.remplissage{
	height: 100%;
}
.tdEspace {
	padding-right: 10px;
	padding-left: 10px;
}
/************************************************************************************
* Style pour les texte
************************************************************************************/
.titreVert{
	font-size: 14px;
	color: #339933;
	font-weight: bold;
	text-align: left;	
}
.titreRouge{
	font-size: 14px;
	color: #800000;
	font-weight: bold;	
}
.titreNoir{
	font-size: 14px;
	color: #000000;
	font-weight: bold;	
}
.titreBlanc{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;	
}
.charte{
	font-size: 13px;
	font-weight: bold;
	font-family: "Arial Narrow";
	text-align: justify;	
}
.select{
	font-size: 9px;
}

.petit{
	font-size: 10px;
	text-align: left;
}
.petitBas{
	font-size: 10px;
	vertical-align: bottom;
}
.normalGrasGauche{
	font-size: 13px;
	text-align: left;
	font-weight: bold;	
}
.normalCentre{
	font-size: 13px;
	text-align: center;
}
.finRouge{
	font-size: 13px;
	text-align: center;
	color: #800000;
}
.finVert{
	font-size: 13px;
	text-align: center;
	color: #339933;
}
.normalRouge{
	font-size: 13px;
	text-align: center;
	color: #800000;
	font-weight: bold;	
}
.normalVert{
	font-size: 13px;
	text-align: center;
	color: #339933;
	font-weight: bold;	
}
.texte1{
	text-align: left;
	font-size: 10px;
}
.texte1{
	text-align: left;
	font-size: 12px;
}
.legende{
	clear:left;
}
#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: Yellow;
}