Subversion Repositories eFlore/Applications.cel

Rev

Rev 953 | Rev 2319 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 953 Rev 1799
Line 1... Line -...
1 
@charset "UTF-8";
 - 
 
2 
html {
 - 
 
3 
	overflow:hidden;
 - 
 
4 
}
 - 
 
5 
body {
 - 
 
6 
	overflow:hidden;
 - 
 
7 
	padding:0;
 - 
 
8 
	margin:0;
 - 
 
9 
	width:100%;
 - 
 
10 
	height:100%;
 - 
 
11 
	font-family:Arial;
 - 
 
12 
	font-size:12px;
 - 
 
13 
}
 - 
 
14 
h1 {
 - 
 
15 
	font-size:1.6em;
 - 
 
16 
}
 - 
 
17 
h2 {
 - 
 
18 
	font-size:1.4em;
 - 
 
19 
}
 - 
 
20 
a, a:active, a:visited {
 - 
 
21 
	border-bottom:1px dotted #666;
 - 
 
22 
	color:#CCC;
 - 
 
23 
	text-decoration:none;
 - 
 
24 
}
 - 
 
25 
a:active {
 - 
 
26 
	outline:none;
 - 
 
27 
}
 - 
 
28 
a:focus {
 - 
 
29 
	outline:thin dotted;
 - 
 
30 
}
 - 
 
31 
a:hover {
 - 
 
32 
	color:#56B80E;
 - 
 
33 
	border-bottom:1px dotted #56B80E;
 - 
 
34 
}
 - 
 
35 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
36 
/* Présentation des listes de définitions */
 - 
 
37 
dl {
 - 
 
38 
	width:100%;
 - 
 
39 
	margin:0;
 - 
 
40 
}
 - 
 
41 
dt {
 - 
 
42 
	float:left;
 - 
 
43 
	font-weight:bold;
 - 
 
44 
	text-align:top left;
 - 
 
45 
	margin-right:0.3em;
 - 
 
46 
	line-height:0.8em;
 - 
 
47 
}
 - 
 
48 
dd {
 - 
 
49 
	width:auto;
 - 
 
50 
	margin:0.5em 0;
 - 
 
51 
	line-height:0.8em;
 - 
 
52 
}
 - 
 
53 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
54 
/* Tableau : */
 - 
 
55 
table {
 - 
 
56 
	border:1px solid gray;
 - 
 
57 
	border-collapse:collapse;
 - 
 
58 
	width:100%;
 - 
 
59 
}
 - 
 
60 
table thead, table tfoot, table tbody {
 - 
 
61 
	background-color:Gainsboro;
 - 
 
62 
	border:1px solid gray;
 - 
 
63 
}
 - 
 
64 
table tbody {
 - 
 
65 
	background-color:#FFF;
 - 
 
66 
}
 - 
 
67 
table th {
 - 
 
68 
	font-family:monospace;
 - 
 
69 
	border:1px dotted gray;
 - 
 
70 
	padding:5px;
 - 
 
71 
	background-color:Gainsboro;
 - 
 
72 
}
 - 
 
73 
table td {
 - 
 
74 
	font-family:arial;
 - 
 
75 
	border:1px dotted gray;
 - 
 
76 
	padding:5px;
 - 
 
77 
	text-align:left;
 - 
 
78 
}
 - 
 
79 
table caption {
 - 
 
80 
	font-family:sans-serif;
 - 
 
81 
}
 - 
 
82 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
83 
/* Tableau : tablesorter */
 - 
 
84 
th.header {
 - 
 
85 
	background:url(../images/trie.png) no-repeat center right;
- 
 
86 
	padding-right:20px;
 - 
 
87 
}
 - 
 
88 
th.headerSortUp {
- 
 
89 
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
 - 
 
90 
	color:white;
 - 
 
91 
}
 - 
 
92 
th.headerSortDown {
- 
 
93 
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
 - 
 
94 
    color:white;
- 
 
95 
}
 - 
 
96 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
97 
/* Générique */
 - 
 
98 
.nettoyage{
 - 
 
99 
	clear:both;
 - 
 
100 
}
 - 
 
101 
hr.nettoyage{
 - 
 
102 
	visibility:hidden;
 - 
 
103 
}
 - 
 
104 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
105 
/* Carte */
 - 
 
106 
#carte {
 - 
 
107 
	padding:0;
 - 
 
108 
	margin:0;
 - 
 
109 
	position:absolute;
- 
 
110 
	top:35px;
 - 
 
111 
	left:24px;
 - 
 
112 
	right:0;
 - 
 
113 
	bottom:0;
 - 
 
114 
	overflow:auto;
 - 
 
115 
}
 - 
 
116 
.bouton {
 - 
 
117 
	background-color:white;
 - 
 
118 
	border:2px solid black;
 - 
 
119 
	cursor:pointer;
 - 
 
120 
	text-align:center;
 - 
 
121 
}
 - 
 
122 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
123 
/* Message de chargement */
 - 
 
124 
#chargement {
 - 
 
125 
	margin:25px;
 - 
 
126 
	text-align:center;
 - 
 
127 
}
 - 
 
128 
#chargement img{
 - 
 
129 
	display:block;
 - 
 
130 
	margin:auto;
 - 
 
131 
}
 - 
 
132 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
133 
/* Avertissement */
 - 
 
134 
#zone-avertissement {
 - 
 
135 
	background-color:#4A4B4C;
 - 
 
136 
	color:#CCC;
 - 
 
137 
	padding:12px;
 - 
 
138 
	text-align:justify;
 - 
 
139 
	line-height:16px;
 - 
 
140 
}
 - 
 
