Subversion Repositories Sites.gentiana.org

Rev

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