body /*style generale de la page*/
{
	width: 95%; /*largeur de la page*/
	margin-left: auto; /*page centrée à gauche*/
	margin-right: auto; /*page centrée à droite*/
	background: white; /*couleur fond d'ecran*/
	font-family: Arial,times, sans-serif; /*police*/
}
h4 /*propriété texte actalite surfboat*/
{
	position: absolute;
	top: 109px ; /*sera retenu par firefox*/
	top: 112px ;
	left: 7%;
}
a
{
	color: rgb(0,0, 255);
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.logo
{
	position: absolute;
	top: 0px;
	left: 5%;
}
h4
{
	font-size: large;
	font-family: Comic Sans MS;
	position: absolute;
	top: 200px;
	left: 15%;
}
									/*position carte et du texte*/
p								
{
	font-size: small;
	position: absolute;
	top: 250px;
	margin: auto;
	width: 70%;
	left: 15%;
}

#bande_laterale_g /*position bande coté*/
{
	width: 5%;
	height: 750px;
	position: absolute; /*position par rapport coin sup droit*/
	top: 0px; /*position / au haut de page tjs en positif */
	left: 0px; /*position / a la gauche de page tjs en positif */
	background: url("../images/deco_colonne.jpg") repeat-y; 
	background-attachment: scroll;

}
#bande_laterale_d  /*position bande coté*/
{
	width: 5%;
	height: 750px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/deco_colonne2.jpg") repeat-y; 
	background-attachment: scroll;

}

.vignette1 /*position des photos*/
{
	position: absolute;
	top: 350px;
	left: 32%;
	border: 1px solid black; /*cadre du menu*/
	}