Subversion Repositories Applications.referentiel

Rev

Rev 335 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
6 jpm 1
@CHARSET "UTF-8";
2
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 3
/* Générique */
47 jpm 4
body {
5
	font-family:Arial, Helvetica, Verdana, sans-serif;
124 delphine 6
	font-size:0.85em;
47 jpm 7
	background-color:#fff;
8
	margin:2px;}
9
h1{
10
	font-size:1.4em;
11
	line-height:1.3em;
12
	font-weight:bold;
13
	padding:0 0 2px 5px;
14
	margin:10px 0 4px 0;
15
	background-color:#c38673;
16
	color:white;}
17
h2{
18
	font-size:1em;
19
	font-weight:bold;
20
	color:black;
21
	text-transform:uppercase;
22
	margin:10px 0 4px 0;
23
	color:#AD5A40;}
24
h3{
25
	font-size:0.95em;
26
	color:black;
27
	font-weight:bold;
28
	margin:8px 0 4px 0;
29
	text-transform:none;}
30
h4{
31
	font-size:0.8em;
32
	color:black;
33
	font-weight:bold;
34
	letter-spacing:0.1em;
35
	margin:8px 0 2px 0;}
36
h5{
37
	font-size:0.8em;
38
	color:black;
39
	font-style:italic;
40
	margin:4px 0 1px 0;}
41
h6{
42
	font-size:0.75em;
43
	color:black;
44
	font-style:italic;
45
	margin:4px 0 1px 0;}
46
a{
47
	color:black;
48
	text-decoration:none;
87 jpm 49
	background:url(images/img_underline_atelier.png) repeat-x center bottom;}
47 jpm 50
a:hover{
51
	color:black;
52
	text-decoration:none;
87 jpm 53
	background:url(images/img_underline_hover_atelier.png) repeat-x center bottom;}
47 jpm 54
hr{
55
	color:#62210F;}
56
table{
58 jpm 57
	border-collapse: collapse;
58
	width:100%;
105 jpm 59
	margin:5px 0;}
47 jpm 60
td,th{
61
	border:1px solid #36560B;
227 jpm 62
	padding:7px 5px;
63
	background-color:white;}
58 jpm 64
th{
65
	background-color:#EEE;}
206 delphine 66
label[title]:after, th[title]:after, span[title]:after {
103 jpm 67
    content: " " url("images/aide.png");
68
}
47 jpm 69
caption{
58 jpm 70
	border:1px solid #36560B;
71
	background-color:#EEE;
47 jpm 72
	font-weight:bold;
58 jpm 73
	padding:2px;}
47 jpm 74
img{
75
	border:0;}
76
img a{
77
	display:block;}
78
legend{
79
	color:#AD5A40;}
80 delphine 80
.nettoyeur{
103 jpm 81
	visibility:hidden;}
45 jpm 82
/*--------------------------------------------------------------------------------------------------------------*/
83
/* Disposition */
84
#zone-centrale {
47 jpm 85
	text-align:center;}
45 jpm 86
#zone-logo{
87
	left:18px;
47 jpm 88
	margin:1px 10px;
45 jpm 89
	position:absolute;
90
	top:2px;
91
	z-index:1;}
362 mathias 92
#zone-logo img {
93
	width: 143px;
94
}
45 jpm 95
#zone-entete{
47 jpm 96
	height:121px;
45 jpm 97
	margin:0;
87 jpm 98
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
45 jpm 99
#zone-entete-contenu{
100
	height:120px;
87 jpm 101
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
45 jpm 102
#zone-titre-site{
103
	height:38px;
104
	margin:0;
105
	text-align:right;}
106
#zone-titre-site h1{
107
	margin:0 20px 0 0;
108
	padding:0;
109
	background-color:transparent;
110
	font-size:28px;
111
	font-weight:bold;}
46 jpm 112
#zone-corps{
113
	margin:0;
114
	text-align:left;}
45 jpm 115
#zone-navigation{
47 jpm 116
	position:relative;
45 jpm 117
	float:left;
47 jpm 118
	height:21px;
119
	width:100%;
120
	margin:0;
121
	padding:0;
45 jpm 122
	text-align:left;
47 jpm 123
	font-weight:bold;
124
	border-bottom:1px solid #62210F;}
45 jpm 125
#zone-corps-contenu{
126
	clear:both;
