Subversion Repositories Sites.gentiana.org

Rev

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

Rev Author Line No. Line
109 mathias 1
/*
2
Feuille de style supportée par les navigateurs modernes (version 5 et +)
3
Auteur:	Jean-Pascal MILCENT
4
*/
5
 
6
/* Icones */
7
a.lien_ext:after {
8
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png");}
9
a.pdf:before {
10
content: url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icon_pdf.png")" ";}
11
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
12
a.mail:after, a[href ^="mailto:"]:after	{
13
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png");}
14
.table_bordure th[title]:after {
15
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png");}
16
 
17
/* Présentation des liens */
18
a {color:black;}
19
 
20
/* Présentation des listes de définitions */
21
dl {
22
	width:100%;}
23
dt {
24
	float:left;
25
	font-weight:bold;
26
	text-align:top left;
27
	margin-right:0.3em;}
28
dd {
29
	width:auto;
30
	margin-left:0;
31
	margin:0.5em 0;}
32
 
33
/* Présentation des images */
34
img a {
35
	display:block;}
36
 
37
/* Divers */
38
.clear {
39
	clear:both;}
40
.texte_inactif {
41
	font-size:10px;
42
	color:gray;}
43
.attention, .information {
44
	display:block;
45
	text-align:center;
46
	min-height: 50px;
47
	max-width: 800px;
48
	padding:5px 5px 5px 50px;}
49
.attention {
50
	background: #ffffcc url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_attention.png") no-repeat 2% 50%;
51
	border: 1px solid red;}
52
.information {
53
	background: #e7ebfd url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_information.png") no-repeat 2% 50%;
54
	border:1px solid #5D81BA;}
55
blockquote {
56
	font-style:italic;
57
	text-align:center;}
58
legend {
59
	text-align:center;}
60
 
61
/*DIFFERENTS BLOCS DE LA PAGE*/
62
 
63
#zone_generale {
112 mathias 64
	width: 1120px;
65
	margin: auto;
109 mathias 66
	text-align:left;}
67
 
68
/* Zone logo */
69
#zone_logo {
112 mathias 70
	float: left;
109 mathias 71
	background:none !important;
112 mathias 72
	z-index:1;
73
}
109 mathias 74
#zone_logo img {
75
	border:0 !important;}
76
 
77
/* Accessibilité */
78
#zone_accessibilite {
112 mathias 79
	position: absolute;
80
	top: 2px;
81
	right: 140px;
82
	z-index: 1;
83
}
109 mathias 84
#zone_accessibilite a{
85
	font-size:10px;
86
	color:gray;}
87
 
88
 
89
/* Bandeau */
90
#zone_bandeau {
112 mathias 91
	position: relative;
92
	height: 158px;
93
	margin: 0;
94
}
109 mathias 95
#titre_site {
96
	position:absolute;
97
	top:107px;
98
	left:198px;
99
	margin:0;
100
	text-align:right;
101
  color:white;
102
	background:none !important;}
103
#bandeau_contenu {
104
	position:absolute;
105
	top:136px;
106
	left:198px;
107
	height:22px;
116 mathias 108
	width:750px;
109 mathias 109
	text-align:left;
110
	margin:0;
111
	padding-top:5px;
116 mathias 112
	text-transform:uppercase;
113
}
109 mathias 114
#bandeau_contenu a, #bandeau_contenu a:hover {
115
	font-weight:bolder;
116
	margin-left:15px;
117
	color:white;
118
	text-decoration:none;}
119
#bandeau_contenu a:hover {
120
	text-decoration:underline;}
121
 
122
/* Moteur de recherche */
123
#zone_moteur_recherche {
124
	position:absolute;
112 mathias 125
	top:136px;
116 mathias 126
	left:670px;
109 mathias 127
	height:22px;
112 mathias 128
	width:270px;
129
	margin:0;
130
}
109 mathias 131
#form_more_recherche {
132
	float:right;
133
	padding:0;
134
	margin:0;}
