body{
background-color:#FFF;
padding:0;
margin:0;
color:#000;
font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

img{
border-style:none;
}

#header{
position:absolute;
top:0;
left:0;
height:47px;
width:100%;
background-color:#1A67A5;
margin-bottom:10px;
}

#gerzat{
position:absolute;
top:55px;
left:0;
}

#bienvenue{
position:absolute;
top:60px;
left:550px;
}

#viescolaire{
position:absolute;
top:140px;
left:37px;
}

#vieeco{
position:absolute;
top:160px;
left:25px;
}

#vieassoc{
position:absolute;
top:180px;
left:20px;
}

#viesociale{
position:absolute;
top:200px;
left:16px;
}

#urbanisme{
position:absolute;
top:240px;
left:16px;
}

#equipements{
position:absolute;
top:260px;
left:20px;
}

#patrimoine{
position:absolute;
top:280px;
left:25px;
}

#photos{
position:absolute;
top:180px;
left:250px;
}

#cadre1, #cadre2, #cadre3, #cadre4{
height:70px;
width:100px;
background-image:url("../images/angle.png");
background-repeat:no-repeat;
float:left;
padding:7.5px 15px;
z-index:2;
}

#contact{
position:absolute;
top:300px;
left:460px;
}

#mairie{
position:absolute;
top:330px;
left:420px;
}

#ville{
position:absolute;
top:360px;
left:380px;
}

#agenda{
position:absolute;
top:390px;
left:340px;
}

#evenement{
position:absolute;
top:340px;
left:600px;
height:75px;
width:170px;
background-image:url("../images/actu.png");
z-index:5;
}

#evenement p{
padding:0.3em;
margin:0;
text-align:center;
font-size:small;
font-weight:bold;
}

#evenement a{
text-decoration:none;
color:#000;
}

#barrehaut{
height:30px;
width:auto;
background-color:#007A7A;
}

#footer{
position:absolute;
top:430px;
left:0;
height:44px;
width:100%;
background:url("../images/filethaut.png") repeat-x top left #1A67A5;
}