*{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
html{text-align:center; background:#1a1a1a url(../fond/bg_rh.jpg) repeat-x top left;}
#body{
	position:relative; text-align:left;
	margin-left:auto; margin-right:auto;
	width:990px;
}

#headerlogo{
	position:relative; float:left; display:block; z-index:2;
	width:550px;
}

#headerlogo2{
	position:relative; float:right; display:block; z-index:2;
	width:419px; height:105px;
	background:url(../element/logo_habitat2.png) no-repeat top left;
    top:10px; left:50px;
}

#logo{
	position:relative; float:left; display:block; z-index:2;
	width:300px; height:87px;
	margin-top:20px; margin-bottom:-5px;
	background:url(../element/logo_rh.png) no-repeat top left;
	text-indent:-99999px;
}
#logo a{display:block; width:200px; height:72px; outline:none;}
#baseline{
	position:relative; float:left; display:block;
	width:550px; text-align:left;
	color:#aeaeae; font-size:1.3em; font-style:italic; font-weight:bold;
}
#banner{
	position:relative; display:block; float:left; z-index:1;
	width:982px; height:202px;
	padding:4px; margin-bottom:-1px;
	background:#1a1a1a url(../fond/bg_banner_rh.gif) repeat-x top left;
}
.banner{width:982px; height:202px;}
#description{
	position:relative; display:block; float:none; z-index:3;
	width:270px; min-height:128px;
	padding-top:20px;
	padding-bottom: 10px;
	line-height: 18px;
	-background:url(../fond/bg_ombre.jpg) no-repeat top left;
	-text-align:center; color:#ffffff;
	margin-bottom: 10px;
	border-bottom: 2px dotted #555;
	font-weight:normal;
}#actures{
	position:relative; display:block; float:none; z-index:3;
	width:270px; min-height:128px; 
	padding-top:10px;
	padding-bottom: 10px;
	line-height: 18px;
	-background:url(../fond/bg_ombre.jpg) no-repeat top left;
	-text-align:center; color:#ffffff;
	margin-bottom: 10px;
	border-bottom: 2px dotted #555;
	font-weight:normal;
}
#actures a{
text-align:right;
display:block;
color:#00CCFF;
}


/* LISTE RESIDENCES */
#liste_residences{position:relative; float:left;margin-left:25px; width:635px; height:590px;  padding:25px; background:url(../fond/fond_.png) left top; margin-top: 20px;}
#list_res_title{text-transform:uppercase; color: #00BEFF; font-size:1.7em; font-weight:normal; margin-left:5px; margin-bottom:10px;text-align:left;background:url(../fond/flag_b.png) left bottom no-repeat; padding-left: 35px; padding-top:10px;} 
#liste_residences a{
	float:left; 
	color:#ffffff; font-size:1.5em; text-transform:uppercase; font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
	outline:none;
}
#liste_residences a strong {
	position:relative; float:left; display:block;
	width:100px; padding-left:28px; font-size:1.0em;
	background:url(../element/liste_res.gif) no-repeat center left;
}
#liste_residences a span{
	text-transform:none; font-size:12px;
	position:relative; float:left; display:block; 
	-background:url(../element/span_liste.gif) no-repeat -30px center;
	padding-left:0px;
	font-weight:normal;
	margin-top:3px;
}

#liste_residences h5{ color:#cb7b1c; text-transform:uppercase; font-weight:bold; font-size:1.2em; margin-left:15px; margin-top:15px; margin-bottom:5px; text-align: center;float:left;
 background:url(../fond/flag_y.png) no-repeat left bottom; display:block; height: 20px; padding-top: 16px; padding-left: 30px; }
#liste_residences ul{color:#ffffff; margin-left:40px;}
#liste_residences li{ list-style:square; margin-bottom:5px;}
#liste_residences li span{position:relative; display:block; float:left; width:65px;}

/* TOOLTIP */
#tooltip.fancy {
	width:276px; height:138px!important;
	background:url(../element/shadow2.png) no-repeat top left;
	height: 100px;	
	opacity: 1.0;
	border:0px;
}
#tooltip h3{display:none!important;}
#tooltip .body{width:250px; height:110px; margin-top:10px; margin-left:7px; text-align:left;}
#tooltip .body sup{font-size:0.6em;}

/* MAP */
#map{position:absolute; z-index:4; float:right; width:250px; top: 100px;right:40px;}

