#haut
{
height:137px;
background-color:#0686b5;
}



#centre
{

width : auto;
height:auto;
background-color:#0686B5;
margin-left:-0.5%;
margin-right:-0.5%;


}


p { text-align:center; }


#menu {
height : 50px;
line-height : 17px; 
text-align: center;
background :#717B7F;
border-bottom : 10px solid #ccc ;  
color :#ffff ; 
font-weight : bold;
font-size : 1.1em;
margin-left:-0.5%;
margin-right:-0.5%;
margin-top:-0.5%;
}

#menu ul{
 margin :0;
padding : 0;
list-style : none ;
}

#menu li{
float : left ;
background : url(images/li.jpg) no-repeat left; 
list-style : none ;
margin : 0 0 0 -1px;
padding :0 10px 0 15px; 

  }
  
  
#menu li:first-child  {
border : none;
}



#menu li a {
color : #FFF; 
text-decoration : none  ; 
  }
  
#menu li a:hover {
color : #236394;

}

w
{
color:white;
}

h3
{
color:white;
}
  h2
  {
 color:white;
 }

table
{
color:white;
}


#gauche
{
float:left;
position:relative;
top:2%;
width:12%;
height:703px;
color:white;
margin-left:0%;
}

.bleu
{color:bleu;}

a.vertical {			/*	à garder pour les boutons : mettre class="vertical" dans un lien a */
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;	/* tous les boutons auront la m^me taille*/
  width: 100px;
}
a.vertical:hover {
  background-color: #6495ED;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
  }
  
 /* pour le calendrier */ 
 .ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #999;
	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 */