Subversion Repositories Applications.annuaire

Rev

Rev 428 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 428 Rev 442
1
img.icone {
1
img.icone {
2
 
2
 
3
	height:16px;
3
	height:16px;
4
	width:16px;
4
	width:16px;
5
	margin: 5px;
5
	margin: 5px;
6
	border: none;
6
	border: none;
7
}
7
}
8
 
8
 
9
img.icone_moyenne_moins {
9
img.icone_moyenne_moins {
10
 
10
 
11
	height:20px;
11
	height:20px;
12
	width: 20px;
12
	width: 20px;
13
	margin: 5px;
13
	margin: 5px;
14
	border: none;
14
	border: none;
15
}
15
}
16
 
16
 
17
img.icone_moyenne {
17
img.icone_moyenne {
18
 
18
 
19
	height:24px;
19
	height:24px;
20
	width: 24px;
20
	width: 24px;
21
	margin: 5px;
21
	margin: 5px;
22
	border: none;
22
	border: none;
23
}
23
}
24
 
24
 
25
img.icone_grande {
25
img.icone_grande {
26
 
26
 
27
	height:50px;
27
	height:50px;
28
	width:50px;
28
	width:50px;
29
	margin: 5px;
29
	margin: 5px;
30
	border: none;
30
	border: none;
31
}
31
}
32
 
32
 
33
td, th {
33
td, th {
34
	padding: 2px;
34
	padding: 2px;
35
	text-align: center;	
35
	text-align: center;	
36
}
36
}
37
 
37
 
38
.liste td.texte_gauche {
38
.liste td.texte_gauche {
39
	text-align: left;	
39
	text-align: left;	
40
	padding-left: 5px;
40
	padding-left: 5px;
41
}
41
}
42
 
42
 
43
.gestion td {
43
.gestion td {
44
	padding-top : 5px;
44
	padding-top : 5px;
45
	padding-bottom : 5px;
45
	padding-bottom : 5px;
46
	padding-right : 15px; 	
46
	padding-right : 15px; 	
47
}
47
}
48
 
48
 
49
label {
49
label {
50
	float: none !important;	
50
	float: none !important;	
51
}
51
}
52
 
52
 
53
a > .icone {
53
a > .icone {
54
 
54
 
55
	text-align:center;
55
	text-align:center;
56
}
56
}
57
 
57
 
58
.texte_centre {
58
.texte_centre {
59
	text-align: center;	
59
	text-align: center;	
60
}
60
}
61
.texte_centre > img {
61
.texte_centre > img {
62
	display:table-cell;	
62
	display:table-cell;	
63
}
63
}
64
 
64
 
65
.premiere_page {
65
.premiere_page {
66
	float:left;
66
	float:left;
67
	margin:5px
67
	margin:5px
68
}
68
}
69
 
69
 
70
.derniere_page {
70
.derniere_page {
71
	float:right;
71
	float:right;
72
	margin:5px;
72
	margin:5px;
73
}
73
}
74
 
74
 
75
#pages {
75
#pages {
76
	margin-left: auto; 
76
	margin-left: auto; 
77
  	margin-right: auto; 
77
  	margin-right: auto; 
78
  	width: 80%;
78
  	width: 80%;
79
  	text-align: center;	
79
  	text-align: center;	
80
}
80
}
81
 
81
 
82
#page_courante a {
82
#page_courante a {
83
	color: #FFD700;
83
	color: #FFD700;
84
}
84
}
85
 
85
 
86
.centre {
86
.centre {
87
	margin-top:10%;	
87
	margin-top:10%;	
88
	margin-left:20%;
88
	margin-left:20%;
89
	min-height:500px;	
89
	min-height:500px;	
90
}
90
}
91
 
91
 
92
.gauche {
92
.gauche {
93
	float:left;
93
	float:left;
94
	margin-right: 20px;
94
	margin-right: 20px;
95
}
95
}
96
 
96
 
97
.droite {
97
.droite {
98
	float:right;
98
	float:right;
99
	clear: right;
99
	clear: right;
100
}
100
}
101
 
101
 
102
img {
102
img {
103
	border: none;
103
	border: none;
104
}
104
}
105
 
105
 
106
#avatar {
106
#avatar {
107
	margin-left: 10px;
