Subversion Repositories eFlore/Applications.del

Rev

Rev 1960 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1960 Rev 1992
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
}
512
}
513
 
513
 
514
.propositionRetenue {
514
.propositionRetenue {
515
	background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee;
515
	background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee;
516
	border: 1px dotted green;
516
	border: 1px dotted green;
517
    margin-bottom: 5px;
517
    margin-bottom: 5px;
518
    padding: 10px;
518
    padding: 10px;
519
    width: 550px;
519
    width: 550px;
520
}
520
}
521
 
521
 
522
.propositionRetenuePetit {
522
.propositionRetenuePetit {
523
	background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee;
523
	background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee;
524
	background-size: 20px 20px;
524
	background-size: 20px 20px;
525
	height: 23px;
525
	height: 23px;
526
	width: 372px;
526
	width: 372px;
527
	padding: 0;
527
	padding: 0;
528
	margin: 0;
528
	margin: 0;
529
}
529
}
530
 
530
 
531
.propostionRetenue .nomTaxonProposition {
531
.propostionRetenue .nomTaxonProposition {
532
	font-weight: bold;
532
	font-weight: bold;
533
}
533
}
534
 
534
 
535
.boutonValiderTaxon {
535
.boutonValiderTaxon {
536
	position: absolute; 
536
	position: absolute; 
537
	margin-left: -3px; 
537
	margin-left: -3px; 
538
	margin-top: 15px; 
538
	margin-top: 15px; 
539
	padding: 3px 5px 0px;
539
	padding: 3px 5px 0px;
540
	font-size: 1.3em;
540
	font-size: 1.3em;
541
}
541
}
542
 
542
 
543
.conteneurIntermediaireProposition {
543
.conteneurIntermediaireProposition {
544
	display: table;	
544
	display: table;	
545
	width: 95%;
545
	width: 95%;
546
}
546
}
547
 
547
 
548
.boutonValider img {
548
.boutonValider img {
549
	cursor: pointer;
549
	cursor: pointer;
550
}
550
}
551
 
551
 
552
.propositionValidable {
552
.propositionValidable {
553
	margin-left: 35px;
553
	margin-left: 35px;
554
}
554
}
555
 
555
 
556
.indicationPropositionInitiale {
556
.indicationPropositionInitiale {
557
	font-weight : bold;
557
	font-weight : bold;
558
}
558
}
559
 
559
 
560
.etoiles {
560
.etoiles {
561
	height: 26px;
561
	height: 26px;
562
	margin-left: 38px;
562
	margin-left: 38px;
563
	margin-top: -2px;
563
	margin-top: -2px;
564
	width: 26px;
564
	width: 26px;
565
}
565
}
566
 
566
 
567
.etoiles_0 {
567
.etoiles_0 {
568
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
568
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
569
}
569
}
570
.etoiles_1 {
570
.etoiles_1 {
571
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
571
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
572
}
572
}
573
.etoiles_2 {
573
.etoiles_2 {
574
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
574
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
575
}
575
}
576
.etoiles_3 {
576
.etoiles_3 {
577
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
577
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
578
}
578
}
579
.etoiles_4 {
579
.etoiles_4 {
580
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
580
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
581
}
581
}
582
.etoiles_5 {
582
.etoiles_5 {
583
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
583
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
584
}
584
}
585
 
585
 
586
.boutonOK {
586
.boutonOK {
587
	background:url("./img/tick.png") no-repeat;
587
	background:url("./img/tick.png") no-repeat;
588
	width:15px;
588
	width:15px;
589
	height:15px;
589
	height:15px;
590
	display:block;
590
	display:block;
591
	margin-top:2px;
591
	margin-top:2px;
592
	border:none;
592
	border:none;
593
	cursor:pointer;
593
	cursor:pointer;
594
}
594
}
595
 
595
 
596
.enligne {
596
.enligne {
597
	display:inline;
597
	display:inline;
598
}
598
}
599
 
599
 
600
.aide {
600
.aide {
601
	background:url(./img/information.png) no-repeat;
601
	background:url(./img/information.png) no-repeat;
602
	padding-left:20px;
602
	padding-left:20px;
603
}
603
}
604
 
604
 