141 
#zone-avertissement h1{
 - 
 
142 
	margin:0;
 - 
 
143 
}
 - 
 
144 
#zone-avertissement a {
 - 
 
145 
	border-bottom:1px dotted gainsboro;
 - 
 
146 
}
 - 
 
147 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
148 
/* Carte titre */
 - 
 
149 
#zone-titre {
 - 
 
150 
	padding:0;
 - 
 
151 
	margin:0;
 - 
 
152 
	position:absolute;
 - 
 
153 
	top:0;
- 
 
154 
	left:0;
 - 
 
155 
	width:100%;
 - 
 
156 
	height:35px;
 - 
 
157 
	overflow:hidden;
 - 
 
158 
	background-color:#4A4B4C;
 - 
 
159 
}
 - 
 
160 
#zone-info {
 - 
 
161 
	position:absolute;
 - 
 
162 
	top:0;
 - 
 
163 
	right:8px;
 - 
 
164 
	width:48px;
 - 
 
165 
	text-align:right;
 - 
 
166 
}
 - 
 
167 
#zone-info img {
 - 
 
168 
	display:inline;
 - 
 
169 
	padding:4px;
 - 
 
170 
	margin:0;
 - 
 
171 
	border:none;
 - 
 
172 
}
 - 
 
173 
#carte-titre {
 - 
 
174 
	display:inline-block;
 - 
 
175 
	margin:0;
 - 
 
176 
	padding:0.2em;
 - 
 
177 
	color:#CCCCCC;
 - 
 
178 
}
 - 
 
179 
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
 - 
 
180 
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
 - 
 
181 
	display /*\**/:inline\9;/*Hack CSS pour ie8 */
- 
 
182 
}
 - 
 
183 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
184 
/* Panneau latéral */
 - 
 
185 
#panneau-lateral {
 - 
 
186 
	padding:0;
 - 
 
187 
	margin:0;
 - 
 
188 
	position:absolute;
- 
 
189 
	top:35px;
 - 
 
190 
	left:0;
 - 
 
191 
	bottom:0;
 - 
 
192 
	width:24px;
 - 
 
193 
	overflow:hidden;
 - 
 
194 
	background-color:#4A4B4C;
 - 
 
195 
	border-right:1px solid grey;
- 
 
196 
}
 - 
 
197 
#pl-contenu {
 - 
 
198 
	display:none;
 - 
 
199 
}
 - 
 
200 
#pl-entete {
 - 
 
201 
	height:95px;
 - 
 
202 
}
 - 
 
203 
#pl-corps {
 - 
 
204 
	position:absolute;
 - 
 
205 
	top:105px;
 - 
 
206 
	bottom:0;
 - 
 
207 
	overflow:auto;
 - 
 
208 
	padding:5px;
 - 
 
209 
	width:290px;
 - 
 
210 
}
 - 
 
211 
#pl-ouverture, #pl-fermeture {
 - 
 
212 
	position:absolute;
 - 
 
213 
	top:0;
 - 
 
214 
	height:24px;
 - 
 
215 
	width:24px;
 - 
 
216 
	text-align:center;
 - 
 
217 
	cursor:pointer;
 - 
 
218 
}
 - 
 
219 
#pl-ouverture {
 - 
 
220 
	left:0;
 - 
 
221 
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
 - 
 
222 
	height:100%;
 - 
 
223 
}
 - 
 
224 
#pl-fermeture {
 - 
 
225 
	display:none;
 - 
 
226 
	left:276px;
 - 
 
227 
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
 - 
 
228 
}
 - 
 
229 
#pl-ouverture span, #pl-fermeture span{
 - 
 
230 
	display:none;
 - 
 
231 
}
 - 
 
232 
/* Panneau latéral : balises */
 - 
 
233 
#panneau-lateral h2, #panneau-lateral p {
 - 
 
234 
	color:#CCCCCC;}
 - 
 
235 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
236 
/* Liste des taxons de la carte */
 - 
 
237 
#taxons {
 - 
 
238 
	color:#999;
 - 
 
239 
}
 - 
 
240 
#taxons .taxon-actif, #taxons .taxon-actif span {
 - 
 
241 
	color:#56B80E;
 - 
 
242 
}
 - 
 
243 
#taxons li span {
 - 
 
244 
	border-bottom:1px dotted #666;
 - 
 
245 
	color:#CCC;
 - 
 
246 
}
 - 
 
247 
#taxons li span:focus {
 - 
 
248 
	outline:thin dotted;
 - 
 
249 
}
 - 
 
250 
#taxons li span:hover {
 - 
 
251 
	color:#56B80E;
 - 
 
252 
	border-bottom:1px dotted #56B80E;
 - 
 
253 
	cursor:pointer;
 - 
 
254 
}
 - 
 
255 
.nt {
 - 
 
256 
	display:none;
 - 
 
257 
}
 - 
 
258 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
259 
/* Pop-up observations */
 - 
 
260 
#info-bulle{
 - 
 
261 
	min-height:500px;
 - 
 
262 
	width:500px;
 - 
 
263 
}
 - 
 
264 
#observations {
 - 
 
265 
	overflow:none;
 - 
 
266 
	margin:-1px 0 0 0;
 - 
 
267 
	border: 1px solid #AAA;
 - 
 
268 
	border-radius:0 0 4px 4px;
 - 
 
269 
}
 - 
 
270 
#obs-pieds-page {
 - 
 
271 
	font-size:10px;
 - 
 
272 
	color:#CCC;
 - 
 
273 
	clear:both;
 - 
 
274 
}
 - 
 
275 
.ui-tabs {
 - 
 
276 
	padding:0;
 - 
 
277 
}
 - 
 
