Subversion Repositories Sites.gentiana.org

Rev

Rev 37 | Rev 57 | 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
	position:absolute;
28 jpm 69
	top:15px;
70
	left:20px;
36 jpm 71
	background:none !important;
72
	z-index:1;}
18 jpm 73
#zone_logo img {
74
	border:0 !important;}
75
 
76
/* Accessibilité */
77
#zone_accessibilite {
78
	position:absolute;
79
	top:2px;
36 jpm 80
	left:775px;
81
	z-index:1;}
18 jpm 82
#zone_accessibilite a{
83
	font-size:10px;
84
	color:gray;}
85
 
86
 
87
/* Bandeau */
88
#zone_bandeau {
36 jpm 89
	position:relative;
90
	height:160px;
91
	margin:0;}
18 jpm 92
#titre_site {
93
	position:absolute;
36 jpm 94
	top:107px;
95
	left:198px;
18 jpm 96
	margin:0;
97
	text-align:right;
36 jpm 98
  color:white;
18 jpm 99
	background:none !important;}
100
#bandeau_contenu {
101
	position:absolute;
36 jpm 102
	top:136px;
103
	left:198px;
28 jpm 104
	height:22px;
105
	width:600px;
18 jpm 106
	text-align:left;
36 jpm 107
	margin:0;
18 jpm 108
	padding-top:5px;
109
	text-transform:uppercase;}
110
#bandeau_contenu a, #bandeau_contenu a:hover {
111
	font-weight:bolder;
36 jpm 112
	margin-left:15px;
27 jpm 113
	color:white;
114
	text-decoration:none;}
115
#bandeau_contenu a:hover {
116
	text-decoration:underline;}
18 jpm 117
 
118
/* Moteur de recherche */
119
#zone_moteur_recherche {
120
	position:absolute;
36 jpm 121
	top:138px;
28 jpm 122
	left:540px;
123
	height:22px;
36 jpm 124
	width:250px;
125
	margin:0;}
18 jpm 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;}
36 jpm 138
#form_more_recherche input#more_motif{
139
	height:17px;
140
	margin:0;
141
	padding:0;}
27 jpm 142
#form_more_recherche input#more_ok {
143
	border:none;
144
	background:none;
145
	text-transform:uppercase;
146
	font-weight:bold;
36 jpm 147
	height:17px;
27 jpm 148
	margin:0;
149
	padding:0;}
150
#form_more_recherche input#more_ok:hover {
151
	border-bottom:1px solid;}
18 jpm 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 {
36 jpm 178
	position:relative;
18 jpm 179
	margin:0 5px 0 205px;
36 jpm 180
	padding:0;
27 jpm 181
	min-width:750px;
182
	max-width:900px;}
18 jpm 183
 
27 jpm 184
/* Zone contenu -> VEI*/
185
#zone_vei {
186
	text-align:left;
36 jpm 187
	margin:10px 0 5px 0;
28 jpm 188
	height:33px;}
27 jpm 189
#vei {
190
	display:block;
28 jpm 191
	padding:16px 0 0 16px;
27 jpm 192
	font-weight:bold;}
193
#vei_titre {
194
	text-transform:uppercase;}
195
 
18 jpm 196
/* Zone contenu navigation : les onglets */
197
#zone_contenu_navigation {
198
	position:relative;
199
	float:left;
200
	text-align:left;
36 jpm 201
	font-weight:bold;
202
	margin:0;
203
	padding:0;
204
	height:21px;
205
	border-bottom:1px solid;
206
	width:100%;}
18 jpm 207
#zone_contenu_navigation ul {
208
	margin:0;
209
	padding:0;
210
	list-style:none;}
211
#zone_contenu_navigation li {
27 jpm 212
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
18 jpm 213
	float:left;
214
	margin:0;
215
	padding:0;}
216
#zone_contenu_navigation a {
217
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
218
	display:block;
