Subversion Repositories Sites.gentiana.org

Rev

Rev 27 | Go to most recent revision | Details | 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 {
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: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;
80
	left:815px;}
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;
110
	color:white;}
111
 
112
/* Moteur de recherche */
113
#zone_moteur_recherche {
114
	position:absolute;
115
	top:140px;
116
	left:570px;
117
	height:25px;
118
	width:180px;}
119
#form_more_recherche {
120
	float:right;
121
	padding:0;
122
	margin:0;}
123
#form_more_recherche legend {
124
	display:none;}
125
#form_more_recherche fieldset {
126
	border:0;
127
	margin:0;
128
	padding:0;}
129
#form_more_recherche label {
130
	display:none;}
131
/* Texte trouvé par le moteur de recherche */
132
.surlignage {
133
	background-color:yellow;}
134
/* Formatage des résultats du moteur de recherche */
135
#more_resultat, #more_resultat li {
136
	clear:left;
137
	display: inline;
138
	margin: 0;
139
	padding: 0;
140
	list-style-type:none;}
141
.more_iid, .more_dui {
142
	display:none;}
143
.more_ivd {
144
	width:600px;}
145
.more_duv a {
146
	color:#008000;}
147
.more_dsv, .more_dsi {
148
	color:#C1C1C1;}
149
.more_detail, .more_detail li {
150
	display: inline;
151
	margin: 0;
152
	padding: 0;
153
	list-style-type:none;}
154
 
155
/* Zone contenu */
156
#zone_contenu {
157
	margin:0 5px 0 205px;
158
	position:relative;
159
	width:750px;}
160
 
161
/* Zone contenu navigation : les onglets */
162
#zone_contenu_navigation {
163
	position:relative;
164
	float:left;
165
	text-align:left;
166
	font-weight:bold;}
167
#zone_contenu_navigation ul {
168
	margin:0;
169
	padding:0;
170
	list-style:none;}
171
#zone_contenu_navigation li {
172
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
173
	float:left;
174
	margin:0;
175
	padding:0;}
176
#zone_contenu_navigation a {
177
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
178
	display:block;
179
	background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
180
	width:.1em;
181
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
182
	padding:5px 15px 4px;
183
	text-decoration:none;}
184
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
185
#header a {float:none;}
186
/* End IE5-Mac hack */
187
#zone_contenu_navigation > ul a {
188
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
189
#zone_contenu_navigation li:hover {
190
	background-position:100% -150px;}
191
#zone_contenu_navigation li:hover a {
192
	background-position:0% -150px;}
193
#zone_contenu_navigation .menu_inactif {
194
	border-bottom:1px solid;}
195
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
196
	position:relative;
197
	background-position:100% -150px;
198
	padding-bottom:2px;
199
	z-index:3;
200
	font-weight:bold;}
201
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
202
	position:relative;
203
	background-position:0% -150px;
204
	padding-bottom:3px;
205
	z-index:4;}
206
 
207
/* Zone contenu page */
208
#zone_contenu_page {
209
	position:relative;
210
	top:-1px;
211
	clear:both;
212
	padding:0 2px 0 2px;
213
	text-align:justify;
214
	min-height:300px;}
215
#zone_contenu_page_corps{
216
	clear:both;
217
	line-height:1.2em;
218
	text-align:justify;
219
	padding:0 5px 7px 5px;}
220
 
221
/* Zone liste site */
222
#zone_liste_site {
223
	position:absolute;
224
	top:50px;
225
	left:780px;}
226
 
227
/* Zone menu */
228
#zone_menu {
229
	position:absolute;
230
	top:150px;
231
	left:2px;
232
	width:188px;
233
	min-height:292px;
234
	padding:5px 5px;}
235
 
236
/* Zone menu */
237
#zone_menu, #menus {
238
	font-size:13px;
239
	margin:10px 0;
240
	text-align:left;}
241
#zone_menu a, #menus a {
242
	background:none;
