Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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