[Summary view] [Print] [Text view]

   1  body    {
   2      color: #404044;
   3      font-family: sans-serif;
   4      text-align: justify;
   5  }
   6  
   7  .menuheader {
   8      font-family: Verdana, Arial, Helvetica, sans-serif;
   9      font-size: 12px;
  10      font-weight: bold;
  11      color: #333333;
  12      border: 1px #333333 solid;
  13      background: #6699CC url(../images/menuback.png);    
  14      background-position:center center;
  15  }
  16  
  17  .menuheader:hover {
  18      background: #6699CC url(../images/menubackover.png);  
  19      background-position:center center;
  20  }
  21  
  22  .enabledheader {
  23      font-family: Verdana, Arial, Helvetica, sans-serif;
  24      font-size: 12px;
  25      font-weight: bold;
  26      color: #333333;
  27      border: 1px #333333 solid;
  28      background-color: #6699CC;
  29      clip:  rect(   );
  30  }
  31  .menucell {
  32      font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Arial, sans-serif;
  33      font-size: 13px;
  34      font-weight: normal;
  35      color: #333333;
  36      background-color: #f8f8ff;
  37      border: 1px #333333 solid;
  38  }
  39  h1 {
  40      font-family: Verdana, Arial, Helvetica, sans-serif;
  41      font-size: 24px;
  42      font-weight: bold;
  43      color: #FFFFFF;
  44      text-shadow: 1px 1px 1px #000000;
  45      background: #6699CC url(../images/menuback.png);    
  46      background-position:center center;
  47      text-align: center;
  48  }
  49  h2 {
  50      font-family: Verdana, Arial, Helvetica, sans-serif;
  51      font-size: 18px;
  52      font-weight: bold;
  53      color: #333333;
  54  }
  55  h3 {
  56      font-family: Arial, Helvetica, sans-serif;
  57      font-size: 12px;
  58      color: #6699CC;
  59      font-weight: bold;
  60      letter-spacing: 4px;
  61  }
  62  
  63  a:link  {color: #0080ff; text-decoration: none; }
  64  
  65  a:hover {
  66      color: #ff8f00;
  67      text-decoration: underline;
  68  }
  69  
  70  a:link {color: #0080ff; text-decoration: none; }
  71  
  72  a:visited {color: #0080ff;text-decoration: none; }
  73  
  74  .menuinfocell { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333333; background-color: #CC9999; border: 1px #333333 solid; }
  75  
  76  .infocell a:link {
  77      font-family: Arial, Helvetica, sans-serif;
  78      font-size: 12px;
  79      color: #CCCCCC;
  80  }
  81  .menuheader a:link { color: #333333;text-shadow: 0px 1px 0px #e5e5ee;}
  82  .menuheader a:visited { color: #333333;text-shadow: 0px 1px 0px #e5e5ee;}
  83  .menuheader a:hover { color: #686868;text-shadow: 0px 1px 0px #e5e5ee;}
  84  .enabledheader a:link { color: black}
  85  .enabledheader a:visited { color: black}
  86  .enabledheader a:hover { color: #333333}
  87  .menucell a:link { color: #333333}
  88  .menucell a:visited { color: #333333}
  89  .menucell a:hover { background-color: #333333; color: #999999}
  90  
  91  div.error_msg {
  92      text-align: center;
  93      color: #ff8f00;
  94      font-size: medium;
  95      font-weight: normal;
  96      font-family: arial, helvetica,sans-serif;
  97  }
  98  
  99  div.alert_msg {
 100      text-align: center;
 101      color: #ff8f00;
 102      font-weight: bold;
 103      font-family: arial, helvetica,sans-serif;
 104  }
 105  pre.screen {
 106      font-family: monospace;
 107      border-style: ridge outset;
 108      border-color: navy;
 109      margin-right: 1em;
 110      margin-left: 2em;
 111      padding-left: 1em;
 112      padding-right: 1em;
 113      background-color: lightgrey;
 114  /*       color: AntiqueWhite4;*/
 115      color: black;
 116  }
 117  dl, dt, dd {
 118      margin: 0;
 119      padding: 0;
 120      list-style-type: none;
 121      height: 25px;
 122      font-family: Verdana, Arial, Helvetica, sans-serif;
 123      font-size: 12px;
 124      font-weight: bold;
 125      color: #333333;
 126      width: 200px;
 127  }
 128  .ssmenu{
 129      font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Arial, sans-serif;
 130      font-size: 13px;
 131      font-weight: normal;
 132      color: #333333;
 133      background-color: #f8f8ff;
 134      margin: 0;
 135      padding: 0;
 136      list-style-type: none;
 137      height: 20px;
 138      width: 200px;
 139  }
 140  #menu {
 141      position: absolute;
 142      top: 25px;
 143      left: 5%;
 144      z-index: 100;
 145      width: 100%; /* correction pour Opera */
 146  }
 147  #menu dl {
 148      float: left;
 149  }
 150  #menu dt {
 151      cursor: pointer;
 152      text-align: center;
 153      font-weight: bold;
 154      background: #6699CC;
 155  /*    margin: 1px;*/
 156  border: 1px #333333 solid;
 157  
 158  }
 159  #menu dd {
 160      display: none;
 161      background: transparent;
 162  }
 163  #menu li {
 164      text-align: center;
 165      background: transparent;
 166      height: 25px;
 167      border: 1px solid Black;
 168      margin: 0;
 169      padding: 0;
 170      list-style-type: none;
 171      height: 25px;
 172      font-family: Verdana, Arial, Helvetica, sans-serif;
 173      font-size: 12px;
 174      font-weight: bold;
 175      color: #333333;
 176      width: 200px;
 177  }
 178  #menu li a, #menu dt a {
 179      color: #000;
 180      text-decoration: none;
 181      display: block;
 182      height: 100%;
 183      border: 0 none;
 184  }
 185  #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
 186      color: #333333;
 187  }
 188  #main{
 189      position: absolute; /* placement du menu, à modifier selon vos besoins */
 190      top: 130px;
 191  }
 192  #dock {
 193      width: 100%;
 194      position: relative;
 195  }
 196  .dock-container {
 197      position: absolute;
 198      height: 50px;
 199      padding-left: 20px;
 200  }
 201  a.dock-item {
 202      display: block; 
 203      font: bold 12px Arial, Helvetica, sans-serif;
 204      width: 40px; 
 205      color: #000; 
 206      bottom: 15px; 
 207      position: absolute;
 208      text-align: center;
 209      text-decoration: none;
 210  }
 211  .dock-item span {
 212      display: none;
 213      background: #ffffff;
 214      opacity: 0.8;
 215  }
 216  .dock-item img {
 217      border: none;
 218      margin: 5px 10px 0px; 
 219      width: 100%; 
 220  }