Subversion Repositories Sites.gentiana.org

Rev

Rev 113 | Rev 116 | 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;
114 mathias 186
	width: 900px;
113 mathias 187
}
109 mathias 188
 
189
/* Zone contenu -> VEI*/
190
#zone_vei {
191
	text-align:left;
192
	margin:10px 0 16px 0;
193
	height:33px;}
194
#vei {
195
	display:block;
196
	padding:16px 0 0 16px;
197
	font-weight:bold;}
198
#vei_titre {
199
	text-transform:uppercase;}
200
 
201
/* Zone contenu navigation : les onglets */
202
#zone_contenu_navigation {
203
	position:relative;
204
	float:left;
205
	text-align:left;
206
	font-weight:bold;
207
	margin:0;
208
	padding:0;
113 mathias 209
	width:100%;
210
}
109 mathias 211
#zone_contenu_navigation ul {
212
	margin:0;
213
	padding:0;
214
	list-style:none;}
215
#zone_contenu_navigation li {
216
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
217
	float:left;
218
	margin:0;
219
	padding:0;}
220
#zone_contenu_navigation a {
221
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
222
	display:block;
223
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
224
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
225
	margin:0;
226
	padding:5px 15px 4px;
227
	line-height:12px;
228
	text-decoration:none;}
229
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
230
#header a {float:none;}
231
/* End IE5-Mac hack */
232
#zone_contenu_navigation > ul a {
233
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
234
#zone_contenu_navigation li:hover {
235
	background-position:100% -150px;}
236
#zone_contenu_navigation li:hover a {
237
	background-position:0% -150px;}
238
#zone_contenu_navigation .menu_inactif a, #zone_contenu_navigation .onglet_inactif a  {
239
	line-height:12px;
240
	border-bottom:1px solid;}
241
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
242
	position:relative;
243
	background-position:100% -150px;
244
	z-index:3;
245
	font-weight:bold;}
246
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
247
	position:relative;
248
	background-position:0% -150px;
249
	line-height:13px;
250
	z-index:4;}
251
 
252
/* Zone contenu page */
253
#zone_contenu_page {
254
	position:relative;
255
	top:-1px;
256
	clear:both;
257
	padding:10px 2px 0 2px;
258
	margin:0;
259
	text-align:justify;
260
	height:100%;/* Nécessaire pour IE 6 : sinon un espace apparait entrele contenu et les onglets*/
261
	min-height:300px;
262
	border-top:none !important;}
263
#zone_contenu_page_corps{
264
	clear:both;
265
	line-height:1.2em;
266
	text-align:justify;
267
	padding:0 5px 7px 5px;}
268
 
269
/* Zone liste site */
270
#zone_liste_site {
112 mathias 271
	position: absolute;
272
	top: 15px;
273
	right: 170px;
274
}
109 mathias 275
#liste_site li {
276
	margin:0;
277
	padding:0;
278
	list-style-type:none;
279
	text-align:left;}
280
#liste_site a{
281
	display:block;
282
	height:25px;
283
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
284
	width:75px;
285
	padding:0px 0 0 32px;
286
	margin:8px 0;
287
	color:#333399;
288
	text-decoration:none;
289
	line-height:13px;
290
	font-weight:bold;}
291
#liste_site a:hover{
292
	text-decoration:underline;}
293
#site_asso_gentiana a{
294
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
295
#site_flore_isere a{
296
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
297
#site_gestion_raisonnable a{
298
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
299
#site_animation_botanique a{
300
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_animation_botanique.png") center left no-repeat;}
301
 
302
/* Zone menu */
303
#zone_menu {
304
	width:198px;
305
	min-height:292px;
112 mathias 306
	margin: 0;
109 mathias 307
	font-size:13px;
308
	text-align:left;}
309
#zone_menu hr {
310
	width:40%;
311
	text-align:center;}
312
 
313
/* Zone menu -> menu classique */
314
#zone_menu_classique .menu_classique_n1 {
315
	margin:5px;
112 mathias 316
	margin-top: 0;
109 mathias 317
	padding:0;
112 mathias 318
	padding-top: 3px;
319
	list-style-type:none;
320
}
109 mathias 321
#zone_menu_classique .menu_classique_n2 {
322
	padding:0;
323
	margin:0;
324
	list-style-type:none;}
325
#zone_menu_classique a {
326
	display:block;
327
	text-decoration:none;
328
	margin:0;
329
	height:100%;
330
	font-weight:bold;
331
	background-color:transparent;}
332
#zone_menu_classique .menu_classique_n1 a {
333
	padding:3px 0 3px 10px;
