Subversion Repositories Sites.tela-botanica.org

Rev

Go to most recent revision | Details | 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;
60
	border:2px solid #A2A2A2;}
345 jpm 61
#liste_informations a:visited{
62
	color:#fff;}
63
#liste_informations li:after{
64
	content: " "url(./fleche_gauche.png);}
65
#liste_informations li:before{
66
	content: url(./fleche_droite.png)" ";}
67
 
68
 
346 jpm 69
/* Les liens de la page */
70
#zone_liens{
345 jpm 71
	position:absolute;
72
	top:130px;
73
	height:400px;
74
	width:800px;
75
	margin-left:-400px;
76
	left: 50%;
77
  background:url(./picto_fleur.png) bottom left no-repeat;}
346 jpm 78
#zone_liens li{
345 jpm 79
	list-style-type:none;}
346 jpm 80
#zone_liens ul{
345 jpm 81
	padding:0;}
346 jpm 82
#titre_liens{
345 jpm 83
	display:none;}
84
#zone_info_actu, #zone_info_reseau, #zone_info_botanique, #zone_info_ateliers{
85
	position:absolute;
86
	width:300px;
87
	height:175px;
88
	padding:5px;}
89
#titre_info_botanique{
90
	color:#B5C724;
91
	padding:10px 15px 0 0;}
355 jpm 92
#zone_info_botanique a:hover {
93
	color:#879713;}
345 jpm 94
#titre_info_actu{
95
	color:#7D90F4;
96
	padding:10px 0 0 15px;}
355 jpm 97
#zone_info_actu a:hover {
345 jpm 98
	color:#7D90F4;}
99
#titre_info_reseau{
100
	color:#EFBA0C;
101
	padding:10px 15px 0 0;}
355 jpm 102
#zone_info_reseau a:hover {
345 jpm 103
	color:#EFBA0C;}
104
#titre_info_ateliers{
105
	color:#D8572D;
106
	padding:10px 0 0 15px ;}
355 jpm 107
#zone_info_ateliers a:hover {
345 jpm 108
	color:#D8572D;}
346 jpm 109
#zone_liens h3{
345 jpm 110
	text-transform:uppercase;
111
	font-weight:bold;
112
	font-size:20px;
113
	margin:0;}
114
#titre_info_botanique, #titre_info_actu{
389 jpm 115
	padding-top:40px;}
345 jpm 116
#zone_info_botanique{
117
	text-align:right;
118
	top:10px;
119
	left:100px;
120
  background:url(./contour_vert.png) bottom right no-repeat;}
121
#liste_liens_botanique{
389 jpm 122
	margin:2px 15px 0 0;}
345 jpm 123
#zone_info_actu{
124
	text-align:left;
125
	top:10px;
126
	left:412px;
127
  background:url(./contour_bleu.png) bottom left no-repeat;}
128
#liste_liens_actu{
389 jpm 129
	margin:2px 0 0 15px;}
345 jpm 130
#zone_info_reseau{
131
	text-align:right;
132
	top:197px;
133
	left:100px;
134
  background:url(./contour_jaune.png) top right no-repeat;}
135
#liste_liens_reseau{
389 jpm 136
	margin:2px 15px 0 0;}
345 jpm 137
#zone_info_ateliers{
138
	text-align:left;
139
	top:197px;
140
	left:412px;
141
  background:url(./contour_rouge.png) top left no-repeat;}
142
#liste_liens_ateliers{
389 jpm 143
	margin:2px 0 0 15px;}
345 jpm 144
 
346 jpm 145
/* Les mondes */
146
#zone_sites{
147
	display:none;}
345 jpm 148
 
149
/* Pied de page */
150
#zone_partenaires{
151
	position:absolute;
152
	top:490px;
153
	height:100px;
154
	width:800px;
155
	margin-left:-400px;
156
	left: 50%;}
157
#liste_partenaires li{
158
	display:inline;
159
	padding:0 30px 0 0;}
160
#admin {
161
	float:right;
162
	margin-right:20px;}
163
#admin a {
164
	font-size:10px;
165
	color:rgb(169,169,169);
166
	background:url(/accueil/img_underline_accueil.png) center bottom repeat-x;}