Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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