Subversion Repositories Applications.papyrus

Rev

Rev 43 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 43 Rev 83
1
/*--------------------------------------------------------------------------------------------------------------*/
1
/*--------------------------------------------------------------------------------------------------------------*/
2
/* Structure de la page */
2
/* Structure de la page */
3
 
3
 
4
#zone_bandeau {
4
#zone_bandeau {
5
    position : absolute;
5
    position : absolute;
6
    top: 0%;
6
    top: 0%;
7
    left: 0%;
7
    left: 0%;
8
    width: 100%;
8
    width: 100%;
9
    height: 60px;
9
    height: 60px;
10
}
10
}
11
 
11
 
12
#logo {
12
#logo {
13
    float : left;
13
    float : left;
14
    height: 20%;
14
    height: 20%;
15
    width: 20%;
15
    width: 20%;
16
}
16
}
17
 
17
 
18
#site_nom {
18
#site_nom {
19
    position : absolute;
19
    position : absolute;
20
    top: 0px;
20
    top: 0px;
21
    left: 100px;
21
    left: 100px;
22
    width: 40%;
22
    width: 40%;
23
    height: 5%;
23
    height: 5%;
24
    line-height: 5%;
24
    line-height: 5%;
25
}
25
}
26
 
26
 
27
#menus_communs {
27
#menus_communs {
28
    position : absolute;
28
    position : absolute;
29
    bottom: 0px;
29
    bottom: 0px;
30
    left: 100px;
30
    left: 100px;
31
    margin: 0%;
31
    margin: 0%;
32
    padding: 0%;
32
    padding: 0%;
33
}
33
}
34
 
34
 
35
#menus_communs li {
35
#menus_communs li {
36
    display: inline;
36
    display: inline;
37
    line-height: 5%;
37
    line-height: 5%;
38
}
38
}
39
 
39
 
40
#accessibilite {
40
#accessibilite {
41
    position : absolute;
41
    position : absolute;
42
    bottom: 0px;
42
    bottom: 0px;
43
    right: 0px;
43
    right: 0px;
44
    width: 40%;
44
    width: 40%;
45
    margin: 0%;
45
    margin: 0%;
46
    padding: 0%;
46
    padding: 0%;
47
    text-align: right;
47
    text-align: right;
48
}
48
}
49
 
49
 
50
#accessibilite li {
50
#accessibilite li {
51
    display: inline;
51
    display: inline;
52
    line-height: 5%;
52
    line-height: 5%;
53
}
53
}
54
 
54
 
55
#selecteur_monde {
55
#selecteur_monde {
56
    position : absolute;
56
    position : absolute;
57
    top: 0%;
57
    top: 0%;
58
    right: 0%;
58
    right: 0%;
59
    height: 10%;
59
    height: 10%;
60
    width: 40%;
60
    width: 40%;
61
    text-align: right;
61
    text-align: right;
62
}
62
}
63
 
63
 
64
#selecteur_monde legend {
64
#selecteur_monde legend {
65
    display: none;
65
    display: none;
66
}
66
}
67
 
67
 
68
#selecteur_monde fieldset {
68
#selecteur_monde fieldset {
69
    border: 0px;
69
    border: 0px;
70
    margin: 1px;
70
    margin: 1px;
71
    padding: 1px;
71
    padding: 1px;
72
    text-align: right;
72
    text-align: right;
73
}
73
}
74
 
74
 
75
#moteur_recherche {
75
#moteur_recherche {
76
    position : absolute;
76
    position : absolute;
77
    top: 10%;
77
    top: 10%;
78
    right: 0%;
78
    right: 0%;
79
    height: 10%;
79
    height: 10%;
80
    width: 40%;
80
    width: 40%;
81
    text-align: right;
81
    text-align: right;
82
}
82
}
83
 
83
 
84
#zone_menu {
84
#zone_menu {
85
    position : absolute;
85
    position : absolute;
86
    top: 60px;
86
    top: 60px;
87
    left: 0%;
87
    left: 0%;
88
    width: 20%;
88
    width: 20%;
89
    margin: 5px 0px 50px 5px;
