Subversion Repositories Sites.gentiana.org

Rev

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