body {
  font: 12px verdana,arial,helvetica,sans-sérif;
  background:#333333;
  text-align:center;
  margin:0;
}
#header {
	position:relative;
	top:0px;
	width:960px;
	height:387px;
	margin:0 auto;
	background:#888;
}
#head { position:absolute; top:0; left:0; z-index:2; }
#imageHaut { position:absolute; top:42px; left:0; z-index:1; }
#date {
	position:absolute;
	right:5px;
	top:7px;
	width:179px;
	height:35px;
	color:#fff;
	z-index:3;
}
#logo {
	position:absolute;
	left:119px;
	top:35px;
	width:413px;
	height:73px;
	z-index:3;
}

#mainpage {
	position:relative;
	margin: auto;
	width:960px;
	height:306px;
	background-image:url(../images/mainpage.png);
	text-align:left;
}

#actualites {
	position:absolute;
	left:555px;
	top:31px;
	width:130px;
	height:28px;
}
#actualiteBlock {
	position:absolute;
	left:559px;
	top:63px;
	width:374px;
	height:100px;
	overflow: hidden;
}

#bienvenueBlock {
	position:absolute;
	left:14px;
	top:75px;
	width:266px;
	height:227px;
}

#bienvenue {
	position:absolute;
	left:6px;
	top:8px;
	width:235px;
	height:63px;
}
#reservation {
	position:absolute;
	left:708px;
	top:176px;
	width:198px;
	height:33px;
}
#reservationBlock {
	position:absolute;
	left:772px;
	top:214px;
	width:170px;
	height:63px;
}
#reservationButton {
	position:absolute;
	left:781px;
	top:277px;
	width:112px;
	height:33px;
}



#footer {
	position:relative;
	margin: auto;
	width:960px;
	height:155px;
	text-align:left;
}

#icon-gallery {
	position:absolute;
	left:338px;
	top:55px;
	width:120px;
	height:21px;
}
#icon-contact {
	position:absolute;
	left:505px;
	top:55px;
	width:106px;
	height:22px;
}
#icon-ami {
	position:absolute;
	left:660px;
	top:56px;
	width:116px;
	height:21px;
}
#icon-favoris {
	position:absolute;
	left:816px;
	top:55px;
	width:139px;
	height:22px;
}
#bas {
	position:absolute;
	left:10px;
	top:77px;
	line-height:1.4em;
}
#logoArgeles {
	position:absolute;
	right:5px;
	top:89px;
	height:71px;
}

img { border:0; }
.bleu { color: #003366; }
.bleu2 { color:#033e6b; }
.jaune {color: #ffbc40; }
.white { color: #FFFFFF; }
.bold { font-weight: bold; }



/* ############### MENU ################ */
#menu {
  height:40px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  width:960px;
  border-bottom:4px solid #fff;
  border-top:10px solid #B3D1EF;
}
#menu li {
float:left;
padding:0;
}
#menu li a {
display:block;
left:0;
position:relative;
text-decoration:none;
top:0;
}
#menu li a:hover, #menu li a.select {
top:-44px;
text-decoration:none;
}

a.over { text-decoration:none; }
a.over:hover { text-decoration:underline; }
.right { text-align:right; }
.s11 { font-size:11px; }
.s14 { font-size:14px; }








#content {
  position:relative;
  width:960px;
  margin:0 auto;
  text-align:left;
  background:url(../images/main.gif) repeat-y;
}
#coloneLeft {
  float:left;
  width:244px;
  background-repeat:no-repeat;
	padding-bottom:170px;
}
#coloneRight {
  float:left;
  width:714px;
  background-repeat:no-repeat;
  background-repeat:repeat-x;
}
#ImageColone { position:absolute; bottom:0px; left:0; }