#moisPrecedentSuivant {
      height : 20px;
    }

    #moisPrecedent {
      float : left;
    }
    
    #moisSuivant {
      float : right;
    }

    #moisPrecedent a,
    #moisSuivant a {
      text-decoration : none;
      color : #999;
    }
    
    #moisPrecedent a:hover,
    #moisSuivant a:hover {
      text-decoration : underline overline;
    }    
    
    div.rupture {
      clear : both;
    }

    div.ligneCalendrierSemaine {
      border-bottom : 1px solid #bbb;
    }

    div.ligneCalendrierWeekEnd {
      border-bottom : 1px solid #bbb;
      background-color : #eee;
      font-weight : bold;
    }

    div.jourSemaine {
      float : left;
      width : 60px;    
    }

    div.numeroJour {
      float : left;    
      width : 40px;     
    }    
    
    div.titre {
      margin-left : 100px;
      padding : 2px;
    }
    
    div.carre0 {
      display : inline;
      margin : 5px;
      width : 10px;
      height : 5px;
      border : 1px solid #b00;     
      background-color : #b00; 
    }
    
    div.carre1 {
      display : inline;
      margin : 5px;
      width : 10px;
      height : 5px;
      border : 1px solid #06f;     
      background-color : #06f; 
    }
    
    div.carre2 {
      display : inline;
      margin : 5px;
      width : 10px;
      height : 5px;
      border : 1px solid #090;     
      background-color : #090; 
    }

    div.carre3 {
      display : inline;
      margin : 5px;
      width : 10px;
      height : 5px;
      border : 1px solid #c0f;     
      background-color : #c0f; 
    }