Subversion Repositories Sites.gentiana.org

Rev

Rev 118 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
109 mathias 1 
/*
123 mathias 2 
Feuille de style support�e par les navigateurs modernes (version 5 et +)
109 mathias 3 
Auteur:	Jean-Pascal MILCENT
4 
*/
5 
 
6 
/* Icones */
7 
a.lien_ext:after {
8 
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png");}
9 
a.pdf:before {
10 
content: url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icon_pdf.png")" ";}
11 
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
12 
a.mail:after, a[href ^="mailto:"]:after	{
13 
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png");}
14 
.table_bordure th[title]:after {
15 
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png");}
16 
 
123 mathias 17 
/* Pr�sentation des liens */
109 mathias 18 
a {color:black;}
19 
 
123 mathias 20 
/* Pr�sentation des listes de d�finitions */
109 mathias 21 
dl {
22 
	width:100%;}
23 
dt {
24 
	float:left;
25 
	font-weight:bold;
26 
	text-align:top left;
27 
	margin-right:0.3em;}
28 
dd {
29 
	width:auto;
30 
	margin-left:0;
31 
	margin:0.5em 0;}
32 
 
123 mathias 33 
/* Pr�sentation des images */
109 mathias 34 
img a {
35 
	display:block;}
36 
 
37 
/* Divers */
38 
.clear {
39 
	clear:both;}
40 
.texte_inactif {
41 
	font-size:10px;
42 
	color:gray;}
43 
.attention, .information {
44 
	display:block;
45 
	text-align:center;
46 
	min-height: 50px;
47 
	max-width: 800px;
48 
	padding:5px 5px 5px 50px;}
49 
.attention {
50 
	background: #ffffcc url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_attention.png") no-repeat 2% 50%;
51 
	border: 1px solid red;}
52 
.information {
53 
	background: #e7ebfd url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_information.png") no-repeat 2% 50%;
54 
	border:1px solid #5D81BA;}
55 
blockquote {
56 
	font-style:italic;
57 
	text-align:center;}
58 
legend {
59 
	text-align:center;}
60 
 
61 
/*DIFFERENTS BLOCS DE LA PAGE*/
62 
 
63 
#zone_generale {
112 mathias 64 
	width: 1120px;
65 
	margin: auto;
109 mathias 66 
	text-align:left;}
67 
 
68 
/* Zone logo */
69 
#zone_logo {
112 mathias 70 
	float: left;
109 mathias 71 
	background:none !important;
112 mathias 72 
	z-index:1;
73 
}
109 mathias 74 
#zone_logo img {
75 
	border:0 !important;}
76 
 
123 mathias 77 
/* Accessibilit� */
109 mathias 78 
#zone_accessibilite {
112 mathias 79 
	position: absolute;
80 
	top: 2px;
81 
	right: 140px;
82 
	z-index: 1;
83 
}
109 mathias 84 
#zone_accessibilite a{
85 
	font-size:10px;
86 
	color:gray;}
87 
 
88 
 
89 
/* Bandeau */
90 
#zone_bandeau {
112 mathias 91 
	position: relative;
92 
	height: 158px;
93 
	margin: 0;
94 
}
109 mathias 95 
#titre_site {
96 
	position:absolute;
97 
	top:107px;
98 
	left:198px;
99 
	margin:0;
100 
	text-align:right;
101 
  color:white;
102 
	background:none !important;}
103 
#bandeau_contenu {
104 
	position:absolute;
105 
	top:136px;
106 
	left:198px;
107 
	height:22px;
116 mathias 108 
	width:750px;
109 mathias 109 
	text-align:left;
110 
	margin:0;
111 
	padding-top:5px;
116 mathias 112 
	text-transform:uppercase;
113 
}
109 mathias 114 
#bandeau_contenu a, #bandeau_contenu a:hover {
115 
	font-weight:bolder;
116 
	margin-left:15px;
117 
	color:white;
118 
	text-decoration:none;}
119 
#bandeau_contenu a:hover {
120 
	text-decoration:underline;}
121 
 
122 
/* Moteur de recherche */
123 
#zone_moteur_recherche {
124 
	position:absolute;
112 mathias 125 
	top:136px;
116 mathias 126 
	left:670px;
109 mathias 127 
	height:22px;
112 mathias 128 
	width:270px;
129 
	margin:0;
130 
}
109 mathias 131 
#form_more_recherche {
132 
	float:right;
