Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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