Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 940 | Rev 945 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 940 Rev 944
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
/*----------------------------------------------------------------------------------------------------------*/
2
/*----------------------------------------------------------------------------------------------------------*/
3
/* Générique */
3
/* Générique */
4
body {
4
body {
5
	font-family:Arial, Helvetica, Verdana, sans-serif;
5
	font-family:Arial, Helvetica, Verdana, sans-serif;
6
	font-size:0.85em;
6
	font-size:0.85em;
7
	background-color:#fff;
7
	background-color:#fff;
8
	margin:2px;
8
	margin:2px;
9
}
9
}
10
h1, h2, h3, h4 {
10
h1, h2, h3, h4 {
11
	font-weight:bold;
11
	font-weight:bold;
12
	letter-spacing:0;
12
	letter-spacing:0;
13
}
13
}
14
h1 {
14
h1 {
15
	padding:0 0 0 25px;
15
	padding:0 0 0 25px;
16
	margin:20px 0 10px 0;
16
	margin:20px 0 10px 0;
17
	font-size:15px;
17
	font-size:15px;
18
	text-transform:uppercase;
18
	text-transform:uppercase;
19
	color:#fd8c13;
19
	color:#fd8c13;
20
}
20
}
21
h2 {
21
h2 {
22
	margin:20px 0 12px 0;
22
	margin:20px 0 12px 0;
23
	font-size:15px;
23
	font-size:15px;
24
	color:#FD8C13;
24
	color:#FD8C13;
25
}
25
}
26
h3 {
26
h3 {
27
	margin:20px 0 12px;
27
	margin:20px 0 12px;
28
	font-size:14px;
28
	font-size:14px;
29
	color:#454341;
29
	color:#454341;
30
}
30
}
31
h4 {
31
h4 {
32
	margin:2px 2px 2px 0;
32
	margin:2px 2px 2px 0;
33
	font-size:11px;
33
	font-size:11px;
34
	font-weight:normal;
34
	font-weight:normal;
35
	color:#AAAAAA;
35
	color:#AAAAAA;
36
}
36
}
37
h1 a, h2 a, h3 a, h4 a {
37
h1 a, h2 a, h3 a, h4 a {
38
	color:inherit;
38
	color:inherit;
39
	border-bottom: dotted 1px;
39
	border-bottom: dotted 1px;
40
}
40
}
41
h3 a {
41
h3 a {
42
	border-color:#CCCCCC;
42
	border-color:#CCCCCC;
43
}
43
}
44
a {
44
a {
45
	color:#598000;
45
	color:#598000;
46
	border-bottom:1px dotted #95ae5d;
46
	border-bottom:1px dotted #95ae5d;
47
}
47
}
48
a:hover {
48
a:hover {
49
	color:#FD8C13;
49
	color:#FD8C13;
50
	border-bottom:1px dotted #95ae5d;
50
	border-bottom:1px dotted #95ae5d;
51
}
51
}
52
hr{
52
hr{
53
	color:#62210F;
53
	color:#62210F;
54
}
54
}
55
table{
55
table{
56
	border-collapse: collapse;
56
	border-collapse: collapse;
57
	width:100%;
57
	width:100%;
58
	margin:5px 0;
58
	margin:5px 0;
59
}
59
}
60
td,th{
60
td,th{
61
	border:1px solid #36560B;
61
	border:1px solid #36560B;
62
	padding:7px 5px;
62
	padding:7px 5px;
63
}
63
}
64
th{
64
th{
65
	background-color:#EEE;
65
	background-color:#EEE;
66
}
66
}
67
th[title]:after {
67
th[title]:after {
68
    content: " " url("../images/aide.png") !important;
68
    content: " " url("../images/aide.png") !important;
69
}
69
}
70
caption{
70
caption{
71
	border:1px solid #36560B;
71
	border:1px solid #36560B;
72
	background-color:#EEE;
72
	background-color:#EEE;
73
	font-weight:bold;
73
	font-weight:bold;
74
	padding:2px;
74
	padding:2px;
75
}
75
}
76
img{
76
img{
77
	border:0;
77
	border:0;
78
}
78
}
79
img a{
79
img a{
80
	display:block;
80
	display:block;
81
}
81
}
82
legend{
82
legend{
83
	color:#AD5A40;
83
	color:#AD5A40;
84
}
84
}
85
dl {
85
dl {
86
	width:100%;
86
	width:100%;
87
}
87
}
88
dt {
88
dt {
89
	float:left;
89
	float:left;
90
	font-weight:bold;
90
	font-weight:bold;
91
	text-align:top left;
91
	text-align:top left;
92
	margin-right:0.3em;
92
	margin-right:0.3em;
93
}
93
}
94
dd {
94
dd {
95
	width:auto;
95
	width:auto;
96
	margin:0.5em 0;
96
	margin:0.5em 0;
97
}
97
}
-
 
98
.acceder-outil {
-
 
99
	font-size:0.85em;
-
 
100
}
-
 
101
#zone-contenu.acceder-outil.img {
-
 
102
	margin-top:-2px;
-
 
103
	margin-bottom:-2px;
-
 
104
}
98
/*----------------------------------------------------------------------------------------------------------*/
105
/*----------------------------------------------------------------------------------------------------------*/
99
/* Disposition */
106
/* Disposition */
100
#zone-centrale {
107
#zone-centrale {
101
	text-align:center;
108
	text-align:center;
102
}
109
}
103
#zone-logo{
110
#zone-logo{
104
	left:18px;
111
	left:18px;
105
	margin:1px 10px;
112
	margin:1px 10px;
106
	position:absolute;
113
	position:absolute;
107
	top:2px;
114
	top:2px;
108
	z-index:1;
115
	z-index:1;
109
}
116
}
110
#zone-entete{
117
#zone-entete{
111
	height:121px;
118
	height:121px;
112
	margin:0;
119
	margin:0;
113
}
120
}
114
#zone-titre{
121
#zone-titre{
115
	height:38px;
122
	height:38px;
116
	margin:0;
123
	margin:0;
117
	text-align:right;
124
	text-align:right;
118
}
125
}
119
#zone-titre h1{
126
#zone-titre h1{
120
	margin:0 20px 0 0;
127
	margin:0 20px 0 0;
121
	padding:0;
128
	padding:0;
122
	background-color:transparent;
129
	background-color:transparent;
123
	font-size:28px;
130
	font-size:28px;
124
	font-weight:bold;
131
	font-weight:bold;
125
}
132
}
126
#zone-corps{
133
#zone-corps{
127
	margin:0;
134
	margin:0;
128
	text-align:left;
135
	text-align:left;
129
}
136
}
130
#zone-menu{
137
#zone-menu{
131
	position:relative;
138
	position:relative;
132
	float:left;
139
	float:left;
133
	height:21px;
140
	height:21px;
134
	width:100%;
141
	width:100%;
135
	margin:0;
142
	margin:0;
136
	padding:0;
143
	padding:0;
137
	text-align:left;
144
	text-align:left;
138
	font-weight:bold;
145
	font-weight:bold;
139
	border-bottom:1px solid #62210F;
146
	border-bottom:1px solid #62210F;
140
}
147
}
141
#zone-contenu{
148
#zone-contenu{
142
	clear:both;
149
	clear:both;
143
	min-height:300px;
150
	min-height:300px;
144
	padding:0 2px;
151
	padding:0 2px;
145
	text-align:justify;
152
	text-align:justify;
146
	border-top:medium none !important;
153
	border-top:medium none !important;
147
	border:1px solid #62210F;
154
	border:1px solid #62210F;
148
}
155
}
149
#zone-pied{
156
#zone-pied{
150
	clear:both;
157
	clear:both;
151
	text-align:center;
158
	text-align:center;
152
}
159
}
153
 
160
 
154
.ui-tabs { padding:0; position: relative; }
161
.ui-tabs { padding:0; position: relative; }
155
/*----------------------------------------------------------------------------------------------------------*/
162
/*----------------------------------------------------------------------------------------------------------*/
156
/* Logo */
163
/* Logo */
157
#zone-logo img{
164
#zone-logo img{
158
	border:0;
165
	border:0;
159
}
166
}
160
#zone-logo a{
167
#zone-logo a{
161
	position:absolute;
168
	position:absolute;
162
	top:0;
169
	top:0;
163
	left:0;
170
	left:0;
164
}
171
}
165
#zone-logo a:hover{
172
#zone-logo a:hover{
166
	border:1px dotted;
173
	border:1px dotted;
167
}
174
}
168
#zone-logo a:hover:after{
175
#zone-logo a:hover:after{
169
	content:" Retour à l'accueil ";
176
	content:" Retour à l'accueil ";
170
}
177
}
171
/*----------------------------------------------------------------------------------------------------------*/
178
/*----------------------------------------------------------------------------------------------------------*/
172
/* Navigation : onglets */
179
/* Navigation : onglets */
173
.onglets { 
180
.onglets { 
174
	display:inline-block;
181
	display:inline-block;
175
	padding:0;
182
	padding:0;
176
	margin:0;
183
	margin:0;
177
}
184
}
178
 
