Subversion Repositories Sites.gentiana.org

Rev

Rev 18 | Rev 28 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 18 Rev 27
Line 3... Line 3...
3
Auteur:	Jean-Pascal MILCENT 
3
Auteur:	Jean-Pascal MILCENT 
4
*/
4
*/
Line 5... Line 5...
5
 
5
 
6
/* Icones */
6
/* Icones */
7
a.lien_ext:after {
7
a.lien_ext:after {
8
content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
8
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png");}
9
a.pdf:before {
9
a.pdf:before {
10
content: url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icon_pdf.png)" ";}
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*/
11
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
12
a.mail:after, a[href ^="mailto:"]:after	{
12
a.mail:after, a[href ^="mailto:"]:after	{
13
content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png);}
13
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png");}
14
.table_bordure th[title]:after {
14
.table_bordure th[title]:after {
Line 15... Line 15...
15
content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png);}
15
content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png");}
16
 
16
 
Line 17... Line 17...
17
/* Présentation des liens */
17
/* Présentation des liens */
Line 45... Line 45...
45
	text-align:center;
45
	text-align:center;
46
	min-height: 50px;
46
	min-height: 50px;
47
	max-width: 800px;
47
	max-width: 800px;
48
	padding:5px 5px 5px 50px;}
48
	padding:5px 5px 5px 50px;}
49
.attention {
49
.attention {
50
	background: #ffffcc url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_attention.png) no-repeat 2% 50%;
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;}
51
	border: 1px solid red;}
52
.information {
52
.information {
53
	background: #e7ebfd url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_information.png) no-repeat 2% 50%;
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;}
54
	border:1px solid #5D81BA;}
55
blockquote {
55
blockquote {
56
	font-style:italic;
56
	font-style:italic;
57
	text-align:center;}
57
	text-align:center;}
58
legend {
58
legend {
Line 75... Line 75...
75
 
75
 
76
/* Accessibilité */
76
/* Accessibilité */
77
#zone_accessibilite {
77
#zone_accessibilite {
78
	position:absolute;
78
	position:absolute;
79
	top:2px;
79
	top:2px;
80
	left:815px;}
80
	left:775px;}
81
#zone_accessibilite a{
81
#zone_accessibilite a{
82
	font-size:10px;
82
	font-size:10px;
Line 105... Line 105...
105
	padding-top:5px;
105
	padding-top:5px;
106
	text-transform:uppercase;}
106
	text-transform:uppercase;}
107
#bandeau_contenu a, #bandeau_contenu a:hover {
107
#bandeau_contenu a, #bandeau_contenu a:hover {
108
	font-weight:bolder;
108
	font-weight:bolder;
109
	margin-left:10px;
109
	margin-left:10px;
110
	color:white;}
110
	color:white;
-
 
111
	text-decoration:none;}
-
 
112
#bandeau_contenu a:hover {
-
 
113
	text-decoration:underline;}
Line 111... Line 114...
111
 
114
 
112
/* Moteur de recherche */
115
/* Moteur de recherche */
113
#zone_moteur_recherche {
116
#zone_moteur_recherche {
114
	position:absolute;
117
	position:absolute;
Line 126... Line 129...
126
	border:0;
129
	border:0;
127
	margin:0;
130
	margin:0;
128
	padding:0;}
131
	padding:0;}
129
#form_more_recherche label {
132
#form_more_recherche label {
130
	display:none;}
133
	display:none;}
-
 
134
#form_more_recherche input#more_ok {
-
 
135
	border:none;
-
 
136
	background:none;
-
 
137
	text-transform:uppercase;
-
 
138
	font-weight:bold;
-
 
139
	margin:0;
-
 
140
	padding:0;}
-
 
141
#form_more_recherche input#more_ok:hover {
-
 
142
	border-bottom:1px solid;}
131
/* Texte trouvé par le moteur de recherche */
143
/* Texte trouvé par le moteur de recherche */
132
.surlignage {
144
.surlignage {
133
	background-color:yellow;}
145
	background-color:yellow;}
134
/* Formatage des résultats du moteur de recherche */
146
/* Formatage des résultats du moteur de recherche */
135
#more_resultat, #more_resultat li {
147
#more_resultat, #more_resultat li {
Line 154... Line 166...
154
 
166
 
155
/* Zone contenu */
167
/* Zone contenu */
156
#zone_contenu {
168
#zone_contenu {
157
	margin:0 5px 0 205px;
169
	margin:0 5px 0 205px;
158
	position:relative;
170
	position:relative;
-
 
