body 
{
    font-family: Helvetica;
	background: white;
	text-align: center;
	background: url(../img/fond_rayures.png);
	margin: 0;              
    padding: 0;  
}
#contener
{
    width:320px;
    background-color:#FFFFFF;
}
#entete {
    margin: 0;
    padding: 10px 0px 5px 0px;
    background-color: #889BB3;
    border-top:1px solid #CDD5DF;
    border-bottom: 1px solid #2D3642;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #485463;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCC), to(#6E84A2));
}
#entete a {
    margin: 0;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #485463;
}
#date {
    margin: 0;
    padding: 0;
    background-color: #CCCCD1;
    border-bottom: 1px solid #AAAEB6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F6), to(#CCCCD1));
}
.date_contenu 
{
    color: #2C3641;
    display: block;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #FFFFFF;    
}
.date_contenu a 
{
    color: #2C3641;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
.jour_entete
{
    width:47px;
    text-align:center;
    color:#343434;
    text-shadow: 0px 1px 0px #FFFFFF;
    font-size: 12px;
    font-weight:bold;
}
td.jour
{
    width:46px;
    height:44px;
    border-left:1px solid #A8ACB4;
    border-bottom:1px solid #A8ACB4;   
    color:#2C3641;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#D6D6DA;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour.png);
    cursor:pointer;
}
td.jour_point
{
    width:46px;
    height:44px;
    border-left:1px solid #A8ACB4;
    border-bottom:1px solid #A8ACB4;   
    color:#2C3641;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#D6D6DA;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour_point.png);
    cursor:pointer;
}
td.jour:hover
{
    width:46px;
    height:44px;
    border-left:1px solid #A8ACB4;
    border-bottom:1px solid #A8ACB4;   
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;    
    text-shadow: 0px 1px 0px #485463;  
    background-image:url(../img/fond_hover.png);
    cursor:pointer;
}
td.jour_point:hover
{
    width:46px;
    height:44px;
    border-left:1px solid #A8ACB4;
    border-bottom:1px solid #A8ACB4;   
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;    
    text-shadow: 0px 1px 0px #485463;  
    background-image:url(../img/fond_hover_point.png);
    cursor:pointer;
}
td.jour_premier
{
    width:45px;
    height:44px;
    border-bottom:1px solid #A8ACB4;
    color:#2C3641;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#D6D6DA;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour.png);
    cursor:pointer;    
}
td.jour_premier_point
{
    width:45px;
    height:44px;
    border-bottom:1px solid #A8ACB4;
    color:#2C3641;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#D6D6DA;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour_point.png);
    cursor:pointer;    
}
td.jour_premier:hover
{
    width:45px;
    height:44px;
    border-bottom:1px solid #A8ACB4;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;    
    text-shadow: 0px 1px 0px #485463;  
    background-image:url(../img/fond_hover.png);
    cursor:pointer;    
}
td.jour_premier_point:hover
{
    width:45px;
    height:44px;
    border-bottom:1px solid #A8ACB4;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;    
    text-shadow: 0px 1px 0px #485463;  
    background-image:url(../img/fond_hover_point.png);
    cursor:pointer;    
}
td.jour_select
{
    width:45px;
    height:44px;
    border:1px solid #364F72;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#0C4BB4;
    background-image: -webkit-gradient(radial, center center, 3, 40 40, 48, from(#1980E5), to(#0C4BB4));
    text-shadow: 0px 1px 0px #000000;        
    cursor:pointer;        
}
td.jour_select_point
{
    width:45px;
    height:44px;
    border:1px solid #364F72;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#0C4BB4;
    background-image:url(../img/fond_hover_point.png);
    text-shadow: 0px 1px 0px #000000;        
    cursor:pointer;        
}
td.jour_select:hover
{
    width:45px;
    height:44px;
    border:1px solid #364F72;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#0474E2;
    background-image: -webkit-gradient(radial, center center, 3, 40 40, 48, from(#59A4ED), to(#0474E2));
    text-shadow: 0px 1px 0px #000000;        
    cursor:pointer;            
}
td.jour_select_point:hover
{
    width:45px;
    height:44px;
    border:1px solid #364F72;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#0474E2;
    background-image:url(../img/fond_hover_point.png);
    text-shadow: 0px 1px 0px #000000;        
    cursor:pointer;            
}
.ligne
{
  border-bottom:1px solid #E0E0E0;     
  font-size:18px;
  font-weight:bold;
  color:#000000;
  height:47px;
  text-align:left;
  padding: 0 0 0 10px;
}
.heure
{
  border-bottom:1px solid #E0E0E0;     
  font-size:14px;
  font-weight:bold;
  color:#000000;
  height:47px;
  text-align:right;
}
.coef
{
  border-bottom:1px solid #E0E0E0;     
  font-size:12px;
  font-weight:bold;
  color:#000000;
  height:47px;
  text-align:left;
}

#reference {
    list-style: none;
    margin: 10px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    color: #222222;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
#pied {
    margin: 0;
    color: #4c566c;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    width:300px;
}
#pied a {
    color: #4c566c;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}