89
    margin: 5px 0px 50px 5px;
90
    padding: 5px 0px 50px 5px;
90
    padding: 5px 0px 50px 5px;
91
}
91
}
92
 
92
 
93
#zone_menu #menu_n1 {
93
#zone_menu #menu_n1 {
94
    margin: 0px 0px 0px 5px;
94
    margin: 0px 0px 0px 5px;
95
    padding: 0px 0px 0px 0px;
95
    padding: 0px 0px 0px 0px;
96
    text-align: left;
96
    text-align: left;
97
}
97
}
98
 
98
 
99
#zone_menu #menu_n2 {
99
#zone_menu #menu_n2 {
100
    margin: 0px 0px 0px 10px;
100
    margin: 0px 0px 0px 10px;
101
    padding: 0px 0px 0px 0px;
101
    padding: 0px 0px 0px 0px;
102
    text-align: left;
102
    text-align: left;
103
}
103
}
104
 
104
 
105
#zone_menu #menu_n3 {
105
#zone_menu #menu_n3 {
106
    margin: 0px 0px 0px 10px;
106
    margin: 0px 0px 0px 10px;
107
    padding: 0px 0px 0px 0px;
107
    padding: 0px 0px 0px 0px;
108
    text-align: left;
108
    text-align: left;
109
}
109
}
110
 
110
 
111
#zone_menu #identification {
111
#zone_menu #identification {
112
    width: 100%;
112
    width: 100%;
113
}
113
}
114
 
114
 
115
#identification fieldset {
115
#identification fieldset {
116
    border: 0px;
116
    border: 0px;
117
    margin: 1px;
117
    margin: 1px;
118
    padding: 1px;
118
    padding: 1px;
119
}
119
}
120
 
120
 
121
#identification legend {
121
#identification legend {
122
    display: none;
122
    display: none;
123
}
123
}
124
 
124
 
125
#identification p {
125
#identification p {
126
    margin: 0%;
126
    margin: 0%;
127
    padding: 0%;
127
    padding: 0%;
128
}
128
}
129
 
129
 
130
#identification label {
130
#identification label {
131
    display: block;
131
    display: block;
132
}
132
}
133
 
133
 
134
#zone_contenu {
134
#zone_contenu {
135
    position : absolute;
135
    position : absolute;
136
    top: 60px;
136
    top: 60px;
137
    right: 0%;
137
    right: 0%;
138
    width: 75%;
138
    width: 75%;
139
    margin: 5px 5px 5px 5px;
139
    margin: 5px 5px 5px 5px;
140
    padding: 5px 5px 5px 5px;
140
    padding: 5px 5px 5px 5px;
141
}
141
}
142
 
142
 
143
#zone_contenu #zone_pied p {
143
#zone_contenu #zone_pied p {
144
    text-align: center;
144
    text-align: center;
145
}
145
}
146
 
146
 
147
/*--------------------------------------------------------------------------------------------------------------*/
147
/*--------------------------------------------------------------------------------------------------------------*/
148
/* Décoration */
148
/* Décoration */
149
 
149
 
150
body {
150
body {
151
    font-size: 90%;
151
    font-size: 90%;
152
    font-family: arial, verdana, sans-serif;
152
    font-family: arial, verdana, sans-serif;
153
    color:black;
153
    color:black;
154
    background-color: white;
154
    background-color: white;
155
    margin: 0px 0px 0px 0px;
155
    margin: 0px 0px 0px 0px;
156
}
156
}
157
 
157
 
158
h1 {
158
h1 {
159
    font-size: 2em;
159
    font-size: 2em;
160
    color:black;
160
    color:black;
161
    background-color:transparent;
161
    background-color:transparent;
162
    text-align:left;
162
    text-align:left;
163
}
163
}
164
 
164
 
165
h2 {
165
h2 {
166
    font-size: 1.8em;
166
    font-size: 1.8em;
167
    color:black;
167
    color:black;
168
    background-color:transparent;
168
    background-color:transparent;
169
    text-align:left;
169
    text-align:left;
170
}
170
}
171
 
171
 