171
	min-width:750px;
-
 
172
	max-width:900px;}
-
 
173
 
-
 
174
/* Zone contenu -> VEI*/
-
 
175
#zone_vei {
-
 
176
	text-align:left;
-
 
177
	height:40px;
-
 
178
	margin:0;}
-
 
179
#vei {
-
 
180
	display:block;
-
 
181
	padding:20px 0 0 20px;
-
 
182
	font-weight:bold;}
-
 
183
#vei_titre {
Line 159... Line 184...
159
	width:750px;}
184
	text-transform:uppercase;}
160
 
185
 
161
/* Zone contenu navigation : les onglets */
186
/* Zone contenu navigation : les onglets */
162
#zone_contenu_navigation {
187
#zone_contenu_navigation {
Line 167... Line 192...
167
#zone_contenu_navigation ul {
192
#zone_contenu_navigation ul {
168
	margin:0;
193
	margin:0;
169
	padding:0;
194
	padding:0;
170
	list-style:none;}
195
	list-style:none;}
171
#zone_contenu_navigation li {
196
#zone_contenu_navigation li {
172
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
197
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
173
	float:left;
198
	float:left;
174
	margin:0;
199
	margin:0;
175
	padding:0;}
200
	padding:0;}
176
#zone_contenu_navigation a {
201
#zone_contenu_navigation a {
177
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
202
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
178
	display:block;
203
	display:block;
179
	background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
204
	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
180
	width:.1em;
205
	width:.1em;
181
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
206
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
182
	padding:5px 15px 4px;
207
	padding:5px 15px 4px;
183
	text-decoration:none;}
208
	text-decoration:none;}
184
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
209
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
Line 190... Line 215...
190
	background-position:100% -150px;}
215
	background-position:100% -150px;}
191
#zone_contenu_navigation li:hover a {
216
#zone_contenu_navigation li:hover a {
192
	background-position:0% -150px;}
217
	background-position:0% -150px;}
193
#zone_contenu_navigation .menu_inactif {
218
#zone_contenu_navigation .menu_inactif {
194
	border-bottom:1px solid;}
219
	border-bottom:1px solid;}
195
#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
220
#zone_contenu_navigation .menu_actif {
196
	position:relative;
221
	position:relative;
197
	background-position:100% -150px;
222
	background-position:100% -150px;
198
	padding-bottom:2px;
223
	padding-bottom:2px;
199
	z-index:3;
224
	z-index:3;
200
	font-weight:bold;}
225
	font-weight:bold;}
201
#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
226
#zone_contenu_navigation .menu_actif a {
202
	position:relative;
227
	position:relative;
203
	background-position:0% -150px;
228
	background-position:0% -150px;
204
	padding-bottom:3px;
229
	padding-bottom:3px;
205
	z-index:4;}
230
	z-index:4;}
-
 
231
#zone_contenu_navigation .menu_n3 {
-
 
232
	margin:0 0 0 10px;
-
 
233
	padding:0;
-
 
234
	text-align:left;}
Line 206... Line 235...
206
 
235
 
207
/* Zone contenu page */
236
/* Zone contenu page */
208
#zone_contenu_page {
237
#zone_contenu_page {
209
	position:relative;
238
	position:relative;
Line 219... Line 248...
219
	padding:0 5px 7px 5px;}
248
	padding:0 5px 7px 5px;}
Line 220... Line 249...
220
 
249
 
221
/* Zone liste site */
250
/* Zone liste site */
222
#zone_liste_site {
251
#zone_liste_site {
223
	position:absolute;
252
	position:absolute;
224
	top:50px;
253
	top:40px;
-
 
254
	left:780px;}
-
 
255
#liste_site li {
-
 
256
	margin:0;
-
 
257
	padding:0;
-
 
258
	list-style-type:none;
-
 
259
	text-align:left;}
-
 
260
#liste_site a{
-
 
261
	display:block;
-
 
262
	height:25px;
-
 
263
	_width:100px;/* Hack IE PC : bogue modèle de boite*/
-
 
264
	width:75px;
-
 
265
	padding:0px 0 0 32px;
-
 
266
	margin:8px 0;
-
 
267
	color:#333399;
-
 
268
	text-decoration:none;
-
 
269
	font-size:12px;
-
 
270
	font-weight:bold;}
-
 
271
#liste_site a:hover{
-
 
272
	text-decoration:underline;}
-
 
273
#site_asso_gentiana a{
-
 
274
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
-
 
275
#site_flore_isere a{
-
 
276
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
-
 
