Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
718 jpm 1 
/*Feuille de style de tous les mondes
2 
Auteur : Tamara Le Bourg et Magali Giaume*/
3 
 
4 
/*icones*/
5 
a.lien_ext:after {
6 
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
7 
a.pdf:before {
8 
content: url(http://www.tela-botanica.org/client/projet/icones/pdf.gif)" ";}
9 
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
10 
a.mail:after, a[href ^="mailto:"]:after  {
11 
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_mail.png);}
12 
.table_bordure th[title]:after {
13 
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/help.png);}
14 
/*abbr {
15 
  background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
16 
  padding-right:16px;
17 
  cursor:help;
18 
  border:none;}*/
19 
 
20 
/* presentation des liens */
21 
a {
22 
  color:black;
23 
  text-decoration:none;
24 
  background-repeat: repeat-x;
25 
  background-position:center bottom;}
26 
a:hover {
27 
  color:black;
28 
  text-decoration:none;
29 
  background-repeat: repeat-x;
30 
  background-position:center bottom;}
31 
 
32 
/* Texte trouvé par le moteur de recherche */
33 
.surlignage {
34 
  background-color:yellow;}
35 
 
36 
/* presentation des listes de definitions */
37 
dl {width:100%;}
38 
dt {
39 
  float:left;
40 
  font-weight: bold;
41 
  text-align:top left;
42 
  margin-right:0.3em;}
43 
dd {
44 
  width:auto;
45 
  margin-left:0;
46 
  margin:0.5em 0;}
47 
.ajout_2point dt:after {content:" : ";}
48 
 
49 
/* presentation des listes */
50 
#texte li {
51 
  margin:4px;}
52 
.liste_decale li, .liste_decale dt {
53 
  margin-left:2em;}
54 
ul ul {
55 
  margin-left:2em;}
56 
#zone_menu ul, #menus ul{
57 
  line-height:1.5em;}
58 
 
59 
/* presentation des images */
60 
img{
61 
  border:0;}
62 
img a{
63 
  display:block;}
64 
#logo_tela img {
65 
  border:0;}
66 
#logo_tela a {
67 
  position:absolute;
68 
  top:0;
69 
  left:0;}
70 
#logo_tela a:hover {
71 
  border:1px dotted;}
72 
#logo_tela a:hover:after {
73 
  content: " Retour à l'accueil ";}
74 
.img_gch_txt_drte img, .flottant_gauche {
75 
  float:left;
76 
  margin:5px 10px 5px 5px;}
77 
.img_gch_txt_drte li {
78 
  margin-left:40px;}
79 
.img_drte_txt_gch img, .flottant_droit {
80 
  float:right;
81 
  margin-left:10px;}
82 
.img_drte_txt_gch > img {
83 
  float:right;
84 
  margin-left:10px;}
85 
.img_milieu {
86 
  display:inline;
87 
  margin:0 10px;}
88 
.image_legendee {
89 
  width: 300px;
90 
  font-style:italic;
91 
  margin: 5px}
92 
.image_legendee img {
93 
  margin: 0 auto}
94 
.legende {
95 
  display:block;
96 
  font-weight:bold;
97 
  text-align:center;}
98 
.clear {
99 
  clear:both;}
100 
 