133 
	padding:0;
134 
	margin:0;}
135 
#form_more_recherche legend {
136 
	display:none;}
137 
#form_more_recherche fieldset {
138 
	border:0;
139 
	margin:0;
140 
	padding:0;}
141 
#form_more_recherche label {
142 
	display:none;}
143 
#form_more_recherche input#more_motif{
144 
	height:17px;
145 
	margin:0;
146 
	padding:0;}
147 
#form_more_recherche input#more_ok {
148 
	border:none;
149 
	background:none;
150 
	text-transform:uppercase;
151 
	font-weight:bold;
152 
	height:17px;
153 
	margin:0;
154 
	padding:0;}
155 
#form_more_recherche input#more_ok:hover {
156 
	border-bottom:1px solid;}
123 mathias 157 
/* Texte trouv� par le moteur de recherche */
109 mathias 158 
.surlignage {
159 
	background-color:yellow;}
123 mathias 160 
/* Formatage des r�sultats du moteur de recherche */
109 mathias 161 
#more_resultat, #more_resultat li {
162 
	clear:left;
163 
	display: inline;
164 
	margin: 0;
165 
	padding: 0;
166 
	list-style-type:none;}
167 
.more_iid, .more_dui {
168 
	display:none;}
169 
.more_ivd {
170 
	width:600px;}
171 
.more_duv a {
172 
	color:#008000;}
173 
.more_dsv, .more_dsi {
174 
	color:#C1C1C1;}
175 
.more_detail, .more_detail li {
176 
	display: inline;
177 
	margin: 0;
178 
	padding: 0;
179 
	list-style-type:none;}
180 
 
181 
/* Zone contenu */
182 
#zone_contenu {
112 mathias 183 
	position: relative;
184 
	float: right;
185 
	padding: 0;
113 mathias 186 
	padding-top: 20px;
114 mathias 187 
	width: 900px;
113 mathias 188 
}
109 mathias 189 
 
190 
/* Zone contenu -> VEI*/
191 
#zone_vei {
192 
	text-align:left;
193 
	margin:10px 0 16px 0;
194 
	height:33px;}
195 
#vei {
196 
	display:block;
197 
	padding:16px 0 0 16px;
198 
	font-weight:bold;}
199 
#vei_titre {
200 
	text-transform:uppercase;}
201 
 
202 
/* Zone contenu navigation : les onglets */
203 
#zone_contenu_navigation {
204 
	position:relative;
205 
	float:left;
206 
	text-align:left;
207 
	font-weight:bold;
208 
	margin:0;
209 
	padding:0;
113 mathias 210 
	width:100%;
211 
}
109 mathias 212 
#zone_contenu_navigation ul {
213 
	margin:0;
214 
	padding:0;
215 
	list-style:none;}
216 
#zone_contenu_navigation li {
217 
	float:left;
218 
	margin:0;
219 
	padding:0;}
220 
#zone_contenu_navigation a {
221 
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
222 
	display:block;
223 
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
224 
	margin:0;
225 
	padding:5px 15px 4px;
226 
	line-height:12px;
227 
	text-decoration:none;}
228 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
229 
#header a {float:none;}
230 
/* End IE5-Mac hack */
231 
#zone_contenu_navigation > ul a {
232 
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
233 
#zone_contenu_navigation li:hover {
234 
	background-position:100% -150px;}
235 
#zone_contenu_navigation li:hover a {
236 
	background-position:0% -150px;}
237 
#zone_contenu_navigation .menu_inactif a, #zone_contenu_navigation .onglet_inactif a  {
238 
	line-height:12px;
123 mathias 239 
}
109 mathias 240 
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
241 
	position:relative;
242 
	background-position:100% -150px;
243 
	z-index:3;
123 mathias 244 
	font-weight:bold;
245 
}
109 mathias 246 
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
247 
	position:relative;
248 
	background-position:0% -150px;
249 
	line-height:13px;
123 mathias 250 
	z-index:4;
251 
}
109 mathias 252 
 
253 
/* Zone contenu page */
254 
#zone_contenu_page {
255 
	position:relative;
256 
	top:-1px;
257 
	clear:both;
258 
	padding:10px 2px 0 2px;
259 
	margin:0;
260 
	text-align:justify;
123 mathias 261 
	height:100%;/* N�cessaire pour IE 6 : sinon un espace apparait entrele contenu et les onglets*/
109 mathias 262 
	min-height:300px;