278 
.ui-widget-content {
 - 
 
279 
	border:0;
 - 
 
280 
}
 - 
 
281 
.ui-widget-header {
 - 
 
282 
	background:none;
 - 
 
283 
	border:0;
 - 
 
284 
	border-bottom:1px solid #AAA;
 - 
 
285 
	border-radius:0;
 - 
 
286 
}
 - 
 
287 
.ui-tabs-selected a {
 - 
 
288 
	border-bottom:1px solid white;
 - 
 
289 
}
 - 
 
290 
.ui-tabs-selected a:focus {
 - 
 
291 
	outline:0;
 - 
 
292 
}
 - 
 
293 
.ui-tabs .ui-tabs-panel {
 - 
 
294 
	padding:0.2em;
 - 
 
295 
}
 - 
 
296 
.ui-tabs .ui-tabs-nav li a {
 - 
 
297 
	padding: 0.5em 0.6em;
 - 
 
298 
}
 - 
 
299 
#obs h2 {
 - 
 
300 
	margin:0;
 - 
 
301 
	text-align:center;
 - 
 
302 
}
 - 
 
303 
#observations a {
 - 
 
304 
	color:#333;
 - 
 
305 
	border-bottom:1px dotted gainsboro;
 - 
 
306 
}
 - 
 
307 
#observations a:hover {
 - 
 
308 
	color:#56B80E;
 - 
 
309 
	border-bottom:1px dotted #56B80E;
 - 
 
310 
}
 - 
 
311 
.nom-sci{
 - 
 
312 
	color:#454341;
 - 
 
313 
	font-weight:bold;
 - 
 
314 
}
 - 
 
315 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
316 
/* Pop-up observations : liste */
 - 
 
317 
.cel-img-principale {
 - 
 
318 
	height:0;/*Pour IE*/
 - 
 
319 
}
 - 
 
320 
.cel-img-principale img{
 - 
 
321 
	float:right;
 - 
 
322 
	height:75px;
 - 
 
323 
	width:75px;
 - 
 
324 
	padding:1px;
 - 
 
325 
	border:1px solid white;
 - 
 
326 
}
 - 
 
327 
#observations .cel-img:hover img{
 - 
 
328 
	border: 1px dotted #56B80E;
 - 
 
329 
}
 - 
 
330 
.cel-img-secondaire, .cel-infos{
 - 
 
331 
	display: none;
 - 
 
332 
}
 - 
 
333 
ol#obs-liste-lignes {
 - 
 
334 
	padding:5px;
 - 
 
335 
	margin:0;
 - 
 
336 
}
 - 
 
337 
.champ-nom-sci {
 - 
 
338 
	display:none;
 - 
 
339 
}
 - 
 
340 
#obs-liste-lignes li dl {/*Pour IE*/
 - 
 
341 
	width:350px;
 - 
 
342 
}
 - 
 
343 
.obs-conteneur{
 - 
 
344 
	counter-reset: item;
 - 
 
345 
}
 - 
 
346 
.obs-conteneur .nom-sci:before {
 - 
 
347 
	content: counter(item) ". ";
 - 
 
348 
	counter-increment: item;
 - 
 
349 
	display:block;
 - 
 
350 
	float:left;
 - 
 
351 
}
 - 
 
352 
.obs-conteneur li {
 - 
 
353 
	display: block;
 - 
 
354 
	margin-bottom:1em;
 - 
 
355 
}
 - 
 
356 
 
 - 
 
357 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
358 
/* Diaporama */
 - 
 
359 
.cel-legende{
 - 
 
360 
	text-align:left;
 - 
 
361 
}
 - 
 
362 
.cel-legende-vei{
 - 
 
363 
	float:right;
 - 
 
364 
}
 - 
 
365 
.cel-legende p{
 - 
 
366 
	color: black;
 - 
 
367 
	font-size: 12px;
 - 
 
368 
	line-height: 18px;
 - 
 
369 
	margin: 0;
 - 
 
370 
}
 - 
 
371 
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
 - 
 
372 
	border-bottom:1px dotted gainsboro;
 - 
 
373 
	color:#333;
 - 
 
374 
	text-decoration:none;
 - 
 
375 
	background-image:none;
 - 
 
376 
}
 - 
 
377 
.cel-legende a:hover {
 - 
 
378 
	color:#56B80E;
 - 
 
379 
	border-bottom:1px dotted #56B80E;
 - 
 
380 
}
 - 
 
381 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
382 
/* Plugin Jquery Pagination */
 - 
 
383 
.navigation {
 - 
 
384 
	padding:5px;
 - 
 
385 
	float:right;
 - 
 
386 
}
 - 
 
387 
.pagination {
 - 
 
388 
	font-size: 80%;
 - 
 
389 
}
 - 
 
390 
.pagination a {
 - 
 
391 
	text-decoration: none;
 - 
 
392 
	border: solid 1px #666;
 - 
 
393 
	color: #666;
 - 
 
394 
	background:gainsboro;
 - 
 
395 
}
 - 
 
396 
.pagination a:hover {
 - 
 
397 
	color: white;
 - 
 
398 
	background: #56B80E;
 - 
 
399 
}
 - 
 
400 
.pagination a, .pagination span {
 - 
 
401 
	display: block;
 - 
 
402 
	float: left;
 - 
 
403 
	padding: 0.3em 0.5em;
 - 
 
404 
	margin-right: 5px;
 - 
 
405 
	margin-bottom: 5px;
 - 
 
406 
	min-width:1em;
 - 
 
407 
	text-align:center;
 - 
 
408 
}
 - 
 
