Subversion Repositories Sites.gentiana.org

Rev

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

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