body
{
margin: 5px 0 ;
padding: 0 ;

font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #84add6  ;
}
div#conteneur
{
width: 770px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #2152a5 ;
background: #e4ecf3 ;
}
p#conteneur
{
Font-Family: Cursive;
font-size: 1em ;

}
div#pied
{
Font-Family: Cursive;
font-size: 1em ;
color: #fff ;

}
h1#conteneur
{
Font-Family: Cursive;
font-size: 0.9em ;
font-weight: bold ;
}
h1#header
{
height: 95px ;
margin: 0 ;
padding: 0;
background: url(hautnartelle.gif) no-repeat left top ;
}
h1#header a
{
width: 400px ;
height: 70px ;
display: block ;
background: url(title.gif) no-repeat ;
position: relative ;
left: 600px ;
top: 05px ;
}
h1#header a span
{
display: none ;
}
ul#menu
{
height: 20px ;
margin: 0 ;
padding: 0px ;
background: url(bouton.gif) repeat-x 0 -20px ;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
 width: 84px ;
line-height: 20px ;
Font-Family: Cursive;
font-size: 0.9em ;
font-weight: bold ;
letter-spacing: 1px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 1px solid #2152a5 ;
}
ul#menu li a:hover
{
background: url(bouton.gif) repeat-x 0 0 ;
}

ul#menureser
{
height: 20px ;
margin: 0 ;
padding: 0px ;
background: url(boutonreser.gif) repeat-x 0 -20px ;
list-style-type: none ;
}
ul#menureser li
{
float: left ;
text-align: center ;
}
ul#menureser li a
{
 width: 80px ;
line-height: 20px ;
Font-Family: Cursive;
font-size: 0.9em ;
font-weight: bold ;
letter-spacing: 1px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 1px solid #2152a5 ;
}
ul#menureser li a:hover
{
background: url(boutonreser.gif) repeat-x 0 0 ;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menuver {
	width: 200px;
	margin-top: 10px;
	}
	
#menuver li a {
        Font-Family: Cursive;
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#menuver li a:link, #menuver li a:visited {
	color: #000;
	display: block;
	background: url(menu.gif);
	padding: 8px 0 0 20px;
	}
	
#menuver li a:hover {
	color: #fff;
	background: url(menu.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
#menuver li a:active {
	color: #fff;
	background: url(menu.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}
















div#contenu
{
padding: 0px 50px 0px 100px ;

background: url(logonartelle.gif) no-repeat  ;

}
div#contenu h2
{
padding: 0px;
padding-left: 28px ;
line-height: 18px ;
Font-Family: Cursive;
font-size: 1.1em ;
background: url(parasol.gif) no-repeat left bottom ;
color: #2152a5 ;
border-bottom: 1px solid #2152a5 ;
}
div#contenu h3
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #2152a5 ;
border-left: 3px solid #2152a5 ;
color: #2152a5 ;
}
div#contenu h4
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #2152a5 ;
border-left: 3px solid #2152a5 ;
color: #2152a5 ;
}
div#contenu p
{
Font-Family: Cursive;
font-size: 1.0em ;
text-align: justify ;
text-indent: 2em ;
line-height: 1.2em ;

}
div#contenu a
{
color: #1a8 ;
}
div#contenu a:hover
{
color: #2152a5 ;
}

#footer
{
height: 10px ;
Font-Family: Cursive;
margin: 0 ;
font-size: 1.2em ;
padding-right: 10px ;
line-height: 20px ;
text-align: left ;
color: #ffffff ;
}



#mContainer {
	position:relative;
	margin:auto;
	width:650px;
	height:325px;
	border:1px solid #000;
	background-color:#84add6;
}

#imageContainer {
	position:absolute;
	width:300px;
	top:25px;
	left:105px;

}

#mContainer #imageContainer img {
	/*
	width:50px;
	height:50px;
	*/
	position:absolute;
	border:1px solid #000;

	cursor:pointer;
	-moz-opacity:.5;
	opacity:.5;
	filter:Alpha(opacity=50);
	z-index:100;
}


#imageDestination {
	position:absolute;
	top:12px;
	left:305px;
	width:350px;
	height:250px;
	border:1px solid #000;
       background: url(images/hotel-sainte-maxime-plage.jpg) no-repeat  ;
	z-index:0;
}

#controls {
	width:400px;
	position:relative;
	margin:auto;
	margin-top:50px;
	padding-top:10px;
	font:9px verdana;
	border-top:2px solid #000;
}

#caption {
	Font: 10px Cursive;


color: #FFFFFF ;

	position:absolute;
	left:300px;
	top:290px;
	width:400px;
}
#caption1 {
	font:9px verdana;
	position:absolute;
	font-weight: bold ;
	left:-150px;
	top:180px;
	width:400px;
}
#credits {
	position:relative;
	margin:auto;
	margin-top:20px;
	width:400px;
	font-family:verdana;
	font-size:9px;
}

hr {
	width:400px;
	height:1px;
	text-align:left;
	color:#000;
	background:#000;
	border-style:none;
	clear:both;
	margin:5px 0 5px 0;
}

#credits img {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border:1px solid #FFFFFF;
	width:180px;
	height:79px;
}
#so_oTickerContainer h1 {
	font:bold 0.9em verdana,arial;
	margin:0;
	padding:0;
}



#so_tickerAnchor, #so_oTickerContainer a {
	text-decoration:none;
	color:red;
	font:bold 0.9em arial,verdana;
	border-right:1px solid #000;
	padding-right:2px;
}

#so_oTickerContainer a {
	border-style:none;
}

#so_oTickerContainer ul {
	margin-top:5px;
}

#so_tickerDiv {
	display:inline;
	margin-left:5px;
}

#so_tickerH1 {
	font:bold 1.0em arial,verdana;
	display:inline;
}

#so_tickerH1 a {
	text-decoration:none;
	color:#000;
	padding-right:2px;
}

#so_tickerH1 a img {
	border-style:none;
}
.gsmsc-mapDiv {
      height : 400px;
    }

    .gsmsc-idleMapDiv {
      height : 400px;
    }

    #mapsearch {
      width : 500px;
      margin: 10px;
      padding: 4px;
    }