3eb562296e442f3f78fccafabf1d20c73f8d4be3
1 /***************************************************************************
2 * Copyright (C) 2003-2008 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 li { padding: 0em 1em; text-align: justify
; }
41 hr { width: 90%; margin: 1em 5%; border: 1px dotted
#369; border-bottom: none
; }
44 border: 1px dotted
#69c;
53 border: 1px dotted
#69c;
60 .center { text-align: center; }
61 .right { text-align: right
; }
62 .smaller { font-size: smaller
; font-style: italic
; }
63 .spacer { clear: both
; }
65 .float2 { float: left
; width: 48%; margin: 2px; }
66 .float3 { float: left
; width: 33%; }
68 /*******************************************************************************
69 2 Styles <p>, <div>, <span>, <li>
70 [ styles classiques d'effets de texte ]
71 *******************************************************************************/
81 border: 1px solid
#f00;
82 background-color: #fcc;
88 border: 1px solid
#ed0;
89 background-color: #ffc;
95 border: 1px solid
#0d2;
96 background-color: #cfd;
105 margin-bottom: 0.5em;
108 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
113 input.error
, textarea.error
{
114 background-color: #faa;
117 input.valid
, textarea.valid
{
118 background-color: #afa;
121 input.warning
, textarea.warning
{
122 background-color: #fda;
130 border-bottom: 2px solid
#369;
139 margin: 1em 0em 0.5em 0em;
141 border-bottom: 1px dotted
#369;
152 p.explication
, div.explication
{
154 padding: 0em 1ex 1ex 1ex;
159 padding-bottom: 0.5em;
163 /*******************************************************************************
164 3 Tableaux bicolores + classes utiles
165 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
166 *******************************************************************************/
169 border-collapse: collapse
;
172 border: 1px solid
#a2c2e1;
177 border-collapse: collapse
;
180 border: 1px solid
#a2c2e1;
185 table.tinybicol
tr.impair
, table.bicol
tr.impair
{}
186 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
191 table.tinybicol
th, table.bicol
th {
198 table.tinybicol
td, table.bicol
td {
204 td.half
{ width: 50%; padding: 4px; }
216 td.action
a { padding: 0px 2px; }
218 /*******************************************************************************
219 4 Tableau de choix de skins
220 [ Styles pour les tableaux de types de ceux des skins ]
221 *******************************************************************************/
224 border-bottom: 1px solid
#a2c2e1;
225 border-top: 1px solid
#a2c2e1;
230 border-top: 1px solid
#a2c2e1;
231 border-bottom: 1px solid
#a2c2e1;
241 #skin td.skidroite
{ padding: 0; }
243 /*******************************************************************************
245 [ Styles liés à l'affichage de contacts ]
246 *******************************************************************************/
251 border: 1px dotted
#a2c2e1;
254 div.contact-list
div.contact
{
258 border-top: 1px dotted black
;
262 div.contact-list
div.grayed
{
268 div.contact
div.photo
{
272 div.contact
div.photo
img {
277 div.contact
div.identity
{
282 div.contact
div.nom
{
286 div.contact
div.bits
{
291 div.contact
div.long
{
300 div.long
table { width: 100%; }
301 div.long
td.lt
{ width: 35%; padding-left: 4px; }
302 div.long
td.rt
{ width: 65%; }
304 /*******************************************************************************
306 [ onglets des profils ]
307 *******************************************************************************/
314 .wizard .wiz_header {
317 background: url
('../images/skins/wiz_normal.png') top right repeat-x
;
321 .wizard .wiz_header .wiz_tab {
322 background: url
('../images/skins/wiz_normal.png') #aaa top left repeat-x
;
326 border-right: 1px solid
#888;
329 .wizard .wiz_header .wiz_tab:hover {
330 background: url
('../images/skins/wiz_hover.png') #777 top left repeat-x
;
334 .wizard .wiz_header .active, .wizard .wiz_header .active:hover {
335 background: url
('../images/skins/wiz_active.png') #444 top left repeat-x
;
339 .wizard .wiz_header a {
341 text-decoration: none
;
344 .wizard .wiz_header a.active {
348 .wizard .wiz_content {
363 /*******************************************************************************
364 7 fiche.php & fiche_referent.php
366 *******************************************************************************/
376 border: 3px solid
#000;
388 border: 1px solid
#69c;
392 #fiche em { color: purple
; }
424 #fiche_identite div.civilite
{
431 #fiche_identite div.maj
{
439 #fiche_identite div.contact
{
444 border: 1px dotted
#69c;
446 #fiche_identite div.email
{
450 #fiche_identite div.mob
{
456 #fiche_identite div.formation
{
463 margin: 0px 2% 2ex 1%;
466 div.adresse
div.titre
{ color: purple
; }
468 #fiche .medal_frame
{
473 #fiche .medal_frame
img {
479 vertical-align: middle
;
483 /* only for fiche_referent.php*/
490 #fiche_referent div.rubrique_referent
{
494 margin: 0px 1% 1ex 1%;
497 #fiche_referent em{color: purple
;}
498 #fiche_referent ul { margin: 0px; padding: 0px 1em; }
499 #fiche_referent li { font-weight: bold
; margin: 0px; padding: 0px; text-align: left
; }
501 /*******************************************************************************
503 [ choix de classes faites par le skinneur
504 *******************************************************************************/
511 border: 1px solid black
;
521 font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif
;
528 .backtrace div.hide { display: none
; }
529 .backtrace:hover div.hide { display: block
}
530 .backtrace h1 { margin: 0px; }
542 text-decoration: none
;
557 border: 3px solid
#000;
565 padding: 2em 0em 0em 0em;
571 padding: 2em 2em 0em 2em;
572 padding-bottom: 16px;
573 font-family: Georgia
,serif
;
576 #body-top table { width: 100%; padding: 4px; }
577 #body-top .date-heure
{ text-align: left
; }
578 #body-top .inscrits
{ text-align: right
; }
580 #body-bottom { text-align: center;}
584 padding: 1em 0em 2em 2em;
595 border: 1px dotted
#fff;
600 font-family: Bitstream Vera Sans
,Verdana
,sans-serif
;
601 text-decoration: none
;
607 border: 1px dotted
#690;
610 #body-menu .menu_title
{
614 border-bottom: 3px solid
#f90;
616 text-transform: uppercase
;
627 border: 1px solid
#69c;
629 padding: 0em 1em 1em 1em;
630 margin: 1em 2em 2em 2em;
633 #content-margin { width: 2em; }
639 /* vim: set et ts=4 sts=4 sw=4: */