Subversion Repositories Sites.tela-botanica.org

Rev

Rev 4 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 4 Rev 6
1 
/*********************************
 1 
/*********************************
2 
Feuille de style de la page d'accueil
2 
Feuille de style de la page d'accueil
3 
***********************************/
 3 
***********************************/
4 
 
 4 
 
5 
/* Élements de base */
 5 
/* Élements de base */
6 
body {
 6 
body {
7 
  font-family:Arial, Helvetica, Verdana, sans-serif;
 7 
  font-family:Arial, Helvetica, Verdana, sans-serif;
8 
  margin:0;}
 8 
  margin:0;}
9 
p {
 9 
p {
10 
  margin:2em 0 2px 0;}
 10 
  margin:2em 0 2px 0;}
11 
a:link {
 11 
a:link {
12 
  font-size:13px;
 12 
  font-size:13px;
13 
  font-weight:bold;
 13 
  font-weight:bold;
14 
  text-decoration:none;}
 14 
  text-decoration:none;}
15 
a:visited {
 15 
a:visited {
16 
  font-weight:bold;
 16 
  font-weight:bold;
17 
  text-decoration:none;}
 17 
  text-decoration:none;}
18 
a:hover, a:active {
 18 
a:hover, a:active {
19 
  text-decoration:none;}
 19 
  text-decoration:none;}
20 
 
 20 
 
21 
/* Specific divs */
 21 
/* Specific divs */
22 
#logo_tela {
 22 
#logo_tela {
23 
  display:none;}
 23 
  display:none;}
24 
#tela_botanica {
 24 
#tela_botanica {
25 
  width:400px;
 25 
  width:400px;
26 
  padding-left:132px;
 26 
  padding-left:132px;
27 
  margin:0 auto;
 27 
  margin:0 auto;
28 
  background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
 28 
  background: url(sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
29 
#tela_botanica h1{
 29 
#tela_botanica h1{
30 
  color:#0D6828;
 30 
  color:#0D6828;
31 
  font-size:50px;
 31 
  font-size:50px;
32 
  margin:20px 0 0 0;}
 32 
  margin:20px 0 0 0;}
33 
#tela_botanica h2{
 33 
#tela_botanica h2{
34 
  color:black;
 34 
  color:black;
35 
  font-size:20px;
 35 
  font-size:20px;
36 
  margin:5px 0 0 0;}
 36 
  margin:5px 0 0 0;}
37 
#tela_botanica p {
 37 
#tela_botanica p {
38 
  margin-top:25px;}
 38 
  margin-top:25px;}
39 
#tela_botanica p a {
 39 
#tela_botanica p a {
40 
  font-size:17px;
 40 
  font-size:17px;
41 
  color:#670101;
 41 
  color:#670101;
42 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 42 
  background: url(accueil/img_underline_accueil.png) center bottom repeat-x;}
43 
#admin a {
 43 
#admin a {
44 
  font-size:10px;
 44 
  font-size:10px;
45 
  color: rgb(169, 169, 169);
 45 
  color: rgb(169, 169, 169);
46 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 46 
  background: url(accueil/img_underline_accueil.png) center bottom repeat-x;}
47 
#tela_botanica p a:hover, #admin a:hover {
 47 
#tela_botanica p a:hover, #admin a:hover {
48 
  text-decoration:none;
 48 
  text-decoration:none;
49 
  background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
 49 
  background: url(accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
50 
 
 50 
 
51 
#image_fond {
 51 
#image_fond {
52 
  position:relative;
 52 
  position:relative;
53 
  z-index:100;
 53 
  z-index:100;
54 
  width:780px;
 54 
  width:780px;
55 
  height:350px;
 55 
  height:350px;
56 
  margin:0 auto;
 56 
  margin:0 auto;
57 
  clear:both;
 57 
  clear:both;
58 
  color:#600;
 58 
  color:#600;
59 
  font-weight:bold;
 59 
  font-weight:bold;
60 
  font-size:13px;
 60 
  font-size:13px;
61 
  text-align:left;
 61 
  text-align:left;
62 
  background:transparent url(fond-erable.jpg) no-repeat 155px 0;}
 62 
  background:transparent url(fond-erable.jpg) no-repeat 155px 0;}
63 
a:hover span {
 63 
a:hover span {
64 
  display:block;
 64 
  display:block;
65 
  position:absolute;
 65 
  position:absolute;
66 
  width:240px;
 66 
  width:240px;
67 
  height:190px;
 67 
  height:190px;
68 
  color: #000;
 68 
  color: #000;
69 
  padding:70px 20px 0 20px;
 69 
  padding:70px 20px 0 20px;
70 
  background:url(/accueil/pixel_transparent60.png);
 70 
  background:url(accueil/pixel_transparent60.png);
71 
  font-size:14px;
 71 
  font-size:14px;
72 
  line-height:large;
 72 
  line-height:large;
73 
  font-family:Arial, Helvetica, Verdana, sans-serif;
 73 
  font-family:Arial, Helvetica, Verdana, sans-serif;
74 
  text-align:center;
 74 
  text-align:center;
75 
  font-weight:bold;}
 75 
  font-weight:bold;}
76 
#image_fond a {
 76 
#image_fond a {
77 
  display:block;}
 77 
  display:block;}
78 
#monde_1 a{
 78 
#monde_1 a{
79 
  position:absolute;
 79 
  position:absolute;
80 
  top:55px;
 80 
  top:55px;
81 
  left:45px;
 81 
  left:45px;
82 
  width:210px;
 82 
  width:210px;
83 
  height:40px;
 83 
  height:40px;
