Subversion Repositories Sites.gentiana.org

Rev

Rev 109 | Rev 113 | 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;
185 
	min-width: 750px;
186 
	max-width: 900px;}
109 mathias 187 
 
188 
/* Zone contenu -> VEI*/
189 
#zone_vei {
190 
	text-align:left;
191 
	margin:10px 0 16px 0;
192 
	height:33px;}
193 
#vei {
194 
	display:block;
195 
	padding:16px 0 0 16px;
196 
	font-weight:bold;}
197 
#vei_titre {
198 
	text-transform:uppercase;}
199 
 
200 
/* Zone contenu navigation : les onglets */
201 
#zone_contenu_navigation {
202 
	position:relative;
203 
	float:left;
204 
	text-align:left;
205 
	font-weight:bold;
206 
	margin:0;
207 
	padding:0;
208 
	height:21px;
209 
	width:100%;}
210 
#zone_contenu_navigation ul {
211 
	margin:0;
212 
	padding:0;
213 
	list-style:none;}
214 
#zone_contenu_navigation li {
215 
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
216 
	float:left;
217 
	margin:0;
218 
	padding:0;}
219 
#zone_contenu_navigation a {
220 
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
221 
	display:block;
222 
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
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;
239 
	border-bottom:1px solid;}
240 
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
241 
	position:relative;
242 
	background-position:100% -150px;
243 
	z-index:3;
244 
	font-weight:bold;}
245 
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
246 
	position:relative;
247 
	background-position:0% -150px;
248 
	line-height:13px;
249 
	z-index:4;}
250 
 
251 
/* Zone contenu page */
252 
#zone_contenu_page {
253 
	position:relative;
254 
	top:-1px;
255 
	clear:both;
256 
	padding:10px 2px 0 2px;
257 
	margin:0;
258 
	text-align:justify;
259 
	height:100%;/* Nécessaire pour IE 6 : sinon un espace apparait entrele contenu et les onglets*/
260 
	min-height:300px;
261 
	border-top:none !important;}
262 
#zone_contenu_page_corps{
263 
	clear:both;
264 
	line-height:1.2em;
265 
	text-align:justify;
266 
	padding:0 5px 7px 5px;}
267 
 
268 
/* Zone liste site */
269 
#zone_liste_site {
112 mathias 270 
	position: absolute;
271 
	top: 15px;
272 
	right: 170px;
273 
}
109 mathias 274 
#liste_site li {
275 
	margin:0;
276 
	padding:0;
277 
	list-style-type:none;
278 
	text-align:left;}
279 
#liste_site a{
280 
	display:block;
281 
	height:25px;
282 
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
283 
	width:75px;
284 
	padding:0px 0 0 32px;
285 
	margin:8px 0;
286 
	color:#333399;
287 
	text-decoration:none;
288 
	line-height:13px;
289 
	font-weight:bold;}
290 
#liste_site a:hover{
291 
	text-decoration:underline;}
292 
#site_asso_gentiana a{
293 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
294 
#site_flore_isere a{
295 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
296 
#site_gestion_raisonnable a{
297 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
298 
#site_animation_botanique a{
299 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_animation_botanique.png") center left no-repeat;}
300 
 
301 
/* Zone menu */
302 
#zone_menu {
303 
	width:198px;
304 
	min-height:292px;
112 mathias 305 
	margin: 0;
109 mathias 306 
	font-size:13px;
307 
	text-align:left;}
308 
#zone_menu hr {
309 
	width:40%;
310 
	text-align:center;}
311 
 
312 
/* Zone menu -> menu classique */
313 
#zone_menu_classique .menu_classique_n1 {
314 
	margin:5px;
112 mathias 315 
	margin-top: 0;
109 mathias 316 
	padding:0;
112 mathias 317 
	padding-top: 3px;
318 
	list-style-type:none;
319 
}
109 mathias 320 
#zone_menu_classique .menu_classique_n2 {
321 
	padding:0;
322 
	margin:0;
323 
	list-style-type:none;}
324 
#zone_menu_classique a {
325 
	display:block;
326 
	text-decoration:none;
327 
	margin:0;
328 
	height:100%;
329 
	font-weight:bold;
330 
	background-color:transparent;}
331 
#zone_menu_classique .menu_classique_n1 a {
332 
	padding:3px 0 3px 10px;
333 
	margin:2px 0;}
334 
#zone_menu_classique .menu_classique_n2 a {
335 
	padding:3px 0 3px 15px;
336 
	margin:2px 0;}
337 
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
338 
	-moz-border-radius-topright:10px;
339 
	-moz-border-radius-topleft:10px;
340 
	-webkit-border-top-right-radius:10px;
