Subversion Repositories Sites.obs-saisons.fr

Rev

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

Rev 210 Rev 218
1
/* =========================== Balises ============================ 
1
/* =========================== Balises ============================ 
2
 
2
 
3
 
3
 
4
 
4
 
5
/* =========================== Style général ============================ */ 
5
/* =========================== Style général ============================ */ 
6
 
6
 
7
#wrapper #container {
7
#wrapper #container {
8
	max-width:1650px;
8
	max-width:1650px;
9
}
9
}
10
 
10
 
11
.gauche {
11
.gauche {
12
	float:left;	
12
	float:left;	
13
}
13
}
14
 
14
 
15
.droite {
15
.droite {
16
	float:right;	
16
	float:right;	
17
}
17
}
18
 
18
 
19
.information {
19
.information {
20
	
20
	
21
	padding-left:40px;
21
	padding-left:40px;
22
	border:1px solid #FF420F;
22
	border:1px solid #FF420F;
23
	max-width:600px;
23
	max-width:600px;
24
	height: 50px;
24
	height: 50px;
25
	text-align: center;
25
	text-align: center;
26
	font-size: 1.3em;
26
	font-size: 1.3em;
27
	color: #000000;
27
	color: #000000;
28
	background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;
28
	background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;
29
	background-color:#EF9C86;
29
	background-color:#EF9C86;
30
}
30
}
31
 
31
 
32
.information div {
32
.information div {
33
	margin-top: 15px
33
	margin-top: 15px
34
}
34
}
35
 
35
 
36
span.erreur {
36
span.erreur {
37
	color: red;	
37
	color: red;	
38
}
38
}
39
 
39
 
40
input.erreur {
40
input.erreur {
41
	border: 1px solid red;	
41
	border: 1px solid red;	
42
}
42
}
43
 
43
 
44
#center {
44
#center {
45
	width: 720px;	
45
	width: 720px;	
46
}
46
}
47
 
47
 
48
 
48
 
49
/* =========================== Titres ============================ */ 
49
/* =========================== Titres ============================ */ 
50
 
50
 
51
.titre_saisie {
51
.titre_saisie {
52
	padding-bottom: 10px;	
52
	padding-bottom: 10px;	
53
}
53
}
54
 
54
 
55
.etape {
55
.etape {
56
	color: #9AC343;
56
	color: #9AC343;
57
	padding-bottom:20px;
57
	padding-bottom:20px;
58
}
58
}
59
 
59
 
60
 
60
 
61
/* =========================== Menu et navigation ============================ */
61
/* =========================== Menu et navigation ============================ */
62
 
62
 
63
#saisie_menu ul li {
63
#saisie_menu ul li {
64
	background: none;
64
	background: none;
65
	padding-top: 5px;
65
	padding-top: 5px;
66
}
66
}
67
 
67
 
68
#saisie_menu ul li.item_menu_station {
68
#saisie_menu ul li.item_menu_station {
69
	background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;
69
	background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;
70
}
70
}
71
 
71
 
72
.item_menu_station > a {
72
.item_menu_station > a {
73
	padding: 5px;	
73
	padding: 5px;	
74
}
74
}
75
 
75
 
76
#saisie_menu ul li.item_menu_espece {
76
#saisie_menu ul li.item_menu_espece {
77
	background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;
77
	background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;
78
}
78
}
79
 
79
 
80
.item_menu_espece > a {
80
.item_menu_espece > a {
81
	padding: 5px	
81
	padding: 5px	
82
}
82
}
83
 
83
 
84
#saisie_menu ul li.station_ajout {
84
#saisie_menu ul li.station_ajout {
85
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
85
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
86
}
86
}
87
 
87
 
88
li.station_en_cours {
88
li.station_en_cours {
89
	padding-top: 10px;	
89
	padding-top: 10px;	
90
}
90
}
91
 
91
 