334
	margin:2px 0;}
335
#zone_menu_classique .menu_classique_n2 a {
336
	padding:3px 0 3px 15px;
337
	margin:2px 0;}
338
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
339
	-moz-border-radius-topright:10px;
340
	-moz-border-radius-topleft:10px;
341
	-webkit-border-top-right-radius:10px;
342
	-webkit-border-top-left-radius:10px;
343
	-khtml-border-radius-topright:10px;
344
	-khtml-border-radius-topleft:10px;}
345
 
346
/* Zone menu -> form connexion et deconnexion */
347
#zone_identification {
348
	margin:3em 0 0 0;
349
	padding:5px 0 0 0;
350
	min-height:180px;}
351
#zone_identification .erreur {
352
	display:block;
353
	text-align:center;
354
	color:red;
355
	padding:10px;}
356
#form_connexion, #identification {
357
	padding:10px 2px 2px 5px;
358
	margin:0;}
359
#form_connexion fieldset, #identification fieldset{
360
	border:none;}
361
#form_connexion legend, #identification legend {
362
	text-transform:uppercase;
363
	font-size:14px;
364
	font-weight:bold;}
365
#form_connexion label, #identification label {
366
	display:none;}
367
label#persistant_label {
368
	display:block;
369
	margin:5px 0 5px 10px;
370
	color:black;
371
	font-weight:bold;}
372
#username, #password {
373
	width:150px;
374
	margin:5px;
375
	margin-right:30px;
376
	clear:both;}
377
#persistant {
378
	display:block;
379
	float:left;
380
	margin:5px;}
381
#form_connexion input#connexion {
382
	border:none;
383
	background:none;
384
	text-transform:uppercase;
385
	font-weight:bold;
386
	margin:0;
387
	padding:0;}
388
#form_connexion input#connexion:hover {
389
	border-bottom:1px solid;}
390
#identification_info, #identification, #formconnexion, #iden_action {
391
	display:block;
392
	width:auto;
393
	text-align:center;
394
	font-size:11px;
395
	margin: 0;
396
	padding-bottom:2px;}
397
#inscription_info {
398
	margin:5px 0 5px 5px;}
399
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
400
	text-transform:uppercase;
401
	font-weight:bold;
402
	text-decoration:none;}
403
#lien_inscription:hover, #iden_action a:hover{
404
	text-decoration:underline;}
405
#inscription_aide {
406
	margin-left:1em;}
407
/* Information sur la personne identifiée */
408
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
409
	display:block;
410
	font-size:14px;
411
	text-align:center;
412
	font-weight:bold;
413
	text-transform:none;
414
	margin:10px 0 5px 0;}
415
#identification_message {
416
	text-transform:uppercase;}
417
#identification_prenom, #identification_nom{
418
	font-size:13px;
419
	font-weight:bold;
420
	color:black;}
421
#identification_nom {
422
	text-transform:uppercase;}
423
#iden_action {
424
	height:125px;}
425
 
426
/* Zone menu -> menu contextuel */
427
#menu_contextuel {
428
	border:1px solid;}
429
 
430
/* Zone pied */
431
#zone_pied {
432
	font-size:11px;
433
	clear:both;
434
	text-align:center;
435
	min-width:750px;
436
	max-width:900px;
112 mathias 437
	margin: auto;
438
}
109 mathias 439
#zone_pied p{
440
	position:center;}
441
#zone_pied a, #zone_pied a:hover {
442
	margin:0 10px;
443
	text-decoration:none;}
444
#zone_pied a:hover {
445
	text-decoration:underline;}
446
#pied_menu_commun .menu_commun_n1 {
447
	padding:0;}
448
#pied_menu_commun li {
449
	display:inline;}
450
#pied_menu_commun li+li {
451
	display:inline;
452
	padding-left:10px;}
453
 
454
 
455
/* Applette Catégorie et Mots Clés */
456
.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{
457
	display:none;}
458
.page_titre {
459
	font-weight:bold;}
460
 
461
/* Texte champ d'une fiche */
462
.champ_cle {
463
	font-weight:bold;}
464
.champ_valeur {
465
	font-weight:normal;}p_cle {
466
	font-weight:bold;}
467
.champ_valeur {
468
	font-weight:normal;}
469
.symbole_obligatoire{
470
	color:red;
471
	font-weight:bold;}
472
 
473
/*menu_commun*/
474
.question {
475
	font-weight:bold;}
476
 
477
/* Formatage des noms latins */
478
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
479
  font-style:italic;}
480
strong.nl_retenu{
481
	font-weight:normal;}
482
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
483
  font-weight:bold;}