341 
	-webkit-border-top-left-radius:10px;
342 
	-khtml-border-radius-topright:10px;
343 
	-khtml-border-radius-topleft:10px;}
344 
 
345 
/* Zone menu -> form connexion et deconnexion */
346 
#zone_identification {
347 
	margin:3em 0 0 0;
348 
	padding:5px 0 0 0;
349 
	min-height:180px;}
350 
#zone_identification .erreur {
351 
	display:block;
352 
	text-align:center;
353 
	color:red;
354 
	padding:10px;}
355 
#form_connexion, #identification {
356 
	padding:10px 2px 2px 5px;
357 
	margin:0;}
358 
#form_connexion fieldset, #identification fieldset{
359 
	border:none;}
360 
#form_connexion legend, #identification legend {
361 
	text-transform:uppercase;
362 
	font-size:14px;
363 
	font-weight:bold;}
364 
#form_connexion label, #identification label {
365 
	display:none;}
366 
label#persistant_label {
367 
	display:block;
368 
	margin:5px 0 5px 10px;
369 
	color:black;
370 
	font-weight:bold;}
371 
#username, #password {
372 
	width:150px;
373 
	margin:5px;
374 
	margin-right:30px;
375 
	clear:both;}
376 
#persistant {
377 
	display:block;
378 
	float:left;
379 
	margin:5px;}
380 
#form_connexion input#connexion {
381 
	border:none;
382 
	background:none;
383 
	text-transform:uppercase;
384 
	font-weight:bold;
385 
	margin:0;
386 
	padding:0;}
387 
#form_connexion input#connexion:hover {
388 
	border-bottom:1px solid;}
389 
#identification_info, #identification, #formconnexion, #iden_action {
390 
	display:block;
391 
	width:auto;
392 
	text-align:center;
393 
	font-size:11px;
394 
	margin: 0;
395 
	padding-bottom:2px;}
396 
#inscription_info {
397 
	margin:5px 0 5px 5px;}
398 
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
399 
	text-transform:uppercase;
400 
	font-weight:bold;
401 
	text-decoration:none;}
402 
#lien_inscription:hover, #iden_action a:hover{
403 
	text-decoration:underline;}
404 
#inscription_aide {
405 
	margin-left:1em;}
406 
/* Information sur la personne identifiée */
407 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
408 
	display:block;
409 
	font-size:14px;
410 
	text-align:center;
411 
	font-weight:bold;
412 
	text-transform:none;
413 
	margin:10px 0 5px 0;}
414 
#identification_message {
415 
	text-transform:uppercase;}
416 
#identification_prenom, #identification_nom{
417 
	font-size:13px;
418 
	font-weight:bold;
419 
	color:black;}
420 
#identification_nom {
421 
	text-transform:uppercase;}
422 
#iden_action {
423 
	height:125px;}
424 
 
425 
/* Zone menu -> menu contextuel */
426 
#menu_contextuel {
427 
	border:1px solid;}
428 
 
429 
/* Zone pied */
430 
#zone_pied {
431 
	font-size:11px;
432 
	clear:both;
433 
	text-align:center;
434 
	min-width:750px;
435 
	max-width:900px;
112 mathias 436 
	margin: auto;
437 
}
109 mathias 438 
#zone_pied p{
439 
	position:center;}
440 
#zone_pied a, #zone_pied a:hover {
441 
	margin:0 10px;
442 
	text-decoration:none;}
443 
#zone_pied a:hover {
444 
	text-decoration:underline;}
445 
#pied_menu_commun .menu_commun_n1 {
446 
	padding:0;}
447 
#pied_menu_commun li {
448 
	display:inline;}
449 
#pied_menu_commun li+li {
450 
	display:inline;
451 
	padding-left:10px;}
452 
 
453 
 
454 
/* Applette Catégorie et Mots Clés */
455 
.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{
456 
	display:none;}
457 
.page_titre {
458 
	font-weight:bold;}
459 
 
460 
/* Texte champ d'une fiche */
461 
.champ_cle {
462 
	font-weight:bold;}
463 
.champ_valeur {
464 
	font-weight:normal;}p_cle {
465 
	font-weight:bold;}
466 
.champ_valeur {
467 
	font-weight:normal;}
468 
.symbole_obligatoire{
469 
	color:red;
470 
	font-weight:bold;}
471 
 
472 
/*menu_commun*/
473 
.question {
474 
	font-weight:bold;}
475 
 
476 
/* Formatage des noms latins */
477 
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
478 
  font-style:italic;}
479 
strong.nl_retenu{
480 
	font-weight:normal;}
481 
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
482 
  font-weight:bold;}