Subversion Repositories Sites.tela-botanica.org

Rev

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

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