Subversion Repositories Sites.gentiana.org

Rev

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

Rev Author Line No. Line
109 mathias 1 
/*
2 
Feuille de style supportée par les navigateurs modernes (version 5 et +)
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 
 
17 
/* Présentation des liens */
18 
a {color:black;}
19 
 
20 
/* Présentation des listes de définitions */
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 
 
33 
/* Présentation des images */
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 
 
77 
/* Accessibilité */
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;
108 
	width:600px;
109 
	text-align:left;
110 
	margin:0;
111 
	padding-top:5px;
112 
	text-transform:uppercase;}
113 
#bandeau_contenu a, #bandeau_contenu a:hover {
114 
	font-weight:bolder;
115 
	margin-left:15px;
116 
	color:white;
117 
	text-decoration:none;}
118 
#bandeau_contenu a:hover {
119 
	text-decoration:underline;}
120 
 
121 
/* Moteur de recherche */
122 
#zone_moteur_recherche {
123 
	position:absolute;
112 mathias 124 
	top:136px;
125 
	left:520px;
109 mathias 126 
	height:22px;
112 mathias 127 
	width:270px;
128 
	margin:0;
129 
}
109 mathias 130 
#form_more_recherche {
131 
	float:right;
132 
	padding:0;
133 
	margin:0;}
134 
#form_more_recherche legend {
135 
	display:none;}
136 
#form_more_recherche fieldset {
137 
	border:0;
138 
	margin:0;
139 
	padding:0;}
140 
#form_more_recherche label {
141 
	display:none;}
142 
#form_more_recherche input#more_motif{
143 
	height:17px;
144 
	margin:0;
145 
	padding:0;}
146 
#form_more_recherche input#more_ok {
147 
	border:none;
148 
	background:none;
149 
	text-transform:uppercase;
150 
	font-weight:bold;
151 
	height:17px;
152 
	margin:0;
153 
	padding:0;}
154 
#form_more_recherche input#more_ok:hover {
155 
	border-bottom:1px solid;}
156 
/* Texte trouvé par le moteur de recherche */
157 
.surlignage {
158 
	background-color:yellow;}
159 
/* Formatage des résultats du moteur de recherche */
160 
#more_resultat, #more_resultat li {
161 
	clear:left;
162 
	display: inline;
163 
	margin: 0;
164 
	padding: 0;
165 
	list-style-type:none;}
166 
.more_iid, .more_dui {
167 
	display:none;}
168 
.more_ivd {
169 
	width:600px;}
170 
.more_duv a {
171 
	color:#008000;}
172 
.more_dsv, .more_dsi {
173 
	color:#C1C1C1;}
174 
.more_detail, .more_detail li {
175 
	display: inline;
176 
	margin: 0;
177 
	padding: 0;
178 
	list-style-type:none;}
179 
 
180 
/* Zone contenu */
181 
#zone_contenu {
112 mathias 182 
	position: relative;
183 
	float: right;
184 
	padding: 0;
113 mathias 185 
	padding-top: 20px;
114 mathias 186 
	width: 900px;
113 mathias 187 
}
109 mathias 188 
 
189 
/* Zone contenu -> VEI*/
190 
#zone_vei {
191 
	text-align:left;
192 
	margin:10px 0 16px 0;
193 
	height:33px;}
194 
#vei {
195 
	display:block;
196 
	padding:16px 0 0 16px;
197 
	font-weight:bold;}
198 
#vei_titre {
199 
	text-transform:uppercase;}
200 
 
201 
/* Zone contenu navigation : les onglets */
202 
#zone_contenu_navigation {
203 
	position:relative;
204 
	float:left;
205 
	text-align:left;
206 
	font-weight:bold;
207 
	margin:0;
208 
	padding:0;
113 mathias 209 
	width:100%;
210 
}
109 mathias 211 
#zone_contenu_navigation ul {
212 
	margin:0;
213 
	padding:0;
214 
	list-style:none;}
215 
#zone_contenu_navigation li {
216 
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
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 
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
224 
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
225 
	margin:0;
226 
	padding:5px 15px 4px;
227 
	line-height:12px;
228 
	text-decoration:none;}
