[platal.git] / htdocs / css / openweb.css

/***************************************************************************
 *  Copyright (C) 2003-2006 Polytechnique.org                              *
 *  http://opensource.polytechnique.org/                                   *
 *                                                                         *
 *  This program is free software; you can redistribute it and/or modify   *
 *  it under the terms of the GNU General Public License as published by   *
 *  the Free Software Foundation; either version 2 of the License, or      *
 *  (at your option) any later version.                                    *
 *                                                                         *
 *  This program is distributed in the hope that it will be useful,        *
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of         *
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
 *  GNU General Public License for more details.                           *
 *                                                                         *
 *  You should have received a copy of the GNU General Public License      *
 *  along with this program; if not, write to the Free Software            *
 *  Foundation, Inc.,                                                      *
 *  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA                *
 ***************************************************************************/

/*******************************************************************************
    1   Styles par d�fauts
        [ balises sans attributs ou classes sans contexte ]
*******************************************************************************/

body {
    background:#369;
    color: #096;
    font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:2em 1%;
    padding:0;
    font-size: 9pt;
}

a:link, a:visited { color: #f60; background: transparent; }
a:active, a:hover { color: #369; background: transparent; }

img   { vertical-align: middle; }
a img { border: 0px; }
td    { vertical-align: top; }
li    { padding: 0em 1em; text-align: justify; }
hr    { width: 90%; margin: 1em 5%; border: 1px dotted #369; border-bottom: none; }

fieldset {
    border: 1px dotted #69c;
    background: #fff;
    color: inherit;

    margin: 1em 0em;
    padding: 1em;
}

legend {
    border: 1px dotted #69c;
    background: #d6e1ec;
    color: inherit;

    padding: 0em 1em;
}

.center { text-align: center; }
.right  { text-align: right; }
.middle { vertical-align: middle; }
.smaller { font-size: smaller; font-style: italic; }
.spacer { clear: both; }

.float2 { float: left; width: 48%; margin: 2px; }
.float3 { float: left; width: 33%; }

/*******************************************************************************
    2   Styles <p>, <div>, <span>, <li>
        [ styles classiques d'effets de texte ]
*******************************************************************************/

p {
    padding: 0em 1em;
    margin-bottom: 0.5em;
    text-align: justify;
}

.erreur {
    font-weight: bold;
    color: #ff0000;
    background: inherit;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
    color: #ff3333;
    background: inherit;
}

h1 {
    color: #369;
    font-size: 140%;
    background: #f5f8fc;
    margin: 0em;
    border-bottom: 2px solid #369;
    padding: 4px;
    margin: 1em 0em;
}

h2 {
    color: #369;
    padding: 0px 4px;
    margin: 0.5em 0em;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px dotted #369;
}

h3 {
    margin: 0em;
    font-weight: bold;
    padding: 0.5em 0em;
    font-size: 100%;
}


p.explication, div.explication {
    font-style: italic;
    padding: 0em 1ex 1ex 1ex;
}

li.spaced {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: justify;
}

/*******************************************************************************
    3   Tableaux bicolores + classes utiles
        [ Tableaux � lignes altern�es, en taille normale, ou tiny ]
*******************************************************************************/

table.bicol {
    border-collapse: collapse;
    color: inherit;
    background: #fff;
    border: 1px solid #a2c2e1;
    width: 98%;
    margin-left: 1%;
}
table.tinybicol {
    border-collapse: collapse;
    color: inherit;
    background: #fff;
    border: 1px solid #a2c2e1;
    width: 70%;
    margin-left: 15%;
}

table.tinybicol tr.impair, table.bicol tr.impair {}
table.tinybicol tr.pair, table.bicol tr.pair {
    color: inherit;
    background: #eee;
}

table.tinybicol th, table.bicol th {
    color: #369;
    background: #d6e1ec;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 0px 4px;
}
table.tinybicol td, table.bicol td {
    color: #000000;
    background: inherit;
    padding: 0px 4px;
}

td.half { width: 50%; padding: 4px; }

td.titre {
    color: #000000;
    background: inherit;
    font-weight: bold;
}
td.action {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    vertical-align: middle;
}
td.action a { padding: 0px 2px; }

/*******************************************************************************
    4   Tableau de choix de skins
        [ Styles pour les tableaux de types de ceux des skins ]
*******************************************************************************/

#skin {
    border-bottom: 1px solid #a2c2e1;
    border-top: 1px solid #a2c2e1;
    width: 98%;
    margin-left: 1%;
}
#skin td {
    border-top: 1px solid #a2c2e1;
    border-bottom: 1px solid #a2c2e1;
    vertical-align: middle;
}
#skin td.skigauche {
    background: #d6e1ec;
    color: inherit;
    vertical-align: middle;
}
#skin td.skimilieu {
    padding-left: 1em;
    width: 100%;
}
#skin td.skidroite { padding: 0; }