605
.lienListe {
605
.lienListe {
606
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
606
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
607
	cursor:pointer;
607
	cursor:pointer;
608
	padding-left:31px;
608
	padding-left:31px;
609
	padding-bottom:5px;
609
	padding-bottom:5px;
610
	padding-top:2px;
610
	padding-top:2px;
611
	border:none;
611
	border:none;
612
}
612
}
613
 
613
 
614
.nombreVotes {
614
.nombreVotes {
615
	background:url('./img/user.png') no-repeat;	
615
	background:url('./img/user.png') no-repeat;	
616
	cursor: pointer;
616
	cursor: pointer;
617
}
617
}
618
 
618
 
619
.notesVotes {
619
.notesVotes {
620
	width: 196px;
620
	width: 196px;
621
	margin-top: 3px;
621
	margin-top: 3px;
622
	/*border: solid white 1px;*/
622
	/*border: solid white 1px;*/
623
}
623
}
624
/*.notesVotes td {
624
/*.notesVotes td {
625
	border: solid white 1px;
625
	border: solid white 1px;
626
}*/
626
}*/
627
.notesVotes td.image {
627
.notesVotes td.image {
628
	text-align: left;
628
	text-align: left;
629
}
629
}
630
.notesVotes td.barre {
630
.notesVotes td.barre {
631
	width: 135px;
631
	width: 135px;
632
}
632
}
633
.notesVotes td.votants {
633
.notesVotes td.votants {
634
	width: 30px;
634
	width: 30px;
635
}
635
}
636
.notesVotes .avancement {
636
.notesVotes .avancement {
637
	height: 5px;
637
	height: 5px;
638
	background-color: #d0d0d0;
638
	background-color: #d0d0d0;
639
}
639
}
640
 
640
 
641
img.etoile {
641
img.etoile {
642
	width: 16px;
642
	width: 16px;
643
}
643
}
644
 
644
 
645
.chiffreDroite {
645
.chiffreDroite {
646
	float: right;
646
	float: right;
647
	margin-right: 10px;
647
	margin-right: 10px;
648
}
648
}
649
 
649
 
650
#contenu .lienRss a{
650
#contenu .lienRss a{
651
	padding-right:20px;
651
	padding-right:20px;
652
	background:url('./img/rss.png') no-repeat right center;
652
	background:url('./img/rss.png') no-repeat right center;
653
	cursor:pointer;
653
	cursor:pointer;
654
	padding-bottom:1px;
654
	padding-bottom:1px;
655
	border:none;
655
	border:none;
656
}
656
}
657
 
657
 
658
.invisible {
658
.invisible {
659
	visibility:hidden;
659
	visibility:hidden;
660
}
660
}
661
 
661
 
662
.motCleCel {
662
.motCleCel {
663
	display: inline-block;
663
	display: inline-block;
664
	margin-right: 3px;
664
	margin-right: 3px;
665
	border: 1px solid grey;
665
	border: 1px solid grey;
666
	background-color: #B1BEBE;
666
	background-color: #B1BEBE;
667
	padding-left: 2px;
667
	padding-left: 2px;
668
	padding-right: 2px;
668
	padding-right: 2px;
669
	line-height: 20px;
669
	line-height: 20px;
670
	border-radius: 5px;
670
	border-radius: 5px;
671
	opacity:1;
671
	opacity:1;
672
	color: black;
672
	color: black;
673
}
673
}
674
 
674
 
675
div.motClePictoCoche {
675
div.motClePictoCoche {
676
	background-color: #96B944;
676
	background-color: #96B944;
677
}
677
}
678
 
678
 
679
div.motclesPicto > div > span > input[type="checkbox"] {
679
div.motclesPicto > div > span > input[type="checkbox"] {
680
	opacity:0;
680
	opacity:0;
681
}
681
}
682
 
682
 
683
span.texteMotClePicto label {
683
span.texteMotClePicto label {
684
	cursor: pointer;
684
	cursor: pointer;
685
}
685
}
686
 
686
 
687
 
687
 
