* {
	margin:0;
	padding:0;
}
html {
	height:100%;
}
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#676767;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	height:100%;
	background:url('../img2/bg1.jpg') center repeat-y #FFF;
}
#div_h1 {
	margin-left:37px;
	width:920px;

	height:3px;
	background:#006;
	display:block;
}

#center {
	position: absolute;
	left: 50%;
	width: 1000px;
	margin:0px 0px 0px -500px;
	padding-left:0px;
	padding-right:0px;
}
/* hack ie*/
* html #center {
	height: 100%;
}

#img_strip {
	float:left;
	overflow:hidden;
	text-align:center;
}
.img_strip_lrg {
	width:700px;
	padding-left: 2px;
	float:left;
	overflow:hidden;
}
.img_strip_sml #img_strip {
	width:350px;
	height:185px;
	padding-left: 2px;
}


#room_overview {
	display:inline;
	float:right;
	width:150px;
	margin-right:5px;
}
#room_contain {
	width:350px;
	height:100px;
}
#room_contain_fr {
	width:350px;
	height:115px;
}
#room_contain_de {
	width:350px;
	height:130px;
}

#facility_contain {
	width:680px;
	
}
#facility_overview {
	display:inline;
	float:right;
	width:250px;
	margin-right:5px;
}



.red_link {
	color:#d93d12;
}



/*////////////////////////////////////////////////////////*/
.bolder {
	font-weight:bolder;
	font-size:1em;
}
.green_bolder {
	color:#517f7c;
	font-weight:bolder;
	font-size:1em;
}
.bolder_ok {
	color:#00CC33;
	font-weight:bolder;
	font-size:1em;
}
.brake_line {
	height:2px;
	background-color:#00C;
}
/*///////////////////////////////////////////////////////*/
SELECT, TEXTAREA, FILE, TEXT {
	font-family: Verdana, Arial, sans-serif;
	background-color:#fcfcfc;
	border:#517f7c 1px solid;
	color:#517f7c;
	font-size: 10px;
}
p {
	text-align:justify;
	margin:5px 2px 0px 4px;
	color: #666;
}
img {
	border:0px;
}
.input {
	color:#676767;
	font-size: 10px;
}
h1 {
	font-family: Tahoma, verdana, helvetica;
	font-size:16px;
	height:20px;
	color:#006;
	margin:0px;
	padding:3px 0px 0px 5px;
}
h2 {
	font-family: Tahoma, verdana, helvetica;
	font-size:16px;
	height:20px;
	color:#006;
	margin:0px;
	padding:3px 0px 0px 0px;
	text-align:left;
}
h3 {
	font-family: Tahoma, verdana, helvetica;
	font-size:16px;
	height:20px;
	margin:0px;
	padding:3px 0px 0px 0px;
	text-align:center;
	font-weight:100;
	color: #0C0064;
}
a {
	font-size: 1.4em;
	color: #006;
}
tr {
	margin:10px;
}
td {
	vertical-align:middle;
}
ul, ol {
	margin:auto 0 1em 0;
	padding:0;
	overflow:hidden;
}
li {
	margin-top:0.1em;
	margin-bottom:0.1em;
}
ul ul, ul ol, ol ol, ol ul {
	margin-left:1em;
	padding-left:0;
}
ul li, ol li {
	margin-left:3em;
	padding-left: 2px;
}
li li {
	margin-left:1em;
}
.imageSmall {
	float:left;
	margin:1px 0 0 0 !important;
	padding:0 0 1px 0;
	width:207px;
	height:72px;
}
.hr {
	clear: both;
	visibility: hidden;
	height:0px;
	border:0px;
	margin:-2px 0;
}
.selected {
	font-weight:bolder;
}
.titre {
	color:#d93d12;
	margin:0px 0px 0px 8px;
	font-weight:bolder;
	display:block;
	height:25px
}
.sub_title {
	color:#006;
	display:block;
	margin:0 0 0 12px;
	font-weight:bolder;
	height:15px;
	font-size:0.8em;
}

/*////////////////////////header////////////////////*/
div#header {
	position:relative;
	left:37px;
	width:920px;
	height:80px;
}
#header_left {
	width:306px;
	float:left;
	display:inline;
	margin:0px;
	padding:50px 0px 0px 0px;
	border:0px;
}

#logo {
	width: auto;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	border:0px;
	float: left;
	display:inline;
}
#top_menu {
	width: 650px;
	float:left;
	margin:5px 0 0 10px;
	display:inline;
	text-align:right;
	overflow: hidden;
}
.headertoright {
	margin:25px 0 0 0;
	float:right;
}
.Toright {
	margin:0px;
	border:0px;
	float:right;
}
/*////////////////////////header EOF////////////////////*/