/*******************************************************************************
    5   Contacts
        [ Styles li�s � l'affichage de contacts ]
*******************************************************************************/

div.contact-list {
    width: 98%;
    margin-left: 1%;
    border: 1px dotted #a2c2e1;
}

div.contact-list div.contact {
    width: 100%;
    text-align: left;
    background: #ffecce;
    border-top: 1px dotted black;
    color: inherit;
}

div.grayed {
    color: #444444;
    font-style: italic;
}

div.grayed div.contact {
    background: #eee;
}

div.contact div.nom {
    font-weight: bold;
    width: 35%;
    float: left;
    padding-left: 2px;
}

div.contact div.appli {
    float: left;
}

div.contact div.bits {
    text-align: right;
    float: right;
}

div.contact div.long {
    width: 100%;
    clear: both;
    background: #fff;
    color: inherit;
    padding: 1px 0px;
}


div.long table { width: 100%; }
div.long td.lt { width: 35%; padding-left: 4px; }
div.long td.rt { width: 65%; }

/*******************************************************************************
    6   Profil
        [ onglets des profils ]
*******************************************************************************/
  
table.flags {
    margin: 1em 0em 0em 0em;
}
table.flags input { margin: 0px 2px; padding: 0px; }

table.flags td.texte {
    font-size: smaller;
    font-weight: bold;
    padding: 3px;
}
table.flags td.vert {
    background: green;
    padding: 3px;
    text-align: center;
}
table.flags td.orange {
    background: #ff9900;
    padding: 3px;
    text-align: center;
}
table.flags td.rouge {
    background: red;
    padding: 3px;
    text-align: center;
}

table.cadre_a_onglet{
    border-width: 0px;
    padding : 0px;
    margin: 0px;
}

td.conteneur_tab {
    border-width : 1px 2px 2px 1px;
    border-style : solid;
    border-color : #999;
    padding : 4px 0px 0px 4px;
    background : #fff;
}

#onglet { display : block; margin : 0px; padding : 0px; }

#onglet li {
    display : block;
    float : left;
    padding : 0.5ex;
    margin : 0px 4px -1px 0px;
    background : #d2e0e6;
    width: auto;
    height: 6ex;
    text-align: center;
    border: 1px solid #999;
}

#onglet li:hover { background : #ffecce; }

#onglet li.actif {
    background : #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

#onglet li a {
    font-size: 90%;
    font-weight : normal;
    text-decoration : none;
    color : #000;
}

/*******************************************************************************
    7   fiche.php & fiche_referent.php
        [ cas de la fiche ]
*******************************************************************************/

em.intitule {
    color: purple;
    font-size: 90%;
}

div#body {
    color: #000;
    background: #fff;
    border: 3px solid #000;
    
    width: 800px;
    margin: 7px;
}

#fiche {
    width: 760px;
    font-size: 100%;
    vertical-align: top;

    background: #f5f8fc;
    border: 1px solid #69c;
    margin: 20px;
}

#fiche em { color: purple; }

#fiche_identite {
    padding: 5px;
    width: 600px;
}

#photo { padding-left: 1em; }

#fiche_identite div.civilite {
    text-align: center;
    font-weight: bold;
    width: 80%;
    float: left;
}

#fiche_identite div.maj {
    float: left;
    width: 20%;
    font-size: 80%;
    text-align: right;
    clear: right;
}

#fiche_identite div.contact {
    clear: both;
    margin: 1em;
    padding: 1ex;
    background: #fff;
    border: 1px dotted #69c;
}
#fiche_identite div.email {
    clear: left;
    float: left;
}
#fiche_identite div.mob {
    float: right;
    clear: right;
    text-align: right;
}

#fiche_identite div.formation {
    margin: 0em 1em;
}

