Subversion Repositories Sites.tela-botanica.org

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 david 1 
/*--------------------------------------------------------------------------------------------------------------*/
2 
/* Structure de la page */
3 
 
4 
#zone_bandeau {
5 
    position : absolute;
6 
    top: 0%;
7 
    left: 0%;
8 
    width: 100%;
9 
    height: 60px;
10 
}
11 
 
12 
#logo {
13 
    float : left;
14 
    height: 20%;
15 
    width: 20%;
16 
}
17 
 
18 
#site_nom {
19 
    position : absolute;
20 
    top: 0px;
21 
    left: 100px;
22 
    width: 40%;
23 
    height: 5%;
24 
    line-height: 5%;
25 
}
26 
 
27 
#menus_communs {
28 
    position : absolute;
29 
    bottom: 0px;
30 
    left: 100px;
31 
    margin: 0%;
32 
    padding: 0%;
33 
}
34 
 
35 
#menus_communs li {
36 
    display: inline;
37 
    line-height: 5%;
38 
}
39 
 
40 
#accessibilite {
41 
    position : absolute;
42 
    bottom: 0px;
43 
    right: 0px;
44 
    width: 40%;
45 
    margin: 0%;
46 
    padding: 0%;
47 
    text-align: right;
48 
}
49 
 
50 
#accessibilite li {
51 
    display: inline;
52 
    line-height: 5%;
53 
}
54 
 
55 
#selecteur_monde {
56 
    position : absolute;
57 
    top: 0%;
58 
    right: 0%;
59 
    height: 10%;
60 
    width: 40%;
61 
    text-align: right;
62 
}
63 
 
64 
#selecteur_monde legend {
65 
    display: none;
66 
}
67 
 
68 
#selecteur_monde fieldset {
69 
    border: 0px;
70 
    margin: 1px;
71 
    padding: 1px;
72 
    text-align: right;
73 
}
74 
 
75 
#moteur_recherche {
76 
    position : absolute;
77 
    top: 10%;
78 
    right: 0%;
79 
    height: 10%;
80 
    width: 40%;
81 
    text-align: right;
82 
}
83 
 
84 
#zone_menu {
85 
    position : absolute;
86 
    top: 60px;
87 
    left: 0%;
88 
    width: 20%;
89 
    margin: 5px 0px 50px 5px;
90 
    padding: 5px 0px 50px 5px;
91 
}
92 
 
93 
#zone_menu .menu_n1 {
94 
    margin: 0px 0px 0px 5px;
95 
    padding: 0px 0px 0px 0px;
96 
    text-align: left;
97 
}
98 
 
99 
#zone_menu .menu_n2 {
100 
    margin: 0px 0px 0px 10px;
101 
    padding: 0px 0px 0px 0px;
102 
    text-align: left;
103 
}
104 
 
105 
#zone_menu .menu_n3 {
106 
    margin: 0px 0px 0px 10px;
107 
    padding: 0px 0px 0px 0px;
108 
    text-align: left;
109 
}
110 
 
111 
#zone_menu #identification {
112 
    width: 100%;
113 
}
114 
 
115 
#identification fieldset {
116 
    border: 0px;
117 
    margin: 1px;
118 
    padding: 1px;
119 
}
120 
 
121 
#identification legend {
122 
    display: none;
123 
}
124 
 
125 
#identification p {
126 
    margin: 0%;
127 
    padding: 0%;
128 
}
129 
 
130 
#identification label {
131 
    display: block;
132 
}
133 
 
134 
#zone_contenu {
135 
    position : absolute;
136 
    top: 60px;
137 
    right: 0%;
138 
    width: 75%;
139 
    margin: 5px 5px 5px 5px;
140 
    padding: 5px 5px 5px 5px;
141 
}
142 
 
143 
#zone_contenu #zone_pied p {
144 
    text-align: center;
145 
}
146 
 
147 
/* Mise en ligne des boutons de formulaire */
148 
form .liste_bouton li {
149 
    display: inline;
150 
}
151 
 
152 
/* Alignement des champs de formulaire */
153 
#zone_contenu form fieldset ul li {
154 
    text-align: left;
155 
    padding-left: 0px;
156 
    margin-left: 0px;
157 
}
158 
 
159 
#zone_contenu form label {
160 
    float: left;
161 
    width: 25%;
162 
    text-align: left;
163 
}
164 
-
165 
 
166 
/*--------------------------------------------------------------------------------------------------------------*/
167 
/* Décoration */
168 
 
169 
body {
170 
    font-size: 90%;
171 
    font-family: arial, verdana, sans-serif;
172 
    color:black;
173 
    background-color: white;
174 
    margin: 0px 0px 0px 0px;
175 
}
176 
 
177 
h1 {
178 
    font-size: 2em;
179 
    color:black;
180 
    background-color:transparent;
181 
    text-align:left;
182 
}
183 
 
184 
h2 {
185 
    font-size: 1.8em;
186 
    color:black;
187 
    background-color:transparent;
188 
    text-align:left;
189 
}
190 
 
191 
h3 {
192 
    font-size: 1.6em;
193 
    color:black;
194 
    background-color:transparent;
195 
    text-align:left;
196 
}
197 
 
198 
p {
199 
    background-color:transparent;
200 
    text-align:left;
201 
    margin-left:0px;
202 
    margin-right:0px;
203 
}
204 
 
205 
form ul {
206 
    list-style-type: none;
207 
}
208 
 
209 
li {
210 
    background-color:transparent;
211 
    text-align:left;
212 
    margin-left:0px;
213 
    margin-right:0px;
214 
}
215 
 
216 
a {
217 
    font-weight: bold;
218 
    color: black;
219 
    background-color:transparent;
220 
    text-decoration:none;
221 
}
222 
 
223 
a:link {
224 
    color: blue;
225 
}
226 
 
227 
a:visited {
228 
    color: #8b008b;
229 
}
230 
 
231 
a:hover {
232 
    background-color: #ffd700;
233 
}
234 
 
235 
table {
236 
    border-color:transparent;
237 
    border-style:solid;
238 
    border-width:1px;
239 
}
240 
 
241 
td {
242 
    text-align:left;
243 
    background-color:transparent;
244 
    border-color:transparent;
245 
    border-style:solid;
246 
    border-width:1px;
247 
}
248 
 
249 
#zone_bandeau {
250 
    border: 1px dashed red;
251 
}
252 
 
253 
#zone_bandeau #logo h1 {
254 
    font-size: 1em;
255 
}
256 
 
257 
#zone_menu {
258 
    border: 1px dashed blue;
259 
}
260 
 
261 
#zone_menu ul {
262 
    font-size: 100%;
263 
    list-style-type: none;
264 
}
265 
 
266 
#zone_contenu {
267 
    border: 1px dashed green;
268 
}
269 
 
270 
/*--------------------------------------------------------------------------------------------------------------*/
271 
/* Camouflage du tableau de chronométrage */
272 
 
273 
#chrono {
274 
    display: none;
275 
}