Subversion Repositories Sites.tela-botanica.org

Rev

Rev 919 | Rev 940 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 919 Rev 939
1
/* STYLE SPECIFIQUE DE l'UNIVERS RÉSEAU */
1
/* STYLE SPECIFIQUE DE l'UNIVERS RÉSEAU */
2
* {
2
* {
3
	font-family:arial;}
3
	font-family:arial;}
4
body {
4
body {
5
	background:url(../images/graphisme/bandeau_reseau_trait.png) repeat-x;}
5
	background:url(../images/graphisme/bandeau_reseau_trait.png) repeat-x;}
6
a {
6
a {
7
	color:#7B9C35}
7
	color:#7B9C35}
8
h2 {
8
h2 {
9
	margin:0px 0 12px;}
9
	margin:0px 0 12px;}
10
th {
10
th {
11
	height:40px;}
11
	height:40px;}
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
13
/* Mots clefs Reseau */
13
/* Mots clefs Reseau */
14
#zone-reseau .motsclefs	.mot1 {
14
#zone-reseau .motsclefs	.mot1 {
15
	font-size:32px;
15
	font-size:32px;
16
	margin:-25px 0 0 -102px;}
16
	margin:-25px 0 0 -102px;}
17
#zone-reseau .motsclefs	.mot2 {
17
#zone-reseau .motsclefs	.mot2 {
18
	font-size:26px;
18
	font-size:26px;
19
	margin:0px 0 0 -81px;}
19
	margin:0px 0 0 -81px;}
20
#zone-reseau .motsclefs	.mot3 {
20
#zone-reseau .motsclefs	.mot3 {
21
	font-size:20px;
21
	font-size:20px;
22
	margin:3px 0 0 39px;}
22
	margin:3px 0 0 39px;}
23
#zone-reseau {
23
#zone-reseau {
24
	background:url(../images/graphisme/bandeau_reseau_image.png) right center no-repeat;}
24
	background:url(../images/graphisme/bandeau_reseau_image.png) right center no-repeat;}
25
/*+-----------------------------------------------------------------------------------------------------------------+*/
25
/*+-----------------------------------------------------------------------------------------------------------------+*/
26
/* Logos de droite (facebook, delicious etc...) */
26
/* Logos de droite (facebook, delicious etc...) */
27
.contenu_centre {
27
.contenu_centre {
28
	text-align:center;}
28
	text-align:center;}
29
.logo_externe {
29
.logo_externe {
30
	padding:15px;
30
	padding:15px;
31
	float:left;}
31
	float:left;}
32
.rss_site_titre {
32
.rss_site_titre {
33
	display:none;}
33
	display:none;}
34
/*+-----------------------------------------------------------------------------------------------------------------+*/
34
/*+-----------------------------------------------------------------------------------------------------------------+*/
35
/** Affichage des flux RSS **/
35
/** Affichage des flux RSS **/
36
.flux_RSS .contenu_RSS .actualites1 {
36
.flux_RSS .contenu_RSS .actualites1 {
37
	width:674px;
37
	width:674px;
38
	padding-top:5px;
38
	padding-top:5px;
39
	padding-bottom:5px;
39
	padding-bottom:5px;
40
	height:auto;
40
	height:auto;
41
	border-bottom:1px dotted #c2c0ad;}
41
	border-bottom:1px dotted #c2c0ad;}
42
.texteActualites1 {
42
.texteActualites1 {
43
	width:535px;
43
	width:535px;
44
	height:auto;
44
	height:auto;
45
	text-align:justify;
45
	text-align:justify;
46
	margin-bottom:5px}
46
	margin-bottom:5px}
47
.texteActualites1 p,#texteActualites1 a {
47
.texteActualites1 p,#texteActualites1 a {
48
	display:inline;
48
	display:inline;
49
	text-align:justify}
49
	text-align:justify}
