Subversion Repositories eFlore/Applications.del

Rev

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

Rev 1703 Rev 1830
1
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
1
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
2
select {
2
select {
3
	background: #FFF;
3
	background: #FFF;
4
}
4
}
5
/** Add css rules here for your application. */
5
/** Add css rules here for your application. */
6
body,html {
6
body,html {
7
	height: 100%;
7
	height: 100%;
8
}
8
}
9
 
9
 
10
body div {
10
body div {
11
	font-family:arial;
11
	font-family:arial;
12
}
12
}
13
 
13
 
14
/** Example rules used by the template application (remove for your app) */
14
/** Example rules used by the template application (remove for your app) */
15
h1 {
15
h1 {
16
	font-size: 2em;
16
	font-size: 2em;
17
	font-weight: bold;
17
	font-weight: bold;
18
	color: #777777;
18
	color: #777777;
19
	margin: 0;
19
	margin: 0;
20
	text-align: center;
20
	text-align: center;
21
}
21
}
22
 
22
 
23
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
23
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
24
.sendButton {
24
.sendButton {
25
	display: block;
25
	display: block;
26
	font-size: 16pt;
26
	font-size: 16pt;
27
}
27
}
28
 
28
 
29
/** Most GWT widgets already have a style name defined */
29
/** Most GWT widgets already have a style name defined */
30
.gwt-DialogBox {
30
.gwt-DialogBox {
31
	width: 400px;
31
	width: 400px;
32
}
32
}
33
 
33
 
34
.dialogVPanel {
34
.dialogVPanel {
35
	margin: 5px;
35
	margin: 5px;
36
}
36
}
37
 
37
 
38
.serverResponseLabelError {
38
.serverResponseLabelError {
39
	color: red;
39
	color: red;
40
}
40
}
41
 
41
 
42
/** Erreur dans un formulaire de type texte **/
42
/** Erreur dans un formulaire de type texte **/
43
.erreurFormTexte, .erreurFormTexte input {
43
.erreurFormTexte, .erreurFormTexte input {
44
	background-color: red !important;
44
	background-color: red !important;
45
}
45
}
46
 
46
 
47
/** Set ids using widget.getElement().setId("idOfElement") */
47
/** Set ids using widget.getElement().setId("idOfElement") */
48
#closeButton {
48
#closeButton {
49
	margin: 15px 6px 6px;
49
	margin: 15px 6px 6px;
50
}
50
}
51
 
51
 
52
#zoneTitre {
52
#zoneTitre {
53
	width:45%;
53
	width:45%;
54
	margin-top:13px;
54
	margin-top:13px;
55
}
55
}
56
#zoneLiens {
56
#zoneLiens {
57
	clear:both;
57
	clear:both;
58
}
58
}
59
#zoneTitre h1 {
59
#zoneTitre h1 {
60
	font-size:72px;
60
	font-size:72px;
61
}
61
}
62
 
62
 
63
 
63
 
64
.titre2 {
64
.titre2 {
65
	color: #FD8C13;
65
	color: #FD8C13;
66
	font-size: 13px;
66
	font-size: 13px;
67
	margin: 20px 0 10px;
67
	margin: 20px 0 10px;
68
	padding: 0 0 0 25px;
68
	padding: 0 0 0 25px;
69
	text-transform: none;
69
	text-transform: none;
70
	font-weight: bold;
70
	font-weight: bold;
71
	background: url(./img/troisCarre.png) no-repeat 0 8px;
71
	background: url(./img/troisCarre.png) no-repeat 0 8px;
72
}
72
}
73
 
73
 
74
.boutonPlus {
74
.boutonPlus {
75
	border: none;
75
	border: none;
76
	color: rgba(0, 0, 0, 0);
76
	color: rgba(0, 0, 0, 0);
77
	background: url("./img/zoom_in.png");
77
	background: url("./img/zoom_in.png");
78
	width: 16px;
78
	width: 16px;
79
	height: 16px;
79
	height: 16px;
80
	cursor: pointer;
80
	cursor: pointer;
81
}
81
}
82
 
82
 
83
.boutonMoins {
83
.boutonMoins {
84
	border: none;
84
	border: none;
85
	color: rgba(0, 0, 0, 0);
85
	color: rgba(0, 0, 0, 0);
86
	background: url("./img/zoom_out.png");
86
	background: url("./img/zoom_out.png");
87
	width: 16px;
87
	width: 16px;
88
	height: 16px;
88
	height: 16px;
89
	cursor: pointer;
89
	cursor: pointer;
90
}
90
}
91
.lienRetour {
91
.lienRetour {
92
	display:inline-block;
92
	display:inline-block;
93
}
93
}
94
.lienRetour a {
94
.lienRetour a {
95
	border: 1px solid #99C242 !important;
95
	border: 1px solid #99C242 !important;
96
	border-radius: 10px;
96
	border-radius: 10px;
97
	box-shadow: 1px 2px 2px #AAAAAA;
97
	box-shadow: 1px 2px 2px #AAAAAA;
98
	padding: 5px 5px 5px 23px;
98
	padding: 5px 5px 5px 23px;
99
	background: url("./img/16x16/retour.png") no-repeat 5px 5px;
99
	background: url("./img/16x16/retour.png") no-repeat 5px 5px;
100
	color: #598000;
100
	color: #598000;
101
	cursor: pointer;
101
	cursor: pointer;
102
	font-weight: bold;
102
	font-weight: bold;
103
	text-decoration: none;
103
	text-decoration: none;
104
}
104
}
105
.lienRetour a:hover {
105
.lienRetour a:hover {
106
	color:white !important;
106
	color:white !important;
107
	background-color:#8EB533;
107
	background-color:#8EB533;
108
	background: #8EB533 url("./img/16x16/retour_actif.png") no-repeat 3px 3px;
108
	background: #8EB533 url("./img/16x16/retour_actif.png") no-repeat 3px 3px;
109
}
109
}
110
 