92
li.station_en_cours > a {
92
li.station_en_cours > a {
93
	color: #FFFFFF;
93
	color: #FFFFFF;
94
	font-weight: bold;
94
	font-weight: bold;
95
	border: solid 1px #FFFFFF;
95
	border: solid 1px #FFFFFF;
96
	background-color: #BF3600;
96
	background-color: #BF3600;
97
	-moz-border-radius: 0.9em;	
97
	-moz-border-radius: 0.9em;	
98
	-webkit-border-radius: 0.9em;	
98
	-webkit-border-radius: 0.9em;	
99
	border-radius: 0.9em;	
99
	border-radius: 0.9em;	
100
}
100
}
101
 
101
 
102
#retour_au_site {
102
#retour_au_site {
103
	padding-top: 30px;
103
	padding-top: 30px;
104
}
104
}
105
 
105
 
106
#saisie_menu ul li.espece_ajout {
106
#saisie_menu ul li.espece_ajout {
107
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
107
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
108
}
108
}
109
 
109
 
110
li.espece_en_cours > a {
110
li.espece_en_cours > a {
111
	color: #FFFFFF;
111
	color: #FFFFFF;
112
	font-weight: bold;
112
	font-weight: bold;
113
	border: solid 1px #FFFFFF;
113
	border: solid 1px #FFFFFF;
114
	background-color: #9AC343;
114
	background-color: #9AC343;
115
	-moz-border-radius: 0.9em;	
115
	-moz-border-radius: 0.9em;	
116
	-webkit-border-radius: 0.9em;	
116
	-webkit-border-radius: 0.9em;	
117
	border-radius: 0.9em;
117
	border-radius: 0.9em;
118
}
118
}
119
 
119
 
120
ul.liste_annees_observations {
120
ul.liste_annees_observations {
121
	list-style-type: none;
121
	list-style-type: none;
122
}
122
}
123
 
123
 
124
.liste_annees_observations li {
124
.liste_annees_observations li {
125
	display: inline;
125
	display: inline;
126
	list-style: none;
126
	list-style: none;
127
	background: none; 
127
	background: none; 
128
}
128
}
129
 
129
 
130
#annee_en_cours {
130
#annee_en_cours {
131
	font-size: 1.6em;
131
	font-size: 1.6em;
132
	color: #9AC343;	
132
	color: #9AC343;	
133
}
133
}
134
 
134
 
135
#retour_au_site ul li {
135
#retour_au_site ul li {
136
	background: url("../images/retour.png") no-repeat scroll 0 30% transparent
136
	background: url("../images/retour.png") no-repeat scroll 0 30% transparent
137
}
137
}
-
 
138
 
-
 
139
.export_observation {
-
 
140
    background: url("../images/csv.png") no-repeat scroll 2px 4px transparent;
-
 
141
    padding-left: 17px;
-
 
142
    padding-top: 3px;
-
 
143
    padding-right: 6px;
138
 
144
}
139
 
145
 
140
/* =========================== Formulaires d'inscription et d'identification ============================ */
146
/* =========================== Formulaires d'inscription et d'identification ============================ */
141
 
147
 
142
#conteneur_formulaire_identification, #conteneur_formulaire_inscription {
148
#conteneur_formulaire_identification, #conteneur_formulaire_inscription {
143
	
149
	
144
	width:650px;
150
	width:650px;
145
	border: 1px solid grey;
151
	border: 1px solid grey;
146
	margin-top: 10px;
152
	margin-top: 10px;
147
	padding: 10px;
153
	padding: 10px;
148
	text-align: left !important;
154
	text-align: left !important;
149
	-moz-border-radius: 0.9em;	
155
	-moz-border-radius: 0.9em;	
150
	-webkit-border-radius: 0.9em;	
156
	-webkit-border-radius: 0.9em;	
151
	border-radius: 0.9em;
157
	border-radius: 0.9em;
152
}
158
}
153
 
159
 
154
#conteneur_formulaire_identification form {
160
#conteneur_formulaire_identification form {
155
	text-align: left !important;	
161
	text-align: left !important;	
156
}
162
}
157
 
163
 
158
#conteneur_formulaire_identification input {
164
#conteneur_formulaire_identification input {
159
	text-align: left !important;
165
	text-align: left !important;
160
	width: 300px;	
166
	width: 300px;	
161
}
167
}
162
 
168
 
163
#conteneur_formulaire_inscription input {
169
#conteneur_formulaire_inscription input {
164
	text-align: left !important;
170
	text-align: left !important;