50
.texteActualites1 br {
50
.texteActualites1 br {
51
	position:absolute}
51
	position:absolute}
52
.imageActualites1 {
52
.imageActualites1 {
53
	width:130px;
53
	width:130px;
54
	text-align:center;
54
	text-align:center;
55
	margin-top:0px;
55
	margin-top:0px;
56
	float:right;}
56
	float:right;}
57
.contenu_RSS img {
57
.contenu_RSS img {
58
	width:90px}
58
	width:90px}
59
.flux_simple h1 {
59
.flux_simple h1 {
60
	display:none;}
60
	display:none;}
61
.flux_simple h3 {
61
.flux_simple h3 {
62
	margin-bottom:0px;}
62
	margin-bottom:0px;}
63
.categorie {
63
.categorie {
64
	font-variant:small-caps;
64
	font-variant:small-caps;
65
	color:#6C6865;
65
	color:#6C6865;
66
	font-family:arial;
66
	font-family:arial;
67
	font-size:12px;
67
	font-size:12px;
68
	font-weight:bold;
68
	font-weight:bold;
69
	letter-spacing:0;
69
	letter-spacing:0;
70
	margin-bottom:0px;
70
	margin-bottom:0px;
71
	margin-top:0px;}
71
	margin-top:0px;}
72
.contributions {
72
.contributions {
73
	margin-bottom:10px;}
73
	margin-bottom:10px;}
74
.contributions h3{font-size:12px}
74
.contributions h3{font-size:12px}
75
.importance2, .importance3 {
75
.importance2, .importance3 {
76
border:solid 1px red
76
border:solid 1px red
77
}
77
}
78
#nouvelles_du_reseau .categorie {
78
#nouvelles_du_reseau .categorie {
79
	display:none;}
79
	display:none;}
80
#rejoindre_reseau h1 {
80
#rejoindre_reseau h1 {
81
	margin-top:0px;}
81
	margin-top:0px;}
82
#rejoindre_reseau li {
82
#rejoindre_reseau li {
83
	margin-left:-30px;
83
	margin-left:-30px;
84
	padding:5px 0 0 30px;}
84
	padding:5px 0 0 30px;}
85
/*+-----------------------------------------------------------------------------------------------------------------+*/
85
/*+-----------------------------------------------------------------------------------------------------------------+*/
86
/** Pages de l'annuaire */
86
/** Pages de l'annuaire */
87
/** Fiche utilisateur */
87
/** Fiche utilisateur */
88
#fiche_utilisateur, #form_modification_inscription, #recherche_annuaire,#form_inscription {
88
#fiche_utilisateur, #form_modification_inscription, #recherche_annuaire,#form_inscription {
89
	padding-left:30px;
89
	padding-left:30px;
90
	float:left;
90
	float:left;
91
	margin-left:0;
91
	margin-left:0;
92
	margin-top:5px;
92
	margin-top:5px;
93
	padding:20px;
93
	padding:20px;
94
	width:90%;}
94
	width:90%;}
95
textarea.annuaire {
95
textarea.annuaire {
96
	width:400px !important;
96
	width:400px !important;
97
	height:100px !important;}
97
	height:100px !important;}
98
#recherche_annuaire {
98
#recherche_annuaire {
99
	margin-bottom:20px;}
99
	margin-bottom:20px;}
100
.element_profil {
100
.element_profil {
101
	padding-left:20px;
101
	padding-left:20px;
102
	padding-bottom:2px;}
102
	padding-bottom:2px;}
103
.valeur_profil {
103
.valeur_profil {
104
	font-weight:bold;
104
	font-weight:bold;
105
	white-space:pre-line;}
105
	white-space:pre-line;}
106
.liste_horizontale {
106
.liste_horizontale {
107
	clear:both;}
107
	clear:both;}
