Subversion Repositories Sites.gentiana.org

Rev

Rev 114 | Rev 117 | 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;
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;}
157 
/* Texte trouvé par le moteur de recherche */
158 
.surlignage {
159 
	background-color:yellow;}
160 
/* Formatage des résultats du moteur de recherche */
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 
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
218 
	float:left;
219 
	margin:0;
220 
	padding:0;}
221 
#zone_contenu_navigation a {
222 
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
223 
	display:block;
224 
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
225 
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
226 
	margin:0;
227 
	padding:5px 15px 4px;
228 
	line-height:12px;
229 
	text-decoration:none;}
230 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
231 
#header a {float:none;}
232 
/* End IE5-Mac hack */
233 
#zone_contenu_navigation > ul a {
234 
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
235 
#zone_contenu_navigation li:hover {
236 
	background-position:100% -150px;}
237 
#zone_contenu_navigation li:hover a {
238 
	background-position:0% -150px;}
239 
#zone_contenu_navigation .menu_inactif a, #zone_contenu_navigation .onglet_inactif a  {
240 
	line-height:12px;
241 
	border-bottom:1px solid;}
242 
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
243 
	position:relative;
244 
	background-position:100% -150px;
245 
	z-index:3;
246 
	font-weight:bold;}
247 
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
248 
	position:relative;
249 
	background-position:0% -150px;
250 
	line-height:13px;
251 
	z-index:4;}
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;
261 
	height:100%;/* Nécessaire pour IE 6 : sinon un espace apparait entrele contenu et les onglets*/
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;
284 
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
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 
 
347 
/* Zone menu -> form connexion et deconnexion */
348 
#zone_identification {
349 
	margin:3em 0 0 0;
350 
	padding:5px 0 0 0;
351 
	min-height:180px;}
352 
#zone_identification .erreur {
353 
	display:block;
354 
	text-align:center;
355 
	color:red;
356 
	padding:10px;}
357 
#form_connexion, #identification {
358 
	padding:10px 2px 2px 5px;
359 
	margin:0;}
360 
#form_connexion fieldset, #identification fieldset{
361 
	border:none;}
362 
#form_connexion legend, #identification legend {
363 
	text-transform:uppercase;
364 
	font-size:14px;
365 
	font-weight:bold;}
366 
#form_connexion label, #identification label {
367 
	display:none;}
368 
label#persistant_label {
369 
	display:block;
370 
	margin:5px 0 5px 10px;
371 
	color:black;
372 
	font-weight:bold;}
373 
#username, #password {
374 
	width:150px;
375 
	margin:5px;
376 
	margin-right:30px;
377 
	clear:both;}
378 
#persistant {
379 
	display:block;
380 
	float:left;
381 
	margin:5px;}
382 
#form_connexion input#connexion {
383 
	border:none;
384 
	background:none;
385 
	text-transform:uppercase;
386 
	font-weight:bold;
387 
	margin:0;
388 
	padding:0;}
389 
#form_connexion input#connexion:hover {
390 
	border-bottom:1px solid;}
391 
#identification_info, #identification, #formconnexion, #iden_action {
392 
	display:block;
393 
	width:auto;
394 
	text-align:center;
395 
	font-size:11px;
396 
	margin: 0;
397 
	padding-bottom:2px;}
398 
#inscription_info {
399 
	margin:5px 0 5px 5px;}
400 
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
401 
	text-transform:uppercase;
402 
	font-weight:bold;
403 
	text-decoration:none;}
404 
#lien_inscription:hover, #iden_action a:hover{
405 
	text-decoration:underline;}
406 
#inscription_aide {
407 
	margin-left:1em;}
408 
/* Information sur la personne identifiée */
409 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
410 
	display:block;
411 
	font-size:14px;
412 
	text-align:center;
413 
	font-weight:bold;
414 
	text-transform:none;
415 
	margin:10px 0 5px 0;}
416 
#identification_message {
417 
	text-transform:uppercase;}
418 
#identification_prenom, #identification_nom{
419 
	font-size:13px;
420 
	font-weight:bold;
421 
	color:black;}
422 
#identification_nom {
423 
	text-transform:uppercase;}
424 
#iden_action {
425 
	height:125px;}
426 
 
427 
/* Zone menu -> menu contextuel */
428 
#menu_contextuel {
429 
	border:1px solid;}
430 
 
431 
/* Zone pied */
432 
#zone_pied {
433 
	font-size:11px;
434 
	clear:both;
435 
	text-align:center;
436 
	min-width:750px;
437 
	max-width:900px;
112 mathias 438 
	margin: auto;
439 
}
109 mathias 440 
#zone_pied p{
441 
	position:center;}
442 
#zone_pied a, #zone_pied a:hover {
443 
	margin:0 10px;
444 
	text-decoration:none;}
445 
#zone_pied a:hover {
446 
	text-decoration:underline;}
447 
#pied_menu_commun .menu_commun_n1 {
448 
	padding:0;}
449 
#pied_menu_commun li {
450 
	display:inline;}
451 
#pied_menu_commun li+li {
452 
	display:inline;
453 
	padding-left:10px;}
454 
 
455 
 
456 
/* Applette Catégorie et Mots Clés */
457 
.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{
458 
	display:none;}
459 
.page_titre {
460 
	font-weight:bold;}
461 
 
462 
/* Texte champ d'une fiche */
463 
.champ_cle {
464 
	font-weight:bold;}
465 
.champ_valeur {
466 
	font-weight:normal;}p_cle {
467 
	font-weight:bold;}
468 
.champ_valeur {
469 
	font-weight:normal;}
470 
.symbole_obligatoire{
471 
	color:red;
472 
	font-weight:bold;}
473 
 
474 
/*menu_commun*/
475 
.question {
476 
	font-weight:bold;}
477 
 
478 
/* Formatage des noms latins */
479 
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
480 
  font-style:italic;}
481 
strong.nl_retenu{
482 
	font-weight:normal;}
483 
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
484 
  font-weight:bold;}