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*/
}	
a
{
	color: rgb(0,0, 255);
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

/*fin du style generale de la page*/

.logo/*position logo avec valeur class*/
{
	position: absolute;
	top: 2px;
	left: 5%;
}


#bande_laterale_g /*position bande coté*/
{
	width: 5%;
	height: 990px;
	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: 990px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/deco_colonne2.jpg") repeat-y; 
	background-attachment: scroll;

}
h4
{
	font-size: large;
	font-family: Comic Sans MS;
	position: absolute;
	top: 200px;
	left: 15%;
}
p
{
	font-size: small;
	position: absolute;
	top: 250px;
	text-align: justify;
	margin: auto;
	width: 70%;
	left: 15%;
}
.photo1
{
	position: absolute;
	left: 10%;
	right: 10%;
}

#rameur
{
	font-size: small;
	position: absolute;
	top: 750px;
	text-align: justify;
	margin: auto;
	width: 70%;
	left: 15%;
}










#pied_de_page /*position onglet*/
{
	
}