107
	margin-left: 10px;
108
}
108
}
109
 
109
 
110
.avatar_petit {
110
.avatar_petit {
111
	max-height: 70px;
111
	max-height: 70px;
112
	max-width: 70px;	
112
	max-width: 70px;	
113
}
113
}
114
 
114
 
115
#inscription > div {
115
#inscription > div {
116
	margin-top: 5px;
116
	margin-top: 5px;
117
	margin-bottom: 5px;
117
	margin-bottom: 5px;
118
}
118
}
119
 
119
 
120
#fiche_utilisateur,  {
120
#fiche_utilisateur,  {
121
	background-color:#FAFAFA;
121
	background-color:#FAFAFA;
122
	border:1px solid #F2F2F2;
122
	border:1px solid #F2F2F2;
123
	margin:10px;
123
	margin:10px;
124
	padding-bottom: 10px;
124
	padding-bottom: 10px;
125
}
125
}
126
 
126
 
127
#profil {
127
#profil {
128
	border:1px solid #F2F2F2;
128
	border:1px solid #F2F2F2;
129
	margin:10px;
129
	margin:10px;
130
	padding-bottom: 10px;
130
	padding-bottom: 10px;
131
	-moz-border-radius: 2em;
131
	-moz-border-radius: 2em;
132
}
132
}
133
 
133
 
134
.element_profil {
134
.element_profil {
135
	font-size:1.1em;
135
	font-size:1.1em;
136
	padding-top: 2px;
136
	padding-top: 2px;
137
	padding-left: 25px;
137
	padding-left: 25px;
138
	padding-bottom: 8px;
138
	padding-bottom: 8px;
139
	color:#000000;
139
	color:#000000;
140
}
140
}
141
 
141
 
142
.valeur_profil {
142
.valeur_profil {
143
	font-weight:bold;
143
	font-weight:bold;
144
	white-space: pre-wrap;
144
	white-space: pre-wrap;
145
}
145
}
146
 
146
 
147
#profil, .resume_conteneur {
147
#profil, .resume_conteneur {
148
	border:5px solid #F2F2F2;
148
	border:5px solid #F2F2F2;
149
	margin:10px;
149
	margin:10px;
150
	padding-bottom: 10px;	
150
	padding-bottom: 10px;	
151
}
151
}
152
 
152
 
153
.info_resume {
153
.info_resume {
154
	margin-left:20px;	
154
	margin-left:20px;	
155
}
155
}
156
 
156
 
157
form#recherche_annuaire {
157
form#recherche_annuaire {
158
	padding: 10px 0 10px 10px;
158
	padding: 10px 0 10px 10px;
159
}
159
}
160
 
160
 
161
#envoi_message {
161
#envoi_message {
162
	background-color: #FFFFFF;	
162
	background-color: #FFFFFF;	
163
}
163
}
164
 
164
 
165
form#suppression, form#modification, form#blocage {
165
form#suppression, form#modification, form#blocage {
166
	display: inline;
166
	display: inline;
167
	border: none;
167
	border: none;
168
	background-color: inherit
168
	background-color: inherit
169
}
169
}
170
 
170
 
171
 
171
 
172
#inscription_modification input, #inscription_modification select {
172
#inscription_modification input, #inscription_modification select {
173
	display: block;	
173
	display: block;	
174
}
174
}
175
 
175
 
176
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
176
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
177
	display: inline;	
177
	display: inline;	
178
}
178
}
179
 
179
 
180
#inscription_modification label {
180
#inscription_modification label {
181
	padding-left: 3px;
181
	padding-left: 3px;
182
}
182
}
183
 
183
 
184
#inscription_modification label_champ_annuaire {
184
#inscription_modification label_champ_annuaire {
185
	display: block;
185
	display: block;
186
}
186
}
187
 
187
 
188
form.form_bouton {
188
form.form_bouton {
189
	background-color: none !important;	
189
	background-color: none !important;	
190
	border: none !important;	
190
	border: none !important;	
191
}
191
}
192
 
192
 
193
.conteneur_blocage {
193
.conteneur_blocage {
194
	padding: 0px 10px 10px 10px;	
194
	padding: 0px 10px 10px 10px;	
195
	width: 250px;
195
	width: 250px;
196
	margin: 10px
196
	margin: 10px
197
}
197
}
198
 
