WebSVN – eFlore/Applications.cel – Diff – /branches/v2.20-pistolet-arroseur/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;
	width: 100%;
}
#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 2670	Rev 2684
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	`width: 100%;`
264	`}`	265	`}`
265	`#logo a {`	266	`#logo a {`
266	`border-bottom: none;`	267	`border-bottom: none;`
267	`}`	268	`}`
268		269
269	`#carte-titre {`	270	`#carte-titre {`
270	`display:inline-block;`	271	`display:inline-block;`
271	`margin:0;`	272	`margin:0;`
272	`padding:0em;`	273	`padding:0em;`
273	`}`	274	`}`
274	`#carte-titre {/Hack CSS fonctionne seulement dans ie6, 7 & 8 /`	275	`#carte-titre {/Hack CSS fonctionne seulement dans ie6, 7 & 8 /`
275	`display:inline !hackCssIe6Et7;/Hack CSS pour ie6 & ie7 /`	276	`display:inline !hackCssIe6Et7;/Hack CSS pour ie6 & ie7 /`
276	`display /\/:inline\9;/Hack CSS pour ie8 */`	277	`display /\/:inline\9;/Hack CSS pour ie8 */`
277	`}`	278	`}`
278		279
279	`#image-utilisateur {`	280	`#image-utilisateur {`
280	`position: absolute;`	281	`position: absolute;`
281	`right: 5px;`	282	`right: 5px;`
282	`top: 40%;`	283	`top: 40%;`
283	`}`	284	`}`
284		285
285	`#lien-affichage-filtre-utilisateur {`	286	`#lien-affichage-filtre-utilisateur {`
286	`right: 5px;`	287	`right: 5px;`
287	`float: right;`	288	`float: right;`
288	`padding-bottom: 1px;`	289	`padding-bottom: 1px;`
289	`cursor: pointer;`	290	`cursor: pointer;`
290	`font-weight: bold;`	291	`font-weight: bold;`
291	`margin-left: 25px;`	292	`margin-left: 25px;`
292	`padding: 3px;`	293	`padding: 3px;`
293	`position: relative;`	294	`position: relative;`
294	`top: 3px;`	295	`top: 3px;`
295	`width: 117px;`	296	`width: 117px;`
296	`height: 30px;`	297	`height: 30px;`
297	`}`	298	`}`
298		299
299	`#conteneur-filtre-utilisateur.ferme:hover {`	300	`#conteneur-filtre-utilisateur.ferme:hover {`
300	`color: #222222;`	301	`color: #222222;`
301	`background-color: #AAAAAA;`	302	`background-color: #AAAAAA;`
302	`text-decoration: none;`	303	`text-decoration: none;`
303	`cursor: pointer;`	304	`cursor: pointer;`
304	`border: 1px solid #222222;`	305	`border: 1px solid #222222;`
305	`}`	306	`}`
306		307
307	`#conteneur-filtre-utilisateur {`	308	`#conteneur-filtre-utilisateur {`
308	`float: right;`	309	`float: right;`
309	`padding: 3px;`	310	`padding: 3px;`
310	`position: absolute;`	311	`position: absolute;`
311	`right: 5px;`	312	`right: 5px;`
312	`top: 31px;`	313	`top: 31px;`
313	`border-radius: 5px 5px 5px 5px;`	314	`border-radius: 5px 5px 5px 5px;`
314	`width: 117px;`	315	`width: 117px;`
315	`max-width: 350px;`	316	`max-width: 350px;`
316	`}`	317	`}`
317		318
318	`.largeurAuto {`	319	`.largeurAuto {`
319	`width: auto;`	320	`width: auto;`
320	`}`	321	`}`
321		322
322	`#raz-filtre-utilisateur {`	323	`#raz-filtre-utilisateur {`
323	`color: red;`	324	`color: red;`
324	`padding-left: 1px;`	325	`padding-left: 1px;`
325	`word-wrap: break-word;`	326	`word-wrap: break-word;`
326	`width: 110px;`	327	`width: 110px;`
327	`}`	328	`}`
328		329
329	`/+-----------------------------------------------------------------------------------------------------------------+/`	330	`/+-----------------------------------------------------------------------------------------------------------------+/`
330	`/* Panneau latéral */`	331	`/* Panneau latéral */`
331	`#panneau-lateral {`	332	`#panneau-lateral {`
332	`padding:0;`	333	`padding:0;`
333	`margin:0;`	334	`margin:0;`
334	`position:absolute;`	335	`position:absolute;`
335	`top: 90px;`	336	`top: 90px;`
336	`left:0;`	337	`left:0;`
337	`bottom:0;`	338	`bottom:0;`
338	`width: 83px;`	339	`width: 83px;`
339	`overflow:hidden;`	340	`overflow:hidden;`
340	`height: 25px;`	341	`height: 25px;`
341	`z-index: 3001;`	342	`z-index: 3001;`
342	`border-top-right-radius : 10px;`	343	`border-top-right-radius : 10px;`
343	`border-bottom-right-radius : 10px;`	344	`border-bottom-right-radius : 10px;`
344	`}`	345	`}`
345	`#pl-indication-filtre {`	346	`#pl-indication-filtre {`
346	`margin-left : 25px;`	347	`margin-left : 25px;`
347	`padding : 3px;`	348	`padding : 3px;`
348	`font-weight: bold;`	349	`font-weight: bold;`
349	`padding: 3px;`	350	`padding: 3px;`
350	`position: relative;`	351	`position: relative;`
351	`top: 3px;`	352	`top: 3px;`
352	`}`	353	`}`
353	`#pl-contenu {`	354	`#pl-contenu {`
354	`display:none;`	355	`display:none;`
355	`}`	356	`}`
356	`#pl-entete {`	357	`#pl-entete {`
357	`height:95px;`	358	`height:95px;`
358	`}`	359	`}`
359	`#pl-corps {`	360	`#pl-corps {`
360	`bottom:0;`	361	`bottom:0;`
361	`overflow:auto;`	362	`overflow:auto;`
362	`padding:5px;`	363	`padding:5px;`
363	`width:290px;`	364	`width:290px;`
364	`}`	365	`}`
365	`#pl-ouverture, #pl-fermeture {`	366	`#pl-ouverture, #pl-fermeture {`
366	`position:absolute;`	367	`position:absolute;`
367	`top:0;`	368	`top:0;`
368	`height:60px;`	369	`height:60px;`
369	`width:24px;`	370	`width:24px;`
370	`text-align:center;`	371	`text-align:center;`
371	`cursor:pointer;`	372	`cursor:pointer;`
372	`}`	373	`}`
373	`#pl-ouverture {`	374	`#pl-ouverture {`
374	`left:0;`	375	`left:0;`
375	`background:url(../images/ouverture.png) no-repeat top left #4A4B4C;`	376	`background:url(../images/ouverture.png) no-repeat top left #4A4B4C;`
376	`height:100%;`	377	`height:100%;`
377	`}`	378	`}`
378	`#pl-fermeture {`	379	`#pl-fermeture {`
379	`display:none;`	380	`display:none;`
380	`right: 0;`	381	`right: 0;`
381	`background:url(../images/fermeture.png) no-repeat top right #4A4B4C;`	382	`background:url(../images/fermeture.png) no-repeat top right #4A4B4C;`
382	`}`	383	`}`
383	`#pl-ouverture span, #pl-fermeture span{`	384	`#pl-ouverture span, #pl-fermeture span{`
384	`display:none;`	385	`display:none;`
385	`}`	386	`}`
386	`/* Panneau latéral : balises */`	387	`/* Panneau latéral : balises */`
387	`#panneau-lateral h2, #panneau-lateral p {`	388	`#panneau-lateral h2, #panneau-lateral p {`
388	`color:black;}`	389	`color:black;}`
389	`/+-----------------------------------------------------------------------------------------------------------------+/`	390	`/+-----------------------------------------------------------------------------------------------------------------+/`
390	`/* Liste des taxons de la carte */`	391	`/* Liste des taxons de la carte */`
391	`#taxons {`	392	`#taxons {`
392	`color:black;`	393	`color:black;`
393	`}`	394	`}`
394	`#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {`	395	`#taxons .taxon-actif, #taxons .taxon-actif span, .raz-filtre-taxons.taxon-actif {`
395	`color:#56B80E;`	396	`color:#56B80E;`
396	`}`	397	`}`
397	`#taxons li span, .raz-filtre-taxons {`	398	`#taxons li span, .raz-filtre-taxons {`
398	`border-bottom:1px dotted #666;`	399	`border-bottom:1px dotted #666;`
399	`color:black;`	400	`color:black;`
400	`}`	401	`}`
401	`#taxons li span:focus {`	402	`#taxons li span:focus {`
402	`outline:thin dotted;`	403	`outline:thin dotted;`
403	`}`	404	`}`
404	`#taxons li span:hover {`	405	`#taxons li span:hover {`
405	`color:#56B80E;`	406	`color:#56B80E;`
406	`border-bottom:1px dotted #56B80E;`	407	`border-bottom:1px dotted #56B80E;`
407	`cursor:pointer;`	408	`cursor:pointer;`
408	`}`	409	`}`
409	`.nt {`	410	`.nt {`
410	`display:none;`	411	`display:none;`
411	`}`	412	`}`
412	`.raz-filtre-taxons {`	413	`.raz-filtre-taxons {`
413	`cursor:pointer;`	414	`cursor:pointer;`
414	`}`	415	`}`
415	`/+-----------------------------------------------------------------------------------------------------------------+/`	416	`/+-----------------------------------------------------------------------------------------------------------------+/`
416	`/* Zone des stats en bas */`	417	`/* Zone des stats en bas */`
417	`#zone-stats {`	418	`#zone-stats {`
418	`padding:0;`	419	`padding:0;`
419	`position:absolute;`	420	`position:absolute;`
420	`height:25px;`	421	`height:25px;`
421	`bottom:20px;`	422	`bottom:20px;`
422	`overflow:hidden;`	423	`overflow:hidden;`
423	`border-radius: 4px;`	424	`border-radius: 4px;`
424	`z-index: 3000;`	425	`z-index: 3000;`
425	`display: inline-block;`	426	`display: inline-block;`
426	`padding:8px;`	427	`padding:8px;`
427	`color: black;`	428	`color: black;`
428	`font-family: inherit;`	429	`font-family: inherit;`
429	`font-size: 1.1em;`	430	`font-size: 1.1em;`
430	`font-weight: bold;`	431	`font-weight: bold;`
431	`text-rendering: optimizelegibility;`	432	`text-rendering: optimizelegibility;`
432	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	433	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
433	`}`	434	`}`
434		435
435	`#zone-stats h1 {`	436	`#zone-stats h1 {`
436	`margin-top: 0;`	437	`margin-top: 0;`
437	`}`	438	`}`
438		439
439	`#lien_plein_ecran, #lien-voir-cc {`	440	`#lien_plein_ecran, #lien-voir-cc {`
440	`position: absolute;`	441	`position: absolute;`
441	`z-index: 3000;`	442	`z-index: 3000;`
442	`border-radius: 4px;`	443	`border-radius: 4px;`
443	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`	444	`box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;`
444	`padding: 8px 8px 4px;`	445	`padding: 8px 8px 4px;`
445	`font-size: 1.1em;`	446	`font-size: 1.1em;`
446	`font-weight: bold;`	447	`font-weight: bold;`
447	`}`	448	`}`
448		449
449	`#lien_plein_ecran {`	450	`#lien_plein_ecran {`
450	`bottom: 20px;`	451	`bottom: 20px;`
451	`left: 5px;`	452	`left: 5px;`
452	`}`	453	`}`
453		454
454	`#lien_plein_ecran a, #lien-voir-cc a {`	455	`#lien_plein_ecran a, #lien-voir-cc a {`
455	`color: black;`	456	`color: black;`
456	`padding: 2px;`	457	`padding: 2px;`
457	`border-bottom: none;`	458	`border-bottom: none;`
458	`}`	459	`}`
459		460
460	`#lien_plein_ecran img {`	461	`#lien_plein_ecran img {`
461	`height: 20px;`	462	`height: 20px;`
462	`}`	463	`}`
463		464
464	`#lien-voir-cc {`	465	`#lien-voir-cc {`
465	`bottom: 3px;`	466	`bottom: 3px;`
466	`right: 5px;`	467	`right: 5px;`
467	`bottom: 20px;`	468	`bottom: 20px;`
468	`height: 20px;`	469	`height: 20px;`
469	`}`	470	`}`
470		471
471	`#origine-donnees {`	472	`#origine-donnees {`
472	`-moz-user-select: none;`	473	`-moz-user-select: none;`
473	`background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;`	474	`background: -moz-linear-gradient(center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;`
474	`color: #444444;`	475	`color: #444444;`
475	`direction: ltr;`	476	`direction: ltr;`
476	`font-family: Arial,sans-serif;`	477	`font-family: Arial,sans-serif;`
477	`font-size: 10px;`	478	`font-size: 10px;`
478	`font-weight: bold;`	479	`font-weight: bold;`
479	`height: 19px;`	480	`height: 19px;`
480	`line-height: 19px;`	481	`line-height: 19px;`
481	`padding-left: 50px;`	482	`padding-left: 50px;`
482	`padding-right: 2px;`	483	`padding-right: 2px;`
483	`bottom: 0px;`	484	`bottom: 0px;`
484	`position: absolute;`	485	`position: absolute;`
485	`text-align: right;`	486	`text-align: right;`
486	`white-space: nowrap;`	487	`white-space: nowrap;`
487	`z-index: 3001;`	488	`z-index: 3001;`
488	`}`	489	`}`
489		490
490	`#origine-donnees a {`	491	`#origine-donnees a {`
491	`color: #444444;`	492	`color: #444444;`
492	`cursor: pointer;`	493	`cursor: pointer;`
493	`text-decoration: underline;`	494	`text-decoration: underline;`
494	`border-bottom: none;`	495	`border-bottom: none;`
495	`}`	496	`}`
496	`#origine-donnees a:active, #origine-donnees a:visited {`	497	`#origine-donnees a:active, #origine-donnees a:visited {`
497	`border-bottom: 1px dotted #666666;`	498	`border-bottom: 1px dotted #666666;`
498	`color: #CCCCCC;`	499	`color: #CCCCCC;`
499	`text-decoration: none;`	500	`text-decoration: none;`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.20-pistolet-arroseur/widget/modules/cartopoint/squelettes/css/carto.css @ 3344 – Rev 2670 → 2684