Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1598 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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