185
 
179
#zone_onglets > ul > li > a {
186
#zone_onglets > ul > li > a {
180
	width: auto;
187
	width: auto;
181
}
188
}
182
 
189
 
183
.onglets a {
190
.onglets a {
184
	border:none
191
	border:none
185
}
192
}
186
.onglets li a, .onglets li{
193
.onglets li a, .onglets li{
187
	list-style-image:none;
194
	list-style-image:none;
188
	padding:5px 3px 5px 3px;
195
	padding:5px 3px 5px 3px;
189
	margin-top:2px;
196
	margin-top:2px;
190
	background-color:#C2C0AD;
197
	background-color:#C2C0AD;
191
	text-align: center;
198
	text-align: center;
192
}
199
}
193
 
200
 
194
.onglets li.verna{
201
.onglets li.verna{
195
	width: 220px;
202
	width: 220px;
196
}
203
}
197
 
204
 
198
.onglets li.sci{
205
.onglets li.sci{
199
	width: 120px;
206
	width: 120px;
200
}
207
}
201
 
208
 
202
.onglets li{
209
.onglets li{
203
	cursor:pointer;
210
	cursor:pointer;
204
	float:left;
211
	float:left;
205
	list-style:none;
212
	list-style:none;
206
	margin-right:5px;
213
	margin-right:5px;
207
	font-size:13px;
214
	font-size:13px;
208
	text-transform:uppercase;
215
	text-transform:uppercase;
209
	letter-spacing:0;
216
	letter-spacing:0;
210
	padding:5px 2px 5px 5px;
217
	padding:5px 2px 5px 5px;
211
	margin:0 1px 0 0;
218
	margin:0 1px 0 0;
212
	background:none no-repeat 5px 9px #C2C0AD;
219
	background:none no-repeat 5px 9px #C2C0AD;
213
	color:#fd8c13;
220
	color:#fd8c13;
214
	border:1px solid #c2c0ad;
221
	border:1px solid #c2c0ad;
215
	border-bottom:0px solid #c2c0ad;
222
	border-bottom:0px solid #c2c0ad;
216
	text-decoration:none;
223
	text-decoration:none;
217
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
224
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
218
}
225
}
219
.onglets .menu_actif a{
226
.onglets .menu_actif a{
220
	background:none;
227
	background:none;
221
	color:#FD8C13;
228
	color:#FD8C13;
222
	font-weight:bold;
229
	font-weight:bold;
223
}
230
}
224
.onglets .menu_actif{
231
.onglets .menu_actif{
225
	background:none;
232
	background:none;
226
	border:1px solid #C2C0AD;
233
	border:1px solid #C2C0AD;
227
	border-bottom:0 solid #c2c0ad;
234
	border-bottom:0 solid #c2c0ad;
228
	text-decoration:none;
235
	text-decoration:none;
229
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
236
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
230
}
237
}
231
.onglets .menu_inactif a, .onglets h1{
238
.onglets .menu_inactif a, .onglets h1{
232
	color:#6C6865;
239
	color:#6C6865;
233
}
240
}
234
.onglets .menu_actif h1{
241
.onglets .menu_actif h1{
235
	color:#FD8C13;
242
	color:#FD8C13;
236
}
243
}
237
.onglets li:hover{
244
.onglets li:hover{
238
	background:white;
245
	background:white;
239
	border-bottom:0;
246
	border-bottom:0;
240
}
247
}
241
.onglets li a:hover{
248
.onglets li a:hover{
242
	color:#FD8C13;
249
	color:#FD8C13;
243
	background:white
250
	background:white
244
}
251
}
245
/*----------------------------------------------------------------------------------------------------------*/
252
/*----------------------------------------------------------------------------------------------------------*/
246
/* Général */
253
/* Général */
247
.centrer{
254
.centrer{
248
	text-align:center;
255
	text-align:center;
249
}
256
}
250
.discretion{
257
.discretion{
251
	color:#A9A9A9;
258
	color:#A9A9A9;
252
	font-size:10px;
259
	font-size:10px;
253
	font-weight:normal;
260
	font-weight:normal;
254
}
261
}
255
.attention{
262
.attention{
256
	background-color:#ffffcc;
263
	background-color:#ffffcc;
257
	background-image:url("../images/attention.png");
264
	background-image:url("../images/attention.png");
258
}
265
}
259
.information{
266
.information{
260
	background-color:#e7ebfd;
267
	background-color:#e7ebfd;
261
	background-image:url("../images/information.png");
268
	background-image:url("../images/information.png");
262
}
269
}
263
.attention, .information{
270
.attention, .information{
264
	display:inline-block;
271
	display:inline-block;
265
	background-repeat:no-repeat;
272
	background-repeat:no-repeat;
266
	background-position:5px 50%;
273
	background-position:5px 50%;
267
	padding:10px 5px 5px 40px;
274
	padding:10px 5px 5px 40px;
268
	background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;
275
	background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;
269
	max-width:600px;
276
	max-width:600px;
270
	min-height:20px;
277
	min-height:20px;
271
}
278
}
272
.msg{
279
.msg{
273
	max-width:100%;
280
	max-width:100%;
274
	height:auto;
281
	height:auto;
275
	width: 100%;
282
	width: 100%;
276
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
283
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
277
	border-radius: 10px 10px 10px 10px;
284
	border-radius: 10px 10px 10px 10px;
278
    box-shadow: 2px 2px 5px #AAAAAA;
285
    box-shadow: 2px 2px 5px #AAAAAA;
279
}
286
}
280
hr.nettoyage{
287
hr.nettoyage{
281
	clear:both;
288
	clear:both;
282
	width:0;
289
	width:0;
283
	}
290
	}
284
	
291
	
285
.debogage, .debogage pre{
292
.debogage, .debogage pre{
286
	white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
293
	white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
287
	word-wrap:break-word; /* IE 5.5+ */
294
	word-wrap:break-word; /* IE 5.5+ */
288
    overflow:auto;/* IE 6 */
295
    overflow:auto;/* IE 6 */
289
}
296
}
290
/*----------------------------------------------------------------------------------------------------------*/
297
/*----------------------------------------------------------------------------------------------------------*/
291
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
298
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
292
.largeur-01{
299
.largeur-01{
293
	width:60px;}
300
	width:60px;}
294
.largeur-02{
301
.largeur-02{
295
	width:120px;}
302
	width:120px;}
296
.largeur-03{
303
.largeur-03{
297
	width:180px;}
304
	width:180px;}
298
.largeur-04{
305
.largeur-04{
299
	width:240px;}
306
	width:240px;}
300
.largeur-05{
307
.largeur-05{
301
	width:300px;}
308
	width:300px;}
302
.largeur-06{
309
.largeur-06{
303
	width:360px;}
310
	width:360px;}
304
.largeur-07{
311
.largeur-07{
305
	width:420px;}
312
	width:420px;}
306
.largeur-08{
313
.largeur-08{
307
	width:480px;}
314
	width:480px;}
308
.largeur-09{
315
.largeur-09{
309
	width:540px;}
316
	width:540px;}
310
.largeur-10{
317
.largeur-10{
311
	width:600px;}
318
	width:600px;}
312
.largeur-11{
319
.largeur-11{
313
	width:660px;}
320
	width:660px;}
314
.largeur-12{
321
.largeur-12{
315
	width:720px;}
322
	width:720px;}
316
.largeur-13{
323
.largeur-13{
317
	width:780px;}
324
	width:780px;}
318
.largeur-14{
325
.largeur-14{
319
	width:840px;}
326
	width:840px;}
320
.largeur-15{
327
.largeur-15{
321
	width:900px;}
328
	width:900px;}
322
.largeur-16{
329
.largeur-16{
323
	width:960px;}
330
	width:960px;}
324
/*----------------------------------------------------------------------------------------------------------*/
331
/*----------------------------------------------------------------------------------------------------------*/
325
/* Formulaire de Recherche Simple */	
332
/* Formulaire de Recherche Simple */	
326
#bloc-recherche fieldset {
333
#bloc-recherche fieldset {
327
	border:none; 
334
	border:none; 
328
	padding:0;
335
	padding:0;
329
	width:100%;
336
	width:100%;
330
}
337
}
331
.choixNiveau {
338
.choixNiveau {
332
	position:absolute;
339
	position:absolute;
333
	margin-top: -30px;
340
	margin-top: -30px;
334
	padding: 0;
341
	padding: 0;
335
	width: 300px;
342
	width: 300px;
336
	margin-left:430px;
343
	margin-left:430px;
337
	
344
	
338
}
345
}
339
 
346
 