409 
.pagination .current {
 - 
 
410 
	background: #4A4B4C;
 - 
 
411 
	color: white;
 - 
 
412 
	border: solid 1px gainsboro;
 - 
 
413 
}
 - 
 
414 
.pagination .current.prev, .pagination .current.next{
 - 
 
415 
	color: #999;
 - 
 
416 
	border-color: #999;
 - 
 
417 
	background: gainsboro;
 - 
 
418 
}
 - 
 
419 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
420 
/* Formulaire de contact */
 - 
 
421 
#form-contact input{
 - 
 
422 
	width:300px;
 - 
 
423 
}
 - 
 
424 
#form-contact textarea{
 - 
 
425 
	width:300px;
 - 
 
426 
	height:200px;
 - 
 
427 
}
 - 
 
428 
#form-contact #fc_envoyer{
 - 
 
429 
	width:50px;
 - 
 
430 
	float:right;
 - 
 
431 
}
 - 
 
432 
#form-contact #fc_annuler{
 - 
 
433 
	width:50px;
 - 
 
434 
	float:left;
 - 
 
435 
}
 - 
 
436 
#form-contact label.error {
 - 
 
437 
	color:red;
 - 
 
438 
	font-weight:bold;
 - 
 
439 
}
 - 
 
440 
#form-contact .info {
 - 
 
441 
	padding:5px;
 - 
 
442 
	background-color: #4A4B4C;
 - 
 
443 
	border: solid 1px #666;
 - 
 
444 
	color: white;
 - 
 
445 
	white-space: pre-wrap;
 - 
 
446 
	width: 300px;
 - 
 
447 
}
 - 
 
448 

            1
            
@charset "UTF-8";

          

          

            -
            
 

            2
            
html {

          

          

            -
            
 

            3
            
	overflow:hidden;

          

          

            -
            
 

            4
            
}

          

          

            -
            
 

            5
            
body {

          

          

            -
            
 

            6
            
	overflow:hidden;

          

          

            -
            
 

            7
            
	padding:0;

          

          

            -
            
 

            8
            
	margin:0;

          

          

            -
            
 

            9
            
	width:100%;

          

          

            -
            
 

            10
            
	height:100%;

          

          

            -
            
 

            11
            
	font-family:Arial;

          

          

            -
            
 

            12
            
	font-size:12px;

          

          

            -
            
 

            13
            
}

          

          

            -
            
 

            14
            
h1 {

          

          

            -
            
 

            15
            
	font-size:1.6em;

          

          

            -
            
 

            16
            
}

          

          

            -
            
 

            17
            
h2 {

          

          

            -
            
 

            18
            
	font-size:1.4em;

          

          

            -
            
 

            19
            
}

          

          

            -
            
 

            20
            
a, a:active, a:visited {

          

          

            -
            
 

            21
            
	border-bottom:1px dotted #666;

          

          

            -
            
 

            22
            
  	color: #AAAAAA;

          

          

            -
            
 

            23
            
	text-decoration:none;

          

          

            -
            
 

            24
            
}

          

          

            -
            
 

            25
            
a:active {

          

          

            -
            
 

            26
            
	outline:none;

          

          

            -
            
 

            27
            
}

          

          

            -
            
 

            28
            
a:focus {

          

          

            -
            
 

            29
            
	outline:thin dotted;

          

          

            -
            
 

            30
            
}

          

          

            -
            
 

            31
            
a:hover {

          

          

            -
            
 

            32
            
	color:#56B80E;

          

          

            -
            
 

            33
            
	border-bottom:1px dotted #56B80E;

          

          

            -
            
 

            34
            
}

          

          

            -
            
 

            35
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            36
            
/* Présentation des listes de définitions */

          

          

            -
            
 

            37
            
dl {

          

          

            -
            
 

            38
            
	width:100%;

          

          

            -
            
 

            39
            
	margin:0;

          

          

            -
            
 

            40
            
}

          

          

            -
            
 

            41
            
dt {

          

          

            -
            
 

            42
            
	float:left;

          

          

            -
            
 

            43
            
	font-weight:bold;

          

          

            -
            
 

            44
            
	text-align:top left;

          

          

            -
            
 

            45
            
	margin-right:0.3em;

          

          

            -
            
 

            46
            
	line-height:0.8em;

          

          

            -
            
 

            47
            
}

          

          

            -
            
 

            48
            
dd {

          

          

            -
            
 

            49
            
	width:auto;

          

          

            -
            
 

            50
            
	margin:0.5em 0;

          

          

            -
            
 

            51
            
	line-height:0.8em;

          

          

            -
            
 

            52
            
}

          

          

            -
            
 

            53
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            54
            
/* Tableau : */

          

          

            -
            
 

            55
            
table {

          

          

            -
            
 

            56
            
	border:1px solid gray;

          

          

            -
            
 

            57
            
	border-collapse:collapse;

          

          

            -
            
 

            58
            
	width:100%;

          

          

            -
            
 

            59
            
}

          

          

            -
            
 

            60
            
table thead, table tfoot, table tbody {

          

          

            -
            
 

            61
            
	background-color:Gainsboro;

          

          

            -
            
 

            62
            
	border:1px solid gray;

          

          

            -
            
 

            63
            
}

          

          

            -
            
 

            64
            
table tbody {

          

          

            -
            
 

            65
            
	background-color:#FFF;

          

          

            -
            
 

            66
            
}

          

          

            -
            
 

            67
            
table th {

          

          

            -
            
 

            68
            
	font-family:monospace;

          

          

            -
            
 

            69
            
	border:1px dotted gray;

          

          

            -
            
 

            70
            
	padding:5px;

          

          

            -
            
 

            71
            
	background-color:Gainsboro;

          

          

            -
            
 

            72
            
}

          

          

            -
            
 

            73
            