127
	min-height:300px;
128
	padding:0 2px;
47 jpm 129
	text-align:justify;
130
	border-top:medium none !important;
131
	border:1px solid #62210F;}
45 jpm 132
#zone-fil-ariane{
47 jpm 133
	font-weight:bold;
134
	text-align:left;}
45 jpm 135
#zone-pied{
47 jpm 136
	clear:both;
137
	text-align:center;}
45 jpm 138
/*--------------------------------------------------------------------------------------------------------------*/
47 jpm 139
/* Logo */
140
#zone-logo img{
141
	border:0;}
142
#zone-logo a{
143
	position:absolute;
144
	top:0;
145
	left:0;}
146
#zone-logo a:hover{
147
	border:1px dotted;}
148
#zone-logo a:hover:after{
149
	content:" Retour à l'accueil ";}
150
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 151
/* Fil d'ariane */
152
#zone-fil-ariane{
153
	padding:10px 5px;}
154
#zone-fil-ariane p{
155
	font-weight:bold;
156
	float:left;
157
	margin:0;
158
	padding-right:5px;}
159
.fil-ariane{
160
	list-style-type:none;
161
	margin:0;
162
	padding:0;}
163
.fil-ariane li{
164
	float:left;
165
	margin:0;
166
	padding:0;}
167
.fil-ariane li:before{
168
	content: " > ";}
169
.fil-ariane a{
170
	padding:0 5px;}
171
/*--------------------------------------------------------------------------------------------------------------*/
172
/* Navigation onglets */
173
#zone-navigation ul {
174
	margin:0;
175
	padding:0;
176
	list-style:none;}
177
#zone-navigation li {
178
	float:left;
179
	margin:0;
180
	padding:0;
87 jpm 181
	background:url("images/norm_right_both.gif") no-repeat right top;}
45 jpm 182
#zone-navigation a {
183
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
184
	display:block;
87 jpm 185
	background:url("images/norm_left_both.gif") no-repeat left top;
45 jpm 186
	width:.1em;
187
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
188
	padding:5px 15px 4px;
189
	text-decoration:none;}
190
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
191
#zone-navigation a {float:none;}
192
/* End IE5-Mac hack */
193
#zone-navigation > ul a {
47 jpm 194
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
45 jpm 195
#zone-navigation li:hover {
47 jpm 196
	background-position:100% -150px;}
45 jpm 197
#zone-navigation li:hover a {
47 jpm 198
	background-position:0% -150px;}
199
#zone-navigation .inactif {
200
	border-bottom:medium none #62210F;}
201
#zone-navigation .inactif a{
202
	border-bottom:1px solid;
203
	line-height:12px;
204
	font-weight:normal;}
205
#zone-navigation .actif{
206
	position:relative;
207
	background-position:100% -150px;
208
	z-index:3;}
209
#zone-navigation .actif a{
210
	position:relative;
211
	background-position:0 -150px;
212
	line-height:13px;
213
	z-index:4;}
271 delphine 214
#zone-navigation .securise{
215
	position:relative;
216
	border-bottom:medium none #62210F;
217
	background-position:100% -150px;
218
	z-index:3;}
219
#zone-navigation .inactif.securise a{
220
	background:url("images/norm_left_both_securise.png") no-repeat left top;}
221
 
222
#zone-navigation li.inactif.securise {
223
	background:url("images/norm_right_both_securise.png") no-repeat right top;}
224
 
225
#zone-navigation li.inactif.securise:hover {
226
	background-position:100% -150px;}
227
#zone-navigation li.inactif.securise:hover a {
228
	background-position:0% -150px;}
47 jpm 229
/*---------------------------------------------------------------------------------------------------------------------------------------*/
6 jpm 230
/* Général */
33 jpm 231
.discretion{
232
	color:#A9A9A9;
233
	font-size:10px;
234
	font-weight:normal;}
235
.description{
6 jpm 236
	background-color:#f0f0f0;
237
	white-space:pre-wrap;}
33 jpm 238
.resultat{
239
	text-transform:uppercase;}