340
.choixNiveau a {
347
.choixNiveau a {
341
	float:left;
348
	float:left;
342
	border-style:solid;
349
	border-style:solid;
343
	padding:0.4em 0.8em;
350
	padding:0.4em 0.8em;
344
	border-color:#C2C0AD;
351
	border-color:#C2C0AD;
345
	color:#9AC343;
352
	color:#9AC343;
346
	font-weight:bold;
353
	font-weight:bold;
347
	cursor:pointer;
354
	cursor:pointer;
348
	background:#f9f9f9;
355
	background:#f9f9f9;
349
	border:1px solid #CCCCCC;
356
	border:1px solid #CCCCCC;
350
}
357
}
351
 
358
 
352
.choixNiveau .niveau1 {
359
.choixNiveau .niveau1 {
353
	border-radius:4px 0 0 0;	
360
	border-radius:4px 0 0 0;	
354
}
361
}
355
 
362
 
356
.choixNiveau .niveau3 {
363
.choixNiveau .niveau3 {
357
	border-radius:0 4px 0 0;
364
	border-radius:0 4px 0 0;
358
}
365
}
359
 
366
 
360
.choixNiveau .actif {
367
.choixNiveau .actif {
361
	color:#EB8F00;	
368
	color:#EB8F00;	
362
	border-color:#EB8F00;
369
	border-color:#EB8F00;
363
	background:white;
370
	background:white;
364
}
371
}
365
 
372
 
366
/* couleur des boutons non sélectionnés*/
373
/* couleur des boutons non sélectionnés*/
367
.ef-form-niveau .ui-buttonset {
374
.ef-form-niveau .ui-buttonset {
368
	margin-right: 25px;
375
	margin-right: 25px;
369
}
376
}
370
 
377
 
371
.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
378
.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
372
	background-color:#C2C0AD;
379
	background-color:#C2C0AD;
373
	color: #9AC343;
380
	color: #9AC343;
374
	font-weight: bold;
381
	font-weight: bold;
375
}
382
}
376
#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
383
#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
377
	background-color: #FFFFFF;
384
	background-color: #FFFFFF;
378
	color: #EB8F00;
385
	color: #EB8F00;
379
	font-weight: bold;
386
	font-weight: bold;
380
}
387
}
381
 
388
 
382
#ef-form-niveau .ui-button-text-only .ui-button-text {
389
#ef-form-niveau .ui-button-text-only .ui-button-text {
383
	padding: 0.2em 0.5em;
390
	padding: 0.2em 0.5em;
384
}
391
}
385
 
392
 
386
#bloc-recherche h1, #contenu h1 {
393
#bloc-recherche h1, #contenu h1 {
387
	background: none;
394
	background: none;
388
	padding: 0 0 0 20px;
395
	padding: 0 0 0 20px;
389
}
396
}
390
 
397
 
391
#bloc-recherche {
398
#bloc-recherche {
392
	padding-bottom: 0;	
399
	padding-bottom: 0;	
393
}
400
}
394
 
401
 
395
#ef-form-nomenclature table {
402
#ef-form-nomenclature table {
396
	width:100%;
403
	width:100%;
397
}
404
}
398
#ef-form-nomenclature h1 { 
405
#ef-form-nomenclature h1 { 
399
	margin:0 0 3px 16px; 
406
	margin:0 0 3px 16px; 
400
}
407
}
401
#ef-form-nomenclature .champ {
408
#ef-form-nomenclature .champ {
402
	padding:3px; 
409
	padding:3px; 
403
	font-size:12px;
410
	font-size:12px;
404
}
411
}
405
#ef-form-nomenclature .zone-choix-type-nom {
412
#ef-form-nomenclature .zone-choix-type-nom {
406
	float:left; 
413
	float:left; 
407
	padding:0 10px
414
	padding:0 10px
408
}
415
}
409
#ef-form-nomenclature .titre-choix-nom {
416
#ef-form-nomenclature .titre-choix-nom {
410
	padding:12px; 
417
	padding:12px; 
411
	font-weight:bold
418
	font-weight:bold
412
}
419
}
413
#ef-form-nomenclature #zone-liens-recherche  {
420
#ef-form-nomenclature #zone-liens-recherche  {
414
	padding:5px;
421
	padding:5px;
415
}
422
}
416
#eflore_nomenclature_fiche {
423
#eflore_nomenclature_fiche {
417
	background:url(../images/lien.png) no-repeat 0 -1px; 
424
	background:url(../images/lien.png) no-repeat 0 -1px; 
418
	padding:0 0 0 17px; 
425
	padding:0 0 0 17px; 
419
	color:#598000; 
426
	color:#598000; 
420
	border:1px dotted #95AE5D;
427
	border:1px dotted #95AE5D;
421
	border-width:0 0 1px 0; 
428
	border-width:0 0 1px 0; 
422
	cursor:pointer; 
429
	cursor:pointer; 
423
	margin:0 0 0 19px; 
430
	margin:0 0 0 19px; 
424
	font-size:12px
431
	font-size:12px
425
}
432
}
426
#ef-form-nomenclature input.ok {
433
#ef-form-nomenclature input.ok {
427
	color:rgba(0,0,0,0);
434
	color:rgba(0,0,0,0);
428
	font-size:12px; 
435
	font-size:12px; 
429
	font-weight:bold; 
436
	font-weight:bold; 
430
	padding:3px 10px 3px 10px;
437
	padding:3px 10px 3px 10px;
431
	background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
438
	background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
432
}
439
}
433
#ef-form-nomenclature input.ok:hover {
440
#ef-form-nomenclature input.ok:hover {
434
	background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
441
	background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
435
	cursor:pointer;	
442
	cursor:pointer;	
436
}
443
}
437
#ef-form-nomenclature label {
444
#ef-form-nomenclature label {
438
	font-size:12px
445
	font-size:12px
439
}
446
}
440
 
447
 
441
/*----------------------------------------------------------------------------------------------------------*/
448
/*----------------------------------------------------------------------------------------------------------*/
442
/* Formulaire d'autocompletion */	
449
/* Formulaire d'autocompletion */	
443
.ui-autocomplete a {
450
.ui-autocomplete a {
444
	text-decoration:none;
451
	text-decoration:none;
445
	border-bottom:none;
452
	border-bottom:none;
446
}
453
}
447
.ui-menu {
454
.ui-menu {
448
	list-style:none;
455
	list-style:none;
449
	padding: 2px;
456
	padding: 2px;
450
	margin: 0;
457
	margin: 0;
451
	display:block;
458
	display:block;
452
	float: left;
459
	float: left;
453
	font-size: 11px;
460
	font-size: 11px;
454
	font-family: arial;
461
	font-family: arial;
455
}
462
}
456
 
463
 
457
.ui-menu .ui-menu-item a {
464
.ui-menu .ui-menu-item a {
458
	text-decoration:none;
465
	text-decoration:none;
459
	display:block;
466
	display:block;
460
	padding:.2em .4em;
467
	padding:.2em .4em;
461
	line-height:0.8;
468
	line-height:0.8;
462
	zoom:1;
469
	zoom:1;
463
}
470
}
464
 
471
 
465
#nom.valeur-defaut-recherche {
472
#nom.valeur-defaut-recherche {
466
	color:#848484;
473
	color:#848484;
467
	font-style:italic;	
474
	font-style:italic;	
468
	font-weight:0.9em;
475
	font-weight:0.9em;
469
}
476
}
470
/*----------------------------------------------------------------------------------------------------------*/
477
/*----------------------------------------------------------------------------------------------------------*/
471
/* Résultats */
478
/* Résultats */
472
.zone-resultat {
479
.zone-resultat {
473
	margin-left:-40px;
480
	margin-left:-40px;
474
	min-height:101px;
481
	min-height:101px;
475
	padding:10px;
482
	padding:10px;
476
	margin-bottom:10px;
483
	margin-bottom:10px;
477
	background:#f8f9ec;
484
	background:#f8f9ec;
478
	border:solid 1px #f1f3de;
485
	border:solid 1px #f1f3de;
479
	-moz-border-radius:10px;
486
	-moz-border-radius:10px;
480
	-webkit-border-radius:10px;
487
	-webkit-border-radius:10px;
481
	border-radius:10px;
488
	border-radius:10px;
482
	font-size:13px;
489
	font-size:13px;
483
	-moz-box-shadow:3px 3px 3px #DDD;
490
	-moz-box-shadow:3px 3px 3px #DDD;
484
}
491
}
485
.zone-resultat .nom-sci{
492
.zone-resultat .nom-sci{
486
	display:inline-block;
493
	display:inline-block;
487
	width:310px;
494
	width:310px;
488
 
495
 
489
}
496
}
490
.zone-resultat img {
497
.zone-resultat img {
491
	border:solid 2px #DDD;
498
	border:solid 2px #DDD;
492
	float:right;
499
	float:right;
493
	height: 100px;
500
	height: 100px;
494
	width: 100px;
501
	width: 100px;
495
}
502
}
496
.surlignage {
503
.surlignage {
497
	background-color: #E6FFA2;
504
	background-color: #E6FFA2;
498
}
505
}
499
#ef-resultats-decomposition #col-ns{
506
#ef-resultats-decomposition #col-ns{
500
	width:33%;
