WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/cartopoint/squelettes/css/carto.css


@charset "UTF-8";
html {
	overflow:hidden;
}
body {
	overflow:hidden;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family:Arial;
	font-size:12px;
}
h1 {
	font-size:1.6em;
}
h2 {
	font-size:1.4em;
}
a, a:active, a:visited {
	border-bottom:1px dotted #666;
	color:#CCC;
	text-decoration:none;
}
a:active {
	outline:none;
}
a:focus {
	outline:thin dotted;
}
a:hover {
	color:#56B80E;
	border-bottom:1px dotted #56B80E;
}
img {
	border:none;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Présentation des listes de définitions */
dl {
	width:100%;
	margin:0;
}
dt {
	float:left;
	font-weight:bold;
	text-align:top left;
	margin-right:0.3em;
	line-height:0.8em;
}
dd {
	width:auto;
	margin:0.5em 0;
	line-height:0.8em;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau : */
table {
	border:1px solid gray;
	border-collapse:collapse;
	width:100%;
}
table thead, table tfoot, table tbody {
	background-color:Gainsboro;
	border:1px solid gray;
}
table tbody {
	background-color:#FFF;
}
table th {
	font-family:monospace;
	border:1px dotted gray;
	padding:5px;
	background-color:Gainsboro;
}
table td {
	font-family:arial;
	border:1px dotted gray;
	padding:5px;
	text-align:left;
}
table caption {
	font-family:sans-serif;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau : tablesorter */
th.header {
	background:url(../images/trie.png) no-repeat center right;    
	padding-right:20px;
}
th.headerSortUp { 
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
	color:white;
}
th.headerSortDown { 
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
    color:white; 
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Générique */
.nettoyage{
	clear:both;
}
hr.nettoyage{
	visibility:hidden;
}
 
.element-overlay {
	background-color: #DDDDDD;
	border:1px solid grey;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Carte */
#carte {
	padding:0;
	margin:0;
	position:absolute;	
	right:0;
	bottom:0;
	overflow:auto;
	width: 100%;
	height: 100%;
}
 
.carte_titree {
	top:35px;
}
 
.carte_non_titre {
	top:0px;
}
 
.bouton {
	background-color:white;
	border:2px solid black;
	cursor:pointer;
	text-align:center;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Message de chargement */
 
#zone-chargement-point {
	display: none;
    position: fixed;
    left: 110px;
    top: 10px;
    z-index: 3000;
    width: 180px;
    height: 42px;
    padding: 7px;
    text-align: center;
	background-color: rgba(255, 255, 255, 0.85);
	border: solid #dedede 1px;
	border-radius: 4px;
}
#legende-chargement {
	padding-top: 7px;
}
#img-chargement {
	float: left;
	margin-right: 5px;
}
 
#chargement {
	margin:25px;
	text-align:center;
 
}
#chargement img{
	display:block;
	margin:auto;
}
 
#message-aucune-obs p {
	padding-top : 25px;
	font-weight: bold;
}
 
#message-aucune-obs {
	background-image: url("../images/attention.png");
    background-position: 50% 10px;
	background-repeat:  no-repeat;
	display: none;
    height: 70px;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 230px;
    z-index: 3000;
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Avertissement */
#zone-avertissement {
	background-color:#DDDDDD;
	color: black;
	padding:12px;
	text-align:justify;
	line-height:16px;
}
#zone-avertissement h1{
	margin:0;
}
#zone-avertissement a {
	border-bottom:1px dotted gainsboro;
}
 
#zone-avertissement a, a:active, a:visited {
	color: #666666;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Carte titre */
 
#zone-titre {
	top: 30px;
}
 
#zone-titre, #zone_stats {
	padding:0;
	position:absolute;
	height:25px;
	overflow:hidden;
	border-radius: 4px;
	z-index: 3000;
	display: inline-block;
	padding:8px;
	color: black;
    font-family: inherit;
    font-size: 1.1em;
    font-weight: bold;
    text-rendering: optimizelegibility;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
 
#zone-info {
	position:absolute;
	top:26px;
	z-index:3001;
	right:8px;
    width: 25px;
	text-align:right;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
 	border-radius: 5px 5px 5px 5px;
}
 
#zone-info a {
	border: none;
}
 
 
#logo {
    left: 2px;
    padding: 4px;
    position: absolute;
    top: 5px;
    z-index: 3002; 
    width: 60px;
}
.image-logo {
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid #dedede 1px;
	border-radius: 4px;
	max-height: 60px;
	max-width: 90px;
}
#logo a {
	border-bottom: none;
}
 
#carte-titre {
	display:inline-block;
	margin:0;
	padding:0em;
}
#carte-titre {/*Hack CSS  fonctionne seulement dans ie6, 7 & 8 */
	display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
	display /*\**/:inline\9;/*Hack CSS pour ie8 */	
}
 
#image-utilisateur {
    position: absolute;
    right: 5px;
    top: 40%;
}
 
#lien-affichage-filtre-utilisateur {
	right: 5px;
	float: right;
	padding-bottom: 1px;
	cursor: pointer;
	font-weight: bold;
    margin-left: 25px;
    padding: 3px;
    position: relative;
    top: 3px;
    width: 117px;
    height: 30px;
}
 
#conteneur-filtre-utilisateur.ferme:hover {
	color: #222222;
	background-color: #AAAAAA;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #222222;
}
 
