Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
705 jpm 1
 
2
	/********* STYLE SPECIFIQUE DE LA PAGE RESEAU *********/
3
	body#reseau { background: url(../images/traitVerticalReseau.jpg) repeat-x;}
4
 
5
	/* Mots clefs Reseau */
6
	#zone-reseau	.motsclefs	.mot1 { font-size:32px; margin:-25px 0 0 -102px; }
7
	#zone-reseau	.motsclefs	.mot2 { font-size:26px; margin:0px 0 0 -81px; }
8
	#zone-reseau	.motsclefs	.mot3 { font-size:20px; margin:3px 0 0 39px; }
9
	#zone-reseau	{background:url(../images/image_bandeau_reseau.png) right center no-repeat; }
10
 
11
	/* Logos de droite (facebook, delicious etc...) */
12
	.contenu_centre {
13
		text-align: center;
14
	}
15
 
16
	.logo_externe {
17
			padding:15px;
18
			float:left;
19
	}
20
 
21
	.rss_site_titre {
22
			display: none;
23
	}
24
 
25
	/** Affichage des flux RSS **/
26
	.flux_RSS .contenu_RSS .actualites1 { width:674px; padding-top:5px; padding-bottom:5px; height:auto; border-bottom:1px dotted #c2c0ad; }
27
 
28
	.texteActualites1 { width:535px; height:auto; text-align:justify; margin-bottom: 5px }
29
	.texteActualites1 p, #texteActualites1 a	{display:inline; text-align:justify}
30
	.texteActualites1 br {position:absolute}
31
 
32
	.imageActualites1{ width:130px; text-align:center; margin-top:0px; float:right; }
33
	.contenu_RSS img {width:90px}
34
 
35
	.flux_simple a {
36
		color: #6C6865 !important;
37
	}
38
 
39
	.flux_simple h1 {
40
			display: none;
41
	}
42
 
43
	.flux_simple h3 {
44
			margin-bottom: 0px;
45
	}
46
 
47
	.categorie {
48
		font-variant:small-caps;
49
		color:#6C6865;
50
		font-family:arial;
51
		font-size:12px;
52
		font-weight:bold;
53
		letter-spacing:0;
54
		margin-bottom:0px;
55
		margin-top: 0px;
56
	}
57
 
58
	.contributions {
59
			margin-bottom: 10px;
60
	}
61
 
62
	#nouvelles_du_reseau .categorie {
63
			display: none;
64
	}
65
 
66
	#rejoindre_reseau h1 {
67
			margin-top: 0px;
68
	}
69
 
70
	#rejoindre_reseau li {
71
		margin-left:-30px;
72
		padding:5px 0 0 30px;
73
	}
74
 
75
	/** Couleur des liens pour le monde reseau **/
76
	a {
77
		color: #7B9C35
78
	}
79
	/** Pages de l'annuaire */
80
 
81
 
82
	/** Fiche utilisateur */
83
	#fiche_utilisateur, #form_modification_inscription, #recherche_annuaire, #form_inscription {
84
		padding-left: 30px;
85
		-moz-border-radius:10px 10px 10px 10px;
86
		border:2px solid #9AC342;
87
		float:left;
88
		margin-left:0;
89
		margin-top:5px;
90
		padding:20px;
91
		width: 90%;
92
	}
93
 
94
	h2 {
95
		margin:0px 0 12px;
96
	}
97
 
98
	textarea.annuaire {
99
		width: 400px !important;
100
		height: 200px !important;
101
	}
102
 
103
	#recherche_annuaire {
104
			margin-bottom: 20px;
105
	}
106
 
107
	.element_profil {
108
			padding-left: 20px;
109
			padding-bottom: 2px;
110
	}
111
 
112
	.valeur_profil {
113
			font-weight: bold;
114
			white-space:pre;
115
	}
116
 
117
	.liste_horizontale {
118
		clear: both;
119
	}
120
 
121
	.liste_horizontale_simple li  {
122
 
123
		float:left;
124
		margin-right: 20px !important;
125
		margin-left:2px !important;
126
		float:left; /*pour IE*/
127
		background: none !important;
128
		list-style-image:none;
129
 
130
	}
131
 
132
	.liste_horizontale li  {
133
		float:left;
134
		margin-right: 20px !important;
135
		margin-left:2px !important;
136
		float:left; /*pour IE*/
137
		background: none !important;
138
		list-style-image:none !important;
139
	}
140
 