507
	width:33%;
501
}
508
}
502
#ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
509
#ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
503
	font-size:0.8em;
510
	font-size:0.8em;
504
}
511
}
505
.retenu{
512
.retenu{
506
	font-weight:bold;
513
	font-weight:bold;
507
}
514
}
508
#ef-resultats-determination .synonymes li {
515
#ef-resultats-determination .synonymes li {
509
	background: none;
516
	background: none;
510
	line-height: 18px;
517
	line-height: 18px;
511
	list-style: none outside none;
518
	list-style: none outside none;
512
	padding-left: 15px;
519
	padding-left: 15px;
513
}
520
}
514
.absent {
521
.absent {
515
	display:block;
522
	display:block;
516
	float:right;
523
	float:right;
517
	background-color:transparent;
524
	background-color:transparent;
518
	background-image:url("../images/pasdephoto.png");
525
	background-image:url("../images/pasdephoto.png");
519
	background-repeat:no-repeat;
526
	background-repeat:no-repeat;
520
	background-position:50% 20%;
527
	background-position:50% 20%;
521
	border: 2px solid #DDDDDD;
528
	border: 2px solid #DDDDDD;
522
	margin: 0 5px;
529
	margin: 0 5px;
523
	height: 100px;
530
	height: 100px;
524
	width: 100px;
531
	width: 100px;
525
	font-weight: bold;
532
	font-weight: bold;
526
	text-align: center;
533
	text-align: center;
527
}
534
}
528
.vide {
535
.vide {
529
	display:block;
536
	display:block;
530
	background-color:transparent;
537
	background-color:transparent;
531
	margin: 0 5px;
538
	margin: 0 5px;
532
	height: 100px;
539
	height: 100px;
533
	width: 100px;
540
	width: 100px;
534
	text-align: center;
541
	text-align: center;
535
}
542
}
536
 
543
 
537
.absent .contribuer {
544
.absent .contribuer {
538
    display: block;
545
    display: block;
539
    padding-top: 66px;
546
    padding-top: 66px;
540
}
547
}
541
 
548
 
542
#ef-resultats-nv-determination {
549
#ef-resultats-nv-determination {
543
    padding: 0;
550
    padding: 0;
544
}
551
}
545
 
552
 
546
#ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
553
#ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
547
	border: none;
554
	border: none;
548
	background: none;
555
	background: none;
549
}
556
}
550
 
557
 
551
#ef-resultats-nv-determination .nom {
558
#ef-resultats-nv-determination .nom {
552
	width: 30%;
559
	width: 30%;
553
	vertical-align: top;
560
	vertical-align: top;
554
	margin-top: 5px;
561
	margin-top: 5px;
555
}
562
}
556
#ef-resultats-nv-determination .nom ul, #ef-resultats-nv-determination li{
563
#ef-resultats-nv-determination .nom ul, #ef-resultats-nv-determination li{
557
	margin: 0;
564
	margin: 0;
558
	margin-bottom: 5px;
565
	margin-bottom: 5px;
559
	list-style-image: none;
566
	list-style-image: none;
560
	list-style-type: none;
567
	list-style-type: none;
561
	padding: 0;
568
	padding: 0;
562
}
569
}
563
 
570
 
564
 
571
 
565
/*----------------------------------------------------------------------------------------------------------*/
572
/*----------------------------------------------------------------------------------------------------------*/
566
/* Fiche */
573
/* Fiche */
567
#bloc-fiche h1 {
574
#bloc-fiche h1 {
568
	background: none repeat scroll 0 0 transparent;
575
	background: none repeat scroll 0 0 transparent;
569
	padding: 0 9px  0 9px;
576
	padding: 0 9px  0 9px;
570
}
577
}
571
#zone_contenu_fiche {
578
#zone_contenu_fiche {
572
    background-color: #EEE;
579
    background-color: #EEE;
573
    clear: left;
580
    clear: left;
574
    min-height: 300px;
581
    min-height: 300px;
575
    padding-top: 0.4em;
582
    padding-top: 0.4em;
576
    width: 676px;
583
    width: 676px;
577
    border:none;
584
    border:none;
578
    margin-left:-7px;
585
    margin-left:-7px;
579
    
586
    
580
}
587
}
581
.ui-widget-content {
588
.ui-widget-content {
582
	background:white;
589
	background:white;
583
}
590
}
584
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
591
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
585
	border-bottom-right-radius: 0;
592
	border-bottom-right-radius: 0;
586
}
593
}
587
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
594
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
588
	border-bottom-left-radius: 0;
595
	border-bottom-left-radius: 0;
589
}
596
}
590
.colonne {
597
.colonne {
591
	float:left;
598
	float:left;
592
	padding-bottom:10px;
599
	padding-bottom:10px;
593
	width:33%;
600
	width:33%;
594
	margin: 0 1px;
601
	margin: 0 1px;
595
}
602
}
596
 
603
 
597
.deuxtiers{
604
.deuxtiers{
598
	width:66%;
605
	width:66%;
599
}
606
}
600
 
607
 
601
.pasDeCurseur {
608
.pasDeCurseur {
602
	cursor:default;
609
	cursor:default;
603
}
610
}
604
/* bloc */
611
/* bloc */
605
.module {
612
.module {
606
	margin: 0 1em 0.5em 0; 
613
	margin: 0 1em 0.5em 0; 
607
	width: 99%;
614
	width: 99%;
608
}
615
}
609
.module .titre{
616
.module .titre{
610
	 cursor: move;
617
	 cursor: move;
611
    font-size: 12px;
618
    font-size: 12px;
612
    padding-bottom: 1px;
619
    padding-bottom: 1px;
613
    padding-left: 1.2em;
620
    padding-left: 1.2em;
614
    margin-left:-2px;
621
    margin-left:-2px;
615
    margin-right:1px;
622
    margin-right:1px;
616
}
623
}
617
 
624
 
618
.module .titre .ui-icon {
625
.module .titre .ui-icon {
619
	float: right;
626
	float: right;
620
}
627
}
621
.imagetteMoins, .imagettePlus { /* +/- du titre */
628
.imagetteMoins, .imagettePlus { /* +/- du titre */
622
	cursor:pointer
629
	cursor:pointer
623
}
630
}
624
.module .contenu {
631
.module .contenu {
625
	padding: 10px;
632
	padding: 10px;
626
}
633
}
627
 
634
 
628
.ui-sortable-placeholder { /* déplacement bloc */
635
.ui-sortable-placeholder { /* déplacement bloc */
629
	border: 1px dotted black;
636
	border: 1px dotted black;
630
	visibility: visible !important;
637
	visibility: visible !important;
631
	height: 50px !important;
638
	height: 50px !important;
632
}
639
}
633
.ui-sortable-placeholder * {
640
.ui-sortable-placeholder * {
634
	visibility: hidden;
641
	visibility: hidden;
635
}
642
}
636
 
643
 
637
.module .contenu.attention {
644
.module .contenu.attention {
638
    padding: 10px 5px 5px 40px;
645
    padding: 10px 5px 5px 40px;
639
    background-position: 5px 12px;
646
    background-position: 5px 12px;
640
}
647
}
641
 
648
 
642
.pas_de_protection {
649
.pas_de_protection {
643
    display: block;
650
    display: block;
644
    margin-bottom: 5px;
651
    margin-bottom: 5px;
645
    margin-left: 35px;
652
    margin-left: 35px;
646
}
653
}
647
 
654
 
648
.completer_statut {
655
.completer_statut {
649
    display: block;
656
    display: block;
650
    float: right;
657
    float: right;
651
    margin-bottom: 10px;
658
    margin-bottom: 10px;
652
    margin-right: 10px;
659
    margin-right: 10px;
653
    padding-top: 5px;
660
    padding-top: 5px;
654
    width: 60px;
661
    width: 60px;
655
}
662
}
656
 
663
 
657
#statut .aucune_info {
664
#statut .aucune_info {
658
	padding: 10px;
665
	padding: 10px;
659
}
666
}
660
#alignement-droite {
667
#alignement-droite {
661
	float:right;
668
	float:right;
662
	margin-right: -5px;
669
	margin-right: -5px;
663
}
670
}
664
 
671
 
665
.lien-onglet.lien-statique.lien_retour_synthese {
672
.lien-onglet.lien-statique.lien_retour_synthese {
666
	background-attachment: scroll;
673
	background-attachment: scroll;
667
	background-clip: border-box;
674
	background-clip: border-box;
668
	background-color: transparent;
675
	background-color: transparent;
669
	background-image: url("../images/fleche_gauche.png");
676
	background-image: url("../images/fleche_gauche.png");
670
	background-origin: padding-box;
677
	background-origin: padding-box;
671
	background-position: 0 2px;
678
	background-position: 0 2px;
672
	background-repeat: no-repeat;
679
	background-repeat: no-repeat;
673
	background-size: auto auto;
680
	background-size: auto auto;
674
	padding-left: 20px;
681
	padding-left: 20px;
675
}
682
}
676
 