108
.liste_horizontale_simple li {
108
.liste_horizontale_simple li {
109
	float:left;
109
	float:left;
110
	margin-right:20px !important;
110
	margin-right:20px !important;
111
	margin-left:2px !important;
111
	margin-left:2px !important;
112
	float:left; /*pour IE*/
112
	float:left; /*pour IE*/
113
	background:none !important;
113
	background:none !important;
114
	list-style-image:none;}
114
	list-style-image:none;}
115
.liste_horizontale li {
115
.liste_horizontale li {
116
	float:left;
116
	float:left;
117
	margin-right:20px !important;
117
	margin-right:20px !important;
118
	margin-left:2px !important;
118
	margin-left:2px !important;
119
	float:left; /*pour IE*/
119
	float:left; /*pour IE*/
120
	background:none !important;
120
	background:none !important;
121
	list-style-image:none !important;}
121
	list-style-image:none !important;}
122
.liste_horizontale,.liste_horizontale_simple {
122
.liste_horizontale,.liste_horizontale_simple {
123
	padding:0;
123
	padding:0;
124
	margin:0;
124
	margin:0;
125
	list-style-type:none !important;}
125
	list-style-type:none !important;}
126
.liste_horizontale_simple li span {
126
.liste_horizontale_simple li span {
127
	margin-right:20px;}
127
	margin-right:20px;}
128
.liste_horizontale li a {
128
.liste_horizontale li a {
129
	display:block;
129
	display:block;
130
	float:left;
130
	float:left;
131
	color:black;
131
	color:black;
132
	text-decoration:none;
132
	text-decoration:none;
133
	text-align:center;
133
	text-align:center;
134
	font-weight:bold;
134
	font-weight:bold;
135
	padding:5px;
135
	padding:5px;
136
	margin-left:10px;
136
	margin-left:10px;
137
	-moz-border-radius:0.9em;
137
	-moz-border-radius:0.9em;
138
	border-color:#6C6865;}
138
	border-color:#6C6865;}
139
.lien_participer#page_en_cours a {
139
.lien_participer#page_en_cours a {
140
	background-color:#E16039 !important;
140
	background-color:#E16039 !important;
141
	border-color:#F2F2F2 !important;}
141
	border-color:#F2F2F2 !important;}
142
#page_en_cours a {
142
#page_en_cours a {
143
	background-color:#E16039;
143
	background-color:#E16039;
144
	border-color:#F2F2F2;
144
	border-color:#F2F2F2;
145
	color:#000000;}
145
	color:#000000;}
146
.separation {
146
.separation {
147
	visibility:hidden;
147
	visibility:hidden;
148
	clear:both;
148
	clear:both;
149
	margin-bottom:4px;
149
	margin-bottom:4px;
150
	margin-top:4px;}
150
	margin-top:4px;}
151
#modification {
151
#modification {
152
	padding-top:10px;
152
	padding-top:10px;
153
	float:left;}
153
	float:left;}
154
/** Profil prive **/
154
/** Profil prive **/
155
#fiche_privee {
155
#fiche_privee {
156
	background-color:#C2C0AD;
156
	background-color:#C2C0AD;
157
	border:1px solid #E16039;
157
	border:1px solid #E16039;
158
	max-width:800px;
158
	max-width:800px;
159
	height:50px;}
159
	height:50px;}
160
#texte_profil_prive {
160
#texte_profil_prive {
161
	margin-top:15px;
161
	margin-top:15px;
162
	margin-left:5px;
162
	margin-left:5px;
163
	width:100%;
163
	width:100%;
164
	text-align:center;}
164
	text-align:center;}
165
#fiche_privee img {
165
#fiche_privee img {
166
	margin-top:-6px;}
166
	margin-top:-6px;}
167
/** Carte id **/
167
/** Carte id **/
168
#carte_id {
168
#carte_id {
169
	margin-top:10px;
169
	margin-top:10px;
170
	margin-bottom:10px;
170
	margin-bottom:10px;
171
	margin-left:0px;