/*/////////////////////// Top Flash Row for home page //////////////////*/
div#main_img {
	height:210px;
	left:10px;
	position:relative;
	width:910px;
	margin:2px 0px 0px 0px;
}
#main_img_trans {
	height:25px;
	width:910px;
	left:37px;
	position:relative;
}
#main_imgs {
	height:210px;
	width:940px;
	left:37px;
	position:relative;
}
/*///////////////////// main EOF /////////////////////*/

/*///////////////////// Contenu /////////////////////*/

/*///////////////////// Contenu /////////////////////*/

div#contenu {
	position:relative;
	float:left;
	left:37px;
	width:920px;
	overflow: hidden;
	display:block;
}
.footer {
	position:relative;
	float:left;
	left:37px;
	width:920px;
	height:17px;
	border-bottom:#afd1cf 1px solid;
}
div#menu {
	float : left;
	width : 180px;
	height: 439px;
}
.bloc_l {
	position:relative;
	float:left;
	width:180px;
	margin : 0px;
	padding:0px;
	display:inline;
}
.bloc_r {
	position:relative;
	float:right;
	width:730px;
	margin : 0px;
	padding:0px;
	display:inline;
	overflow: hidden;
}
.menu_h {
	position:relative;
	float:left;
	width:180px;
	height:56%;
	margin-top:6px;
	padding:0px;
	display:inline;
}
.menu_h a {
	color:#006;
	font-size:1.3em;
	font-weight:bolder;
	text-decoration:none;
	margin-left:5px;
}
.menu_h #content1 {
	background:url(../images/bg2.gif);
	margin:2px 0px 0px 0px;
	padding:4px;
	border:#517f7c 1px solid;
	width:auto;
}
.menu_b {
	position:relative;
	float:left;
	width:180px;
	margin: 20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
}
.menu_b a {
	color:#006;
	font-size:1em;
	font-weight:bolder;
	text-decoration:none;
	margin-left:5px;
}

.tripadvisor a {
	color:#006;
	font-size:1em;
	font-weight:bolder;
	text-decoration:none;
	margin-left:5px;
}


.menu_b #content2 {
	background:url(../images/bg2.gif);
	margin:2px 0px 0px 0px;
	padding:4px;
	border:#517f7c 1px solid;
	width:auto;
}

#content {
	background:url(../img2/bg2.gif);
	margin:2px 0px 0px 0px;
	padding:4px;
	border:#517f7c 1px solid;
	width:auto;
}
.bloc2 {
	float:right;
	width:730px;
	margin:6px 0px 0px 6px;
	padding:0px;
	display:inline;
	overflow: hidden;
}
.bloc2 #content, #contentIndex {
	margin:2px 0px 0px 0px;
	padding:5px 0px 0px 6px;
	border:#afd1cf 1px solid;
}
.contentIndex {
	width:720px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
}
.contentIndexBt {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 6px;
	clear:both;
}
.info_r {
	width:350px;
	display:inline;
	float:left;
}
.info_l {
	padding:0px 0 0 10px;
	width:350px;
	display:inline;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
.prices {
	padding:0px 0 0 10px;
	width:700px;
	display:inline;
	float:left;
	margin-right:10px;
	overflow: hidden;
}
.tips {
	padding:0px 0 0 10px;
	width:700px;
	display:inline;
	float:left;
	margin-right:10px;
	overflow: hidden;
}
.tips h3 {
	text-align:left;
}

.tips a {
	font-size: 1.2em;
	color: #006;
	text-decoration:none;
}

.tips li {
	color:#006;
}

.attract_l {
	padding:0px 0 0 10px;
	width:350px;
	display:inline;
	float:left;
	margin-right:10px;
}
.attract_l a {
	font-size:1em;
}
.attract_l p {
	line-height:1.5em;
}
.attract_l h2 {
	text-align:left;
}
.attract_r {
	width:350px;
	display:inline;
	float:left;
}
.attract_r h2 {
	text-align:left;
}
.info_l_bt {
	padding:10px 0 0 10px;
	width:350px;
	display:inline;
	float:left;
	margin-right:10px
}

/*//////////////////// affiche riad home ///////////////////////////*/

.pro_name {
	color:#517f7c;
	font-size:11px;
	font-weight:bolder;
}

.pro_size {
	color:#517f7c;
	font-size:1.2em;
	font-weight:bolder;
}

.pro_intro {
	font-size:1.2em;
}
.pro_overview {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	text-align:justify;
	color:#676767;
	padding:0px;
	margin:5px 0 0 0;
	width:350px;
	float:left;
	display:inline;
}
.pro_attractions {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	text-align:justify;
	color:#676767;
	padding:0px;
	margin:5px 0 0 0;
	width:350px;
	float:left;
	display:inline;
}
.pro_prices {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	text-align:justify;
	color:#676767;
	padding:0px;
	margin:5px 0 0 0;
	float:left;
	display:block;
	width: 700px;
}
.info_footer {
	margin-top:10px;
}

.pro_price {
	font-family: Tahoma, verdana, helvetica;
	font-weight:bolder;
	font-size: 12px;
	color:#d34418;
	padding:0px;
	margin:0px;
}
.home_price {
	font-family: Tahoma, verdana, helvetica;
	font-weight:bolder;
	color:#d34418;
	padding:0px;
	margin:0px;
}
.room_size {
	font-family: Tahoma, verdana, helvetica;
	font-weight:bolder;
	color:#d34418;
	padding:0px;
	margin:0px;
	font-size:1.2em;
}


#pro_imgs {
	width:218px;
	padding:0px 0px 0px 5px;
	height:218px;
	display:block;
}




