Subversion Repositories Sites.tela-botanica.org

Rev

Rev 405 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
345 jpm 1
/**********************************************************************************************************************/
2
/*																			Feuille de style de la page d'accueil																					*/
3
/**********************************************************************************************************************/
4
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
5
/* Date réalisation : 12 juin 2007 																																										*/
6
 
7
/* Centrage général */
8
#zone_centrage{
9
	width:800px;
10
	height:610px;
11
  margin:0 auto;
12
  background:url(./fond_fleur.jpg) top center no-repeat;}
346 jpm 13
#zone_habillage{float:right;}
345 jpm 14
 
15
/* Entête de la page */
16
#zone_bandeau{
17
	position:absolute;
18
	top:10px;
19
	height:115px;
20
	width:610px;
21
	margin-left:-305px;
22
	left: 50%;
23
	background:url(./pixel_marron.png) repeat-y 168px 0;}
24
#titre_tb{
25
	position:absolute;
26
	bottom:0;
27
	left:0;
28
	height:114px;
29
	width:154px;
30
	margin:0;}
31
#titre_reseau{
32
	position:absolute;
33
	top:0;
34
	left:180px;
35
	height:92px;
36
	width:381px;
37
	margin:0;}
38
#liste_informations {
39
	position:absolute;
346 jpm 40
	text-align:left;
345 jpm 41
	top:95px;
346 jpm 42
	left:180px;
345 jpm 43
	width:450px;
44
	padding:0;}
45
#liste_informations li{
46
	display:inline;}
47
#liste_informations a{
48
	padding:2px;
405 jpm 49
	color:#FFF;
50
	background-color:#7A292A;
51
	border:1px solid white;
345 jpm 52
	height:24px;
53
	voice-family: "\"}\"";
405 jpm 54
	voice-family:inherit;
345 jpm 55
	height:16px;}
56
#liste_informations a:hover{
57
	text-transform:none;
405 jpm 58
	color:white;
59
	background-color:#CFCFCF;
613 aurelien 60
	border:2px solid #A2A2A2;
61
	height:24px;
62
	voice-family: "\"}\"";
63
	voice-family:inherit;
64
	height:16px;}
345 jpm 65
#liste_informations a:visited{
66
	color:#fff;}
67
#liste_informations li:after{
68
	content: " "url(./fleche_gauche.png);}
69
#liste_informations li:before{
70
	content: url(./fleche_droite.png)" ";}
71
 
72
 
346 jpm 73
/* Les liens de la page */
74
#zone_liens{
345 jpm 75
	position:absolute;
76
	top:130px;
77
	height:400px;
78
	width:800px;
79
	margin-left:-400px;
80
	left: 50%;
81
  background:url(./picto_fleur.png) bottom left no-repeat;}
346 jpm 82
#zone_liens li{
345 jpm 83
	list-style-type:none;}
346 jpm 84
#zone_liens ul{
345 jpm 85
	padding:0;}
346 jpm 86
#titre_liens{
345 jpm 87
	display:none;}
88
#zone_info_actu, #zone_info_reseau, #zone_info_botanique, #zone_info_ateliers{
89
	position:absolute;
90
	width:300px;
91
	height:175px;
92
	padding:5px;}
613 aurelien 93
 
94
#zone_sondage	{
95
	margin-top:15px;
96
	font-size:11px;
97
	font-weight:normal;
98
	font-style:italic;
99
 
100
}
101
#zone_sondage a	{
102
	color : #7d90f4;
103
	font-size: 17px;
104
	font-style:normal;
105
}
106
 
345 jpm 107
#titre_info_botanique{
108
	color:#B5C724;
109
	padding:10px 15px 0 0;}
355 jpm 110
#zone_info_botanique a:hover {
111
	color:#879713;}
345 jpm 112
#titre_info_actu{
113
	color:#7D90F4;
114
	padding:10px 0 0 15px;}
355 jpm 115
#zone_info_actu a:hover {
345 jpm 116
	color:#7D90F4;}
117
#titre_info_reseau{
118
	color:#EFBA0C;
119
	padding:10px 15px 0 0;}
355 jpm 120
#zone_info_reseau a:hover {
345 jpm 121
	color:#EFBA0C;}
122
#titre_info_ateliers{
123
	color:#D8572D;
124
	padding:10px 0 0 15px ;}
355 jpm 125
#zone_info_ateliers a:hover {
345 jpm 126
	color:#D8572D;}
346 jpm 127
#zone_liens h3{
345 jpm 128
	text-transform:uppercase;
129
	font-weight:bold;
130
	font-size:20px;
131
	margin:0;}
132
#titre_info_botanique, #titre_info_actu{
389 jpm 133
	padding-top:40px;}
345 jpm 134
#zone_info_botanique{
135
	text-align:right;
136
	top:10px;
137
	left:100px;
138
  background:url(./contour_vert.png) bottom right no-repeat;}
139
#liste_liens_botanique{
389 jpm 140
	margin:2px 15px 0 0;}
345 jpm 141
#zone_info_actu{
142
	text-align:left;
143
	top:10px;
144
	left:412px;
145
  background:url(./contour_bleu.png) bottom left no-repeat;}
146
#liste_liens_actu{
389 jpm 147
	margin:2px 0 0 15px;}
345 jpm 148
#zone_info_reseau{
149
	text-align:right;
150
	top:197px;
151
	left:100px;
152
  background:url(./contour_jaune.png) top right no-repeat;}
153
#liste_liens_reseau{
389 jpm 154
	margin:2px 15px 0 0;}
345 jpm 155
#zone_info_ateliers{
156
	text-align:left;
157
	top:197px;
158
	left:412px;
159
  background:url(./contour_rouge.png) top left no-repeat;}
160
#liste_liens_ateliers{
389 jpm 161
	margin:2px 0 0 15px;}
345 jpm 162
 
346 jpm 163
/* Les mondes */
164
#zone_sites{
165
	display:none;}
345 jpm 166
 
613 aurelien 167
 
168
/* La zone modulable */
169
.zone_lien_actualite {
170
	font-size:1.1em;
171
}
172
 
173
#lien_actualite {
174
	color:#7D90F4;
175
}
176
 
177
.zone_lien_actualite #lien_actualite:hover {
178
	color:#153276;
179
}
180
 
181
#lien_annonce  {
182
	color:#D8572D
183
}
184
 
185
.zone_lien_actualite #lien_annonce:hover  {
186
	color:#FFA69F;
187
}
188
 
189
#lien_application  {
190
	color:#EFBA0C
191
}
192
 
193
.texte_decale {
194
	margin-right: 65px;
195
}
196
 
197
.zone_lien_actualite #lien_application:hover  {
198
	color:#B08608;
199
}
200
 
345 jpm 201
/* Pied de page */
202
#zone_partenaires{
203
	position:absolute;
204
	top:490px;
205
	height:100px;
206
	width:800px;
207
	margin-left:-400px;
208
	left: 50%;}
209
#liste_partenaires li{
210
	display:inline;
211
	padding:0 30px 0 0;}
212
#admin {
213
	float:right;
214
	margin-right:20px;}
215
#admin a {
216
	font-size:10px;
217
	color:rgb(169,169,169);
218
	background:url(/accueil/img_underline_accueil.png) center bottom repeat-x;}