101 
/* presentation fichiers audio */
102 
.fichier_audio {
103 
border: 1px solid #99a;}
104 
.legende_audio {
105 
margin-top:-0.8em;
106 
margin-left:10px;
107 
float:left;}
108 
.fichier_audio img {
109 
float:left;
110 
padding-right:25px}
111 
.fichier_audio p {
112 
padding-right:25px;}
113 
.legende_audio span {
114 
padding:0 10px;
115 
background-color:#fff;}
116 
 
117 
/* autres classes de presentation*/
118 
.texte_inactif {
119 
  font-size:10px;
120 
  color:gray;}
121 
.erreur {
122 
  color:#F00;}
123 
.en_evidence {
124 
  font-size:16px;
125 
  font-weight:bold;}
126 
.attention {
127 
  display:block;
128 
  background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
129 
  text-align:center;
130 
  border: 1px solid red;
131 
  min-height: 30px;
132 
  max-width: 800px;
133 
  padding:10px 5px 5px 50px;}
134 
.information {
135 
  background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
136 
  text-align:center;
137 
  border:1px solid #5D81BA;
138 
  max-width: 800px;
139 
  min-height:30px;
140 
  padding:10px 5px 5px 50px;}
141 
#bb_liste_fascicule li{
142 
  clear:both;
143 
  height:100%;}
144 
.bb_img_fascicule {
145 
  display:block;}
146 
blockquote {
147 
  font-style:italic;
148 
  text-align:center;}
149 
legend {
150 
  text-align:center;}
151 
.fin_texte{
152 
  width:0;
153 
  height:0;
154 
  text-align: center;
155 
  clear: both;}
156 
 
157 
/*DIFFERENTS BLOCS DE LA PAGE*/
158 
#reducteur {
159 
  text-align:center;}
160 
/*bandeau*/
161 
#bandeau, #zone_bandeau {
162 
  height:77px;
163 
  margin:0 0 0 190px;}
164 
#titre_monde, #site_nom {
165 
  margin:0;
166 
  text-align:right;
167 
  height:38px;}
168 
#titre_monde h1, #site_nom h1 {
169 
  background-color:transparent;
170 
  font-weight: bold;
171 
  font-size: 28px;
172 
  margin:0 20px 0 0;
173 
  padding:0;}
174 
#plan_contact {
175 
  margin:0 5px 0 0;
176 
  text-align:right;
177 
  height:25px;
178 
  padding:7px 15px 0 0;}
179 
#plan_contact a {
180 
  font-weight:bold;
181 
  margin-left:10px;
182 
  background-repeat: repeat-x;
183 
  background-position:center bottom;}
184 
#plan_contact a:hover {
185 
  font-weight:bold;
186 
  margin-left:10px;
187 
  background-repeat: repeat-x;
188 
  background-position:center bottom;}
189 
 
190 
/*droite*/
191 
#droite {
192 
  margin:0 5px 0 207px;
193 
  position:relative;
194 
  /* text-align est nécessaire pour IE */
195 
  text-align:left;
196 
}
197 
 
198 
/* droite -> pos_recherche */
199 
#pos_recherche, #moteur_recherche {
200 
  font-size:13px;
201 
  font-weight:bold;
202 
  min-height:30px;
203 
  padding:5px 0 5px 20px;
204 
  text-align:left;}
205 
#form_more_recherche, #form_recherche {
206 
  text-align:right;
207 
  padding:0;
208 
  margin:0;}
209 
#form_more_recherche legend {
210 
  display:none;}
211 
#form_more_recherche fieldset {
212 
  float:right;
213 
  border:0;
214 
  margin:0;
215 
  padding:0;}
216 
#form_more_recherche label {
217 
  display:none;}
218 
#more_resultat, #more_resultat li {
219 
  clear:left;
220 
  display: inline;
221 
  margin: 0;
222 
  padding: 0;
223 
  list-style-type:none;}
224 
.more_iid, .more_dui {
225 
  display:none;}
226 
.more_ivd {
227 
  width:600px;}
228 
.more_duv a {
229 
  color:#008000;}
230 
.more_dsv, .more_dsi {
231 
  color:#C1C1C1;}
232 
.more_detail, .more_detail li {
233 
  display: inline;
234 
  margin: 0;
235 
  padding: 0;
236 
  list-style-type:none;}
237 
 
238 
/*droite -> onglets */
239 
#onglets {
240 
  position:relative;
241 
  float:left;
242 
  text-align:left;
243 
  z-index:2;
244 
  font-weight:bold;}
245 
#onglets ul {
246 
  margin:0;
247 
  padding:0;
248 
  list-style:none;}
249 
#onglets li {
250 
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
251 
  float:left;
252 
  margin:0;
253 
  padding:0;}
254 
#onglets a {
255 
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
256 
  display:block;
257 
  background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
258 
  width:.1em;
259 
  white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
260 
  padding:5px 15px 4px;
261 
  text-decoration:none;}
262 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
263 
#header a {float:none;}
264 
/* End IE5-Mac hack */
265 
#onglets > ul a {
266 
  width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