27 jpm 219
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
18 jpm 220
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
36 jpm 221
	margin:0;
18 jpm 222
	padding:5px 15px 4px;
36 jpm 223
	line-height:12px;
18 jpm 224
	text-decoration:none;}
225
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
226
#header a {float:none;}
227
/* End IE5-Mac hack */
228
#zone_contenu_navigation > ul a {
229
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
230
#zone_contenu_navigation li:hover {
231
	background-position:100% -150px;}
232
#zone_contenu_navigation li:hover a {
233
	background-position:0% -150px;}
45 jpm 234
#zone_contenu_navigation .menu_inactif a, #zone_contenu_navigation .onglet_inactif a  {
36 jpm 235
	line-height:12px;
18 jpm 236
	border-bottom:1px solid;}
45 jpm 237
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
18 jpm 238
	position:relative;
239
	background-position:100% -150px;
240
	z-index:3;
241
	font-weight:bold;}
45 jpm 242
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
18 jpm 243
	position:relative;
244
	background-position:0% -150px;
36 jpm 245
	line-height:13px;
18 jpm 246
	z-index:4;}
247
 
248
/* Zone contenu page */
249
#zone_contenu_page {
250
	position:relative;
251
	top:-1px;
252
	clear:both;
36 jpm 253
	padding:10px 2px 0 2px;
254
	margin:-4px 0 0 0;
18 jpm 255
	text-align:justify;
36 jpm 256
	min-height:300px;
257
	border-top:none !important;}
18 jpm 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;
27 jpm 267
	top:40px;
18 jpm 268
	left:780px;}
27 jpm 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;
36 jpm 283
	line-height:13px;
27 jpm 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;}
18 jpm 293
 
294
/* Zone menu */
295
#zone_menu {
296
	position:absolute;
297
	top:150px;
298
	left:2px;
36 jpm 299
	width:198px;
18 jpm 300
	min-height:292px;
27 jpm 301
	margin:10px 0;
18 jpm 302
	font-size:13px;
303
	text-align:left;}
27 jpm 304
#zone_menu hr {
18 jpm 305
	width:40%;
306
	text-align:center;}
307
 
27 jpm 308
/* Zone menu -> menu classique */
36 jpm 309
#zone_menu_classique .menu_classique_n1 {
310
	margin:5px;
27 jpm 311
	padding:0;
36 jpm 312
	list-style-type:none;}
313
#zone_menu_classique .menu_classique_n2 {
314
	padding:0;
27 jpm 315
	margin:0;
316
	list-style-type:none;}
317
#zone_menu_classique a {
318
	display:block;
319
	text-decoration:none;
36 jpm 320
	margin:0;
37 jpm 321
	height:100%;
27 jpm 322
	font-weight:bold;
323
	background-color:transparent;}
324
#zone_menu_classique .menu_classique_n1 a {
325
	padding:3px 0 3px 10px;
326
	margin:2px 0;}
327
#zone_menu_classique .menu_classique_n2 a {
328
	padding:3px 0 3px 15px;
36 jpm 329
	margin:2px 0;}
27 jpm 330
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
331
	-moz-border-radius-topright:10px;
332
	-moz-border-radius-topleft:10px;
333
	-webkit-border-top-right-radius:10px;
334
	-webkit-border-top-left-radius:10px;
335
	-khtml-border-radius-topright:10px;
336
	-khtml-border-radius-topleft:10px;}
337
 
18 jpm 338
/* Zone menu -> form connexion et deconnexion */
27 jpm 339
#zone_identification {
340
	margin-top:3em;
36 jpm 341
	padding-top:5px;
27 jpm 342
	min-height:180px;}
343
#zone_identification .erreur {
344
	display:block;
36 jpm 345
	text-align:center;
27 jpm 346
	color:red;
36 jpm 347
	padding:10px;}
