Subversion Repositories eFlore/Applications.cel

Rev

Rev 1060 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1060 Rev 1206
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
body {
2
body {
3
	padding:0;
3
	padding:0;
4
	margin:0;
4
	margin:0;
5
	width:100%;
5
	width:100%;
6
	height:100%;
6
	height:100%;
7
	font-family:Arial;
7
	font-family:Arial;
8
	font-size:12px;
8
	font-size:12px;
9
	background-color:#4A4B4C;
9
	background-color:#4A4B4C;
10
	color:#CCC;
10
	color:#CCC;
11
}
11
}
12
h1 {
12
h1 {
13
	font-size:1.6em;
13
	font-size:1.6em;
14
}
14
}
15
h2 {
15
h2 {
16
	font-size:1.4em;
16
	font-size:1.4em;
17
}
17
}
18
a, a:active, a:visited {
18
a, a:active, a:visited {
19
	border-bottom:1px dotted #666;
19
	border-bottom:1px dotted #666;
20
	color:#CCC;
20
	color:#CCC;
21
	text-decoration:none;
21
	text-decoration:none;
22
}
22
}
23
a:active {
23
a:active {
24
	outline:none;
24
	outline:none;
25
}
25
}
26
a:focus {
26
a:focus {
27
	outline:thin dotted;
27
	outline:thin dotted;
28
}
28
}
29
a:hover {
29
a:hover {
30
	color:#56B80E;
30
	color:#56B80E;
31
	border-bottom:1px dotted #56B80E;
31
	border-bottom:1px dotted #56B80E;
32
}
32
}
33
/*+-----------------------------------------------------------------------------------------------------------------+*/
33
/*+-----------------------------------------------------------------------------------------------------------------+*/
34
/* Présentation des listes de définitions */
34
/* Présentation des listes de définitions */
35
dl {
35
dl {
36
	width:100%;
36
	width:100%;
37
}
37
}
38
dt {
38
dt {
39
	float:left;
39
	float:left;
40
	font-weight:bold;
40
	font-weight:bold;
41
	text-align:top left;
41
	text-align:top left;
42
	margin-right:0.3em;
42
	margin-right:0.3em;
43
}
43
}
44
dd {
44
dd {
45
	width:auto;
45
	width:auto;
46
	margin:0.5em 0;
46
	margin:0.5em 0;
47
}
47
}
48
/*+-----------------------------------------------------------------------------------------------------------------+*/
48
/*+-----------------------------------------------------------------------------------------------------------------+*/
49
/* Tableau : */
49
/* Tableau : */
50
table {
50
table {
51
	border:1px solid gray;
51
	border:1px solid gray;
52
	border-collapse:collapse;
52
	border-collapse:collapse;
53
}
53
}
54
table thead, table tfoot, table tbody {
54
table thead, table tfoot, table tbody {
55
	background-color:Gainsboro;
55
	background-color:Gainsboro;
56
	border:1px solid gray;
56
	border:1px solid gray;
57
	color:black;
57
	color:black;
58
}
58
}
59
table tbody {
59
table tbody {
60
	background-color:#FFF;
60
	background-color:#FFF;
61
}
61
}
62
table th {
62
table th {
63
	font-family:monospace;
63
	font-family:monospace;
64
	border:1px dotted gray;
64
	border:1px dotted gray;
65
	padding:5px;
65
	padding:5px;
66
	background-color:Gainsboro;
66
	background-color:Gainsboro;
67
}
67
}
68
table td {
68
table td {
69
	font-family:arial;
69
	font-family:arial;
70
	border:1px dotted gray;
70
	border:1px dotted gray;
71
	padding:5px;
71
	padding:5px;
72
	text-align:left;
72
	text-align:left;
73
}
73
}
74
table caption {
74
table caption {
75
	font-family:sans-serif;
75
	font-family:sans-serif;
76
}
76
}
77
legend {
77
legend {
78
	font-size:1.2em;
78
	font-size:1.2em;
79
	color:#CCC;
79
	color:#CCC;
80
}
80
}
81
/*+-----------------------------------------------------------------------------------------------------------------+*/
81
/*+-----------------------------------------------------------------------------------------------------------------+*/
82
/* Générique */
82
/* Générique */
83
.nettoyage{
83
.nettoyage{
84
	clear:both;
84
	clear:both;
85
}
85
}
86
hr.nettoyage{
86
hr.nettoyage{
87
	visibility:hidden;
87
	visibility:hidden;
88
}
88
}
-
 
