[Sommaire] [Imprimer]

   1  /*
   2   * Styles du calendrier
   3   */
   4   
   5  .calendrier-arial9 { 
   6      font-family: Arial, Sans, sans-serif; font-size: 9px;
   7  }
   8  
   9  .calendrier-arial10 { 
  10      font-family: Arial, Sans, sans-serif; font-size: 10px;
  11  }
  12  
  13  .calendrier-arial11 { 
  14      font-family: Arial, Sans, sans-serif; font-size: 11px;
  15  }
  16  
  17  .calendrier-verdana10 {
  18      font-family: Verdana, Arial, Sans, sans-serif; font-size: 10px;
  19  }
  20  
  21  .calendrier-helvetica16 {
  22      font-family: arial,helvetica,sans-serif;
  23      font-size: 16px; 
  24      color: black;
  25  }
  26  
  27  div.navigation-calendrier {
  28      color: white;
  29      background-color: #cccccc;
  30      font-family: verdana, arial, sans,sans-serif;
  31      font-weight: bold;
  32      font-size: 14px;
  33  }
  34  
  35  div.navigation-calendrier img {
  36      border: 0px;
  37      vertical-align: middle;
  38      margin: 1px;
  39  }
  40  
  41  a.calendrier-annee {
  42      background-color: #aaaaaa;
  43      padding: 3px;
  44      margin: 1px;
  45      font-family: verdana, arial, sans,sans-serif;
  46      font-size: 10px;
  47      font-weight: bold;
  48      color: white;
  49      -moz-border-radius: 5px;
  50  }
  51  
  52  a.calendrier-annee:hover {
  53      color: black;
  54      background-color: white;
  55  }
  56  
  57  .calendrier-table-large { 
  58      border: 0px;
  59      width: 900px;
  60   }
  61  
  62  .calendrier-table-etroit { 
  63      border: 0px;
  64      width: 750px;
  65   }
  66  
  67  .calendrier-td-centre { 
  68      width: 550px;
  69      padding-left: 25px;
  70      padding-right: 25px;
  71        vertical-align: top;
  72   }
  73  
  74  .calendrier-td { 
  75      width: 14%;
  76        vertical-align: top;
  77   }
  78  
  79  .calendrier-th { 
  80      width: 14%;
  81      padding: 5px;
  82      text-align: center; 
  83        vertical-align: center;
  84      font-size: 10px;
  85      font-weight: bold;
  86      font-family: Verdana, Arial, Sans, sans-serif;
  87   }
  88  
  89  .calendrier-th a { 
  90    color: black;
  91  }
  92  
  93  .calendrier-table-etroit  .calendrier-td-gauche {
  94      width: 0px;
  95        vertical-align: top;
  96   }
  97  
  98  .calendrier-table-large  .calendrier-td-gauche {
  99      width: 150px;
 100        vertical-align: top;
 101   }
 102  
 103  .calendrier-table-etroit  .calendrier-td-droit {
 104      width: 150px;
 105        vertical-align: top;
 106   }
 107  
 108  .calendrier-table-large  .calendrier-td-droit {
 109      width: 150px;
 110        vertical-align: top;
 111   }
 112  
 113  .calendrier-jour {
 114      position: relative; 
 115      color: #999999;
 116      background-color: white;
 117      border: 1px solid #aaaaaa;
 118  }
 119  
 120  .calendrier-agenda { 
 121      margin-left: 1px;
 122      margin-top: 1px;
 123      padding: 1px;
 124      text-align: center; 
 125      background-color: white;
 126      -moz-border-radius: 5px;
 127   }
 128  
 129  .calendrier-demiagenda { 
 130      margin-left: 0px;
 131      margin-top: 0px;
 132      padding: 0px;
 133      text-align: center; 
 134      background-color: white;
 135      -moz-border-radius: 5px;
 136   }
 137  
 138  
 139  .calendrier-tripleagenda { 
 140      vertical-align: top;
 141      width: 33%;  
 142   }
 143  
 144  .calendrier-cadreagenda { 
 145      visibility: hidden;
 146      width: 100%;
 147      position: absolute; 
 148      padding-top: 5px;
 149      padding-bottom: 5px;
 150      border: 0px;
 151      background-color: white;
 152      -moz-border-radius-bottomleft: 8px;
 153      -moz-border-radius-bottomright: 8px;
 154   }
 155  
 156  .calendrier-titre { 
 157      padding: 5px;
 158      text-align: center; 
 159      font-weight: bold;
 160   }
 161  
 162  .calendrier-evenement { 
 163      padding: 2px;
 164      margin-top: 2px;
 165   }
 166  
 167  .calendrier-heurepile { 
 168      position: absolute;
 169      margin-left: 2px;
 170      margin-right: 2px;
 171      border-top: 1px solid #cccccc;
 172      font-weight: bold;
 173   }
 174  
 175  .calendrier-heureface { 
 176      position: absolute;
 177      margin-left: 2px;
 178      margin-right: 2px;
 179      border-top: 1px solid #cccccc;
 180   }
 181  
 182  .calendrier-mozleft { 
 183      -moz-border-radius-topleft: 10px;
 184      -moz-border-radius-bottomleft: 10px;
 185   }
 186  
 187  .calendrier-mozright { 
 188      -moz-border-radius-topright: 10px;
 189      -moz-border-radius-bottomright: 10px;
 190   }
 191  
 192  .calendrier-moztop8 { 
 193      -moz-border-radius-topleft: 8px;
 194      -moz-border-radius-topright: 8px;
 195  }
 196  
 197  .calendrier-mozbottom8 { 
 198      -moz-border-radius-bottomleft: 8px; 
 199      -moz-border-radius-bottomright: 8px;
 200  }
 201  
 202  .calendrier-moztop6 { 
 203      -moz-border-radius-topleft: 6px; 
 204      -moz-border-radius-topright: 6px;
 205  }
 206  
 207  .calendrier-mozbottom6 { 
 208      -moz-border-radius-bottomleft: 6px; 
 209      -moz-border-radius-bottomright: 6px;
 210  }
 211  
 212  .calendrier-opacity { 
 213      -moz-opacity: 0.3;
 214      filter: alpha(opacity=30);
 215  }
 216  
 217  
 218  .calendrier-png { 
 219      width: 12px; 
 220      height: 12px;
 221      behavior: url(win_png.htc);
 222  }
 223  
 224  .calendrier-icone { 
 225      width: 14px;
 226      height: 7px;
 227      border: 0px;
 228  }
 229  
 230  .calendrier-noir  {         /*  style anar */
 231      color: black;
 232  }
 233  
 234  .calendrier-nb  {         /*  style cinemat(yp)ographe */
 235      background-color: white;
 236      border: 1px solid black;
 237      color: black;
 238  }
 239  
 240  .calendrier-couleur1 {         /* Fushia */
 241          background-color: #FDE5F2;
 242          border: 1px solid #CD006F;
 243          color: #CD006F;
 244  }
 245  .calendrier-couleur1i {         /* Fushia */
 246          background-color: #CD006F;
 247          border: 1px solid #FDE5F2;
 248          color: #FDE5F2
 249  }
 250  .calendrier-couleur2 {         /* Bleu */
 251          background-color: #EDF3FE;
 252          border: 1px solid #5da7c5;
 253          color: #5da7c5;
 254  }
 255  .calendrier-couleur2i {         /* Bleu */
 256          background-color: #5da7c5;
 257          border: 1px solid #EDF3FE;
 258          color: #EDF3FE
 259  }
 260  .calendrier-couleur3 {         /* Bleu pastel */
 261          background-color: #EBE9FF;
 262          border: 1px solid #766CF6;
 263          color: #766CF6;
 264  }
 265  .calendrier-couleur3i {         /* Bleu pastel */
 266          background-color: #766CF6;
 267          border: 1px solid #EBE9FF;
 268          color: #EBE9FF
 269  }
 270  .calendrier-couleur4 {         /* Orange */
 271          background-color: #ffeecc;
 272          border: 1px solid #fa9a00;
 273          color: #fa9a00;
 274  }
 275  .calendrier-couleur4i {         /* Orange */
 276          background-color: #fa9a00;
 277          border: 1px solid #ffeecc;
 278          color: #ffeecc
 279  }
 280  .calendrier-couleur5 {         /* Rouge (Vermillon) */
 281          background-color: #FFEDED;
 282          border: 1px solid #FF0000;
 283          color: #FF0000;
 284  }
 285  .calendrier-couleur5i {         /* Rouge (Vermillon) */
 286          background-color: #FF0000;
 287          border: 1px solid #FFEDED;
 288          color: #FFEDED
 289  }
 290  .calendrier-couleur6 {         /* Orange */
 291          background-color: #FFF2EB;
 292          border: 1px solid #E95503;
 293          color: #E95503;
 294  }
 295  .calendrier-couleur6i {         /* Orange */
 296          background-color: #E95503;
 297          border: 1px solid #FFF2EB;
 298          color: #FFF2EB
 299  }
 300  .calendrier-couleur7 {         /* Jaune */
 301          background-color: #ffffee;
 302          border: 1px solid #ccaa00;
 303          color: #ccaa00;
 304  }
 305  .calendrier-couleur7i {         /* Jaune */
 306          background-color: #ccaa00;
 307          border: 1px solid #ffffee;
 308          color: #ffffee
 309  }
 310  .calendrier-couleur8 {         /* Vert pastel */
 311          background-color: #E2FDEC;
 312          border: 1px solid #009F3C;
 313          color: #009F3C;
 314  }
 315  .calendrier-couleur8i {         /* Vert pastel */
 316          background-color: #009F3C;
 317          border: 1px solid #E2FDEC;
 318          color: #E2FDEC
 319  }
 320  .calendrier-couleur9 {         /* Vert */
 321          background-color: #e5fd63;
 322          border: 1px solid #9DBA00;
 323          color: #9DBA00;
 324  }
 325  .calendrier-couleur9i {         /* Vert */
 326          background-color: #9DBA00;
 327          border: 1px solid #e5fd63;
 328          color: #e5fd63
 329  }
 330  .calendrier-couleur10 {         /* Rouge (Bordeaux) */
 331          background-color: #FFE0E0;
 332          border: 1px solid #640707;
 333          color: #640707;
 334  }
 335  .calendrier-couleur10i {         /* Rouge (Bordeaux) */
 336          background-color: #640707;
 337          border: 1px solid #FFE0E0;
 338          color: #FFE0E0
 339  }
 340  .calendrier-couleur11 {         /* Gris */
 341          background-color: #F2F2F2;
 342          border: 1px solid #3F3F3F;
 343          color: #3F3F3F;
 344  }
 345  .calendrier-couleur11i {         /* Gris */
 346          background-color: #3F3F3F;
 347          border: 1px solid #F2F2F2;
 348          color: #F2F2F2
 349  }
 350  .calendrier-couleur12 { 
 351          background-color: #aaaaaa;
 352          border: 1px solid black;
 353          color black;
 354  
 355  }
 356  .calendrier-couleur12i {
 357          background-color: black;
 358          border: 1px solid #aaaaaa;
 359          color: #aaaaaa}
 360  .calendrier-couleur13 {         /
 361          background-color: #FFFFE0;
 362          border: 1px solid #666500;
 363          color: #666500; /* Caca d'oie */
 364  }
 365  .calendrier-couleur13i {         /* Caca d'oie */
 366          background-color: #666500;
 367          border: 1px solid #FFFFE0;
 368          color: #FFFFE0
 369  }
 370  .calendrier-couleur14 {         /* Marron */
 371          background-color: #F5EEE5;
 372          border: 1px solid #8C6635;
 373          color: #8C6635;
 374  }
 375  .calendrier-couleur14i {         /* Marron */
 376          background-color: #8C6635;
 377          border: 1px solid #F5EEE5;
 378          color: #F5EEE5
 379  }