table td {

          

          

            -
            
 

            74
            
	font-family:arial;

          

          

            -
            
 

            75
            
	border:1px dotted gray;

          

          

            -
            
 

            76
            
	padding:5px;

          

          

            -
            
 

            77
            
	text-align:left;

          

          

            -
            
 

            78
            
}

          

          

            -
            
 

            79
            
table caption {

          

          

            -
            
 

            80
            
	font-family:sans-serif;

          

          

            -
            
 

            81
            
}

          

          

            -
            
 

            82
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            83
            
/* Tableau : tablesorter */

          

          

            -
            
 

            84
            
th.header {

          

          

            -
            
 

            85
            
	background:url(../images/trie.png) no-repeat center right;    

          

          

            -
            
 

            86
            
	padding-right:20px;

          

          

            -
            
 

            87
            
}

          

          

            -
            
 

            88
            
th.headerSortUp { 

          

          

            -
            
 

            89
            
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;

          

          

            -
            
 

            90
            
	color:white;

          

          

            -
            
 

            91
            
}

          

          

            -
            
 

            92
            
th.headerSortDown { 

          

          

            -
            
 

            93
            
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;

          

          

            -
            
 

            94
            
    color:white; 

          

          

            -
            
 

            95
            
}

          

          

            -
            
 

            96
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            97
            
/* Générique */

          

          

            -
            
 

            98
            
.nettoyage{

          

          

            -
            
 

            99
            
	clear:both;

          

          

            -
            
 

            100
            
}

          

          

            -
            
 

            101
            
hr.nettoyage{

          

          

            -
            
 

            102
            
	visibility:hidden;

          

          

            -
            
 

            103
            
}

          

          

            -
            
 

            104
            
 

          

          

            -
            
 

            105
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            106
            
/* Carte */

          

          

            -
            
 

            107
            
#carte {

          

          

            -
            
 

            108
            
	padding:0;

          

          

            -
            
 

            109
            
	margin:0;

          

          

            -
            
 

            110
            
	position:absolute;	

          

          

            -
            
 

            111
            
	top:35px;

          

          

            -
            
 

            112
            
	left:24px;

          

          

            -
            
 

            113
            
	right:0;

          

          

            -
            
 

            114
            
	bottom:0;

          

          

            -
            
 

            115
            
	overflow:auto;

          

          

            -
            
 

            116
            
}

          

          

            -
            
 

            117
            
.bouton {

          

          

            -
            
 

            118
            
	background-color:white;

          

          

            -
            
 

            119
            
	border:2px solid black;

          

          

            -
            
 

            120
            
	cursor:pointer;

          

          

            -
            
 

            121
            
	text-align:center;

          

          

            -
            
 

            122
            
}

          

          

            -
            
 

            123
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            124
            
/* Message de chargement */

          

          

            -
            
 

            125
            
#chargement {

          

          

            -
            
 

            126
            
	margin:25px;

          

          

            -
            
 

            127
            
	text-align:center;

          

          

            -
            
 

            128
            
}

          

          

            -
            
 

            129
            
#chargement img{

          

          

            -
            
 

            130
            
	display:block;

          

          

            -
            
 

            131
            
	margin:auto;

          

          

            -
            
 

            132
            
}

          

          

            -
            
 

            133
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            134
            
/* Avertissement */

          

          

            -
            
 

            135
            
#zone-avertissement {

          

          

            -
            
 

            136
            
	background-color:#4A4B4C;

          

          

            -
            
 

            137
            
	color:#CCC;

          

          

            -
            
 

            138
            
	padding:12px;

          

          

            -
            
 

            139
            
	text-align:justify;

          

          

            -
            
 

            140
            
	line-height:16px;

          

          

            -
            
 

            141
            
}

          

          

            -
            
 

            142
            
#zone-avertissement h1{

          

          

            -
            
 

            143
            
	margin:0;

          

          

            -
            
 

            144
            
}

          

          

            -
            
 

            145
            
#zone-avertissement a {

          

          

            -
            
 

            146
            
	border-bottom:1px dotted gainsboro;

          

          

            -
            
 

            147
            
}

          

          

            -
            
 

            148
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            149
            
/* Carte titre */

          

          

            -
            
 

            150
            
#zone-titre {

          

          

            -
            
 

            151
            
	padding:0;

          

          

            -
            
 

            152
            
	margin:0;

          

          

            -
            
 

            153
            
	position:absolute;

          

          

            -
            
 

            154
            
	top:0;	

          

          

            -
            
 

            155
            
	left:0;

          

          

            -
            
 

            156
            
	width:100%;

          

          

            -
            
 

            157
            
	height:35px;

          

          

            -
            
 

            158
            
	overflow:hidden;

          

          

            -
            
 

            159
            
	background-color: #DDDDDD;

          

          

            -
            
 

            160
            
	border-bottom: 1px solid grey;

          

          

            -
            
 

            161
            
	z-index: 9;

          

          

            -
            
 

            162
            
}

          

          

            -
            
 

            163
            
#zone-info {

          

          

            -
            
 

            164
            
	position:absolute;

          

          

            -
            
 

            165
            
	top:0;

          

          

            -
            
 

            166
            
	right:8px;

          

          

            -
            
 

            167
            
	width:48px;

          

          

            -
            
 

            168
            
	text-align:right;

          

          

            -
            
 

            169
            
}

          

          

            -
            
 

            170
            