198
 
199
.conteneur_bloque {
199
.conteneur_bloque {
200
	border:1px solid #FF6347; 
200
	border:1px solid #FF6347; 
201
	background-color: #FCCCCF;
201
	background-color: #FCCCCF;
202
}
202
}
203
 
203
 
204
.conteneur_non_bloque {
204
.conteneur_non_bloque {
205
	border:1px solid #A6C39E; 
205
	border:1px solid #A6C39E; 
206
	background-color: #D6FCCD;
206
	background-color: #D6FCCD;
207
}
207
}
208
 
208
 
209
ul#liste_orientiation > li {
209
ul#liste_orientiation > li {
210
	margin: 20px	
210
	margin: 20px	
211
}
211
}
212
 
212
 
213
.lien_en_ligne {
213
.lien_en_ligne {
214
	margin-right: 10px	
214
	margin-right: 10px	
215
}
215
}
216
 
216
 
217
.resume h3 {
217
.resume h3 {
218
	font-size: 13px;	
218
	font-size: 13px;	
219
}
219
}
220
 
220
 
221
.resume_conteneur {
221
.resume_conteneur {
222
	display: block;
222
	display: block;
223
	margin-left: 10px;	
223
	margin-left: 10px;	
224
	padding: 10px;
224
	padding: 10px;
225
	-moz-border-radius: 2em;
225
	-moz-border-radius: 2em;
226
	clear : left;
226
	clear : left;
227
}
227
}
228
 
228
 
229
.gestion_conteneur {
229
.gestion_conteneur {
230
	width: 50%;	
230
	width: 50%;	
231
}
231
}
232
 
232
 
233
.colonne_resume, .colonne_resume {
233
.colonne_resume, .colonne_resume {
234
	width: 45%;	
234
	width: 45%;	
235
}
235
}
236
 
236
 
237
.resume {
237
.resume {
238
	width:100%;
238
	width:100%;
239
	padding-left: 10px;
239
	padding-left: 10px;
240
}
240
}
241
 
241
 
242
#resume {
242
#resume {
243
	min-height: 1600px;	
243
	min-height: 1600px;	
244
}
244
}
245
 
245
 
246
.resume_conteneur > h3 > a {
246
.resume_conteneur > h3 > a {
247
		color: #996F18;
247
		color: #996F18;
248
}
248
}
249
 
249
 
250
.resume_conteneur > h3 {
250
.resume_conteneur > h3 {
251
		text-align: center;
251
		text-align: center;
252
}
252
}
253
 
253
 
254
.gestion_conteneur {
254
.gestion_conteneur {
255
	width: 80%;
255
	width: 80%;
256
	margin-left: 10px;	
256
	margin-left: 10px;	
257
	padding: 0px;
257
	padding: 0px;
258
}
258
}
259
 
259
 
260
.gestion {
260
.gestion {
261
	max-width:800px;	
261
	max-width:800px;	
262
}
262
}
263
 
263
 
264
.info_application {
264
.info_application {
265
	font-weight: bold;
265
	font-weight: bold;
266
	margin-left: 20px;	
266
	margin-left: 20px;	
267
}
267
}
268
 
268
 
269
form#envoi_message, form#envoi_message > table {
269
form#envoi_message, form#envoi_message > table {
270
	background-color:#FFFFFF;
270
	background-color:#FFFFFF;
271
	border: none;
271
	border: none;
272
	margin: 2px;
272
	margin: 2px;
273
}
273
}
274
 
274
 
275
textarea#contenu_message {
275
textarea#contenu_message {
276
	width: 90%;	
276
	width: 90%;	
277
}
277
}
278
 
278
 
279
#formulaire_message {
279
#formulaire_message {
280
	background-color:#FAFAEA;
280
	background-color:#FAFAEA;
281
	border:1px solid #F2F2F2; 
281
	border:1px solid #F2F2F2; 
282
	padding: 0px 10px 10px 10px;	
282
	padding: 0px 10px 10px 10px;	
283
	width: 90%;
283
	width: 90%;
284
}
284
}
285
 
285
 
