1 /***************************************************************************
2 * Copyright (C) 2003-2007 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 *******************************************************************************/
27 font-family: "Arial", sans-serif
;
32 a:link, a:visited
, a:active
, a:hover
{ color: #003399; background: none
; }
33 img { vertical-align: middle
; }
34 a img { border: 0px; }
35 td { vertical-align: top
; }
36 li { padding-left: 3px; padding-right: 3px; text-align: justify
; }
37 hr { width: 90%; text-align: center }
38 dt { font-weight: bold
; }
41 border: 1px #336699 solid
;
50 border: 1px #336699 solid
;
58 .center { text-align: center; }
59 .right { text-align: right
; }
60 .middle { vertical-align: middle
; }
61 .smaller { font-size: smaller
; font-style: italic
; }
62 .spacer { clear: both
; }
64 .float2 { float: left
; width: 49%; }
65 .float3 { float: left
; width: 33%; }
67 /*******************************************************************************
68 2 Styles <p>, <div>, <span>, <li>
69 [ styles classiques d'effets de texte ]
70 *******************************************************************************/
85 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
92 background: url
('../images/skins/default_titre.gif');
93 background-repeat: no-repeat
;
98 font-family: "helvetica", sans-serif
;
101 margin: 1em 0em 1em 0em;
102 padding: 0em 0em 0em 0.5em;
106 padding: 0.5em 0em 0em 0em;
119 p.explication
, div.explication
{
121 padding: 0em 1ex 1ex 1ex;
126 padding-bottom: 0.5em;
130 /*******************************************************************************
131 3 Tableaux bicolores + classes utiles
132 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
133 *******************************************************************************/
138 border: 1px solid
#336699;
139 border-collapse: collapse
;
146 border: 1px solid
#336699;
147 border-collapse: collapse
;
152 table.tinybicol
tr.impair
, table.bicol
tr.impair
{}
153 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
158 table.tinybicol
th, table.bicol
th {
163 vertical-align: middle
;
166 table.tinybicol
th a:link, table.tinybicol
th a:visited
,
167 table.tinybicol
th a:active
, table.tinybicol
th a:hover
,
168 table.bicol
th a:link, table.bicol
th a:visited
,
169 table.bicol
th a:active
, table.bicol
th a:hover
{
174 table.tinybicol
td, table.bicol
td {
179 table.tinybicol
td, table.bicol
td, table.tinybicol
tr, table.bicol
tr { padding: 4px; }
181 td.half
{ width: 50%; padding: 4px; }
191 vertical-align: middle
;
193 td.action
a { padding: 0px 2px 0px 2px; }
195 /*******************************************************************************
196 4 Tableau de choix de skins
197 [ Styles pour les tableaux de types de ceux des skins ]
198 *******************************************************************************/
201 border-bottom: 1px solid
#003399;
202 border-top: 1px solid
#003399;
207 border-bottom: 2px solid
#003399;
208 border-top: 1px solid
#003499;
209 vertical-align: middle
;
214 vertical-align: middle
;
220 #skin td.skidroite
{ padding: 0; }
222 /*******************************************************************************
224 [ Styles liés à l'affichage de contacts ]
225 *******************************************************************************/
232 div.contact-list
div.contact
{
235 border-top: 1px solid
#003399;
245 div.grayed
div.contact
{
249 div.contact
div.nom
{
255 div.contact
div.appli
{
259 div.contact
div.bits
{
264 div.contact
div.long
{
273 div.long
table { width: 100%; }
274 div.long
td.lt
{ width: 35%; }
275 div.long
td.rt
{ width: 65%; }
277 /*******************************************************************************
279 [ onglets des profils ]
280 *******************************************************************************/
283 margin: 1em 0em 0em 0em;
285 table.flags
input { margin: 0px 2px; padding: 0px; }
287 table.flags
td.texte
, tr.flags
td.texte
{
292 table.flags
td.vert
, tr.flags
td.vert
{
297 table.flags
td.orange
, tr.flags
td.orange
{
302 table.flags
td.rouge
, tr.flags
td.rouge
{
308 table.cadre_a_onglet
{
315 border-width : 1px 2px 2px 1px;
316 border-style : solid
;
318 padding : 4px 4px 4px 4px;
319 background : #eceade;
332 margin : 0 0.3ex -1px 0;
333 background : #D2E0E6 repeat-x
0 100%;
334 border-width : 1px 1px 0px 1px;
335 border-style : solid
;
337 border-bottom-color : #999;
343 #onglet li:hover
{ background : #fc3 repeat-x
0 100%; }
346 background : #eceade;
347 border-bottom-color : #eceade;
353 font-weight : normal
;
354 text-decoration : none
;
358 #onglet li a:hover
{ text-decoration: underline
; }
359 #onglet li img { margin-right : 2px; }
361 /*******************************************************************************
362 7 fiche.php & fiche_referent.php
364 *******************************************************************************/
371 border: 1px solid
#369;
374 #fiche em { color: purple
; }
381 border-bottom: 1px dotted
#369;
389 #photo { padding-left: 1em; }
391 #fiche_identite div.civilite
{
398 #fiche_identite div.maj
{
406 #fiche_identite div.contact
{
411 border: 1px dotted
#69c;
413 #fiche_identite div.email
{
417 #fiche_identite div.mob
{
423 #fiche_identite div.formation
{
432 margin: 0px 0.5% 1ex 1%;
439 /* only for fiche_referent.php*/
446 #fiche_referent div.rubrique_referent
{
450 margin: 0px 1% 1ex 1%;
454 #fiche_referent em{color: purple
;}
455 #fiche_referent ul { margin: 0px; padding: 0px 1em; }
456 #fiche_referent li { font-weight: bold
; margin: 0px; padding: 0px; text-align: left
; }
458 /*******************************************************************************
460 [ choix de classes faites par le skinneur
461 *******************************************************************************/
471 font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif
;
476 #dev a { text-decoration: underline
; }
477 #dev a:hover
{ color: #003399; background: #c0e0e0; }
479 .backtrace div.hide { display: none
; }
480 .backtrace:hover div.hide { display: block
}
492 text-decoration: none
;
512 border-right: 1px solid gray
;
514 font-family: "MS Sans Serif", sans-serif
;
516 border-bottom: 1px solid gray
;
520 border-bottom: 1px solid gray
;
524 padding-bottom: 16px;
525 font-family: "Arial", sans-serif
;
528 #body-top table { width: 100%; padding: 4px; }
529 #body-top .date-heure
{ text-align: left
; }
530 #body-top .inscrits
{ text-align: right
; }
533 border-top: 1px solid gray
;
537 font-family: "MS Sans Serif", sans-serif
;
542 border-right: 1px solid gray
;
544 font-family: "MS Sans Serif", sans-serif
;
550 #body-menu .menu_item
{
556 #body-menu .menu_title
{
559 border-top: 1px solid gray
;
560 border-bottom: 1px solid gray
;
568 padding: 4px 0px 4px 16px;
587 /* vim: set et ts=4 sts=4 sw=4: */