Rev 354 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 354 | richard | 1 | /* règles générales */ |
| 2 | |||
| 3 | :link, :visited, :hover:link, :hover:visited { |
||
| 4 | FONT-FAMILY: "DejaVu Sans"; |
||
| 5 | COLOR: #000000; |
||
| 6 | } |
||
| 7 | |||
| 8 | H1, H2, #aide-certif { |
||
| 9 | TEXT-ALIGN: center; |
||
| 10 | padding: 0px; |
||
| 11 | margin: 3px; |
||
| 12 | } |
||
| 13 | P, UL, LI{ |
||
| 14 | TEXT-ALIGN: justify; |
||
| 15 | } |
||
| 16 | INPUT { |
||
| 17 | BACKGROUND-COLOR: white; |
||
| 18 | } |
||
| 19 | |||
| 20 | BODY { |
||
| 21 | BACKGROUND-IMAGE: url(/images/fond.png); |
||
| 22 | BACKGROUND-REPEAT: repeat-x; |
||
| 23 | TEXT-ALIGN: center; |
||
| 24 | FONT-FAMILY: "DejaVu Sans"; |
||
| 25 | COLOR: #666666; |
||
| 26 | FONT-SIZE: 12px; |
||
| 27 | BACKGROUND-COLOR: #666666; |
||
| 28 | MARGIN: 0px; |
||
| 29 | } |
||
| 30 | H1 { |
||
| 31 | COLOR: #666666; |
||
| 32 | FONT-SIZE: 55px; |
||
| 33 | } |
||
| 34 | H2 { |
||
| 35 | COLOR: #000000; |
||
| 36 | FONT-SIZE: 30px; |
||
| 37 | } |
||
| 38 | H6, #aide-certif{ |
||
| 39 | FONT-SIZE: 100%; |
||
| 40 | } |
||
| 41 | UL { |
||
| 42 | MARGIN: 5px; |
||
| 43 | PADDING-BOTTOM: 5px; |
||
| 44 | PADDING-LEFT: 10px; |
||
| 45 | PADDING-RIGHT: 115px; |
||
| 46 | PADDING-TOP: 5px; |
||
| 47 | } |
||
| 48 | LI { |
||
| 49 | LIST-STYLE-TYPE: square; |
||
| 50 | PADDING-TOP: 2px; |
||
| 51 | } |
||
| 52 | TABLE { |
||
| 53 | FONT-SIZE: 90%; |
||
| 54 | } |
||
| 55 | IMG { |
||
| 56 | HEIGHT: 150px; |
||
| 57 | } |
||
| 58 | INPUT { |
||
| 59 | BORDER: #666666 1px solid; |
||
| 60 | PADDING: 2px; |
||
| 61 | FONT-FAMILY: Arial; |
||
| 62 | HEIGHT: 22px; |
||
| 63 | } |
||
| 64 | |||
| 65 | /* Taille et position des logos */ |
||
| 66 | |||
| 67 | #logo-alcasar { |
||
| 68 | POSITION: absolute; |
||
| 69 | BOTTOM: 25px; |
||
| 70 | RIGHT: 5px; |
||
| 71 | HEIGHT: 130px; |
||
| 72 | } |
||
| 73 | #logo-organ { |
||
| 74 | POSITION: relative; |
||
| 75 | TOP: 0px; |
||
| 76 | RIGHT: -10px; |
||
| 77 | MAX-WIDTH: 150px; |
||
| 78 | MAX-HEIGHT: 150px; |
||
| 79 | } |
||
| 80 | |||
| 81 | /* Placement et proportion de la boite de saisie et de l'aide */ |
||
| 82 | |||
| 83 | #logon { |
||
| 84 | POSITION: relative; |
||
| 85 | WIDTH: 620px; |
||
| 86 | TOP: 20px; |
||
| 87 | border: 1px #efefef solid; |
||
| 88 | background-color: white; |
||
| 89 | } |
||
| 90 | |||
| 91 | #boite-logon { |
||
| 92 | BACKGROUND-IMAGE: url(/images/fond-bdd.png); |
||
| 93 | BORDER: #999999 1px solid; |
||
| 94 | PADDING: 10px; |
||
| 95 | WIDTH: 420px; |
||
| 96 | BACKGROUND-REPEAT: repeat-x; |
||
| 97 | HEIGHT: 189px; |
||
| 98 | COLOR: black; |
||
| 99 | } |
||
| 100 | #boite-logon TD { |
||
| 101 | PADDING-TOP: 10px; |
||
| 102 | } |
||
| 103 | #boite-info { |
||
| 104 | BORDER: 0px; |
||
| 105 | MARGIN-TOP: 25px; |
||
| 106 | WIDTH: 580px; |
||
| 107 | PADDING-TOP: 10px; |
||
| 108 | } |
||
| 109 | /*Boite de dialogue de deconnection*/ |
||
| 110 | |||
| 111 | #auth_reussi { |
||
| 112 | WIDTH: 450px; |
||
| 113 | BACKGROUND-COLOR: white; |
||
| 114 | MARGIN-TOP: 12px; |
||
| 115 | PADDING-TOP: 5px; |
||
| 116 | PADDING-LEFT: 10px; |
||
| 117 | PADDING-RIGHT: 10px; |
||
| 118 | PADDING-BOTTOM: 0px; |
||
| 119 | BORDER: 1px #efefef solid; |
||
| 120 | } |
||
| 121 | .text_auth { |
||
| 122 | FONT-SIZE: 20px; |
||
| 123 | } |
||
| 124 | .lien_deco { |
||
| 125 | TEXT-ALIGN: center; |
||
| 126 | FONT-SIZE: 18px; |
||
| 359 | richard | 127 | MARGIN-BOTTOM: 15px; |
| 354 | richard | 128 | } |
| 129 | .log_out { |
||
| 130 | FONT-SIZE: 24px; |
||
| 131 | TEXT-ALIGN: center; |
||
| 132 | COLOR: white; |
||
| 359 | richard | 133 | MARGIN-TOP: 30px; |
| 354 | richard | 134 | } |
| 359 | richard | 135 | /* style de la page accès contrôlé*/ |
| 136 | |||
| 137 | #cadre_titre{ |
||
| 138 | POSITION: relative; |
||
| 139 | WIDTH: 730px; |
||
| 140 | HEIGHT: 98px; |
||
| 141 | MARGIN-TOP: 40px; |
||
| 142 | MARGIN-LEFT: auto; |
||
| 143 | MARGIN-RIGHT: auto; |
||
| 144 | Z-INDEX: 2; |
||
| 145 | } |
||
| 146 | #cadre_titre .titre_controle { |
||
| 147 | BORDER: 2px #666666 solid; |
||
| 148 | BACKGROUND-IMAGE: url(/images/fond-bandeau.png); |
||
| 149 | BACKGROUND-REPEAT: repeat-x; |
||
| 150 | } |
||
| 151 | #cadre_titre .titre_refus { |
||
| 152 | BORDER: 2px red solid; |
||
| 153 | BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png); |
||
| 154 | BACKGROUND-REPEAT: repeat-x; |
||
| 155 | } |
||
| 156 | #boite_logo{ |
||
| 157 | POSITION: absolute; |
||
| 158 | TOP: -30px; |
||
| 159 | LEFT: -30px; |
||
| 160 | WIDTH: 150px; |
||
| 161 | HEIGHT: 150px; |
||
| 162 | Z-INDEX: 2; |
||
| 163 | } |
||
| 164 | #acces_controle { |
||
| 165 | TEXT-ALIGN: center; |
||
| 166 | COLOR: white; |
||
| 167 | FONT-SIZE: 50px; |
||
| 168 | FONT-STYLE: bold; |
||
| 169 | PADDING-TOP: 20px; |
||
| 170 | PADDING-BOTTOM: 20px; |
||
| 171 | MARGIN: 0px; |
||
| 172 | } |
||
| 173 | #logo_acces { |
||
| 174 | POSITION: relative; |
||
| 175 | TOP: 0px; |
||
| 176 | LEFT: 0px; |
||
| 177 | } |
||
| 178 | #contenu_acces { |
||
| 179 | POSITION: relative; |
||
| 180 | WIDTH: 640px; |
||
| 181 | HEIGHT: 400px; |
||
| 182 | TOP: -20px; |
||
| 183 | PADDING-TOP: 0px; |
||
| 184 | BACKGROUND-COLOR: white; /* a changer pour #efefef */ |
||
| 185 | BORDER-BOTTOM: 2px #666666 solid; |
||
| 186 | BORDER-LEFT: 2px #666666 solid; |
||
| 187 | BORDER-RIGHT: 2px #666666 solid; |
||
| 188 | BORDER-TOP: 0px; |
||
| 189 | MARGIN-LEFT: auto; |
||
| 190 | MARGIN-RIGHT: auto; |
||
| 191 | Z-INDEX: 1; |
||
| 192 | } |
||
| 193 | #logo_acces IMG, #box_refuse IMG { |
||
| 194 | WIDTH: 95px; |
||
| 195 | HEIGHT: 95px; |
||
| 196 | } |
||
| 197 | |||
| 198 | /* Boite des liens*/ |
||
| 199 | |||
| 200 | #box_url { |
||
| 201 | POSITION: relative; |
||
| 202 | TOP: 35px; |
||
| 203 | FONT-FAMILY: arial; |
||
| 204 | TEXT-ALIGN: right; |
||
| 205 | FONT-SIZE: 14px; |
||
| 206 | FONT-WEIGHT: bold; |
||
| 207 | COLOR: black; |
||
| 208 | MARGIN-RIGHT: 20px; |
||
| 209 | } |
||
| 210 | #box_bienvenue { |
||
| 211 | FONT-SIZE: 18px; |
||
| 212 | FONT-WEIGHT: bold; |
||
| 213 | } |
||
| 214 | #cadre_titre SPAN { |
||
| 215 | POSITION: absolute; |
||
| 216 | TOP: 80px; |
||
| 217 | WIDTH: 540px; |
||
| 218 | LEFT: 100px; |
||
| 219 | FONT-SIZE: 14px; |
||
| 220 | FONT-WEIGHT: bold; |
||
| 221 | COLOR: red; |
||
| 222 | TEXT-ALIGN: center; |
||
| 223 | } |
||
| 224 | #box_refuse { |
||
| 225 | FONT-SIZE: 16px; |
||
| 226 | COLOR: black; |
||
| 227 | MARGIN-LEFT: 130px; |
||
| 228 | MARGIN-RIGHT: 20px; |
||
| 229 | MARGIN-TOP: 40px; |
||
| 230 | WIDTH: 460px; |
||
| 231 | } |
||
| 232 | #box_refuse IMG { |
||
| 233 | POSITION: absolute; |
||
| 234 | TOP: -10px; |
||
| 235 | LEFT: -110px; |
||
| 236 | } |
||
| 237 | #box_refuse, #box_bienvenue { |
||
| 238 | POSITION: relative; |
||
| 239 | TOP: 55px; |
||
| 240 | } |
||
| 241 | #box_1 { |
||
| 242 | LEFT: 40px; |
||
| 243 | } |
||
| 244 | #box_2 { |
||
| 245 | LEFT: 350px; |
||
| 246 | } |
||
| 247 | #box_3 { |
||
| 248 | WIDTH: 575px; |
||
| 249 | LEFT: 40px; |
||
| 250 | BOTTOM: 20px; |
||
| 251 | } |
||
| 252 | #box_1 P, #box_2 P, #box_3 P { |
||
| 253 | MARGIN-LEFT: 80px; |
||
| 254 | MARGIN-RIGHT: 25px; |
||
| 255 | MARGIN-TOP: 0px; |
||
| 256 | FONT-SIZE: 10px; |
||
| 257 | } |
||
| 258 | #box_1 SPAN, #box_2 SPAN, #box_3 SPAN { |
||
| 259 | POSITION: relative; |
||
| 260 | MARGIN-LEFT: 75px; |
||
| 261 | MARGIN-RIGHT: 10px; |
||
| 262 | FONT-SIZE: 12px; |
||
| 263 | TOP: -20px; |
||
| 264 | } |
||
| 265 | .box_menu_courte, .box_menu_large { |
||
| 266 | POSITION: absolute; |
||
| 267 | HEIGHT: 80px; |
||
| 268 | BACKGROUND-IMAGE: url(/images/fond-bdd.png); |
||
| 269 | BACKGROUND-REPEAT: repeat-x; |
||
| 270 | VERTICAL-ALIGN: Bbottom; |
||
| 271 | TEXT-ALIGN: left; |
||
| 272 | BORDER: 2px #efefef solid; |
||
| 273 | } |
||
| 274 | .box_menu_courte { |
||
| 275 | WIDTH: 265px; |
||
| 276 | TOP: 170px; |
||
| 277 | } |
||
| 278 | .box_menu_courte IMG, .box_menu_large IMG { |
||
| 279 | POSITION: absolute; |
||
| 280 | WIDTH: 100px; |
||
| 281 | HEIGHT: 100px; |
||
| 282 | TOP: -40px; |
||
| 283 | LEFT: -30px; |
||
| 284 | } |
||
| 285 | .box_menu_courte, .box_menu_large, #logon , #contenu_acces, #acces_controle, #cadre_titre { |
||
| 286 | /* Arrondi CSS3 Firefox*/ |
||
| 287 | -moz-border-radius: 10px; |
||
| 288 | /* Arrondi CSS3 Autres Nav*/ |
||
| 289 | border-radius: 10px; |
||
| 290 | } |
||
| 291 | #liens_redir { |
||
| 292 | POSITION: relative; |
||
| 293 | BOTTOM: -100px; |
||
| 294 | LEFT: 90px; |
||
| 295 | TEXT-ALIGN: center; |
||
| 296 | } |
||
| 297 | #liens_redir P A { |
||
| 298 | FONT-SIZE: 12px; |
||
| 299 | TEXT-ALIGN: center; |
||
| 300 | MARGIN: 15px; |
||
| 301 | } |