267 
#onglets li:hover {
268 
  background-position:100% -150px;}
269 
#onglets li:hover a {
270 
  background-position:0% -150px;}
271 
#onglets .menu_inactif {
272 
  border-bottom:1px solid;}
273 
#onglets .menu_actif, #onglets .onglet_actif {
274 
  position:relative;
275 
  background-position:100% -150px;
276 
  padding-bottom:2px;
277 
  z-index:3;
278 
  font-weight:bold;}
279 
#onglets .menu_actif a, #onglets .onglet_actif a {
280 
  position:relative;
281 
  background-position:0% -150px;
282 
  padding-bottom:3px;
283 
  z-index:4;}
284 
 
285 
/* droite -> contenu */
286 
#contenu, #zone_contenu, #contenu_accueil {
287 
  position:relative;
288 
  top:-1px;
289 
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
290 
/*  z-index:1;*/
291 
  clear:both;
292 
  padding:0 2px 0 2px;
293 
  text-align:justify;
294 
  min-height:300px;}
295 
#texte{
296 
  line-height:1.2em;
297 
  text-align:justify;
298 
  clear:both;
299 
  padding:0 5px 7px 5px;}
300 
#texte .image_lien {
301 
  background-image:none;}
302 
/* Hides from IE-mac \*/
303 
* html #texte {height: 1%;}
304 
/* Bug qui inactive les liens sous IE */
305 
 
306 
 
307 
/* Droite -> pied_page */
308 
#pied_text, #pied_page, #zone_pied {
309 
  clear:both;
310 
  text-align:center;
311 
  font-size:11px;}
312 
#pied_page p, #zone_pied p{
313 
  position:center;}
314 
#pied_page a {
315 
  margin:0 10px;}
316 
.menu_commun_n1 {
317 
  padding:0;}
318 
.menu_commun_n1 li {
319 
  display:inline;}
320 
.menu_commun_n1 li+li {
321 
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
322 
  display:inline;
323 
  padding-left:10px;}
324 
 
325 
/* Tableau */
326 
.table_cadre {
327 
  border-spacing:0;
328 
  text-align:center;}
329 
.table_cadre th {
330 
  text-align:center;}
331 
.table_cadre td {
332 
  padding:2px;
333 
  text-align:left;}
334 
 
335 
/*nav_gauche*/
336 
#navigation, #nav_gauche {
337 
  position:absolute;
338 
  top:2px;
339 
  left:2px;
340 
  width:188px;
341 
  padding-top:150px;
342 
  min-height:292px;}
343 
 
344 
/* nav_gauche -> logo_tela */
345 
#logo_tela, #logo {
346 
  margin:7px 10px;
347 
  position:absolute;
348 
  top:2px;
349 
  left:18px;
350 
  z-index:1;}
351 
#logo_tela a, #logo a {
352 
  background:none;}
353 
#acces_direct, #accessibilite {
354 
  display:none;}
355 
 
356 
/* nav_gauche -> selecteur_sites */
357 
#sesi_site {
358 
  text-align:center;
359 
  font-size:12px;
360 
  font-weight:bold;
361 
  width:180px;
362 
  height:20px;}
363 
#sesi_selecteur fieldset, #selecteur_monde fieldset{
364 
  border:0;
365 
  margin:0;
366 
  padding:0;}
367 
#sesi_selecteur legend, #selecteur_monde legend{
368 
  display: none;}
369 
#sesi_selecteur option {
370 
  font-size:11px;}
371 
#lien_inscription{
372 
  margin:2em 0 0 0;
373 
  font-size:11px;}
374 
 
375 
/* nav_gauche -> menus */
376 
#zone_menu, #menus {
377 
  font-size:13px;
378 
  margin:10px 0;
379 
  text-align:left;}
380 
#zone_menu a, #menus a {
381 
  background:none;
382 
  color:#000;
383 
  display:block;
384 
  height:1.2em;}
385 
#zone_menu .menu_actif>a, #menus .menu_actif>a {
386 
  border:1px solid;}
387 
#zone_menu > ul a, #menus > ul a {
388 
  height:auto;}