683
 
677
/* Onglets */
684
/* Onglets */
678
#zone_onglets {
685
#zone_onglets {
679
	margin-top: 0.1em;
686
	margin-top: 0.1em;
680
	border-width:0;
687
	border-width:0;
681
	border-radius:0;
688
	border-radius:0;
682
	width:676px;
689
	width:676px;
683
	font-size:12px;
690
	font-size:12px;
684
	margin-left:-7px;
691
	margin-left:-7px;
685
}
692
}
686
#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
693
#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
687
	padding:0;
694
	padding:0;
688
	position: relative;
695
	position: relative;
689
}
696
}
690
.ui-tabs .ui-tabs-nav li a {
697
.ui-tabs .ui-tabs-nav li a {
691
	float: left;
698
	float: left;
692
  	padding: 4px 4px 3px 3px;
699
  	padding: 4px 4px 3px 3px;
693
	text-decoration: none;
700
	text-decoration: none;
694
}
701
}
695
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
702
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
696
	color: #9AC343;
703
	color: #9AC343;
697
	text-decoration: none;
704
	text-decoration: none;
698
}
705
}
699
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
706
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
700
	color: #EB8F00;
707
	color: #EB8F00;
701
	text-decoration: none;
708
	text-decoration: none;
702
}
709
}
703
#onglets {
710
#onglets {
704
	height:22px
711
	height:22px
705
}
712
}
706
#onglets li {
713
#onglets li {
707
	list-style:none;
714
	list-style:none;
708
	line-height:12px;
715
	line-height:12px;
709
}
716
}
710
 
717
 
711
#onglets li.ui-tabs-selected {
718
#onglets li.ui-tabs-selected {
712
	line-height: 13px;
719
	line-height: 13px;
713
}
720
}
714
 
721
 
715
#onglets li {
722
#onglets li {
716
	float:left;
723
	float:left;
717
}
724
}
718
#zone_onglets li .ui-icon-close {
725
#zone_onglets li .ui-icon-close {
719
	float: left;
726
	float: left;
720
	cursor: pointer;
727
	cursor: pointer;
721
}
728
}
722
#zone_onglets li a.lien-onglet {
729
#zone_onglets li a.lien-onglet {
723
	overflow: hidden;
730
	overflow: hidden;
724
	text-decoration: none;
731
	text-decoration: none;
725
	border-bottom: none;
732
	border-bottom: none;
726
}
733
}
727
#zone_onglets li a.lien-onglet hover {
734
#zone_onglets li a.lien-onglet hover {
728
	overflow: hidden; 
735
	overflow: hidden; 
729
	text-decoration: none;
736
	text-decoration: none;
730
	border-bottom: none;
737
	border-bottom: none;
731
}
738
}
732
/* Menu et + */
739
/* Menu et + */
733
#zone_onglets #ongletEtPlus {
740
#zone_onglets #ongletEtPlus {
734
    cursor: pointer;
741
    cursor: pointer;
735
    display: none;
742
    display: none;
736
    float: right;
743
    float: right;
737
    font-size: 20px;
744
    font-size: 20px;
738
    height: 20px;
745
    height: 20px;
739
    padding-bottom: 0;
746
    padding-bottom: 0;
740
    padding-right: 5px;
747
    padding-right: 5px;
741
    position: relative;
748
    position: relative;
742
    top: 1px;
749
    top: 1px;
743
    width: 25px;
750
    width: 25px;
744
    z-index: 500;
751
    z-index: 500;
745
}
752
}
746
#zone_onglets #ongletEtPlus a {
753
#zone_onglets #ongletEtPlus a {
747
	border-bottom: none;
754
	border-bottom: none;
748
}
755
}
749
#lienOngletEtPlus { /* icone */
756
#lienOngletEtPlus { /* icone */
750
	width:6px;
757
	width:6px;
751
    padding-left: 9px;
758
    padding-left: 9px;
752
	padding-top: 0px;
759
	padding-top: 0px;
753
	display:block;
760
	display:block;
754
	margin-top:5px;
761
	margin-top:5px;
755
}
762
}
756
 
763
 
757
.lien-onglet-synthese, .lien-onglet-synthese:hover {
764
.lien-onglet-synthese, .lien-onglet-synthese:hover {
758
	border-bottom: none;
765
	border-bottom: none;
759
}
766
}
760
 
767
 
761
.menuModules { /* liste */
768
.menuModules { /* liste */
762
	left: 465px;
769
	left: 465px;
763
	width: 187px;
770
	width: 187px;
764
	position: absolute; 
771
	position: absolute; 
765
	border: 1px solid #DCD1CC; 
772
	border: 1px solid #DCD1CC; 
766
	margin: 0px; 
773
	margin: 0px; 
767
	padding: 0px;
774
	padding: 0px;
768
	top: 30px;
775
	top: 30px;
769
	z-index:499;
776
	z-index:499;
770
	background-color: #F9F9F9;
777
	background-color: #F9F9F9;
771
	color: #9AC343;
778
	color: #9AC343;
772
	font-weight: bold;
779
	font-weight: bold;
773
}
780
}
774
.elementMenuModules { /* element de la liste */
781
.elementMenuModules { /* element de la liste */
775
	display:block; 
782
	display:block; 
776
	border: 1px solid white; 
783
	border: 1px solid white; 
777
	width: 150px; 
784
	width: 150px; 
778
	padding: 10px 10px 10px 25px; 
785
	padding: 10px 10px 10px 25px; 
779
	margin:0px;
786
	margin:0px;
780
	cursor: pointer;
787
	cursor: pointer;
781
}	
788
}	
782
.elementMenuModules:hover {
789
.elementMenuModules:hover {
783
	background-color: #FEBF01;
790
	background-color: #FEBF01;
784
}	
791
}	
785
.elementMenuModulesSelectionne {
792
.elementMenuModulesSelectionne {
786
	background-color: #F6AF39;
793
	background-color: #F6AF39;
787
	color: white;
794
	color: white;
788
}
795
}
789
 
796
 
790
#dialog label, #dialog input { display:block; }
797
#dialog label, #dialog input { display:block; }
791
#dialog label { margin-top: 0.5em; }
798
#dialog label { margin-top: 0.5em; }
792
#dialog input, #dialog textarea { width: 95%; }
799
#dialog input, #dialog textarea { width: 95%; }
793
 
800
 
794
.bloc_legende_repartition {
801
.bloc_legende_repartition {
795
	float:left; 
802
	float:left; 
796
	margin-right:5px; 
803
	margin-right:5px; 
797
	margin-bottom:3px; 
804
	margin-bottom:3px; 
798
	width:15px; 
805
	width:15px; 
799
	height:15px; 
806
	height:15px; 
800
	border:solid 1px black;
807
	border:solid 1px black;
801
}
808
}
802
 
809
 
803
.texte_legende_repartition {
810
.texte_legende_repartition {
804
	float:left; 
811
	float:left; 
805
	text-transform:capitalize;
812
	text-transform:capitalize;
806
}
813
}
807
 
814
 
808
.conteneur_lien_metadonnees {
815
.conteneur_lien_metadonnees {
809
	padding: 15px;
816
	padding: 15px;
810
}
817
}
811
.lien_metadonnees {
818
.lien_metadonnees {
812
	float:right;
819
	float:right;
813
}
820
}
814
 
821
 
815
#nomenclature > ul > li.item_nomenclature { 
822
#nomenclature > ul > li.item_nomenclature { 
816
    line-height: 18px;
823
    line-height: 18px;
817
    width:100%;
824
    width:100%;
818
}
825
}
819
 
826
 
820
.tab-chargement {
827
.tab-chargement {
821
  	background: url("../images/chargement.gif") no-repeat scroll 10px 13px transparent;
828
  	background: url("../images/chargement.gif") no-repeat scroll 10px 13px transparent;
822
  	background-color: #FFFFFF;
829
  	background-color: #FFFFFF;
823
    border: medium none;
830
    border: medium none;
824
    cursor: pointer;
831
    cursor: pointer;
825
    display: inline-block;
832
    display: inline-block;
826
    font-size: 14px;
833
    font-size: 14px;
827
    padding: 20px 20px 20px 50px;
834
    padding: 20px 20px 20px 50px;
828
    width: 555px;
835
    width: 555px;
829
}
836
}
830
 
837
 
831
.conteneur_illustrations_cel {
838
.conteneur_illustrations_cel {
832
	width: 250px;	
839
	width: 250px;	
833
}
840
}
834
 
841
 
