BODY{
	font-family: Arial, Helvetica, sans-serif; 
	color:#000000;
}

.XSmall {  font-family: Arial, Helvetica, sans-serif; font-size: 8px}

.Small {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-decoration: none;
}

.Small:hover{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

.Small2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none;
}

.Normal {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color:#FFFFFF;
	}

INPUT, SELECT, TEXTAREA{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#000000;
}

.TitreColonneLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
}

.TitreColonneSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.ColonneMenuLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align:right;
	width:195px;
	padding-right:5px;
}

.TableauReservations {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.BoxRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

.MenuIclub {text-decoration: none;; color: #FFFFFF}

.MenuIclub:hover{color:black;}.BoxesNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.arial8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.MenuAlpha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}

.TableauReservationsPDA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	border: 1px solid;
}

.TitreColonneSmallPDA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
}

.NavBarPDA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.TableauReservationTouch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.NavBarTouch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.TitreColonneSmallTouch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
}

.keyboard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	width: 50px;
	height: 50px;
}

.Keyboard2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	width: 80px;
	height: 50px;
}

.keyboard3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-left:10px;
	padding-right:10px;
	height: 50px;
}

.InputBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	height: 50px;
}

.InputTouch1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.TxtTouch1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.Keyboard4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	width: 200px;
}

.Keyboard5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	width: 300px;
}

.EtPubliqueClub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

.EtPubliqueDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.ListeCours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	background-repeat: repeat;
}

.NormalGris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
}

.TitrePage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.SelectRouge {
	background-color: #FF0000;
}

.SelectRouge66 {
	background-color: #f3785a;
}

.SelectRouge33 {
	background-color: #fab8a0;
}

.SelectBleu {
	background-color: #0000FF;
}

.SelectVert {
	background-color: #00FF00;
}

.SelectJaune {
	background-color: #FFFF00;
}

.SelectRose {
	background-color: #FF00FF;
}
.SelectTurquoise {
	background-color: #00FFFF;
}
.SelectBlanc {
	background-color: #FFFFFF;
}
.SelectBleuClair {
	background-color: #d9f8fc;
}

a {
	text-decoration: none;
	color: #0000CC;
} 

a:hover {
	text-decoration: underline;
	color:red;
}

.tabresa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.LienNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-align: center;
	text-decoration: none;
}

.LienNews:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-align: center;
}

.InputMoney {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

.boxNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:100%;
	border:#b6b7b8 1px solid;
}

.boxHeaderNews {
	background:#d6d7d8;
	padding:5px;
	font-weight:bold;
	text-align:left
}

.boxHeaderNewsTop {
	padding-top: 5px;
}

.boxHeaderNewsBot {
	padding-bottom:5px
}

.LienLangue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.LienLangue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

.tab1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.TableBorder{ 
background-position:bottom; 
background-repeat:repeat-x; 
background-color:#FFFFFF; 
border-color:#121212; 
border-style:solid; 
border-width:1px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;}

.TableBorderOff{ 
background-color:#FFFFFF; 
border-color:#121212; 
border-style:solid; 
border-width:1px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;}


hr{
	color:#333333;
	height:1px;
	}
	
	
/* INFOBULLES */

* {
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Arial, Helvetica, sans-serif;
}
a.info {
	position: relative;
	color: black;
	text-decoration: none;
	/*border-bottom: 1px gray dotted; */
}
a.info span {
	display: none;
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	
	top: 20px; /* on positionne notre infobulle */
	left: 10px;
	
	background: white;
	
	color: #333333;
	padding: 3px;
	
	border: 1px solid #333333;
	border-left: 4px solid #333333;
}

.Planning1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	border:#000000 1px solid;
	background-color:#CCCCCC; 
}

.barre-ss-titre { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-align: center; 
	color:#FFFFFF; 
	height:25px;
	background-color:#454545;
	}

.NavBar1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.NavBar1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
}

.NavBar1Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
}

.TitreTableau2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color:#CCCCCC; 
}