171
	margin-left:0px;
172
	padding-bottom:30px;
172
	padding-bottom:30px;
173
	padding-left:20px;
173
	padding-left:20px;
174
	padding-top:10px;
174
	padding-top:10px;
175
	width:350px;
175
	width:350px;
176
	height:90px;}
176
	height:90px;}
177
.avatar_petit {
177
.avatar_petit {
178
	max-height:60px;
178
	max-height:60px;
179
	max-width:60px;}
179
	max-width:60px;}
180
/** Page mes contributions **/
180
/** Page mes contributions **/
181
#resume {
181
#resume {
182
	min-height:1600px;}
182
	min-height:1600px;}
183
.resume_conteneur {
183
.resume_conteneur {
184
	display:block;
184
	display:block;
185
	margin-left:10px;
185
	margin-left:10px;
186
	padding:10px;
186
	padding:10px;
187
	clear:left;
187
	clear:left;
188
	float:left;
188
	float:left;
189
	margin-left:0;
189
	margin-left:0;
190
	margin-top:5px;
190
	margin-top:5px;
191
	padding:20px;
191
	padding:20px;
192
	width:90%;}
192
	width:90%;}
193
.gestion_conteneur {
193
.gestion_conteneur {
194
	width:50%;}
194
	width:50%;}
195
.titre_gestion {
195
.titre_gestion {
196
	margin-top:20px;}
196
	margin-top:20px;}
197
.colonne_resume, .colonne_resume {
197
.colonne_resume, .colonne_resume {
198
	width:48%;}
198
	width:48%;}
199
.resume {
199
.resume {
200
	width:100%;
200
	width:100%;
201
	clear:both;}
201
	clear:both;}
202
.gestion_conteneur {
202
.gestion_conteneur {
203
	width:80%;
203
	width:80%;
204
	margin-left:10px;
204
	margin-left:10px;
205
	padding:0px;}
205
	padding:0px;}
206
.resume_conteneur>h3 {
206
.resume_conteneur>h3 {
207
	font-weight:normal;}
207
	font-weight:normal;}
208
.resume_conteneur a {
208
.resume_conteneur a {
209
	text-align:center;
209
	text-align:center;
210
	color:#000000 !important;}
-
 
211
.resume_conteneur>h3>a {
210
.resume_conteneur>h3>a {
212
	color:#FD8C13 !important;}
211
	color:#FD8C13 !important;}
213
.resume_conteneur a:hover {
212
.resume_conteneur a:hover {
214
	border-bottom:1px solid #7B9C35;}
213
	border-bottom:1px solid #7B9C35;}
215
.resume>h3>a {
214
.resume>h3>a {
216
	font-size:12px;
215
	font-size:12px;
217
	font-family:arial;
216
	font-family:arial;
218
	font-weight:normal;
217
	font-weight:normal;
219
	letter-spacing:0;
218
	letter-spacing:0;
220
	margin:8px 0 1px;}
219
	margin:8px 0 1px;}
221
/** Page de gestion **/
220
/** Page de gestion **/
222
.gestion>.form_bouton {
221
.gestion>.form_bouton {
223
	text-align:right;}
222
	text-align:right;}
224
/** Mise en page générique pour l'annuaire **/
223
/** Mise en page générique pour l'annuaire **/
225
.centre {
224
.centre {
226
	margin-top:10%;
225
	margin-top:10%;
227
	margin-left:20%;
226
	margin-left:20%;
228
	min-height:500px;}
227
	min-height:500px;}
229
/*.gauche {
228
/*.gauche {
230
	float:left;
229
	float:left;
231
	margin-right:20px;}
230
	margin-right:20px;}
232
.droite {
231
.droite {
233
	float:right;
232
	float:right;
234
	clear:right;}*/
233
	clear:right;}*/
235
 
234
 
236
/*Spécifique à la page d'accueil réseau*/
235
/*Spécifique à la page d'accueil réseau*/
237
#zone-accueil #zone-colonne-droite {
236
#zone-accueil #zone-colonne-droite {
238
	width:55%;
237
	width:55%;
239
}
238
}
240
#zone-accueil #zone-colonne-droite {
239
#zone-accueil #zone-colonne-droite {
241
	width:45%;
240
	width:45%;
242
}
241
}
243
#profil {
242
#profil {
244
	border:5px solid #F2F2F2;
243
	border:5px solid #F2F2F2;
245
	margin:10px;
244
	margin:10px;
246
	padding-bottom:10px;}