240
.ok{
6 jpm 241
	background-color:#9ED30D !important;}
33 jpm 242
.ko{
6 jpm 243
	background-color:#E9584C !important;}
33 jpm 244
.espace{
245
	background-color:yellow !important;}
48 jpm 246
.obligatoire{
247
	color:red;}
248
.attention {
249
  display:block;
87 jpm 250
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
48 jpm 251
  text-align:center;
252
  border: 1px solid red;
253
  min-height: 30px;
254
  max-width: 800px;
255
  padding:10px 5px 5px 50px;}
256
.information {
87 jpm 257
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
48 jpm 258
  text-align:center;
259
  border:1px solid #5D81BA;
260
  max-width: 800px;
261
  min-height:30px;
262
  padding:10px 5px 5px 50px;}
47 jpm 263
hr.nettoyage{
264
	clear:both;
265
	width:0;}
266
/* Formulaire */
267
#zone-form fieldset{
268
	margin:5px;
269
	padding:5px;
270
	float:left;}
271
#zone-form fieldset legend{
272
	padding:0 10px;
273
	border-left:#CCC 1px solid;
274
	border-right:#CCC 1px solid;
275
	background-color:white;
276
	font-size:1.2em;
277
	color:#999;}
278
#zone-form input{
279
	margin:5px;}
280
#zone-form textarea{
281
	with:100%;}
282
#zone-form input[type="submit"] {
283
	width:auto !important;
284
	margin:5px !important;}
285
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
286
	background-color:#DEF;}
38 jpm 287
.case-a-cocher-scroll {
47 jpm 288
	clear:both;
289
	height:6em;
290
	padding:2px;
140 jpm 291
	margin: 0 0 2px 0;
47 jpm 292
	overflow:auto;
293
	width:90%;
140 jpm 294
	border:1px solid #ccc;
47 jpm 295
	background-color:#FFF;}
296
.case-a-cocher-scroll label{
297
	width:90% !important;}
298
.case-a-cocher-scroll input{
299
	margin:0;
38 jpm 300
	padding:0;
47 jpm 301
	width:auto !important;}
302
.case-a-cocher-scroll label:after{
303
	content:"" !important;}
304
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 305
	list-style-type:none;
306
	padding:0;
307
	margin:0 !important;}
308
.liste-champs li{
309
	padding:2px;}
267 delphine 310
.defilant{
311
	min-height:150px;
312
	max-height:300px;
313
	overflow-x: hidden;
314
	overflow-y: auto;
315
	padding-right: 17px;
316
	width: 900px;
317
}
47 jpm 318
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 319
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
320
.largeur-01{
321
	width:60px;}
206 delphine 322
.largeur-01-5{
323
	width:90px;}
111 jpm 324
.largeur-02{
325
	width:120px;}
206 delphine 326
.largeur-02-5{
327
	width:150px;}
111 jpm 328
.largeur-03{
329
	width:180px;}
206 delphine 330
.largeur-03-5{
331
	width:210px;}
111 jpm 332
.largeur-04{
333
	width:240px;}
334
.largeur-05{
335
	width:300px;}
336
.largeur-06{
337
	width:360px;}
338
.largeur-07{
339
	width:420px;}
340
.largeur-08{
341
	width:480px;}
342
.largeur-09{
343
	width:540px;}
344
.largeur-10{
345
	width:600px;}
346
.largeur-11{
347
	width:660px;}
348
.largeur-12{
349
	width:720px;}
350
.largeur-13{
351
	width:780px;}
352
.largeur-14{
353
	width:840px;}
354
.largeur-15{
355
	width:900px;}
356
.largeur-16{
357
	width:960px;}
358
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 359
/* Demande de traitements */
45 jpm 360
.traitement-attente{
361
	background-color:#F16158;}
362
.traitement-cours{
363
	background-color:#FCCB54;}
364
.traitement-termine{
365
	background-color:#BBEFA5;}
47 jpm 366
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 367
/* Traitement */
368
#resultats {
369
	width:1024px;}
370
#resultats .numero{
371
	font-weight:bold;
372
	width:2%;}
373
#resultats .nom{
374
	font-weight:bold;
375
	width:30%;}
276 aurelien 376
 
47 jpm 377
/*---------------------------------------------------------------------------------------------------------------------------------------*/
276 aurelien 378
/* Informations */
379
.lien_telechargement {
380
    margin-bottom: 15px;
381
    margin-top: 10px;
382
}
383
 
