Subversion Repositories Sites.gentiana.org

Rev

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