84 
  padding:30px 50px 0 0;
 84 
  padding:30px 50px 0 0;
85 
  color:#670101;
 85 
  color:#670101;
86 
  text-align:center;}
 86 
  text-align:center;}
87 
 
 87 
 
88 
#monde_2 a{
 88 
#monde_2 a{
89 
  position:absolute;
 89 
  position:absolute;
90 
  top:120px;
 90 
  top:120px;
91 
  left:15px;
 91 
  left:15px;
92 
  width:200px;
 92 
  width:200px;
93 
  height:40px;
 93 
  height:40px;
94 
  padding:35px 70px 0 0;
 94 
  padding:35px 70px 0 0;
95 
  color:#670101;
 95 
  color:#670101;
96 
  text-align:center;}
 96 
  text-align:center;}
97 
 
 97 
 
98 
#monde_3 a{
 98 
#monde_3 a{
99 
  position:absolute;
 99 
  position:absolute;
100 
  top:190px;
 100 
  top:190px;
101 
  left:50px;
 101 
  left:50px;
102 
  width:170px;
 102 
  width:170px;
103 
  height:60px;
 103 
  height:60px;
104 
  padding:40px 30px 0 0;
 104 
  padding:40px 30px 0 0;
105 
  color:#670101;
 105 
  color:#670101;
106 
  text-align:center;}
 106 
  text-align:center;}
107 
 
 107 
 
108 
#monde_4 a{
 108 
#monde_4 a{
109 
  position:absolute;
 109 
  position:absolute;
110 
  top:215px;
 110 
  top:215px;
111 
  left:255px;
 111 
  left:255px;
112 
  width:80px;
 112 
  width:80px;
113 
  height:90px;
 113 
  height:90px;
114 
  padding:80px 0 0 0;
 114 
  padding:80px 0 0 0;
115 
  color:#670101;
 115 
  color:#670101;
116 
  text-align:center;}
 116 
  text-align:center;}
117 
#monde_5 a{
 117 
#monde_5 a{
118 
  position:absolute;
 118 
  position:absolute;
119 
  top:250px;
 119 
  top:250px;
120 
  left:345px;
 120 
  left:345px;
121 
  width:80px;
 121 
  width:80px;
122 
  height:60px;
 122 
  height:60px;
123 
  padding:80px 0 0 0;
 123 
  padding:80px 0 0 0;
124 
  color:#670101;
 124 
  color:#670101;
125 
  text-align:center;}
 125 
  text-align:center;}
126 
#monde_6 a{
 126 
#monde_6 a{
127 
  position:absolute;
 127 
  position:absolute;
128 
  top:250px;
 128 
  top:250px;
129 
  left:450px;
 129 
  left:450px;
130 
  width:75px;
 130 
  width:75px;
131 
  height:60px;
 131 
  height:60px;
132 
  padding:80px 0 0 0;
 132 
  padding:80px 0 0 0;
133 
  color:#670101;
 133 
  color:#670101;
134 
  text-align:center;}
 134 
  text-align:center;}
135 
#monde_7 a{
 135 
#monde_7 a{
136 
  position:absolute;
 136 
  position:absolute;
137 
  top:250px;
 137 
  top:250px;
138 
  left:545px;
 138 
  left:545px;
139 
  width:110px;
 139 
  width:110px;
140 
  height:70px;
 140 
  height:70px;
141 
  padding:70px 0 0 0;
 141 
  padding:70px 0 0 0;
142 
  color:#670101;
 142 
  color:#670101;
143 
  text-align:center;}
 143 
  text-align:center;}
144 
#monde_1 a:hover span {
 144 
#monde_1 a:hover span {
145 
  top:-50px;
 145 
  top:-50px;
146 
  left:277px;}
 146 
  left:277px;}
147 
#monde_2 a:hover span {
 147 
#monde_2 a:hover span {
148 
  top:-115px;
 148 
  top:-115px;
149 
  left:305px;}
 149 
  left:305px;}
150 
#monde_3 a:hover span {
 150 
#monde_3 a:hover span {
151 
  top:-190px;
 151 
  top:-190px;
152 
  left:270px;}
 152 
  left:270px;}
153 
#monde_4 a:hover span {
 153 
#monde_4 a:hover span {
154 
  top:-210px;
 154 
  top:-210px;
155 
  left:65px;}
 155 
  left:65px;}
156 
#monde_5 a:hover span {
 156 
#monde_5 a:hover span {
157 
  top:-245px;
 157 
  top:-245px;
158 
  left:-25px;}
 158 
  left:-25px;}
159 
#monde_6 a:hover span {
 159 
#monde_6 a:hover span {
160 
  top:-248px;
 160 
  top:-248px;
161 
  left:-130px;}
 161 
  left:-130px;}
162 
#monde_7 a:hover span {
 162 
#monde_7 a:hover span {
163 
  top:-248px;
 163 
  top:-248px;
164 
  left:-225px;}
 164 
  left:-225px;}
165 
/* Pied de page */
 165 
/* Pied de page */
166 
#pied_page li {
 166 
#pied_page li {
167 
  display:inline;
 167 
  display:inline;
168 
  margin:0;
 168 
  margin:0;
169 
  padding:5px;}
 169 
  padding:5px;}
170 
#pied_page img {
 170 
#pied_page img {
171 
  vertical-align:middle;
 171 
  vertical-align:middle;
172 
  margin:0 1em;}
 172 
  margin:0 1em;}
173 
#pied_page p {
 173 
#pied_page p {
174 
  padding:20px 0 50px 0;}
 174 
  padding:20px 0 50px 0;}
175 
#admin {
 175 
#admin {
176 
float:right;}
 176 
float:right;}