div.adresse {
    float: left;
    width: 48%;
    padding: 0px;
    margin: 0px 1% 1ex 1%;
}

div.adresse div.titre { color: purple; }

/* only for fiche_referent.php*/

#fiche_referent{
    padding: 10px;
    width: 100%;
}

#fiche_referent div.rubrique_referent{
    float: left;
    width: 31%;
    padding: 0px;
    margin: 0px 1% 1ex 1%;
}

#fiche_referent em{color: purple;}
#fiche_referent ul { margin: 0px; padding: 0px 1em; }
#fiche_referent li { font-weight: bold; margin: 0px; padding: 0px; text-align: left; }

/*******************************************************************************
    A   SKIN
        [ choix de classes faites par le skinneur
*******************************************************************************/

#dev {
    width: 100%;
    text-align: center;
    padding: 1px;

    font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000;
    background: #f5f8fc;
}

#db-trace div.hide       { display: none; }
#db-trace:hover div.hide { display: block }
#db-trace h1 { margin: 0px; }

#suid {
    color: red;
    background: #ffc0cb;
    width: 100%;
    font-weight: bold;
}
#suid td { padding: 2px; }
#suid a { color: red; }

table#body {
    color: #000;
    background: #fff;
    border: 3px solid #000;
    
    width: 900px;
    margin: 1em auto;
}

#body-logo   {
    text-align: center;
    padding: 2em 0em 0em 0em;
}

#body-top    {
    text-align: center;
    font-size: 94%;
    padding: 2em 2em 0em 2em;
    padding-bottom: 16px;
    font-family: Georgia,serif;
}

#body-top table { width: 100%; padding: 4px; }
#body-top .date-heure { text-align: left; }
#body-top .inscrits { text-align: right; }

#body-bottom { text-align: center;}

#body-menu {
    padding: 1em 0em 2em 2em;
    border: 0px;
    width: 140px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 100%;
}

#body-menu a {
    color: #690;
    background: #fff;
    border: 1px dotted #fff;
    display: block;
    padding: 1px 4px;
    text-align: left;
    font-size: 85%;
    font-family: Bitstream Vera Sans,Verdana,sans-serif;
    text-decoration: none;
}

#body-menu a:hover {
    color: #690;
    background: #eaf2db;
    border: 1px dotted #690;
}

#body-menu .menu_title {
    color: #f90;
    background: #fff;
    border-top: none;
    border-bottom: 3px solid #f90;
    padding: 1px;
    text-transform: uppercase;
    text-align: left;
    margin: 1ex 0ex;
}

#content {
    width: auto;
    font-size: 100%;
    vertical-align: top;

    background: #f5f8fc;
    border: 1px solid #69c;
    line-height:125%;
    padding: 0em 1em 1em 1em;
    margin: 1em 2em 2em 2em;
}

#content-margin { width: 2em; }

#content input {
    font-size: 95%;
}