135
#form_more_recherche legend {
136
	display:none;}
137
#form_more_recherche fieldset {
138
	border:0;
139
	margin:0;
140
	padding:0;}
141
#form_more_recherche label {
142
	display:none;}
143
#form_more_recherche input#more_motif{
144
	height:17px;
145
	margin:0;
146
	padding:0;}
147
#form_more_recherche input#more_ok {
148
	border:none;
149
	background:none;
150
	text-transform:uppercase;
151
	font-weight:bold;
152
	height:17px;
153
	margin:0;
154
	padding:0;}
155
#form_more_recherche input#more_ok:hover {
156
	border-bottom:1px solid;}
157
/* Texte trouvé par le moteur de recherche */
158
.surlignage {
159
	background-color:yellow;}
160
/* Formatage des résultats du moteur de recherche */
161
#more_resultat, #more_resultat li {
162
	clear:left;
163
	display: inline;
164
	margin: 0;
165
	padding: 0;
166
	list-style-type:none;}
167
.more_iid, .more_dui {
168
	display:none;}
169
.more_ivd {
170
	width:600px;}
171
.more_duv a {
172
	color:#008000;}
173
.more_dsv, .more_dsi {
174
	color:#C1C1C1;}
175
.more_detail, .more_detail li {
176
	display: inline;
177
	margin: 0;
178
	padding: 0;
179
	list-style-type:none;}
180
 
181
/* Zone contenu */
182
#zone_contenu {
112 mathias 183
	position: relative;
184
	float: right;
185
	padding: 0;
113 mathias 186
	padding-top: 20px;
114 mathias 187
	width: 900px;
113 mathias 188
}
109 mathias 189
 
190
/* Zone contenu -> VEI*/
191
#zone_vei {
192
	text-align:left;
193
	margin:10px 0 16px 0;
194
	height:33px;}
195
#vei {
196
	display:block;
197
	padding:16px 0 0 16px;
198
	font-weight:bold;}
199
#vei_titre {
200
	text-transform:uppercase;}
201
 
202
/* Zone contenu navigation : les onglets */
203
#zone_contenu_navigation {
204
	position:relative;
205
	float:left;
206
	text-align:left;
207
	font-weight:bold;
208
	margin:0;
209
	padding:0;
113 mathias 210
	width:100%;
211
}
109 mathias 212
#zone_contenu_navigation ul {
213
	margin:0;
214
	padding:0;
215
	list-style:none;}
216
#zone_contenu_navigation li {
217
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
218
	float:left;
219
	margin:0;
220
	padding:0;}
221
#zone_contenu_navigation a {
222
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
223
	display:block;
224
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
225
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
226
	margin:0;
227
	padding:5px 15px 4px;
228
	line-height:12px;
229
	text-decoration:none;}
230
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
231
#header a {float:none;}
232
/* End IE5-Mac hack */
233
#zone_contenu_navigation > ul a {
234
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
235
#zone_contenu_navigation li:hover {
236
	background-position:100% -150px;}
237
#zone_contenu_navigation li:hover a {
238
	background-position:0% -150px;}
239
#zone_contenu_navigation .menu_inactif a, #zone_contenu_navigation .onglet_inactif a  {
240
	line-height:12px;
241
	border-bottom:1px solid;}
242
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
243
	position:relative;
244
	background-position:100% -150px;
245
	z-index:3;
246
	font-weight:bold;}
247
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
248
	position:relative;
249
	background-position:0% -150px;
250
	line-height:13px;
251
	z-index:4;}
252
 
253
/* Zone contenu page */
254
#zone_contenu_page {
255
	position:relative;
256
	top:-1px;
257
	clear:both;
258
	padding:10px 2px 0 2px;
259
	margin:0;
260
	text-align:justify;
261
	height:100%;/* Nécessaire pour IE 6 : sinon un espace apparait entrele contenu et les onglets*/
262
	min-height:300px;
263
	border-top:none !important;}
264
#zone_contenu_page_corps{
265
	clear:both;