/* Actualites */
#actualites{position:relative; float:left; width:270px; min-height:250px;text-transform: uppercase;clear:both; margin-top: 20px;}

#actualites h6{color:#6e6e6e; font-size:1.4em; font-weight:bold; text-transform:uppercase;margin-left:5px; 	background:url(../fond/fond_5.png) top left; display:block; height: 35px; width: 160px;padding-top: 7px; padding-left: 30px;margin-top: -8px;}

#actu{width:970px; min-height:210px; height:auto!important;overflow:hidden; height:210px; background:#1a1a1a url(../fond/fond_3.png) no-repeat top left;margin-top:-3px; padding:10px;}
.actu{width:230px; color:#FFFFFF;padding-bottom:15px; border-bottom:1px dotted #ffffff; margin-bottom:5px;}
#lastactu{border-bottom:0px; margin-bottom:0px; padding-bottom:0px;}
.actu h5{color:#f09f45; text-transform:uppercase; font-size:1.3em; margin-top:5px; margin-bottom:5px;}
.actu img{border:1px solid #ffffff; float:left; margin-right:5px;}
.actu a{text-decoration:none; color:#ffffff;}
.actu a:hover{color:#f09f45;}

#allactu {
	height:180px;
	padding-right: 30px;
}
#allactu .actus {
	width: 300px;
	height: 180px;

}
/* CONTENU RUBRIQUES */

#contenu .backhome{display:block; text-align:right; color:#ffffff!important; margin-bottom:10px; background:url(../element/back.png) no-repeat top right; padding-right:17px;}

/* PIED */
#pied {text-align:center; margin-top:60px;margin-bottom: 30px;clear: both; }
#pied p{color:#6a6969; font-size:0.9em;}
#pied a{color:#6a6969;} #pied a:hover{color:#ffffff;}

/****  *****/
.spacer{display:block; clear:both;}

#mobile{display:none;}

/** reservation */

#reservation{
	width:980px; 
	background-color: #111111;
	margin:0;
	padding:5px; 
	margin-bottom:10px;
	margin-top: 30px;
	float: left;
	border: 1px solid #333;
	clear:both;
	padding-top: 8px;
}

#reservation .mpg_home {
	width: 75px;
	float:right;
	margin-top: -15px;
}

#reservation h3{ text-transform:uppercase; font-size:1.6em!important; color:#ffffff!important; background:url(../element/calendar.png) no-repeat top left; padding-left:35px!important; padding-top:2px!important;margin-top:0px!important; margin-bottom: 10px; }


#reservation input,textarea,select,button {color : #312E64; font-family : Verdana, Arial, Helvetica; font-size : xx-small; background-color:#FFFFFF;}
#reservation body {font-family : Verdana, Arial, Helvetica; font-size : x-small; color: #312E64; }
#reservation table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #312E64;	text-decoration: none; bgcolor: #FFFFFF;}
#reservation a:link {color: #312E64; font-family : Verdana, Arial, Helvetica; font-size : xx-small; }
#reservation .Style2 {	color: #A01323;	font-weight: bold; 	font-size : x-small; }
#reservation .Style {	color: #A01323;	font-weight: 	font-size : x-small; }
#reservation .Style1  {font-family : Verdana, Arial, Helvetica; font-size : xx-small; color: #A01323; font-style: italic; }
#reservation .Style3 { 	color: #312E64;	 font-family : Verdana, Arial, Helvetica; font-size : xx-small; }
#reservation .Style4 { 	color: #312E64;	 font-weight: bold; font-family : Verdana, Arial, Helvetica; font-size : xx-small; }

.colorwhite {color:white}


#reservation .fastbookinghome{color:#ffffff;margin-left:5px; margin-top:0px;}
#reservation .fastbookinghome select{background-color:#dddcdc; border:1px solid #ffffff;margin-top:0px}
#reservation .fastbookinghome .jour{width:40px; margin-right:2px; margin-bottom:0px;}
#reservation .fastbookinghome .mois{width:50px; margin-right:2px;}
#reservation .fastbookinghome .annee{width:70px;}
#reservation .fastbookinghome .nbnight{position:relative; float:left; width:105px; margin-right:10px; margin-bottom:;}
#reservation .fastbookinghome .nb_pers{position:relative; float:left; width:130px; margin-bottom:8px;}
#reservation .fastbookinghome .nb{width:105px; margin-bottom:15px;}
#reservation .fastbookinghome .nbpers{width:130px;}
#reservation .fastbookinghome .pass{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px; margin-bottom:10px; width:100px;}
#reservation .fastbookinghome .submit{border:1px solid #000000; background-color:#a6c5f0; width:120px; height:24px; font-weight:bold; font-size:1.1em; margin-top:0px; cursor:pointer;float:right;margin-right: 10px;}
#reservation .fastbookinghome .submit2{border: none;background-color:#111111;color: #FF0000; width:245px; height:24px; font-size:1.1em; margin-bottom:8px; cursor:pointer;}
#reservation .fastbookinghome a{display:block;color:#898989; text-align:center; text-decoration:none;}
#reservation .fastbookinghome .hotels {width: 245px;}
#reservation .fastbookinghome .children {width: 90px; float: left;}
#reservation .fastbookinghome .child {width: 80px;}
#reservation .fastbookinghome .code {float:left; width: 160px;margin-bottom: 15px;}
#reservation .fastbookinghome .jump {margin-bottom: 10px;}
#reservation .fastbookinghome .code2{margin-top: 3px; width:155px;height: 18px; border:none;}
#reservation .fastbookinghome .option{margin-top: 5px;}

#reservation2{
	width:260px; height:357px;
	background-color: #111111;
	margin:0;
	padding:0px; margin-bottom:10px;
	position:absolute;
	top: 30px;
	right:20px;
	border: 1px solid black;

}