165
	width: 300px;	
171
	width: 300px;	
166
}
172
}
167
 
173
 
168
.message_identification {
174
.message_identification {
169
	font-weight: bold;
175
	font-weight: bold;
170
	padding-top: 5px;
176
	padding-top: 5px;
171
	color: #435F06;
177
	color: #435F06;
172
	font-size: 1.5em;	
178
	font-size: 1.5em;	
173
}
179
}
174
 
180
 
175
 
181
 
176
/* =========================== Formulaires de l'application ============================ */
182
/* =========================== Formulaires de l'application ============================ */
177
 
183
 
178
#saisie_station {
184
#saisie_station {
179
	width: 700px;	
185
	width: 700px;	
180
}
186
}
181
 
187
 
182
.element_formulaire label {
188
.element_formulaire label {
183
	font-weight: bold;
189
	font-weight: bold;
184
	width:150px;	
190
	width:150px;	
185
}
191
}
186
 
192
 
187
.element_formulaire_en_ligne {
193
.element_formulaire_en_ligne {
188
	padding-right: 10px;	
194
	padding-right: 10px;	
189
}
195
}
190
 
196
 
191
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
197
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
192
	padding-bottom : 15px;
198
	padding-bottom : 15px;
193
}
199
}
194
 
200
 
195
.conteneur_carte {
201
.conteneur_carte {
196
	height: 400px;
202
	height: 400px;
197
	width: 725px;
203
	width: 725px;
198
}
204
}
199
 
205
 
200
.gros_bouton_validation {
206
.gros_bouton_validation {
201
	height: 50px;
207
	height: 50px;
202
	width: 200px;
208
	width: 200px;
203
	font-size: 20px;
209
	font-size: 20px;
204
	margin-top: 10x;
210
	margin-top: 10x;
205
	margin-right: 0px;
211
	margin-right: 0px;
206
}
212
}
207
 
213
 
208
#localiser_lat_lon {
214
#localiser_lat_lon {
209
	background: url("../images/localiser.png") no-repeat scroll 2px transparent;	
215
	background: url("../images/localiser.png") no-repeat scroll 2px transparent;	
210
}
216
}
211
 
217
 
212
#saisie_liste_evenements {
218
#saisie_liste_evenements {
213
	text-align: center;
219
	text-align: center;
214
	width:715px;
220
	width:715px;
215
}
221
}
216
 
222
 
217
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
223
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
218
	height: 40px;	
224
	height: 40px;	
219
}
225
}
220
 
226
 
221
.icone_s {
227
.icone_s {
222
	height: 30px;
228
	height: 30px;
223
	width: 30px;	
229
	width: 30px;	
224
}
230
}
225
 
231
 
226
.formulaire_en_ligne {
232
.formulaire_en_ligne {
227
  display: inline;
233
  display: inline;
228
}
234
}
229
 
235
 
230
.valider_formulaire {
236
.valider_formulaire {
231
	cursor: pointer;
237
	cursor: pointer;
232
	background-color: transparent;
238
	background-color: transparent;
233
	background-image: url("../images/valider_s.png");
239
	background-image: url("../images/valider_s.png");
234
	border: none;
240
	border: none;
235
	color: rgba(0,0,0,0);
241
	color: rgba(0,0,0,0);
236
	background-position: center;
242
	background-position: center;
237
	background-repeat: no-repeat;
243
	background-repeat: no-repeat;
238
	padding-top: 2px;
244
	padding-top: 2px;
239
	padding-bottom: 3px;
245
	padding-bottom: 3px;
240
}
246
}
241
 
247
 
242
.valider_formulaire:hover, .lien_modifier:hover {
248
.valider_formulaire:hover, .lien_modifier:hover {
243
	background-color: #CFCFCF;
249
	background-color: #CFCFCF;
244
}
250
}
245
 
251
 
246
#form_saisie_espece {
252
#form_saisie_espece {
247
	margin-right: auto;
253
	margin-right: auto;
248
	margin-left: auto;	
254
	margin-left: auto;	
249
}
255
}
250
 
256
 
