Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev 748 Rev 757
Line 7... Line 7...
7
@font-face {
7
@font-face {
8
	font-family:Helveticaneue2;
8
	font-family:Helveticaneue2;
9
	src:url('/commun/polices/helvetica_light.eot');}
9
	src:url('/commun/polices/helvetica_light.eot');}
10
/*+-----------------------------------------------------------------------------------------------------------------+*/
10
/*+-----------------------------------------------------------------------------------------------------------------+*/
11
/* Redéfinition des styles par défaut des balises */
11
/* Redéfinition des styles par défaut des balises */
-
 
12
body {
-
 
13
	padding:0;
-
 
14
	margin:0;}
12
img, form, td, div, p, br, a, h1, h2 {
15
body,img, form, td, div, p, br, a, h1, h2 {
13
	padding:0;
16
	padding:0;
14
	border:0;
17
	border:0;
15
	text-decoration:none;}
18
	text-decoration:none;}
16
ul, form, li, td, div, p, br, a, h1, h2 {
19
ul, form, li, td, div, p, br, a, h1, h2 {
17
	margin:0;}
20
	margin:0;}
Line 293... Line 296...
293
	border-radius:30px;}
296
	border-radius:30px;}
294
/*+-----------------------------------------------------------------------------------------------------------------+*/
297
/*+-----------------------------------------------------------------------------------------------------------------+*/
295
/* Menu supèrieur */
298
/* Menu supèrieur */
296
/* TODO :mettre les petits carrés à la bonne place */
299
/* TODO :mettre les petits carrés à la bonne place */
297
#zone-menu-haut {
300
#zone-menu-haut {
298
	width:830px;
-
 
299
	height:12px;
-
 
300
	text-align:center;
-
 
301
	margin:0 auto 0 40px;
-
 
302
	position:absolute;
301
	position:absolute;
303
	top:0;
302
	top:0;
-
 
303
	left:0;
304
	color:#3a3633;
304
	width:880px;
-
 
305
	height:12px;
-
 
306
	margin:8px auto 0 0;
-
 
307
	text-align:center;
305
	font-family:arial;
308
	font-family:arial;
306
	font-size:12px;
309
	font-size:12px;
307
	left:0;}
310
	color:#3a3633;}
308
#zone-menu-haut ul {
311
#zone-menu-haut ul {
309
	padding:0;
-
 
310
	list-style:none;}
312
	list-style-image:url(../images/petitCarre.jpg);}
311
#zone-menu-haut ul li {
313
#zone-menu-haut ul li {
312
	background:url(../images/petitCarre.jpg) no-repeat 3px 4px;
-
 
313
	float:left;}
314
	float:left;}
-
 
315
#zone-visiteur ul {
-
 
316
	padding:0;}
-
 
317
#zone-visiteur li {
-
 
318
	text-align:left;
-
 
319
	display:block;
-
 
320
	width:130px;
-
 
321
	padding-left:10px;
-
 
322
	background:url(../images/petitCarre.jpg) no-repeat left center;}
-
 
323
#zone-acces-rapide {
-
 
324
	float:right;}
314
#zone-menu-haut #seconnecter {
325
#zone-menu-haut #seconnecter {
315
	margin:0;
326
	margin:0;
316
	padding-left:10px;}
327
	padding-left:10px;}
317
#zone-menu-haut #don {
328
#zone-menu-haut #don {
318
	width:110px;
329
	width:110px;
319
	margin:0;}
330
	margin:0;}
320
#zone-menu-haut #lettre {
331
#zone-menu-haut #lettre {
321
	width:120px;
332
	width:120px;
322
	margin:0;}
333
	margin:0;}
323
#zone-menu-haut #inscrits {
-
 
324
	width:110px;
-
 
325
	margin:0;}
-
 
326
#zone-menu-haut #connectes {
334
#zone-menu-haut #recherche, .drapeau{
327
	width:115px;
-
 
328
	margin:0;}
335
list-style:none;}
329
#zone-menu-haut #recherche {
336
#zone-menu-haut #recherche {
330
	width:185px;
337
	width:185px;
331
	padding-left:15px;
338
	padding-left:5px;
332
	text-align:left;
339
	text-align:left;}
333
	margin:0;}
-
 
334
#zone-menu-haut #recherche fieldset {
340
#zone-menu-haut #recherche fieldset {
335
	width:185px;
341
	width:185px;
336
	padding:0;
342
	padding:0;
337
	border-style:none;}
343
	border-style:none;}
338
#zone-menu-haut #recherche input {
344
#zone-menu-haut #recherche input {
Line 358... Line 364...
358
/*+-----------------------------------------------------------------------------------------------------------------+*/
364
/*+-----------------------------------------------------------------------------------------------------------------+*/
359
#zone-principale {
365
#zone-principale {
360
	position:absolute;
366
	position:absolute;
361
	width:960px;
367
	width:960px;
362
	margin-left:-450px;
368
	margin-left:-450px;
363
	left:50%;
369
	left:50%;}
364
	padding-top:20px;}
-
 
