Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 5 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 aurelien 1 
body {
2 
	background-color: #647A85;
3 
	font-family: Verdana, Helvetica;
4 
}
5 
table.ods {
6 
	width: 1000px;
7 
	background-color: #ffffff;
8 
	height: 800px;
9 
	margin: auto;
10 
	margin-top: 0px;
11 
	border: 3px solid #cad7ca;
12 
}
13 
 
14 
td.logo {
15 
	width: 200px;
16 
	text-align: center;
17 
	height: 150px;
18 
}
19 
td.menu {
20 
	//height: 500px;
21 
	text-align: center;
22 
	vertical-align: top;
23 
}
24 
table.menu {
25 
	width: 201px;
26 
	border-collapse: collapse;
27 
	padding: 0px;
28 
	background-color: #A1B23D;
29 
	background-repeat: no-repeat;
30 
	border: 1px solid #DFDFDF;
31 
	height: 500px;
32 
}
33 
table.element_menu {
34 
	height: 53px;
35 
	width: 181px;
36 
	border-collapse: collapse;
37 
}
38 
td.img_menu {
39 
	padding-left: 10px;
40 
	width: 45px;
41 
	align: left;
42 
}
43 
td.img_menu img {
44 
	border: 0px;
45 
}
46 
td.nom_menu {
47 
    vertical-align: middle;
48 
	text-align: left;
49 
	padding-left: 20px;
50 
	height: 30px;
51 
	background-image: url('IMG/fleche.gif');
52 
	background-repeat: no-repeat;
53 
	background-position: 4px center;
54 
}
55 
td.nom_ss_menu {
56 
    vertical-align: middle;
57 
	text-align: left;
58 
	padding-left: 30px;
59 
	height: 30px;
60 
	background-image: url('IMG/fleche.gif');
61 
	background-repeat: no-repeat;
62 
	background-position: 15px center;
63 
}
64 
td.nom_menu:hover, td.nom_menu_on {
65 
        vertical-align: middle;
66 
        text-align: left;
67 
        padding-left: 15px;
68 
        height: 30px;
69 
	background-image: url('IMG/fleche.gif');
70 
	background-repeat: no-repeat;
71 
	background-position: left center;
72 
	filter: alpha(opacity=60);
73 
	-moz-opacity: .60;
74 
	opacity: .60;
75 
	background-color: #d3da3f;
76 
	color: #000000;
77 
}
78 
td.nom_ss_menu:hover, td.nom_ss_menu_on {
79 
        vertical-align: middle;
80 
        text-align: left;
81 
        padding-left: 30px;
82 
        height: 30px;
83 
	background-image: url('IMG/fleche.gif');
84 
	background-repeat: no-repeat;
85 
	background-position: 15px center;
86 
	filter: alpha(opacity=60);
87 
	-moz-opacity: .60;
88 
	opacity: .60;
89 
	background-color: #e7ed95;
90 
  background-color: #efc170;
91 
	color: #000000;
92 
}
93 
a.menu {
94 
	color: #FFFFFF;
95 
	font-weight: bold;
96 
	font-size: 12px;
97 
	text-decoration: none;
98 
	font-family: Verdana, Helvetica;
99 
}
100 
a.menu:hover {
101 
	color: #000000;
102 
}
103 
td.principal {
104 
	vertical-align: top;
105 
	padding: 20px;
106 
	font-family: Verdana, Helvetica;
107 
	font-size: 12px;
108 
	background-color : #FFFFFF;
109 
	height: 550px;
110 
}
111 
table.principal {
112 
	width: 770px;
113 
	border-collapse: collapse;
114 
	padding: 0;
115 
	margin: 0;
116 
}
117 
td.coin_gh, td.coin_gb, td.coin_dh, td.coin_db {
118 
	width: 48px;
119 
	height: 50px;
120 
	background-repeat: no-repeat;
121 
}
122 
td.h_icone, td.dernier_h, td.h, td.b, td.titre_rappel {
123 
	background-repeat: repeat-x;
124 
}
125 
td.d, td.g {
126 
	background-repeat: repeat-y;
127 
}
128 
td.coin_gh {
129 
	background-image: url('IMG/cadre/coin_gh.gif');
130 
	background-position: bottom;
131 
}
132 
td.coin_gb {
133 
	background-image: url('IMG/cadre/coin_gb.gif');
134 
	background-position: top;
135 
}
136 
td.coin_dh {
137 
	background-image: url('IMG/cadre/coin_dh.gif');
138 
	background-position: bottom;
139 
}
140 
td.coin_db {
141 
	background-image: url('IMG/cadre/coin_db.gif');
142 
	background-position: top;
143 
}
144 
td.h {
145 
	background-image: url('IMG/cadre/h.gif');
146 
	height: 50px;
147 
	background-position: bottom;
148 
}
149 
td.h_icone {
150 
	background-image: url('IMG/cadre/h.gif');
151 
	height: 50px;
152 
	background-position: bottom;
153 
	width: 100px;
154 
}
155 
td.titre_rappel {
156 
	background-image: url('IMG/cadre/h.gif');
157 
	height: 50px;
158 
	background-position: bottom;
159 
	font-size: 14px;
160 
	font-family: Tahoma, Helvetica;
161 
	font-weight: bold;
162 
	color: #007722;
163 
	padding-top: 30px;
164 
	padding-right: 20px;
165 
	padding-left: 100px;
166 
	text-align: left;
167 
}
168 
td.b {
169 
	background-image: url('IMG/cadre/b.gif');
170 
	height: 50px;
171 
	background-position: top;
172 
}
173 
td.d {
174 
	background-image: url('IMG/cadre/d.gif');
175 
	width: 48px;
176 
	background-position: left;
177 
}
178 
td.g {
179 
	background-image: url('IMG/cadre/g.gif');
180 
	width: 48px;
181 
	background-position: right;
182 
}
183 
td.onglets {
184 
	text-align: right;
185 
	vertical-align: middle;
186 
	padding: 0px;
187 
	padding-top: 15px;
188 
	margin: 0px;
189 
	background-image: url('IMG/cadre/fond_onglets.gif');
190 
}
191 
table.onglets {
192 
	border-collapse: collapse;
193 
	padding: 0px;
194 
	margin: 0px;
195 
	height: 53px;
196 
	width: 100%;
197 
}
198 
td.onglet_coin_g, td.onglet_coin_d {
199 
	width: 20px;
200 
	background-repeat: no-repeat;
201 
	height: 53px;
202 
}
203 
td.onglet_coin_g {
204 
	background-image: url('IMG/cadre/onglet_coin_g.gif');
205 
	background-position: right top;
206 
	width: 20px;
207 
}
208 
td.onglet_sep {
209 
	background-image: url('IMG/cadre/onglet_sep.gif');
210 
	background-position: right top;
211 
	width: 25px;
212 
	background-repeat: repeat-x;
213 
}
214 
td.onglet {
215 
	background-image: url('IMG/cadre/onglet_fond.gif');
216 
	background-position: right top;
217 
	text-align: center;
218 
	background-repeat: repeat-x;
219 
}
220 
td.onglet_coin_d {
221 
	background-image: url('IMG/cadre/onglet_coin_d.gif');
222 
	background-position: left top;
223 
	width: 20px;
224 
}
225 
td.dernier_h {
226 
	width: 0px;
227 
	background-image: url('IMG/cadre/h.gif');
228 
	height: 50px;
229 
	background-position: bottom;
230 
}
231 
 