277
#site_gestion_raisonnable a{
Line 225... Line 278...
225
	left:780px;}
278
  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
226
 
279
 
227
/* Zone menu */
280
/* Zone menu */
228
#zone_menu {
281
#zone_menu {
229
	position:absolute;
282
	position:absolute;
230
	top:150px;
283
	top:150px;
231
	left:2px;
284
	left:2px;
232
	width:188px;
285
	width:188px;
233
	min-height:292px;
-
 
234
	padding:5px 5px;}
-
 
235
 
-
 
236
/* Zone menu */
-
 
237
#zone_menu, #menus {
286
	min-height:292px;
-
 
287
	padding:5px 5px;
238
	font-size:13px;
288
	margin:10px 0;
239
	margin:10px 0;
289
	font-size:13px;
240
	text-align:left;}
-
 
241
#zone_menu a, #menus a {
-
 
242
	background:none;
-
 
243
	color:#000;
-
 
244
	display:block;
-
 
245
	height:1.2em;}
-
 
246
#zone_menu .menu_actif>a, #menus .menu_actif>a {
-
 
247
	border:1px solid;}
-
 
248
#zone_menu > ul a, #menus > ul a {
-
 
249
	height:auto;}
290
	text-align:left;}
250
#navigation hr, #nav_gauche hr {
291
#zone_menu hr {
Line -... Line 292...
-
 
292
	width:40%;
-
 
293
	text-align:center;}
-
 
294
 
-
 
295
/* Zone menu -> menu classique */
-
 
296
#zone_menu_classique .menu_classique_n1, #zone_menu_classique .menu_classique_n2 {
-
 
297
	padding:0;
-
 
298
	margin:0;
-
 
299
	list-style-type:none;}
-
 
300
#zone_menu_classique a {
-
 
301
	display:block;
-
 
302
	text-decoration:none;
-
 
303
	font-weight:bold;
-
 
304
	background-color:transparent;}
-
 
305
#zone_menu_classique .menu_classique_n1 a {
-
 
306
	padding:3px 0 3px 10px;
-
 
307
	margin:2px 0;}
-
 
308
#zone_menu_classique .menu_classique_n2 a {
-
 
309
	padding:3px 0 3px 15px;
-
 
310
	margin:2px;}
-
 
311
#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
-
 
312
	border-top-right-radius:10px;
-
 
313
	border-top-left-radius:10px;
-
 
314
	-moz-border-radius-topright:10px;
-
 
315
	-moz-border-radius-topleft:10px;
-
 
316
	-webkit-border-top-right-radius:10px;
-
 
317
	-webkit-border-top-left-radius:10px;
251
	width:40%;
318
	-khtml-border-radius-topright:10px;
-
 
319
	-khtml-border-radius-topleft:10px;}
-
 
320
 
-
 
321
/* Zone menu -> form connexion et deconnexion */
-
 
322
#zone_identification {
-
 
323
	margin-top:3em;
-
 
324
	padding-top:15px;
-
 
325
	min-height:180px;}
-
 
326
#zone_identification .erreur {
252
	text-align:center;}
327
	display:block;
253
 
328
	color:red;
254
/* Zone menu -> form connexion et deconnexion */
329
	padding:1em 0 0 2em;}
255
#form_connexion, #identification {
330
#form_connexion, #identification {
256
	padding:12px 2px 2px 5px;}
331
	padding:12px 2px 2px 5px;}
Line 261... Line 336...
261
#form_connexion label, #identification label {
336
#form_connexion label, #identification label {
262
	display:none;}
337
	display:none;}
263
label#persistant_label {
338
label#persistant_label {
264
	display:block;
339
	display:block;
265
	margin:0.5em 0 1em 2em;
340
	margin:0.5em 0 1em 2em;
266
	color:black;}
341
	color:black;
-
 
342
	font-weight:bold;}
267
#form_connexion fieldset, #identification fieldset{
343
#form_connexion fieldset, #identification fieldset{
268
	border:none;}
344
	border:none;}
269
#username, #password {
345
#username, #password {
270
	width:10em;
346
	width:10em;
271
	text-align:left;
347
	text-align:left;
272
	margin:0.5em 0;}
348
	margin:0.5em 0;}
273
#persistant {
349
#persistant {
274
	text-align:left;
350
	text-align:left;
275
	float:left;
351
	float:left;
276
	margin:0.5em 0 1em 0;}
352
	margin:0.5em 0 1em 0;}
-
 
353
#form_connexion input#connexion {
-
 
354
	border:none;
-
 
355
	background:none;
-
 
