Subversion Repositories Sites.tela-botanica.org

Rev

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