688
/** FROM TELA */
688
/** FROM TELA */
689
.importance1 {
689
.importance1 {
690
	margin:10px 0px 25px 0px;		
690
	margin:10px 0px 25px 0px;		
691
	background-color:#eaedcd;	
691
	background-color:#eaedcd;	
692
	padding:8px;
692
	padding:8px;
693
	font-family:arial;
693
	font-family:arial;
694
	font-size:11px;
694
	font-size:11px;
695
	color:#3a3633;
695
	color:#3a3633;
696
	border-radius:10px;
696
	border-radius:10px;
697
	-moz-border-radius:10px;
697
	-moz-border-radius:10px;
698
	-webkit-border-radius:10px;
698
	-webkit-border-radius:10px;
699
	box-shadow:7px 7px 11px #555;
699
	box-shadow:7px 7px 11px #555;
700
	-moz-box-shadow:2px 2px 5px #aaa;
700
	-moz-box-shadow:2px 2px 5px #aaa;
701
	-webkit-box-shadow:7px 7px 11px #aaa;
701
	-webkit-box-shadow:7px 7px 11px #aaa;
702
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
702
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
703
	zoom:1;/* pour ie8 */
703
	zoom:1;/* pour ie8 */
704
}
704
}
705
 
705
 
706
.traitTela li {
706
.traitTela li {
707
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
707
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
708
	font-family: arial;
708
	font-family: arial;
709
	font-size: 12px;
709
	font-size: 12px;
710
	font-weight: bold;
710
	font-weight: bold;
711
	color:#777;
711
	color:#777;
712
	list-style: none outside none;
712
	list-style: none outside none;
713
	padding: 10px 0 0 30px;
713
	padding: 10px 0 0 30px;
714
}
714
}
715
.connect {
715
.connect {
716
	width:130px;
716
	width:130px;
717
	margin:0;
717
	margin:0;
718
	padding:0;
718
	padding:0;
719
}
719
}
720
 
720
 
721
.contenuCentre {
721
.contenuCentre {
722
	text-align:center;
722
	text-align:center;
723
}
723
}
724
 
724
 
725
 
725
 
726
#zoneFooter{
726
#zoneFooter{
727
	width:1000px;
727
	width:1000px;
728
	margin:0 auto;
728
	margin:0 auto;
729
	text-align:center;
729
	text-align:center;
730
	color:#555;
730
	color:#555;
731
	font-family:arial;
731
	font-family:arial;
732
	font-size:11px;
732
	font-size:11px;
733
	font-weight:bold;
733
	font-weight:bold;
734
	margin-top:30px;
734
	margin-top:30px;
735
}
735
}
736
 
736
 
737
#zoneFooter a {
737
#zoneFooter a {
738
	margin-right:30px;
738
	margin-right:30px;
739
	
739
	
740
}
740
}
741
 
741
 
742
.pictoplante-contact {
742
.pictoplante-contact {
743
	font-weight: normal;
743
	font-weight: normal;
744
}
744
}
745
 
745
 
746
.pictoplante-contact a {
746
.pictoplante-contact a {
747
	color: green;
747
	color: green;
748
	text-decoration : none;
748
	text-decoration : none;
749
	font-weight: bold;
749
	font-weight: bold;
750
}
750
}
751
 
751
 
752
.pictoplante-contact a:visited {
752
.pictoplante-contact a:visited {
753
	color: #06BD1E;
753
	color: #06BD1E;
754
	text-decoration : none;
754
	text-decoration : none;
755
}
755
}
756
 
756
 