251
.formulaire_informations_espece_mini {
257
.formulaire_informations_espece_mini {
252
	text-align: center;
258
	text-align: center;
253
	height:50px; 
259
	height:50px; 
254
	width: 500px;
260
	width: 500px;
255
	border: solid 1px #999999;
261
	border: solid 1px #999999;
256
	background-color: #CFCFCF;
262
	background-color: #CFCFCF;
257
	padding: 10px;
263
	padding: 10px;
258
	margin-bottom: 10px;
264
	margin-bottom: 10px;
259
	-moz-border-radius: 0.9em;	
265
	-moz-border-radius: 0.9em;	
260
	-webkit-border-radius: 0.9em;	
266
	-webkit-border-radius: 0.9em;	
261
	border-radius: 0.9em;
267
	border-radius: 0.9em;
262
}
268
}
263
 
269
 
264
.formulaire_informations_espece_mini:hover {
270
.formulaire_informations_espece_mini:hover {
265
	background-color: #C0DF7D;
271
	background-color: #C0DF7D;
266
}
272
}
267
 
273
 
268
.formulaire_informations_espece_mini img {
274
.formulaire_informations_espece_mini img {
269
	margin-top:-5px;
275
	margin-top:-5px;
270
}
276
}
271
 
277
 
272
#form_afficher_modification {
278
#form_afficher_modification {
273
	margin-top: 10px;
279
	margin-top: 10px;
274
}
280
}
275
 
281
 
276
.formulaire_suppression_station {
282
.formulaire_suppression_station {
277
	margin-top: 10px;	
283
	margin-top: 10px;	
278
	margin-left: 2px;	
284
	margin-left: 2px;	
279
}
285
}
280
 
286
 
281
.formulaire_suppression_individu {
287
.formulaire_suppression_individu {
282
    margin-left: 2px;
288
    margin-left: 2px;
283
    margin-top: 10px;
289
    margin-top: 10px;
284
}
290
}
285
 
291
 
286
/* =========================== Fiches ============================== */ 
292
/* =========================== Fiches ============================== */ 
287
 
293
 
288
.element_fiche {
294
.element_fiche {
289
	padding-bottom : 5px;
295
	padding-bottom : 5px;
290
}
296
}
291
 
297
 
292
.intitule_fiche {
298
.intitule_fiche {
293
		
299
		
294
}
300
}
295
 
301
 
296
.valeur_fiche {
302
.valeur_fiche {
297
	font-weight: bold;	
303
	font-weight: bold;	
298
}
304
}
299
 
305
 
300
.titre_section_fiche {
306
.titre_section_fiche {
301
	padding-bottom : 10px;
307
	padding-bottom : 10px;
302
	padding-top : 10px;
308
	padding-top : 10px;
303
}
309
}
304
 
310
 
305
.titre_fiche {
311
.titre_fiche {
306
	
312
	
307
}
313
}
308
 
314
 
309
hr.separation_section {
315
hr.separation_section {
310
	margin-top: 25px;	
316
	margin-top: 25px;	
311
}
317
}
312
 
318
 
313
.informations_espece img {
319
.informations_espece img {
314
	margin-top:-35px;	
320
	margin-top:-35px;	
315
	padding: 15px;
321
	padding: 15px;
316
}
322
}
317
 
323
 
318
.annee_observation {
324
.annee_observation {
319
	padding-left: 10px;	
325
	padding-left: 10px;	
320
}
326
}
321
 
327
 
322
.observations_individu {
328
.observations_individu {
323
    display: table-cell;
329
    display: table-cell;
324
    height: 400px;
330
    height: 400px;
325
    width: 250px;
331
    width: 250px;
326
}
332
}
327
 
333
 
328
.observations_individu {
334
.observations_individu {
329
	color: #000000;
335
	color: #000000;
330
}
336
}
331
 
337
 
332
#fiche_individu .observations_individu li {
338
#fiche_individu .observations_individu li {
333
	background: none;
339
	background: none;
334
	padding-left: 1px;
340
	padding-left: 1px;
335
	list-style-type: none;
341
	list-style-type: none;
336
	margin-left: 0px;
342
	margin-left: 0px;
337
	padding-left: 0px;
343
	padding-left: 0px;
338
}
344
}
339
 
345
 
