TD.joueur1 {
	background-color : #333399;
	color: #FFFFE0;
	/*font-weight : bold;*/
}
TD.joueur2 {
	background-color : Gold;
	color: #333399;
	/*font-weight : bold;*/
}
TD.joueur1_nm {
	background-color : #696969;
	color: #FFFFE0;
	/*font-weight : bold;
	*/
}
TD.joueur2_nm {
	background-color : #A9A9A9;
	color: Black;
	/*font-weight : bold;
	*/
}
TD.reserve {
	background-color : Gold;
	color: #333399;
	font-weight : normal;
	}
TD.reserve_nm {
	background-color : #DCDCDC;
	color: Black;
	font-weight : normal;
}
a.lien_neutre{
	color:#333399;
	text-decoration : none;
}
TD.reserve {
	background-color : Gold;
	color: #333399;
	font-weight : normal;
}
BODY, TR { /* Add TR to apply goog layout */
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #333399;
	background-color : white;
}
A:visited, A:active {
	color: blue;
	text-decoration: underline;
}
A:hover {
	color: blue;
	text-decoration: none;
}
.menugauche {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #333399;
}
.menu_top {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: white;
	text-decoration: none;
}
A.menu_top,A:VISITED.menu_top,A:ACTIVE.menu_top {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: white;
	text-decoration: none;
}
A:HOVER.menu_top {
	background-color : #CCCCFF;
	color: black;
	text-decoration: none;
}
A.menugauche,A:VISITED.menugauche,A:ACTIVE.menugauche {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #333399;
	text-decoration: none;
	font-weight : bold;
}
A:HOVER.menugauche {
	text-decoration: none;
	color : #FFCC33;
	font-weight : bold;
}
.copyright {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 6pt;
	color: #336699;
}
.adresse {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 7pt;
	color: #336699;
}
.LABEL {
	/* A determiner */
	font-weight : bold;
	text-align : left;
}
.INPUT_TEXT {
	/* A determiner */
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
}
.INPUT_BUTTON {
	/* A determiner */
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
}
.input_button_tactile {
	/* A determiner */
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	width : 200px;
}
.input_button_tactile2 {
	/* A determiner */
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	width : 55px;
}
.lettre_garde{
	font-size : 20pt;
	color : DarkBlue;
	text-transform : uppercase;
	font-weight : thin;
	width : 40px;
	font-family : "Courier New";
}
.INPUT_RADIO {
	/* A determiner */
}
.INPUT_CB {
	/* A determiner */
}
.Msg_OK {
	color:green;
}
.Msg_Error {
	color:red;
}
.backlist_1 {
	background-color:white;
}
.backlist_2 {
	/*background-color: #BCD1F8;*/
	background-color: LightYellow;
}
.title_bar {
	background-color: #336699;
	color:white;
	font-weight : bold;
}
.NotNull {
	color:red;
}
.Warning_NotOK {
	/* Avertissement dans une ligne - Style différent du msg d'erreur */
	color:red;
	/*font-weight:bold;*/
}
.Warning_OK {
	/* Avertissement dans une ligne - Style différent du msg d'erreur */
	color:green;
}
.print_title {
	/* Formulaire vierge */
	color:black;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
}
.print_text {
	/* Formulaire vierge */
	color:black;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
}
.day_normal, a:active.day_normal, a:hover.day_normal, a:visited.day_normal {
	/* Jour dispo dans J+8 */
	background-color: #336699;
	color:white;
	font-weight : bold;
	text-decoration:none;
}
.day_selected, a:active.day_selected, a:hover.day_selected, a:visited.day_selected {
	/* Jour selectionne dans J+8 */
	background-color: LightYellow;
	color:#336699;
	font-weight : bold;
	text-decoration:none;
}
.lettre, a:active.lettre, a:hover.lettre, a:visited.lettre{
	/* Affiche pour "clavier tactile" */
	/*font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family : "Courier New";
	font-size : 20pt;
	color: #333399;
	background-color : white;
	font-weight : bold;
	text-decoration:none;
	width : 60px;
}
.input_button_jour{
	/* Affiche pour "clavier tactile" */
	/*font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family : "Courier New";
	font-size : 8pt;
	color: #333399;
	background-color : white;
	text-decoration:none;
	height:35px;
	width:150px;
}

.input_button_jour_sel{
	/* Affiche pour "clavier tactile" */
	/*font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family : "Courier New";
	font-size : 8pt;
	color: #ffffff;
	background-color : #3366ff;
	text-decoration:none;
	height:35px;
	width:150px;
}

.input_button_reservation{
	/* Affiche pour "clavier tactile" */
	/*font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family : "Courier New";
	font-size : 8pt;
	color: #333399;
	background-color : white;
	text-decoration:none;
	height:30px;
}
.input_button_haut{
	/* Affiche pour "clavier tactile" */
	/*font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family : "Courier New";
	font-size : 20pt;
	color: #000099;
	background-color : #ffff66;
	font-weight : bold;
	text-decoration:none;
	height:35px;
	width:40px;
}
.input_button_nom{
	/* Affiche pour "clavier tactile" */
	/*font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family : "Courier New";
	font-size : 8pt;
	color: #000099;
	background-color : white;
	font-weight : bold;
	text-decoration:none;
	height:35px;
	width : 100px;
}
.titre_tac{
	font-weight : bold;
	color : #00008B;
	font-size : 11pt;
	text-align : left;
	text-decoration : underline;
}
.titredate{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 15pt;
	color: #336699;
a.bouton {
  color: white;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#a1e0fa;
  border: 1px solid #6495ED;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  display: block;
  width: 80px;
}
a.bouton:hover {
  background-color: #6495ED;
}
a.bouton2 {
  color: white;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#6495ED;
  border: 1px solid #666666;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  display: block;
  width: 200px;
  height:20px;
}
a.bouton2:hover {
  background-color:#003366;
}
.Style3 {color: #FFFFFF; font-weight: bold; }
.divreserve {
	font-size: small;
	font-weight: bold;
	color: #003399;
	width:80;
	height:10;
	text-decoration:none;
}
.divreserve2 {
	font-size: small;
	font-weight: bold;
	color: #003399;
	width:80;
	height:10;
	text-decoration:none;
}
.divreserve:hover {
	color:#FF0000;
}
.Style5 {font-size: medium}
.Style6 {font-size: small}
.Style7 {
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color:#FFFFFF;
}
#menu {
 /* placement du menu, à modifier selon vos besoins */
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
color:#FFFFFF;
text-align: center;
font-weight: bold;
background: #666666;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #666666;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background-color:#333333;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
.Style9 {
	color: #003366;
	font-size: x-large;
}
.Style10 {color: #003366}

}