body 
{
    font-family: Helvetica;
	background: white;
	text-align: center;
	background: url(img/fond_rayures.png);
	margin: 0;              
    padding: 0;  
}
#contener
{
    width:100%;
    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
{
    text-align:center;
    color:#343434;
    text-shadow: 0px 1px 0px #FFFFFF;
    font-size: 12px;
    font-weight:bold;
}
.jour
{
    width:14%;
    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:#E1E1E4;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}
.jour_point
{
    width:14%;
    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:#E1E1E4;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour_point.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}
.jour:hover
{
    width:14%;
    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);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}
.jour_point:hover
{
    width:14%;
    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);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}
.jour_premier
{
    width:14%;
    height:44px;
    border-bottom:1px solid #A8ACB4;
    color:#2C3641;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#E1E1E4;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;    
}
.jour_premier_point
{
    width:14%;
    height:44px;
    border-bottom:1px solid #A8ACB4;
    color:#2C3641;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#E1E1E4;
    text-shadow: 0px 1px 0px #FFFFFF;        
    background-image:url(../img/fond_jour_point.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;    
}
.jour_premier:hover
{
    width:14%;
    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);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;    
}
.jour_premier_point:hover
{
    width:14%;
    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);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;    
}
.jour_select
{
    width:14%;
    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;        
}
.jour_select_point
{
    width:14%;
    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);
    background-repeat:no-repeat;
    background-position:center;
    text-shadow: 0px 1px 0px #000000;        
    cursor:pointer;        
}
.jour_select:hover
{
    width:14%;
    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;            
}
.jour_select_point:hover
{
    width:14%;
    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);
    background-repeat:no-repeat;
    background-position:center;
    text-shadow: 0px 1px 0px #000000;        
    cursor:pointer;            
}
.ligne
{
  border-bottom:1px solid #E0E0E0;     
  font-size:16px;
  font-weight:bold;
  color:#000000;
  height:50px;
  text-align:left;
  padding: 10px;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  position:relative;
}
.ligne_fond
{
    border-bottom: 1px solid #E0E0E0;
    background-image: url(img/fond_ligne.png);
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    height: 50px;
    text-align: left;
    padding: 3px 0 0 10px;
    cursor: pointer;
}
.heure
{
  font-size:12px;
  color:#000000;  
}
.rubrique
{
    font-size: 14px;
}
.even_titre
{
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 18px;
    color: #000000;
    text-align:left;
}
.even_corps
{
    font-size: 18px;
    color: #000000;
    text-align: left;
    padding: 5px 10px 5px 10px;
}
.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:100%;
}
#pied a {
    color: #4c566c;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}