89
 
-
 
90
/*+--------------------------------------------------------------------------------------------------------+*/
-
 
91
/* Positionnement général */
-
 
92
#zone-appli {
-
 
93
	margin:0 auto;
-
 
94
	width:600px;
-
 
95
}
-
 
96
 
89
/*+-----------------------------------------------------------------------------------------------------------------+*/
97
/*+-----------------------------------------------------------------------------------------------------------------+*/
90
/* Formulaire */
98
/* Formulaire */
91
fieldset {
99
fieldset {
92
	width:800px;
100
	width:800px;
93
}
101
}
94
label{
102
label{
95
	width:140px;
103
	width:140px;
96
	display:block;
104
	display:block;
97
	float:left;
105
	float:left;
98
}
106
}
99
input, select, textarea {
107
input, select, textarea {
100
	width:240px;
108
	width:240px;
101
}
109
}
102
#saisie-obs fieldset{
110
#saisie-obs fieldset{
103
	margin-top:10px;
111
	margin-top:10px;
104
	border:0;
112
	border:0;
105
	display:block;
113
	display:block;
106
}
114
}
107
#saisie-obs ul {
115
#saisie-obs ul {
108
	list-style-type:none;
116
	list-style-type:none;
109
	margin:0;
117
	margin:0;
110
	padding:0;
118
	padding:0;
111
}
119
}
112
#saisie-obs li {
120
#saisie-obs li {
113
	margin:5px;
121
	margin:5px;
114
}
122
}
115
#partie-station label {
123
#partie-station label {
116
	width:70px;
124
	width:70px;
117
	display:block;
125
	display:block;
118
	float:left;
126
	float:left;
119
}
127
}
120
#latitude, #longitude {
128
#latitude, #longitude {
121
	width:70px;
129
	width:70px;
122
	float:left;
130
	float:left;
123
}
131
}
124
#latitude {
132
#latitude {
125
	margin-right:5px;
133
	margin-right:5px;
126
}
134
}
127
#lat-lon-info {
135
#lat-lon-info {
128
	margin-left:5px;
136
	margin-left:5px;
129
}
137
}
130
.obligatoire {
138
.obligatoire {
131
	color:red;
139
	color:red;
132
}
140
}
133
label.error {
141
label.error {
134
	display:inline;
142
	display:inline;
135
	float:none;
143
	float:none;
136
	color:red;
144
	color:red;
137
	padding-left:.5em;
145
	padding-left:.5em;
138
}
146
}
139
 
147
 
140
/*+-----------------------------------------------------------------------------------------------------------------+*/
148
/*+-----------------------------------------------------------------------------------------------------------------+*/
141
/* Carte Google Map */
149
/* Carte Google Map */
142
#gg-map-localisation {
150
#gg-map-localisation {
143
	background-color:#4A4B4C;
151
	background-color:#4A4B4C;
144
	color:#CCC;
152
	color:#CCC;
145
}
153
}
146
#gg-map-carte {
154
#gg-map-carte {
147
	width:100%;
155
	width:100%;
148
}
156
}
149
#gg-map-info {
157
#gg-map-info {
150
	list-style-type:none;
158
	list-style-type:none;
151
	padding: 5px 0;
159
	padding: 5px 0;
152
	margin:0;
160
	margin:0;
153
}
161
}
154
#gg-map-info li {
162
#gg-map-info li {
155
	margin:0 0 0 5px;
163
	margin:0 0 0 5px;
156
}
164
}
157
#gg-map-form {
165
#gg-map-form {
158
	padding:0;
166
	padding:0;
159
	margin:0 5px;
167
	margin:0 5px;
160
}
168
}
161
#gg-map-form button {
169
#gg-map-form button {
162
	margin:5px;
170
	margin:5px;
163
}
171
}
164
.champ {
172
.champ {
165
	color:#56B80E;
173
	color:#56B80E;
166
	font-weight:bold;
174
	font-weight:bold;
167
}
175
}