Subversion Repositories Sites.gentiana.org

Rev

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

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