#reservation2 .mpg_8 {
	width: 70px;
	float:right;

}

#reservation2 h3{ text-transform:uppercase; font-size:1.6em!important; color:#ffffff!important; background:url(../element/calendar.png) no-repeat top left; padding-left:35px!important; padding-top:2px!important;margin-top:0px!important; margin-bottom: 10px; }


#reservation2 input,textarea,select,button {color : #312E64; font-family : Verdana, Arial, Helvetica; font-size : xx-small; background-color:#FFFFFF;}
#reservation2 body {font-family : Verdana, Arial, Helvetica; font-size : x-small; color: #312E64; }
#reservation2 table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #312E64;	text-decoration: none; bgcolor: #FFFFFF;}
#reservation2 a:link {color: #312E64; font-family : Verdana, Arial, Helvetica; font-size : xx-small; }
#reservation2 .Style2 {	color: #A01323;	font-weight: bold; 	font-size : x-small; }
#reservation2 .Style {	color: #A01323;	font-weight: 	font-size : x-small; }
#reservation2 .Style1  {font-family : Verdana, Arial, Helvetica; font-size : xx-small; color: #A01323; font-style: italic; }
#reservation2 .Style3 { 	color: #312E64;	 font-family : Verdana, Arial, Helvetica; font-size : xx-small; }
#reservation2 .Style4 { 	color: #312E64;	 font-weight: bold; font-family : Verdana, Arial, Helvetica; font-size : xx-small; }

.colorwhite {color:white}


#reservation2 .fastbookinghome{color:#ffffff;margin-left:5px; margin-top:10px;}
#reservation2 .fastbookinghome select{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px}
#reservation2 .fastbookinghome .jour{width:65px; margin-right:2px; margin-bottom:15px;}
#reservation2 .fastbookinghome .mois{width:100px; margin-right:2px;}
#reservation2 .fastbookinghome .annee{width:70px;}
#reservation2 .fastbookinghome .nbnight{position:relative; float:left; width:105px; margin-right:10px; margin-bottom:;}
#reservation2 .fastbookinghome .nb_pers{position:relative; float:left; width:130px; margin-bottom:8px; margin-right: 10px;}
#reservation2 .fastbookinghome .nb{width:105px; margin-bottom:15px;}
#reservation2 .fastbookinghome .nbpers{width:130px;}
#reservation2 .fastbookinghome .pass{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px; margin-bottom:10px; width:145px;}
#reservation2 .fastbookinghome .submit{border:1px solid #000000; background-color:#a6c5f0; width:245px; height:24px; font-weight:bold; font-size:1.1em; margin-bottom:8px; cursor:pointer;}
#reservation2 .fastbookinghome .submit2{border: none;background-color:#111111;color: #FF0000; width:245px; height:24px; font-size:1.1em; margin-bottom:8px; cursor:pointer;}
#reservation2 .fastbookinghome a{display:block;color:#898989; text-align:center; text-decoration:none;}
#reservation2 .fastbookinghome .hotels {width: 245px;}
#reservation2 .fastbookinghome .children {width: 90px; float: left; margin-top: -15px;}
#reservation2 .fastbookinghome .child {width: 80px;}
#reservation2 .fastbookinghome .code {float:left; width: 160px;margin-bottom: 15px;}
#reservation2 .fastbookinghome .jump {margin-bottom: 10px;}
#reservation2 .fastbookinghome .code2{margin-top: 3px; width:155px;height: 18px; border:none;}