835
.conteneur_metadonnees_cel {
842
.conteneur_metadonnees_cel {
836
	width: 250px;
843
	width: 250px;
837
	padding-top : 20px;	
844
	padding-top : 20px;	
838
}
845
}
839
 
846
 
840
.onglet_marge_gauche {
847
.onglet_marge_gauche {
841
	margin-top: 7px;
848
	margin-top: 7px;
842
	padding-left: 30px;
849
	padding-left: 30px;
843
}
850
}
844
 
851
 
845
.references_bibliographiques .texte_inactif {
852
.references_bibliographiques .texte_inactif {
846
	display:none;
853
	display:none;
847
}
854
}
848
 
855
 
849
#repartition_observations { 
856
#repartition_observations { 
850
    height: 590px;
857
    height: 590px;
851
    width: 100%;
858
    width: 100%;
852
    overflow: hidden;
859
    overflow: hidden;
853
}
860
}
854
 
861
 
855
.legende_nom_retenu {
862
.legende_nom_retenu {
856
	background-color: #E6FFA2;
863
	background-color: #E6FFA2;
857
}
864
}
858
 
865
 
859
.couleur_legende {
866
.couleur_legende {
860
    display: inline-block;
867
    display: inline-block;
861
    height: 12px;
868
    height: 12px;
862
    width: 30px;
869
    width: 30px;
863
    margin-right: 5px;
870
    margin-right: 5px;
864
    margin-top: 2px;
871
    margin-top: 2px;
865
    border: 1px dotted black;
872
    border: 1px dotted black;
866
}
873
}
867
 
874
 
868
.lienToggle {
875
.lienToggle {
869
	cursor: pointer;
876
	cursor: pointer;
870
}
877
}
871
 
878
 
872
/*----------------------------------------------------------------------------------------------------------*/
879
/*----------------------------------------------------------------------------------------------------------*/
873
/* Nomenclature */
880
/* Nomenclature */
874
.ns-retenu {
881
.ns-retenu {
875
	font-weight:bold;
882
	font-weight:bold;
876
}
883
}
877
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
884
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
878
	font-style: italic;
885
	font-style: italic;
879
	text-transform: none;
886
	text-transform: none;
880
}
887
}
881
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial, 
888
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial, 
882
.auteur, .annee, .biblio, .addendum, .type_epithete {
889
.auteur, .annee, .biblio, .addendum, .type_epithete {
883
	font-style: normal;
890
	font-style: normal;
884
	text-transform: none;
891
	text-transform: none;
885
}
892
}
886
 
893
 
887
/*----------------------------------------------------------------------------------------------------------*/
894
/*----------------------------------------------------------------------------------------------------------*/
888
/* Wikinis */
895
/* Wikinis */
889
.editable_sur_clic {
896
.editable_sur_clic {
890
	min-height: 50px;
897
	min-height: 50px;
891
}
898
}
892
 
899
 
893
.aide_wikini {
900
.aide_wikini {
894
    font-size: 0.8em;
901
    font-size: 0.8em;
895
}
902
}
896
 
903
 
897
.contenu_editable {
904
.contenu_editable {
898
	background-color: #F8FBF2;
905
	background-color: #F8FBF2;
899
	border: dashed 1px #AAAAAA;
906
	border: dashed 1px #AAAAAA;
900
	padding: 5px;
907
	padding: 5px;
901
	padding-top: 2px;
908
	padding-top: 2px;
902
	border-radius: 3px;
909
	border-radius: 3px;
903
}
910
}
904
 
911
 
905
.champ_edition_wiki {
912
.champ_edition_wiki {
906
	width: 100%;
913
	width: 100%;
907
	height: 350px;	
914
	height: 350px;	
908
	overflow: auto;
915
	overflow: auto;
909
}
916
}
910
 
917
 
911
.imagettePlus {
918
.imagettePlus {
912
	width:9px;
919
	width:9px;
913
	height:9px;
920
	height:9px;
914
	background:url('../images/ouvrir.png') no-repeat;
921
	background:url('../images/ouvrir.png') no-repeat;
915
	display:inline-block;
922
	display:inline-block;
916
	margin-right:3px;
923
	margin-right:3px;
917
}
924
}
918
 
925
 
919
.imagetteMoins {
926
.imagetteMoins {
920
	width:9px;
927
	width:9px;
921
	height:9px;
928
	height:9px;
922
	background:url('../images/fermer.png') no-repeat;
929
	background:url('../images/fermer.png') no-repeat;
923
	margin-right:3px;
930
	margin-right:3px;
924
	display:inline-block;
931
	display:inline-block;
925
}
932
}
926
 
933
 
927
.basionyme_complet {
934
.basionyme_complet {
928
	margin-left:20px;
935
	margin-left:20px;
929
	display:block;
936
	display:block;
930
}
937
}
931
 
938
 
932
.legende {
939
.legende {
933
	border:dashed 1px #AAA; 
940
	border:dashed 1px #AAA; 
934
	padding:5px 10px;
941
	padding:5px 10px;
935
}
942
}
936
 
943
 
937
.legende b {
944
.legende b {
938
	color:#AAA; margin-bottom:10px
945
	color:#AAA; margin-bottom:10px
939
}
946
}
940
 
947
 
941
.wp {
948
.wp {
942
	background:url('../images/sites/wikipedia.png') no-repeat;
949
	background:url('../images/sites/wikipedia.png') no-repeat;
943
	margin-left: 15px;
950
	margin-left: 15px;
944
    margin-top: 5px;
951
    margin-top: 5px;
945
    padding-left: 20px;
952
    padding-left: 20px;
946
}
953
}
947
/*----Description+Ecologie-----------------------------------------------------------------------------------*/
954
/*----Description+Ecologie-----------------------------------------------------------------------------------*/
948
 
955
 
949
.citation { 
956
.citation { 
950
		 font-size:9px;
957
		 font-size:9px;
951
}
958
}
952
.fond_graphique {
959
.fond_graphique {
953
	background-color:#F8F8F8;
960
	background-color:#F8F8F8;
954
	padding-top: 10px;	
961
	padding-top: 10px;	
955
	padding-bottom: 10px;
962
	padding-bottom: 10px;
956
	
963
	
957
 
964
 
958
}
965
}
959
.graphique {
966
.graphique {
960
	margin-right: auto;	
967
	margin-right: auto;	
961
	margin-left: auto;
968
	margin-left: auto;
962
	width:100%;
969
	width:100%;
963
}
970
}
964
 
971
 
965
.graphique > * {
972
.graphique > * {
966
      width:100%;
973
      width:100%;
967
}
974
}
968
 
975
 
969
.titre { 
976
.titre { 
970
		color:#36560B;
977
		color:#36560B;
971
		left:2px;
978
		left:2px;
972
		position:relative;
979
		position:relative;
973
		padding-right:5px;
980
		padding-right:5px;
974
}
981
}
975
.desc {
982
.desc {
976
	margin-right:3px;
983
	margin-right:3px;
977
	margin-left:3px;
984
	margin-left:3px;
978
}
985
}
979
.desc td {
986
.desc td {
980
	width: 50%;
987
	width: 50%;
981
	vertical-align: top;
988
	vertical-align: top;
982
	border: 1px dasharray #36560B;
989
	border: 1px dasharray #36560B;
983
	padding: 7px 5px;
990
	padding: 7px 5px;
984
}
991
}
985
 .italique { font-style: italic;
992
 .italique { font-style: italic;
986
 }
993
 }
987
 
994
 
988
 .gras { font-weight: bold;
995
 .gras { font-weight: bold;
989
 }
996
 }
990
 
997
 
991
 
998
 
992
/*  boutons spécifiques légende  graphiques (masquer/afficher) */
999
/*  boutons spécifiques légende  graphiques (masquer/afficher) */
993
.legende_formes {
1000
.legende_formes {
994
	background-image:url('../images/legende_formes.png');
1001
	background-image:url('../images/legende_formes.png');
995
	background-position: 2px 5px;
1002
	background-position: 2px 5px;
996
	background-repeat: no-repeat ;
1003
	background-repeat: no-repeat ;
997
	width : 428px;
1004
	width : 428px;
998
	height : 30px;
1005
	height : 30px;
999
	margin-right : auto;
1006
	margin-right : auto;
1000
	margin-left: auto;
1007
	margin-left: auto;
1001
	border: 1px dotted grey;
1008
	border: 1px dotted grey;
1002
	padding : 5px;
1009
	padding : 5px;
1003
	text-align:center;
1010
	text-align:center;
1004
}
1011
}
1005
.legende_graphique {
1012
.legende_graphique {
1006
	display:none;	
1013
	display:none;	
1007
	font-size:11px;
1014
	font-size:11px;
1008
	padding: 5px;
1015
	padding: 5px;
1009
}
1016
}
1010
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
1017
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
1011
	background:none;
1018
	background:none;
1012
	border:none;
1019
	border:none;