389 
#navigation hr, #nav_gauche hr {
390 
  width:40%;
391 
  text-align:center;}
392 
 
393 
/* nav_gauche -> form connexion et deconnexion */
394 
#form_connexion legend, #identification legend {
395 
  font-size:14px;
396 
  font-weight:bold;
397 
  padding-left:32px;}
398 
#form_connexion label, #identification label {
399 
  display:none;}
400 
label#persistant_label {
401 
  display:block;
402 
  margin:0.5em 0 1em 1em;
403 
  color:black;}
404 
#form_connexion fieldset, #identification fieldset{
405 
  border:none;}
406 
#username, #password {
407 
  width:10em;
408 
  text-align:left;
409 
  margin:0.5em 1em;}
410 
#persistant {
411 
  text-align:left;
412 
  float:left;
413 
  margin:0.5em 0.5em 1em 1em;}
414 
#identification_info, #identification, #formconnexion, #iden_action {
415 
  display:block;
416 
  width:auto;
417 
  text-align:center;
418 
  font-size:11px;
419 
  margin: 0;
420 
  padding-bottom:2px;}
421 
#menu_contextuel {
422 
  border:1px solid;}
423 
#deconnexion, #lien_inscription_modif, #lien_inscription {
424 
  font-size:12px;}
425 
#inscription_info {
426 
  text-align:center;}
427 
#inscription_aide {
428 
  margin-left:1em;}
429 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
430 
  display:block;
431 
  font-size:14px;
432 
  text-align:center;
433 
  font-weight:bold;
434 
  text-transform:none;
435 
  margin:0 0 5px 0;}
436 
#identification_prenom, #identification_nom{
437 
  font-size:13px;
438 
  font-weight:bold;
439 
  color:black;}
440 
#identification_nom {
441 
  text-transform:uppercase;}
442 
#iden_action a {
443 
  line-height:15px;}
444 
 
445 
/* presentation des menus */
446 
.menu_classique_n1, .menu_n1 {
447 
  padding:0;
448 
  margin:0;
449 
  font-weight:bold;
450 
  list-style-type:none;}
451 
.menu_classique_n1 a {
452 
  padding:3px 0;}
453 
.menu_classique_n2, .menu_n2 {
454 
  padding:0;
455 
  margin:0;
456 
  font-weight:normal;
457 
  list-style-type:none;}
458 
.menu_classique_n2 a {
459 
  padding:3px 0 3px 15px;}
460 
.menu_n3 {
461 
  margin:0 0 0 10px;
462 
  padding:0;
463 
  text-align:left;}
464 
.menu_inactif a, .menu_actif a {
465 
  color:#000;
466 
  text-decoration:none;
467 
  background-color:transparent;}
468 
 
469 
/*presentation des syntheses*/
470 
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
471 
  display:none;}
472 
.page_titre {
473 
  font-weight:bold;}
474 
 
475 
/* Texte champ d'une fiche */
476 
.champ_cle {
477 
  font-weight:bold;}
478 
.champ_valeur {
479 
  font-weight:normal;}p_cle {
480 
  font-weight:bold;}
481 
.champ_valeur {
482 
  font-weight:normal;}
483 
/*presentation synthese biblio pteridophytes*/
484 
/*.couleur_bleu {
485 
  color:blue;}
486 
.couleur_vert {
487 
  color:green;}
488 
.couleur_rose {
489 
  color:#BF90DE;}
490 
.couleur_orange {
491 
  color:orange;}
492 
.bp_auteur_france {
493 
  color:blue;}
494 
.bp_auteur_europe {
495 
  color:#BF90DE;}
496 
.bp_auteur_famille {
497 
  color:green;}
498 
.bp_auteur_region {
499 
  color:orange;}*/
500 
.bp_titre {
501 
  font-weight:bold;}
502 
.bp_titre_revue, .nom_latin {
503 
  font-weight:normal;}
504 
.bp_annee, .bp_num_revue {
505 
  font-weight:normal;}
506 
/*menu_commun*/
507 
.question {
508 
  font-weight:bold;}
509 
 
510 
/*Gestion de l'affichage du chronomètre des applications.*/
511 
#chrono{display:none;}