18 jpm 348
#form_connexion, #identification {
36 jpm 349
	padding:10px 2px 2px 5px;
350
	margin:0;}
351
#form_connexion fieldset, #identification fieldset{
352
	border:none;}
18 jpm 353
#form_connexion legend, #identification legend {
354
	text-transform:uppercase;
355
	font-size:14px;
356
	font-weight:bold;}
357
#form_connexion label, #identification label {
358
	display:none;}
359
label#persistant_label {
360
	display:block;
36 jpm 361
	margin:5px 0 5px 10px;
27 jpm 362
	color:black;
363
	font-weight:bold;}
18 jpm 364
#username, #password {
36 jpm 365
	width:150px;
366
	margin:5px;
367
	margin-right:40px;
368
	clear:both;}
18 jpm 369
#persistant {
36 jpm 370
	display:block;
18 jpm 371
	float:left;
36 jpm 372
	margin:5px;}
27 jpm 373
#form_connexion input#connexion {
374
	border:none;
375
	background:none;
376
	text-transform:uppercase;
377
	font-weight:bold;
378
	margin:0;
379
	padding:0;}
380
#form_connexion input#connexion:hover {
381
	border-bottom:1px solid;}
18 jpm 382
#identification_info, #identification, #formconnexion, #iden_action {
383
	display:block;
384
	width:auto;
385
	text-align:center;
386
	font-size:11px;
387
	margin: 0;
388
	padding-bottom:2px;}
36 jpm 389
#inscription_info {
390
	margin:5px 0 5px 5px;}
27 jpm 391
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
18 jpm 392
	text-transform:uppercase;
27 jpm 393
	font-weight:bold;
394
	text-decoration:none;}
395
#lien_inscription:hover, #iden_action a:hover{
396
	text-decoration:underline;}
18 jpm 397
#inscription_aide {
398
	margin-left:1em;}
36 jpm 399
/* Information sur la personne identifiée */
18 jpm 400
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
401
	display:block;
402
	font-size:14px;
403
	text-align:center;
404
	font-weight:bold;
405
	text-transform:none;
36 jpm 406
	margin:10px 0 5px 0;}
27 jpm 407
#identification_message {
408
	text-transform:uppercase;}
18 jpm 409
#identification_prenom, #identification_nom{
410
	font-size:13px;
411
	font-weight:bold;
412
	color:black;}
413
#identification_nom {
414
	text-transform:uppercase;}
27 jpm 415
#iden_action {
416
	height:125px;}
18 jpm 417
 
418
/* Zone menu -> menu contextuel */
419
#menu_contextuel {
420
	border:1px solid;}
421
 
422
/* Zone pied */
423
#zone_pied {
424
	font-size:11px;
425
	clear:both;
426
	text-align:center;
27 jpm 427
	min-width:750px;
428
	max-width:900px;
429
	margin:0 5px 0 205px;}
18 jpm 430
#zone_pied p{
431
	position:center;}
27 jpm 432
#zone_pied a, #zone_pied a:hover {
433
	margin:0 10px;
434
	text-decoration:none;}
435
#zone_pied a:hover {
436
	text-decoration:underline;}
18 jpm 437
#pied_menu_commun .menu_commun_n1 {
438
	padding:0;}
439
#pied_menu_commun li {
440
	display:inline;}
441
#pied_menu_commun li+li {
442
	display:inline;
443
	padding-left:10px;}
444
 
445
 
446
/* Applette Catégorie et Mots Clés */
447
.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{
448
	display:none;}
449
.page_titre {
450
	font-weight:bold;}
451
 
452
/* Texte champ d'une fiche */
453
.champ_cle {
454
	font-weight:bold;}
455
.champ_valeur {
456
	font-weight:normal;}p_cle {
457
	font-weight:bold;}
458
.champ_valeur {
459
	font-weight:normal;}
460
 
461
/*menu_commun*/
462
.question {
463
	font-weight:bold;}