1013
}
1020
}
1014
.bloc_graph > .voir:focus ~ .legende_graphique{
1021
.bloc_graph > .voir:focus ~ .legende_graphique{
1015
	display: block;
1022
	display: block;
1016
}
1023
}
1017
 
1024
 
1018
.bloc_graph > .cacher:focus ~.legende_graphique {
1025
.bloc_graph > .cacher:focus ~.legende_graphique {
1019
	display: none;
1026
	display: none;
1020
}
1027
}
1021
 
1028
 
1022
.voir:focus,  .cacher:focus  {
1029
.voir:focus,  .cacher:focus  {
1023
	display:none;
1030
	display:none;
1024
}
1031
}
1025
 
1032
 
1026
.cacher, .voir {
1033
.cacher, .voir {
1027
	float:right;
1034
	float:right;
1028
}
1035
}
1029
 
1036
 
1030
.cacher {
1037
.cacher {
1031
	display:none;
1038
	display:none;
1032
}
1039
}
1033
.voir:focus + .cacher, .cacher:focus + .voir {
1040
.voir:focus + .cacher, .cacher:focus + .voir {
1034
	display:inline;
1041
	display:inline;
1035
}
1042
}
1036
 
1043
 
1037
.fond_graphique button {
1044
.fond_graphique button {
1038
	background: none;
1045
	background: none;
1039
	border: none;
1046
	border: none;
1040
	
1047
	
1041
}
1048
}
1042
 
1049
 
1043
.fond_graphique button:hover {
1050
.fond_graphique button:hover {
1044
	cursor: pointer;
1051
	cursor: pointer;
1045
	text-decoration: underline;
1052
	text-decoration: underline;
1046
}
1053
}
1047
 
1054
 
1048
/* Illustrations */
1055
/* Illustrations */
1049
#illustrations-coste img {
1056
#illustrations-coste img {
1050
	display:inline;
1057
	display:inline;
1051
	vertical-align:middle;
1058
	vertical-align:middle;
1052
	margin:0px;
1059
	margin:0px;
1053
	padding:0px;
1060
	padding:0px;
1054
}
1061
}
1055
 
1062
 
1056
#illustrations {
1063
#illustrations {
1057
	margin-left:-5px;
1064
	margin-left:-5px;
1058
	margin-right:-4px;
1065
	margin-right:-4px;
1059
		
1066
		
1060
}
1067
}
1061
.liste-illustrations .attention {
1068
.liste-illustrations .attention {
1062
	border:0;
1069
	border:0;
1063
	background:none;
1070
	background:none;
1064
	text-align:left;
1071
	text-align:left;
1065
	padding:0;
1072
	padding:0;
1066
}
1073
}
1067
.liste-illustrations{
1074
.liste-illustrations{
1068
	list-style-type:none;
1075
	list-style-type:none;
1069
	padding:0;
1076
	padding:0;
1070
}
1077
}
1071
.liste-illustrations li {
1078
.liste-illustrations li {
1072
	list-style-image:none !important;
1079
	list-style-image:none !important;
1073
	background:none;
1080
	background:none;
1074
	text-align:center;
1081
	text-align:center;
1075
	font-size:11px;
1082
	font-size:11px;
1076
	float: left;
1083
	float: left;
1077
	width:210px;
1084
	width:210px;
1078
	height:285px;
1085
	height:285px;
1079
	margin:0px;
1086
	margin:0px;
1080
	padding:0px;
1087
	padding:0px;
1081
	
1088
	
1082
}
1089
}
1083
 
1090
 
1084
#illustrations-coste .liste-illustrations li {
1091
#illustrations-coste .liste-illustrations li {
1085
	height: 196px;
1092
	height: 196px;
1086
}
1093
}
1087
 
1094
 
1088
.liste-illustrations li p {
1095
.liste-illustrations li p {
1089
	margin:2px 2px 5px 2px;
1096
	margin:2px 2px 5px 2px;
1090
	width:206px;
1097
	width:206px;
1091
	font-size:11px;
1098
	font-size:11px;
1092
}
1099
}
1093
.liste-illustrations strong {
1100
.liste-illustrations strong {
1094
	font-weight:bold;
1101
	font-weight:bold;
1095
}
1102
}
1096
.liste-illustrations img {
1103
.liste-illustrations img {
1097
	display:block;
1104
	display:block;
1098
	border:1px solid white;
1105
	border:1px solid white;
1099
	margin:0 auto;
1106
	margin:0 auto;
1100
	padding:2px;
1107
	padding:2px;
1101
	max-height:196px;
1108
	max-height:196px;
1102
	max-width:196px;
1109
	max-width:196px;
1103
}
1110
}
1104
.liste-illustrations a:hover img{
1111
.liste-illustrations a:hover img{
1105
    border:1px dotted #FD8C13;
1112
    border:1px dotted #FD8C13;
1106
}
1113
}
1107
a.img-cadre{
1114
a.img-cadre{
1108
	display:block;
1115
	display:block;
1109
	border: 1px solid white;
1116
	border: 1px solid white;
1110
	background:transparent;
1117
	background:transparent;
1111
	width:204px;
1118
	width:204px;
1112
	height:204px;
1119
	height:204px;
1113
	margin-right:2px;
1120
	margin-right:2px;
1114
}
1121
}
1115
a.img-cadre:hover{
1122
a.img-cadre:hover{
1116
	border:1px dotted #FD8C13;
1123
	border:1px dotted #FD8C13;
1117
}
1124
}
1118
.img-cadre-fond{
1125
.img-cadre-fond{
1119
	background:white;
1126
	background:white;
1120
	width:200px;
1127
	width:200px;
1121
	height:200px;
1128
	height:200px;
1122
	line-height:200px;
1129
	line-height:200px;
1123
	text-align:center;
1130
	text-align:center;
1124
	margin:2px;
1131
	margin:2px;
1125
}
1132
}
1126
#illustrations-photoflora img{
1133
#illustrations-photoflora img{
1127
	display:inline;
1134
	display:inline;
1128
	vertical-align:middle;
1135
	vertical-align:middle;
1129
	margin:0;
1136
	margin:0;
1130
	padding:0;
1137
	padding:0;
1131
	border:0;
1138
	border:0;
1132
}
1139
}
1133
 
1140
 
1134
.importance4 {
1141
.importance4 {
1135
	font-size:0.8em;
1142
	font-size:0.8em;
1136
	padding:5px;
1143
	padding:5px;
1137
	box-shadow:none;
1144
	box-shadow:none;
1138
}
1145
}
1139
 
1146
 
1140
h1 .nomenclature {
1147
h1 .nomenclature {
1141
	color:#555;
1148
	color:#555;
1142
	font-size:19px;
1149
	font-size:19px;
1143
}
1150
}
1144
 
1151
 
1145
h1 .famille {
1152
h1 .famille {
1146
	font-size:13px;
1153
	font-size:13px;
1147
	margin-top:5px;	
1154
	margin-top:5px;	
1148
}
1155
}
1149
 
1156
 
1150
table tbody {
1157
table tbody {
1151
    background-color: #F8F8DB;
1158
    background-color: #F8F8DB;
1152
    border: 1px solid #9AC342;
1159
    border: 1px solid #9AC342;
1153
}
1160
}
1154
 
1161
 
1155
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
1162
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
1156
#bloc_export_choix {
1163
#bloc_export_choix {
1157
	width: 100%;
1164
	width: 100%;
1158
}
1165
}
1159
 
1166
 
1160
.avertissement_telechargement {
1167
.avertissement_telechargement {
1161
	padding-top:1px;
1168
	padding-top:1px;
1162
	font-style:italic;
1169
	font-style:italic;
1163
	color: grey;
1170
	color: grey;
1164
	font-weight: 0.9em;
1171
	font-weight: 0.9em;
1165
}
1172
}
1166
 
1173
 
1167
#export_pdf input[type="submit"] {
1174
#export_pdf input[type="submit"] {
1168
	text-align: center;
1175
	text-align: center;
1169
	width :120px;
1176
	width :120px;
1170
	display:block;
1177
	display:block;
1171
	/*margin-right: auto;*/
1178
	/*margin-right: auto;*/
1172
	margin-left: 25px;
1179
	margin-left: 25px;
1173
	
1180
	
1174
}
1181
}
1175
#export_pdf fieldset label{
1182
#export_pdf fieldset label{
1176
	width :120px;
1183
	width :120px;
1177
	display:inline-block;
1184
	display:inline-block;
1178
	text-align:right;
1185
	text-align:right;
1179
}
1186
}
1180
 
1187
 
1181
#export_pdf fieldset {
1188
#export_pdf fieldset {
1182
	border: none;
1189
	border: none;
1183
	margin-left: auto;
1190
	margin-left: auto;
1184
	margin-right: auto;
1191
	margin-right: auto;
1185
	
1192
	
1186
}
1193
}
1187
 
1194
 