340
.observations_individu li div {
346
.observations_individu li div {
341
	-moz-border-radius: 0.9em;	
347
	-moz-border-radius: 0.9em;	
342
	-webkit-border-radius: 0.9em;	
348
	-webkit-border-radius: 0.9em;	
343
	border-radius: 0.9em;
349
	border-radius: 0.9em;
344
}
350
}
345
 
351
 
346
#center .observations_individu h4 {
352
#center .observations_individu h4 {
347
	padding: 5px;
353
	padding: 5px;
348
	color: black;
354
	color: black;
349
}
355
}
350
 
356
 
351
.date_observation_individu {
357
.date_observation_individu {
352
 
358
 
353
}
359
}
354
 
360
 
355
.calendrier {
361
.calendrier {
356
	
362
	
357
}
363
}
358
 
364
 
359
#fiche_individu {
365
#fiche_individu {
360
	background-color: #F4F2EB;
366
	background-color: #F4F2EB;
361
	padding : 10px;
367
	padding : 10px;
362
	margin-top: 31px;
368
	margin-top: 31px;
363
}
369
}
364
 
370
 
365
 
371
 
366
/* =========================== Tableaux d'évenements ============================ */ 
372
/* =========================== Tableaux d'évenements ============================ */ 
367
 
373
 
368
#saisie_liste_evenements, #saisie_modif_evenements {
374
#saisie_liste_evenements, #saisie_modif_evenements {
369
	text-align: center;	
375
	text-align: center;	
370
}
376
}
371
 
377
 
372
#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {
378
#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {
373
	text-align: left;	
379
	text-align: left;	
374
}
380
}
375
 
381
 
376
tr:nth-child(odd) {
382
tr:nth-child(odd) {
377
  background-color: #CFCFCF ;
383
  background-color: #CFCFCF ;
378
}
384
}
379
 
385
 
380
tr:nth-child(1) {
386
tr:nth-child(1) {
381
	color: #FFFFFF;
387
	color: #FFFFFF;
382
}
388
}
383
 
389
 
384
tr:nth-child(1), tr:nth-child(2) {
390
tr:nth-child(1), tr:nth-child(2) {
385
	background-color: #FFFFFF ;
391
	background-color: #FFFFFF ;
386
}
392
}
387
 
393
 
388
div.evenement { 
394
div.evenement { 
389
	text-align: center;
395
	text-align: center;
390
}
396
}
391
 
397
 
392
.stade_evenement {
398
.stade_evenement {
393
	text-align: center;
399
	text-align: center;
394
}
400
}
395
 
401
 
396
 
402
 
397
/* =========================== Styles des différents stades ============================ */ 
403
/* =========================== Styles des différents stades ============================ */ 
398
 
404
 
399
.stade_feuillaison {
405
.stade_feuillaison {
400
	background-color: #ACC700;
406
	background-color: #ACC700;
401
}
407
}
402
 
408
 
403
.stade_floraison {
409
.stade_floraison {
404
	background-color: #B549B9;	
410
	background-color: #B549B9;	
405
}
411
}
406
 
412
 
407
.stade_fructification {
413
.stade_fructification {
408
	background-color: #FF7F00;
414
	background-color: #FF7F00;
409
}
415
}
410
 
416
 
411
.stade_senescence {
417
.stade_senescence {
412
	background-color: #BF3600;
418
	background-color: #BF3600;
413
}
419
}
414
 
420
 
415
.stade_1ere_apparition {
421
.stade_1ere_apparition {
416
	background-color: #B549B9;
422
	background-color: #B549B9;
417
}
423
}
418
 
424
 
419
/* ============ Style pour l'administration ============================== */
425
/* ============ Style pour l'administration ============================== */
420
 
426
 
421
#barre_admin {
427
#barre_admin {
422
    -moz-border-radius: 10px 10px 10px 10px;
428
    -moz-border-radius: 10px 10px 10px 10px;
423
    background-color: #F4F2EB;
429
    background-color: #F4F2EB;
424
    border: 1px solid #D1C6A8;
430
    border: 1px solid #D1C6A8;
425
    height: 22px;
431
    height: 22px;
426
    margin-bottom: 10px;
432
    margin-bottom: 10px;
427
    padding: 5px;
433
    padding: 5px;