#left {
float:left}

#n_actu {
float:left;
height: 320px;dc ;
width: 270px;
margin-top: 10px;
}

#tableresidence img {
	border: white 4px solid;
	margin-right: 10px;

}
td.200px {
	width: 220px;
	}
td {
	vertical-align:top;
	}
	
#encart_bas {
	padding-top: 15px;
	margin-top: 20px;
	background: url(../fond/fond_4.png) -5px top;
	height: 100px;
	
	}
	
#encart_bas ul {
	float:right;
	margin-right: 20px;
	font-weight: 400;
	}
	
	
#actu .divactu {
	float:left;
	width: 280px;
	margin-left:20px;
	margin-right: 20px;
	color:#777;
	text-transform: none;
}

#actu #listactu{height: 200px;
	width: 8000px;
	position:relative;

}

.3actus{
	width:970px;height:210px;overflow:hidden;
}


#actu .divactu h3 a {
	color: #aaa;
	min-height: 55px;
	text-decoration:none;
	color:#cb7b1c;
	text-transform:uppercase;
	display:block;
	
}
#actu .divactu p{
	display:block;
	min-height:90px;

}

#actu .listflux {
	float:right;
	color: #00CCFF;
}

.news_style{// To indicate is news content
display:none;
}


.news_show // where news todisplay
{
position:absolute;/*important*/
background-color: white;
color:black;
font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
clip:rect(0px 350px 150px 0px);/*important*/
}


.news_border// wrap .news_news for border
{
background-color: white;
width:352px;
height:152px;
font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 1px solid gray;
padding: 5px 5px 5px 5px;
}


.news_mark // wrap images button and news title
{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 0px solid gray;
width:363px;
height:35px;
color:black;
text-align:center;
}


.news_title // news title display style
{
font: bold 120% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}


.news_show img // option this
{
margin-left: 5px;
margin-right: 5px;
}


.buttondiv // for images button
{
position: absolute;
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}
.news_move // for inside news slide style
{
position: relative; /*important*/
}
.mytable //fix inside news slide table
{
width:350px;/*important-- this control how many px to left or right*/
height:150px;
vertical-align: top;
}
#formulairepage_troyes_form {
	width: 300px;
	clear:both;
	float:right;
}
#formulairepage_troyes {
	width: 300px;
	padding:10px;
	border: 1px solid black;
	background:  #171717;
	box-shadow: 1px 2px 5px #000;
	float:right;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 20px;
}
#formulairepage_troyes span {
	width:120px;
	margin-bottom: 3px;
}
#formulairepage_troyes .ctext_troyes {
	width: 200px;
	height: 20px;
	font-size: 12px;
	border: 1px solid #333;
	float:right;
	margin-bottom: 3px;
}
#formulairepage_troyes .submit_troyes {
	width: 200px;
	background: #99CC00;
	border: 1px solid #000;
	margin-top: 20px;
	margin-left:70px;
	cursor:pointer;
}
#formulairepage_troyes fieldset {
	border:none;
}

#contenu{position:relative; float:left;width:938px;color:#ffffff;background:url(../fond/fond.png) center repeat-y; padding:25px;padding-top:10px;}

#contenu_bottom {
position:relative; float:left;width:938px;color:#ffffff;background:url(../fond/fond_bottom.png) no-repeat top center; padding:25px;padding-top:10px;
}

.resaligne {
position:absolute;
top: -30px;
left: 0;

}
#n_actu #contenu_ h3 {
color:#E2B339;
font-size: 14px;
margin-bottom: 20px;
text-transform: uppercase;
text-align:center;
}
#n_actu #contenu_ p {
color:#ccc;
font-size: 11px;
}
#n_actu a {
color: #E2B339;
}

#n_actu a:hover {
color:#333333;
}

#flags {
	width: 250px;
	float:right;
	margin-top: 100px;
}
#flags img {
	float:right;
	margin-left: 5px;
}