141
	.liste_horizontale, .liste_horizontale_simple {
142
		padding:0;
143
		margin:0;
144
		list-style-type:none !important;
145
	}
146
 
147
	.liste_horizontale_simple li span {
148
		margin-right: 20px;
149
	}
150
 
151
 
152
	.liste_horizontale li a {
153
		display:block;
154
		float:left;
155
		color:black;
156
		text-decoration:none;
157
		text-align:center;
158
		font-weight: bold;
159
		padding:5px;
160
		margin-left: 10px;
161
		-moz-border-radius: 0.9em;
162
		border-color:#6C6865;
163
	}
164
 
165
	.lien_participer#page_en_cours a {
166
		background-color: #E16039 !important;
167
		border-color:#F2F2F2 !important;
168
	}
169
 
170
	#page_en_cours a {
171
		background-color: #E16039;
172
		border-color:#F2F2F2;
173
		color: #000000;
174
	}
175
 
176
	.separation {
177
		visibility:hidden;
178
		clear:both;
179
		margin-bottom: 4px;
180
		margin-top: 4px;
181
	}
182
 
183
	#modification {
184
			padding-top: 10px;
185
			float: left;
186
	}
187
 
188
	/** Profil prive **/
189
	#fiche_privee {
190
		background-color: #C2C0AD;
191
		border:1px solid #E16039;
192
		max-width:800px;
193
		height: 50px;
194
	}
195
 
196
	#texte_profil_prive {
197
		margin-top: 15px;
198
		margin-left: 5px;
199
		width:100%;
200
		text-align:center;
201
	}
202
 
203
	#fiche_privee img {
204
		margin-top: -6px;
205
	}
206
 
207
	/** Carte id **/
208
	#carte_id {
209
		border:2px solid #FD8C13;
210
		margin-top: 10px;
211
		margin-bottom: 10px;
212
		margin-left:0px;
213
		padding-bottom: 30px;
214
		padding-left:20px;
215
		padding-top:10px;
216
		width: 350px;
217
		height: 90px;
218
		-moz-border-radius: 2em;
219
	}
220
 
221
	.avatar_petit {
222
		max-height: 60px;
223
		max-width: 60px;
224
	}
225
 
226
	/** Page mes contributions **/
227
	#resume {
228
		min-height: 1600px;
229
	}
230
 
231
	.resume_conteneur {
232
		display: block;
233
		margin-left: 10px;
234
		padding: 10px;
235
		-moz-border-radius: 2em;
236
		clear : left;
237
		border:2px solid #9AC342;
238
		float:left;
239
		margin-left:0;
240
		margin-top:5px;
241
		padding:20px;
242
		width:90%;
243
	}
244
 
245
	.gestion_conteneur {
246
		width: 50%;
247
	}
248
 
249
	.colonne_resume, .colonne_resume {
250
		width: 48%;
251
	}
252
 
253
	.resume {
254
		width:100%;
255
	}
256
 
257
	.gestion_conteneur {
258
		width: 80%;
259
		margin-left: 10px;
260
		padding: 0px;
261
	}
262
 
263
	.resume_conteneur > h3 {
264
		text-align: center;
265
		font-weight: normal;
266
	}
267
 
268
	.resume_conteneur a {
269
		text-align: center;
270
		color: #000000 !important;
271
		border-bottom:1px dotted #000000;
272
	}
273
 
274
	.resume_conteneur > h3 > a {
275
		color:#7B9C35 !important;
276
	}
277
 
278
	.resume_conteneur a:hover {
279
		border-bottom:1px solid #7B9C35;
280
	}
281
 
282
	.resume > h3 > a {
283
		font-size: 12px;
284
		font-family:arial;
285
		font-weight:normal;
286
		letter-spacing:0;
287
		margin:8px 0 1px;
288
	}
289
 
290
	/** Page de gestion **/
291
	.gestion > .form_bouton {
292
		text-align: right;
293
	}
294
 
295
	/** Mise en page générique pour l'annuaire **/
296
	.centre {
297
		margin-top:10%;
298
		margin-left:20%;
299
		min-height:500px;
300
	}
301
 
302
	.gauche {
303
		float:left;
304
		margin-right: 20px;
305
	}
306
 
307
	.droite {
308
		float:right;
309
		clear:right;
310
	}
311
 
312
	#profil {
313
		border:5px solid #F2F2F2;
314
		margin:10px;
315
		padding-bottom: 10px;
316
	}
317
 
