Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
346 jpm 1
/**********************************************************************************************************************/
2
/*												Feuille de style de la page d'accueil	: Feuilles d'Automne																	*/
3
/**********************************************************************************************************************/
4
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
5
/* Date réalisation : 12 juin 2007 																																										*/
4 david 6
 
7
/* Élements de base */
346 jpm 8
a:hover{
9
	text-transform:none;}
4 david 10
 
346 jpm 11
/* Centrage général */
12
#zone_centrage{
13
	background:none;}
4 david 14
 
346 jpm 15
/* Les principaux liens*/
16
#zone_liens{
17
	display:none;}
18
 
19
/* Les mondes*/
20
#zone_sites{
21
	display:block;
22
	position:absolute;
23
	top:140px;
24
	height:400px;
25
	width:800px;
26
	margin-left:-400px;
27
	left: 50%;}
28
#titre_sites{
29
	display:none;}
4 david 30
#image_fond {
31
  position:relative;
32
  width:780px;
33
  height:350px;
34
  margin:0 auto;
35
  clear:both;
36
  color:#600;
37
  text-align:left;
346 jpm 38
  background:transparent url(./fond_erable.jpg) no-repeat 155px 0;}
39
#image_fond a {
40
  display:block;}
41
a:hover span{
4 david 42
  display:block;
43
  position:absolute;
44
  width:240px;
45
  height:190px;
46
  color: #000;
47
  padding:70px 20px 0 20px;
346 jpm 48
  background:url(./pixel_transparent60.png);
4 david 49
  font-size:14px;
50
  line-height:large;
51
  font-weight:bold;}
346 jpm 52
a span {
53
  display:none;
54
  position:absolute;}
4 david 55
#monde_1 a{
56
  position:absolute;
57
  top:55px;
346 jpm 58
  left:75px;
59
  width:120px;
4 david 60
  height:40px;
61
  padding:30px 50px 0 0;
62
  color:#670101;
63
  text-align:center;}
64
#monde_2 a{
65
  position:absolute;
66
  top:120px;
67
  left:15px;
68
  width:200px;
69
  height:40px;
70
  padding:35px 70px 0 0;
71
  color:#670101;
72
  text-align:center;}
73
#monde_3 a{
74
  position:absolute;
75
  top:190px;
76
  left:50px;
77
  width:170px;
78
  height:60px;
79
  padding:40px 30px 0 0;
80
  color:#670101;
81
  text-align:center;}
82
#monde_4 a{
83
  position:absolute;
84
  top:215px;
85
  left:255px;
86
  width:80px;
87
  height:90px;
88
  padding:80px 0 0 0;
89
  color:#670101;
90
  text-align:center;}
91
#monde_5 a{
92
  position:absolute;
93
  top:250px;
94
  left:345px;
95
  width:80px;
96
  height:60px;
97
  padding:80px 0 0 0;
98
  color:#670101;
99
  text-align:center;}
100
#monde_6 a{
101
  position:absolute;
102
  top:250px;
103
  left:450px;
104
  width:75px;
105
  height:60px;
106
  padding:80px 0 0 0;
107
  color:#670101;
108
  text-align:center;}
109
#monde_7 a{
110
  position:absolute;
111
  top:250px;
112
  left:545px;
113
  width:110px;
114
  height:70px;
115
  padding:70px 0 0 0;
116
  color:#670101;
117
  text-align:center;}
338 jpm 118
#monde_8 a{
119
  position:absolute;
120
  top:250px;
121
  left:650px;
122
  width:110px;
123
  height:50px;
124
  padding:45px 0 0 0;
125
  color:#670101;
126
  text-align:center;}
4 david 127
#monde_1 a:hover span {
128
  top:-50px;
346 jpm 129
  left:247px;}
4 david 130
#monde_2 a:hover span {
131
  top:-115px;
132
  left:305px;}
133
#monde_3 a:hover span {
134
  top:-190px;
135
  left:270px;}
136
#monde_4 a:hover span {
137
  top:-210px;
138
  left:65px;}
139
#monde_5 a:hover span {
140
  top:-245px;
141
  left:-25px;}
142
#monde_6 a:hover span {
143
  top:-248px;
144
  left:-130px;}
145
#monde_7 a:hover span {
146
  top:-248px;
147
  left:-225px;}
338 jpm 148
#monde_8 a:hover span {
149
  top:-248px;
346 jpm 150
  left:-330px;}