Subversion Repositories Sites.gentiana.org

Rev

Rev 28 | Rev 37 | 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 {
64 
	text-align:center;}
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;
18 jpm 179 
	margin:0 5px 0 205px;
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;
36 jpm 187 
	margin:10px 0 5px 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;}
36 jpm 234 
#zone_contenu_navigation .menu_inactif a {
235 
	line-height:12px;
18 jpm 236 
	border-bottom:1px solid;}
27 jpm 237 
#zone_contenu_navigation .menu_actif {
18 jpm 238 
	position:relative;
239 
	background-position:100% -150px;
240 
	z-index:3;
241 
	font-weight:bold;}
27 jpm 242 
#zone_contenu_navigation .menu_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;
254 
	margin:-4px 0 0 0;
18 jpm 255 
	text-align:justify;
36 jpm 256 
	min-height:300px;
257 
	border-top:none !important;}
18 jpm 258 
#zone_contenu_page_corps{
259 
	clear:both;
260 
	line-height:1.2em;
261 
	text-align:justify;
262 
	padding:0 5px 7px 5px;}
263 
 
264 
/* Zone liste site */
265 
#zone_liste_site {
266 
	position:absolute;
27 jpm 267 
	top:40px;
18 jpm 268 
	left:780px;}
27 jpm 269 
#liste_site li {
270 
	margin:0;
271 
	padding:0;
272 
	list-style-type:none;
273 
	text-align:left;}
274 
#liste_site a{
275 
	display:block;
276 
	height:25px;
277 
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
278 
	width:75px;
279 
	padding:0px 0 0 32px;
280 
	margin:8px 0;
281 
	color:#333399;
282 
	text-decoration:none;
36 jpm 283 
	line-height:13px;
27 jpm 284 
	font-weight:bold;}
285 
#liste_site a:hover{
286 
	text-decoration:underline;}
287 
#site_asso_gentiana a{
288 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
289 
#site_flore_isere a{
290 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
291 
#site_gestion_raisonnable a{
292 
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
18 jpm 293 
 
294 
/* Zone menu */
295 
#zone_menu {
296 
	position:absolute;
297 
	top:150px;
298 
	left:2px;
36 jpm 299 
	width:198px;
18 jpm 300 
	min-height:292px;
27 jpm 301 
	margin:10px 0;
18 jpm 302 
	font-size:13px;
303 
	text-align:left;}
27 jpm 304 
#zone_menu hr {
18 jpm 305 
	width:40%;
306 
	text-align:center;}
307 
 
27 jpm 308 
/* Zone menu -> menu classique */
36 jpm 309 
#zone_menu_classique .menu_classique_n1 {
310 
	margin:5px;
27 jpm 311 
	padding:0;
36 jpm 312 
	list-style-type:none;}
313 
#zone_menu_classique .menu_classique_n2 {
314 
	padding:0;
27 jpm 315 
	margin:0;
316 
	list-style-type:none;}
317 
#zone_menu_classique a {
318 
	display:block;
319 
	text-decoration:none;
36 jpm 320 
	margin:0;
321 
	height:18px;
27 jpm 322 
	font-weight:bold;
323 
	background-color:transparent;}
324 
#zone_menu_classique .menu_classique_n1 a {
325 
	padding:3px 0 3px 10px;
326 
	margin:2px 0;}
327 
#zone_menu_classique .menu_classique_n2 a {
328 
	padding:3px 0 3px 15px;
36 jpm 329 
	margin:2px 0;}
27 jpm 330 
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
331 
	-moz-border-radius-topright:10px;
332 
	-moz-border-radius-topleft:10px;
333 
	-webkit-border-top-right-radius:10px;
334 
	-webkit-border-top-left-radius:10px;
335 
	-khtml-border-radius-topright:10px;
336 
	-khtml-border-radius-topleft:10px;}
337 
 
18 jpm 338 
/* Zone menu -> form connexion et deconnexion */
27 jpm 339 
#zone_identification {
340 
	margin-top:3em;
36 jpm 341 
	padding-top:5px;
27 jpm 342 
	min-height:180px;}
343 
#zone_identification .erreur {
344 
	display:block;
36 jpm 345 
	text-align:center;
27 jpm 346 
	color:red;