#conteneur-filtre-utilisateur {
    float: right;
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 50px;
    border-radius: 5px 5px 5px 5px;
    width: 117px;
    max-width: 350px;
}
 
.largeurAuto {
	width: auto;
}
 
#raz-filtre-utilisateur {
	color: red;
    padding-left: 1px;
    word-wrap: break-word;
    width: 110px;
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Panneau latéral */
#panneau-lateral {
	padding:0;
	margin:0;
	position:absolute;	
   	top: 90px;
	left:0;
	bottom:0;
	width: 83px;
	overflow:hidden;
	height: 25px;
	z-index: 3001;
	border-top-right-radius : 10px;
	border-bottom-right-radius : 10px;
}
#pl-indication-filtre {
	margin-left	: 25px;
	padding : 3px;
	font-weight: bold;
	padding: 3px;
    position: relative;
    top: 3px;
}
#pl-contenu {
	display:none;
}
#pl-entete {
	height:95px;
}
#pl-corps {
	bottom:0;
	overflow:auto;
	padding:5px;
	width:290px;
}
#pl-ouverture, #pl-fermeture {
	position:absolute;
	top:0;
	height:60px;
	width:24px;
	text-align:center;
	cursor:pointer;
}
#pl-ouverture {
	left:0;
	background:url(../images/ouverture.png) no-repeat top left #4A4B4C;
	height:100%;
}
#pl-fermeture {
	display:none;
    right: 0;
	background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
}
#pl-ouverture span, #pl-fermeture span{
	display:none;
}
/* Panneau latéral : balises */
#panneau-lateral h2, #panneau-lateral p {
	color:black;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liste des taxons de la carte */
#taxons {
	color:black;
}
#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {
	color:#56B80E;
}
#taxons li span, .raz-filtre-taxons {
	border-bottom:1px dotted #666;
	color:black;
}
#taxons li span:focus {
	outline:thin dotted;
}
#taxons li span:hover {
	color:#56B80E;
	border-bottom:1px dotted #56B80E;
	cursor:pointer;
}
.nt {
	display:none;
}
.raz-filtre-taxons {
	cursor:pointer;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Zone des stats en bas */
#zone-stats {
	padding:0;
	position:absolute;
	height:25px;
	bottom:20px;
	overflow:hidden;
	border-radius: 4px;
	z-index: 3000;
	display: inline-block;
	padding:8px;
	color: black;
    font-family: inherit;
    font-size: 1.1em;
    font-weight: bold;
    text-rendering: optimizelegibility;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
 
#zone-stats h1 {
	margin-top: 0;
}
 
#lien_plein_ecran, #lien-voir-cc {
    position: absolute;
    z-index: 3000;
	border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 8px 8px 4px;
    font-size: 1.1em;
    font-weight: bold;
}
 
#lien_plein_ecran {
    bottom: 20px;
    left: 5px;
}
 
#lien_plein_ecran a, #lien-voir-cc a {
	color: black;
	padding: 2px;
	border-bottom: none;
}
 
#lien_plein_ecran img {
	height: 20px;
}
 
#lien-voir-cc {
    bottom: 3px;
    right: 5px;
    bottom: 20px;
    height: 20px;
}
 
#origine-donnees {
	-moz-user-select: none;
    background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;
    color: #444444;
    direction: ltr;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 19px;
    line-height: 19px;
    padding-left: 50px;
    padding-right: 2px;
    bottom: 0px;
    position: absolute;
    text-align: right;
    white-space: nowrap;
    z-index: 3001;
}
 
#origine-donnees a {
    color: #444444;
    cursor: pointer;
    text-decoration: underline;
    border-bottom: none;
}
#origine-donnees a:active, #origine-donnees a:visited {
    border-bottom: 1px dotted #666666;
  	color: #CCCCCC;
    text-decoration: none;
}
 
#origine-donnees a:visited {
	border-bottom: 1px dotted #666666;
  	color: #444444;
    text-decoration: none;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Pop-up observations */
#info-bulle{
	min-height:500px;
	width:500px;
}
#observations {
	overflow:none;
	margin:-1px 0 0 0;
	border: 1px solid #AAA;
	border-radius:0 0 4px 4px;
}
#obs-pieds-page {
	font-size:10px;
	color:#CCC;
	clear:both;
}
.ui-tabs {
	padding:0;
}
.ui-widget-content {
	border:0;
}
.ui-widget-header {
	background:none;
	border:0;
	border-bottom:1px solid #AAA;
	border-radius:0;
}
.ui-tabs-selected a {
	border-bottom:1px solid white;
}
.ui-tabs-selected a:focus {
	outline:0;
}
.ui-tabs .ui-tabs-panel {
	padding:0.2em;
}
.ui-tabs .ui-tabs-nav li a {
	padding: 0.5em 0.6em;
}
#obs h2 {
	margin:0;
	text-align:center;
}
#observations a {
	color:#333;
	border-bottom:1px dotted gainsboro;
}
#observations a:hover {
	color:#56B80E;
	border-bottom:1px dotted #56B80E;
}
.nom-sci{
	color:#454341;
	font-weight:bold;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Pop-up observations : liste */
.cel-img-principale {
	height:0;/*Pour IE*/
}
.cel-img-principale img{
	float:right;
	height:75px;
	width:75px;
	padding:1px;
	border:1px solid white;
}
#observations .cel-img:hover img{
	border: 1px dotted #56B80E;
}
.cel-img-secondaire, .cel-infos{
	display: none;
}
ol#obs-liste-lignes {
	padding:5px;
	margin:0;
}
.champ-nom-sci {
	display:none;
}
#obs-liste-lignes li dl {/*Pour IE*/
	width:350px;
}
.obs-conteneur{
	counter-reset: item;
}
.obs-conteneur .nom-sci:before {
	content: counter(item) ". ";
	counter-increment: item;
	display:block;
	float:left;
}
.obs-conteneur li {
	display: block;
	margin-bottom:1em;
}
 