#zone-info img {

          

          

            -
            
 

            171
            
	display:inline;

          

          

            -
            
 

            172
            
	padding:4px;

          

          

            -
            
 

            173
            
	margin:0;

          

          

            -
            
 

            174
            
	border:none;

          

          

            -
            
 

            175
            
}

          

          

            -
            
 

            176
            
#carte-titre {

          

          

            -
            
 

            177
            
	display:inline-block;

          

          

            -
            
 

            178
            
	margin:0;

          

          

            -
            
 

            179
            
	padding:0.2em;

          

          

            -
            
 

            180
            
	color: black;

          

          

            -
            
 

            181
            
}

          

          

            -
            
 

            182
            
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */

          

          

            -
            
 

            183
            
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */

          

          

            -
            
 

            184
            
	display /*\**/:inline\9;/*Hack CSS pour ie8 */	

          

          

            -
            
 

            185
            
}

          

          

            -
            
 

            186
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            187
            
/* Panneau latéral */

          

          

            -
            
 

            188
            
#panneau-lateral {

          

          

            -
            
 

            189
            
	padding:0;

          

          

            -
            
 

            190
            
	margin:0;

          

          

            -
            
 

            191
            
	position:absolute;	

          

          

            -
            
 

            192
            
	top:35px;

          

          

            -
            
 

            193
            
	left:0;

          

          

            -
            
 

            194
            
	bottom:0;

          

          

            -
            
 

            195
            
	width:24px;

          

          

            -
            
 

            196
            
	overflow:hidden;

          

          

            -
            
 

            197
            
	background-color: #DDDDDD;

          

          

            -
            
 

            198
            
	border-right: 1px solid grey;

          

          

            -
            
 

            199
            
	z-index: 10;

          

          

            -
            
 

            200
            
}

          

          

            -
            
 

            201
            
#pl-contenu {

          

          

            -
            
 

            202
            
	display:none;

          

          

            -
            
 

            203
            
}

          

          

            -
            
 

            204
            
#pl-entete {

          

          

            -
            
 

            205
            
	height:95px;

          

          

            -
            
 

            206
            
}

          

          

            -
            
 

            207
            
#pl-corps {

          

          

            -
            
 

            208
            
	position:absolute;

          

          

            -
            
 

            209
            
	top:105px;

          

          

            -
            
 

            210
            
	bottom:0;

          

          

            -
            
 

            211
            
	overflow:auto;

          

          

            -
            
 

            212
            
	padding:5px;

          

          

            -
            
 

            213
            
	width:290px;

          

          

            -
            
 

            214
            
}

          

          

            -
            
 

            215
            
#pl-ouverture, #pl-fermeture {

          

          

            -
            
 

            216
            
	position:absolute;

          

          

            -
            
 

            217
            
	top:0;

          

          

            -
            
 

            218
            
	height:24px;

          

          

            -
            
 

            219
            
	width:24px;

          

          

            -
            
 

            220
            
	text-align:center;

          

          

            -
            
 

            221
            
	cursor:pointer;

          

          

            -
            
 

            222
            
}

          

          

            -
            
 

            223
            
#pl-ouverture {

          

          

            -
            
 

            224
            
	left:0;

          

          

            -
            
 

            225
            
	background:url(../images/ouverture.png) no-repeat top left #DDDDDD;

          

          

            -
            
 

            226
            
	height:100%;

          

          

            -
            
 

            227
            
}

          

          

            -
            
 

            228
            
#pl-fermeture {

          

          

            -
            
 

            229
            
	display:none;

          

          

            -
            
 

            230
            
	left:276px;

          

          

            -
            
 

            231
            
	background:url(../images/fermeture.png) no-repeat top right #DDDDDD;

          

          

            -
            
 

            232
            
}

          

          

            -
            
 

            233
            
#pl-ouverture span, #pl-fermeture span{

          

          

            -
            
 

            234
            
	display:none;

          

          

            -
            
 

            235
            
}

          

          

            -
            
 

            236
            
/* Panneau latéral : balises */

          

          

            -
            
 

            237
            
#panneau-lateral h2, #panneau-lateral p {

          

          

            -
            
 

            238
            
	color:black;}

          

          

            -
            
 

            239
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            240
            
/* Liste des taxons de la carte */

          

          

            -
            
 

            241
            
#taxons {

          

          

            -
            
 

            242
            
	color:black;

          

          

            -
            
 

            243
            
}

          

          

            -
            
 

            244
            
#taxons .taxon-actif, #taxons .taxon-actif span {

          

          

            -
            
 

            245
            
	color:#56B80E;

          

          

            -
            
 

            246
            
}

          

          

            -
            
 

            247
            
#taxons li span {

          

          

            -
            
 

            248
            
	border-bottom:1px dotted #666;

          

          

            -
            
 

            249
            
	color:black;

          

          

            -
            
 

            250
            
}

          

          

            -
            
 

            251
            
#taxons li span:focus {

          

          

            -
            
 

            252
            
	outline:thin dotted;

          

          

            -
            
 

            253
            
}

          

          

            -
            
 

            254
            
#taxons li span:hover {

          

          

            -
            
 

            255
            
	color:#56B80E;

          

          

            -
            
 

            256
            
	border-bottom:1px dotted #56B80E;

          

          

            -
            
 

            257
            
	cursor:pointer;

          

          

            -
            
 

            258
            
}

          

          

            -
            
 

            259
            
.nt {

          

          

            -
            
 

            260
            
	display:none;

          

          

            -
            
 

            261
            
}

          

          

            -
            
 

            262
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            263
            
/* Pop-up observations */

          

          

            -
            
 

            264
            