110
 
111
#navigation {
111
#navigation {
112
}
112
}
113
 
113
 
114
#navigation>div>div {
114
#navigation>div>div {
115
}
115
}
116
 
116
 
117
#navigation>div>div:hover {
117
#navigation>div>div:hover {
118
}
118
}
119
 
119
 
120
#navigation a {
120
#navigation a {
121
}
121
}
122
 
122
 
123
#main {
123
#main {
124
	width:1000px;
124
	width:1000px;
125
	margin:0 auto;
125
	margin:0 auto;
126
}
126
}
127
 
127
 
128
#contenu a {
128
#contenu a {
129
	border-bottom: 1px dotted #95AE5D;
129
	border-bottom: 1px dotted #95AE5D;
130
	color: #598000;
130
	color: #598000;
131
}
131
}
132
 
132
 
133
#contenu a:hover {
133
#contenu a:hover {
134
	border-bottom: 1px dotted #95AE5D;
134
	border-bottom: 1px dotted #95AE5D;
135
	color: #FD8C13;
135
	color: #FD8C13;
136
}
136
}
137
 
137
 
138
.labelLien {
138
.labelLien {
139
	border-bottom: 1px dotted #95AE5D;
139
	border-bottom: 1px dotted #95AE5D;
140
	line-height: 18px;
140
	line-height: 18px;
141
	color: #598000;
141
	color: #598000;
142
	cursor:pointer;
142
	cursor:pointer;
143
}
143
}
144
.labelLien:hover {
144
.labelLien:hover {
145
	border-bottom: 1px dotted #95AE5D;
145
	border-bottom: 1px dotted #95AE5D;
146
	color: #FD8C13;
146
	color: #FD8C13;
147
}
147
}
148
 
148
 
149
.lien {
149
.lien {
150
	color: blue;
150
	color: blue;
151
	text-decoration: underline;
151
	text-decoration: underline;
152
	cursor: pointer
152
	cursor: pointer
153
}
153
}
154
 
154
 
155
.titre {
155
.titre {
156
	color: #FD8C13;
156
	color: #FD8C13;
157
	font-size: 15px;
157
	font-size: 15px;
158
	margin: 20px 0 10px;
158
	margin: 20px 0 10px;
159
	padding: 0 0 0 25px;
159
	padding: 0 0 0 25px;
160
	text-transform: uppercase;
160
	text-transform: uppercase;
161
	font-weight: bold;
161
	font-weight: bold;
162
	background: url(./img/troisCarre.png) no-repeat 0 8px;
162
	background: url(./img/troisCarre.png) no-repeat 0 8px;
163
}
163
}
164
 
164
 
165
.titre3 {
165
.titre3 {
166
	color: #FD8C13;
166
	color: #FD8C13;
167
	font-size: 15px;
167
	font-size: 15px;
168
	margin: 20px 0 10px;
168
	margin: 20px 0 10px;
169
	font-weight: bold;
169
	font-weight: bold;
170
}
170
}
171
 
171
 
172
.titre-minuscule {
172
.titre-minuscule {
173
	color: #FD8C13;
173
	color: #FD8C13;
174
	font-size: 15px;
174
	font-size: 15px;
175
	margin: 20px 0 10px;
175
	margin: 20px 0 10px;
176
	padding: 0 0 0 25px;
176
	padding: 0 0 0 25px;
177
	font-weight: bold;
177
	font-weight: bold;
178
	background: url(./img/troisCarre.png) no-repeat 0 8px;
178
	background: url(./img/troisCarre.png) no-repeat 0 8px;
179
}
179
}
180
 
180
 
181
.sousTitre {
181
.sousTitre {
182
	font-size: 15px;
182
	font-size: 15px;
183
	font-weight: bold
183
	font-weight: bold
184
}
184
}
185
 
185
 
186
.petit {
186
.petit {
187
	font-size: 11px;
187
	font-size: 11px;
188
	color: #888
188
	color: #888
189
}
189
}
190
 
190
 
191
.gris {
191
.gris {
192
	color: #888
192
	color: #888
193
}
193
}
194
 
194
 
195
.gras {
195
.gras {
196
	font-weight: bold
196
	font-weight: bold
197
}
197
}
198
 
198
 
199
.plein {
199
.plein {
200
	width: 100%;
200
	width: 100%;
201
}
201
}
202
 
202
 
203
.tiers {
203
.tiers {
204
	width: 30%
204
	width: 30%
205
}
205
}
206
 
206
 
207
.quart {
207
.quart {
208
	width: 25%;
208
	width: 25%;
209
}
209
}
210
 
210
 
211
.actif {
211
.actif {
212
	background: #8EB533
212
	background: #8EB533
213
}
213
}
214
 
214
 
215
.inactif {
215
.inactif {
216
	background: white
216
	background: white
217
}
217
}
218
 
218
 
219
.gauche {
219
.gauche {
220
	float: left
220
	float: left
221
}
221
}
222
 
222
 
223
.droite {
223
.droite {
224
	float: right
224
	float: right
225
}
225
}
226
 
226
 
227
.nettoyage {
227
.nettoyage {
228
	clear: both
228
	clear: both
229
}
229
}
230
hr.nettoyage {
230
hr.nettoyage {
231
	width:0;
231
	width:0;
232
	height:0;
232
	height:0;
233
	border:none;
233
	border:none;
234
}
234
}
235
hr {
235
hr {
236
	border: none;
236
	border: none;
237
	border-bottom: solid 1px #DDD;
237
	border-bottom: solid 1px #DDD;
238
	border-top: solid 1px #AAA
238
	border-top: solid 1px #AAA
239
}
239
}
240
 
