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;
}
#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: 31px;
    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 1514	Rev 2350
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	`background-color: white;`	-
145	`height: 70px;`	-
146	`padding: 10px;`	-
147	`position: fixed;`	144	`position: fixed;`
148	`text-align: center;`	145	`left: 110px;`
149	`width: 230px;`	146	`top: 10px;`
150	`z-index: 3000;`	147	`z-index: 3000;`
-		148	`width: 180px;`
-		149	`height: 42px;`
-		150	`padding: 7px;`
-		151	`text-align: center;`
-		152	`background-color: rgba(255, 255, 255, 0.85);`
-		153	`border: solid #dedede 1px;`
-		154	`border-radius: 4px;`
-		155	`}`
-		156	`#legende-chargement {`
-		157	`padding-top: 7px;`
-		158	`}`
-		159	`#img-chargement {`
-		160	`float: left;`
-		161	`margin-right: 5px;`
151	`}`	162	`}`
152		163
153	`#chargement {`	164	`#chargement {`
154	`margin:25px;`	165	`margin:25px;`
155	`text-align:center;`	166	`text-align:center;`
156		167
157	`}`	168	`}`
158	`#chargement img{`	169	`#chargement img{`
159	`display:block;`	170	`display:block;`
160	`margin:auto;`	171	`margin:auto;`
161	`}`	172	`}`
162		173
163	`#message-aucune-obs p {`	174	`#message-aucune-obs p {`
164	`padding-top : 25px;`	175	`padding-top : 25px;`
165	`font-weight: bold;`	176	`font-weight: bold;`
166	`}`	177	`}`
167		178
168	`#message-aucune-obs {`	179	`#message-aucune-obs {`
169	`background-image: url("../images/attention.png");`	180	`background-image: url("../images/attention.png");`
170	`background-position: 50% 10px;`	181	`background-position: 50% 10px;`
171	`background-repeat: no-repeat;`	182	`background-repeat: no-repeat;`
172	`display: none;`	183	`display: none;`
173	`height: 70px;`	184	`height: 70px;`
174	`padding: 10px;`	185	`padding: 10px;`
175	`position: fixed;`	186	`position: fixed;`
176	`text-align: center;`	187	`text-align: center;`
177	`width: 230px;`	188	`width: 230px;`
178	`z-index: 3000;`	189	`z-index: 3000;`
179	`}`	190	`}`
180		191
181	`/+-----------------------------------------------------------------------------------------------------------------+/`	192	`/+-----------------------------------------------------------------------------------------------------------------+/`
182	`/* Avertissement */`	193	`/* Avertissement */`
183	`#zone-avertissement {`	194	`#zone-avertissement {`
184	`background-color:#DDDDDD;`	195	`background-color:#DDDDDD;`
185	`color: black;`	196	`color: black;`
186	`padding:12px;`	197	`padding:12px;`
187	`text-align:justify;`	198	`text-align:justify;`
188	`line-height:16px;`	199	`line-height:16px;`
189	`}`	200	`}`
190	`#zone-avertissement h1{`	201	`#zone-avertissement h1{`
191	`margin:0;`	202	`margin:0;`
192	`}`	203	`}`
193	`#zone-avertissement a {`	204	`#zone-avertissement a {`
194	`border-bottom:1px dotted gainsboro;`	205	`border-bottom:1px dotted gainsboro;`
195	`}`	206	`}`
196		207
197	`#zone-avertissement a, a:active, a:visited {`	208	`#zone-avertissement a, a:active, a:visited {`
198	`color: #666666;`	209	`color: #666666;`
199	`}`	210	`}`
200	`/+-----------------------------------------------------------------------------------------------------------------+/`	211	`/+-----------------------------------------------------------------------------------------------------------------+/`
201	`/* Carte titre */`	212	`/* Carte titre */`
202		213
203	`#zone-titre {`	214	`#zone-titre {`
204	`top: 30px;`	215	`top: 30px;`
205	`}`	216	`}`
206		217
207	`#zone-titre, #zone_stats {`	218	`#zone-titre, #zone_stats {`
208	`padding:0;`	219	`padding:0;`
209	`position:absolute;`	220	`position:absolute;`
210	`height:25px;`	221	`height:25px;`
211	`overflow:hidden;`	222	`overflow:hidden;`
212	`border-radius: 4px;`	223	`border-radius: 4px;`
213	`z-index: 3000;`	224	`z-index: 3000;`
214	`display: inline-block;`	225	`display: inline-block;`
215	`padding:8px;`	226	`padding:8px;`
216	`color: black;`	227	`color: black;`
217	`font-family: inherit;`	228	`font-family: inherit;`
218	`font-size: 1.1em;`	229	`font-size: 1.1em;`
219	`font-weight: bold;`	230	`font-weight: bold;`
220	`text-rendering: optimizelegibility;`	231	`text-rendering: optimizelegibility;`
221	`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;`
222	`}`	233	`}`
223		234
224	`#zone-info {`	235	`#zone-info {`
225	`position:absolute;`	236	`position:absolute;`
226	`top:26px;`	237	`top:26px;`
227	`z-index:3001;`	238	`z-index:3001;`
228	`right:8px;`	239	`right:8px;`
229	`width: 25px;`	240	`width: 25px;`
230	`text-align:right;`	241	`text-align:right;`
231	`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;`
232	`border-radius: 5px 5px 5px 5px;`	243	`border-radius: 5px 5px 5px 5px;`
233	`}`	244	`}`
234		245
235	`#zone-info a {`	246	`#zone-info a {`
236	`border: none;`	247	`border: none;`
237	`}`	248	`}`
238		249
239		250
240	`#logo {`	251	`#logo {`
241	`left: 2px;`	252	`left: 2px;`
242	`padding: 4px;`	253	`padding: 4px;`
243	`position: absolute;`	254	`position: absolute;`
244	`top: 5px;`	255	`top: 5px;`
245	`z-index: 3002;`	256	`z-index: 3002;`
246	`width: 60px;`	257	`width: 60px;`
247	`}`	258	`}`
-		259	`.image-logo {`
-		260	`padding: 5px;`
-		261	`background-color: rgba(255, 255, 255, 0.9);`
-		262	`border: solid #dedede 1px;`
-		263	`border-radius: 4px;`
248		264	`}`
249	`#logo a {`	265	`#logo a {`
250	`border-bottom: none;`	266	`border-bottom: none;`
251	`}`	267	`}`
252		268
253	`#carte-titre {`	269	`#carte-titre {`
254	`display:inline-block;`	270	`display:inline-block;`
255	`margin:0;`	271	`margin:0;`
256	`padding:0em;`	272	`padding:0em;`
257	`}`	273	`}`
258	`#carte-titre {/Hack CSS fonctionne seulement dans ie6, 7 & 8 /`	274	`#carte-titre {/Hack CSS fonctionne seulement dans ie6, 7 & 8 /`
259	`display:inline !hackCssIe6Et7;/Hack CSS pour ie6 & ie7 /`	275	`display:inline !hackCssIe6Et7;/Hack CSS pour ie6 & ie7 /`
260	`display /\/:inline\9;/Hack CSS pour ie8 */`	276	`display /\/:inline\9;/Hack CSS pour ie8 */`
261	`}`	277	`}`
262		278
263	`#image-utilisateur {`	279	`#image-utilisateur {`
264	`position: absolute;`	280	`position: absolute;`
265	`right: 5px;`	281	`right: 5px;`
266	`top: 40%;`	282	`top: 40%;`
267	`}`	283	`}`
268		284
269	`#lien-affichage-filtre-utilisateur {`	285	`#lien-affichage-filtre-utilisateur {`
270	`right: 5px;`	286	`right: 5px;`
271	`float: right;`	287	`float: right;`
272	`padding-bottom: 1px;`	288	`padding-bottom: 1px;`
273	`cursor: pointer;`	289	`cursor: pointer;`
274	`font-weight: bold;`	290	`font-weight: bold;`
275	`margin-left: 25px;`	291	`margin-left: 25px;`
276	`padding: 3px;`	292	`padding: 3px;`
277	`position: relative;`	293	`position: relative;`
278	`top: 3px;`	294	`top: 3px;`
279	`width: 117px;`	295	`width: 117px;`
280	`height: 30px;`	296	`height: 30px;`
281	`}`	297	`}`
282		298
283	`#conteneur-filtre-utilisateur.ferme:hover {`	299	`#conteneur-filtre-utilisateur.ferme:hover {`
284	`color: #222222;`	300	`color: #222222;`
285	`background-color: #AAAAAA;`	301	`background-color: #AAAAAA;`
286	`text-decoration: none;`	302	`text-decoration: none;`
287	`cursor: pointer;`	303	`cursor: pointer;`
288	`border: 1px solid #222222;`	304	`border: 1px solid #222222;`
289	`}`	305	`}`
290		306
291	`#conteneur-filtre-utilisateur {`	307	`#conteneur-filtre-utilisateur {`
292	`float: right;`	308	`float: right;`
293	`padding: 3px;`	309	`padding: 3px;`
294	`position: absolute;`	310	`position: absolute;`
295	`right: 5px;`	311	`right: 5px;`
296	`top: 31px;`	312	`top: 31px;`
297	`border-radius: 5px 5px 5px 5px;`	313	`border-radius: 5px 5px 5px 5px;`
298	`width: 117px;`	314	`width: 117px;`
299	`max-width: 350px;`	315	`max-width: 350px;`
300	`}`	316	`}`
301		317
302	`.largeurAuto {`	318	`.largeurAuto {`
303	`width: auto;`	319	`width: auto;`
304	`}`	320	`}`
305		321
306	`#raz-filtre-utilisateur {`	322	`#raz-filtre-utilisateur {`
307	`color: red;`	323	`color: red;`
308	`padding-left: 1px;`	324	`padding-left: 1px;`
309	`word-wrap: break-word;`	325	`word-wrap: break-word;`
310	`width: 110px;`	326	`width: 110px;`
311	`}`	327	`}`
312		328
313	`/+-----------------------------------------------------------------------------------------------------------------+/`	329	`/+-----------------------------------------------------------------------------------------------------------------+/`
314	`/* Panneau latéral */`	330	`/* Panneau latéral */`
315	`#panneau-lateral {`	331	`#panneau-lateral {`
316	`padding:0;`	332	`padding:0;`
317	`margin:0;`	333	`margin:0;`
318	`position:absolute;`	334	`position:absolute;`
319	`top: 75px;`	335	`top: 90px;`
320	`left:0;`	336	`left:0;`
321	`bottom:0;`	337	`bottom:0;`
322	`width: 83px;`	338	`width: 83px;`
323	`overflow:hidden;`	339	`overflow:hidden;`
324	`height: 25px;`	340	`height: 25px;`
325	`z-index: 3001;`	341	`z-index: 3001;`
326	`border-top-right-radius : 10px;`	342	`border-top-right-radius : 10px;`
327	`border-bottom-right-radius : 10px;`	343	`border-bottom-right-radius : 10px;`
328	`}`	344	`}`
329	`#pl-indication-filtre {`	345	`#pl-indication-filtre {`
330	`margin-left : 25px;`	346	`margin-left : 25px;`
331	`padding : 3px;`	347	`padding : 3px;`
332	`font-weight: bold;`	348	`font-weight: bold;`
333	`padding: 3px;`	349	`padding: 3px;`
334	`position: relative;`	350	`position: relative;`
335	`top: 3px;`	351	`top: 3px;`
336	`}`	352	`}`
337	`#pl-contenu {`	353	`#pl-contenu {`
338	`display:none;`	354	`display:none;`
339	`}`	355	`}`
340	`#pl-entete {`	356	`#pl-entete {`
341	`height:95px;`	357	`height:95px;`
342	`}`	358	`}`
343	`#pl-corps {`	359	`#pl-corps {`
344	`bottom:0;`	360	`bottom:0;`
345	`overflow:auto;`	361	`overflow:auto;`
346	`padding:5px;`	362	`padding:5px;`
347	`width:290px;`	363	`width:290px;`
348	`}`	364	`}`
349	`#pl-ouverture, #pl-fermeture {`	365	`#pl-ouverture, #pl-fermeture {`
350	`position:absolute;`	366	`position:absolute;`
351	`top:0;`	367	`top:0;`
352	`height:60px;`	368	`height:60px;`
353	`width:24px;`	369	`width:24px;`
354	`text-align:center;`	370	`text-align:center;`
355	`cursor:pointer;`	371	`cursor:pointer;`
356	`}`	372	`}`
357	`#pl-ouverture {`	373	`#pl-ouverture {`
358	`left:0;`	374	`left:0;`
359	`background:url(../images/ouverture.png) no-repeat top left #4A4B4C;`	375	`background:url(../images/ouverture.png) no-repeat top left #4A4B4C;`
360	`height:100%;`	376	`height:100%;`
361	`}`	377	`}`
362	`#pl-fermeture {`	378	`#pl-fermeture {`
363	`display:none;`	379	`display:none;`
364	`right: 0;`	380	`right: 0;`
365	`background:url(../images/fermeture.png) no-repeat top right #4A4B4C;`	381	`background:url(../images/fermeture.png) no-repeat top right #4A4B4C;`
366	`}`	382	`}`
367	`#pl-ouverture span, #pl-fermeture span{`	383	`#pl-ouverture span, #pl-fermeture span{`
368	`display:none;`	384	`display:none;`
369	`}`	385	`}`
370	`/* Panneau latéral : balises */`	386	`/* Panneau latéral : balises */`
371	`#panneau-lateral h2, #panneau-lateral p {`	387	`#panneau-lateral h2, #panneau-lateral p {`
372	`color:black;}`	388	`color:black;}`
373	`/+-----------------------------------------------------------------------------------------------------------------+/`	389	`/+-----------------------------------------------------------------------------------------------------------------+/`
374	`/* Liste des taxons de la carte */`	390	`/* Liste des taxons de la carte */`
375	`#taxons {`	391	`#taxons {`
376	`color:black;`	392	`color:black;`
377	`}`	393	`}`
378	`#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {`	394	`#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {`
379	`color:#56B80E;`	395	`color:#56B80E;`
380	`}`	396	`}`
381	`#taxons li span, .raz-filtre-taxons {`	397	`#taxons li span, .raz-filtre-taxons {`
382	`border-bottom:1px dotted #666;`	398	`border-bottom:1px dotted #666;`
383	`color:black;`	399	`color:black;`
384	`}`	400	`}`
385	`#taxons li span:focus {`	401	`#taxons li span:focus {`
386	`outline:thin dotted;`	402	`outline:thin dotted;`
387	`}`	403	`}`
388	`#taxons li span:hover {`	404	`#taxons li span:hover {`
389	`color:#56B80E;`	405	`color:#56B80E;`
390	`border-bottom:1px dotted #56B80E;`	406	`border-bottom:1px dotted #56B80E;`
391	`cursor:pointer;`	407	`cursor:pointer;`
392	`}`	408	`}`
393	`.nt {`	409	`.nt {`
394	`display:none;`	410	`display:none;`
395	`}`	411	`}`
396	`.raz-filtre-taxons {`	412	`.raz-filtre-taxons {`
397	`cursor:pointer;`	413	`cursor:pointer;`
398	`}`	414	`}`
399	`/+-----------------------------------------------------------------------------------------------------------------+/`	415	`/+-----------------------------------------------------------------------------------------------------------------+/`
400	`/* Zone des stats en bas */`	416	`/* Zone des stats en bas */`
401	`#zone-stats {`	417	`#zone-stats {`
402	`padding:0;`	418	`padding:0;`
403	`position:absolute;`	419	`position:absolute;`
404	`height:25px;`	420	`height:25px;`
405	`bottom:20px;`	421	`bottom:20px;`
406	`overflow:hidden;`	422	`overflow:hidden;`
407	`border-radius: 4px;`	423	`border-radius: 4px;`
408	`z-index: 3000;`	424	`z-index: 3000;`
409	`display: inline-block;`	425	`display: inline-block;`
410	`padding:8px;`	426	`padding:8px;`
411	`color: black;`	427	`color: black;`
412	`font-family: inherit;`	428	`font-family: inherit;`
413	`font-size: 1.1em;`	429	`font-size: 1.1em;`
414	`font-weight: bold;`	430	`font-weight: bold;`
415	`text-rendering: optimizelegibility;`	431	`text-rendering: optimizelegibility;`
416	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	432	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
417	`}`	433	`}`
418		434
419	`#zone-stats h1 {`	435	`#zone-stats h1 {`
420	`margin-top: 0;`	436	`margin-top: 0;`
421	`}`	437	`}`
422		438
423	`#lien_plein_ecran, #lien-voir-cc {`	439	`#lien_plein_ecran, #lien-voir-cc {`
424	`position: absolute;`	440	`position: absolute;`
425	`z-index: 3000;`	441	`z-index: 3000;`
426	`border-radius: 4px;`	442	`border-radius: 4px;`
427	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	443	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
428	`padding: 8px 8px 4px;`	444	`padding: 8px 8px 4px;`
429	`font-size: 1.1em;`	445	`font-size: 1.1em;`
430	`font-weight: bold;`	446	`font-weight: bold;`
431	`}`	447	`}`
432		448
433	`#lien_plein_ecran {`	449	`#lien_plein_ecran {`
434	`bottom: 20px;`	450	`bottom: 20px;`
435	`left: 5px;`	451	`left: 5px;`
436	`}`	452	`}`
437		453
438	`#lien_plein_ecran a, #lien-voir-cc a {`	454	`#lien_plein_ecran a, #lien-voir-cc a {`
439	`color: black;`	455	`color: black;`
440	`padding: 2px;`	456	`padding: 2px;`
441	`border-bottom: none;`	457	`border-bottom: none;`
442	`}`	458	`}`
443		459
444	`#lien_plein_ecran img {`	460	`#lien_plein_ecran img {`
445	`height: 20px;`	461	`height: 20px;`
446	`}`	462	`}`
447		463
448	`#lien-voir-cc {`	464	`#lien-voir-cc {`
449	`bottom: 3px;`	465	`bottom: 3px;`
450	`right: 5px;`	466	`right: 5px;`
451	`bottom: 20px;`	467	`bottom: 20px;`
452	`height: 20px;`	468	`height: 20px;`
453	`}`	469	`}`
454		470
455	`#origine-donnees {`	471	`#origine-donnees {`
456	`-moz-user-select: none;`	472	`-moz-user-select: none;`
457	`background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;`	473	`background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;`
458	`color: #444444;`	474	`color: #444444;`
459	`direction: ltr;`	475	`direction: ltr;`
460	`font-family: Arial,sans-serif;`	476	`font-family: Arial,sans-serif;`
461	`font-size: 10px;`	477	`font-size: 10px;`
462	`font-weight: bold;`	478	`font-weight: bold;`
463	`height: 19px;`	479	`height: 19px;`
464	`line-height: 19px;`	480	`line-height: 19px;`
465	`padding-left: 50px;`	481	`padding-left: 50px;`
466	`padding-right: 2px;`	482	`padding-right: 2px;`
467	`bottom: 0px;`	483	`bottom: 0px;`
468	`position: absolute;`	484	`position: absolute;`
469	`text-align: right;`	485	`text-align: right;`
470	`white-space: nowrap;`	486	`white-space: nowrap;`
471	`z-index: 3001;`	487	`z-index: 3001;`
472	`}`	488	`}`
473		489
474	`#origine-donnees a {`	490	`#origine-donnees a {`
475	`color: #444444;`	491	`color: #444444;`
476	`cursor: pointer;`	492	`cursor: pointer;`
477	`text-decoration: underline;`	493	`text-decoration: underline;`
478	`border-bottom: none;`	494	`border-bottom: none;`
479	`}`	495	`}`
480	`#origine-donnees a:active, #origine-donnees a:visited {`	496	`#origine-donnees a:active, #origine-donnees a:visited {`
481	`border-bottom: 1px dotted #666666;`	497	`border-bottom: 1px dotted #666666;`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/cartopoint/squelettes/css/carto.css – Rev 1514 → 2350