757
.pictoplante-contact a:hover {
757
.pictoplante-contact a:hover {
758
	color: #FD8C13;
758
	color: #FD8C13;
759
	text-decoration : none;
759
	text-decoration : none;
760
}
760
}
761
/*----------------------------------------------------------------------------------------------------------*/
761
/*----------------------------------------------------------------------------------------------------------*/
762
/* ONGLETS */
762
/* ONGLETS */
763
.zone-onglets {
763
.zone-onglets {
764
	margin-bottom:5px;
764
	margin-bottom:5px;
765
	width:100%;
765
	width:100%;
766
	height:31px;
766
	height:31px;
767
	text-align:left;
767
	text-align:left;
768
	border:solid 1px #AAA;
768
	border:solid 1px #AAA;
769
	border-width:0 0 1px 0;
769
	border-width:0 0 1px 0;
770
	padding-left:5px;	
770
	padding-left:5px;	
771
}
771
}
772
.onglet {
772
.onglet {
773
	border:solid 1px #AAA;
773
	border:solid 1px #AAA;
774
	border-width:1px;
774
	border-width:1px;
775
	padding:3px 15px;
775
	padding:3px 15px;
776
	padding-top:6px;
776
	padding-top:6px;
777
	padding-left:25px;
777
	padding-left:25px;
778
	border-radius:12px 12px 0 0;
778
	border-radius:12px 12px 0 0;
779
	width:100px;
779
	width:100px;
780
	float:left;
780
	float:left;
781
	background:#C2C0AD;
781
	background:#C2C0AD;
782
	cursor:pointer;
782
	cursor:pointer;
783
	height:21px;
783
	height:21px;
784
	font-size:16px;
784
	font-size:16px;
785
	color:#598000
785
	color:#598000
786
}
786
}
787
.onglet * {
787
.onglet * {
788
	cursor:pointer;
788
	cursor:pointer;
789
}
789
}
790
.onglet:hover {
790
.onglet:hover {
791
	background:#d0ccaa;
791
	background:#d0ccaa;
792
}
792
}
793
.onglet-actif {
793
.onglet-actif {
794
	font-weight:bold;
794
	font-weight:bold;
795
	background:white;
795
	background:white;
796
	color:#FD8C13;
796
	color:#FD8C13;
797
	text-transform:uppercase;
797
	text-transform:uppercase;
798
	width:140px;
798
	width:140px;
799
}
799
}
800
 
800
 
801
.elementMasque {
801
.elementMasque {
802
	background-color: #777;
802
	background-color: #777;
803
	cursor: default;
803
	cursor: default;
804
	display: block;
804
	display: block;
805
	opacity: 0.7;
805
	opacity: 0.7;
806
	left: 0;
806
	left: 0;
807
	top: 0;
807
	top: 0;
808
	position: relative;
808
	position: relative;
809
	width: 100%;
809
	width: 100%;
810
	z-index: 1100;
810
	z-index: 1100;
811
	height: 100%
811
	height: 100%
812
}
812
}
813
 
813
 
814
/*+---------------------------------------------------------------------------------------------------------*/
814
/*+---------------------------------------------------------------------------------------------------------*/
815
/* ENTETE */
815
/* ENTETE */
816
 
816
 
817
#zoneEntete {
817
#zoneEntete {
818
	width:1000px;
818
	width:1000px;
819
	margin:0 auto;
819
	margin:0 auto;
820
	min-height:230px;
820
	min-height:230px;
821
}
821
}
822
#zoneEntete .acceder-aide {
822
#zoneEntete .acceder-aide {
823
	color:white;
823
	color:white;
824
}
824
}
825
#zoneEntete .acceder-outil {
825
#zoneEntete .acceder-outil {
826
	color:inherit;
826
	color:inherit;
827
}
827
}
828
#zoneTitre {
828
#zoneTitre {
829
	float:left;
829
	float:left;
830
	height:50px;
830
	height:50px;
831
	width:50%;
831
	width:50%;
832
	margin:10px 0;
832
	margin:10px 0;
833
	font-size:3.2em;
833
	font-size:3.2em;
834
}
834
}
835
#zoneTitre a, #zoneTitre a:visited {
835
#zoneTitre a, #zoneTitre a:visited {
836
	color:#777;
836
	color:#777;
837
	text-decoration:none;
837
	text-decoration:none;
838
}
838
}
839
#zoneTitre a:hover {
839
#zoneTitre a:hover {
840
	color:#FD8C13;
840
	color:#FD8C13;
841
	text-decoration:none;
841
	text-decoration:none;
842
	border-bottom:1px dotted #95AE5D;
842
	border-bottom:1px dotted #95AE5D;
843
}
843
}
844
#zoneChapeau {
844
#zoneChapeau {
845
	float:left;
845
	float:left;
846
	height:130px;
846
	height:130px;
847
	width:52%;
847
	width:52%;
848
}
848
}
849
#zoneLogos {
849
#zoneLogos {
850
	float:right;
850
	float:right;
851
	height:50px;