286
#carte_id {
286
#carte_id {
287
	border:5px solid #F2F2F2;
287
	border:5px solid #F2F2F2;
288
	margin:10px;
288
	margin:10px;
289
	padding-bottom: 30px;
289
	padding-bottom: 30px;
290
	width: 450px;
290
	width: 450px;
291
	height: 160px;
291
	height: 160px;
292
	-moz-border-radius: 2em;
292
	-moz-border-radius: 2em;
293
	
293
	
294
}
294
}
295
 
295
 
296
#carte_infos span {
296
#carte_infos span {
297
	padding-top: 2px;
297
	padding-top: 2px;
298
}
298
}
299
 
299
 
300
#carte_infos {
300
#carte_infos {
301
	margin-top: 5px;	
301
	margin-top: 5px;	
302
}
302
}
303
 
303
 
304
#carte_id #avatar {
304
#carte_id #avatar {
305
	padding-top: 7px;	
305
	padding-top: 7px;	
306
}
306
}
307
 
307
 
308
.checkbox_alignee {
308
.checkbox_alignee {
309
	display: inline-block; 
309
	display: inline-block; 
310
	margin: 1px;
310
	margin: 1px;
311
	margin-right:20px;	
311
	margin-right:20px;	
312
}
312
}
313
 
313
 
314
label.label_groupe_checkbox {
314
label.label_groupe_checkbox {
315
	font-weight: normal !important;	
315
	font-weight: normal !important;	
316
	display:inline !important;
316
	display:inline !important;
317
}
317
}
318
 
318
 
319
.label_checkbox {
319
.label_checkbox {
320
	margin-right:2px;
320
	margin-right:2px;
321
	display:inline !important;	
321
	display:inline !important;	
322
}
322
}
323
 
323
 
324
.groupe_checkbox {
324
.groupe_checkbox {
325
	margin-right:2px;	
325
	margin-right:2px;	
326
}
326
}
327
 
327
 
328
textarea.annuaire {
328
textarea.annuaire {
329
	width: 400px !important;	
329
	width: 400px !important;	
330
	height: 200px !important;
330
	height: 200px !important;
331
}
331
}
332
 
332
 
333
input.date_annuaire {
333
input.date_annuaire {
334
	width: 80px;	
334
	width: 80px;	
335
}
335
}
336
 
336
 
337
.information {
337
.information {
338
	margin: 10px;	
338
	margin: 10px;	
339
}
339
}
340
 
340
 
341
.champ_nom {
341
.champ_nom {
342
	height: 50px !important;	
342
	height: 50px !important;	
343
}
343
}
344
 
344
 
345
#form_connexion #label_memoriser {
345
#form_connexion #label_memoriser {
346
	display: inline;
346
	display: inline;
347
}
347
}
348
 
348
 
349
#fiche_privee {
349
#fiche_privee {
350
	background-color:#EBCC77;
350
	background-color:#EBCC77;
351
	border:1px solid #E4B842;
351
	border:1px solid #E4B842;
352
	max-width:800px;
352
	max-width:800px;
353
}
353
}
354
 
354
 
355
#texte_profil_prive {
355
#texte_profil_prive {
356
 
356
 
357
	vertical-align:top;
357
	vertical-align:top;
358
	width:100%;	
358
	width:100%;	
359
	text-align:center;
359
	text-align:center;
360
}
360
}
361
 
361
 
362
#fiche_privee img {
362
#fiche_privee img {
363
	margin-top: -6px;	
363
	margin-top: -6px;	
364
}
364
}
365
 
365
 
366
#inscription label {
366
#inscription label {
367
	font-weight: bold;
367
	font-weight: bold;
368
	display: inline;	
368
	display: inline;	
369
}
369
}
370
 
370
 
371
.liste_horizontale {
371
.liste_horizontale {
372
	clear: both;	
372
	clear: both;	
373
}
373
}
374
 
374
 
375
.liste_horizontale_simple li  {
375
.liste_horizontale_simple li  {
376
	
376
	
377
	float:left;
377
	float:left;
378
	margin-left:2px !important;
378
	margin-left:2px !important;
379
	float:left; /*pour IE*/
379
	float:left; /*pour IE*/
380
	font-weight: bold;
380
	font-weight: bold;
381
	
381
	
382
}
382
}
383
 