384
.lien_telechargement a {
385
	border: 1px solid grey;
386
	padding: 5px;
387
	margin-right: 5px;
388
	border-radius: 7px 7px 7px 7px;
389
	background-color: #888;
390
	background: -webkit-linear-gradient( #777, #F4F7F8);
391
    background:    -moz-linear-gradient( #777, #F4F7F8);
392
    background:     -ms-linear-gradient( #777, #F4F7F8);
393
    background:      -o-linear-gradient( #777, #F4F7F8);
394
    background:         linear-gradient( #777, #F4F7F8);
395
}
396
 
397
.lien_telechargement a:hover{
398
    color: white;
399
    background: #555;
400
	background: -webkit-linear-gradient( #555, #666);
401
    background:    -moz-linear-gradient( #555, #666);
402
    background:     -ms-linear-gradient( #555, #666);
403
    background:      -o-linear-gradient( #555, #666);
404
    background:         linear-gradient( #555, #666);
405
}
406
 
407
.lien_telechargement a:active{
408
    color: #000;
409
    background: #444;
410
    background: -webkit-linear-gradient( #555, #2C2C2C);
411
    background:    -moz-linear-gradient( #555, #2C2C2C);
412
    background:     -ms-linear-gradient( #555, #2C2C2C);
413
    background:      -o-linear-gradient( #555, #2C2C2C);
414
    background:         linear-gradient( #555, #2C2C2C);
415
    box-shadow: 1px 1px 10px black inset,
416
 
417
}
329 mathias 418
 
419
.telecharger-resultat {
331 mathias 420
    background-color: #C3D45D;
329 mathias 421
    padding: 10px;
422
    border: solid #505050 1px;
423
    padding-top: 0;
424
}
331 mathias 425
 
426
.colonne-cases {
427
    display: inline-block;
428
    margin-right: 20px;
429
    margin-top: 10px;
430
}
335 mathias 431
.curseur-pointeur {
432
	cursor: pointer;
433
}
276 aurelien 434
 
435
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 436
/* Résultat */
437
#ref-resultat .resultat{
438
	width:20px;
439
	padding:5px;}
440
#ref-resultat .description, #ref-resultat .message{
441
	width:800px;
442
	padding:5px;}
443
#ref-resultat .message p{
38 jpm 444
	background-color:#f0f0f0;}
47 jpm 445
/*---------------------------------------------------------------------------------------------------------------------------------------*/
69 delphine 446
/* Résultat consultation*/
246 delphine 447
#ref-resultat-recherche {
448
	padding : 5px;
449
}
450
.nom_retenu {
451
	font-weight:bold;}
452
th {
453
	background-color:#EFF3FF;}
454
.transmis td, .transmis{
455
	background-color:#EAEDCD;}
456
.non_transmis td, .non_transmis{
457
	background-color:#C4AFA8;}
111 jpm 458
/*---------------------------------------------------------------------------------------------------------------------------------------*/
80 delphine 459
/* Présentation Fiche Taxon*/
460
.txt-long{
461
	white-space:pre-wrap;}
462
p.txt-long{
463
	width:53.6em;
464
	padding:.3em;
465
	background-color:#FFF;}
466
#texte li{
467
	margin:0;}
111 jpm 468
.ref-onglets{
469
	font-size:0.9em;}
80 delphine 470
.ref-sommaire a{
471
	background:none;}
472
.label-grand dt{
473
	width:28em;}
474
.label-court dt{
475
	width:12em;}
111 jpm 476
th.vide {
477
	background-color:transparent;
478
	border:none;}
206 delphine 479
#ref-ref-mail pre{
480
	font-family:Arial, Helvetica, Verdana, sans-serif;
210 delphine 481
	font-size:1em;
482
	margin:1em 0;
483
	border:none;}
484
#ref-ref-mail form{
485
	text-align:center;
486
	margin:1em 0;
487
	padding:0;
488
	}
489
#ref-ref-mail label{
490
	display:inline-block;
491
	width:150px;
492
	padding:0 1em;
493
	text-align:left;
494
	vertical-align: top;}
495
#ref-ref-mail textarea{
496
	width:600px;}
497
#ref-ref-mail .droite{
498
	margin-left:130px;}
499
#ref-ref-mail .champs{
500
	width:600px;}
501
#ref-ref-mail .valid{
502
	float:center;
503
	}
206 delphine 504
 
69 delphine 505
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 506
/* Fragmenteur : pagination */
507
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
508
    -moz-border-radius: 4px 4px 4px 4px;
509
    color: white;
510
    margin: 0 2px;
511
    padding: 5px;}
512
.fragmenteur select, .fragmenteur a {
513
    background-color: #C38673;
514
    border: 1px solid black;}
515
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
516
    background-color: #AEDC43;
517
    border: 1px solid #86A736;
518
    font-weight: bold;}
519
.frag_separateur {
520
    display: none;}
521
/*---------------------------------------------------------------------------------------------------------------------------------------*/
47 jpm 522
/* Versionnage */
523
#zone-form{
524
	position:relative;
525
	width:100%;}
526
#zone-form fieldset:hover{
527
	background-color:#EFE0D1;}
528
#ref-demande-versionnage fieldset{
529
	width:400px;}
530
#ref-demande-versionnage textarea{
531
	width:95%;}
532
#ref-demande-versionnage label{
533
	display:block;
534
	float:left;
140 jpm 535
	width:40%;
47 jpm 536
	margin:2px 0;}
48 jpm 537
#ref-demande-versionnage #champs-domaine label{
538
	width:90%;}
47 jpm 539
#ref-demande-versionnage input{
140 jpm 540
	width:100%;
541
	margin:0 0 2px 0;}
