Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
346 jpm 1
/**********************************************************************************************************************/
2
/*												Feuille de style de la page d'accueil	: Feuilles d'Automne																	*/
3
/**********************************************************************************************************************/
4
/* Auteur : Tamara LEBOURG <tamara@tela-botanica.org>		 																															*/
5
/* Auteur : Magali GIAUME <magali@giaume.com>						 																															*/
6
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
7
/* Date réalisation : 12 juin 2007 																																										*/
4 david 8
 
346 jpm 9
/* Élements de base */
10
a:hover{
11
	text-transform:none;}
4 david 12
 
346 jpm 13
/* Centrage général */
14
#zone_centrage{
15
	background:none;}
4 david 16
 
346 jpm 17
/* Les principaux liens*/
18
#zone_liens{
19
	display:none;}
20
 
21
/* Les mondes*/
22
#zone_sites{
23
	display:block;
24
	position:absolute;
25
	top:140px;
26
	height:400px;
27
	width:800px;
28
	margin-left:-400px;
29
	left: 50%;
30
  background:url(./picto_feuille_automne.png) bottom left no-repeat;}
31
#titre_sites{
32
	display:none;}
4 david 33
#image_fond {
34
  position:relative;
35
  clear:both;
36
  width:780px;
37
  height:350px;
38
  margin:0 auto;
39
  color:#600;
40
  text-align:left;
346 jpm 41
  background:transparent url(./fond_automne.jpg) no-repeat 155px 0;}
4 david 42
#image_fond a {
43
  display:block;}
346 jpm 44
#zone_sites a:hover span {
4 david 45
  display:block;
46
  position:absolute;
47
  width:210px;
48
  height:150px;
49
  color: #000;
50
  padding:70px 20px 0 20px;
346 jpm 51
  background:url(./pixel_transparent60.png);}
52
#zone_sites a span {
4 david 53
  display:none;
54
  position:absolute;}
346 jpm 55
#monde_1 a, #monde_2 a, #monde_3 a, #monde_4 a, #monde_5 a, #monde_6 a, #monde_7 a, #monde_8 a{
56
  position:absolute;
57
	text-align:center;
58
  color:#670101;}
4 david 59
#monde_1 a{
60
  top:55px;
61
  left:75px;
62
  width:120px;
63
  height:40px;
346 jpm 64
  padding:0 40px 0 0;}
65
#monde_2 a{
66
  top:205px;
67
  left:90px;
68
  width:130px;
69
  height:40px;
70
  padding:0 50px 0 0;}
4 david 71
#monde_3 a{
72
  top:120px;
73
  left:65px;
74
  width:100px;
75
  height:40px;
346 jpm 76
  padding:5px 30px 0 0;}
4 david 77
#monde_4 a{
78
  top:228px;
79
  left:255px;
80
  width:75px;
81
  height:50px;
346 jpm 82
  padding:45px 0 0 0;}
4 david 83
#monde_5 a{
84
  top:246px;
85
  left:345px;
86
  width:78px;
87
  height:50px;
346 jpm 88
  padding:45px 0 0 0;}
4 david 89
#monde_6 a{
90
  top:250px;
91
  left:453px;
92
  width:73px;
93
  height:50px;
346 jpm 94
  padding:43px 0 0 0;}
4 david 95
#monde_7 a{
96
  top:249px;
97
  left:545px;
98
  width:110px;
99
  height:50px;
346 jpm 100
  padding:45px 0 0 0;}
338 jpm 101
#monde_8 a{
102
  top:229px;
103
  left:645px;
104
  width:110px;
105
  height:50px;
346 jpm 106
  padding:45px 0 0 0;}
338 jpm 107
 
4 david 108
#monde_1 a:hover span {
109
  top:-50px;
110
  left:217px;}
111
#monde_2 a:hover span {
112
  top:-200px;
113
  left:200px;}
114
#monde_3 a:hover span {
115
  top:-117px;
116
  left:225px;}
117
#monde_4 a:hover span {
118
  top:-224px;
119
  left:36px;}
120
#monde_5 a:hover span {
121
  top:-245px;
122
  left:-55px;}
123
#monde_6 a:hover span {
124
  top:-248px;
125
  left:-164px;}
126
#monde_7 a:hover span {
127
  top:-248px;
128
  left:-255px;}
338 jpm 129
#monde_8 a:hover span {
130
  top:-228px;
346 jpm 131
  left:-355px;}