| 6 |
jpm |
1 |
@CHARSET "UTF-8";
|
|
|
2 |
/*--------------------------------------------------------------------------------------------------------------*/
|
| 45 |
jpm |
3 |
/* Générique */
|
|
|
4 |
table {
|
|
|
5 |
border:1px solid #36560B;
|
|
|
6 |
border-collapse: collapse;}
|
|
|
7 |
td, th {
|
|
|
8 |
border:1px solid #36560B;
|
|
|
9 |
padding:5px;}
|
|
|
10 |
/*--------------------------------------------------------------------------------------------------------------*/
|
|
|
11 |
/* Disposition */
|
|
|
12 |
#zone-centrale {
|
|
|
13 |
text-align:center;
|
|
|
14 |
}
|
|
|
15 |
#zone-logo{
|
|
|
16 |
left:18px;
|
|
|
17 |
margin:7px 10px;
|
|
|
18 |
position:absolute;
|
|
|
19 |
top:2px;
|
|
|
20 |
z-index:1;}
|
|
|
21 |
#zone-entete{
|
|
|
22 |
height:120px;
|
|
|
23 |
margin:0;
|
|
|
24 |
background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
|
|
|
25 |
#zone-entete-contenu{
|
|
|
26 |
height:120px;
|
|
|
27 |
background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
|
|
|
28 |
#zone-titre-site{
|
|
|
29 |
height:38px;
|
|
|
30 |
margin:0;
|
|
|
31 |
text-align:right;}
|
|
|
32 |
#zone-titre-site h1{
|
|
|
33 |
margin:0 20px 0 0;
|
|
|
34 |
padding:0;
|
|
|
35 |
background-color:transparent;
|
|
|
36 |
font-size:28px;
|
|
|
37 |
font-weight:bold;}
|
|
|
38 |
#zone-navigation{
|
|
|
39 |
position:relative;
|
|
|
40 |
float:left;
|
|
|
41 |
z-index:2;
|
|
|
42 |
text-align:left;
|
|
|
43 |
font-weight:bold;}
|
|
|
44 |
#zone-corps{
|
|
|
45 |
position:relative;
|
|
|
46 |
margin:0;
|
|
|
47 |
text-align:left;}
|
|
|
48 |
#zone-corps-contenu{
|
|
|
49 |
position:relative;
|
|
|
50 |
clear:both;
|
|
|
51 |
min-height:300px;
|
|
|
52 |
padding:0 2px;
|
|
|
53 |
text-align:justify;}
|
|
|
54 |
#zone-fil-ariane{
|
|
|
55 |
}
|
|
|
56 |
#zone-pied{
|
|
|
57 |
}
|
|
|
58 |
/*--------------------------------------------------------------------------------------------------------------*/
|
|
|
59 |
/* Fil d'ariane */
|
|
|
60 |
#zone-fil-ariane{
|
|
|
61 |
padding:10px 5px;}
|
|
|
62 |
#zone-fil-ariane p{
|
|
|
63 |
font-weight:bold;
|
|
|
64 |
float:left;
|
|
|
65 |
margin:0;
|
|
|
66 |
padding-right:5px;}
|
|
|
67 |
.fil-ariane{
|
|
|
68 |
list-style-type:none;
|
|
|
69 |
margin:0;
|
|
|
70 |
padding:0;}
|
|
|
71 |
.fil-ariane li{
|
|
|
72 |
float:left;
|
|
|
73 |
margin:0;
|
|
|
74 |
padding:0;}
|
|
|
75 |
.fil-ariane li:before{
|
|
|
76 |
content: " > ";}
|
|
|
77 |
.fil-ariane a{
|
|
|
78 |
padding:0 5px;}
|
|
|
79 |
/*--------------------------------------------------------------------------------------------------------------*/
|
|
|
80 |
/* Navigation onglets */
|
|
|
81 |
#zone-navigation ul {
|
|
|
82 |
margin:0;
|
|
|
83 |
padding:0;
|
|
|
84 |
list-style:none;}
|
|
|
85 |
#zone-navigation li {
|
|
|
86 |
float:left;
|
|
|
87 |
margin:0;
|
|
|
88 |
padding:0;
|
|
|
89 |
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;}
|
|
|
90 |
#zone-navigation a {
|
|
|
91 |
float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
|
|
|
92 |
display:block;
|
|
|
93 |
background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
|
|
|
94 |
width:.1em;
|
|
|
95 |
white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
|
|
|
96 |
padding:5px 15px 4px;
|
|
|
97 |
text-decoration:none;}
|
|
|
98 |
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
|
|
|
99 |
#zone-navigation a {float:none;}
|
|
|
100 |
/* End IE5-Mac hack */
|
|
|
101 |
#zone-navigation > ul a {
|
|
|
102 |
width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
|
|
|
103 |
#zone-navigation li:hover {
|
|
|
104 |
background-position:100% -150px;}
|
|
|
105 |
#zone-navigation li:hover a {
|
|
|
106 |
background-position:0% -150px;}
|
|
|
107 |
#zone-navigation .menu_inactif {
|
|
|
108 |
border-bottom:1px solid;}
|
|
|
109 |
#zone-navigation .menu_actif, #zone-navigation .onglet_actif {
|
|
|
110 |
position:relative;
|
|
|
111 |
background-position:100% -150px;
|
|
|
112 |
padding-bottom:2px;
|
|
|
113 |
z-index:3;
|
|
|
114 |
font-weight:bold;}
|
|
|
115 |
#zone-navigation .menu_actif a, #zone-navigation .onglet_actif a {
|
|
|
116 |
position:relative;
|
|
|
117 |
background-position:0% -150px;
|
|
|
118 |
padding-bottom:3px;
|
|
|
119 |
z-index:4;}
|
|
|
120 |
|
|
|
121 |
|
|
|
122 |
/*--------------------------------------------------------------------------------------------------------------*/
|
| 6 |
jpm |
123 |
/* Général */
|
| 33 |
jpm |
124 |
.discretion{
|
|
|
125 |
color:#A9A9A9;
|
|
|
126 |
font-size:10px;
|
|
|
127 |
font-weight:normal;}
|
|
|
128 |
.description{
|
| 6 |
jpm |
129 |
background-color:#f0f0f0;
|
|
|
130 |
white-space:pre-wrap;}
|
| 33 |
jpm |
131 |
.resultat{
|
|
|
132 |
text-transform:uppercase;}
|
|
|
133 |
.ok{
|
| 6 |
jpm |
134 |
background-color:#9ED30D !important;}
|
| 33 |
jpm |
135 |
.ko{
|
| 6 |
jpm |
136 |
background-color:#E9584C !important;}
|
| 33 |
jpm |
137 |
.espace{
|
|
|
138 |
background-color:yellow !important;}
|
| 38 |
jpm |
139 |
.case-a-cocher-scroll {
|
|
|
140 |
height:6em;
|
|
|
141 |
padding:2px;
|
|
|
142 |
overflow:auto;
|
|
|
143 |
border:1px solid #ccc}
|
|
|
144 |
.liste-simple li, ul.liste-simple{
|
|
|
145 |
list-style-type:none;
|
|
|
146 |
padding:0;
|
|
|
147 |
margin:0 !important;}
|
|
|
148 |
.liste-champs li, ul.liste-champs{
|
|
|
149 |
list-style-type:none;
|
|
|
150 |
padding:0;
|
|
|
151 |
margin:0 !important;}
|
|
|
152 |
.liste-champs li{
|
|
|
153 |
padding:2px;}
|
| 45 |
jpm |
154 |
|
| 33 |
jpm |
155 |
/*--------------------------------------------------------------------------------------------------------------*/
|
|
|
156 |
/* Demande de traitements */
|
| 45 |
jpm |
157 |
#zone-form input {
|
|
|
158 |
margin:5px;}
|
|
|
159 |
.traitement-attente{
|
|
|
160 |
background-color:#F16158;}
|
|
|
161 |
.traitement-cours{
|
|
|
162 |
background-color:#FCCB54;}
|
|
|
163 |
.traitement-termine{
|
|
|
164 |
background-color:#BBEFA5;}
|
| 33 |
jpm |
165 |
/*--------------------------------------------------------------------------------------------------------------*/
|
|
|
166 |
/* Traitement */
|
|
|
167 |
#resultats {
|
|
|
168 |
width:1024px;}
|
|
|
169 |
#resultats .numero{
|
|
|
170 |
font-weight:bold;
|
|
|
171 |
width:2%;}
|
|
|
172 |
#resultats .nom{
|
|
|
173 |
font-weight:bold;
|
|
|
174 |
width:30%;}
|
|
|
175 |
/*--------------------------------------------------------------------------------------------------------------*/
|
|
|
176 |
/* Résultat */
|
|
|
177 |
#ref-resultat .resultat{
|
|
|
178 |
width:20px;
|
|
|
179 |
padding:5px;}
|
|
|
180 |
#ref-resultat .description, #ref-resultat .message{
|
|
|
181 |
width:800px;
|
|
|
182 |
padding:5px;}
|
|
|
183 |
#ref-resultat .message p{
|
| 38 |
jpm |
184 |
background-color:#f0f0f0;}
|
|
|
185 |
|
|
|
186 |
|