240
 
241
.gwt-SuggestBoxPopup {
241
.gwt-SuggestBoxPopup {
242
	z-index: 10000
242
	z-index: 10000
243
}
243
}
244
 
244
 
245
.fenetreDefilante {
245
.fenetreDefilante {
246
	position: fixed;
246
	position: fixed;
247
	margin: auto
247
	margin: auto
248
}
248
}
249
 
249
 
250
.overlay {
250
.overlay {
251
	background-color: #777;
251
	background-color: #777;
252
	cursor: pointer;
252
	cursor: pointer;
253
	display: block;
253
	display: block;
254
	opacity: 0.7;
254
	opacity: 0.7;
255
	left: 0;
255
	left: 0;
256
	top: 0;
256
	top: 0;
257
	position: fixed;
257
	position: fixed;
258
	width: 100%;
258
	width: 100%;
259
	z-index: 1100;
259
	z-index: 1100;
260
	height: 100%
260
	height: 100%
261
}
261
}
262
 
262
 
263
.overlayContenu {
263
.overlayContenu {
264
	cursor: pointer;
264
	cursor: pointer;
265
	display: block;
265
	display: block;
266
	opacity: 1;
266
	opacity: 1;
267
	left: 0;
267
	left: 0;
268
	top: 0;
268
	top: 0;
269
	position: fixed;
269
	position: fixed;
270
	width: 100%;
270
	width: 100%;
271
	z-index: 1200;
271
	z-index: 1200;
272
	height: 100%
272
	height: 100%
273
}
273
}
274
 
274
 
275
.fermerOverlay {
275
.fermerOverlay {
276
	z-index: 1210;
276
	z-index: 1210;
277
	position: fixed;
277
	position: fixed;
278
	width: 30px;
278
	width: 30px;
279
	height: 30px;
279
	height: 30px;
280
	background: url(./img/close.png) no-repeat 5px 0;
280
	background: url(./img/close.png) no-repeat 5px 0;
281
	border: none;
281
	border: none;
282
	color: white;
282
	color: white;
283
	font-weight: bold;
283
	font-weight: bold;
284
	cursor: pointer;
284
	cursor: pointer;
285
	border: 1px dotted #95AE5D;
285
	border: 1px dotted #95AE5D;
286
	border-width: 0 0 1px 0;
286
	border-width: 0 0 1px 0;
287
	padding-right: 30px
287
	padding-right: 30px
288
}
288
}
289
 
289
 
290
.precedentOverlay:hover {
290
.precedentOverlay:hover {
291
	opacity: 1;
291
	opacity: 1;
292
}
292
}
293
 
293
 
294
.precedentOverlay {
294
.precedentOverlay {
295
	display: block;
295
	display: block;
296
	z-index: 1210;
296
	z-index: 1210;
297
	position: fixed;
297
	position: fixed;
298
	width: 30px;
298
	width: 30px;
299
	height: 40px;
299
	height: 40px;
300
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
300
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
301
	border: none;
301
	border: none;
302
	color: white;
302
	color: white;
303
	font-weight: bold;
303
	font-weight: bold;
304
	cursor: pointer;
304
	cursor: pointer;
305
	margin-top: -170px;
305
	margin-top: -170px;
306
	padding-bottom: 200px;
306
	padding-bottom: 200px;
307
	padding-left: 200px;
307
	padding-left: 200px;
308
	padding-top: 200px;
308
	padding-top: 200px;
309
	opacity: 0;
309
	opacity: 0;
310
}
310
}
311
 
311
 
312
.suivantOverlay:hover {
312
.suivantOverlay:hover {
313
	opacity: 1;
313
	opacity: 1;
314
}
314
}
315
 
315
 
316
.suivantOverlay {
316
.suivantOverlay {
317
	display: block;
317
	display: block;
318
	z-index: 1210;
318
	z-index: 1210;
319
	position: fixed;
319
	position: fixed;
320
	width: 30px;
320
	width: 30px;
321
	height: 40px;
321
	height: 40px;
322
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
322
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
323
	border: none;
323
	border: none;
324
	color: white;
324
	color: white;
325
	font-weight: bold;
325
	font-weight: bold;
326
	cursor: pointer;
326
	cursor: pointer;
327
	margin-top: -170px;
327
	margin-top: -170px;
328
	padding-bottom: 200px;
328
	padding-bottom: 200px;
329
	padding-right: 200px;
329
	padding-right: 200px;
330
	padding-top: 200px;
330
	padding-top: 200px;
331
	opacity: 0;
331
	opacity: 0;
332
	margin-left: -150px;
332
	margin-left: -150px;
333
}
333
}
334
 
334
 
335
.acceder-outil {
335
.acceder-outil {
336
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
336
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
337
	text-decoration: none;
337
	text-decoration: none;
338
	border: medium none;
338
	border: medium none;
339
	border-radius: 10px 10px 10px 10px;
339
	border-radius: 10px 10px 10px 10px;
340
	color: #6C6865;
340
	color: #6C6865;
341
	font-size: 14px;
341
	font-size: 14px;
342
	padding: 4px 10px 4px 30px;
342
	padding: 4px 10px 4px 30px;
343
	cursor: pointer;
343
	cursor: pointer;
344
	display: inline-block;
344
	display: inline-block;
345
}
345
}
346
 
346
 
347
.acceder-outil:hover {
347
.acceder-outil:hover {
348
	color: #FD8C13;
348
	color: #FD8C13;
349
}
349
}
350
 
350
 
351
#contenu a.acceder-aide {
351
#contenu a.acceder-aide {
352
	color:white;