172
h3 {
172
h3 {
173
    font-size: 1.6em;
173
    font-size: 1.6em;
174
    color:black;
174
    color:black;
175
    background-color:transparent;
175
    background-color:transparent;
176
    text-align:left;
176
    text-align:left;
177
}
177
}
178
 
178
 
179
p {
179
p {
180
    background-color:transparent;
180
    background-color:transparent;
181
    text-align:left;
181
    text-align:left;
182
    margin-left:0px;
182
    margin-left:0px;
183
    margin-right:0px;
183
    margin-right:0px;
184
}
184
}
185
 
185
 
186
form ul {
186
form ul {
187
    list-style-type: none;
187
    list-style-type: none;
188
}
188
}
189
 
189
 
190
li {
190
li {
191
    background-color:transparent;
191
    background-color:transparent;
192
    text-align:left;
192
    text-align:left;
193
    margin-left:0px;
193
    margin-left:0px;
194
    margin-right:0px;
194
    margin-right:0px;
195
}
195
}
196
 
196
 
197
a {
197
a {
198
    font-weight: bold;
198
    font-weight: bold;
199
    color: black;
199
    color: black;
200
    background-color:transparent;
200
    background-color:transparent;
201
    text-decoration:none;
201
    text-decoration:none;
202
}
202
}
203
 
203
 
204
a:link {
204
a:link {
205
    color: blue;
205
    color: blue;
206
}
206
}
207
 
207
 
208
a:visited {
208
a:visited {
209
    color: #8b008b;
209
    color: #8b008b;
210
}
210
}
211
 
211
 
212
a:hover {
212
a:hover {
213
    background-color: #ffd700;
213
    background-color: #ffd700;
214
}
214
}
215
 
215
 
216
table {
216
table {
217
    border-color:transparent;
217
    border-color:transparent;
218
    border-style:solid;
218
    border-style:solid;
219
    border-width:1px;
219
    border-width:1px;
220
}
220
}
221
 
221
 
222
td {
222
td {
223
    text-align:left;
223
    text-align:left;
224
    background-color:transparent;
224
    background-color:transparent;
225
    border-color:transparent;
225
    border-color:transparent;
226
    border-style:solid;
226
    border-style:solid;
227
    border-width:1px;
227
    border-width:1px;
228
}
228
}
229
 
229
 
230
#zone_bandeau {
230
#zone_bandeau {
231
    border: 1px dashed red;
231
    border: 1px dashed red;
232
}
232
}
233
 
233
 
234
#zone_bandeau #logo h1 {
234
#zone_bandeau #logo h1 {
235
    font-size: 1em;
235
    font-size: 1em;
236
}
236
}
237
 
237
 
238
#zone_menu {
238
#zone_menu {
239
    border: 1px dashed blue;
239
    border: 1px dashed blue;
240
}
240
}
241
 
241
 
242
#zone_menu ul {
242
#zone_menu ul {
243
    font-size: 100%;
243
    font-size: 100%;
244
    list-style-type: none;
244
    list-style-type: none;
245
}
245
}
246
 
246
 
247
#zone_contenu {
247
#zone_contenu {
248
    border: 1px dashed green;
248
    border: 1px dashed green;
249
}
249
}
-
 
250
/*--------------------------------------------------------------------------------------------------------------*/
-
 
251
/* Styles propres à Papyrus */
-
 
252
.pap_erreur {
-
 
253
    width: 50%;
-
 
254
    background-color: #ffffcc;
-
 
255
    margin: 5px 25% 5px 25%;
-
 
256
    padding: 5px 5px 5px 5px;
-
 
257
    border : 2px;
-
 
258
    border-style: dotted;
-
 
259
    border-color: red;
-
 
260
}
250
 
261
 
251
/*--------------------------------------------------------------------------------------------------------------*/
262
/*--------------------------------------------------------------------------------------------------------------*/
252
/* Camouflage du tableau de chronométrage */
263
/* Camouflage du tableau de chronométrage */
253
 
264
 
254
#chrono {
265
#chrono {
255
    display: none;
266
    display: none;
256
}
267
}