.lien-widget-saisie {
    background: url("../images/saisie.png") no-repeat scroll left center transparent;
    border: 1px solid #AAAAAA;
   	background-color: #EEE;
    padding: 5px 5px 5px 25px;
    text-decoration: none;
    border-radius : 5px;
}
 
.lien-widget-saisie:hover {
	color: #222222;
	background-color: #AAAAAA;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #222222;
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Diaporama */
.cel-legende{
	text-align:left;
}
.cel-legende-vei{
	float:right;
}
.cel-legende p{
	color: black;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
	border-bottom:1px dotted gainsboro;
	color:#333;
	text-decoration:none;
	background-image:none;
}
.cel-legende a:hover {
	color:#56B80E;
	border-bottom:1px dotted #56B80E;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Plugin Jquery Pagination */
.navigation {
	padding:5px;
	float:right;
}
.pagination {
	font-size: 80%;
}
.pagination a {
	text-decoration: none;
	border: solid 1px #666;
	color: #666;
	background:gainsboro;
}
.pagination a:hover {
	color: white;
	background: #56B80E;
}
.pagination a, .pagination span {
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}
.pagination .current {
	background: #4A4B4C;
	color: white;
	border: solid 1px gainsboro;
}
.pagination .current.prev, .pagination .current.next{
	color: #999;
	border-color: #999;
	background: gainsboro;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Formulaire de contact */
#form-contact input{
	width:300px;
}
#form-contact textarea{
	width:300px;
	height:200px;
}
#form-contact #fc_envoyer{
	width:50px;
	float:right;
}
#form-contact #fc_annuler{
	width:50px;
	float:left;
}
#form-contact label.error {
	color:red;
	font-weight:bold;
}
#form-contact .info {
	padding:5px;
	background-color: #4A4B4C;
	border: solid 1px #666;
	color: white;
	white-space: pre-wrap;
	width: 300px;
}
 
/* hack Fancybox pour que le popup soit toujours au dessus */
#fancybox-wrap {
	z-index: 3100;
}

