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 
/* Élements de base */
8 
body {
9 
  font-family:Arial, Helvetica, sans-serif;
10 
  font-size:13px;
11 
  margin:5px;}
12 
a:link {
13 
  font-weight:bold;
14 
	color:#7A292A;}
15 
a:link, a:visited, a:hover, a:active {
16 
  text-decoration:none;}
17 
a:hover{
18 
	text-transform:uppercase;}
19 
img {
20 
	border:0;}
21 
 
22 
 
23 
/* Centrage général */
24 
#zone_centrage{
25 
	width:800px;
26 
	height:610px;
27 
  margin:0 auto;
28 
  background:url(./fond_fleur.jpg) top center no-repeat;}
29 
 
30 
 
31 
/* Entête de la page */
32 
#zone_bandeau{
33 
	position:absolute;
34 
	top:10px;
35 
	height:115px;
36 
	width:610px;
37 
	margin-left:-305px;
38 
	left: 50%;
39 
	background:url(./pixel_marron.png) repeat-y 168px 0;}
40 
#titre_tb{
41 
	position:absolute;
42 
	bottom:0;
43 
	left:0;
44 
	height:114px;
45 
	width:154px;
46 
	margin:0;}
47 
#titre_reseau{
48 
	position:absolute;
49 
	top:0;
50 
	left:180px;
51 
	height:92px;
52 
	width:381px;
53 
	margin:0;}
54 
#liste_informations {
55 
	position:absolute;
56 
	top:95px;
57 
	left:140px;
58 
	width:450px;
59 
	padding:0;}
60 
#liste_informations li{
61 
	display:inline;}
62 
#liste_informations a{
63 
	padding:2px;
64 
	border:2px solid #A2A2A2;
65 
	background-color:#CFCFCF;
66 
	height:24px;
67 
	voice-family: "\"}\"";
68 
  voice-family:inherit;
69 
	height:16px;}
70 
#liste_informations a:hover{
71 
	text-transform:none;
72 
	color:#FFF;
73 
	background:#7A292A;
74 
	border:1px solid white;}
75 
#liste_informations a:visited{
76 
	color:#fff;}
77 
#liste_informations li:after{
78 
	content: " "url(./fleche_gauche.png);}
79 
#liste_informations li:before{
80 
	content: url(./fleche_droite.png)" ";}
81 
 
82 
 
83 
/* Contenue de la page */
84 
#zone_sites{
85 
	position:absolute;
86 
	top:130px;
87 
	height:400px;
88 
	width:800px;
89 
	margin-left:-400px;
90 
	left: 50%;
91 
  background:url(./picto_fleur.png) bottom left no-repeat;}
92 
#zone_sites li{
93 
	list-style-type:none;}
94 
#zone_sites ul{
95 
	padding:0;}
96 
#titre_sites{
97 
	display:none;}
98 
#zone_info_actu, #zone_info_reseau, #zone_info_botanique, #zone_info_ateliers{
99 
	position:absolute;
100 
	width:300px;
101 
	height:175px;
102 
	padding:5px;}
103 
#titre_info_botanique{
104 
	color:#B5C724;
105 
	padding:10px 15px 0 0;}
106 
#zone_info_botanique a:visited {
107 
	color:#B5C724;}
108 
#titre_info_actu{
109 
	color:#7D90F4;
110 
	padding:10px 0 0 15px;}
111 
#zone_info_actu a:visited {
112 
	color:#7D90F4;}
113 
#titre_info_reseau{
114 
	color:#EFBA0C;
115 
	padding:10px 15px 0 0;}
116 
#zone_info_reseau a:visited {
117 
	color:#EFBA0C;}
118 
#titre_info_ateliers{
119 
	color:#D8572D;
120 
	padding:10px 0 0 15px ;}
121 
#zone_info_ateliers a:visited {
122 
	color:#D8572D;}
123 
#zone_sites h3{
124 
	text-transform:uppercase;
125 
	font-weight:bold;
126 
	font-size:20px;
127 
	margin:0;}
128 
#titre_info_botanique, #titre_info_actu{
129 
	padding-top:50px;}
130 
#zone_info_botanique{
131 
	text-align:right;
132 
	top:10px;
133 
	left:100px;
134 
  background:url(./contour_vert.png) bottom right no-repeat;}
135 
#liste_liens_botanique{
136 
	margin:10px 15px 0 0;}
137 
#zone_info_actu{
138 
	text-align:left;
139 
	top:10px;
140 
	left:412px;
141 
  background:url(./contour_bleu.png) bottom left no-repeat;}
142 
#liste_liens_actu{
143 
	margin:10px 0 0 15px;}
144 
#zone_info_reseau{
145 
	text-align:right;
146 
	top:197px;
147 
	left:100px;
148 
  background:url(./contour_jaune.png) top right no-repeat;}
149 
#liste_liens_reseau{
150 
	margin:10px 15px 0 0;}
151 
#zone_info_ateliers{
152 
	text-align:left;
153 
	top:197px;
154 
	left:412px;
155 
  background:url(./contour_rouge.png) top left no-repeat;}
156 
#liste_liens_ateliers{
157 
	margin:10px 0 0 15px;}
158 
 
159 
 
160 
/* Pied de page */
161 
#zone_partenaires{
162 
	position:absolute;
163 
	top:490px;
164 
	height:100px;
165 
	width:800px;
166 
	margin-left:-400px;
167 
	left: 50%;}
168 
#liste_partenaires li{
169 
	display:inline;
170 
	padding:0 30px 0 0;}
171 
#admin {
172 
	float:right;
173 
	margin-right:20px;}
174 
#admin a {
175 
	font-size:10px;
176 
	color:rgb(169,169,169);
177 
	background:url(/accueil/img_underline_accueil.png) center bottom repeat-x;}