css/yopyop.css

   1 * {
   2    margin: 0;
   3    padding: 0;
   4    border-width: 0;
   5 }
   6
   7 html {
   8         background-color: #8DDD83;
   9    height: auto;
  10    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
  11 }
  12
  13 a {
  14    text-decoration: none;
  15 }
  16 a:link {
  17    color: #51874A;
  18 }
  19 a:visited {
  20    color: #51874A;
  21 }
  22 a:hover {
  23    color: #5DDF4C;
  24 }
  25 a:active {
  26    color: #5DDF4C;
  27 }
  28
  29 body {
  30    width: 90%;
  31    height: auto;
  32    margin-left: auto;
  33    margin-right: auto;
  34    margin-top: 0px;
  35    text-align: left;
  36 }
  37
  38 h1 {
  39         font-size: 20pt;
  40         font-style: italic;
  41         font-weight: bold;
  42         margin-left: 40px;
  43 }
  44
  45 th {
  46         font-size: 14pt;
  47         font-weight: bold;
  48 }
  49
  50 td {
  51         vertical-align:top;
  52 }
  53
  54 div.entete {
  55    width: 90%;
  56         position: fixed;
  57    background-color: #65A35D;
  58    height: 50px;
  59    color: #8DDD83;
  60    -moz-border-radius: 0px 0px 20px 20px;
  61 }
  62
  63 div.entete img {
  64    position: absolute;
  65    left: 180px;
  66    top: -3px;
  67 }
  68
  69 div.entete h1 {
  70         float: left;
  71    margin-top: 10px;
  72 }
  73
  74 div.pied {
  75    position: fixed;
  76    bottom: 0px;
  77    height: 50px;
  78    width: 90%;
  79    background-image: url(../img/collines.png)
  80 }
  81
  82 div form {
  83         float: right;
  84    padding-right: 10px;
  85    padding-top: 5px;
  86 }
  87
  88 div form input {
  89    font-size: 16pt;
  90    background-color: #B1F1A9;
  91 }
  92
  93 div form button {
  94    position: relative;
  95    top: -5px;
  96    height: 25px;
  97    width: 25px;
  98    margin: 2px;
  99    background-color: #B1F1A9;
 100    border: 0px;
 101    background-image: url(../img/clear.png);
 102    background-position: center;
 103    background-repeat: no-repeat;
 104 }
 105
 106 div.contenu {
 107    padding-top: 50px;
 108 }
 109
 110 table#liste {
 111         width: 100%;
 112         border-spacing: 0px 0px;
 113    margin-bottom:50px;
 114 }
 115
 116 table#liste th {
 117    background-color: #8DDD83;
 118         padding: 3px;
 119    font-size: 13pt;
 120 }
 121
 122 table#liste th.titre {
 123         text-align: left;
 124 }
 125
 126 table#liste th.annee {
 127         width: 50px;
 128         text-align: center;
 129 }
 130
 131 table#liste th.duree {
 132         width: 80px;
 133         text-align: center;
 134 }
 135
 136 table#liste th.lien {
 137         width: 50px;
 138         text-align: center;
 139 }
 140
 141 table#liste th.fichier {
 142         width: 50px;
 143         text-align: center;
 144 }
 145
 146 table#liste td {
 147    background-color: #7BC671;
 148    color: #20531A;
 149         padding: 3px;
 150 }
 151
 152 table#liste td.titre {
 153         font-weight: bold;
 154 }
 155
 156 table#liste td.annee {
 157         text-align: right;
 158 }
 159
 160 table#liste td.duree {
 161         text-align: right;
 162 }
 163
 164 table#liste td.lien {
 165         text-align: center;
 166 }
 167
 168 table#liste td.fichier {
 169         text-align: center;
 170 }
 171
 172 table#liste td.titre:hover {
 173     background-color: #B1F1A9;
 174         padding: 3px;
 175 }
 176
 177 table#liste td.detail {
 178    background-color: #8DDD83;
 179         padding: 0px 0px 0px 0px;
 180 }
 181
 182 table#liste table.detail {
 183         display:none;
 184    padding-bottom: 10px;
 185         border-spacing: 0px 0px;
 186 }
 187
 188 table#liste table.detail td {
 189         padding: 3px;
 190    background-color: #B1F1A9;
 191 }
 192
 193 table#liste table.detail td.titreDetail {
 194         font-weight: bold;
 195 }
 196
 197