Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

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