232 
td.sousmenu {
233 
	height: 40px;
234 
	background-color: #cad7ca;
235 
}
236 
table.sousmenu {
237 
	height: 40px;
238 
	background-color: #cad7ca;
239 
}
240 
table.sousmenu td {
241 
	width: 150px;
242 
	height: 40px;
243 
}
244 
 
245 
/*** Formulaires ***/
246 
input.submit {
247 
  border-color: #005000;
248 
  border-width: 1px;
249 
  border-style: solid;
250 
  background-color: #cfe0cf;
251 
  color: #005000;
252 
}
253 
input, select {
254 
  border-color: #005000;
255 
  border-width: 1px;
256 
  border-style: solid;
257 
}
258 
input.disabled, select.disabled {
259 
  border-color: #005000;
260 
  border-width: 1px;
261 
  border-style: solid;
262 
  background-color: #d7dcca;
263 
}
264 
 
265 
div.erreurs {
266 
  color: #ff6000;
267 
}
268 
div.recap {
269 
  border-color: #efc170;
270 
  border-width: 1px;
271 
  border-style: solid;
272 
  background-color: #eddfc7;
273 
  padding: 5px;
274 
}
275 
 
276 
a {
277 
	color: #005000;
278 
	text-decoration: none;
279 
}
280 
a:hover {
281 
	color: #007722;
282 
	text-decoration: underline;
283 
}
284 
 
285 
div.carte {
286 
	width: 600px;
287 
	height: 600px;
288 
  border-color: #005000;
289 
  border-width: 1px;
290 
  border-style: solid;
291 
 
292 
}
293 
 
294 
div.minicarte {
295 
        width: 330px;
296 
        height: 330px;
297 
  border-color: #005000;
298 
  border-width: 1px;
299 
  border-style: solid;
300 
 
301 
}
302 
 
303 
img.icone {
304 
	position: absolute;
305 
	top: 200px;
306 
	left: 220px;
307 
}
308 
img.bandeau {
309 
	border-width: 1px;
310 
	border-style: solid;
311 
	border-color: #007722;
312 
}
313 
 
314 
table.titre_repet td {
315 
	font-weight: bold;
316 
	font-size: 16px;
317 
	color: #BFCA3E;
318 
    vertical-align: middle;
319 
    text-align: left;
320 
}
321 
td.rappel_ods {
322 
	width: 45px;
323 
}
324 
td.fleche {
325 
	width: 8px;
326 
}