428
}
434
}
429
 
435
 
430
#form_changement_identite {
436
#form_changement_identite {
431
	width: 330px;	
437
	width: 330px;	
432
	display: inline;
438
	display: inline;
433
}
439
}
434
 
440
 
435
.export_observation {
441
.export_observation_admin {
436
	background: url("../images/csv.png") no-repeat scroll 0 0 transparent;
442
	background: url("../images/csv.png") no-repeat scroll 28px 0 transparent;
-
 
443
    padding-left: 46px;
437
    padding-left: 20px;
444
    padding-top: 3px;
438
};
445
};
439
 
446
 
440
/* ============ Styles créés par des effets javascripts automatiques ===== */
447
/* ============ Styles créés par des effets javascripts automatiques ===== */
441
 
448
 
442
.chargement {
449
.chargement {
443
	background: url("../images/chargement.gif") no-repeat center center #DCDCDC;
450
	background: url("../images/chargement.gif") no-repeat center center #DCDCDC;
444
}
451
}
445
 
452
 
446
.erreur_valeur {
453
.erreur_valeur {
447
	background-color: red;	
454
	background-color: red;	
448
}
455
}
449
 
456
 
450
.conteneur_type {
457
.conteneur_type {
451
	float: right;
458
	float: right;
452
	align: center;
459
	align: center;
453
	width: 230px;
460
	width: 230px;
454
}
461
}
455
 
462
 
456
h4.lien_pliage {
463
h4.lien_pliage {
457
	text-decoration: underline;	
464
	text-decoration: underline;	
458
	display: inline;
465
	display: inline;
459
}
466
}
460
 
467
 
461
.pliage {
468
.pliage {
462
	padding: 5px;
469
	padding: 5px;
463
}
470
}
464
 
471
 
465
h4.lien_pliage:hover {
472
h4.lien_pliage:hover {
466
	cursor: pointer;
473
	cursor: pointer;
467
}
474
}
468
 
475
 
469
.element_cliquable {
476
.element_cliquable {
470
	cursor: pointer;	
477
	cursor: pointer;	
471
}
478
}
472
 
479
 
473
.element_cliquable:hover {
480
.element_cliquable:hover {
474
	background : #9AC343;
481
	background : #9AC343;
475
 }
482
 }
476
 
483
 
477
.element_clique {
484
.element_clique {
478
	background: #9AC343;	
485
	background: #9AC343;	
479
}
486
}
480
 
487
 
481
#saisie_espece ul.liste_onglets {
488
#saisie_espece ul.liste_onglets {
482
	margin: 0;
489
	margin: 0;
483
	padding: 0;
490
	padding: 0;
484
	float: left;
491
	float: left;
485
	list-style: none;
492
	list-style: none;
486
	height: 32px; /*--Set height of tabs--*/
493
	height: 32px; /*--Set height of tabs--*/
487
	border-bottom: 1px solid #999;
494
	border-bottom: 1px solid #999;
488
	border-left: 1px solid #999;
495
	border-left: 1px solid #999;
489
}
496
}
490
 
497
 
491
#saisie_espece ul.liste_onglets li {
498
#saisie_espece ul.liste_onglets li {
492
	-moz-border-radius-topleft: 0px;
499
	-moz-border-radius-topleft: 0px;
493
    -moz-border-radius-topright: 0px;
500
    -moz-border-radius-topright: 0px;
494
	float: left;
501
	float: left;
495
	margin: 0;
502
	margin: 0;
496
	padding: 0;
503
	padding: 0;
497
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
504
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
498
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
505
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
499
	border: 1px solid #999;
506
	border: 1px solid #999;
500
	border-left: none;
507
	border-left: none;
501
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
508
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
502
	overflow: hidden;
509
	overflow: hidden;
503
	position: relative;
510
	position: relative;
504
	background: #e0e0e0;
511
	background: #e0e0e0;
505
}
512
}
506
 
513
 
507
#saisie_espece ul.liste_onglets li a {
514
#saisie_espece ul.liste_onglets li a {
508
	text-decoration: none;
515
	text-decoration: none;
509
	color: #000;
516
	color: #000;
510
	display: block;
517
	display: block;
511
	font-size: 1.2em;
