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*/
	overflow: visible;
}
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: 1090px;
	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: 1090px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/deco_colonne2.jpg") repeat-y;
	background-attachment: scroll;
}

#annonce1  /*position annonce1*/
{
	width: 70%;
	height: 50%;
	position: absolute;
	top: 320px;
	left: 15%;
	padding-top: 5px;
	padding-bottom: 20px;
	border-color: black;
	border-width: 5px;
	background-color: none;
	
}
	
#texte_annonce1/*position texte annonce1*/
{
	position: relative;
	font-size: small;
	font-family: Arial,times, sans-serif; /*police*/
	text-align: center;
	top: 40px;
	left: 170px;
}

.vignette1 /*position des photos*/
{
	position: absolute;
	top: 50px;
	left: 0%;
	border: 1px solid black; /*cadre du menu*/
	
	
} 
	.vignette2/*position des photos*/
{
	position: absolute;
	top: 250px;
	left: 0%;
	border: 1px solid black;
	
	
}
	.vignette3/*position des photos*/
{
	position: absolute;
	top: 250px;
	left: 121px;
	border: 1px solid black;
	
	
} 
	.vignette4 /*position des photos*/
{
	position: absolute;
	top: 250px;
	left: 243px;
	border: 1px solid black;
	
} 

#annonce2 											/*position annonce2*/
{
	width: 70%;
	height: 50%;
	position: absolute;
	top: 700px;
	left: 15%;
	padding-top: 5px;
	padding-bottom: 20px;
	border-color: black;
	border-width: 5px;
	background-color: none;
	
}
	
#texte_annonce2/*position texte annonce1*/
{
	position: relative;
	font-size: small;
	
	font-family: Arial,times, sans-serif; /*police*/
	text-align: center;
	top: 60px;
	left: 170px;
}

.vignette5 /*position des photos*/
{
	position: absolute;
	top: 50px;
	left: 0%;
	border: 1px solid black; /*cadre du menu*/
	
	
} 
	.vignette6/*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 30px;
	border: 1px solid black;
	
	
}
	.vignette7 /*position des photos*/
{
	position: absolute;
	top: 300px;
	left: 235px;
	border: 1px solid black;
	
	
}