Subversion Repositories Sites.tela-botanica.org

Rev

Rev 338 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 338 Rev 346
Line 1... Line 1...
1
/*********************************
1
/**********************************************************************************************************************/
2
Feuille de style de la page d'accueil
2
/*												Feuille de style de la page d'accueil	: Feuilles d'Automne																	*/
3
***********************************/
3
/**********************************************************************************************************************/
-
 
4
/* Auteur : Tamara LEBOURG <tamara@tela-botanica.org>		 																															*/
-
 
5
/* Auteur : Magali GIAUME <magali@giaume.com>						 																															*/
-
 
6
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
-
 
7
/* Date réalisation : 12 juin 2007 																																										*/
Line 4... Line 8...
4
 
8
 
5
/* �lements de base */
-
 
6
body {
-
 
7
  font-family:Arial, Helvetica, Verdana, sans-serif;
-
 
8
  margin:0;}
9
/* Élements de base */
9
a:link {
-
 
10
  font-size:13px;
-
 
11
  font-weight:bold;
10
a:hover{
12
  text-decoration:none;}
-
 
13
a:visited {
-
 
14
  font-weight:bold;
-
 
15
  text-decoration:none;}
-
 
16
a:hover, a:active {
-
 
Line 17... Line 11...
17
  text-decoration:none;}
11
	text-transform:none;}
18
 
12
 
19
/* Sp�cific divs */
13
/* Centrage général */
20
#logo_tela {
-
 
21
  display:none;}
-
 
22
#tela_botanica {
-
 
23
  width:400px;
-
 
24
  padding-left:132px;
-
 
25
  margin:0 auto;
-
 
26
  background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
-
 
27
#tela_botanica h1{
-
 
28
  color:#0D6828;
-
 
29
  font-size:50px;
-
 
30
  margin:20px 0 0 0;}
14
#zone_centrage{
31
#tela_botanica h2{
-
 
32
  color:black;
15
	background:none;}
33
  font-size:20px;
-
 
34
  margin:5px 0 0 0;}
-
 
35
#tela_botanica p {
-
 
36
  margin-top:25px;}
-
 
37
#tela_botanica p a {
-
 
38
  font-size:17px;
-
 
39
  color:#670101;
16
 
40
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
-
 
41
#admin a {
-
 
42
  font-size:10px;
-
 
43
  color: rgb(169, 169, 169);
-
 
44
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
17
/* Les principaux liens*/
45
#tela_botanica p a:hover, #admin a:hover {
-
 
Line 46... Line 18...
46
  text-decoration:none;
18
#zone_liens{
-
 
19
	display:none;}
-
 
20
 
-
 
21
/* Les mondes*/
-
 
22
#zone_sites{
-
 
23
	display:block;
-
 
24
	position:absolute;
-
 
25
	top:140px;
-
 
26
	height:400px;
-
 
27
	width:800px;
-
 
28
	margin-left:-400px;
-
 
29
	left: 50%;
47
  background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
30
  background:url(./picto_feuille_automne.png) bottom left no-repeat;}
48
 
31
#titre_sites{
49
/* Image de fond et mondes*/
32
	display:none;}
50
#image_fond {
-
 
51
  position:relative;
33
#image_fond {
52
  clear:both;
34
  position:relative;
53
  z-index:100;
35
  clear:both;
54
  width:780px;
36
  width:780px;
55
  height:350px;
-
 
56
  margin:0 auto;
-
 
57
  color:#600;
37
  height:350px;
58
  font-size:13px;
38
  margin:0 auto;
59
  font-weight:bold;
39
  color:#600;
60
  text-align:left;
40
  text-align:left;
61
  background:transparent url(/accueil/fond-automne.jpg) no-repeat 155px 0;}
41
  background:transparent url(./fond_automne.jpg) no-repeat 155px 0;}
62
#image_fond a {
42
#image_fond a {
63
  display:block;}
43
  display:block;}
64
a:hover span {
44
#zone_sites a:hover span {
65
  display:block;
45
  display:block;
66
  position:absolute;
46
  position:absolute;
67
  width:210px;
47
  width:210px;
68
  height:150px;
48
  height:150px;
69
  color: #000;
49
  color: #000;
70
  padding:70px 20px 0 20px;
-
 
71
  background:url(/accueil/pixel_transparent60.png);
-
 
72
  font-size:14px;
-
 
73
  line-height:large;
-
 
74
  font-family:Arial, Helvetica, Verdana, sans-serif;
-
 
75
  text-align:center;
50
  padding:70px 20px 0 20px;
76
  font-weight:bold;}
51
  background:url(./pixel_transparent60.png);}
77
a span {
52
#zone_sites a span {
78
  display:none;
53
  display:none;
-
 
54
  position:absolute;}
-
 
55
#monde_1 a, #monde_2 a, #monde_3 a, #monde_4 a, #monde_5 a, #monde_6 a, #monde_7 a, #monde_8 a{
-
 
56
  position:absolute;
79
  position:absolute;}