352
	color:white;
353
}
353
}
354
.acceder-aide {
354
.acceder-aide {
355
	background: none repeat scroll 0 0 #3d5fbf;
355
	background: none repeat scroll 0 0 #3d5fbf;
356
	border: medium none;
356
	border: medium none;
357
	border-radius: 10px 10px 10px 10px;
357
	border-radius: 10px 10px 10px 10px;
358
	color: white;
358
	color: white;
359
	cursor: pointer;
359
	cursor: pointer;
360
	display: inline-block;
360
	display: inline-block;
361
	font-size: 14px;
361
	font-size: 14px;
362
	padding: 4px 10px;
362
	padding: 4px 10px;
363
	text-decoration: none;
363
	text-decoration: none;
364
}
364
}
365
 
365
 
366
.acceder-aide:hover {
366
.acceder-aide:hover {
367
	border-bottom: 1px dotted #95AE5D;
367
	border-bottom: 1px dotted #95AE5D;
368
	color: #FD8C13;
368
	color: #FD8C13;
369
}
369
}
370
 
370
 
371
.colonne {
371
.colonne {
372
	float: left;
372
	float: left;
373
}
373
}
374
 
374
 
375
.ligne {
375
.ligne {
376
	clear: left;
376
	clear: left;
377
}
377
}
378
 
378
 
379
.ombre-forte {
379
.ombre-forte {
380
	box-shadow: 2px 2px 2px #666;
380
	box-shadow: 2px 2px 2px #666;
381
	-moz-box-shadow: 2px 2px 2px #666;
381
	-moz-box-shadow: 2px 2px 2px #666;
382
	-webkit-box-shadow: 2px 2px 2px #666;
382
	-webkit-box-shadow: 2px 2px 2px #666;
383
}
383
}
384
 
384
 
385
.ombre-faible {
385
.ombre-faible {
386
	box-shadow: 2px 2px 2px #DDD;
386
	box-shadow: 2px 2px 2px #DDD;
387
	-moz-box-shadow: 2px 2px 2px #DDD;
387
	-moz-box-shadow: 2px 2px 2px #DDD;
388
	-webkit-box-shadow: 2px 2px 2px #DDD;
388
	-webkit-box-shadow: 2px 2px 2px #DDD;
389
}
389
}
390
 
390
 
391
.limiteMin {
391
.limiteMin {
392
	min-width:870px;
392
	min-width:870px;
393
}
393
}
394
 
394
 
395
.limiteMax {
395
.limiteMax {
396
	max-width:1150px;
396
	max-width:1150px;
397
	margin:0 auto;
397
	margin:0 auto;
398
}
398
}
399
.limiteMaxResultat {
399
.limiteMaxResultat {
400
	max-width:1000px;
400
	max-width:1000px;
401
	margin:0 auto;
401
	margin:0 auto;
402
}
402
}
403
 
403
 
404
.arrondi {
404
.arrondi {
405
	border-radius:10px;
405
	border-radius:10px;
406
	-moz-border-radius:10px;
406
	-moz-border-radius:10px;
407
	-webkit-border-radius:10px;
407
	-webkit-border-radius:10px;
408
}
408
}
409
 
409
 
410
.arrondi-faible {
410
.arrondi-faible {
411
	border-radius:3px;
411
	border-radius:3px;
412
	-moz-border-radius:3px;
412
	-moz-border-radius:3px;
413
	-webkit-border-radius:3px;
413
	-webkit-border-radius:3px;
414
}
414
}
415
 
415
 
416
.bouton {
416
.bouton {
417
	background: none repeat scroll 0 0 white;
417
	background: none repeat scroll 0 0 white;
418
	border: 1px solid #99C242;
418
	border: 1px solid #99C242;
419
	border-radius: 10px 10px 10px 10px;
419
	border-radius: 10px 10px 10px 10px;
420
	box-shadow: 1px 2px 2px #AAAAAA;
420
	box-shadow: 1px 2px 2px #AAAAAA;
421
	color: #598000;
421
	color: #598000;
422
	cursor: pointer;
422
	cursor: pointer;
423
	font-size: 0.9em;
423
	font-size: 0.9em;
424
	font-weight: bold;
424
	font-weight: bold;
425
	padding: 5px;
425
	padding: 5px;
426
}
426
}
427
 
427
 
428
.bouton:hover {
428
.bouton:hover {
429
	background:#8EB533;
429
	background:#8EB533;
430
	color:#FFF;
430
	color:#FFF;
431
}
431
}
432
 
432
 
433
.bouton-petit {
433
.bouton-petit {
434
	background: none repeat scroll 0 0 white;
434
	background: none repeat scroll 0 0 white;
435
	border: 1px solid #99C242;
435
	border: 1px solid #99C242;
436
	box-shadow: 1px 2px 2px #AAAAAA;
436
	box-shadow: 1px 2px 2px #AAAAAA;
437
	color: #598000;
437
	color: #598000;
438
	cursor: pointer;
438
	cursor: pointer;
439
	font-size: 11px;
439
	font-size: 11px;
440
	font-weight: bold;
440
	font-weight: bold;
441
	padding: 1px;
441
	padding: 1px;
442
	width:100px;
442
	width:100px;
443
	margin:0 5px;
443
	margin:0 5px;
444
}
444
}
445
 
445
 
446
.bouton-petit:hover {
446
.bouton-petit:hover {
447
	background:#8EB533;
447
	background:#8EB533;
448
	color:#FFF;
448
	color:#FFF;
449
}
449
}
450
 
450
 