263 
	border-top:none !important;}
264 
#zone_contenu_page_corps{
265 
	clear:both;
266 
	line-height:1.2em;
267 
	text-align:justify;
268 
	padding:0 5px 7px 5px;}
269 
 
270 
/* Zone liste site */
271 
#zone_liste_site {
112 mathias 272 
	position: absolute;
273 
	top: 15px;
274 
	right: 170px;
275 
}
109 mathias 276 
#liste_site li {
277 
	margin:0;
278 
	padding:0;
279 
	list-style-type:none;
280 
	text-align:left;}
281 
#liste_site a{
282 
	display:block;
283 
	height:25px;
123 mathias 284 
	_width:100px;/* Hack IE PC : bogue mod�le de boite*/
109 mathias 285 
	width:75px;
286 
	padding:0px 0 0 32px;
287 
	margin:8px 0;
288 
	color:#333399;
289 
	text-decoration:none;
290 
	line-height:13px;
291 
	font-weight:bold;}
292 
#liste_site a:hover{
293 
	text-decoration:underline;}
294 
#site_asso_gentiana a{
295 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
296 
#site_flore_isere a{
297 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
298 
#site_gestion_raisonnable a{
299 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
300 
#site_animation_botanique a{
301 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_animation_botanique.png") center left no-repeat;}
302 
 
303 
/* Zone menu */
304 
#zone_menu {
305 
	width:198px;
306 
	min-height:292px;
112 mathias 307 
	margin: 0;
109 mathias 308 
	font-size:13px;
309 
	text-align:left;}
310 
#zone_menu hr {
311 
	width:40%;
312 
	text-align:center;}
313 
 
314 
/* Zone menu -> menu classique */
315 
#zone_menu_classique .menu_classique_n1 {
316 
	margin:5px;
112 mathias 317 
	margin-top: 0;
109 mathias 318 
	padding:0;
112 mathias 319 
	padding-top: 3px;
320 
	list-style-type:none;
321 
}
109 mathias 322 
#zone_menu_classique .menu_classique_n2 {
323 
	padding:0;
324 
	margin:0;
325 
	list-style-type:none;}
326 
#zone_menu_classique a {
327 
	display:block;
328 
	text-decoration:none;
329 
	margin:0;
330 
	height:100%;
331 
	font-weight:bold;
332 
	background-color:transparent;}
333 
#zone_menu_classique .menu_classique_n1 a {
334 
	padding:3px 0 3px 10px;
335 
	margin:2px 0;}
336 
#zone_menu_classique .menu_classique_n2 a {
337 
	padding:3px 0 3px 15px;
338 
	margin:2px 0;}
339 
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
340 
	-moz-border-radius-topright:10px;
341 
	-moz-border-radius-topleft:10px;
342 
	-webkit-border-top-right-radius:10px;
343 
	-webkit-border-top-left-radius:10px;
344 
	-khtml-border-radius-topright:10px;
345 
	-khtml-border-radius-topleft:10px;}
346 
 
123 mathias 347 
/* Zone menu -> menu d�roulant */
117 mathias 348 
#zone_menu_classique .menu_deroulant_n1 {
349 
	margin:5px;
350 
	margin-top: 0;
351 
	padding:0;
118 mathias 352 
	padding-top: 8px;
117 mathias 353 
	list-style-type:none;
354 
}
355 
#zone_menu_classique .menu_deroulant_n2 {
356 
	padding:0;
357 
	margin:0;
358 
	list-style-type:none;
359 
}
360 
#zone_menu_classique .menu_deroulant_n1 a {
361 
	padding:3px 0 3px 10px;
362 
	margin:2px 0;
363 
}
364 
#zone_menu_classique .menu_deroulant_n2 a {
365 
	padding:3px 0 3px 15px;
366 
	margin:2px 0;
367 
}
368 
#zone_menu_classique .menu_deroulant_n1 > li.menu_actif > a { /* lien menu niveau 1 actif */
369 
	-moz-border-radius-topright:10px;
370 
	-moz-border-radius-topleft:10px;
371 
	-webkit-border-top-right-radius:10px;
372 
	-webkit-border-top-left-radius:10px;
373 
	-khtml-border-radius-topright:10px;
374 
	-khtml-border-radius-topleft:10px;
375 
}
376 
 
109 mathias 377 
/* Zone menu -> form connexion et deconnexion */
378 
#zone_identification {
379 
	margin:3em 0 0 0;