1188
.infos_liens_permanents {
1195
.infos_liens_permanents {
1189
	width: 60%;
1196
	width: 60%;
1190
}
1197
}
1191
 
1198
 
1192
.telechargements_pdf {
1199
.telechargements_pdf {
1193
	width: 40%;
1200
	width: 40%;
1194
}
1201
}
1195
 
1202
 
1196
.conteneur_telechargements > * {
1203
.conteneur_telechargements > * {
1197
	padding-left:20px;
1204
	padding-left:20px;
1198
	padding-top: 10px;
1205
	padding-top: 10px;
1199
	padding-bottom: 10px;
1206
	padding-bottom: 10px;
1200
}
1207
}
1201
 
1208
 
1202
.lien_export_pdf {
1209
.lien_export_pdf {
1203
	background:url('../images/pdf.png') no-repeat;
1210
	background:url('../images/pdf.png') no-repeat;
1204
	padding-left: 20px;
1211
	padding-left: 20px;
1205
	font-size:12px;
1212
	font-size:12px;
1206
	padding-bottom: 3px;
1213
	padding-bottom: 3px;
1207
}
1214
}
1208
 
1215
 
1209
.avertissement_telechargement {
1216
.avertissement_telechargement {
1210
	margin-top: 2px;
1217
	margin-top: 2px;
1211
}
1218
}
1212
 
1219
 
1213
.conteneur_permalien {
1220
.conteneur_permalien {
1214
	padding-left: 5px;
1221
	padding-left: 5px;
1215
	padding-bottom: 5px;
1222
	padding-bottom: 5px;
1216
	padding-top: 5px;
1223
	padding-top: 5px;
1217
	width: 100%;
1224
	width: 100%;
1218
}
1225
}
1219
 
1226
 
1220
.wp.conteneur_permalien {
1227
.wp.conteneur_permalien {
1221
	padding-left: 0px;
1228
	padding-left: 0px;
1222
	padding-top: 0px;
1229
	padding-top: 0px;
1223
}
1230
}
1224
 
1231
 
1225
.titre_lien_permanent {
1232
.titre_lien_permanent {
1226
	padding-left: 0px;
1233
	padding-left: 0px;
1227
}
1234
}
1228
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
1235
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
1229
#recherche_av {
1236
#recherche_av {
1230
	position:relative;
1237
	position:relative;
1231
	float:right;
1238
	float:right;
1232
	right:17px;
1239
	right:17px;
1233
 
1240
 
1234
}
1241
}
1235
#bloc-recherche {
1242
#bloc-recherche {
1236
	padding-bottom : 3px;
1243
	padding-bottom : 3px;
1237
}
1244
}
1238
div #recherche_av_form {
1245
div #recherche_av_form {
1239
	width:95%;
1246
	width:95%;
1240
	margin-right:auto;
1247
	margin-right:auto;
1241
	margin-left:auto;
1248
	margin-left:auto;
1242
	padding : 3px;
1249
	padding : 3px;
1243
 
1250
 
1244
}
1251
}
1245
#bloc_recherche_av {
1252
#bloc_recherche_av {
1246
	border: 1px solid white;
1253
	border: 1px solid white;
1247
	padding : 5px;
1254
	padding : 5px;
1248
	padding-top : 15px;
1255
	padding-top : 15px;
1249
		
1256
		
1250
}
1257
}
1251
 
1258
 
1252
#recherche_av_form label {
1259
#recherche_av_form label {
1253
	display:block;
1260
	display:block;
1254
	text-align:left;
1261
	text-align:left;
1255
	padding-left:7px;
1262
	padding-left:7px;
1256
}
1263
}
1257
 
1264
 
1258
#recherche_av_form .rech {
1265
#recherche_av_form .rech {
1259
	margin-top:20px;
1266
	margin-top:20px;
1260
	position:relative;
1267
	position:relative;
1261
	left: 228px;
1268
	left: 228px;
1262
	width:200px;
1269
	width:200px;
1263
	padding: 2px;
1270
	padding: 2px;
1264
	cursor:pointer;
1271
	cursor:pointer;
1265
	background-color:#FFFFFF;
1272
	background-color:#FFFFFF;
1266
	font-weight: bold;
1273
	font-weight: bold;
1267
}
1274
}
1268
#recherche_av_form .rech:hover {
1275
#recherche_av_form .rech:hover {
1269
	background-color:#DDDDDD;
1276
	background-color:#DDDDDD;
1270
}
1277
}
1271
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
1278
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
1272
	float:left;
1279
	float:left;
1273
}
1280
}
1274
#recherche_av_form .valeur-defaut-recherche {
1281
#recherche_av_form .valeur-defaut-recherche {
1275
    color: #848484;
1282
    color: #848484;
1276
    font-style: italic;
1283
    font-style: italic;
1277
}
1284
}
1278
/* fieldset classification */
1285
/* fieldset classification */
1279
fieldset.classification_form label{
1286
fieldset.classification_form label{
1280
	width: 95px;
1287
	width: 95px;
1281
}
1288
}
1282
fieldset.classification_form input, fieldset.classification_form select{
1289
fieldset.classification_form input, fieldset.classification_form select{
1283
	width: 100px;
1290
	width: 100px;
1284
}
1291
}
1285
/* fieldset statuts presence */
1292
/* fieldset statuts presence */
1286
fieldset.statuts_form label, fieldset.presence_form label{
1293
fieldset.statuts_form label, fieldset.presence_form label{
1287
	width: 220px;
1294
	width: 220px;
1288
}
1295
}
1289
fieldset.statuts_form select, fieldset.presence_form select{
1296
fieldset.statuts_form select, fieldset.presence_form select{
1290
	width: 200px;
1297
	width: 200px;
1291
}
1298
}
1292
/* fieldset publication */
1299
/* fieldset publication */
1293
fieldset.publication_form label {
1300
fieldset.publication_form label {
1294
	width: 60px;
1301
	width: 60px;
1295
}
1302
}
1296
/* fieldset numero */
1303
/* fieldset numero */
1297
fieldset.numero_form label {
1304
fieldset.numero_form label {
1298
	width: 135px;
1305
	width: 135px;
1299
}
1306
}
1300
 
1307
 
1301
 
1308
 
1302
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
1309
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
1303
.chorodep_svg { 
1310
.chorodep_svg { 
1304
	height: 590px;
1311
	height: 590px;
1305
	width:	100%;
1312
	width:	100%;
1306
}
1313
}
1307
 
1314
 
1308
.ecologie_svg { 
1315
.ecologie_svg { 
1309
    width: 500px;
1316
    width: 500px;
1310
}
1317
}
1311
 
1318
 
1312
.chargement {
1319
.chargement {
1313
	background:url('../images/chargement-transparent.gif');
1320
	background:url('../images/chargement-transparent.gif');
1314
	background-repeat:no-repeat;
1321
	background-repeat:no-repeat;
1315
	background-position:center; 
1322
	background-position:center; 
1316
	min-height: 150px;
1323
	min-height: 150px;
1317
}
1324
}
1318
 
1325
 
1319
/**----------------------- Autocompletion des noms ---------------------------------------------**/
1326
/**----------------------- Autocompletion des noms ---------------------------------------------**/
1320
li.autocompletion_nom, .autocompletion_nom:hover {
1327
li.autocompletion_nom, .autocompletion_nom:hover {
1321
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
1328
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
1322
    margin: 0 0 5px;
1329
    margin: 0 0 5px;
1323
}
1330
}
1324
 
1331
 
1325
/**----------------------- Illustration des résultats ---------------------------------------------**/
1332
/**----------------------- Illustration des résultats ---------------------------------------------**/
1326
 
1333
 
1327
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
1334
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
1328
	cursor: pointer;
1335
	cursor: pointer;
1329
}
1336
}
1330
 
1337
 
1331
.nomenclature_synonyme {
1338
.nomenclature_synonyme {
1332
    padding-left: 13px;
1339
    padding-left: 13px;
1333
}
1340
}
1334
 
1341
 
1335
.nomenclature_basionyme {
1342
.nomenclature_basionyme {
1336
	font-size: 0.9em;
1343
	font-size: 0.9em;
1337
}
1344
}
1338
 
1345
 
1339
 
1346
 
1340
/**----------------------- Styles pour la pagination ---------------------------------------------**/
1347
/**----------------------- Styles pour la pagination ---------------------------------------------**/
1341
.page_courante {
1348
.page_courante {
1342
	font-size: 1.5em;
1349
	font-size: 1.5em;
1343
}
1350
}
1344
 
1351
 
1345
.page_courante a {
1352
.page_courante a {
1346
	color: black;	
1353
	color: black;	
1347
}
1354
}
1348
 
1355
 
1349
.nb_resultats {
1356
.nb_resultats {
1350
	float:right;
1357
	float:right;
1351
	margin-top: 10px;	
1358
	margin-top: 10px;	
1352
}
1359
}