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: 8px;
  72 }
  73
  74 div.entete form {
  75    float: right;
  76    padding-right: 10px;
  77    padding-top: 5px;
  78    margin-right: 30px;
  79 }
  80
  81 div.entete form input {
  82    font-size: 16pt;
  83    background-color: #B1F1A9;
  84    margin: 0px;
  85    padding: 0px;
  86 }
  87
  88 div.entete form button {
  89    position: relative;
  90    height: 25px;
  91    width: 25px;
  92    border: 0px;
  93    background-color: #B1F1A9;
  94    background-image: url(../img/clear.png);
  95    background-position: center;
  96    background-repeat: no-repeat;
  97    vertical-align: top;
  98 }
  99
 100 div.entete form p {
 101         color: black;
 102         font-size: 7pt;
 103         margin-top: 1px;
 104 }
 105
 106 div.entete form p label {
 107         margin-right: 4px;
 108 }
 109
 110 div.entete form input[type='checkbox'] {
 111         border:2px solid red;
 112 }
 113
 114 div.pied {
 115    position: fixed;
 116    bottom: 0px;
 117    height: 50px;
 118    width: 90%;
 119    background-image: url(../img/collines.png)
 120 }
 121
 122 div.contenu {
 123    padding-top: 50px;
 124 }
 125
 126 table#liste {
 127         width: 100%;
 128         border-spacing: 0px 0px;
 129    margin-bottom:50px;
 130 }
 131
 132 table#liste th {
 133    background-color: #8DDD83;
 134         padding: 3px;
 135    font-size: 13pt;
 136 }
 137
 138 table#liste th.titre {
 139         text-align: left;
 140 }
 141
 142 table#liste th.annee {
 143         width: 50px;
 144         text-align: center;
 145 }
 146
 147 table#liste th.duree {
 148         width: 80px;
 149         text-align: center;
 150 }
 151
 152 table#liste th.lien {
 153         width: 50px;
 154         text-align: center;
 155 }
 156
 157 table#liste th.fichier {
 158         width: 50px;
 159         text-align: center;
 160 }
 161
 162 table#liste td {
 163    background-color: #7BC671;
 164    color: #20531A;
 165         padding: 3px;
 166 }
 167
 168 table#liste td.titre {
 169         font-weight: bold;
 170 }
 171
 172 table#liste td.annee {
 173         text-align: right;
 174 }
 175
 176 table#liste td.duree {
 177         text-align: right;
 178 }
 179
 180 table#liste td.lien {
 181         text-align: center;
 182 }
 183
 184 table#liste td.fichier {
 185         text-align: center;
 186 }
 187
 188 table#liste td.titre:hover {
 189     background-color: #B1F1A9;
 190         padding: 3px;
 191 }
 192
 193 table#liste td.detail {
 194    background-color: #8DDD83;
 195         padding: 0px 0px 0px 0px;
 196 }
 197
 198 table#liste table.detail {
 199         display:none;
 200    padding-bottom: 10px;
 201         border-spacing: 0px 0px;
 202 }
 203
 204 table#liste table.detail td {
 205         padding: 3px;
 206    background-color: #B1F1A9;
 207 }
 208
 209 table#liste table.detail td.titreDetail {
 210         font-weight: bold;
 211 }
 212
 213