229 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
230 
#header a {float:none;}
231 
/* End IE5-Mac hack */
232 
#zone_contenu_navigation > ul a {
233 
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
234 
#zone_contenu_navigation li:hover {
235 
	background-position:100% -150px;}
236 
#zone_contenu_navigation li:hover a {
237 
	background-position:0% -150px;}
238 
#zone_contenu_navigation .menu_inactif a, #zone_contenu_navigation .onglet_inactif a  {
239 
	line-height:12px;
240 
	border-bottom:1px solid;}
241 
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
242 
	position:relative;
243 
	background-position:100% -150px;
244 
	z-index:3;
245 
	font-weight:bold;}
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;
250 
	z-index:4;}
251 
 
252 
/* Zone contenu page */
253 
#zone_contenu_page {
254 
	position:relative;
255 
	top:-1px;
256 
	clear:both;
257 
	padding:10px 2px 0 2px;
258 
	margin:0;
259 
	text-align:justify;
260 
	height:100%;/* Nécessaire pour IE 6 : sinon un espace apparait entrele contenu et les onglets*/
261 
	min-height:300px;
262 
	border-top:none !important;}
263 
#zone_contenu_page_corps{
264 
	clear:both;
265 
	line-height:1.2em;
266 
	text-align:justify;
267 
	padding:0 5px 7px 5px;}
268 
 
269 
/* Zone liste site */
270 
#zone_liste_site {
112 mathias 271 
	position: absolute;
272 
	top: 15px;
273 
	right: 170px;
274 
}
109 mathias 275 
#liste_site li {
276 
	margin:0;
277 
	padding:0;
278 
	list-style-type:none;
279 
	text-align:left;}
280 
#liste_site a{
281 
	display:block;
282 
	height:25px;
283 
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
284 
	width:75px;
285 
	padding:0px 0 0 32px;
286 
	margin:8px 0;
287 
	color:#333399;
288 
	text-decoration:none;
289 
	line-height:13px;
290 
	font-weight:bold;}
291 
#liste_site a:hover{
292 
	text-decoration:underline;}
293 
#site_asso_gentiana a{
294 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
295 
#site_flore_isere a{
296 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
297 
#site_gestion_raisonnable a{
298 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
299 
#site_animation_botanique a{
300 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_animation_botanique.png") center left no-repeat;}
301 
 
302 
/* Zone menu */
303 
#zone_menu {
304 
	width:198px;
305 
	min-height:292px;
112 mathias 306 
	margin: 0;
109 mathias 307 
	font-size:13px;
308 
	text-align:left;}
309 
#zone_menu hr {
310 
	width:40%;
311 
	text-align:center;}
312 
 
313 
/* Zone menu -> menu classique */
314 
#zone_menu_classique .menu_classique_n1 {
315 
	margin:5px;
112 mathias 316 
	margin-top: 0;
109 mathias 317 
	padding:0;
112 mathias 318 
	padding-top: 3px;
319 
	list-style-type:none;
320 
}
109 mathias 321 
#zone_menu_classique .menu_classique_n2 {
322 
	padding:0;
323 
	margin:0;
324 
	list-style-type:none;}
325 
#zone_menu_classique a {
326 
	display:block;
327 
	text-decoration:none;
328 
	margin:0;
329 
	height:100%;
330 
	font-weight:bold;
331 
	background-color:transparent;}
332 
#zone_menu_classique .menu_classique_n1 a {
333 
	padding:3px 0 3px 10px;
334 
	margin:2px 0;}
335 
#zone_menu_classique .menu_classique_n2 a {
336 
	padding:3px 0 3px 15px;
337 
	margin:2px 0;}
338 
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
339 
	-moz-border-radius-topright:10px;
340 
	-moz-border-radius-topleft:10px;
341 
	-webkit-border-top-right-radius:10px;
342 
	-webkit-border-top-left-radius:10px;
343 
	-khtml-border-radius-topright:10px;
344 
	-khtml-border-radius-topleft:10px;}
345 
 
346 
/* Zone menu -> form connexion et deconnexion */
347 
#zone_identification {
348 
	margin:3em 0 0 0;
349 
	padding:5px 0 0 0;
350 
	min-height:180px;}
351 
#zone_identification .erreur {
352 
	display:block;