Rev 2719	Rev 2953
1	`@charset "UTF-8";`	1	`@charset "UTF-8";`
2	`html {`	2	`html {`
3	`overflow:hidden;`	3	`overflow:hidden;`
4	`}`	4	`}`
5	`body {`	5	`body {`
6	`overflow:hidden;`	6	`overflow:hidden;`
7	`padding:0;`	7	`padding:0;`
8	`margin:0;`	8	`margin:0;`
9	`width:100%;`	9	`width:100%;`
10	`height:100%;`	10	`height:100%;`
11	`font-family:Arial;`	11	`font-family:Arial;`
12	`font-size:12px;`	12	`font-size:12px;`
13	`}`	13	`}`
14	`h1 {`	14	`h1 {`
15	`font-size:1.6em;`	15	`font-size:1.6em;`
16	`}`	16	`}`
17	`h2 {`	17	`h2 {`
18	`font-size:1.4em;`	18	`font-size:1.4em;`
19	`}`	19	`}`
20	`a, a:active, a:visited {`	20	`a, a:active, a:visited {`
21	`border-bottom:1px dotted #666;`	21	`border-bottom:1px dotted #666;`
22	`color:#CCC;`	22	`color:#CCC;`
23	`text-decoration:none;`	23	`text-decoration:none;`
24	`}`	24	`}`
25	`a:active {`	25	`a:active {`
26	`outline:none;`	26	`outline:none;`
27	`}`	27	`}`
28	`a:focus {`	28	`a:focus {`
29	`outline:thin dotted;`	29	`outline:thin dotted;`
30	`}`	30	`}`
31	`a:hover {`	31	`a:hover {`
32	`color:#56B80E;`	32	`color:#56B80E;`
33	`border-bottom:1px dotted #56B80E;`	33	`border-bottom:1px dotted #56B80E;`
34	`}`	34	`}`
35	`img {`	35	`img {`
36	`border:none;`	36	`border:none;`
37	`}`	37	`}`
38	`/+-----------------------------------------------------------------------------------------------------------------+/`	38	`/+-----------------------------------------------------------------------------------------------------------------+/`
39	`/* Présentation des listes de définitions */`	39	`/* Présentation des listes de définitions */`
40	`dl {`	40	`dl {`
41	`width:100%;`	41	`width:100%;`
42	`margin:0;`	42	`margin:0;`
43	`}`	43	`}`
44	`dt {`	44	`dt {`
45	`float:left;`	45	`float:left;`
46	`font-weight:bold;`	46	`font-weight:bold;`
47	`text-align:top left;`	47	`text-align:top left;`
48	`margin-right:0.3em;`	48	`margin-right:0.3em;`
49	`line-height:0.8em;`	49	`line-height:0.8em;`
50	`}`	50	`}`
51	`dd {`	51	`dd {`
52	`width:auto;`	52	`width:auto;`
53	`margin:0.5em 0;`	53	`margin:0.5em 0;`
54	`line-height:0.8em;`	54	`line-height:0.8em;`
55	`}`	55	`}`
56	`/+-----------------------------------------------------------------------------------------------------------------+/`	56	`/+-----------------------------------------------------------------------------------------------------------------+/`
57	`/* Tableau : */`	57	`/* Tableau : */`
58	`table {`	58	`table {`
59	`border:1px solid gray;`	59	`border:1px solid gray;`
60	`border-collapse:collapse;`	60	`border-collapse:collapse;`
61	`width:100%;`	61	`width:100%;`
62	`}`	62	`}`
63	`table thead, table tfoot, table tbody {`	63	`table thead, table tfoot, table tbody {`
64	`background-color:Gainsboro;`	64	`background-color:Gainsboro;`
65	`border:1px solid gray;`	65	`border:1px solid gray;`
66	`}`	66	`}`
67	`table tbody {`	67	`table tbody {`
68	`background-color:#FFF;`	68	`background-color:#FFF;`
69	`}`	69	`}`
70	`table th {`	70	`table th {`
71	`font-family:monospace;`	71	`font-family:monospace;`
72	`border:1px dotted gray;`	72	`border:1px dotted gray;`
73	`padding:5px;`	73	`padding:5px;`
74	`background-color:Gainsboro;`	74	`background-color:Gainsboro;`
75	`}`	75	`}`
76	`table td {`	76	`table td {`
77	`font-family:arial;`	77	`font-family:arial;`
78	`border:1px dotted gray;`	78	`border:1px dotted gray;`
79	`padding:5px;`	79	`padding:5px;`
80	`text-align:left;`	80	`text-align:left;`
81	`}`	81	`}`
82	`table caption {`	82	`table caption {`
83	`font-family:sans-serif;`	83	`font-family:sans-serif;`
84	`}`	84	`}`
85	`/+-----------------------------------------------------------------------------------------------------------------+/`	85	`/+-----------------------------------------------------------------------------------------------------------------+/`
86	`/* Tableau : tablesorter */`	86	`/* Tableau : tablesorter */`
87	`th.header {`	87	`th.header {`
88	`background:url(../images/trie.png) no-repeat center right;`	88	`background:url(../images/trie.png) no-repeat center right;`
89	`padding-right:20px;`	89	`padding-right:20px;`
90	`}`	90	`}`
91	`th.headerSortUp {`	91	`th.headerSortUp {`
92	`background:url(../images/trie_croissant.png) no-repeat center right #56B80E;`	92	`background:url(../images/trie_croissant.png) no-repeat center right #56B80E;`
93	`color:white;`	93	`color:white;`
94	`}`	94	`}`
95	`th.headerSortDown {`	95	`th.headerSortDown {`
96	`background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;`	96	`background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;`
97	`color:white;`	97	`color:white;`
98	`}`	98	`}`
99	`/+-----------------------------------------------------------------------------------------------------------------+/`	99	`/+-----------------------------------------------------------------------------------------------------------------+/`
100	`/* Générique */`	100	`/* Générique */`
101	`.nettoyage{`	101	`.nettoyage{`
102	`clear:both;`	102	`clear:both;`
103	`}`	103	`}`
104	`hr.nettoyage{`	104	`hr.nettoyage{`
105	`visibility:hidden;`	105	`visibility:hidden;`
106	`}`	106	`}`
107		107
108	`.element-overlay {`	108	`.element-overlay {`
109	`background-color: #DDDDDD;`	109	`background-color: #DDDDDD;`
110	`border:1px solid grey;`	110	`border:1px solid grey;`
111	`}`	111	`}`
112	`/+-----------------------------------------------------------------------------------------------------------------+/`	112	`/+-----------------------------------------------------------------------------------------------------------------+/`
113	`/* Carte */`	113	`/* Carte */`
114	`#carte {`	114	`#carte {`
115	`padding:0;`	115	`padding:0;`
116	`margin:0;`	116	`margin:0;`
117	`position:absolute;`	117	`position:absolute;`
118	`right:0;`	118	`right:0;`
119	`bottom:0;`	119	`bottom:0;`
120	`overflow:auto;`	120	`overflow:auto;`
121	`width: 100%;`	121	`width: 100%;`
122	`height: 100%;`	122	`height: 100%;`
123	`}`	123	`}`
124		124
125	`.carte_titree {`	125	`.carte_titree {`
126	`top:35px;`	126	`top:35px;`
127	`}`	127	`}`
128		128
129	`.carte_non_titre {`	129	`.carte_non_titre {`
130	`top:0px;`	130	`top:0px;`
131	`}`	131	`}`
132		132
133	`.bouton {`	133	`.bouton {`
134	`background-color:white;`	134	`background-color:white;`
135	`border:2px solid black;`	135	`border:2px solid black;`
136	`cursor:pointer;`	136	`cursor:pointer;`
137	`text-align:center;`	137	`text-align:center;`
138	`}`	138	`}`
139	`/+-----------------------------------------------------------------------------------------------------------------+/`	139	`/+-----------------------------------------------------------------------------------------------------------------+/`
140	`/* Message de chargement */`	140	`/* Message de chargement */`
141		141
142	`#zone-chargement-point {`	142	`#zone-chargement-point {`
143	`display: none;`	143	`display: none;`
144	`position: fixed;`	144	`position: fixed;`
145	`left: 110px;`	145	`left: 110px;`
146	`top: 10px;`	146	`top: 10px;`
147	`z-index: 3000;`	147	`z-index: 3000;`
148	`width: 180px;`	148	`width: 180px;`
149	`height: 42px;`	149	`height: 42px;`
150	`padding: 7px;`	150	`padding: 7px;`
151	`text-align: center;`	151	`text-align: center;`
152	`background-color: rgba(255, 255, 255, 0.85);`	152	`background-color: rgba(255, 255, 255, 0.85);`
153	`border: solid #dedede 1px;`	153	`border: solid #dedede 1px;`
154	`border-radius: 4px;`	154	`border-radius: 4px;`
155	`}`	155	`}`
156	`#legende-chargement {`	156	`#legende-chargement {`
157	`padding-top: 7px;`	157	`padding-top: 7px;`
158	`}`	158	`}`
159	`#img-chargement {`	159	`#img-chargement {`
160	`float: left;`	160	`float: left;`
161	`margin-right: 5px;`	161	`margin-right: 5px;`
162	`}`	162	`}`
163		163
164	`#chargement {`	164	`#chargement {`
165	`margin:25px;`	165	`margin:25px;`
166	`text-align:center;`	166	`text-align:center;`
167		167
168	`}`	168	`}`
169	`#chargement img{`	169	`#chargement img{`
170	`display:block;`	170	`display:block;`
171	`margin:auto;`	171	`margin:auto;`
172	`}`	172	`}`
173		173
174	`#message-aucune-obs p {`	174	`#message-aucune-obs p {`
175	`padding-top : 25px;`	175	`padding-top : 25px;`
176	`font-weight: bold;`	176	`font-weight: bold;`
177	`}`	177	`}`
178		178
179	`#message-aucune-obs {`	179	`#message-aucune-obs {`
180	`background-image: url("../images/attention.png");`	180	`background-image: url("../images/attention.png");`
181	`background-position: 50% 10px;`	181	`background-position: 50% 10px;`
182	`background-repeat: no-repeat;`	182	`background-repeat: no-repeat;`
183	`display: none;`	183	`display: none;`
184	`height: 70px;`	184	`height: 70px;`
185	`padding: 10px;`	185	`padding: 10px;`
186	`position: fixed;`	186	`position: fixed;`
187	`text-align: center;`	187	`text-align: center;`
188	`width: 230px;`	188	`width: 230px;`
189	`z-index: 3000;`	189	`z-index: 3000;`
190	`}`	190	`}`
191		191
192	`/+-----------------------------------------------------------------------------------------------------------------+/`	192	`/+-----------------------------------------------------------------------------------------------------------------+/`
193	`/* Avertissement */`	193	`/* Avertissement */`
194	`#zone-avertissement {`	194	`#zone-avertissement {`
195	`background-color:#DDDDDD;`	195	`background-color:#DDDDDD;`
196	`color: black;`	196	`color: black;`
197	`padding:12px;`	197	`padding:12px;`
198	`text-align:justify;`	198	`text-align:justify;`
199	`line-height:16px;`	199	`line-height:16px;`
200	`}`	200	`}`
201	`#zone-avertissement h1{`	201	`#zone-avertissement h1{`
202	`margin:0;`	202	`margin:0;`
203	`}`	203	`}`
204	`#zone-avertissement a {`	204	`#zone-avertissement a {`
205	`border-bottom:1px dotted gainsboro;`	205	`border-bottom:1px dotted gainsboro;`
206	`}`	206	`}`
207		207
208	`#zone-avertissement a, a:active, a:visited {`	208	`#zone-avertissement a, a:active, a:visited {`
209	`color: #666666;`	209	`color: #666666;`
210	`}`	210	`}`
211	`/+-----------------------------------------------------------------------------------------------------------------+/`	211	`/+-----------------------------------------------------------------------------------------------------------------+/`
212	`/* Carte titre */`	212	`/* Carte titre */`
213		213
214	`#zone-titre {`	214	`#zone-titre {`
215	`top: 30px;`	215	`top: 30px;`
216	`}`	216	`}`
217		217
218	`#zone-titre, #zone_stats {`	218	`#zone-titre, #zone_stats {`
219	`padding:0;`	219	`padding:0;`
220	`position:absolute;`	220	`position:absolute;`
221	`height:25px;`	221	`height:25px;`
222	`overflow:hidden;`	222	`overflow:hidden;`
223	`border-radius: 4px;`	223	`border-radius: 4px;`
224	`z-index: 3000;`	224	`z-index: 3000;`
225	`display: inline-block;`	225	`display: inline-block;`
226	`padding:8px;`	226	`padding:8px;`
227	`color: black;`	227	`color: black;`
228	`font-family: inherit;`	228	`font-family: inherit;`
229	`font-size: 1.1em;`	229	`font-size: 1.1em;`
230	`font-weight: bold;`	230	`font-weight: bold;`
231	`text-rendering: optimizelegibility;`	231	`text-rendering: optimizelegibility;`
232	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	232	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
233	`}`	233	`}`
234		234
235	`#zone-info {`	235	`#zone-info {`
236	`position:absolute;`	236	`position:absolute;`
237	`top:26px;`	237	`top:26px;`
238	`z-index:3001;`	238	`z-index:3001;`
239	`right:8px;`	239	`right:8px;`
240	`width: 25px;`	240	`width: 25px;`
241	`text-align:right;`	241	`text-align:right;`
242	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	242	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
243	`border-radius: 5px 5px 5px 5px;`	243	`border-radius: 5px 5px 5px 5px;`
244	`}`	244	`}`
245		245
246	`#zone-info a {`	246	`#zone-info a {`
247	`border: none;`	247	`border: none;`
248	`}`	248	`}`
249		249
250		250
251	`#logo {`	251	`#logo {`
252	`left: 2px;`	252	`left: 2px;`
253	`padding: 4px;`	253	`padding: 4px;`
254	`position: absolute;`	254	`position: absolute;`
255	`top: 5px;`	255	`top: 5px;`
256	`z-index: 3002;`	256	`z-index: 3002;`
257	`width: 60px;`	257	`width: 60px;`
258	`}`	258	`}`
259	`.image-logo {`	259	`.image-logo {`
260	`padding: 5px;`	260	`padding: 5px;`
261	`background-color: rgba(255, 255, 255, 0.9);`	261	`background-color: rgba(255, 255, 255, 0.9);`
262	`border: solid #dedede 1px;`	262	`border: solid #dedede 1px;`
263	`border-radius: 4px;`	263	`border-radius: 4px;`
264	`max-height: 60px;`	264	`max-height: 60px;`
265	`max-width: 90px;`	265	`max-width: 90px;`
266	`}`	266	`}`
267	`#logo a {`	267	`#logo a {`
268	`border-bottom: none;`	268	`border-bottom: none;`
269	`}`	269	`}`
270		270
271	`#carte-titre {`	271	`#carte-titre {`
272	`display:inline-block;`	272	`display:inline-block;`
273	`margin:0;`	273	`margin:0;`
274	`padding:0em;`	274	`padding:0em;`
275	`}`	275	`}`
276	`#carte-titre {/Hack CSS fonctionne seulement dans ie6, 7 & 8 /`	276	`#carte-titre {/Hack CSS fonctionne seulement dans ie6, 7 & 8 /`
277	`display:inline !hackCssIe6Et7;/Hack CSS pour ie6 & ie7 /`	277	`display:inline !hackCssIe6Et7;/Hack CSS pour ie6 & ie7 /`
278	`display /\/:inline\9;/Hack CSS pour ie8 */`	278	`display /\/:inline\9;/Hack CSS pour ie8 */`
279	`}`	279	`}`
280		280
281	`#image-utilisateur {`	281	`#image-utilisateur {`
282	`position: absolute;`	282	`position: absolute;`
283	`right: 5px;`	283	`right: 5px;`
284	`top: 40%;`	284	`top: 40%;`
285	`}`	285	`}`
286		286
287	`#lien-affichage-filtre-utilisateur {`	287	`#lien-affichage-filtre-utilisateur {`
288	`right: 5px;`	288	`right: 5px;`
289	`float: right;`	289	`float: right;`
290	`padding-bottom: 1px;`	290	`padding-bottom: 1px;`
291	`cursor: pointer;`	291	`cursor: pointer;`
292	`font-weight: bold;`	292	`font-weight: bold;`
293	`margin-left: 25px;`	293	`margin-left: 25px;`
294	`padding: 3px;`	294	`padding: 3px;`
295	`position: relative;`	295	`position: relative;`
296	`top: 3px;`	296	`top: 3px;`
297	`width: 117px;`	297	`width: 117px;`
298	`height: 30px;`	298	`height: 30px;`
299	`}`	299	`}`
300		300
301	`#conteneur-filtre-utilisateur.ferme:hover {`	301	`#conteneur-filtre-utilisateur.ferme:hover {`
302	`color: #222222;`	302	`color: #222222;`
303	`background-color: #AAAAAA;`	303	`background-color: #AAAAAA;`
304	`text-decoration: none;`	304	`text-decoration: none;`
305	`cursor: pointer;`	305	`cursor: pointer;`
306	`border: 1px solid #222222;`	306	`border: 1px solid #222222;`
307	`}`	307	`}`
308		308
309	`#conteneur-filtre-utilisateur {`	309	`#conteneur-filtre-utilisateur {`
310	`float: right;`	310	`float: right;`
311	`padding: 3px;`	311	`padding: 3px;`
312	`position: absolute;`	312	`position: absolute;`
313	`right: 5px;`	313	`right: 5px;`
314	`top: 31px;`	314	`top: 50px;`
315	`border-radius: 5px 5px 5px 5px;`	315	`border-radius: 5px 5px 5px 5px;`
316	`width: 117px;`	316	`width: 117px;`
317	`max-width: 350px;`	317	`max-width: 350px;`
318	`}`	318	`}`
319		319
320	`.largeurAuto {`	320	`.largeurAuto {`
321	`width: auto;`	321	`width: auto;`
322	`}`	322	`}`
323		323
324	`#raz-filtre-utilisateur {`	324	`#raz-filtre-utilisateur {`
325	`color: red;`	325	`color: red;`
326	`padding-left: 1px;`	326	`padding-left: 1px;`
327	`word-wrap: break-word;`	327	`word-wrap: break-word;`
328	`width: 110px;`	328	`width: 110px;`
329	`}`	329	`}`
330		330
331	`/+-----------------------------------------------------------------------------------------------------------------+/`	331	`/+-----------------------------------------------------------------------------------------------------------------+/`
332	`/* Panneau latéral */`	332	`/* Panneau latéral */`
333	`#panneau-lateral {`	333	`#panneau-lateral {`
334	`padding:0;`	334	`padding:0;`
335	`margin:0;`	335	`margin:0;`
336	`position:absolute;`	336	`position:absolute;`
337	`top: 90px;`	337	`top: 90px;`
338	`left:0;`	338	`left:0;`
339	`bottom:0;`	339	`bottom:0;`
340	`width: 83px;`	340	`width: 83px;`
341	`overflow:hidden;`	341	`overflow:hidden;`
342	`height: 25px;`	342	`height: 25px;`
343	`z-index: 3001;`	343	`z-index: 3001;`
344	`border-top-right-radius : 10px;`	344	`border-top-right-radius : 10px;`
345	`border-bottom-right-radius : 10px;`	345	`border-bottom-right-radius : 10px;`
346	`}`	346	`}`
347	`#pl-indication-filtre {`	347	`#pl-indication-filtre {`
348	`margin-left : 25px;`	348	`margin-left : 25px;`
349	`padding : 3px;`	349	`padding : 3px;`
350	`font-weight: bold;`	350	`font-weight: bold;`
351	`padding: 3px;`	351	`padding: 3px;`
352	`position: relative;`	352	`position: relative;`
353	`top: 3px;`	353	`top: 3px;`
354	`}`	354	`}`
355	`#pl-contenu {`	355	`#pl-contenu {`
356	`display:none;`	356	`display:none;`
357	`}`	357	`}`
358	`#pl-entete {`	358	`#pl-entete {`
359	`height:95px;`	359	`height:95px;`
360	`}`	360	`}`
361	`#pl-corps {`	361	`#pl-corps {`
362	`bottom:0;`	362	`bottom:0;`
363	`overflow:auto;`	363	`overflow:auto;`
364	`padding:5px;`	364	`padding:5px;`
365	`width:290px;`	365	`width:290px;`
366	`}`	366	`}`
367	`#pl-ouverture, #pl-fermeture {`	367	`#pl-ouverture, #pl-fermeture {`
368	`position:absolute;`	368	`position:absolute;`
369	`top:0;`	369	`top:0;`
370	`height:60px;`	370	`height:60px;`
371	`width:24px;`	371	`width:24px;`
372	`text-align:center;`	372	`text-align:center;`
373	`cursor:pointer;`	373	`cursor:pointer;`
374	`}`	374	`}`
375	`#pl-ouverture {`	375	`#pl-ouverture {`
376	`left:0;`	376	`left:0;`
377	`background:url(../images/ouverture.png) no-repeat top left #4A4B4C;`	377	`background:url(../images/ouverture.png) no-repeat top left #4A4B4C;`
378	`height:100%;`	378	`height:100%;`
379	`}`	379	`}`
380	`#pl-fermeture {`	380	`#pl-fermeture {`
381	`display:none;`	381	`display:none;`
382	`right: 0;`	382	`right: 0;`
383	`background:url(../images/fermeture.png) no-repeat top right #4A4B4C;`	383	`background:url(../images/fermeture.png) no-repeat top right #4A4B4C;`
384	`}`	384	`}`
385	`#pl-ouverture span, #pl-fermeture span{`	385	`#pl-ouverture span, #pl-fermeture span{`
386	`display:none;`	386	`display:none;`
387	`}`	387	`}`
388	`/* Panneau latéral : balises */`	388	`/* Panneau latéral : balises */`
389	`#panneau-lateral h2, #panneau-lateral p {`	389	`#panneau-lateral h2, #panneau-lateral p {`
390	`color:black;}`	390	`color:black;}`
391	`/+-----------------------------------------------------------------------------------------------------------------+/`	391	`/+-----------------------------------------------------------------------------------------------------------------+/`
392	`/* Liste des taxons de la carte */`	392	`/* Liste des taxons de la carte */`
393	`#taxons {`	393	`#taxons {`
394	`color:black;`	394	`color:black;`
395	`}`	395	`}`
396	`#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {`	396	`#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {`
397	`color:#56B80E;`	397	`color:#56B80E;`
398	`}`	398	`}`
399	`#taxons li span, .raz-filtre-taxons {`	399	`#taxons li span, .raz-filtre-taxons {`
400	`border-bottom:1px dotted #666;`	400	`border-bottom:1px dotted #666;`
401	`color:black;`	401	`color:black;`
402	`}`	402	`}`
403	`#taxons li span:focus {`	403	`#taxons li span:focus {`
404	`outline:thin dotted;`	404	`outline:thin dotted;`
405	`}`	405	`}`
406	`#taxons li span:hover {`	406	`#taxons li span:hover {`
407	`color:#56B80E;`	407	`color:#56B80E;`
408	`border-bottom:1px dotted #56B80E;`	408	`border-bottom:1px dotted #56B80E;`
409	`cursor:pointer;`	409	`cursor:pointer;`
410	`}`	410	`}`
411	`.nt {`	411	`.nt {`
412	`display:none;`	412	`display:none;`
413	`}`	413	`}`
414	`.raz-filtre-taxons {`	414	`.raz-filtre-taxons {`
415	`cursor:pointer;`	415	`cursor:pointer;`
416	`}`	416	`}`
417	`/+-----------------------------------------------------------------------------------------------------------------+/`	417	`/+-----------------------------------------------------------------------------------------------------------------+/`
418	`/* Zone des stats en bas */`	418	`/* Zone des stats en bas */`
419	`#zone-stats {`	419	`#zone-stats {`
420	`padding:0;`	420	`padding:0;`
421	`position:absolute;`	421	`position:absolute;`
422	`height:25px;`	422	`height:25px;`
423	`bottom:20px;`	423	`bottom:20px;`
424	`overflow:hidden;`	424	`overflow:hidden;`
425	`border-radius: 4px;`	425	`border-radius: 4px;`
426	`z-index: 3000;`	426	`z-index: 3000;`
427	`display: inline-block;`	427	`display: inline-block;`
428	`padding:8px;`	428	`padding:8px;`
429	`color: black;`	429	`color: black;`
430	`font-family: inherit;`	430	`font-family: inherit;`
431	`font-size: 1.1em;`	431	`font-size: 1.1em;`
432	`font-weight: bold;`	432	`font-weight: bold;`
433	`text-rendering: optimizelegibility;`	433	`text-rendering: optimizelegibility;`
434	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	434	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
435	`}`	435	`}`
436		436
437	`#zone-stats h1 {`	437	`#zone-stats h1 {`
438	`margin-top: 0;`	438	`margin-top: 0;`
439	`}`	439	`}`
440		440
441	`#lien_plein_ecran, #lien-voir-cc {`	441	`#lien_plein_ecran, #lien-voir-cc {`
442	`position: absolute;`	442	`position: absolute;`
443	`z-index: 3000;`	443	`z-index: 3000;`
444	`border-radius: 4px;`	444	`border-radius: 4px;`
445	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	445	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
446	`padding: 8px 8px 4px;`	446	`padding: 8px 8px 4px;`
447	`font-size: 1.1em;`	447	`font-size: 1.1em;`
448	`font-weight: bold;`	448	`font-weight: bold;`
449	`}`	449	`}`
450		450
451	`#lien_plein_ecran {`	451	`#lien_plein_ecran {`
452	`bottom: 20px;`	452	`bottom: 20px;`
453	`left: 5px;`	453	`left: 5px;`
454	`}`	454	`}`
455		455
456	`#lien_plein_ecran a, #lien-voir-cc a {`	456	`#lien_plein_ecran a, #lien-voir-cc a {`
457	`color: black;`	457	`color: black;`
458	`padding: 2px;`	458	`padding: 2px;`
459	`border-bottom: none;`	459	`border-bottom: none;`
460	`}`	460	`}`
461		461
462	`#lien_plein_ecran img {`	462	`#lien_plein_ecran img {`
463	`height: 20px;`	463	`height: 20px;`
464	`}`	464	`}`
465		465
466	`#lien-voir-cc {`	466	`#lien-voir-cc {`
467	`bottom: 3px;`	467	`bottom: 3px;`
468	`right: 5px;`	468	`right: 5px;`
469	`bottom: 20px;`	469	`bottom: 20px;`
470	`height: 20px;`	470	`height: 20px;`
471	`}`	471	`}`
472		472
473	`#origine-donnees {`	473	`#origine-donnees {`
474	`-moz-user-select: none;`	474	`-moz-user-select: none;`
475	`background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;`	475	`background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;`
476	`color: #444444;`	476	`color: #444444;`
477	`direction: ltr;`	477	`direction: ltr;`
478	`font-family: Arial,sans-serif;`	478	`font-family: Arial,sans-serif;`
479	`font-size: 10px;`	479	`font-size: 10px;`
480	`font-weight: bold;`	480	`font-weight: bold;`
481	`height: 19px;`	481	`height: 19px;`
482	`line-height: 19px;`	482	`line-height: 19px;`
483	`padding-left: 50px;`	483	`padding-left: 50px;`
484	`padding-right: 2px;`	484	`padding-right: 2px;`
485	`bottom: 0px;`	485	`bottom: 0px;`
486	`position: absolute;`	486	`position: absolute;`
487	`text-align: right;`	487	`text-align: right;`
488	`white-space: nowrap;`	488	`white-space: nowrap;`
489	`z-index: 3001;`	489	`z-index: 3001;`
490	`}`	490	`}`
491		491
492	`#origine-donnees a {`	492	`#origine-donnees a {`
493	`color: #444444;`	493	`color: #444444;`
494	`cursor: pointer;`	494	`cursor: pointer;`
495	`text-decoration: underline;`	495	`text-decoration: underline;`
496	`border-bottom: none;`	496	`border-bottom: none;`
497	`}`	497	`}`
498	`#origine-donnees a:active, #origine-donnees a:visited {`	498	`#origine-donnees a:active, #origine-donnees a:visited {`
499	`border-bottom: 1px dotted #666666;`	499	`border-bottom: 1px dotted #666666;`
500	`color: #CCCCCC;`	500	`color: #CCCCCC;`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/cartopoint/squelettes/css/carto.css – Rev 2719 → 2953