body
{
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
margin: 10px 0 ;
padding: 0 ;
background-color:#E4E4E4;
}
 
#hdp{
	width: 680px;
	height: 210px;
	position: absolute;
	left: 43px;
	top: 64px;
 }
 
 #gdp
{
width: 1000px;
height: 400px;
position: absolute;
margin-left: 2%;
}

.menu {
  width: 25%;
  height: 410px;
  float: left;
  color: black;
  list-style-image: url(iconelist.png);
  margin-left: 8px;
  }
  
  a:hover{
color: blue;
}


.sitereconstr {
text-align: left;
font-size: 33px;
font-weight: bold;
  width: 25%;
  height: 810px;
  float: left;
  color: black;
}


a
{
color: purple;
font-weight: bolder;
font-size: medium;
}

.menu2
{
width: 950px;
height: 400px;
position: absolute;
left: 30%;
}

#pp
{
width: 640px;
height: 900px;
position: absolute;
color: purple;
top: 4180px;
text-align: left;
left: 56px;
margin-left: 2%;
}

.frise1
{
	position: absolute;
	width: 100%;
	height: 27px;
	background-image: url(frise1.png);
	top: 1505px;
	left: 0px;
}

.frise2
{
	position: absolute;
	width: 100%;
	height: 27px;
	background-image: url(frise1.png);
	top: 1800px;
	left: 0px;
}

.frise22
{
position: absolute;
width: 255px;
height: 349px;
top: 815px;
left: 165%;
}

a
{
text-decoration: none;
font-weight: bold;
color: purple;
}

a:hover
{
color: blue;
}

.info {
margin-left: 1%;
font-size: 13px;
width: 400px;
}

.teleph
{
text-align: left;
margin-left: 4%;
font-size: 11px;
}

.contour {
	text-align: center;
	border: 1px solid purple;
	height: 2100px;
	position: absolute;
	right: 8px;
	width: 459px;
	float: right;
	color: purple;
	top: 265px;
}


.adr {
text-align: left;

font-size: 11px;
color: purple;
margin-left: 4px;
}

.envoimail {
text-align: left;
font-weight: bold;
font-size: 13px;
color: purple;
margin-left: 8px;
}

.baspageaccueil {
text-align: left;
font-size: 11px;
color: purple;
margin-left: 4px;
width: 25%; 
margin-left: 28%;
}