243
	color:#000;
244
	display:block;
245
	height:1.2em;}
246
#zone_menu .menu_actif>a, #menus .menu_actif>a {
247
	border:1px solid;}
248
#zone_menu > ul a, #menus > ul a {
249
	height:auto;}
250
#navigation hr, #nav_gauche hr {
251
	width:40%;
252
	text-align:center;}
253
 
254
/* Zone menu -> form connexion et deconnexion */
255
#form_connexion, #identification {
256
	padding:12px 2px 2px 5px;}
257
#form_connexion legend, #identification legend {
258
	text-transform:uppercase;
259
	font-size:14px;
260
	font-weight:bold;}
261
#form_connexion label, #identification label {
262
	display:none;}
263
label#persistant_label {
264
	display:block;
265
	margin:0.5em 0 1em 2em;
266
	color:black;}
267
#form_connexion fieldset, #identification fieldset{
268
	border:none;}
269
#username, #password {
270
	width:10em;
271
	text-align:left;
272
	margin:0.5em 0;}
273
#persistant {
274
	text-align:left;
275
	float:left;
276
	margin:0.5em 0 1em 0;}
277
#identification_info, #identification, #formconnexion, #iden_action {
278
	display:block;
279
	width:auto;
280
	text-align:center;
281
	font-size:11px;
282
	margin: 0;
283
	padding-bottom:2px;}
284
#lien_inscription{
285
	text-transform:uppercase;
286
	margin:0.5em 0 1em 0;}
287
#inscription_aide {
288
	margin-left:1em;}
289
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
290
	display:block;
291
	font-size:14px;
292
	text-align:center;
293
	font-weight:bold;
294
	text-transform:none;
295
	margin:0 0 5px 0;}
296
#identification_prenom, #identification_nom{
297
	font-size:13px;
298
	font-weight:bold;
299
	color:black;}
300
#identification_nom {
301
	text-transform:uppercase;}
302
#iden_action a {
303
	line-height:15px;}
304
 
305
/* Zone menu -> menu contextuel */
306
#menu_contextuel {
307
	border:1px solid;}
308
 
309
/* Présentation des menus */
310
.menu_classique_n1, .menu_n1 {
311
	padding:0;
312
	margin:0;
313
	font-weight:bold;
314
	list-style-type:none;}
315
.menu_classique_n1 a {
316
	padding:3px 0;}
317
.menu_classique_n2, .menu_n2 {
318
	padding:0;
319
	margin:0;
320
	font-weight:normal;
321
	list-style-type:none;}
322
.menu_classique_n2 a {
323
	padding:3px 0 3px 15px;}
324
.menu_n3 {
325
	margin:0 0 0 10px;
326
	padding:0;
327
	text-align:left;}
328
.menu_inactif a, .menu_actif a {
329
	color:#000;
330
	text-decoration:none;
331
	background-color:transparent;}
332
 
333
/* Zone pied */
334
#zone_pied {
335
	font-size:11px;
336
	clear:both;
337
	text-align:center;
338
	width:700px;
339
	margin-left:200px;}
340
#zone_pied p{
341
	position:center;}
342
#zone_pied a {
343
	margin:0 10px;}
344
#pied_menu_commun .menu_commun_n1 {
345
	padding:0;}
346
#pied_menu_commun li {
347
	display:inline;}
348
#pied_menu_commun li+li {
349
	display:inline;
350
	padding-left:10px;}
351
 
352
 
353
/* Applette Catégorie et Mots Clés */
354
.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{
355
	display:none;}
356
.page_titre {
357
	font-weight:bold;}
358
 
359
/* Texte champ d'une fiche */
360
.champ_cle {
361
	font-weight:bold;}
362
.champ_valeur {
363
	font-weight:normal;}p_cle {
364
	font-weight:bold;}
365
.champ_valeur {
366
	font-weight:normal;}
367
 
368
/*menu_commun*/
369
.question {
370
	font-weight:bold;}