.page
{
background-image: url("photos_site/collioure_vue_aerienne_01.jpg");
background-repeat: no-repeat;
margin: auto;
width: 1024px;
height: 1083px;
}
.marge
{
height: 1083px;
width: 170px;
float: left;
}
.entete
{
text-align: center;
font-size: 1em;
background-color: rgb(0,0,0);
position: absolute;
top: 100px;
float: left;
margin-left: 13px;
width: 150px;
color: rgb(255,245,0);
border: 2px solid rgb(255,222,0);
padding: 10px;
}
#corpsdepage
{
width: 800px;
height: 900px;
float: left;
}

.bt1
{
width:50px;
position: absolute;
float: left;
margin-left: 500px;
top: 150px;
}
.bt2
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 350px;
top: 175px;
}
.bt3
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 80px;
top: 210px;
}
.bt4
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 300px;
top: 410px;
}
.bt5
{
width:50px;
position: absolute;
float: left;
margin-left: 155px;
top: 530px;
}
.bt6
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 170px;
top: 700px;
}
.bt7
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 350px;
top: 850px;
}
.bt8
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 550px;
top: 950px;
}
.bt9
{
clear: both;
width:50px;
position: absolute;
float: left;
margin-left: 700px;
top: 1000px;
}