.footer_block {
	display:inline;
	float:left;
	width:165px;
	height:200px;
	margin:0 8px 5px 5px;
	overflow:hidden;
}
.footer_block_border {
	background:url(img2/line_footer.gif) right center no-repeat;
}
.footer_block a {
	padding-left:6px;
	width:165px;
	display:block;
	line-height:15px;
}
.footer_block a:hover {
	color:#d34418;
}
.footer_block h1 {
	margin-bottom:5px;
}
.facebook {
	background:transparent url(../img2/social/facebook.gif) no-repeat scroll left center;
	padding:0 0 0 20px;
	text-decoration:none;
}
#footer_content {
	width:920px;
	height:200px;
	margin-bottom:10px;
	border-bottom:1px solid #E5E5E5
}
/*///////////////////// Footer Contents /////////////////////*/

div#footer_box {
	position:relative;
	float:left;
	clear:both;
	left:37px;
	width:920px;
	margin:2px 0px 0px 0px;
}
.separator {
	color:#517f7c;
	margin:0px 3px 0px 3px;
}
.menu_footer {
	color:#676767;
	
	margin:8px;
	text-decoration:none;
}
.menu_footer a {
	color:#676767;
	text-decoration:none;
	font-size:1.1em;
	margin-bottom:3px;
}

/*////////////////////////////    Future use for online calender       ////////////////////////////////*/
/* #modif_date{
	position:relative;
	float:left;	
	left:28px;
	width:940px;
	height:62px;
	background-image:url(../img2/mod_bg.gif);
	background-position:bottom;
}

#calander{
	border:#83aba9 1px solid;
	margin:6px 0px 0px 20px;
	height:40px;
	width:900px;
	background-image:url(../images/cal_bg.jpg);
	background-repeat:repeat-y;
	background-position:top;
	
}

#modif_date_resa{
	position:relative;
	float:left;	
	left:28px;
	width:940px;
	height:90px;
	background-image:url(../images/mod_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#calander_resa{
	border:#83aba9 1px solid;
	margin:3px 0px 0px 20px;
	height:65px;
	width:900px;
	background-image:url(../images/cal_bg.jpg);
	background-repeat:repeat-y ;
	background-position:bottom;
}


.clander_dispo{
	width:200px;
	float:left;
}

.cal_dispo_day{
	color:#afd1cf;
	font-weight:bolder
}

.day_s1{
	margin-right:4px; 
	background-color:#d3d3d3;
	color:#FFFFFF;
	text-align:center;
	font-weight:bolder;
	font-size:9px;
	height:10px;
	width:10px
}

.day_s2{
	margin-right:4px; 
	background-color:#9b9b9b;
	color:#FFFFFF;
	text-align:center;
	font-weight:bolder;
	font-size:9px;
	height:10px;
	width:10px
}

.imagePetite{
	float:left;
	margin:0 0 0 0 !important;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	width:207px;
	height:70px;
}

#pro_imgs{
	width:218px;
	padding:0px 0px 0px 5px;
	height:218px;
	display:block;
}

#login_container{	
	width:190px;
	height:50px;
	position:relative;
	left:666px;
}
#login_translucentbkg {
   width:240px; 
   height:140px;    /* to match DIVs size          
   background-color: #ffffff;       /* the background              
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   left:650px;
   border:1px #000000 solid;
   
}
#login{
	width:180px;
	height:70px;
	position: absolute;
	background-color: transparent;   /* transparent background      
	z-index: 5;                      /* place it over the other DIV 
	padding: 2px 0 0 10px;
}
#login_close{
	top:1px;
	left:218px;
	height:20px;
	width:10px;
	position:relative;
	display:block;
	cursor:pointer
}
.date {
	background: #FFFFFF url(../img2/calendar.png) right no-repeat;
	width:100px;
	float:none;
	height:20px;
}
label {
	display:block;
	font-size:12px;
	font-weight:bold;
	border-bottom:#999999 1px solid;
	margin-bottom:5px;
}

*/