57
	text-align:center;
80
#monde_1 a{
58
  color:#670101;}
81
  position:absolute;
59
#monde_1 a{
82
  top:55px;
60
  top:55px;
83
  left:75px;
61
  left:75px;
84
  width:120px;
-
 
85
  height:40px;
-
 
86
  padding:0 40px 0 0;
-
 
87
  color:#670101;
-
 
88
  text-align:center;}
-
 
89
#monde_3 a{
-
 
90
  position:absolute;
-
 
91
  top:120px;
-
 
92
  left:65px;
-
 
93
  width:100px;
-
 
94
  height:40px;
-
 
95
  padding:5px 30px 0 0;
62
  width:120px;
96
  color:#670101;
-
 
97
  text-align:center;}
63
  height:40px;
98
#monde_2 a{
64
  padding:0 40px 0 0;}
99
  position:absolute;
65
#monde_2 a{
100
  top:205px;
66
  top:205px;
101
  left:90px;
67
  left:90px;
-
 
68
  width:130px;
102
  width:130px;
69
  height:40px;
-
 
70
  padding:0 50px 0 0;}
-
 
71
#monde_3 a{
103
  height:40px;
72
  top:120px;
-
 
73
  left:65px;
104
  padding:0 50px 0 0;
74
  width:100px;
105
  color:#670101;
-
 
106
  text-align:center;}
75
  height:40px;
107
#monde_4 a{
76
  padding:5px 30px 0 0;}
108
  position:absolute;
77
#monde_4 a{
109
  top:228px;
78
  top:228px;
110
  left:255px;
79
  left:255px;
111
  width:75px;
-
 
112
  height:50px;
-
 
113
  padding:45px 0 0 0;
80
  width:75px;
114
  color:#670101;
-
 
115
  text-align:center;}
81
  height:50px;
116
#monde_5 a{
82
  padding:45px 0 0 0;}
117
  position:absolute;
83
#monde_5 a{
118
  top:246px;
84
  top:246px;
119
  left:345px;
85
  left:345px;
120
  width:78px;
-
 
121
  height:50px;
-
 
122
  padding:45px 0 0 0;
86
  width:78px;
123
  color:#670101;
-
 
124
  text-align:center;}
87
  height:50px;
125
#monde_6 a{
88
  padding:45px 0 0 0;}
126
  position:absolute;
89
#monde_6 a{
127
  top:250px;
90
  top:250px;
128
  left:453px;
91
  left:453px;
129
  width:73px;
-
 
130
  height:50px;
-
 
131
  padding:43px 0 0 0;
92
  width:73px;
132
  color:#670101;
-
 
133
  text-align:center;}
93
  height:50px;
134
#monde_7 a{
94
  padding:43px 0 0 0;}
135
  position:absolute;
95
#monde_7 a{
136
  top:249px;
96
  top:249px;
137
  left:545px;
97
  left:545px;
138
  width:110px;
-
 
139
  height:50px;
-
 
140
  padding:45px 0 0 0;
98
  width:110px;
141
  color:#670101;
-
 
142
  text-align:center;}
99
  height:50px;
143
#monde_8 a{
100
  padding:45px 0 0 0;}
144
  position:absolute;
101
#monde_8 a{
145
  top:229px;
102
  top:229px;
146
  left:645px;
103
  left:645px;
147
  width:110px;
-
 
148
  height:50px;
-
 
Line 149... Line 104...
149
  padding:45px 0 0 0;
104
  width:110px;
150
  color:#670101;
105
  height:50px;
151
  text-align:center;}
106
  padding:45px 0 0 0;}
152
 
107
 
Line 171... Line 126...
171
#monde_7 a:hover span {
126
#monde_7 a:hover span {
172
  top:-248px;
127
  top:-248px;
173
  left:-255px;}
128
  left:-255px;}
174
#monde_8 a:hover span {
129
#monde_8 a:hover span {
175
  top:-228px;
130
  top:-228px;
176
  left:-355px;}
131
  left:-355px;}
177
 
-
 
178
/* Pied de page */
-
 
179
.information {
-
 
180
  background: #e7ebfd url(/sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%;
-
 
181
  text-align:center;
-
 
182
  border:1px solid #dfe7ac;
-
 
183
  width:950px;
-
 
184
  height:70px;
-
 
185
  margin:0 auto;}
-
 
186
p#firefox a{
-
 
187
  font-weight:normal;
-
 
188
  color:#670101;
-
 
189
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
-
 
190
.lien_img {
-
 
191
  background:none;}
-
 
192
#pied_page li {
-
 
193
  display:inline;
-
 
194
  margin:0;
-
 
195
  padding:5px;}
-
 
196
#pied_page img {
-
 
197
  vertical-align:middle;
-
 
198
  margin:0 1em;}
-
 
199
#pied_page p {
-
 
200
  padding:10px 0 10px 0;}
-
 
201
#admin {
-
 
202
float:right;
-
 
203
margin-right: 20px;}
-
 
204
132