body {
background:#fff;
margin:0;padding:0;
height:100%;
}

p, h1, h2, h3, h4 {margin:0;padding:0;font-weight:normal;}
.clear {clear:both;height:1px;margin:0;padding:0;line-height:1Px;font-size:1px;visibility:hidden;}
.inner {margin:10px;}
.photoDroite {padding:3px;margin:0 0 10px 10px;border:1px solid #ccc;float:right;}
a img {border:0;}


#background {
background:transparent url(../img/bg-page-aquasud.jpg) top center repeat-x;
padding:0;
min-height:568px;
}

*html #background  {
height:568px;
}

#SubHeader {
background:#477898;
height:28px;
line-height:28px;
border-bottom:2px solid #fff;
}

#SubHeader p {
width:908px;
margin:0 auto;
padding:0;
text-align:right;
font-size:12px;
color:#fff;
}

#SubHeader p a:link, #SubHeader p a:visited {color:#fff;text-decoration:underline;}
#SubHeader p a:hover, #SubHeader p a:active {color:#fff;text-decoration:none;}

#container {
width:908px;
margin:0 auto;
background:transparent;
position:relative;
}

/* ################################### logo ########################### */


#logo {
position:absolute;
top:13px;
left:66px;
z-index:99;
background:transparent;
}

#logo span {
display:block;
text-indent:-5000px;
width:383px;
height:84px;
background:transparent url(../img/logo-aqua-sud-span.png) top left no-repeat;
top:11px;
left:123px;
position:absolute;
}

/* ################################### content ########################### */


#content {
padding:130px 10px 10px 10px;
}

#InnerContent {
background:#fff;
padding:5px;
position:relative;
}


/* ################################### menu ########################### */

#Containermenu {
height:39px;
background:#5fbbde;
border-bottom:4px solid #477898;
}

/* ################################### ColonneGauche ########################### */


#ColonneGauche {
width:230px;
background-color:#ecf1f4;
float:left;
}

*html #ColonneGauche {
position:relative;
}

.actus, .actualites {
padding:10px;
font-size:11px;
}


.actualites div {width:185px;}

.actualites h4, actus h4 {
font-size:12px;
font-weight:bold;
}

.actus img {
float:right;
}

.addresse {
background-color:#fff;
padding:10px;
font-size:14px;
text-align:center;
}


.actualites .date {
color:#477898;
font-size:10px;
letter-spacing:1px;
}


/* ################################### ColonnePrincipale ########################### */


#ColonnePrincipale {
margin-left:242px;
margin-top:20px;
overflow:hidden;
width:635px;
}

*html #ColonnePrincipale {
width:630px;
}

#ColonnePrincipale hr {
clear:both;
height:1Px;
margin:0;
padding:0;
font-size:1px;
line-height:1Px;
visibility:hidden;
}

#carte {
text-align:center;
}

#ColonnePrincipale a#RetourCarte {
display:block;
width:162px;
height:28px;
background:#fff url(../img/retour-carte.gif) top center no-repeat;
border:2px solid #ae846f;
text-align:center;
line-height:28px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#7a4b33;
font-size:14px;
float:right;
text-indent:15px;
position:relative;
}





/* ################################### FOOTER ########################### */


#footer {
background:#477898;
font-size:10px;
border-top:1px solid #ecf1f4;
border-bottom:1px solid #ecf1f4;
color:#fff;
height:37px;
line-height:37px;
text-transform:uppercase;
margin-bottom:20px;
}

#InnerFooter {
width:908px;
margin:0 auto;
}


#footer ul {
margin:0;
padding:0;
width:600px;
}

#footer ul li {
display:inline;
margin:0 10px;
list-style-type:none;
}

#footer p {
float:right;
width:282px;
text-align:right;
line-height:12px;
margin:7px 10px 0pt 0pt;
}


#footer a:link, #footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover, #footer a:active {color:#fff;text-decoration:underline;}