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 *******************************************************************************/
27 font-family: "Arial", sans-serif
;
29 background: url
('../images/skins/keynote_bg.png') #4f4e63 top left repeat-x fixed
;
33 a:link, a:visited
, a:active
, a:hover
{
37 a:hover
{ color: #999; }
39 img { vertical-align: middle
; }
40 a img { border: 0px; }
41 td { vertical-align: top
; }
42 li { padding-left: 3px; padding-right: 3px;
43 text-align: justify
; }
44 hr { text-align: center; }
47 border-top: 1px solid
#fff;
48 border-left: 1px solid
#fff;
49 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
54 border: 1px solid
#fff;
55 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed
;
62 .center { text-align: center; }
63 .right { text-align: right
; }
64 .middle { vertical-align: middle
; }
65 .smaller { font-size: smaller
; font-style: italic
; }
66 .spacer { clear: both
; }
68 .float2 { float: left
; width: 49%; }
69 .float3 { float: left
; width: 33%; }
71 /*******************************************************************************
72 2 Styles <p>, <div>, <span>, <li>
73 [ styles classiques d'effets de texte ]
74 *******************************************************************************/
89 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
95 background: url
('../images/skins/keynote_titlepuce2.gif') top left no-repeat
;
96 background-color: inherit
;
97 margin: 0.5em 0 0.5em 0;
99 padding: 6px 0 0 24px;
102 font-family: "helvetica", sans-serif
;
110 padding: 0.5em 0em 0em 0em;
125 p.explication
, div.explication
{
127 padding: 0em 1ex 1ex 1ex;
132 padding-bottom: 0.3em;
136 /*******************************************************************************
137 3 Tableaux bicolores + classes utiles
138 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
139 *******************************************************************************/
140 table.bicol
, table.tinybicol
{
142 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
143 border-width: 1px 0 0 1px;
146 border-collapse: collapse
;
148 table.bicol
{ width: 98%; margin-left: 1%; }
149 table.tinybicol
{ width: 70%; margin-left: 15%; }
151 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
153 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
156 table.tinybicol
th, table.bicol
th {
160 vertical-align: middle
;
161 background-color: #000;
164 table.tinybicol
tr:first-child
th, table.bicol
tr:first-child
th {
166 background: url
('../images/skins/keynote_title.gif') #000 top left repeat-x
;
169 table.tinybicol
td, table.bicol
td {
174 table.tinybicol
td, table.bicol
td, table.tinybicol
tr, table.bicol
tr { padding: 4px; }
176 td.half
{ width: 50%; padding: 4px; }
186 vertical-align: middle
;
188 td.action
a { padding: 0px 2px 0px 2px; }
190 /*******************************************************************************
191 4 Tableau de choix de skins
192 [ Styles pour les tableaux de types de ceux des skins ]
193 *******************************************************************************/
196 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
198 border-top: 1px solid
#fff;
203 border-bottom: 1px solid
#fff;
204 vertical-align: middle
;
207 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
209 vertical-align: middle
;
215 #skin td.skidroite
{ padding: 0; }
217 /*******************************************************************************
219 [ Styles liés à l'affichage de contacts ]
220 *******************************************************************************/
226 div.contact-list
div.contact
{
227 border-top: 1px solid
#fff;
228 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
235 div.grayed
div.contact
{
237 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
240 div.contact
div.nom
{
247 div.contact
div.appli
{
251 div.contact
div.bits
{
256 div.contact
div.long
{
257 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
264 div.long
table { width: 100%; }
265 div.long
td.lt
{ width: 35%; }
266 div.long
td.rt
{ width: 65%; }
268 /*******************************************************************************
270 [ onglets des profils ]
271 *******************************************************************************/
273 table.flags
, tr.flags
{
277 table.flags
input { margin: 0px 2px; padding: 0px; }
279 table.flags
td.texte
, tr.flags
td.texte
{
284 table.flags
td.vert
, tr.flags
td.vert
{
285 background: url
('../images/icons/flag_green.gif') top right no-repeat
;
288 table.flags
td.orange
, tr.flags
td.orange
{
289 background: url
('../images/icons/flag_orange.gif') top right no-repeat
;
292 table.flags
td.rouge
, tr.flags
td.rouge
{
293 background: url
('../images/icons/flag_red.gif') top right no-repeat
;
297 table.cadre_a_onglet
{
304 border: 1px solid
#9c9c9c;
305 border-left-color: #eee;
306 padding: 8px 4px 4px 4px;
307 background : url
('../images/skins/keynote_topborder.png') top repeat-x
;
320 margin : 0 0.3ex -1px 3px;
321 border: 1px solid
#9c9c9c;
333 background : #adadad;
338 background : #dedede;
339 border: 1px solid
#f0f0f0;
341 border-bottom-color: #dedede;
347 text-decoration: none
;
352 text-decoration: underline
;
354 #onglet li img { margin-right: 2px; }
356 /*******************************************************************************
357 7 fiche.php & fiche_referent.php
359 *******************************************************************************/
364 border-top: 1px solid
#fff;
365 border-left: 1px solid
#fff;
366 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
377 background: url
('../images/skins/keynote_title.gif') bottom repeat-x
;
378 background-color: inherit
;
379 border-bottom: 1px solid
#202020;
392 #photo { padding-left: 0em; }
394 #fiche_identite div.civilite
{
403 #fiche_identite div.maj
{
412 #fiche_identite div.contact
{
416 border-width: 1px 0 0 1px;
417 border-style: dotted
;
419 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
423 #fiche_identite div.contact
em {
428 #fiche_identite div.email
{
432 #fiche_identite div.mob
{
438 #fiche_identite div.formation
{
447 margin: 0px 1% 1ex 1%;
450 /* only for fiche_referent.php*/
457 #fiche_referent div.rubrique_referent
{
461 margin: 0px 1% 1ex 1%;
470 #fiche_referent ul { margin: 0px; padding: 0px 1em; }
471 #fiche_referent li { font-weight: bold
; margin: 0px; padding: 0px; text-align: left
; }
473 /*******************************************************************************
475 [ choix de classes faites par le skinneur
476 *******************************************************************************/
483 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed
;
489 #dev a { text-decoration: none
; }
491 #db-trace div.hide
{ display: none
; }
492 #db-trace:hover
div.hide
{ display: block
}
500 #suid td { padding: 2px; }
501 #suid a { color: red
; background: inherit
; }
519 border-bottom: 1px solid
#fff;
521 #body-top table { width: 100%; padding: 4px; }
522 #body-top .date-heure
{ text-align: left
; }
523 #body-top .inscrits
{ text-align: right
; }
527 border-top: 1px solid
#fff;
531 font-family: "MS Sans Serif", sans-serif
;
540 border-right: 1px solid
#fff;
543 #body-menu .menu_item
{
548 #body-menu a:link, #body-menu
a:visited
, #body-menu
a:active
, #body-meny
a:hover
{
551 text-decoration: none
;
554 #body-menu .menu_item:hover
{
556 background-color: #556;
559 #body-menu .menu_title
{
562 background: url
('../images/skins/keynote_title.gif') bottom repeat-x
;
563 background-color: inherit
;
564 border-bottom: 1px solid
#202020;
567 vertical-align: bottom
;
572 padding: 0 0 4px 16px;
592 /* vim: set et ts=4 sts=4 sw=4: */