318
	.resume_conteneur h3 {
319
		font-size: 12px;
320
		font-family:arial;
321
		font-weight:bold;
322
		letter-spacing:0;
323
		margin:8px 0 1px;
324
	}
325
 
326
	.gestion {
327
		max-width: 600px;
328
		clear: left;
329
	}
330
 
331
	.gestion h2 {
332
		padding-top: 10px;
333
	}
334
 
335
	.gestion td {
336
		padding-top : 5px;
337
		padding-bottom : 5px;
338
		padding-right : 15px;
339
	}
340
 
341
	/** Formulaire d'inscription et de modification **/
342
	form#suppression, form#modification, form#blocage {
343
		display: inline;
344
		border: none;
345
		background-color: inherit
346
	}
347
 
348
	#inscription_modification input, #inscription_modification select {
349
		display: block;
350
	}
351
 
352
	#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
353
		display: inline;
354
	}
355
 
356
	#inscription_modification label {
357
		padding-left: 3px;
358
	}
359
 
360
	#inscription_modification label_champ_annuaire {
361
		display: block;
362
	}
363
 
364
	form.form_bouton {
365
		background-color: none !important;
366
		border: none !important;
367
	}
368
 
369
	/** Moteur de recherche **/
370
 
371
	.liste {
372
		border-collapse:collapse;
373
	}
374
 
375
		.liste th, .liste td {
376
		text-align:center;
377
		border: none;
378
		padding-top: 3px;
379
		padding-bottom: 3px;
380
		border-top-width:1px;
381
		border-top-style:dotted;
382
		border-bottom-width:1px;
383
		border-bottom-style:dotted;
384
 
385
	}
386
 
387
	.liste th {
388
		border-width:1px;
389
		border-style:solid;
390
	}
391
 
392
	th {
393
		height: 40px;
394
	}
395
 
396
	.liste th, .liste th a {
397
		color:black;
398
		margin:0 5px;
399
	}
400
 
401
	.liste th {
402
		text-align:center;
403
	}
404
 
405
	/** Pagination **/
406
	.derniere_page {
407
		float:right;
408
		margin:5px;
409
	}
410
 
411
	#pages {
412
		margin-left: auto;
413
		margin-right: auto;
414
		width: 80%;
415
		text-align: center;
416
	}
417
 
418
	#page_courante a {
419
		color: #FFD700;
420
	}
421
 
422
	/** Messagerie **/
423
	#contenu_message {
424
		width: 500px;
425
		height: 200px;
426
	}
427
 
428
	#sujet_message {
429
		width: 500px;
430
		height: 25px;
431
	}
432
 
433
	/** Présentation du nombre d'inscrits **/
434
	.infosInscrits {
435
		-moz-border-radius:10px 10px 10px 10px;
436
		text-align: center;
437
		float:left;
438
		margin-left:0;
439
		margin-top:5px;
440
		padding:5px;
441
		width:200px;
442
	}
443
 
444
	#conteneur_infos_inscrits {
445
			text-align: center;
446
			padding-left: 55px;
447
			margin-top: 0px;
448
	}
449
 
450
	#choix_utilisateur {
451
		padding-left: 25px;
452
	}
453
 
454
	.orientation {
455
		width: 45%;
456
		padding: 5px;
457
		margin-bottom: 20px;
458
		color: #FFFFFF;
459
		font-family:helveticaneue,helveticaneue2;
460
		font-size:13px;
461
		height: 130px;
462
	}
463
 
464
	.orientation strong {
465
		font-size: 15px;
466
	}
467
 
468
	.orientation h3 {
469
		margin-top: 0px;
470
		margin-bottom: 5px;
471
	}
472
 
473
	.orientation span {
474
		margin-bottom : 5px;
475
	}
476
 
477
	.orientation ul {
478
			padding-top: 5px;
479
	}
480
 
481
	#choix_utilisateur a {
482
		color: #222222;
483
		border-bottom:1px dotted;
484
	}
485
 
486
	#orientation_reseau {
487
		background-color: #E16039;
488
	}
489
 
490
	#orientation_actu {
491
		background-color: #C2C0AD;
492
	}
493
 
494
	#orientation_projets {
495
		background-color: #CAAC5D;
496
	}
497
 
498
	#orientation_eflore {
499
		background-color: #9AC243;
500
	}
501
 
502
	* {
503
			font-family: arial;
504
	}
505
 
506
	#zone_contenu_corps h3 {padding:0;}