@charset "UTF-8";
/* CSS Document */

/*                     */
/*                     */
/*     Reset Style     */
/*                     */
/*                     */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img, a { 
	padding: 0;
	margin: 0;
	}
body{
background-color:#4f6067;
	}	
p{ 	
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin-top:8px;color:#413e2f;
	}
p span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	margin-top:8px;
	color:#13445E;
	}
p.miseAvant{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:4px;
	color:#255263;
	line-height: 20px;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
h1{
	display:block;
	width:130px;
	font-weight: normal;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	margin-left:43px;
	line-height: 15px;
	}
h1.H1text {color:#305B6B;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;margin-left:0;margin-top:16px; width:300px;}
address{
	display:block;
	width:166px;
	font-weight: normal;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	margin-left:43px;
	line-height: 15px;
	}	
		
h2{
	font-weight: normal;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#413e2f;
	text-align:left;
	margin-top:10px;
	}	
	
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
	
hr { 
	display:none;
	}

/*  mise en place generale */



div#contener{height:600px; width:950px;margin:5px auto; border:10px solid #FFF; background-color:#FFF;}
div#contG{height:600px; width:224px;float:left;}
div#contD{height:600px; width:726px; float:left;}

.clear{clear:both;}

div#copyright {
	display: block;
    clear: both;
	width: 950px;
	margin: 0 auto;
}
div#copyright p {
	padding: 4px 0 4px 228px;
	margin: 0;
	font-size: xx-small;
	color: #87A5B0;
}
div#copyright a {
	color: #9BBDC9;
	text-decoration: none;
}
div#copyright a:hover {
	color: #fff;
	text-decoration: underline;
}

div#contGContact { font-size: 0px; }

div#navcontainer { position: absolute; z-index: 10; height:31px; width: 725px; margin-top: 2px;}
div#navcontainer * {  }
div#navcontainer img, 
div#navcontainer a, 
div#navcontainer span,
div#navcontainer ul { display: block; padding: 0px; margin: 0px; border: 0px; font-size: 0px; line-height: 0px;}
div#navcontainer ul li { padding: 0px; margin: 0px;}
div#navcontainer ul li img, div#navcontainer ul li span {  float: left; }
div#navcontainer ul#navlists2 { 
	display: block; 
	position: absolute; 
	top: 28px;
	left: 0px;
	visibility: hidden;
}
div#navcontainer ul#navlists2 li { display: block; }
div#navcontainer ul#navlists2 li img, div#navcontainer ul#navlists2 li span { float: none; }

div#navcontainer ul#navlists3 { 
	display: block; 
	position: absolute; 
	top: 28px;
	left: 0px;
	visibility: hidden;
}
div#navcontainer ul#navlists3 li { display: block; }
div#navcontainer ul#navlists3 li img, div#navcontainer ul#navlists3 li span { float: none; }

div#flash {position: absolute; width: 725px; z-index: 0; font-size: 0px; margin-top:3px; };
div#contDHEspace{margin:3px 0 0 0;}

div#navcontainer span.spanmenu { width: 145px; height: 28px; }
div#navcontainer.menufr span#menu1 { background: url(/img/imgOnglets/OResidenceOff.png); }
div#navcontainer.menufr span#menu1:hover, div#navcontainer.menufr span#menu1.on { background: url(/img/imgOnglets/OResidenceOn.png); }
div#navcontainer.menufr span#menu2 { background: url(/img/imgOnglets/OStMartinOff.png); }
div#navcontainer.menufr span#menu2:hover, div#navcontainer.menufr span#menu2.on  { background: url(/img/imgOnglets/OStMartinOn.png); }
div#navcontainer.menufr span#menu3 { background: url(/img/imgOnglets/OTarifPOff.png); }
div#navcontainer.menufr span#menu3:hover, div#navcontainer.menufr span#menu3.on  { background: url(/img/imgOnglets/OTarifPOn.png); }
div#navcontainer.menufr span#menu4 { background: url(/img/imgOnglets/OReservationOff.png); }
div#navcontainer.menufr span#menu4:hover, div#navcontainer.menufr span#menu4.on  { background: url(/img/imgOnglets/OReservationOn.png); }
div#navcontainer.menufr span#menu5 { background: url(/img/imgOnglets/OServicesOff.png); }
div#navcontainer.menufr span#menu5:hover, div#navcontainer.menufr span#menu5.on  { background: url(/img/imgOnglets/OServicesOn.png); }

div#navcontainer span.spanmenus { width: 145px; height: 35px; }
div#navcontainer.menufr span#menus1  { background: url(/img/imgOnglets/SOAppartTOff.png); }
div#navcontainer.menufr span#menus1:hover  { background: url(/img/imgOnglets/SOAppartTOn.png); }
div#navcontainer.menufr span#menus2 { background: url(/img/imgOnglets/SOAppartDOff.png); }
div#navcontainer.menufr span#menus2:hover { background: url(/img/imgOnglets/SOAppartDOn.png); }
div#navcontainer.menufr span#menus3 { background: url(/img/imgOnglets/UtStudioOff.png); }
div#navcontainer.menufr span#menus3:hover { background: url(/img/imgOnglets/UtStudioOn.png); }