1 /***************************************************************************
2 * Copyright (C) 2003-2010 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
;
49 border: 1px #336699 solid
;
57 .center { text-align: center; }
58 .right { text-align: right
; }
59 .middle { vertical-align: middle
; }
60 .smaller { font-size: smaller
; font-style: italic
; }
61 .spacer { clear: both
; }
63 .float2 { float: left
; width: 49%; }
64 .float3 { float: left
; width: 33%; }
66 /*******************************************************************************
67 2 Styles <p>, <div>, <span>, <li>
68 [ styles classiques d'effets de texte ]
69 *******************************************************************************/
78 border: 1px solid
#f00;
79 background-color: #fcc;
85 border: 1px solid
#ed0;
86 background-color: #ffc;
92 border: 1px solid
#0d2;
93 background-color: #cfd;
102 margin-bottom: 0.5em;
105 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
111 border-bottom: 1px dashed black
;
114 input.error
, textarea.error
{
115 background-color: #faa;
118 input.valid
, textarea.valid
{
119 background-color: #afa;
122 input.warning
, textarea.warning
{
123 background-color: #fda;
128 background: url
('../images/skins/default_titre.gif');
129 background-repeat: no-repeat
;
134 font-family: "helvetica", sans-serif
;
137 margin: 1em 0em 1em 0em;
138 padding: 0em 0em 0em 0.5em;
142 padding: 0.5em 0em 0em 0em;
155 p.explication
, div.explication
{
157 padding: 0em 1ex 1ex 1ex;
162 padding-bottom: 0.5em;
166 /*******************************************************************************
167 3 Tableaux bicolores + classes utiles
168 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
169 *******************************************************************************/
174 border: 1px solid
#336699;
175 border-collapse: collapse
;
182 border: 1px solid
#336699;
183 border-collapse: collapse
;
188 table.tinybicol
tr.impair
, table.bicol
tr.impair
{}
189 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
194 table.tinybicol
th, table.bicol
th {
199 vertical-align: middle
;
202 table.tinybicol
th a:link, table.tinybicol
th a:visited
,
203 table.tinybicol
th a:active
, table.tinybicol
th a:hover
,
204 table.bicol
th a:link, table.bicol
th a:visited
,
205 table.bicol
th a:active
, table.bicol
th a:hover
{
210 table.tinybicol
td, table.bicol
td {
215 table.tinybicol
td, table.bicol
td, table.tinybicol
tr, table.bicol
tr { padding: 4px; }
217 td.half
{ width: 50%; padding: 4px; }
227 vertical-align: middle
;
229 td.action
a { padding: 0px 2px 0px 2px; }
243 /*******************************************************************************
244 4 Tableau de choix de skins
245 [ Styles pour les tableaux de types de ceux des skins ]
246 *******************************************************************************/
249 border-bottom: 1px solid
#003399;
250 border-top: 1px solid
#003399;
255 border-bottom: 2px solid
#003399;
256 border-top: 1px solid
#003499;
257 vertical-align: middle
;
262 vertical-align: middle
;
268 #skin td.skidroite
{ padding: 0; }
270 /*******************************************************************************
272 [ Styles liés à l'affichage de contacts ]
273 *******************************************************************************/
280 div.contact-list
div.contact
{
283 border-top: 1px solid
#003399;
288 div.contact-list
div.grayed
{
298 .contact .photo img {
303 div.contact
div.identity
{
308 div.contact
div.nom
{
312 div.contact
div.bits
{
318 div.contact
div.long
{
327 div.long
table { width: 100%; }
328 div.long
td.lt
{ width: 18%; font-style: italic
; }
329 div.long
td.rt
{ width: 82%; }
331 /*******************************************************************************
333 [ onglets des profils ]
334 *******************************************************************************/
341 .wizard .wiz_header {
344 background: url
('../images/skins/wiz_background.png') top right repeat-x
;
348 .wizard .wiz_header .wiz_tab {
349 background: url
('../images/skins/wiz_normal.png') #aaa top left repeat-x
;
353 border-right: 1px solid
#888;
356 .wizard .wiz_header .wiz_tab:hover {
357 background: url
('../images/skins/wiz_hover.png') #777 top left repeat-x
;
361 .wizard .wiz_header .active, .wizard .wiz_header .active:hover {
362 background: url
('../images/skins/wiz_active.png') #444 top left repeat-x
;
366 .wizard .wiz_header a {
368 text-decoration: none
;
371 .wizard .wiz_header a.active {
375 .wizard .wiz_content {
390 /*******************************************************************************
391 7 fiche.php & fiche_referent.php
393 *******************************************************************************/
400 border: 1px solid
#369;
403 #fiche em { color: purple
; }
410 border-bottom: 1px dotted
#369;
439 #fiche_identite div.civilite
{
446 #fiche_identite div.maj
{
455 #fiche_identite div.contact
{
460 border: 1px dotted
#69c;
462 #fiche_identite div.email
{
466 #fiche_identite div.mob
{
472 #fiche_identite div.formation
{
480 margin: 0px 2% 1ex 1%;
490 list-style-type: none
;
494 #fiche .medal_frame
{
499 #fiche .medal_frame
img {
504 /* only for fiche_referent.php*/
506 #fiche_referent .part
{
510 #fiche_referent #fiche_identite
div.civilite
{
518 #fiche_referent div.rubrique_referent
{
522 margin: 0px 1% 1ex 1%;
526 #fiche_referent em{color: purple
;}
527 #fiche_referent ul { margin: 0px; padding: 0px 1em; }
528 #fiche_referent li { font-weight: bold
; margin: 0px; padding: 0px; text-align: left
; }
530 /*******************************************************************************
532 [ choix de classes faites par le skinneur
533 *******************************************************************************/
543 font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif
;
548 #dev a { text-decoration: underline
; }
549 #dev a:hover
{ color: #003399; background: #c0e0e0; }
551 .backtrace div.hide { display: none
; }
552 .backtrace:hover div.hide { display: block
}
564 text-decoration: none
;
584 border-right: 1px solid gray
;
586 font-family: "MS Sans Serif", sans-serif
;
588 border-bottom: 1px solid gray
;
592 border-bottom: 1px solid gray
;
596 padding-bottom: 16px;
597 font-family: "Arial", sans-serif
;
600 #body-top table { width: 100%; padding: 4px; }
601 #body-top .date-heure
{ text-align: left
; }
602 #body-top .inscrits
{ text-align: right
; }
605 border-top: 1px solid gray
;
609 font-family: "MS Sans Serif", sans-serif
;
614 border-right: 1px solid gray
;
616 font-family: "MS Sans Serif", sans-serif
;
622 #body-menu .menu_item
{
628 #body-menu .menu_item
a {
629 text-decoration:none
;
632 #body-menu .menu_title
{
635 border-top: 1px solid gray
;
636 border-bottom: 1px solid gray
;
644 padding: 4px 0px 4px 16px;
667 /* vim: set et ts=4 sts=4 sw=4: */