266
	line-height:1.2em;
267
	text-align:justify;
268
	padding:0 5px 7px 5px;}
269
 
270
/* Zone liste site */
271
#zone_liste_site {
112 mathias 272
	position: absolute;
273
	top: 15px;
274
	right: 170px;
275
}
109 mathias 276
#liste_site li {
277
	margin:0;
278
	padding:0;
279
	list-style-type:none;
280
	text-align:left;}
281
#liste_site a{
282
	display:block;
283
	height:25px;
284
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
285
	width:75px;
286
	padding:0px 0 0 32px;
287
	margin:8px 0;
288
	color:#333399;
289
	text-decoration:none;
290
	line-height:13px;
291
	font-weight:bold;}
292
#liste_site a:hover{
293
	text-decoration:underline;}
294
#site_asso_gentiana a{
295
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
296
#site_flore_isere a{
297
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
298
#site_gestion_raisonnable a{
299
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
300
#site_animation_botanique a{
301
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_animation_botanique.png") center left no-repeat;}
302
 
303
/* Zone menu */
304
#zone_menu {
305
	width:198px;
306
	min-height:292px;
112 mathias 307
	margin: 0;
109 mathias 308
	font-size:13px;
309
	text-align:left;}
310
#zone_menu hr {
311
	width:40%;
312
	text-align:center;}
313
 
314
/* Zone menu -> menu classique */
315
#zone_menu_classique .menu_classique_n1 {
316
	margin:5px;
112 mathias 317
	margin-top: 0;
109 mathias 318
	padding:0;
112 mathias 319
	padding-top: 3px;
320
	list-style-type:none;
321
}
109 mathias 322
#zone_menu_classique .menu_classique_n2 {
323
	padding:0;
324
	margin:0;
325
	list-style-type:none;}
326
#zone_menu_classique a {
327
	display:block;
328
	text-decoration:none;
329
	margin:0;
330
	height:100%;
331
	font-weight:bold;
332
	background-color:transparent;}
333
#zone_menu_classique .menu_classique_n1 a {
334
	padding:3px 0 3px 10px;
335
	margin:2px 0;}
336
#zone_menu_classique .menu_classique_n2 a {
337
	padding:3px 0 3px 15px;
338
	margin:2px 0;}
339
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
340
	-moz-border-radius-topright:10px;
341
	-moz-border-radius-topleft:10px;
342
	-webkit-border-top-right-radius:10px;
343
	-webkit-border-top-left-radius:10px;
344
	-khtml-border-radius-topright:10px;
345
	-khtml-border-radius-topleft:10px;}
346
 
117 mathias 347
/* Zone menu -> menu déroulant */
348
#zone_menu_classique .menu_deroulant_n1 {
349
	margin:5px;
350
	margin-top: 0;
351
	padding:0;
118 mathias 352
	padding-top: 8px;
117 mathias 353
	list-style-type:none;
354
}
355
#zone_menu_classique .menu_deroulant_n2 {
356
	padding:0;
357
	margin:0;
358
	list-style-type:none;
359
}
360
#zone_menu_classique .menu_deroulant_n1 a {
361
	padding:3px 0 3px 10px;
362
	margin:2px 0;
363
}
364
#zone_menu_classique .menu_deroulant_n2 a {
365
	padding:3px 0 3px 15px;
366
	margin:2px 0;
367
}
368
#zone_menu_classique .menu_deroulant_n1 > li.menu_actif > a { /* lien menu niveau 1 actif */
369
	-moz-border-radius-topright:10px;
370
	-moz-border-radius-topleft:10px;
371
	-webkit-border-top-right-radius:10px;
372
	-webkit-border-top-left-radius:10px;
373
	-khtml-border-radius-topright:10px;
374
	-khtml-border-radius-topleft:10px;
375
}
376
 
109 mathias 377
/* Zone menu -> form connexion et deconnexion */
378
#zone_identification {
379
	margin:3em 0 0 0;
