body
{
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
margin: 10px 0 ;
padding: 0 ;
background-color:#E4E4E4;
position: absolute;
width: 100%;
height: 100%
}
#hdp
{
width: 680px;
height: 210px;
position: absolute;
left: 102px;
top: 25px;
 }
 #gdp
{
	width: 824px;
	height: 29px;
	position: absolute;
	left: 22px;
	top: -4px;
}
 .menu1
{
	top: 270px;
	position: absolute;
	width: 466px;
	height: 84px;
	text-align: left;
	list-style-image: url(iconelist.png);
	left: 37px;
}

a
{
color: black;
font-weight: bold;
font-size: medium;
}
.menu2
{
	width: 264px;
	height: 89px;
	position: absolute;
	left: -81px;
	top: -2687px;

}

#pp
{
	width: 890px;
	height:1340px;
	position: absolute;
	color: white;
	text-align: left;
	list-style-image: url(note.png);
	color: black;
	left: -1px;
	top: 145px;
}
.frise1
{
	position: absolute;
	width: 1001px;
	height: 27px;
	background-image: url(frise1.png);
	top: 1852px;
	left:1px;
}
.frise2
{
	position: absolute;
	width: 924px;
	height: 27px;
	background-image: url(frise1.png);
	top: 689px;
	left: 26px;
}
.frise22
{
position: absolute;
width: 37px;
height: 31px;
top: 329px;
left: 186px;
}
a
{
text-decoration: none;
font-weight: bold;
color: purple;
}
a:hover
{
color: blue;
}
h1
{
color: purple;
text-decoration: underline;
}
.sign
{
	color: purple;
	position: absolute;
	left: -111px;
	bottom: -1390px;
	font-size: 12px;
	height: 134px;
	width: 238px;
}

.info {
margin-left: 4%;
font-size: 12px;
width: 400px;
}

.baspageaccueil {

font-size: 11px;
color: purple;
height:86px;
width: 55%; 
top: -2207px;


}