451
.votePrisEnCompteOui {
451
.votePrisEnCompteOui {
452
	background:#8EB533;
452
	background:#8EB533;
453
	position:absolute;
453
	position:absolute;
454
	font-size:11px;
454
	font-size:11px;
455
	padding:5px;
455
	padding:5px;
456
	margin-top:-30px;
456
	margin-top:-30px;
457
	border-radius:10px;
457
	border-radius:10px;
458
}
458
}
459
 
459
 
460
.votePrisEnCompteNon, .voteSupprime {
460
.votePrisEnCompteNon, .voteSupprime {
461
	background:#f06a6a;
461
	background:#f06a6a;
462
	position:absolute;
462
	position:absolute;
463
	font-size:11px;
463
	font-size:11px;
464
	padding:5px;
464
	padding:5px;
465
	margin-top:-30px;
465
	margin-top:-30px;
466
	border-radius:10px;
466
	border-radius:10px;
467
}
467
}
468
 
468
 
469
.boutonVoteOuiDesactive {
469
.boutonVoteOuiDesactive {
470
	background-image: url("img/pouce_haut_desactive.png") !important;
470
	background-image: url("img/pouce_haut_desactive.png") !important;
471
	color:#999999;
471
	color:#999999;
472
	cursor: default !important;
472
	cursor: default !important;
473
}
473
}
474
 
474
 
475
.boutonVoteNonDesactive {
475
.boutonVoteNonDesactive {
476
	background-image: url("img/pouce_bas_desactive.png") !important;
476
	background-image: url("img/pouce_bas_desactive.png") !important;
477
	color:#999999;
477
	color:#999999;
478
	cursor: default !important;
478
	cursor: default !important;
479
}
479
}
480
 
480
 
481
.chapeau {
481
.chapeau {
482
	color: #6C6865;
482
	color: #6C6865;
483
	font-family: arial;
483
	font-family: arial;
484
	font-size: 13px;
484
	font-size: 13px;
485
	font-weight: bold;
485
	font-weight: bold;
486
	letter-spacing: 0;
486
	letter-spacing: 0;
487
	line-height: 18px;
487
	line-height: 18px;
488
	text-transform: none;
488
	text-transform: none;
489
	font-style:italic;
489
	font-style:italic;
490
}
490
}
491
 
491
 
492
.enfant {
492
.enfant {
493
	background:#EEE;
493
	background:#EEE;
494
	margin-left:20px;
494
	margin-left:20px;
495
	clear:both;
495
	clear:both;
496
	border-left:solid 1px;
496
	border-left:solid 1px;
497
	padding-left:5px;
497
	padding-left:5px;
498
	border-color:#DDD
498
	border-color:#DDD
499
}
499
}
500
 
500
 
501
.image_determinee {
501
.image_determinee {
502
	/*background: #333;*/
502
	/*background: #333;*/
503
}
503
}
504
 
504
 
505
.image_non_determinee {
505
.image_non_determinee {
506
	background: #CF1313 !important;
506
	background: #CF1313 !important;
507
}
507
}
508
.suiteImages {
508
.suiteImages {
509
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
509
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
510
	cursor:pointer;
510
	cursor:pointer;
511
	color:rgba(0, 0, 0, 0)
511
	color:rgba(0, 0, 0, 0)	
-
 
512
}
-
 
513
 
-
 
514
.propositionRetenue {
-
 
515
	background-color: #9acd32;
-
 
516
	border: 1px dotted green;
-
 
517
    margin-bottom: 5px;
-
 
518
    padding: 10px;
-
 
519
    width: 550px;
-
 
520
}
512
	
521
 
-
 
522
.propostionRetenue .nomTaxonProposition {
-
 
523
	font-weight: bold;
513
}
524
}
514
 
525
 
515
.propositionInitiale {
526
.propositionInitiale {
516
	color:#8EB533;
527
	color: #8EB533;
517
	font-weight:bold;
528
	font-weight: bold;
-
 
529
}
-
 
530
 
-
 
531
.boutonValiderTaxon {
-
 
532
	position: absolute; 
-
 
533
	margin-left: -3px; 
-
 
534
	margin-top: 15px; 
-
 
535
	padding: 3px 5px 0px;
-
 
536
	font-size: 1.3em;
-
 
537
}
-
 
538
 
-
 
539
.conteneurIntermediaireProposition {
-
 
540
	display: table;	
-
 
541
	width: 95%;
-
 
542
}
-
 
543
 
-
 
544
.boutonValider img {
-
 
545
	cursor: pointer;
-
 
546
}
-
 
547
 
-
 
548
.propositionValidable {
-
 
549
	margin-left: 35px;
518
}
550
}
519
 
551
 
520
.etoiles {
552
.etoiles {
521
	height: 26px;
553
	height: 26px;
522
	margin-left: 38px;
554
	margin-left: 38px;
523
	margin-top: -2px;
555
	margin-top: -2px;
524
	width: 26px;
556
	width: 26px;
525
}
557
}
526
 
558
 
527
.etoiles_0 {
559
.etoiles_0 {
528
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
560
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
529
}
561
}
530
.etoiles_1 {
562
.etoiles_1 {
531
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
563
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
532
}
564
}
533
.etoiles_2 {
565
.etoiles_2 {
534
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
566
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
535
}
567
}
536
.etoiles_3 {
568
.etoiles_3 {
537
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
569
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
538
}
570
}
539
.etoiles_4 {
571
.etoiles_4 {
540
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
572
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
541
}
573
}
542
.etoiles_5 {
574
.etoiles_5 {
543
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
575
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
544
}
576
}
545
 
577
 