380
	padding:5px 0 0 0;
381
	min-height:180px;}
382
#zone_identification .erreur {
383
	display:block;
384
	text-align:center;
385
	color:red;
386
	padding:10px;}
387
#form_connexion, #identification {
388
	padding:10px 2px 2px 5px;
389
	margin:0;}
390
#form_connexion fieldset, #identification fieldset{
391
	border:none;}
392
#form_connexion legend, #identification legend {
393
	text-transform:uppercase;
394
	font-size:14px;
395
	font-weight:bold;}
396
#form_connexion label, #identification label {
397
	display:none;}
398
label#persistant_label {
399
	display:block;
400
	margin:5px 0 5px 10px;
401
	color:black;
402
	font-weight:bold;}
403
#username, #password {
404
	width:150px;
405
	margin:5px;
406
	margin-right:30px;
407
	clear:both;}
408
#persistant {
409
	display:block;
410
	float:left;
411
	margin:5px;}
412
#form_connexion input#connexion {
413
	border:none;
414
	background:none;
415
	text-transform:uppercase;
416
	font-weight:bold;
417
	margin:0;
418
	padding:0;}
419
#form_connexion input#connexion:hover {
420
	border-bottom:1px solid;}
421
#identification_info, #identification, #formconnexion, #iden_action {
422
	display:block;
423
	width:auto;
424
	text-align:center;
425
	font-size:11px;
426
	margin: 0;
427
	padding-bottom:2px;}
428
#inscription_info {
429
	margin:5px 0 5px 5px;}
430
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
431
	text-transform:uppercase;
432
	font-weight:bold;
433
	text-decoration:none;}
434
#lien_inscription:hover, #iden_action a:hover{
435
	text-decoration:underline;}
436
#inscription_aide {
437
	margin-left:1em;}
438
/* Information sur la personne identifiée */
439
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
440
	display:block;
441
	font-size:14px;
442
	text-align:center;
443
	font-weight:bold;
444
	text-transform:none;
445
	margin:10px 0 5px 0;}
446
#identification_message {
447
	text-transform:uppercase;}
448
#identification_prenom, #identification_nom{
449
	font-size:13px;
450
	font-weight:bold;
451
	color:black;}
452
#identification_nom {
453
	text-transform:uppercase;}
454
#iden_action {
455
	height:125px;}
456
 
457
/* Zone menu -> menu contextuel */
458
#menu_contextuel {
459
	border:1px solid;}
460
 
461
/* Zone pied */
462
#zone_pied {
463
	font-size:11px;
464
	clear:both;
465
	text-align:center;
466
	min-width:750px;
467
	max-width:900px;
112 mathias 468
	margin: auto;
469
}
109 mathias 470
#zone_pied p{
471
	position:center;}
472
#zone_pied a, #zone_pied a:hover {
473
	margin:0 10px;
474
	text-decoration:none;}
475
#zone_pied a:hover {
476
	text-decoration:underline;}
477
#pied_menu_commun .menu_commun_n1 {
478
	padding:0;}
479
#pied_menu_commun li {
480
	display:inline;}
481
#pied_menu_commun li+li {
482
	display:inline;
483
	padding-left:10px;}
484
 
485
 
486
/* Applette Catégorie et Mots Clés */
487
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
488
	display:none;}
489
.page_titre {
490
	font-weight:bold;}
491
 
492
/* Texte champ d'une fiche */
493
.champ_cle {
494
	font-weight:bold;}
495
.champ_valeur {
496
	font-weight:normal;}p_cle {
497
	font-weight:bold;}
498
.champ_valeur {
499
	font-weight:normal;}
500
.symbole_obligatoire{
501
	color:red;
502
	font-weight:bold;}
503
 
504
/*menu_commun*/
505
.question {
506
	font-weight:bold;}
507
 
508
/* Formatage des noms latins */
509
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
510
  font-style:italic;}
511
strong.nl_retenu{
512
	font-weight:normal;}
513
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
514
  font-weight:bold;}