851
	height:50px;
852
	width:50%;
852
	width:50%;
853
	text-align:center;
853
	text-align:center;
854
	margin:10px 0;
854
	margin:10px 0;
855
}
855
}
856
 
856
 
857
/*+---------------------------------------------------------------------------------------------------------*/
857
/*+---------------------------------------------------------------------------------------------------------*/
858
/* LOGOS */
858
/* LOGOS */
859
.logo_tela {
859
.logo_tela {
860
	padding-bottom:35px;
860
	padding-bottom:44px;
861
	padding-left:70px;
861
	padding-left:145px;
862
	background:url('./img/logos/tela.jpg');
862
	background:url('./img/logos/tela.jpg');
-
 
863
	background-repeat: no-repeat;
-
 
864
	background-position: bottom;
863
}
865
}
864
.logo_pn {
866
.logo_pn {
865
	padding-bottom:35px;
867
	padding-bottom:35px;
866
	padding-left:263px;
868
	padding-left:263px;
867
	background:url('./img/logos/pn.jpg');
869
	background:url('./img/logos/pn.jpg');
868
}
870
}
869
.logo_ue {
871
.logo_ue {
870
	padding-bottom:59px;
872
	padding-bottom:59px;
871
	padding-left:103px;
873
	padding-left:103px;
872
	background:url('./img/logos/ue.jpg');
874
	background:url('./img/logos/ue.jpg');
873
}
875
}
874
.logo_lr {
876
.logo_lr {
875
	padding-bottom:59px;
877
	padding-bottom:59px;
876
	padding-left:47px;
878
	padding-left:47px;
877
	background:url('./img/logos/lr.jpg');
879
	background:url('./img/logos/lr.jpg');
878
}
880
}
879
.logo_nd {
881
.logo_nd {
880
	padding-bottom:55px;
882
	padding-bottom:55px;
881
	padding-left:148px;
883
	padding-left:148px;
882
	background:url('./img/logos/nd.jpg');
884
	background:url('./img/logos/nd.jpg');
883
}
885
}
884
.logo_nh {
886
.logo_nh {
885
	padding-bottom:46px;
887
	padding-bottom:46px;
886
	padding-left:59px;
888
	padding-left:59px;
887
	background:url('./img/logos/fnh.png');
889
	background:url('./img/logos/fnh.png');
888
}
890
}
889
.logo_nh:hover {
891
.logo_nh:hover {
890
	padding-bottom:46px;
892
	padding-bottom:46px;
891
	padding-left:59px;
893
	padding-left:59px;
892
	background:url('./img/logos/fnh-hover.png');
894
	background:url('./img/logos/fnh-hover.png');
893
}
895
}
894
.logo_tela:hover {
896
.logo_tela:hover {
895
	background:url('./img/logos/tela_hover.jpg');
897
	background:url('./img/logos/tela_hover.jpg');
-
 
898
	background-repeat: no-repeat;
-
 
899
	background-position: bottom;
896
}
900
}
897
.logo_pn:hover {
901
.logo_pn:hover {
898
	background:url('./img/logos/pn_hover.jpg');
902
	background:url('./img/logos/pn_hover.jpg');
899
}
903
}
900
.logo_ue:hover {
904
.logo_ue:hover {
901
	background:url('./img/logos/ue_hover.jpg');
905
	background:url('./img/logos/ue_hover.jpg');
902
}
906
}
903
.logo_lr:hover {
907
.logo_lr:hover {
904
	background:url('./img/logos/lr_hover.jpg');
908
	background:url('./img/logos/lr_hover.jpg');
905
}
909
}
906
.logo_nd:hover {
910
.logo_nd:hover {
907
	background:url('./img/logos/nd_hover.jpg');
911
	background:url('./img/logos/nd_hover.jpg');
908
}
912
}
909
 
913
 
910
.erreurConfig {
914
.erreurConfig {
911
	width: 400px;
915
	width: 400px;
912
	margin: 20px auto auto;
916
	margin: 20px auto auto;
913
	font-size: 16px;
917
	font-size: 16px;
914
	color: #cc0000;
918
	color: #cc0000;
915
	font-weight: bold;
919
	font-weight: bold;
916
}
920
}