#info-bulle{

          

          

            -
            
 

            265
            
	min-height:300px;

          

          

            -
            
 

            266
            
	/*width:géstion via le Javascript;*/

          

          

            -
            
 

            267
            
}

          

          

            -
            
 

            268
            
#observations {

          

          

            -
            
 

            269
            
	overflow:none;

          

          

            -
            
 

            270
            
	margin:-1px 0 0 0;

          

          

            -
            
 

            271
            
	border: 1px solid #AAA;

          

          

            -
            
 

            272
            
	border-radius:0 0 4px 4px;

          

          

            -
            
 

            273
            
}

          

          

            -
            
 

            274
            
#obs-pieds-page {

          

          

            -
            
 

            275
            
	font-size:10px;

          

          

            -
            
 

            276
            
	color:#CCC;

          

          

            -
            
 

            277
            
	clear:both;

          

          

            -
            
 

            278
            
}

          

          

            -
            
 

            279
            
.ui-tabs {

          

          

            -
            
 

            280
            
	padding:0;

          

          

            -
            
 

            281
            
}

          

          

            -
            
 

            282
            
.ui-widget-content {

          

          

            -
            
 

            283
            
	border:0;

          

          

            -
            
 

            284
            
}

          

          

            -
            
 

            285
            
.ui-widget-header {

          

          

            -
            
 

            286
            
	background:none;

          

          

            -
            
 

            287
            
	border:0;

          

          

            -
            
 

            288
            
	border-bottom:1px solid #AAA;

          

          

            -
            
 

            289
            
	border-radius:0;

          

          

            -
            
 

            290
            
}

          

          

            -
            
 

            291
            
.ui-tabs-selected a {

          

          

            -
            
 

            292
            
	border-bottom:1px solid white;

          

          

            -
            
 

            293
            
}

          

          

            -
            
 

            294
            
.ui-tabs-selected a:focus {

          

          

            -
            
 

            295
            
	outline:0;

          

          

            -
            
 

            296
            
}

          

          

            -
            
 

            297
            
.ui-tabs .ui-tabs-panel {

          

          

            -
            
 

            298
            
	padding:0.2em;

          

          

            -
            
 

            299
            
}

          

          

            -
            
 

            300
            
.ui-tabs .ui-tabs-nav li a {

          

          

            -
            
 

            301
            
	padding: 0.5em 0.6em;

          

          

            -
            
 

            302
            
}

          

          

            -
            
 

            303
            
#obs h2 {

          

          

            -
            
 

            304
            
	margin:0;

          

          

            -
            
 

            305
            
	text-align:center;

          

          

            -
            
 

            306
            
}

          

          

            -
            
 

            307
            
#observations a {

          

          

            -
            
 

            308
            
	color:#333;

          

          

            -
            
 

            309
            
	border-bottom:1px dotted gainsboro;

          

          

            -
            
 

            310
            
}

          

          

            -
            
 

            311
            
#observations a:hover {

          

          

            -
            
 

            312
            
	color:#56B80E;

          

          

            -
            
 

            313
            
	border-bottom:1px dotted #56B80E;

          

          

            -
            
 

            314
            
}

          

          

            -
            
 

            315
            
.nom-sci{

          

          

            -
            
 

            316
            
	color:#454341;

          

          

            -
            
 

            317
            
	font-weight:bold;

          

          

            -
            
 

            318
            
}

          

          

            -
            
 

            319
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            320
            
/* Pop-up observations : liste */

          

          

            -
            
 

            321
            
.cel-img-principale {

          

          

            -
            
 

            322
            
	height:0;/*Pour IE*/

          

          

            -
            
 

            323
            
}

          

          

            -
            
 

            324
            
.cel-img-principale img{

          

          

            -
            
 

            325
            
	float:right;

          

          

            -
            
 

            326
            
	height:75px;

          

          

            -
            
 

            327
            
	width:75px;

          

          

            -
            
 

            328
            
	padding:1px;

          

          

            -
            
 

            329
            
	border:1px solid white;

          

          

            -
            
 

            330
            
}

          

          

            -
            
 

            331
            
#observations .cel-img:hover img{

          

          

            -
            
 

            332
            
	border: 1px dotted #56B80E;

          

          

            -
            
 

            333
            
}

          

          

            -
            
 

            334
            
.cel-img-secondaire, .cel-infos{

          

          

            -
            
 

            335
            
	display: none;

          

          

            -
            
 

            336
            
}

          

          

            -
            
 

            337
            
ol#obs-liste-lignes {

          

          

            -
            
 

            338
            
	padding:5px;

          

          

            -
            
 

            339
            
	margin:0;

          

          

            -
            
 

            340
            
}

          

          

            -
            
 

            341
            
.champ-nom-sci {

          

          

            -
            
 

            342
            
	display:none;

          

          

            -
            
 

            343
            
}

          

          

            -
            
 

            344
            
#obs-liste-lignes li dl {/*Pour IE*/

          

          

            -
            
 

            345
            
	width:350px;

          

          

            -
            
 

            346
            
}

          

          

            -
            
 

            347
            
.obs-conteneur{

          

          

            -
            
 

            348
            
	counter-reset: item;

          

          

            -
            
 

            349
            
}

          

          

            -
            
 

            350
            
.obs-conteneur .nom-sci:before {

          

          

            -
            
 

            351
            
	content: counter(item) ". ";

          

          

            -
            
 

            352
            
	counter-increment: item;

          

          

            -
            
 

            353
            
	display:block;

          

          

            -
            
 

            354
            
	float:left;

          

          

            -
            
 

            355
            
}

          

          

            -
            
 

            356
            