546
.boutonOK {
578
.boutonOK {
547
	background:url("./img/tick.png") no-repeat;
579
	background:url("./img/tick.png") no-repeat;
548
	width:15px;
580
	width:15px;
549
	height:15px;
581
	height:15px;
550
	display:block;
582
	display:block;
551
	margin-top:2px;
583
	margin-top:2px;
552
	border:none;
584
	border:none;
553
	cursor:pointer;
585
	cursor:pointer;
554
}
586
}
555
 
587
 
556
.enligne {
588
.enligne {
557
	display:inline;
589
	display:inline;
558
}
590
}
559
 
591
 
560
.aide {
592
.aide {
561
	background:url(./img/information.png) no-repeat;
593
	background:url(./img/information.png) no-repeat;
562
	padding-left:20px;
594
	padding-left:20px;
563
}
595
}
564
 
596
 
565
.lienListe {
597
.lienListe {
566
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
598
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
567
	cursor:pointer;
599
	cursor:pointer;
568
	padding-left:31px;
600
	padding-left:31px;
569
	padding-bottom:5px;
601
	padding-bottom:5px;
570
	padding-top:2px;
602
	padding-top:2px;
571
	border:none;
603
	border:none;
572
}
604
}
573
 
605
 
574
.nombreVotes {
606
.nombreVotes {
575
	background:url('./img/user.png') no-repeat;	
607
	background:url('./img/user.png') no-repeat;	
576
	cursor: pointer;
608
	cursor: pointer;
577
}
609
}
578
 
610
 
579
.notesVotes {
611
.notesVotes {
580
	width: 196px;
612
	width: 196px;
581
	margin-top: 3px;
613
	margin-top: 3px;
582
	/*border: solid white 1px;*/
614
	/*border: solid white 1px;*/
583
}
615
}
584
/*.notesVotes td {
616
/*.notesVotes td {
585
	border: solid white 1px;
617
	border: solid white 1px;
586
}*/
618
}*/
587
.notesVotes td.image {
619
.notesVotes td.image {
588
	text-align: left;
620
	text-align: left;
589
}
621
}
590
.notesVotes td.barre {
622
.notesVotes td.barre {
591
	width: 135px;
623
	width: 135px;
592
}
624
}
593
.notesVotes td.votants {
625
.notesVotes td.votants {
594
	width: 30px;
626
	width: 30px;
595
}
627
}
596
.notesVotes .avancement {
628
.notesVotes .avancement {
597
	height: 5px;
629
	height: 5px;
598
	background-color: #d0d0d0;
630
	background-color: #d0d0d0;
599
}
631
}
600
 
632
 
601
img.etoile {
633
img.etoile {
602
	width: 16px;
634
	width: 16px;
603
}
635
}
604
 
636
 
605
.chiffreDroite {
637
.chiffreDroite {
606
	float: right;
638
	float: right;
607
	margin-right: 10px;
639
	margin-right: 10px;
608
}
640
}
609
 
641
 
610
#contenu .lienRss a{
642
#contenu .lienRss a{
611
	padding-right:20px;
643
	padding-right:20px;
612
	background:url('./img/rss.png') no-repeat right center;
644
	background:url('./img/rss.png') no-repeat right center;
613
	cursor:pointer;
645
	cursor:pointer;
614
	padding-bottom:1px;
646
	padding-bottom:1px;
615
	border:none;
647
	border:none;
616
}
648
}
617
 
649
 
618
.invisible {
650
.invisible {
619
	visibility:hidden;
651
	visibility:hidden;
620
}
652
}
621
 
653
 
622
.motCleCel {
654
.motCleCel {
623
	display: inline-block;
655
	display: inline-block;
624
	margin-right: 3px;
656
	margin-right: 3px;
625
	border: 1px solid grey;
657
	border: 1px solid grey;
626
	background-color: #B1BEBE;
658
	background-color: #B1BEBE;
627
	padding-left: 2px;
659
	padding-left: 2px;
628
	padding-right: 2px;
660
	padding-right: 2px;
629
	line-height: 20px;
661
	line-height: 20px;
630
	border-radius: 5px;
662
	border-radius: 5px;
631
	opacity:1;
663
	opacity:1;
632
	color: black;
664
	color: black;
633
}
665
}
634
 
666
 
635
div.motClePictoCoche {
667
div.motClePictoCoche {
636
	background-color: #96B944;
668
	background-color: #96B944;
637
}
669
}
638
 
670
 
639
div.motclesPicto > div > span > input[type="checkbox"] {
671
div.motclesPicto > div > span > input[type="checkbox"] {
640
	opacity:0;
672
	opacity:0;
641
}
673
}
642
 
674
 
643
span.texteMotClePicto label {
675
span.texteMotClePicto label {
644
	cursor: pointer;
676
	cursor: pointer;
645
}
677
}
646
 
678
 
647
 
679
 
648
/** FROM TELA */
680
/** FROM TELA */
649
.importance1 {
681
.importance1 {
650
	margin:10px 0px 25px 0px;		
682
	margin:10px 0px 25px 0px;		
651
	background-color:#eaedcd;	
683
	background-color:#eaedcd;	
652
	padding:8px;
684
	padding:8px;
653
	font-family:arial;
685
	font-family:arial;
654
	font-size:11px;
686
	font-size:11px;
655
	color:#3a3633;
687
	color:#3a3633;
656
	border-radius:10px;
688
	border-radius:10px;
657
	-moz-border-radius:10px;
689
	-moz-border-radius:10px;
658
	-webkit-border-radius:10px;
690
	-webkit-border-radius:10px;
659
	box-shadow:7px 7px 11px #555;
691
	box-shadow:7px 7px 11px #555;
660
	-moz-box-shadow:2px 2px 5px #aaa;
692
	-moz-box-shadow:2px 2px 5px #aaa;
661
	-webkit-box-shadow:7px 7px 11px #aaa;
693
	-webkit-box-shadow:7px 7px 11px #aaa;
662
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
694
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
663
	zoom:1;/* pour ie8 */
695
	zoom:1;/* pour ie8 */
664
}
696
}
665
 
