Subversion Repositories Sites.tela-botanica.org

Rev

Rev 405 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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