353 
	text-align:center;
354 
	color:red;
355 
	padding:10px;}
356 
#form_connexion, #identification {
357 
	padding:10px 2px 2px 5px;
358 
	margin:0;}
359 
#form_connexion fieldset, #identification fieldset{
360 
	border:none;}
361 
#form_connexion legend, #identification legend {
362 
	text-transform:uppercase;
363 
	font-size:14px;
364 
	font-weight:bold;}
365 
#form_connexion label, #identification label {
366 
	display:none;}
367 
label#persistant_label {
368 
	display:block;
369 
	margin:5px 0 5px 10px;
370 
	color:black;
371 
	font-weight:bold;}
372 
#username, #password {
373 
	width:150px;
374 
	margin:5px;
375 
	margin-right:30px;
376 
	clear:both;}
377 
#persistant {
378 
	display:block;
379 
	float:left;
380 
	margin:5px;}
381 
#form_connexion input#connexion {
382 
	border:none;
383 
	background:none;
384 
	text-transform:uppercase;
385 
	font-weight:bold;
386 
	margin:0;
387 
	padding:0;}
388 
#form_connexion input#connexion:hover {
389 
	border-bottom:1px solid;}
390 
#identification_info, #identification, #formconnexion, #iden_action {
391 
	display:block;
392 
	width:auto;
393 
	text-align:center;
394 
	font-size:11px;
395 
	margin: 0;
396 
	padding-bottom:2px;}
397 
#inscription_info {
398 
	margin:5px 0 5px 5px;}
399 
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
400 
	text-transform:uppercase;
401 
	font-weight:bold;
402 
	text-decoration:none;}
403 
#lien_inscription:hover, #iden_action a:hover{
404 
	text-decoration:underline;}
405 
#inscription_aide {
406 
	margin-left:1em;}
407 
/* Information sur la personne identifiée */
408 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
409 
	display:block;
410 
	font-size:14px;
411 
	text-align:center;
412 
	font-weight:bold;
413 
	text-transform:none;
414 
	margin:10px 0 5px 0;}
415 
#identification_message {
416 
	text-transform:uppercase;}
417 
#identification_prenom, #identification_nom{
418 
	font-size:13px;
419 
	font-weight:bold;
420 
	color:black;}
421 
#identification_nom {
422 
	text-transform:uppercase;}
423 
#iden_action {
424 
	height:125px;}
425 
 
426 
/* Zone menu -> menu contextuel */
427 
#menu_contextuel {
428 
	border:1px solid;}
429 
 
430 
/* Zone pied */
431 
#zone_pied {
432 
	font-size:11px;
433 
	clear:both;
434 
	text-align:center;
435 
	min-width:750px;
436 
	max-width:900px;
112 mathias 437 
	margin: auto;
438 
}
109 mathias 439 
#zone_pied p{
440 
	position:center;}
441 
#zone_pied a, #zone_pied a:hover {
442 
	margin:0 10px;
443 
	text-decoration:none;}
444 
#zone_pied a:hover {
445 
	text-decoration:underline;}
446 
#pied_menu_commun .menu_commun_n1 {
447 
	padding:0;}
448 
#pied_menu_commun li {
449 
	display:inline;}
450 
#pied_menu_commun li+li {
451 
	display:inline;
452 
	padding-left:10px;}
453 
 
454 
 
455 
/* Applette Catégorie et Mots Clés */
456 
.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{
457 
	display:none;}
458 
.page_titre {
459 
	font-weight:bold;}
460 
 
461 
/* Texte champ d'une fiche */
462 
.champ_cle {
463 
	font-weight:bold;}
464 
.champ_valeur {
465 
	font-weight:normal;}p_cle {
466 
	font-weight:bold;}
467 
.champ_valeur {
468 
	font-weight:normal;}
469 
.symbole_obligatoire{
470 
	color:red;
471 
	font-weight:bold;}
472 
 
473 
/*menu_commun*/
474 
.question {
475 
	font-weight:bold;}
476 
 
477 
/* Formatage des noms latins */
478 
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
479 
  font-style:italic;}
480 
strong.nl_retenu{
481 
	font-weight:normal;}
482 
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
483 
  font-weight:bold;}