356
	text-transform:uppercase;
-
 
357
	font-weight:bold;
-
 
358
	margin:0;
-
 
359
	padding:0;}
-
 
360
#form_connexion input#connexion:hover {
-
 
361
	border-bottom:1px solid;}
277
#identification_info, #identification, #formconnexion, #iden_action {
362
#identification_info, #identification, #formconnexion, #iden_action {
278
	display:block;
363
	display:block;
279
	width:auto;
364
	width:auto;
280
	text-align:center;
365
	text-align:center;
281
	font-size:11px;
366
	font-size:11px;
282
	margin: 0;
367
	margin: 0;
283
	padding-bottom:2px;}
368
	padding-bottom:2px;}
284
#lien_inscription{
369
#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
285
	text-transform:uppercase;
370
	text-transform:uppercase;
-
 
371
	font-weight:bold;
286
	margin:0.5em 0 1em 0;}
372
	margin:0.5em 0 1.5em 0.5em;
-
 
373
	text-decoration:none;}
-
 
374
#lien_inscription:hover, #iden_action a:hover{
-
 
375
	text-decoration:underline;}
287
#inscription_aide {
376
#inscription_aide {
288
	margin-left:1em;}
377
	margin-left:1em;}
289
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
378
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
290
	display:block;
379
	display:block;
291
	font-size:14px;
380
	font-size:14px;
292
	text-align:center;
381
	text-align:center;
293
	font-weight:bold;
382
	font-weight:bold;
294
	text-transform:none;
383
	text-transform:none;
295
	margin:0 0 5px 0;}
384
	margin:0 0 5px 0;}
-
 
385
#identification_message {
-
 
386
	text-transform:uppercase;}
296
#identification_prenom, #identification_nom{
387
#identification_prenom, #identification_nom{
297
	font-size:13px;
388
	font-size:13px;
298
	font-weight:bold;
389
	font-weight:bold;
299
	color:black;}
390
	color:black;}
300
#identification_nom {
391
#identification_nom {
301
	text-transform:uppercase;}
392
	text-transform:uppercase;}
302
#iden_action a {
393
#iden_action {
303
	line-height:15px;}
394
	height:125px;}
Line 304... Line 395...
304
 
395
 
305
/* Zone menu -> menu contextuel */
396
/* Zone menu -> menu contextuel */
306
#menu_contextuel {
397
#menu_contextuel {
Line 307... Line -...
307
	border:1px solid;}
-
 
308
 
-
 
309
/* Présentation des menus */
-
 
310
.menu_classique_n1, .menu_n1 {
-
 
311
	padding:0;
-
 
312
	margin:0;
-
 
313
	font-weight:bold;
-
 
314
	list-style-type:none;}
-
 
315
.menu_classique_n1 a {
-
 
316
	padding:3px 0;}
-
 
317
.menu_classique_n2, .menu_n2 {
-
 
318
	padding:0;
-
 
319
	margin:0;
-
 
320
	font-weight:normal;
-
 
321
	list-style-type:none;}
-
 
322
.menu_classique_n2 a {
-
 
323
	padding:3px 0 3px 15px;}
-
 
324
.menu_n3 {
-
 
325
	margin:0 0 0 10px;
-
 
326
	padding:0;
-
 
327
	text-align:left;}
-
 
328
.menu_inactif a, .menu_actif a {
-
 
329
	color:#000;
-
 
330
	text-decoration:none;
-
 
331
	background-color:transparent;}
398
	border:1px solid;}
332
 
399
 
333
/* Zone pied */
400
/* Zone pied */
334
#zone_pied {
401
#zone_pied {
335
	font-size:11px;
402
	font-size:11px;
-
 
403
	clear:both;
336
	clear:both;
404
	text-align:center;
337
	text-align:center;
405
	min-width:750px;
338
	width:700px;
406
	max-width:900px;
339
	margin-left:200px;}
407
	margin:0 5px 0 205px;}
340
#zone_pied p{
408
#zone_pied p{
341
	position:center;}
409
	position:center;}
-
 
410
#zone_pied a, #zone_pied a:hover {
-
 
411
	margin:0 10px;
-
 
412
	text-decoration:none;}
342
#zone_pied a {
413
#zone_pied a:hover {
343
	margin:0 10px;}
414
	text-decoration:underline;}
344
#pied_menu_commun .menu_commun_n1 {
415
#pied_menu_commun .menu_commun_n1 {
345
	padding:0;}
416
	padding:0;}
346
#pied_menu_commun li {
417
#pied_menu_commun li {