body {
	background-image:url(../images/bg_homepage.jpg);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	text-align:left;
}

#wrapper {
	width:958px;
	margin:auto;	
}


#wrapper #leftcol{
	width:730px;
	float:left;
	padding-top:40px;
}
#wrapper #leftcol #logo{
	width:126px;
	height:130px;
	float:left;
	padding-left:15px;
	padding-top:24px;
}
#wrapper #leftcol #intro{
	width:550px;
	float:left;
	padding-left:15px;
}
#wrapper #leftcol #intro h1{
	font-family:arial;
	color:#333;
	font-size:18px;
}
#wrapper #leftcol #intro .txt{
	padding-top:10px;
	font-size:12px;
	color:#333;
	text-align:justify;
	line-height:19px;
}
#wrapper #leftcol #intro .txt p{
	line-height:19px;
}
#wrapper #leftcol #intro #corsica {	
	height:130px;
	float:right;
	width:85px;
	text-align:right;
}
#wrapper #leftcol #intro #corsica img {	
	height:130px;
}
#wrapper #leftcol div.etablissement{
	clear:left;
	background-image:url(../images/mask_homerectangle.png);
	background-repeat:no-repeat;
	width:730px;
	height:160px;
	padding:18px;
}
/*
	Promos résidence
*/
#wrapper #leftcol div.etablissement#resaja div#promo1 {
	position: absolute;
	margin-top:90px;
	margin-left:10px;
	z-index: 20; 
	width:195px;
	text-align:center
}
#wrapper #leftcol div.etablissement#resaja div#promo1 a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#wrapper #leftcol div.etablissement#resaja div#promo2 {
	position: absolute;
	margin-top:122px;
	margin-left:210px;
	z-index: 20; 
	width:195px;
	text-align:center
}
#wrapper #leftcol div.etablissement#resaja div#promo2 a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#wrapper #leftcol div.etablissement#resaja div#promo3 {
	position: absolute;
	margin-top:122px;
	margin-left:410px;
	z-index: 20; 
	width:195px;
	text-align:center
}
#wrapper #leftcol div.etablissement#resaja div#promo3 a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}


#wrapper #leftcol div.etablissement div.promoweekend {
	position: absolute;
	margin-top:120px;
	margin-left:5px;
	z-index: 20; 
	width:205px;
	text-align:center
}
#wrapper #leftcol div.etablissement div.promoweekend a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#wrapper #leftcol div.etablissement div.hot_promo1,
#wrapper #leftcol div.etablissement div.hot_promo2,
#wrapper #leftcol div.etablissement div.res_promo1,
#wrapper #leftcol div.etablissement div.res_promo2,
#wrapper #leftcol div.etablissement div.res_promo3{
	position: absolute;
	margin-top:112px;
	z-index: 20; 	
	text-align:center;
}
#wrapper #leftcol div.etablissement div.hot_promo1 a,
#wrapper #leftcol div.etablissement div.hot_promo2 a,
#wrapper #leftcol div.etablissement div.res_promo1 a,
#wrapper #leftcol div.etablissement div.res_promo2 a,
#wrapper #leftcol div.etablissement div.res_promo3 a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#wrapper #leftcol div.etablissement div.hot_promo1 {
	margin-left:5px;	
	width:205px;
}

#wrapper #leftcol div.etablissement div.hot_promo2 {	
	margin-left:205px;	
	width:205px;
	margin-top: 115px;
}
#wrapper #leftcol div.etablissement div.res_promo1 {	
	margin-left:5px;	
	width:205px;
}
#wrapper #leftcol div.etablissement div.res_promo2 {	
	margin-left:205px;
	margin-top: 115px;	
	width:205px;
}
#wrapper #leftcol div.etablissement div.res_promo3 {	
	margin-left:409px;
	margin-top: 115px;	
	width:205px;
}

/*
	Légendes classiques
*/
#wrapper #leftcol div.etablissement div.legende {
	position: absolute;
	margin-top:30px;
	z-index: 20; 
}

