Subversion Repositories Sites.gentiana.org

Rev

Rev 112 | Rev 114 | 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;
108
	width:600px;
109
	text-align:left;
110
	margin:0;
111
	padding-top:5px;
112
	text-transform:uppercase;}
113
#bandeau_contenu a, #bandeau_contenu a:hover {
114
	font-weight:bolder;
115
	margin-left:15px;
116
	color:white;
117
	text-decoration:none;}
118
#bandeau_contenu a:hover {
119
	text-decoration:underline;}
120
 
121
/* Moteur de recherche */
122
#zone_moteur_recherche {
123
	position:absolute;
112 mathias 124
	top:136px;
125
	left:520px;
109 mathias 126
	height:22px;
112 mathias 127
	width:270px;
128
	margin:0;
129
}
109 mathias 130
#form_more_recherche {
131
	float:right;
132
	padding:0;
133
	margin:0;}
134
#form_more_recherche legend {
135
	display:none;}
136
#form_more_recherche fieldset {
137
	border:0;
138
	margin:0;
139
	padding:0;}
140
#form_more_recherche label {
141
	display:none;}
142
#form_more_recherche input#more_motif{
143
	height:17px;
144
	margin:0;
145
	padding:0;}
146
#form_more_recherche input#more_ok {
147
	border:none;
148
	background:none;
149
	text-transform:uppercase;
150
	font-weight:bold;
151
	height:17px;
152
	margin:0;
153
	padding:0;}
154
#form_more_recherche input#more_ok:hover {
155
	border-bottom:1px solid;}
156
/* Texte trouvé par le moteur de recherche */
157
.surlignage {
158
	background-color:yellow;}
159
/* Formatage des résultats du moteur de recherche */
160
#more_resultat, #more_resultat li {
161
	clear:left;
162
	display: inline;
163
	margin: 0;
164
	padding: 0;
165
	list-style-type:none;}
166
.more_iid, .more_dui {
167
	display:none;}
168
.more_ivd {
169
	width:600px;}
170
.more_duv a {
171
	color:#008000;}
172
.more_dsv, .more_dsi {
173
	color:#C1C1C1;}
174
.more_detail, .more_detail li {
175
	display: inline;
176
	margin: 0;
177
	padding: 0;
178
	list-style-type:none;}
179
 
180
/* Zone contenu */
181
#zone_contenu {
112 mathias 182
	position: relative;
183
	float: right;
184
	padding: 0;
113 mathias 185
	padding-top: 20px;
112 mathias 186
	min-width: 750px;
113 mathias 187
	max-width: 900px;
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
 
347
/* Zone menu -> form connexion et deconnexion */
348
#zone_identification {
349
	margin:3em 0 0 0;
350
	padding:5px 0 0 0;
351
	min-height:180px;}
352
#zone_identification .erreur {
353
	display:block;
354
	text-align:center;
355
	color:red;
356
	padding:10px;}
357
#form_connexion, #identification {
358
	padding:10px 2px 2px 5px;
359
	margin:0;}
360
#form_connexion fieldset, #identification fieldset{
361
	border:none;}
362
#form_connexion legend, #identification legend {
363
	text-transform:uppercase;
364
	font-size:14px;
365
	font-weight:bold;}
366
#form_connexion label, #identification label {
367
	display:none;}
368
label#persistant_label {
369
	display:block;
370
	margin:5px 0 5px 10px;
371
	color:black;
372
	font-weight:bold;}
373
#username, #password {
374
	width:150px;
375
	margin:5px;
376
	margin-right:30px;
377
	clear:both;}
378
#persistant {
379
	display:block;
380
	float:left;
381
	margin:5px;}
382
#form_connexion input#connexion {
383
	border:none;
384
	background:none;
385
	text-transform:uppercase;
386
	font-weight:bold;
387
	margin:0;
388
	padding:0;}
389
#form_connexion input#connexion:hover {
390
	border-bottom:1px solid;}
391
#identification_info, #identification, #formconnexion, #iden_action {
392
	display:block;
393
	width:auto;
394
	text-align:center;
395
	font-size:11px;
396
	margin: 0;
397
	padding-bottom:2px;}
398
#inscription_info {
399
	margin:5px 0 5px 5px;}
400
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
401
	text-transform:uppercase;
402
	font-weight:bold;
403
	text-decoration:none;}
404
#lien_inscription:hover, #iden_action a:hover{
405
	text-decoration:underline;}
406
#inscription_aide {
407
	margin-left:1em;}
408
/* Information sur la personne identifiée */
409
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
410
	display:block;
411
	font-size:14px;
412
	text-align:center;
413
	font-weight:bold;
414
	text-transform:none;
415
	margin:10px 0 5px 0;}
416
#identification_message {
417
	text-transform:uppercase;}
418
#identification_prenom, #identification_nom{
419
	font-size:13px;
420
	font-weight:bold;
421
	color:black;}
422
#identification_nom {
423
	text-transform:uppercase;}
424
#iden_action {
425
	height:125px;}
426
 
427
/* Zone menu -> menu contextuel */
428
#menu_contextuel {
429
	border:1px solid;}
430
 
431
/* Zone pied */
432
#zone_pied {
433
	font-size:11px;
434
	clear:both;
435
	text-align:center;
436
	min-width:750px;
437
	max-width:900px;
112 mathias 438
	margin: auto;
439
}
109 mathias 440
#zone_pied p{
441
	position:center;}
442
#zone_pied a, #zone_pied a:hover {
443
	margin:0 10px;
444
	text-decoration:none;}
445
#zone_pied a:hover {
446
	text-decoration:underline;}
447
#pied_menu_commun .menu_commun_n1 {
448
	padding:0;}
449
#pied_menu_commun li {
450
	display:inline;}
451
#pied_menu_commun li+li {
452
	display:inline;
453
	padding-left:10px;}
454
 
455
 
456
/* Applette Catégorie et Mots Clés */
457
.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{
458
	display:none;}
459
.page_titre {
460
	font-weight:bold;}
461
 
462
/* Texte champ d'une fiche */
463
.champ_cle {
464
	font-weight:bold;}
465
.champ_valeur {
466
	font-weight:normal;}p_cle {
467
	font-weight:bold;}
468
.champ_valeur {
469
	font-weight:normal;}
470
.symbole_obligatoire{
471
	color:red;
472
	font-weight:bold;}
473
 
474
/*menu_commun*/
475
.question {
476
	font-weight:bold;}
477
 
478
/* Formatage des noms latins */
479
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
480
  font-style:italic;}
481
strong.nl_retenu{
482
	font-weight:normal;}
483
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
484
  font-weight:bold;}