body {
	background-color: #849CB6;     
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	vlink: #DCDCDC;
	alink: #DCDCDC;
}
.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
	color: #151659;
}
.cadrehaut {
    width: 762px;
	height: 60px;
	align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EDEEF0;  
}
.cadremilieu {
    width: 762px;
	min-height: 500px;
	align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EDEEF0;
}
/* si le tableau des réservation est trop grand
   on remplace cadremilieu par cadreresa1 + cadreresa2 */ 
.cadreresa1 {
    width: 762px;
	height: 200px;
	align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EDEEF0;
}
.cadreresa2 {
    width: 762px;
	height: 500px;
	align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EDEEF0;
	overflow: scroll;  
}
.cadreimprim {
    width: 650px;
	height: 500px;
	align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EDEEF0;  
}
.cadrebas {
    width: 762px;
	height: 33px;
	align: center;
	background-color: #EDEEF0;  
}
.titrecadreinfo {
	height: 20px;
	align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #849CB6;  
	color: #FFFFFF;
}
.titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 20px;
	color: #000000;
	text-decoration: underline;
	text-align: center;
}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	line-height: 20px;
	color: #000000;
}
.texte1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	line-height: 20px;
	color: #000000;
}
.texte1_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	color: #151659;
}
.texte2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 10px;
	color: #000000;
}
.texte2_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 10px;
	color: #151659;
}
.texte2_droite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	line-height: 10px;
	color: #151659;
}
.titrerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	line-height: 20px;
	color: #ff0000;
}
.btn_login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	line-height: 10px;
	color: #151659;
}
table {
}
.tableresa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	border-spacing: 0;
	border-width: 2px;
	border-style: solid;
	border-color: #151659;
	border-collapse:collapse;
	color: #FFFFFF;
	background-color: #849CB6;    
}
tr {
}
.trresa {
	border-spacing: 0;
	border-width: 0;
	border-style: solid;
}
th {
}
.thresa {
	font-size: 11px;
	border-spacing: 0;
	border-width: 0;
	border-style: solid;
}
td {
}
.tdresa {
	font-size: 11px;
	border-spacing: 0;
	border-width: 1;
	border-style: solid;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}