697
 
666
.traitTela li {
698
.traitTela li {
667
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
699
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
668
	font-family: arial;
700
	font-family: arial;
669
	font-size: 12px;
701
	font-size: 12px;
670
	font-weight: bold;
702
	font-weight: bold;
671
	color:#777;
703
	color:#777;
672
	list-style: none outside none;
704
	list-style: none outside none;
673
	padding: 10px 0 0 30px;
705
	padding: 10px 0 0 30px;
674
}
706
}
675
.connect {
707
.connect {
676
	width:130px;
708
	width:130px;
677
	margin:0;
709
	margin:0;
678
	padding:0;
710
	padding:0;
679
}
711
}
680
 
712
 
681
.contenuCentre {
713
.contenuCentre {
682
	text-align:center;
714
	text-align:center;
683
}
715
}
684
 
716
 
685
 
717
 
686
#zoneFooter{
718
#zoneFooter{
687
	width:1000px;
719
	width:1000px;
688
	margin:0 auto;
720
	margin:0 auto;
689
	text-align:center;
721
	text-align:center;
690
	color:#555;
722
	color:#555;
691
	font-family:arial;
723
	font-family:arial;
692
	font-size:11px;
724
	font-size:11px;
693
	font-weight:bold;
725
	font-weight:bold;
694
	margin-top:30px;
726
	margin-top:30px;
695
}
727
}
696
 
728
 
697
#zoneFooter a {
729
#zoneFooter a {
698
	margin-right:30px;
730
	margin-right:30px;
699
	
731
	
700
}
732
}
701
 
733
 
702
.pictoplante-contact {
734
.pictoplante-contact {
703
	font-weight: normal;
735
	font-weight: normal;
704
}
736
}
705
 
737
 
706
.pictoplante-contact a {
738
.pictoplante-contact a {
707
	color: green;
739
	color: green;
708
	text-decoration : none;
740
	text-decoration : none;
709
	font-weight: bold;
741
	font-weight: bold;
710
}
742
}
711
 
743
 
712
.pictoplante-contact a:visited {
744
.pictoplante-contact a:visited {
713
	color: #06BD1E;
745
	color: #06BD1E;
714
	text-decoration : none;
746
	text-decoration : none;
715
}
747
}
716
 
748
 
717
.pictoplante-contact a:hover {
749
.pictoplante-contact a:hover {
718
	color: #FD8C13;
750
	color: #FD8C13;
719
	text-decoration : none;
751
	text-decoration : none;
720
}
752
}
721
/*----------------------------------------------------------------------------------------------------------*/
753
/*----------------------------------------------------------------------------------------------------------*/
722
/* ONGLETS */
754
/* ONGLETS */
723
.zone-onglets {
755
.zone-onglets {
724
	margin-bottom:5px;
756
	margin-bottom:5px;
725
	width:100%;
757
	width:100%;
726
	height:31px;
758
	height:31px;
727
	text-align:left;
759
	text-align:left;
728
	border:solid 1px #AAA;
760
	border:solid 1px #AAA;
729
	border-width:0 0 1px 0;
761
	border-width:0 0 1px 0;
730
	padding-left:5px;	
762
	padding-left:5px;	
731
}
763
}
732
.onglet {
764
.onglet {
733
	border:solid 1px #AAA;
765
	border:solid 1px #AAA;
734
	border-width:1px;
766
	border-width:1px;
735
	padding:3px 15px;
767
	padding:3px 15px;
736
	padding-top:6px;
768
	padding-top:6px;
737
	padding-left:25px;
769
	padding-left:25px;
738
	border-radius:12px 12px 0 0;
770
	border-radius:12px 12px 0 0;
739
	width:100px;
771
	width:100px;
740
	float:left;
772
	float:left;
741
	background:#C2C0AD;
773
	background:#C2C0AD;
742
	cursor:pointer;
774
	cursor:pointer;
743
	height:21px;
775
	height:21px;
744
	font-size:16px;
776
	font-size:16px;
745
	color:#598000
777
	color:#598000
746
}
778
}
747
.onglet * {
779
.onglet * {
748
	cursor:pointer;
780
	cursor:pointer;
749
}
781
}
750
.onglet:hover {
782
.onglet:hover {
751
	background:#d0ccaa;
783
	background:#d0ccaa;
752
}
784
}
753
.onglet-actif {
785
.onglet-actif {
754
	font-weight:bold;
786
	font-weight:bold;
755
	background:white;
787
	background:white;
756
	color:#FD8C13;
788
	color:#FD8C13;
757
	text-transform:uppercase;
789
	text-transform:uppercase;
758
	width:140px;
790
	width:140px;
759
}
791
}
760
 
792
 
761
.elementMasque {
793
.elementMasque {
762
	background-color: #777;
794
	background-color: #777;
763
	cursor: default;
795
	cursor: default;
764
	display: block;
796
	display: block;
765
	opacity: 0.7;
797
	opacity: 0.7;
766
	left: 0;
798
	left: 0;
767
	top: 0;
799
	top: 0;
768
	position: relative;
800
	position: relative;
769
	width: 100%;
801
	width: 100%;
770
	z-index: 1100;
802
	z-index: 1100;
771
	height: 100%
803
	height: 100%
772
}
804
}
773
 
805
 
774
/*+---------------------------------------------------------------------------------------------------------*/
806
/*+---------------------------------------------------------------------------------------------------------*/
775
/* ENTETE */
807
/* ENTETE */
776
 
808
 
777
#zoneEntete {
809
#zoneEntete {
778
	width:1000px;