380 
	padding:5px 0 0 0;
381 
	min-height:180px;}
382 
#zone_identification .erreur {
383 
	display:block;
384 
	text-align:center;
385 
	color:red;
386 
	padding:10px;}
387 
#form_connexion, #identification {
388 
	padding:10px 2px 2px 5px;
389 
	margin:0;}
390 
#form_connexion fieldset, #identification fieldset{
391 
	border:none;}
392 
#form_connexion legend, #identification legend {
393 
	text-transform:uppercase;
394 
	font-size:14px;
395 
	font-weight:bold;}
396 
#form_connexion label, #identification label {
397 
	display:none;}
398 
label#persistant_label {
399 
	display:block;
400 
	margin:5px 0 5px 10px;
401 
	color:black;
402 
	font-weight:bold;}
403 
#username, #password {
404 
	width:150px;
405 
	margin:5px;
406 
	margin-right:30px;
407 
	clear:both;}
408 
#persistant {
409 
	display:block;
410 
	float:left;
411 
	margin:5px;}
412 
#form_connexion input#connexion {
413 
	border:none;
414 
	background:none;
415 
	text-transform:uppercase;
416 
	font-weight:bold;
417 
	margin:0;
418 
	padding:0;}
419 
#form_connexion input#connexion:hover {
420 
	border-bottom:1px solid;}
421 
#identification_info, #identification, #formconnexion, #iden_action {
422 
	display:block;
423 
	width:auto;
424 
	text-align:center;
425 
	font-size:11px;
426 
	margin: 0;
427 
	padding-bottom:2px;}
428 
#inscription_info {
429 
	margin:5px 0 5px 5px;}
430 
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
431 
	text-transform:uppercase;
432 
	font-weight:bold;
433 
	text-decoration:none;}
434 
#lien_inscription:hover, #iden_action a:hover{
435 
	text-decoration:underline;}
436 
#inscription_aide {
437 
	margin-left:1em;}
123 mathias 438 
/* Information sur la personne identifi�e */
109 mathias 439 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
440 
	display:block;
441 
	font-size:14px;
442 
	text-align:center;
443 
	font-weight:bold;
444 
	text-transform:none;
445 
	margin:10px 0 5px 0;}
446 
#identification_message {
447 
	text-transform:uppercase;}
448 
#identification_prenom, #identification_nom{
449 
	font-size:13px;
450 
	font-weight:bold;
451 
	color:black;}
452 
#identification_nom {
453 
	text-transform:uppercase;}
454 
#iden_action {
455 
	height:125px;}
456 
 
457 
/* Zone menu -> menu contextuel */
458 
#menu_contextuel {
459 
	border:1px solid;}
460 
 
461 
/* Zone pied */
462 
#zone_pied {
463 
	font-size:11px;
464 
	clear:both;
465 
	text-align:center;
466 
	min-width:750px;
467 
	max-width:900px;
112 mathias 468 
	margin: auto;
469 
}
109 mathias 470 
#zone_pied p{
471 
	position:center;}
472 
#zone_pied a, #zone_pied a:hover {
473 
	margin:0 10px;
474 
	text-decoration:none;}
475 
#zone_pied a:hover {
476 
	text-decoration:underline;}
477 
#pied_menu_commun .menu_commun_n1 {
478 
	padding:0;}
479 
#pied_menu_commun li {
480 
	display:inline;}
481 
#pied_menu_commun li+li {
482 
	display:inline;
483 
	padding-left:10px;}
484 
 
485 
 
123 mathias 486 
/* Applette Cat�gorie et Mots Cl�s */
109 mathias 487 
.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{
488 
	display:none;}
489 
.page_titre {
490 
	font-weight:bold;}
491 
 
492 
/* Texte champ d'une fiche */
493 
.champ_cle {
494 
	font-weight:bold;}
495 
.champ_valeur {
496 
	font-weight:normal;}p_cle {
497 
	font-weight:bold;}
498 
.champ_valeur {
499 
	font-weight:normal;}
500 
.symbole_obligatoire{
501 
	color:red;
502 
	font-weight:bold;}
503 
 
504 
/*menu_commun*/
505 
.question {
506 
	font-weight:bold;}
507 
 
508 
/* Formatage des noms latins */
509 
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
510 
  font-style:italic;}
511 
strong.nl_retenu{
512 
	font-weight:normal;}
513 
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
514 
  font-weight:bold;}