245
	padding-bottom:10px;}
247
.resume_conteneur h3 {
246
.resume_conteneur h3 {
248
	font-size:12px;
247
	font-size:12px;
249
	font-family:arial;
248
	font-family:arial;
250
	font-weight:bold;
249
	font-weight:bold;
251
	letter-spacing:0;
250
	letter-spacing:0;
252
	margin:8px 0 1px;}
251
	margin:8px 0 1px;}
253
.gestion {
252
.gestion {
254
	max-width:600px;
253
	max-width:600px;
255
	clear:left;}
254
	clear:left;}
256
.gestion h2 {
255
.gestion h2 {
257
	padding-top:10px;}
256
	padding-top:10px;}
258
.gestion td {
257
.gestion td {
259
	padding-top:5px;
258
	padding-top:5px;
260
	padding-bottom:5px;
259
	padding-bottom:5px;
261
	padding-right:15px;}
260
	padding-right:15px;}
262
/** Formulaire d'inscription et de modification **/
261
/** Formulaire d'inscription et de modification **/
263
form#suppression, form#modification, form#blocage {
262
form#suppression, form#modification, form#blocage {
264
	display:inline;
263
	display:inline;
265
	border:none;
264
	border:none;
266
	background-color:inherit}
265
	background-color:inherit}
267
#inscription_modification input, #inscription_modification select {
266
#inscription_modification input, #inscription_modification select {
268
	display:block;}
267
	display:block;}
269
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
268
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
270
	display:inline;}
269
	display:inline;}
271
#inscription_modification label {
270
#inscription_modification label {
272
	padding-left:3px;}
271
	padding-left:3px;}
273
#inscription_modification label_champ_annuaire {
272
#inscription_modification label_champ_annuaire {
274
	display:block;}
273
	display:block;}
275
form.form_bouton {
274
form.form_bouton {
276
	background-color:none !important;
275
	background-color:none !important;
277
	border:none !important;}
276
	border:none !important;}
278
/** Moteur de recherche **/
277
/** Moteur de recherche **/
279
.liste {
278
.liste {
280
	border-collapse:collapse;}
279
	border-collapse:collapse;}
281
.liste th, .liste td {
280
.liste th, .liste td {
282
	text-align:center;
281
	text-align:center;
283
	border:none;
282
	border:none;
284
	padding-top:3px;
283
	padding-top:3px;
285
	padding-bottom:3px;
284
	padding-bottom:3px;
286
	border-top-width:1px;
285
	border-top-width:1px;
287
	border-top-style:dotted;
286
	border-top-style:dotted;
288
	border-bottom-width:1px;
287
	border-bottom-width:1px;
289
	border-bottom-style:dotted;}
288
	border-bottom-style:dotted;}
290
.liste th {
289
.liste th {
291
	border-width:1px;
290
	border-width:1px;
292
	border-style:solid;}
291
	border-style:solid;}
293
.liste th,.liste th a {
292
.liste th,.liste th a {
294
	color:black;
293
	color:black;
295
	margin:0 5px;}
294
	margin:0 5px;}
296
.liste th {
295
.liste th {
297
	text-align:center;}
296
	text-align:center;}
298
/** Pagination **/
297
/** Pagination **/
299
.derniere_page {
298
.derniere_page {
300
	float:right;
299
	float:right;
301
	margin:5px;}
300
	margin:5px;}
