Subversion Repositories eFlore/Applications.del

Rev

Rev 1549 | Rev 1647 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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