.obs-conteneur li {

          

          

            -
            
 

            357
            
	display: block;

          

          

            -
            
 

            358
            
	margin-bottom:1em;

          

          

            -
            
 

            359
            
}

          

          

            -
            
 

            360
            
 

          

          

            -
            
 

            361
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            362
            
/* Diaporama */

          

          

            -
            
 

            363
            
.cel-legende{

          

          

            -
            
 

            364
            
	text-align:left;

          

          

            -
            
 

            365
            
}

          

          

            -
            
 

            366
            
.cel-legende-vei{

          

          

            -
            
 

            367
            
	float:right;

          

          

            -
            
 

            368
            
}

          

          

            -
            
 

            369
            
.cel-legende p{

          

          

            -
            
 

            370
            
	color: black;

          

          

            -
            
 

            371
            
	font-size: 12px;

          

          

            -
            
 

            372
            
	line-height: 18px;

          

          

            -
            
 

            373
            
	margin: 0;

          

          

            -
            
 

            374
            
}

          

          

            -
            
 

            375
            
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {

          

          

            -
            
 

            376
            
	border-bottom:1px dotted gainsboro;

          

          

            -
            
 

            377
            
	color:#333;

          

          

            -
            
 

            378
            
	text-decoration:none;

          

          

            -
            
 

            379
            
	background-image:none;

          

          

            -
            
 

            380
            
}

          

          

            -
            
 

            381
            
.cel-legende a:hover {

          

          

            -
            
 

            382
            
	color:#56B80E;

          

          

            -
            
 

            383
            
	border-bottom:1px dotted #56B80E;

          

          

            -
            
 

            384
            
}

          

          

            -
            
 

            385
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            386
            
/* Plugin Jquery Pagination */

          

          

            -
            
 

            387
            
.navigation {

          

          

            -
            
 

            388
            
	padding:5px;

          

          

            -
            
 

            389
            
	float:right;

          

          

            -
            
 

            390
            
}

          

          

            -
            
 

            391
            
.pagination {

          

          

            -
            
 

            392
            
	font-size: 80%;

          

          

            -
            
 

            393
            
}

          

          

            -
            
 

            394
            
.pagination a {

          

          

            -
            
 

            395
            
	text-decoration: none;

          

          

            -
            
 

            396
            
	border: solid 1px #666;

          

          

            -
            
 

            397
            
	color: #666;

          

          

            -
            
 

            398
            
	background:gainsboro;

          

          

            -
            
 

            399
            
}

          

          

            -
            
 

            400
            
.pagination a:hover {

          

          

            -
            
 

            401
            
	color: white;

          

          

            -
            
 

            402
            
	background: #56B80E;

          

          

            -
            
 

            403
            
}

          

          

            -
            
 

            404
            
.pagination a, .pagination span {

          

          

            -
            
 

            405
            
	display: block;

          

          

            -
            
 

            406
            
	float: left;

          

          

            -
            
 

            407
            
	padding: 0.3em 0.5em;

          

          

            -
            
 

            408
            
	margin-right: 5px;

          

          

            -
            
 

            409
            
	margin-bottom: 5px;

          

          

            -
            
 

            410
            
	min-width:1em;

          

          

            -
            
 

            411
            
	text-align:center;

          

          

            -
            
 

            412
            
}

          

          

            -
            
 

            413
            
.pagination .current {

          

          

            -
            
 

            414
            
	background: #4A4B4C;

          

          

            -
            
 

            415
            
	color: white;

          

          

            -
            
 

            416
            
	border: solid 1px gainsboro;

          

          

            -
            
 

            417
            
}

          

          

            -
            
 

            418
            
.pagination .current.prev, .pagination .current.next{

          

          

            -
            
 

            419
            
	color: #999;

          

          

            -
            
 

            420
            
	border-color: #999;

          

          

            -
            
 

            421
            
	background: gainsboro;

          

          

            -
            
 

            422
            
}

          

          

            -
            
 

            423
            
/*+-----------------------------------------------------------------------------------------------------------------+*/

          

          

            -
            
 

            424
            
/* Formulaire de contact */

          

          

            -
            
 

            425
            
#form-contact input{

          

          

            -
            
 

            426
            
	width:300px;

          

          

            -
            
 

            427
            
}

          

          

            -
            
 

            428
            
#form-contact textarea{

          

          

            -
            
 

            429
            
	width:300px;

          

          

            -
            
 

            430
            
	height:200px;

          

          

            -
            
 

            431
            
}

          

          

            -
            
 

            432
            
#form-contact #fc_envoyer, #fc_annuler, #fc_effacer{

          

          

            -
            
 

            433
            
	width:75px;

          

          

            -
            
 

            434
            
}

          

          

            -
            
 

            435
            
#fc_envoyer{

          

          

            -
            
 

            436
            
	float:right;

          

          

            -
            
 

            437
            
}

          

          

            -
            
 

            438
            
#fc_annuler{

          

          

            -
            
 

            439
            
	float:left;

          

          

            -
            
 

            440
            
}

          

          

            -
            
 

            441
            
#form-contact label.error {

          

          

            -
            
 

            442
            
	color:red;

          

          

            -
            
 

            443
            
	font-weight:bold;

          

          

            -
            
 

            444
            
}

          

          

            -
            
 

            445
            
#form-contact .info {

          

          

            -
            
 

            446
            
	padding:5px;

          

          

            -
            
 

            447
            
	background-color: #4A4B4C;

          

          

            -
            
 

            448
            
	border: solid 1px #666;

          

          

            -
            
 

            449
            
	color: white;

          

          

            -
            
 

            450
            
	white-space: pre-wrap;

          

          

            -
            
 

            451
            
	width: 300px;

          

          

            -
            
 

            452
            
}

          

          

            -
            
 

            453