/* vim: set et ts=4 sts=4 sw=4: */
Commit	Line	Data
0337d704	1	/***************************************************************************
50a40a33	2	* Copyright (C) 2003-2006 Polytechnique.org *
0337d704	3	* http://opensource.polytechnique.org/ *
	4	* *
	5	* This program is free software; you can redistribute it and/or modify *
	6	* it under the terms of the GNU General Public License as published by *
	7	* the Free Software Foundation; either version 2 of the License, or *
	8	* (at your option) any later version. *
	9	* *
	10	* This program is distributed in the hope that it will be useful, *
	11	* but WITHOUT ANY WARRANTY; without even the implied warranty of *
	12	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
	13	* GNU General Public License for more details. *
	14	* *
	15	* You should have received a copy of the GNU General Public License *
	16	* along with this program; if not, write to the Free Software *
	17	* Foundation, Inc., *
	18	* 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA *
	19	***************************************************************************/
	20
	21	/*******************************************************************************
	22	1 Styles par d�fauts
	23	[ balises sans attributs ou classes sans contexte ]
	24	*******************************************************************************/
	25
	26	body {
	27	background:#369;
	28	color: #096;
	29	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	30	margin:2em 1%;
	31	padding:0;
	32	font-size: 9pt;
	33	}
	34
	35	a:link, a:visited { color: #f60; background: transparent; }
	36	a:active, a:hover { color: #369; background: transparent; }
	37
	38	img { vertical-align: middle; }
	39	a img { border: 0px; }
	40	td { vertical-align: top; }
	41	li { padding: 0em 1em; text-align: justify; }
	42	hr { width: 90%; margin: 1em 5%; border: 1px dotted #369; border-bottom: none; }
	43
	44	fieldset {
	45	border: 1px dotted #69c;
	46	background: #fff;
	47	color: inherit;
	48
	49	margin: 1em 0em;
	50	padding: 1em;
	51	}
	52
	53	legend {
	54	border: 1px dotted #69c;
	55	background: #d6e1ec;
	56	color: inherit;
	57
	58	padding: 0em 1em;
	59	}
	60
	61	.center { text-align: center; }
	62	.right { text-align: right; }
	63	.middle { vertical-align: middle; }
	64	.smaller { font-size: smaller; font-style: italic; }
	65	.spacer { clear: both; }
	66
67	.float2 { float: left; width: 48%; margin: 2px; }
68	.float3 { float: left; width: 33%; }
69
70	/*******************************************************************************
71	2 Styles <p>, <div>, <span>, <li>
72	[ styles classiques d'effets de texte ]
73	*******************************************************************************/
74
75	p {
76	padding: 0em 1em;
77	margin-bottom: 0.5em;
78	text-align: justify;
79	}
80
81	.erreur {
82	font-weight: bold;
83	color: #ff0000;
84	background: inherit;
85	margin-top: 0.5em;
86	margin-bottom: 0.5em;
87	}
88
89	.erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
90	color: #ff3333;
91	background: inherit;
92	}
93
94	h1 {
95	color: #369;
96	font-size: 140%;
97	background: #f5f8fc;
98	margin: 0em;
99	border-bottom: 2px solid #369;
100	padding: 4px;
101	margin: 1em 0em;
102	}
103
104	h2 {
105	color: #369;
106	padding: 0px 4px;
107	margin: 0.5em 0em;
108	font-size: 110%;
109	font-weight: bold;
110	border-bottom: 1px dotted #369;
111	}
112
113	h3 {
114	margin: 0em;
115	font-weight: bold;
116	padding: 0.5em 0em;
117	font-size: 100%;
118	}
119
120
121	p.explication, div.explication {
122	font-style: italic;
123	padding: 0em 1ex 1ex 1ex;
124	}
125
126	li.spaced {
127	padding-top: 0.5em;
128	padding-bottom: 0.5em;
129	text-align: justify;
130	}
131
132	/*******************************************************************************
133	3 Tableaux bicolores + classes utiles
134	[ Tableaux � lignes altern�es, en taille normale, ou tiny ]
135	*******************************************************************************/
136
137	table.bicol {
138	border-collapse: collapse;
139	color: inherit;
140	background: #fff;
141	border: 1px solid #a2c2e1;
142	width: 98%;
143	margin-left: 1%;
144	}
145	table.tinybicol {
146	border-collapse: collapse;
147	color: inherit;
148	background: #fff;
149	border: 1px solid #a2c2e1;
150	width: 70%;
151	margin-left: 15%;
152	}
153
154	table.tinybicol tr.impair, table.bicol tr.impair {}
155	table.tinybicol tr.pair, table.bicol tr.pair {
156	color: inherit;
157	background: #eee;
158	}
159
160	table.tinybicol th, table.bicol th {
161	color: #369;
162	background: #d6e1ec;
163	font-weight: bold;
164	text-align: center;
165	vertical-align: middle;
166	padding: 0px 4px;
167	}
168	table.tinybicol td, table.bicol td {
169	color: #000000;
170	background: inherit;
171	padding: 0px 4px;
172	}
173
174	td.half { width: 50%; padding: 4px; }
175
176	td.titre {
177	color: #000000;
178	background: inherit;
179	font-weight: bold;
180	}
181	td.action {
182	white-space: nowrap;
183	text-align: right;
184	font-weight: bold;
185	vertical-align: middle;
186	}
187	td.action a { padding: 0px 2px; }
188
189	/*******************************************************************************
190	4 Tableau de choix de skins
191	[ Styles pour les tableaux de types de ceux des skins ]
192	*******************************************************************************/
193
194	#skin {
195	border-bottom: 1px solid #a2c2e1;
196	border-top: 1px solid #a2c2e1;
197	width: 98%;
198	margin-left: 1%;
199	}
200	#skin td {
201	border-top: 1px solid #a2c2e1;
202	border-bottom: 1px solid #a2c2e1;
203	vertical-align: middle;
204	}
205	#skin td.skigauche {
206	background: #d6e1ec;
207	color: inherit;
208	vertical-align: middle;
209	}
210	#skin td.skimilieu {
211	padding-left: 1em;
212	width: 100%;
213	}
214	#skin td.skidroite { padding: 0; }
215
216	/*******************************************************************************
217	5 Contacts
218	[ Styles li�s � l'affichage de contacts ]
219	*******************************************************************************/
220
221	div.contact-list {
222	width: 98%;
223	margin-left: 1%;
224	border: 1px dotted #a2c2e1;
225	}
226
227	div.contact-list div.contact {
228	width: 100%;
229	text-align: left;
230	background: #ffecce;
231	border-top: 1px dotted black;
232	color: inherit;
233	}
234
235	div.grayed {
236	color: #444444;
237	font-style: italic;
238	}
239
240	div.grayed div.contact {
241	background: #eee;
242	}
243
244	div.contact div.nom {
245	font-weight: bold;
246	width: 35%;
247	float: left;
248	padding-left: 2px;
249	}
250
251	div.contact div.appli {
252	float: left;
253	}
254
255	div.contact div.bits {
256	text-align: right;
257	float: right;
258	}
259
260	div.contact div.long {
261	width: 100%;
262	clear: both;
263	background: #fff;
264	color: inherit;
265	padding: 1px 0px;
266	}
267
268
269	div.long table { width: 100%; }
270	div.long td.lt { width: 35%; padding-left: 4px; }
271	div.long td.rt { width: 65%; }
272
273	/*******************************************************************************
274	6 Profil
275	[ onglets des profils ]
276	*******************************************************************************/
277
278	table.flags {
279	margin: 1em 0em 0em 0em;
280	}
281	table.flags input { margin: 0px 2px; padding: 0px; }
282
283	table.flags td.texte {
284	font-size: smaller;
285	font-weight: bold;
286	padding: 3px;
287	}
288	table.flags td.vert {
289	background: green;
290	padding: 3px;
291	text-align: center;
292	}
293	table.flags td.orange {
294	background: #ff9900;
295	padding: 3px;
296	text-align: center;
297	}
298	table.flags td.rouge {
299	background: red;
300	padding: 3px;
301	text-align: center;
302	}
303
304	table.cadre_a_onglet{
305	border-width: 0px;
306	padding : 0px;
307	margin: 0px;
308	}
309
310	td.conteneur_tab {
311	border-width : 1px 2px 2px 1px;
312	border-style : solid;
313	border-color : #999;
314	padding : 4px 0px 0px 4px;
315	background : #fff;
316	}
317
318	#onglet { display : block; margin : 0px; padding : 0px; }
319
320	#onglet li {
321	display : block;
322	float : left;
323	padding : 0.5ex;
324	margin : 0px 4px -1px 0px;
325	background : #d2e0e6;
326	width: auto;
327	height: 6ex;
328	text-align: center;
329	border: 1px solid #999;
330	}
331
332	#onglet li:hover { background : #ffecce; }
333
334	#onglet li.actif {
335	background : #fff;
336	font-weight: bold;
337	border-bottom: 1px solid #fff;
338	}
339
340	#onglet li a {
341	font-size: 90%;
342	font-weight : normal;
343	text-decoration : none;
344	color : #000;
345	}
346
347	/*******************************************************************************
348	7 fiche.php & fiche_referent.php
349	[ cas de la fiche ]
350	*******************************************************************************/
351
352	em.intitule {
353	color: purple;
354	font-size: 90%;
355	}
356
357	div#body {
358	color: #000;
359	background: #fff;
360	border: 3px solid #000;
361
362	width: 800px;
363	margin: 7px;
364	}
365
366	#fiche {
367	width: 760px;
368	font-size: 100%;
369	vertical-align: top;
370
371	background: #f5f8fc;
372	border: 1px solid #69c;
373	margin: 20px;
374	}
375
376	#fiche em { color: purple; }
377
378	#fiche_identite {
379	padding: 5px;
380	width: 600px;
381	}
382
383	#photo { padding-left: 1em; }
384
385	#fiche_identite div.civilite {
386	text-align: center;
387	font-weight: bold;
388	width: 80%;
389	float: left;
390	}
391
392	#fiche_identite div.maj {
393	float: left;
394	width: 20%;
395	font-size: 80%;
396	text-align: right;
397	clear: right;
398	}
399
400	#fiche_identite div.contact {
401	clear: both;
402	margin: 1em;
403	padding: 1ex;
404	background: #fff;
405	border: 1px dotted #69c;
406	}
407	#fiche_identite div.email {
408	clear: left;
409	float: left;
410	}
411	#fiche_identite div.mob {
412	float: right;
413	clear: right;
414	text-align: right;
415	}
416
417	#fiche_identite div.formation {
418	margin: 0em 1em;
419	}
420
421	div.adresse {
422	float: left;
423	width: 48%;
424	padding: 0px;
425	margin: 0px 1% 1ex 1%;
426	}
427
428	div.adresse div.titre { color: purple; }
429
430	/* only for fiche_referent.php*/
431
432	#fiche_referent{
433	padding: 10px;
434	width: 100%;
435	}
436
437	#fiche_referent div.rubrique_referent{
438	float: left;
439	width: 31%;
440	padding: 0px;
441	margin: 0px 1% 1ex 1%;
442	}
443
444	#fiche_referent em{color: purple;}
445	#fiche_referent ul { margin: 0px; padding: 0px 1em; }
446	#fiche_referent li { font-weight: bold; margin: 0px; padding: 0px; text-align: left; }
447
448	/*******************************************************************************
449	A SKIN
450	[ choix de classes faites par le skinneur
451	*******************************************************************************/
452
453	#dev {
454	width: 100%;
455	text-align: center;
456	padding: 1px;
457
458	font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif;
459	font-size: 10pt;
460	font-weight: bold;
461	color: #000;
462	background: #f5f8fc;
463	}
464
465	#db-trace div.hide { display: none; }
466	#db-trace:hover div.hide { display: block }
467	#db-trace h1 { margin: 0px; }
468
469	#suid {
470	color: red;
471	background: #ffc0cb;
472	width: 100%;
473	font-weight: bold;
474	}
475	#suid td { padding: 2px; }
476	#suid a { color: red; }
477
478	table#body {
479	color: #000;
480	background: #fff;
481	border: 3px solid #000;
482
483	width: 900px;
484	margin: 1em auto;
485	}
486
487	#body-logo {
488	text-align: center;
489	padding: 2em 0em 0em 0em;
490	}
491
492	#body-top {
493	text-align: center;
494	font-size: 94%;
495	padding: 2em 2em 0em 2em;
496	padding-bottom: 16px;
497	font-family: Georgia,serif;
498	}
499
500	#body-top table { width: 100%; padding: 4px; }
501	#body-top .date-heure { text-align: left; }
502	#body-top .inscrits { text-align: right; }
503
504	#body-bottom { text-align: center;}
505
506	#body-menu {
507	padding: 1em 0em 2em 2em;
508	border: 0px;
509	width: 140px;
510	font-weight: bold;
511	white-space: nowrap;
512	line-height: 100%;
513	}
514
515	#body-menu a {
516	color: #690;
517	background: #fff;
518	border: 1px dotted #fff;
519	display: block;
520	padding: 1px 4px;
521	text-align: left;
522	font-size: 85%;
523	font-family: Bitstream Vera Sans,Verdana,sans-serif;
524	text-decoration: none;
525	}
526
527	#body-menu a:hover {
528	color: #690;
529	background: #eaf2db;
530	border: 1px dotted #690;
531	}
532
533	#body-menu .menu_title {
534	color: #f90;
535	background: #fff;
536	border-top: none;
537	border-bottom: 3px solid #f90;
538	padding: 1px;
539	text-transform: uppercase;
540	text-align: left;
541	margin: 1ex 0ex;
542	}
543
544	#content {
545	width: auto;
546	font-size: 100%;
547	vertical-align: top;
548
549	background: #f5f8fc;
550	border: 1px solid #69c;
551	line-height:125%;
552	padding: 0em 1em 1em 1em;
553	margin: 1em 2em 2em 2em;
554	}
555
556	#content-margin { width: 2em; }
557
558	#content input {
559	font-size: 95%;
560	}
561
562	/* vim: set et ts=4 sts=4 sw=4: */