Subversion Repositories Sites.tela-botanica.org

Rev

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

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