383
 
384
.liste_horizontale li  {
384
.liste_horizontale li  {
385
	float:left;
385
	float:left;
386
	margin-right: 20px !important;
386
	margin-right: 20px !important;
387
	margin-left:2px !important;
387
	margin-left:2px !important;
388
	float:left; /*pour IE*/
388
	float:left; /*pour IE*/
389
}
389
}
390
 
390
 
391
.liste_horizontale, .liste_horizontale_simple {
391
.liste_horizontale, .liste_horizontale_simple {
392
	padding:0;
392
	padding:0;
393
	margin:0;
393
	margin:0;
394
	list-style-type:none;
394
	list-style-type:none;
395
}
395
}
396
 
396
 
397
.liste_horizontale li a {
397
.liste_horizontale li a {
398
	display:block;
398
	display:block;
399
	float:left;   
399
	float:left;   
400
	width:200px;
400
	width:200px;
401
	background-color:#EBCC77;
401
	background-color:#EBCC77;
402
	background-image : none;
402
	background-image : none;
403
	color:black;
403
	color:black;
404
	text-decoration:none;
404
	text-decoration:none;
405
	text-align:center;
405
	text-align:center;
406
	font-weight: bold;
406
	font-weight: bold;
407
	padding:5px;
407
	padding:5px;
408
	margin-left: 10px;
408
	margin-left: 10px;
409
	margin-top: 10px;
409
	margin-top: 10px;
410
	border:2px solid;
410
	border:2px solid;
411
	/*pour avoir un effet "outset" avec IE :*/
411
	/*pour avoir un effet "outset" avec IE :*/
412
	border-color:#996F18;
412
	border-color:#996F18;
413
	-moz-border-radius: 0.9em;
413
	-moz-border-radius: 0.9em;
414
}
414
}
415
 
415
 
416
.liste_horizontale li a:hover {
416
.liste_horizontale li a:hover {
417
 	background-color:#D3D3D3;
417
 	background-color:#D3D3D3;
418
 	border-color:#696969 #DCDCDC #DCDCDC #696969;
418
 	border-color:#696969 #DCDCDC #DCDCDC #696969;
419
 } 
419
 } 
420
 
420
 
421
#page_en_cours a {
421
#page_en_cours a {
422
	background-color:#996F18;
422
	background-color:#996F18;
423
	border-color:#EBCC77;	
423
	border-color:#EBCC77;	
424
}
424
}
425
 
425
 
426
 .liste_horizontale li.lien_participer a {
426
 .liste_horizontale li.lien_participer a {
427
	background-color:#CFDB86 !important;
427
	background-color:#CFDB86 !important;
428
	border-color:#03642C !important;
428
	border-color:#03642C !important;
429
}
429
}
430
 
430
 
431
.liste_horizontale li.lien_participer a:hover {
431
.liste_horizontale li.lien_participer a:hover {
432
 border-color:#696969 #FFFFFF #DCDCDC #696969 !important;
432
 border-color:#696969 #FFFFFF #DCDCDC #696969 !important;
433
}
433
}
434
 
434
 
435
.lien_participer#page_en_cours a {
435
.lien_participer#page_en_cours a {
436
	background-color:#639F13 !important;
436
	background-color:#639F13 !important;
437
	border-color:#CFDB86 !important;	
437
	border-color:#CFDB86 !important;	
438
}
438
}
439
 
439
 
440
.separation {
440
.separation {
441
	visibility:hidden;
441
	visibility:hidden;
442
	clear:both;
442
	clear:both;
443
	margin-bottom: 4px;
443
	margin-bottom: 4px;
444
	margin-top: 4px;	
444
	margin-top: 4px;	
445
}
445
}
446
 
446
 
447
.formulaire_annuaire_admin textarea {
447
.formulaire_annuaire_admin textarea {
448
	width: 400px !important;	
448
	width: 400px !important;	
449
	height: 50px !important;
449
	height: 50px !important;
450
	margin-left: 10px;
450
	margin-left: 10px;
451
	margin-top: 10px;
451
	margin-top: 10px;
452
}
452
}
453
 
453
 
