Subversion Repositories Sites.tela-botanica.org

Rev

Rev 389 | 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;
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;}