365
/*+-----------------------------------------------------------------------------------------------------------------+*/
370
/*+-----------------------------------------------------------------------------------------------------------------+*/
366
.zone-haut {
371
.zone-haut {
367
	height:123px;
372
	height:123px;
368
	margin:4px 0 0 0;
-
 
369
	width:885px;
373
	width:885px;
-
 
374
	margin:32px 0 0 0;
370
	text-align:center;}
375
	text-align:center;}
371
.zone-haut h1 {
376
.zone-haut h1 {
372
	position:absolute;
377
	position:absolute;
-
 
378
	left:0;
373
	background:none;
379
	background:none;}
374
	left:0;}
-
 
375
.zone-haut h2 {
380
.zone-haut h2 {
376
	position:absolute;
381
	position:absolute;
377
	left:0;
-
 
378
	top:20px;
382
	top:134px;
379
	margin:105px 0 0 85px;
383
	left:85px;
380
	color:white;
384
	margin:0;
381
	font-size:16px;
385
	font-size:16px;
382
	font-family:arial;
386
	font-family:arial;
383
	text-transform:none;}
387
	text-transform:none;
-
 
388
	color:white;}
384
/*+-----------------------------------------------------------------------------------------------------------------+*/
389
/*+-----------------------------------------------------------------------------------------------------------------+*/
385
.motsclefs {
390
.motsclefs {
386
	position:absolute;
391
	position:absolute;
-
 
392
	left:0;/* Nécessaire pour IE */
387
	width:0;
393
	width:0;
388
	font-family:Helveticaneue;
394
	font-family:Helveticaneue;
389
	letter-spacing:-1px;
395
	letter-spacing:-1px;
390
	font-weight:lighter;}
396
	font-weight:lighter;}
391
.motsclefs h3 {
397
.motsclefs h3 {
392
	position:absolute;
398
	position:absolute;
-
 
399
	left:200px;
393
	margin-top:17px;
400
	margin-top:17px;
-
 
401
	font-family:helveticaneue;
394
	font-size:60px;
402
	font-size:60px;
395
	font-weight:lighter;
403
	font-weight:lighter;
396
	color:#5c5950;
404
	color:#5c5950;}
397
	left:240px;
-
 
398
	line-height:35px;
-
 
399
	font-family:helveticaneue;}
-
 
400
.motsclefs h4 {
405
.motsclefs h4 {
-
 
406
	margin-top:60px;
-
 
407
	margin-left:540px;
401
	text-align:left;
408
	text-align:left;
402
	color:#f2f2f2;
-
 
403
	margin-left:111px;
-
 
404
	margin-top:69px;
-
 
405
	font-family:helveticaneue;
409
	font-family:helveticaneue;
406
	margin-left:550px;}
410
	color:#f2f2f2;}
407
.motsclefs span {
411
.motsclefs span {
408
	position:absolute;
412
	position:absolute;
-
 
413
	top:85px;
409
	font-weight:normal;
414
	font-weight:normal;
410
	text-transform:lowercase;
415
	text-transform:lowercase;}
411
	top:85px;}
-
 
412
/*+-----------------------------------------------------------------------------------------------------------------+*/
416
/*+-----------------------------------------------------------------------------------------------------------------+*/
413
/** Menu de navigation entre univers **/
417
/** Menu de navigation entre univers **/
414
#zone-menu-navigation {
418
#zone-menu-navigation {
415
	width:900px;
419
	width:900px;
416
	margin:10px 0 10px 15px;
420
	margin:10px 0 10px 15px;
Line 592... Line 596...
592
#contenu {
596
#contenu {
593
	border:none;}
597
	border:none;}
594
#zone_contenu_corps {
598
#zone_contenu_corps {
595
	border:none;}
599
	border:none;}
596
#zone_contenu_corps li,#contenu li {
600
#zone_contenu_corps li,#contenu li {
597
	list-style-image:url(../images/petitCarre.jpg);
601
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
598
	line-height:18px;}
602
	line-height:18px;}
599
#zone_contenu_corps li ul li,#contenu li ul li {
603
#zone_contenu_corps li ul li,#contenu li ul li {
600
	list-style:none;
604
	list-style:none;
601
	background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
605
	background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
602
	padding-left:25px;
606
	padding-left:25px;
Line 841... Line 845...
841
#coordonees a:link, #coordonees a:visited, #coordonees a:active {
845
#coordonees a:link, #coordonees a:visited, #coordonees a:active {
842
	color:#3a3633;}
846
	color:#3a3633;}
843
#coordonees a:hover, #coordonees a:focus {
847
#coordonees a:hover, #coordonees a:focus {
844
	color:#fd8c13;}
848
	color:#fd8c13;}
845
/*+-----------------------------------------------------------------------------------------------------------------+*/
849
/*+-----------------------------------------------------------------------------------------------------------------+*/
846
/* Menus cachés spip */
-
 
847
#menu_1_758 {
-
 
848
	display:none;}
-
 
849
#menu_2_22 {
-
 
850
	display:none;}
-
 
851
/*+-----------------------------------------------------------------------------------------------------------------+*/
-
 
852
/* Mise en page en colonne depuis www.1kbgrid.com */
850
/* Mise en page en colonne depuis www.1kbgrid.com */
853
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
851
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
854
.grid_1 {
852
.grid_1 {
855
	width:60px;}
853
	width:60px;}
856
.grid_2 {
854
.grid_2 {