302
#pages {
301
#pages {
303
	margin-left:auto;
302
	margin-left:auto;
304
	margin-right:auto;
303
	margin-right:auto;
305
	width:80%;
304
	width:80%;
306
	text-align:center;}
305
	text-align:center;}
307
#page_courante a {
306
#page_courante a {
308
	color:#FFD700;}
307
	color:#FFD700;}
309
/** Messagerie **/
308
/** Messagerie **/
310
#contenu_message {
309
#contenu_message {
311
	width:500px;
310
	width:500px;
312
	height:200px;}
311
	height:200px;}
313
#sujet_message {
312
#sujet_message {
314
	width:500px;
313
	width:500px;
315
	height:25px;}
314
	height:25px;}
316
/** Présentation du nombre d'inscrits **/
315
/** Présentation du nombre d'inscrits **/
317
.infosInscrits {
316
.infosInscrits {
318
	-moz-border-radius:10px 10px 10px 10px;
317
	-moz-border-radius:10px 10px 10px 10px;
319
	text-align:center;
318
	text-align:center;
320
	float:left;
319
	float:left;
321
	margin-left:0;
320
	margin-left:0;
322
	margin-top:5px;
321
	margin-top:5px;
323
	padding:5px;
322
	padding:5px;
324
	width:200px;}
323
	width:200px;}
325
#conteneur_infos_inscrits {
324
#conteneur_infos_inscrits {
326
	text-align:center;
325
	text-align:center;
327
	padding-left:55px;
326
	padding-left:55px;
328
	margin-top:0px;}
327
	margin-top:0px;}
329
#choix_utilisateur {
328
#choix_utilisateur {
330
	padding-left:25px;}
329
	padding-left:25px;}
331
.orientation {
330
.orientation {
332
	width:45%;
331
	width:45%;
333
	padding:5px;
332
	padding:5px;
334
	margin-bottom:20px;
333
	margin-bottom:20px;
335
	color:#FFFFFF;
334
	color:#FFFFFF;
336
	font-family:helveticaneue, helveticaneue2;
335
	font-family:helveticaneue, helveticaneue2;
337
	font-size:13px;
336
	font-size:13px;
338
	height:130px;}
337
	height:130px;}
339
.orientation strong {
338
.orientation strong {
340
	font-size:15px;}
339
	font-size:15px;}
341
.orientation h3 {
340
.orientation h3 {
342
	margin-top:0px;
341
	margin-top:0px;
343
	margin-bottom:5px;}
342
	margin-bottom:5px;}
344
.orientation span {
343
.orientation span {
345
	margin-bottom:5px;}
344
	margin-bottom:5px;}
346
.orientation ul {
345
.orientation ul {
347
	padding-top:5px;}
346
	padding-top:5px;}
348
#choix_utilisateur a {
347
#choix_utilisateur a {
349
	color:#3E4F18;}
348
	color:#3E4F18;}
350
#orientation_reseau {
349
#orientation_reseau {
351
	background-color:#E16039;}
350
	background-color:#E16039;}
352
#orientation_actu {
351
#orientation_actu {
353
	background-color:#C2C0AD;}
352
	background-color:#C2C0AD;}
354
#orientation_projets {
353
#orientation_projets {
355
	background-color:#CAAC5D;}
354
	background-color:#CAAC5D;}
356
#orientation_eflore {
355
#orientation_eflore {
357
	background-color:#9AC243;}
356
	background-color:#9AC243;}
358
#zone_contenu_corps {
357
#zone_contenu_corps {
359
	width:710px;}
358
	width:710px;}
360
#zone_contenu_corps h3 {
359
#zone_contenu_corps h3 {
361
	padding:0;}
360
	padding:0;}
362
#menu_2_22 {
361
#menu_2_22 {
363
	display:none;}
362
	display:none;}