084d2aaf9b5b5e54dca0c83e3f4d9c3f0df0dd72
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
;
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; }
45 dt { font-weight: bold
; }
48 border: 1px solid
#fff;
51 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
57 border-bottom: 1px solid
#666;
58 border-right: 1px solid
#666;
59 border-top: 1px solid
#fff;
60 border-left: 1px solid
#fff;
61 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed
;
67 .center { text-align: center; }
68 .right { text-align: right
; }
69 .middle { vertical-align: middle
; }
70 .smaller { font-size: smaller
; font-style: italic
; }
71 .spacer { clear: both
; }
73 .float2 { float: left
; width: 49%; }
74 .float3 { float: left
; width: 33%; }
76 /*******************************************************************************
77 2 Styles <p>, <div>, <span>, <li>
78 [ styles classiques d'effets de texte ]
79 *******************************************************************************/
99 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
104 input.error
, textarea.error
{
105 background-color: #faa;
108 input.valid
, textarea.valid
{
109 background-color: #afa;
112 input.warning
, textarea.warning
{
113 background-color: #fda;
117 background-color: inherit
;
118 margin: 0.5em 0 0.5em -8px;
120 padding: 20px 0 0 0px;
123 font-family: "helvetica", sans-serif
;
131 padding: 15px 0em 0em 0em;
147 p.explication
, div.explication
{
149 padding: 0em 1ex 1ex 1ex;
154 padding-bottom: 0.3em;
159 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
161 padding: 0.3em 1.5em;
164 /*******************************************************************************
165 3 Tableaux bicolores + classes utiles
166 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
167 *******************************************************************************/
168 table.bicol
, table.tinybicol
{
170 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
171 border-width: 1px 0 0 1px;
174 border-collapse: collapse
;
176 table.bicol
{ width: 100%; margin-left: 0; }
177 table.tinybicol
{ width: 70%; margin-left: 15%; }
179 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
181 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
184 table.tinybicol
th, table.bicol
th {
188 vertical-align: middle
;
190 background-color: #000;
193 table.tinybicol
tr:first-child
th, table.bicol
tr:first-child
th {
195 background: url
('../images/skins/keynote_title.gif') #000 top left repeat-x
;
198 table.tinybicol
td, table.bicol
td {
203 table.tinybicol
td, table.bicol
td, table.tinybicol
tr, table.bicol
tr { padding: 4px; }
205 td.half
{ width: 50%; padding: 4px; }
215 vertical-align: middle
;
217 td.action
a { padding: 0px 2px 0px 2px; }
220 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
224 /*******************************************************************************
225 4 Tableau de choix de skins
226 [ Styles pour les tableaux de types de ceux des skins ]
227 *******************************************************************************/
230 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
232 border-top: 1px solid
#fff;
236 border-bottom: 1px solid
#fff;
237 vertical-align: middle
;
240 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
242 vertical-align: middle
;
248 #skin td.skidroite
{ padding: 0; }
250 /*******************************************************************************
252 [ Styles liés à l'affichage de contacts ]
253 *******************************************************************************/
259 div.contact-list
div.contact
{
260 border-top: 1px solid
#fff;
261 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
268 div.grayed
div.contact
{
270 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
273 div.contact
div.nom
{
280 div.contact
div.appli
{
284 div.contact
div.bits
{
289 div.contact
div.long
{
290 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
297 div.long
table { width: 100%; }
298 div.long
td.lt
{ width: 35%; }
299 div.long
td.rt
{ width: 65%; }
301 /*******************************************************************************
303 [ onglets des profils ]
304 *******************************************************************************/
310 .wizard .wiz_header {
313 background-color: #aaa;
317 .wizard .wiz_header .wiz_tab {
318 background-color: #aaa;
319 vertical-align: middle
;
323 border-right: 1px solid
#888;
326 .wizard .wiz_header .active {
327 background-color: #444;
331 .wizard .wiz_header .wiz_tab:hover {
332 background-color: #777;
335 .wizard .wiz_header .wiz_tab a {
337 text-decoration: none
;
338 vertical-align: middle
;
341 .wizard .wiz_header .active a {
345 .wizard .wiz_content {
363 background: url
('../images/icons/flag_green.gif') top right no-repeat
;
368 background: url
('../images/icons/flag_orange.gif') top right no-repeat
;
373 background: url
('../images/icons/flag_red.gif') top right no-repeat
;
378 table.cadre_a_onglet
{
385 border: 1px solid
#9c9c9c;
386 border-left-color: #eee;
387 padding: 8px 4px 4px 4px;
388 background : url
('../images/skins/keynote_topborder.png') top repeat-x
;
401 margin: 0 0.3ex -1px 3px;
402 border: 1px solid
#9c9c9c;
414 background : #adadad;
419 background : #dedede;
420 border: 1px solid
#f0f0f0;
422 border-bottom-color: #dedede;
428 text-decoration: none
;
435 #onglet li img { margin-right: 2px; }
437 /*******************************************************************************
438 7 fiche.php & fiche_referent.php
440 *******************************************************************************/
445 border-top: 1px solid
#fff;
446 border-left: 1px solid
#fff;
447 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
458 background: url
('../images/skins/keynote_title.gif') bottom repeat-x
;
459 background-color: inherit
;
460 border-bottom: 1px solid
#202020;
488 #fiche_identite div.civilite
{
498 #fiche_identite div.maj
{
504 padding: 0.5ex 1ex 1ex 0ex;
508 #fiche_identite div.contact
{
512 border-width: 1px 0 0 1px;
513 border-style: dotted
;
515 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
519 #fiche_identite div.contact
em {
525 #fiche_identite div.email
{
530 #fiche_identite div.mob
{
536 #fiche_identite div.formation
{
544 margin: 0px 1% 2ex 2%;
547 #fiche .medal_frame
{
552 #fiche .medal_frame
img {
558 vertical-align: middle
;
562 /* only for fiche_referent.php*/
564 #fiche_referent .part
{
568 #fiche_referent #fiche_identite
div.civilite
{
572 #fiche_referent div.rubrique_referent
{
576 margin: 0px 1% 1ex 2%;
585 #fiche_referent ul { margin: 0px; padding: 0px 1em; }
586 #fiche_referent li { font-weight: bold
; margin: 0px; padding: 0px; text-align: left
; }
588 /*******************************************************************************
590 [ choix de classes faites par le skinneur
591 *******************************************************************************/
598 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed
;
603 #dev a { text-decoration: none
; }
605 .backtrace div.hide { display: none
; }
606 .backtrace:hover div.hide { display: block
; }
607 .backtrace h1 { padding: 0; margin: 0; }
619 text-decoration: none
;
647 border-bottom: 1px solid
#fff;
649 #body-top table { width: 100%; padding: 4px; }
650 #body-top .date-heure
{ text-align: left
; }
651 #body-top .inscrits
{ text-align: right
; }
655 border-top: 1px solid
#aaa;
659 font-family: "MS Sans Serif", sans-serif
;
668 border-right: 1px solid
#fff;
671 #body-menu .menu_item
{
676 #body-menu a:link, #body-menu
a:visited
, #body-menu
a:active
, #body-meny
a:hover
{
679 text-decoration: none
;
682 #body-menu .menu_item:hover
{
684 background-color: #556;
687 #body-menu .menu_title
{
690 background: url
('../images/skins/keynote_title.gif') bottom repeat-x
;
691 background-color: inherit
;
692 border-bottom: 1px solid
#202020;
695 vertical-align: bottom
;
700 padding: 0 0 4px 16px;
729 .ac_results li.over {
732 /* vim: set et ts=4 sts=4 sw=4: */