Subversion Repositories eFlore/Applications.del

Rev

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

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