454
.formulaire_annuaire_admin input {
454
.formulaire_annuaire_admin input {
455
	margin-top: 10px;
455
	margin-top: 10px;
456
	margin-left: 10px;
456
	margin-left: 10px;
457
}
457
}
458
 
458
 
459
.formulaire_annuaire_admin label {
459
.formulaire_annuaire_admin label {
460
	margin-top: 10px;	
460
	margin-top: 10px;	
461
}
461
}
462
 
462
 
463
.resultat_recherche {
463
.resultat_recherche {
464
	width: 730px;	
464
	width: 730px;	
465
}
465
}
466
 
466
 
467
.importance1 {
467
.importance1 {
468
    -moz-border-radius: 10px 10px 10px 10px;
468
    -moz-border-radius: 10px 10px 10px 10px;
469
    -moz-box-shadow: 2px 2px 5px #AAAAAA;
469
    -moz-box-shadow: 2px 2px 5px #AAAAAA;
470
    background-color: #EAEDCD;
470
    background-color: #EAEDCD;
471
    color: #3A3633;
471
    color: #3A3633;
472
    font-family: arial;
472
    font-family: arial;
473
    font-size: 11px;
473
    font-size: 11px;
474
    margin: 10px 10px 20px;
474
    margin: 10px 10px 20px;
475
    padding: 8px;
475
    padding: 8px;
476
}
476
}
477
 
477
 
478
.resultat_recherche .nom_prenom {
478
.resultat_recherche .nom_prenom {
479
	font-size: 1.5em;
479
	font-size: 1.5em;
480
	margin-top: -5px;
480
	margin-top: -5px;
481
}
481
}
482
 
-
 
483
.resultat_recherche .profil_avatar {
-
 
484
	margin-right: 0px;
-
 
485
}
-
 
486
 
482
 
487
.resultat_recherche .element_resultat {
483
.resultat_recherche .element_resultat {
488
	height: 85px;
484
	height: 85px;
489
	margin: 10px !important;
485
	margin: 10px !important;
490
	font-size: 12px;
486
	font-size: 12px;
491
	text-align: justify;
487
	text-align: justify;
492
}
488
}
493
 
489
 
494
.resultat_recherche .profil_avatar {
490
.resultat_recherche .profil_avatar {
495
	width: 110px;
491
	width: 80px;
-
 
492
	margin-right: 0;
496
}
493
}
497
 
494
 
498
.resultat_recherche .selection_destinataire {
495
.resultat_recherche .selection_destinataire {
499
	margin-left: 15px;
496
	margin-left: 15px;
500
}
497
}
501
 
498
 
502
.resultat_recherche .profil_informations {
499
.resultat_recherche .profil_informations {
503
	display:inline;
500
	display:inline;
504
	float:left;
501
	float:left;
505
	width:550px;
502
	width:550px;
506
}
503
}
507
 
504
 
508
.resultat_recherche .description {
505
.resultat_recherche .description {
509
	color: #555555;
506
	color: #555555;
510
}
507
}
511
 
508
 
512
.resultat_recherche .experience {
509
.resultat_recherche .experience {
513
	font-style: italic;
510
	font-style: italic;
514
	font-weight: normal;
511
	font-weight: normal;
515
	color: #999999;
512
	color: #999999;
516
}
513
}
517
 
514
 
518
.resultat_recherche .experience .niveau {
515
.resultat_recherche .experience .niveau {
519
	color: #E16039;
516
	color: #E16039;
520
	font-style: normal;
517
	font-style: normal;
521
}
518
}
522
 
519
 
523
.resultat_recherche .localisation {
520
.resultat_recherche .localisation {
524
	font-weight: bold;
521
	font-weight: bold;
525
}
522
}
526
 
523
 
527
.note_bas_page {
524
.note_bas_page {
528
	font-size:11px;
525
	font-size:11px;
529
	font-weight:normal;
526
	font-weight:normal;
530
	color:#AAAAAA;
527
	color:#AAAAAA;
531
}
528
}
532
 
529
 
533
.conteneur_lien_acces_formulaire_message {
530
.conteneur_lien_acces_formulaire_message {
534
    margin-bottom: 15px;
531
    margin-bottom: 15px;
535
    margin-top: 20px;
532
    margin-top: 20px;
536
}
533
}