36 jpm 347 
	padding:10px;}
18 jpm 348 
#form_connexion, #identification {
36 jpm 349 
	padding:10px 2px 2px 5px;
350 
	margin:0;}
351 
#form_connexion fieldset, #identification fieldset{
352 
	border:none;}
18 jpm 353 
#form_connexion legend, #identification legend {
354 
	text-transform:uppercase;
355 
	font-size:14px;
356 
	font-weight:bold;}
357 
#form_connexion label, #identification label {
358 
	display:none;}
359 
label#persistant_label {
360 
	display:block;
36 jpm 361 
	margin:5px 0 5px 10px;
27 jpm 362 
	color:black;
363 
	font-weight:bold;}
18 jpm 364 
#username, #password {
36 jpm 365 
	width:150px;
366 
	margin:5px;
367 
	margin-right:40px;
368 
	clear:both;}
18 jpm 369 
#persistant {
36 jpm 370 
	display:block;
18 jpm 371 
	float:left;
36 jpm 372 
	margin:5px;}
27 jpm 373 
#form_connexion input#connexion {
374 
	border:none;
375 
	background:none;
376 
	text-transform:uppercase;
377 
	font-weight:bold;
378 
	margin:0;
379 
	padding:0;}
380 
#form_connexion input#connexion:hover {
381 
	border-bottom:1px solid;}
18 jpm 382 
#identification_info, #identification, #formconnexion, #iden_action {
383 
	display:block;
384 
	width:auto;
385 
	text-align:center;
386 
	font-size:11px;
387 
	margin: 0;
388 
	padding-bottom:2px;}
36 jpm 389 
#inscription_info {
390 
	margin:5px 0 5px 5px;}
27 jpm 391 
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
18 jpm 392 
	text-transform:uppercase;
27 jpm 393 
	font-weight:bold;
394 
	text-decoration:none;}
395 
#lien_inscription:hover, #iden_action a:hover{
396 
	text-decoration:underline;}
18 jpm 397 
#inscription_aide {
398 
	margin-left:1em;}
36 jpm 399 
/* Information sur la personne identifiée */
18 jpm 400 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
401 
	display:block;
402 
	font-size:14px;
403 
	text-align:center;
404 
	font-weight:bold;
405 
	text-transform:none;
36 jpm 406 
	margin:10px 0 5px 0;}
27 jpm 407 
#identification_message {
408 
	text-transform:uppercase;}
18 jpm 409 
#identification_prenom, #identification_nom{
410 
	font-size:13px;
411 
	font-weight:bold;
412 
	color:black;}
413 
#identification_nom {
414 
	text-transform:uppercase;}
27 jpm 415 
#iden_action {
416 
	height:125px;}
18 jpm 417 
 
418 
/* Zone menu -> menu contextuel */
419 
#menu_contextuel {
420 
	border:1px solid;}
421 
 
422 
/* Zone pied */
423 
#zone_pied {
424 
	font-size:11px;
425 
	clear:both;
426 
	text-align:center;
27 jpm 427 
	min-width:750px;
428 
	max-width:900px;
429 
	margin:0 5px 0 205px;}
18 jpm 430 
#zone_pied p{
431 
	position:center;}
27 jpm 432 
#zone_pied a, #zone_pied a:hover {
433 
	margin:0 10px;
434 
	text-decoration:none;}
435 
#zone_pied a:hover {
436 
	text-decoration:underline;}
18 jpm 437 
#pied_menu_commun .menu_commun_n1 {
438 
	padding:0;}
439 
#pied_menu_commun li {
440 
	display:inline;}
441 
#pied_menu_commun li+li {
442 
	display:inline;
443 
	padding-left:10px;}
444 
 
445 
 
446 
/* Applette Catégorie et Mots Clés */
447 
.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{
448 
	display:none;}
449 
.page_titre {
450 
	font-weight:bold;}
451 
 
452 
/* Texte champ d'une fiche */
453 
.champ_cle {
454 
	font-weight:bold;}
455 
.champ_valeur {
456 
	font-weight:normal;}p_cle {
457 
	font-weight:bold;}
458 
.champ_valeur {
459 
	font-weight:normal;}
460 
 
461 
/*menu_commun*/
462 
.question {
463 
	font-weight:bold;}