body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#333333;
  margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  
}

/* TEMPLATE DU SITE */

		
/* ELEMENTS GENERAUX DU SITES */


 td.cal { font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height:12px;  
 padding: 5px; 
 text-align: center;
  }

a {
	color: #00759B;
	text-decoration : none;
}
a:hover {
	color: #FF9900;
	text-decoration : underline;
      
}

.T10 {
      font-family: Arial, Helvetica, sans-serif;
      line-height:12px;  
      padding: 5px; 
	font-size: 10px;
}

.lien {
	color : Gray;
	text-decoration : none;
	font-size: 10px;
}




/* CALENDRIER */


.surligne {
	background-color : #B0C4DE;
}
.complet {
	font-style : strike;
}


/* LISTES BIENS */



/* FORMULAIRE */

LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 120px ; font-weight: bold ; margin-left: 5px;margin-top: 5px }

form.css 
  {
	margin: 0px;
  }
form.css label
  {
	display: inline;
	float: left;
	width:210px;
	font-size: 10px;
	
  }
form.css input
{
	font-size:10px;
	font-family:Arial;
	border: 1px solid #7E9AAF;
	margin: 0px;
	background-color: #FFFFFF;
	color: #0099CC;
}

input
{
	font-size:10px;
	font-family:Arial;
	border: 1px solid #7E9AAF;
	margin: 5px;
}

input.noborder
{
	border-style: none;	
	margin: 1px;
	margin-right: 2px;
}
	
select
	
	{
	font-size:10px;
	font-family:Arial;
	border: 1px solid #7E9AAF;
}
	

			
/* CALENDRIER DES DISPO */

.dispo {
	background-color: #D7EBFF;
	color: #000033;	
      line-height:15px;  
 padding: 3px; 
 font-size:10px    
}


.prereserve {
	background-color: #FFFF00;
	color: #000000;
	line-height:15px;  
 padding: 3px; 
 font-size:10px    

}


a.prereserve:link, a.prereserve:visited, a.prereserve:active  {
   text-decoration: none;   
   color: #000000;
}
a.prereserve:hover   {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.arrhes {
	background-color: #0033FF;
	color: #FFFFFF;
	line-height:15px;  
 padding: 3px; 
 font-size:10px    

}

a.arrhes:link, a.arrhes:visited, a.arrhes:active  {
   text-decoration: none;   
   color: #FFFFFF;
}
a.arrhes:hover   {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	
}

.reserve {
	background-color: #FF0000;
	color: #FFFFFF;
        line-height:15px;  
 padding: 3px;  
	font-size:10px      
}

a.reserve:link, a.reserve:visited, a.reserve:active  {
   text-decoration: none;   
   color: #FFFFFF;
}
a.reserve:hover   {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	
}

.invitation {
	background-color: #006633;
	color: #FFFFFF;
	line-height:15px;  
 padding: 3px; 
 font-size:10px    

}

a.invitation:link, a.invitation:visited, a.invitation:active  {
   text-decoration: none;   
   color: #FFFFFF;
}
a.invitation:hover   {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	
}

.changement {
	background-color: #CCCCFF;
	color: #000000;
	line-height:15px;  
 padding: 3px; 
 font-size:10px    

}


.vide {
	background-color: #FFFFFF;
	color: #000033;
	line-height:15px;  
 padding: 3px; 
 font-size:10px    

}


.complet {
	text-decoration: line-through;
	background-color: #CCCCCC;
	color: #FFFFFF;
	line-height:15px;  
 padding: 3px; 
 font-size:10px    

}