518
	font-size: 1.2em;
512
	padding: 0 20px;
519
	padding: 0 20px;
513
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
520
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
514
	outline: none;
521
	outline: none;
515
}
522
}
516
 
523
 
517
#saisie_espece ul.liste_onglets li a:hover {
524
#saisie_espece ul.liste_onglets li a:hover {
518
	background: #ccc;
525
	background: #ccc;
519
}
526
}
520
 
527
 
521
html ul.liste_onglets li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
528
html ul.liste_onglets li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
522
	background: #fff;
529
	background: #fff;
523
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
530
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
524
}
531
}
525
 
532
 
526
#saisie_espece #onglets  {
533
#saisie_espece #onglets  {
527
	margin-left: 85px;
534
	margin-left: 85px;
528
	margin-right: auto;
535
	margin-right: auto;
529
	position: relative;
536
	position: relative;
530
	bottom: -1px;
537
	bottom: -1px;
531
	z-index: 1;
538
	z-index: 1;
532
	clear:left;
539
	clear:left;
533
}
540
}
534
 
541
 
535
#saisie_espece .conteneur_onglets {
542
#saisie_espece .conteneur_onglets {
536
	border: 1px solid #999;
543
	border: 1px solid #999;
537
	overflow: hidden;
544
	overflow: hidden;
538
	float: left;
545
	float: left;
539
	background: #fff;
546
	background: #fff;
540
	position: relative;
547
	position: relative;
541
	width:565px;
548
	width:565px;
542
}
549
}
543
 
550
 
544
#saisie_espece .contenu_onglet {
551
#saisie_espece .contenu_onglet {
545
	padding: 20px;
552
	padding: 20px;
546
	font-size: 1.2em;
553
	font-size: 1.2em;
547
}
554
}
548
 
555
 
549
 
556
 
550
.autocompletion {
557
.autocompletion {
551
	position:relative;	
558
	position:relative;	
552
}
559
}
553
 
560
 
554
.conteneur_suggestions, .conteneur_suggestions_utilisateur {
561
.conteneur_suggestions, .conteneur_suggestions_utilisateur {
555
    position: absolute;
562
    position: absolute;
556
    left: 107px;
563
    left: 107px;
557
    width: 180px;
564
    width: 180px;
558
    background-color: #212427;
565
    background-color: #212427;
559
    border: 2px solid #000;
566
    border: 2px solid #000;
560
    color: #fff;
567
    color: #fff;
561
    z-index: 300;
568
    z-index: 300;
562
    -moz-border-radius: 7px;
569
    -moz-border-radius: 7px;
563
	-webkit-border-radius: 7px;
570
	-webkit-border-radius: 7px;
564
	border-radius: 7px;
571
	border-radius: 7px;
565
}
572
}
566
 
573
 
567
.conteneur_suggestions_utilisateur {
574
.conteneur_suggestions_utilisateur {
568
	left: 188px;	
575
	left: 188px;	
569
}
576
}
570
 
577
 
571
.liste_suggestions {
578
.liste_suggestions {
572
    margin: 0px;
579
    margin: 0px;
573
    padding: 0px;
580
    padding: 0px;
574
}
581
}
575
 
582
 
576
.liste_suggestions li {
583
.liste_suggestions li {
577
    margin: 0px 0px 3px 0px;
584
    margin: 0px 0px 3px 0px;
578
    padding: 3px;
585
    padding: 3px;
579
    cursor: pointer;
586
    cursor: pointer;
580
}
587
}
581
 
588
 
582
.liste_suggestions li {
589
.liste_suggestions li {
583
	list-style-type: none;	
590
	list-style-type: none;	
584
	margin-left: 5px;
591
	margin-left: 5px;
585
	margin-right: 5px;
592
	margin-right: 5px;
586
}
593
}
587
	
594
	
588
 
595
 
589
.liste_suggestions .element_selectionne {
596
.liste_suggestions .element_selectionne {
590
    background-color: #659CD8;
597
    background-color: #659CD8;
591
}
598
}
592
 
599
 
593
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
600
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
594
 
601
 
595
.clearer {
602
.clearer {
596
	clear:both;	
603
	clear:both;	
597
}
604
}