810
	width:1000px;
779
	margin:0 auto;
811
	margin:0 auto;
780
	min-height:230px;
812
	min-height:230px;
781
}
813
}
782
#zoneEntete .acceder-aide {
814
#zoneEntete .acceder-aide {
783
	color:white;
815
	color:white;
784
}
816
}
785
#zoneEntete .acceder-outil {
817
#zoneEntete .acceder-outil {
786
	color:inherit;
818
	color:inherit;
787
}
819
}
788
#zoneTitre {
820
#zoneTitre {
789
	float:left;
821
	float:left;
790
	height:50px;
822
	height:50px;
791
	width:50%;
823
	width:50%;
792
	margin:10px 0;
824
	margin:10px 0;
793
	font-size:3.2em;
825
	font-size:3.2em;
794
}
826
}
795
#zoneTitre a, #zoneTitre a:visited {
827
#zoneTitre a, #zoneTitre a:visited {
796
	color:#777;
828
	color:#777;
797
	text-decoration:none;
829
	text-decoration:none;
798
}
830
}
799
#zoneTitre a:hover {
831
#zoneTitre a:hover {
800
	color:#FD8C13;
832
	color:#FD8C13;
801
	text-decoration:none;
833
	text-decoration:none;
802
	border-bottom:1px dotted #95AE5D;
834
	border-bottom:1px dotted #95AE5D;
803
}
835
}
804
#zoneChapeau {
836
#zoneChapeau {
805
	float:left;
837
	float:left;
806
	height:130px;
838
	height:130px;
807
	width:52%;
839
	width:52%;
808
}
840
}
809
#zoneLogos {
841
#zoneLogos {
810
	float:right;
842
	float:right;
811
	height:50px;
843
	height:50px;
812
	width:50%;
844
	width:50%;
813
	text-align:center;
845
	text-align:center;
814
	margin:10px 0;
846
	margin:10px 0;
815
}
847
}
816
 
848
 
817
/*+---------------------------------------------------------------------------------------------------------*/
849
/*+---------------------------------------------------------------------------------------------------------*/
818
/* LOGOS */
850
/* LOGOS */
819
.logo_tela {
851
.logo_tela {
820
	padding-bottom:35px;
852
	padding-bottom:35px;
821
	padding-left:70px;
853
	padding-left:70px;
822
	background:url('./img/logos/tela.jpg');
854
	background:url('./img/logos/tela.jpg');
823
}
855
}
824
.logo_pn {
856
.logo_pn {
825
	padding-bottom:35px;
857
	padding-bottom:35px;
826
	padding-left:263px;
858
	padding-left:263px;
827
	background:url('./img/logos/pn.jpg');
859
	background:url('./img/logos/pn.jpg');
828
}
860
}
829
.logo_ue {
861
.logo_ue {
830
	padding-bottom:59px;
862
	padding-bottom:59px;
831
	padding-left:103px;
863
	padding-left:103px;
832
	background:url('./img/logos/ue.jpg');
864
	background:url('./img/logos/ue.jpg');
833
}
865
}
834
.logo_lr {
866
.logo_lr {
835
	padding-bottom:59px;
867
	padding-bottom:59px;
836
	padding-left:47px;
868
	padding-left:47px;
837
	background:url('./img/logos/lr.jpg');
869
	background:url('./img/logos/lr.jpg');
838
}
870
}
839
.logo_nd {
871
.logo_nd {
840
	padding-bottom:55px;
872
	padding-bottom:55px;
841
	padding-left:148px;
873
	padding-left:148px;
842
	background:url('./img/logos/nd.jpg');
874
	background:url('./img/logos/nd.jpg');
843
}
875
}
844
.logo_nh {
876
.logo_nh {
845
	padding-bottom:46px;
877
	padding-bottom:46px;
846
	padding-left:59px;
878
	padding-left:59px;
847
	background:url('./img/logos/fnh.png');
879
	background:url('./img/logos/fnh.png');
848
}
880
}
849
.logo_nh:hover {
881
.logo_nh:hover {
850
	padding-bottom:46px;
882
	padding-bottom:46px;
851
	padding-left:59px;
883
	padding-left:59px;
852
	background:url('./img/logos/fnh-hover.png');
884
	background:url('./img/logos/fnh-hover.png');
853
}
885
}
854
.logo_tela:hover {
886
.logo_tela:hover {
855
	background:url('./img/logos/tela_hover.jpg');
887
	background:url('./img/logos/tela_hover.jpg');
856
}
888
}
857
.logo_pn:hover {
889
.logo_pn:hover {
858
	background:url('./img/logos/pn_hover.jpg');
890
	background:url('./img/logos/pn_hover.jpg');
859
}
891
}
860
.logo_ue:hover {
892
.logo_ue:hover {
861
	background:url('./img/logos/ue_hover.jpg');
893
	background:url('./img/logos/ue_hover.jpg');
862
}
894
}
863
.logo_lr:hover {
895
.logo_lr:hover {
864
	background:url('./img/logos/lr_hover.jpg');
896
	background:url('./img/logos/lr_hover.jpg');
865
}
897
}
866
.logo_nd:hover {
898
.logo_nd:hover {
867
	background:url('./img/logos/nd_hover.jpg');
899
	background:url('./img/logos/nd_hover.jpg');
868
}
900
}
869
 
901
 
870
.erreurConfig {
902
.erreurConfig {
871
	width: 400px;
903
	width: 400px;
872
	margin: 20px auto auto;
904
	margin: 20px auto auto;
873
	font-size: 16px;
905
	font-size: 16px;
874
	color: #cc0000;
906
	color: #cc0000;
875
	font-weight: bold;
907
	font-weight: bold;
876
}
908
}