Subversion Repositories eFlore/Applications.del

Rev

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