Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 306 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
306 aurelien 1
<html>
2
  <head>
3
 
4
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
5
    <style>
6
		#header {
7
			height: 175px;
8
			border-top-left-radius: 15px;
9
			border-top-right-radius: 15px;
10
			background-color: #FFFFFF;
11
     	}
12
 
13
     	.automne {
14
			background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-automne.png") no-repeat scroll transparent;
15
     	}
16
 
17
     	.printemps {
18
 			background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-printemps.png") no-repeat scroll transparent;
19
     	}
20
 
21
     	.ete {
22
  			background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-ete.png") no-repeat scroll transparent;
23
     	}
24
 
25
     	.hiver {
26
  			background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-hiver.png") no-repeat scroll transparent;
27
     	}
28
 
29
		body {
30
			width: 955px;
31
			margin: auto;
32
			background-color: #C6B895;
33
    	}
34
 
35
		#contenu {
36
			padding: 5px;
37
			background-color: #FFFFFF;
38
			min-height: 250px;
39
    	}
40
 
41
		.petit_logo_tela {
42
			margin-left: 62px;
43
			position: relative;
44
			top: -35px;
45
			width: 43px;
46
		}
47
 
48
		.petit_logo_cnrs {
49
			margin-left: 5px;
50
			position: relative;
51
			top: -28px;
52
			width: 35px;
53
		}
54
 
55
		#logo-floater {
56
			padding-left: 20px;
57
			padding-top: 1px;
58
   		}
59
 
60
		#footer {
61
			background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-bas.png") no-repeat scroll 50% 135px #ffffff;
62
			clear: both;
63
			height: 240px;
64
			margin-left: auto;
65
			margin-right: auto;
66
			text-align: center;
67
			vertical-align: bottom;
68
			width: 955px;
69
			border-bottom-left-radius: 20px;
70
			border-bottom-right-radius: 20px;
71
		}
72
 
73
		.liens-autres {
74
			font-size: 0.8em;
75
			color: #888;
76
		}
77
    </style>
78
 
79
  </head>
307 aurelien 80
  <body>
306 aurelien 81
 
82
	<div class="automne" id="header">
83
		<div id="logo-floater">
84
			<h1>
85
				<a target="_blank" title="Aller sur le site d'observatoire des saisons" href="http://www.obs-saisons.fr">
86
					<img id="logo" alt="logo observatoire des saisons" src="http://www.obs-saisons.fr/themes/ods/logo.png">
87
				</a>
88
			</h1>
89
		</div>
90
		<a target="_blank" title="Aller sur le site de tela botanica" href="http://www.tela-botanica.org"><img src="http://www.obs-saisons.fr/themes/ods/logo_tela.png" alt="logo tela botanica" title="Tela Botanica" class="petit_logo_tela"></a>
91
		<a target="_blank" title="Aller sur le site du gdr" href="http://www.gdr2968.cnrs.fr/"><img src="http://www.obs-saisons.fr/themes/ods/logo_cnrs.png" alt="logo cnrs" title="cnrs" class="petit_logo_cnrs"></a>
92
	</div>
93
 
94
    <div id="contenu">
95
	<h1> Lettre d'actualité du mois de septembre </h1>
96
	<p> Le texte commence ici </p>
97
    </div>
98
 
99
    <div id="footer">
100
	<strong>
101
		<b>
102
			Toute l'&eacute;quipe de l'ODS vous remercie pour vos
103
	      		observations&nbsp;!<br />
104
			A bientôt ! <br />
105
			L'équipe de l'Observatoire Des Saisons <br />
106
	    	</b>
107
	</strong>
108
	<p class="liens-autres">
109
	      Rejoignez-nous sur <a target="_blank" href="https://www.facebook.com/pages/Observatoire-des-Saisons/167300616656493">Facebook</a> ou <a target="_blank" href="https://twitter.com/ObservSaisons">Twitter</a> et envoyez nous vos actualités, <br />
110
	      initiatives régionales en rapport avec les saisons ou l'ODS par mail: contact@obs-saisons.fr
111
	      <br />
112
	      Si vous souhaitez vous désabonner de la lettre d'actualité, <br />
113
	      rendez vous sur le site de l'<a href="http://www.obs-saisons.fr">ODS</a>, allez dans votre profil et décochez « abonnement à la lettre d'actualité ».
114
	      <br />
115
	</p>
116
    </div>
117
  </body>
118
</html>