47 jpm 542
#case-a-cocher-scroll-licence, label[for="referencement"]{
543
	width:90% !important;}
544
#case-a-cocher-scroll-licence label{
545
	width:80%;}
546
#champs-contributeur{
547
	clear:left;}
548
#ref-versionnage-ok{/*Pour IE6*/
549
	width:auto !important;
550
	margin:5px !important;}
551
#champs-contributeur p{
552
	width:32%;
553
	float:left;
554
	font-size:0.8em;
555
	padding:3px;}
556
#champs-contributeur div{
557
	width:66%;
558
	float:left;
559
	margin-left:2px;
560
	padding-left:5px;
80 delphine 561
	border-left:1px dotted black;}
562
 
295 aurelien 563
.imagette-plus {
564
	background: url("images/ouvrir.png") no-repeat scroll 0 0 transparent;
565
    display: inline;
566
    float: left;
567
    height: 15px;
568
    margin-right: 3px;
569
    width: 15px;
570
}
571
 
572
.imagette-moins {
573
	background: url("images/fermer.png") no-repeat scroll 0 0 transparent;
296 aurelien 574
    display: inline;
575
    float: left;
295 aurelien 576
    height: 15px;
577
    margin-right: 3px;
578
    width: 15px;
579
}
580
 
581
.icone-deplier-arbre {
582
	cursor:pointer;
583
}
584
 
300 aurelien 585
.arbre-chargement {
586
    background: url("images/chargement.gif") no-repeat scroll 0 5px transparent;
587
    margin-left: 17px;
588
    padding: 5px 5px 5px 20px;
589
}
590
 
591
.arbre-nombre-familles {
592
	padding-left: 30px;
593
}
594
 
295 aurelien 595
.branche-arbre-taxo, .aucun-synonyme {
596
	list-style-type:none;
597
}
598
 
599
.lien-voir-synonymes-taxo, .aucun-sous-taxon, .aucun-synonyme {
600
    font-size: 0.8em;
601
}
602
 
603
.lien-voir-synonymes-taxo , .arbre-liste-synonymes a {
604
	color: #666666;
605
}
606
 
607
#texte li.feuille-arbre-synonyme-taxo {
608
	margin-top: 3px;
300 aurelien 609
	list-style-type: square;
295 aurelien 610
}
611
 
612
.branche-arbre-taxo {
613
	margin-top: 2px;
614
	border-left: 1px solid;
615
    margin-left: 7px;
616
    margin-top: 2px;
617
    padding-left: 20px;
618
}
619
 
620
#texte .feuille-arbre-taxo {
621
	margin-top: 3px;
622
}
623
 
80 delphine 624
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
295 aurelien 625
.ref-onglets {
80 delphine 626
	margin:0;/*Pour IE*/
627
	padding:0;/*Pour IE*/
285 gduche 628
	height:auto !important;height:100%;/*Pour IE*/}
629
 
630
.droite {
631
	float:right;
295 aurelien 632
}