#wrapper #leftcol div.etablissement#resaja div.legende {
	margin-top:50px;
}
#wrapper #leftcol div.etablissement#hbia div.legende {
	margin-top:70px;
}

#wrapper #leftcol div.etablissement div.legende .fondtranslucide {
	width: 400px; height: 30px;     /* pour correspondre à la taille du DIV */
	background-color: #94938F;       /* la couleur de fond          */
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}

#wrapper #leftcol div.etablissement div.legende .texteopaque {
	color:#fff;
	font-weight:normal;
	font-size:16px;
	line-height: 30px;
	letter-spacing:1px;
	padding-left:15px;
	width: 400px; height: 30px;     /* pour correspondre à la taille du DIV */
	background-color: transparent;   /* fond transparent            */
	position: absolute;              /* positionnement absolu       */
	z-index: 22;                      /* placement sur l'autre DIV   */
}
#wrapper #leftcol div.etablissement div.legende .texteopaque a {
	color:#fff;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	display:block;
	background-image:url(../images/puce1.png);
	background-repeat:no-repeat;
	background-position:right 50%;
	width:375px;
}

#wrapper #leftcol div.etablissement div.pics {	
	width:695px;
	height:162px;
}
#wrapper #leftcol div.etablissement div.pics img {	
	width:695px;
	height:162px;
}


#wrapper #leftcol p:first-letter{font-size:18px;float:left}

#wrapper #rightcol{
	width:228px;
	float:left;
	text-align:center;
	padding-top:6px;
}

#wrapper #rightcol #seminaires{
	background-image:url(../images/bg_home_seminaires.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:400px;
	padding:0px 0px 0px 0px;
}

#wrapper #rightcol #seminaires h2{
	color:#fff;
	font-size:26px;
	font-weight:normal;
	text-align:left;
	padding:25px 25px 10px 25px;
	height:64px;
	margin:0px;
}

#wrapper #rightcol #seminaires p.text{
	text-align:justify;
	color:#350C17;
	font-size:13px;
	padding:0px 25px 10px 25px;
	height:65px;
	margin:0px;
}

#wrapper #rightcol #seminaires p.seemore{
	text-align:right;	
	padding:0px 25px 8px 25px;
	height:20px;
}


#wrapper #footer a {
	color:#000;
	text-decoration:none;
}
#wrapper #footer a:hover {
	text-decoration:underline;
}


#wrapper #footer {
	clear:left;
	text-align:center;
	font-size:11px;
}
#wrapper #footer .seealso {
	float:left;
	width:275px;
}
#wrapper #footer .clearleft {
	clear:left;
}
#wrapper #footer .seealso h3 {
	font-family:georgia;
	font-size:11px;
	color:#000;
	padding:5px;
	font-weight:normal
}
#wrapper #footer .seealso#ourresidences, 
#wrapper #footer .seealso#ourseminaires {	margin-left:12px;}

#wrapper #footer .seealso#ourhotels h3 {	background-color:#F0F0F0}
#wrapper #footer .seealso#ourresidences h3 {	background-color:#EBEBEB}
#wrapper #footer .seealso#ourseminaires h3 {	background-color:#E5E5E5}

#wrapper #footer .seealso p {
	text-align:left;
	color:#000;
	font-size:10px;
}
#wrapper #footer .seealso p a {
	color:#333;
}

#wrapper #languages{	
	text-align:center;
	padding-top:10px;
}
#wrapper #languages ul{	
	list-style-type:none;
	padding:0px;
	margin:0px 0px 10px 0px;
}
#wrapper #languages ul li{	
	display:inline;
	padding:2px 5px 0px 5px;
	margin:0px;	
	text-align:center;
}
#wrapper #languages ul li a{
	padding:0px;
	margin:0px;	
}
#wrapper #languages ul li.current_siteaccess{	
	border:1px solid #999;
}