body
{
	background-color: PaleGoldenrod;
}
h1 {
  margin: 2px 0;
  padding: 0;
  line-height: 0.8;
  font-size: 24px;
}
h4 {
  margin: 2px 0;
  padding: 0;
  line-height: 1.2;
  font-size: 11px;
}
h3 {
  margin: 2px 0;
  padding: 0;
  line-height: 1.2;
  font-size: 14px;
}
.tarbre1
{
	Position : Absolute;
	background-image: url("Ressources/Ecrans/arbre_ete.jpg");
	background-size : contain;
	top: 20px;
	left: 570px;
	Width: 730px;
	Height: 550px;
	background-repeat : no-repeat;
	border: 2px solid gray;
	border-radius: 10px 10px;
}
.tarbre2
{
	Position : Absolute;
	background-image: url("Ressources/Ecrans/arbre_hivers.jpg");
	background-size : contain;
	top: 20px;
	left: 570px;
	Width: 730px;
	Height: 550px;
	background-repeat : no-repeat;
	border: 2px solid gray;
	border-radius: 10px 10px;
}
.tarbre
{
	position: absolute;
	background-color: yellow;
	top: 40px;
	left: 1100px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.t0
{
	position: absolute;
	width: 500px;
	height: 550px;
	background-color: aliceblue;
	border: 2px solid gray;
	text-align: center;
	Font-size: 14px;
	border-radius: 10px 10px;
}
.t1
{
	position: absolute;
	width: 250px;
	background-color: lightgray;
	border: 2px solid gray;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.t2
{
	position: absolute;
	top: 160px;
	width: 250px;
	background-color: HSL(60,75%,63%);
	border: 2px solid gray;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.t3
{
	position: absolute;
	top: 240px;
	left: 300px;
	width: 170px;
	background-color: HSL(60,75%,63%);
	border: 2px solid gray;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.t4
{
	position: Absolute;
	left: 300px;
	width: 170px;
	background-color: HSL(60,75%,63%);
	border: 2px solid gray;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.t5
{
	position: Absolute;
	top: 140px;
	left: 300px;
	width: 170px;
	background-color: HSL(60,75%,63%);
	border: 2px solid gray;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.t6
{
	position: Absolute;
	top: 380px;
	width: 250px;
	background-color: HSL(60,75%,63%);
	border: 2px solid gray;
	text-align: left;
	padding: 10px;
	Font-size: 12px;
	border-radius: 10px 10px;
}
.tbandeau
{
	position: absolute;
	top: 460px;
	left:1px;
	width: 490px;
	height: 30px;
	background-color: silver;
	border: 1px solid gray;
	border-radius: 10px 10px;
}
.tretour
{
	position: absolute;
	top: 5px;
	left: 10px;
	width: auto;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.tinfos
{
	position: absolute;
	top: 5px;
	left: 130px;
	width: auto;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.traz
{
	position: absolute;
	top: 5px;
	left: 270px;
	width: auto;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.tok
{
	position: absolute;
	top: 5px;
	left: 350px;
	width: 140;
	border: 1px solid transparent;
	text-align: center;
	border-radius: 10px 10px;
	Font-size: 14px;
}
.btnretour 
{
	width: auto;
	padding: 2px 18px;
	background-color: Orange;
	border-radius: 10px 10px;
}
.btninfos 
{
	width: auto;
	padding: 2px 18px;
	background-color: aqua;
	border-radius: 10px 10px;
}
.btnraz 
{
	width: auto;
	padding: 2px 18px;
	background-color: HSL(60,75%,63%);
	border-radius: 10px 10px;
}
.btnok 
{
	width: auto;
	padding: 2px 18px;
	background-color: Lime;
	border-radius: 10px 10px;
}