1 /***************************************************************************
2 * Copyright (C) 2003-2006 Polytechnique.org *
3 * http://opensource.polytechnique.org/ *
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. *
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. *
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 *
18 * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA *
19 ***************************************************************************/
21 /*******************************************************************************
23 [ balises sans attributs ou classes sans contexte ]
24 *******************************************************************************/
29 font-family:"Trebuchet MS",Verdana
,Geneva
,Arial
,Helvetica
,sans-serif
;
35 a:link, a:visited
{ color: #f60; background: transparent
; }
36 a:active
, a:hover
{ color: #369; background: transparent
; }
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
; }
45 border: 1px dotted
#69c;
54 border: 1px dotted
#69c;
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
; }
67 .float2 { float: left
; width: 48%; margin: 2px; }
68 .float3 { float: left
; width: 33%; }
70 /*******************************************************************************
71 2 Styles <p>, <div>, <span>, <li>
72 [ styles classiques d'effets de texte ]
73 *******************************************************************************/
89 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
99 border-bottom: 2px solid
#369;
110 border-bottom: 1px dotted
#369;
121 p.explication
, div.explication
{
123 padding: 0em 1ex 1ex 1ex;
128 padding-bottom: 0.5em;
132 /*******************************************************************************
133 3 Tableaux bicolores + classes utiles
134 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
135 *******************************************************************************/
138 border-collapse: collapse
;
141 border: 1px solid
#a2c2e1;
146 border-collapse: collapse
;
149 border: 1px solid
#a2c2e1;
154 table.tinybicol
tr.impair
, table.bicol
tr.impair
{}
155 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
160 table.tinybicol
th, table.bicol
th {
165 vertical-align: middle
;
168 table.tinybicol
td, table.bicol
td {
174 td.half
{ width: 50%; padding: 4px; }
185 vertical-align: middle
;
187 td.action
a { padding: 0px 2px; }
189 /*******************************************************************************
190 4 Tableau de choix de skins
191 [ Styles pour les tableaux de types de ceux des skins ]
192 *******************************************************************************/
195 border-bottom: 1px solid
#a2c2e1;
196 border-top: 1px solid
#a2c2e1;
201 border-top: 1px solid
#a2c2e1;
202 border-bottom: 1px solid
#a2c2e1;
203 vertical-align: middle
;
208 vertical-align: middle
;
214 #skin td.skidroite
{ padding: 0; }
216 /*******************************************************************************
218 [ Styles liés à l'affichage de contacts ]
219 *******************************************************************************/
224 border: 1px dotted
#a2c2e1;
227 div.contact-list
div.contact
{
231 border-top: 1px dotted black
;
240 div.grayed
div.contact
{
244 div.contact
div.nom
{
251 div.contact
div.appli
{
255 div.contact
div.bits
{
260 div.contact
div.long
{
269 div.long
table { width: 100%; }
270 div.long
td.lt
{ width: 35%; padding-left: 4px; }
271 div.long
td.rt
{ width: 65%; }
273 /*******************************************************************************
275 [ onglets des profils ]
276 *******************************************************************************/
279 margin: 1em 0em 0em 0em;
281 table.flags
input { margin: 0px 2px; padding: 0px; }
283 table.flags
td.texte
{
288 table.flags
td.vert
{
293 table.flags
td.orange
{
298 table.flags
td.rouge
{
304 table.cadre_a_onglet
{
311 border-width : 1px 2px 2px 1px;
312 border-style : solid
;
314 padding : 4px 0px 0px 4px;
318 #onglet { display : block
; margin : 0px; padding : 0px; }
324 margin : 0px 4px -1px 0px;
325 background : #d2e0e6;
329 border: 1px solid
#999;
332 #onglet li:hover
{ background : #ffecce; }
337 border-bottom: 1px solid
#fff;
342 font-weight : normal
;
343 text-decoration : none
;
347 /*******************************************************************************
348 7 fiche.php & fiche_referent.php
350 *******************************************************************************/
360 border: 3px solid
#000;
372 border: 1px solid
#69c;
376 #fiche em { color: purple
; }
383 #photo { padding-left: 1em; }
385 #fiche_identite div.civilite
{
392 #fiche_identite div.maj
{
400 #fiche_identite div.contact
{
405 border: 1px dotted
#69c;
407 #fiche_identite div.email
{
411 #fiche_identite div.mob
{
417 #fiche_identite div.formation
{
425 margin: 0px 1% 1ex 1%;
428 div.adresse
div.titre
{ color: purple
; }
430 /* only for fiche_referent.php*/
437 #fiche_referent div.rubrique_referent
{
441 margin: 0px 1% 1ex 1%;
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
; }
448 /*******************************************************************************
450 [ choix de classes faites par le skinneur
451 *******************************************************************************/
458 font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif
;
465 #db-trace div.hide
{ display: none
; }
466 #db-trace:hover
div.hide
{ display: block
}
467 #db-trace h1 { margin: 0px; }
475 #suid td { padding: 2px; }
476 #suid a { color: red
; }
481 border: 3px solid
#000;
489 padding: 2em 0em 0em 0em;
495 padding: 2em 2em 0em 2em;
496 padding-bottom: 16px;
497 font-family: Georgia
,serif
;
500 #body-top table { width: 100%; padding: 4px; }
501 #body-top .date-heure
{ text-align: left
; }
502 #body-top .inscrits
{ text-align: right
; }
504 #body-bottom { text-align: center;}
507 padding: 1em 0em 2em 2em;
518 border: 1px dotted
#fff;
523 font-family: Bitstream Vera Sans
,Verdana
,sans-serif
;
524 text-decoration: none
;
530 border: 1px dotted
#690;
533 #body-menu .menu_title
{
537 border-bottom: 3px solid
#f90;
539 text-transform: uppercase
;
550 border: 1px solid
#69c;
552 padding: 0em 1em 1em 1em;
553 margin: 1em 2em 2em 2em;
556 #content-margin { width: 2em; }
562 /* vim: set et ts=4 sts=4 sw=4: */