@charset "utf-8";
/* CSS Document */
* {
padding : 0;
margin : 0;
border : 0 none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #313131;
}
b{ font-size:12px }
h2 {
text-indent : -900%;
}
ul {
list-style-type : none;
}
a {
cursor:pointer;
text-decoration : none;
color : #313131;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
div.clear {
clear : both;
font-size : 0;
line-height : 0;
height : 0;
}
.labarmenu {
border-right : 2px solid #ccbba4; 
}
.textrouge {
color : #9d0d15;
}
.gras {
font-weight : bold;
}
#conteneur {
background:url(images/bg_conteneur.png) repeat-y;
margin : 0 auto;
width : 815px;
}
#contenu{
margin:0 auto;
background:#eff2ed url(images/bg_conteneur2.jpg) repeat-x left top;
width:776px;
padding-top:10px;
padding-left:17px;
}
#logo{ background:url(images/logo_chic_appartement.jpg) no-repeat;
width:340px; height:102px;
}
#header{ height:290px; width:100%; position:relative}
#palm{ position:absolute; right:80px; top:16px; background:url(images/palm.png) no-repeat; width:156px; height:230px;
}
#text_marrakech{ position:absolute; right:60px; top:50px; background:url(images/text_marrakech.png) no-repeat; width:230px; height:152px}
#text_pres{
width:328px; height:101px; background:url(images/bg_pres.jpg) repeat-x; border:1px solid #7f694b; position:absolute; 
left:20px; 
top:120px;
color:#FFFFFF;
padding:0px 10px 10px 10px;
}
#text_pres p{ display:block; padding-top:5px; }
#menu{position:absolute; top:252px; left:0px;}
#menu ul { width:600px; }
#menu ul li { float:left; padding:0px 25px 0px 25px; height:20px; line-height:20px;}
#menu ul li a{ display:block; background:url(images/puce_menu.jpg) no-repeat 0px 4px; color:#ffffff; font-weight:bold; padding-left:17px;}
#menu ul li a:hover{ background:url(images/puce_menu_hover.jpg) no-repeat 0px 4px; color:#f6b283}
#lang_site{ position:absolute;  top:252px; right:10px}
#lang_site ul li{ float:left; margin-right:5px;}
.active { background:url(images/puce_menu_hover.jpg) no-repeat 0px 4px; color:#f6b283}
#location_appartement_marrakech{ background:url(images/titre_loc_marr.png) no-repeat; width:352px; height:22px; position:absolute; top:290px; right:10px; }
#milieu{ position:relative; padding-top:50px; padding-left:0px;  width:100%;}
.floar_bg{background:url(images/zwa9a1.jpg) no-repeat right bottom;}
#gal_index{
width:530px; 
height:322px;
background-color:#cbceca;
border:1px solid #959794;
margin:0 auto;
}
p.presit{ display:block;width:530px; padding-left:20px; padding-top:40px; margin:0 auto;}
#footer{
margin:0 auto;
background:url(images/bg_footer.jpg) repeat-x left top; height:78px; width:793px; position:relative}
#footer ul{ position:absolute; top:23px; left:-12px; width:840px;}
#footer ul li{  float:left; font-size:12px; margin-left:30px;}
.liste_2appart{ padding-left:20px; padding-top:30px; height:254px; }
.appart_1{ width:345px; height:254px; border:1px solid #a3907c; background:url(images/font_liste.jpg) repeat-x; float:left; position:relative;   }
.marg_30{ margin-left:30px;}
.floare1_appart{background:url(images/floare_liste.png) no-repeat; position:absolute; top:-3px; right:-2px; width:46px; height:56px; }
.floare2_appart{ background:url(images/floar2_liste.png) no-repeat; width:15px; height:15px; position:absolute; top:-4px; left:-6px;}
div.appart_1 img{ position:absolute; bottom:10px; left:35px;}
#medina{ background:url(images/medina_appart.jpg) no-repeat; height:35px; width:81px; position:absolute; top:15px; left:20px;}
span.web_comment {
        display:block;
		background: url(images/font_desc.png) no-repeat ;
		padding:10px;
		position:absolute;
		left:2px;
		bottom:10px;
		width:330px;
		color:#ffffff;
		
	}
.puce_pres{ background:url(images/puce_pres.png) no-repeat; width:14px; height:12px; position:absolute; bottom:3px; left:10px; }
#menara{ background:url(images/menara_appart.jpg) no-repeat; width:83px; height:34px; position:absolute; top:15px; left:20px;}
#koutoubia{ background:url(images/koutoubia.jpg) no-repeat; width:110px; height:34px;position:absolute; top:15px; left:20px; }
#bahia{ background:url(images/bahia_appart.jpg) no-repeat; width:79px; height:35px;position:absolute; top:15px; left:20px; }






#box5{
	position:absolute;
	width:517px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:-1px;
}
#gal{position:relative;
overflow:hidden;
width:517px; height:310px; top:6px; left:6px;
}
.info{
	width:517px;
	height:20px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#ffffff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

span img{
	display:block;
	border:none;
}


#sous_menu_appart{
position: absolute;height:100px; width:700px; top:-11px; left:85px;
background:url(images/bg_sous_menu_appart.png) no-repeat;
}
#menu_appart{position:absolute; top:-20px; left:20px; }
a.sous_menu_appart1{ display:block; background:url(images/puce_sous_menu_appart.png) no-repeat right 10px; padding-right:20px; }

a.active_sous_menu_appart1 , a.sous_menu_appart1:hover{display:block; background:url(images/puce_hover_sous_menu_appart.png) no-repeat right 10px; padding-right:20px;}

a.sous_menu_appart{ display:block; background:url(images/puce_sous_menu_appart.png) no-repeat left 3px; padding-left:20px; }

a.active_sous_menu_appart , a.sous_menu_appart:hover{display:block; background:url(images/puce_hover_sous_menu_appart.png) no-repeat left 3px; padding-left:20px; }


#galrie_photo{
float:left;
margin-top:20px;
padding-left:20px;
}
#img_center{
width:523px;
height:313px;
border:1px solid #d1cbc0;
padding-left:0px;
padding-top:2px;
}
.floare2_appart2{ background:url(images/floar2_liste.png) no-repeat; width:15px; height:15px; position:absolute; top:-6px; left:-8px;}

#partie_desc{ width:725px; margin-left:20px; position: relative; height:1180px; padding-bottom:20px; }

#sous_menu_desc{ position:absolute; top:0px; right:-100px; background:url(images/bg_menu_desc.png) no-repeat; width:149px; height:254px; }

a.menu_desc{ display:block; background:url(images/puce_menu_desc.png) no-repeat  right top; padding-right:20px; text-align:right;
color:#9d0d15; font-size:11px;
 }
a.active_menu_desc,a.menu_desc:hover{display:block; background:url(images/puce_hover_menu_desc.png) no-repeat  right top;padding-right:20px; text-align:right;
color:#9d0d15;
}

#desc{ width:550px; position: absolute; top:0px; left:0px;  }

/******************************************************** tabs ********************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none!important;
    }
}

/* Hide useless elements in print layouts... */


/* the "fragments" which are the single tab areas. each tab is defined by a fragment. 
you can add as many as you want following the scheme "#fragment-x" */
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6, #fragment-7, #fragment-8, #fragment-9 {
margin-top:20px;
width:570px !important;
padding-top:17px;
max-width:720px;
}
#fragment-1 p, #fragment-2 p, #fragment-3 p, #fragment-4 p{ color:#000000; display:block; padding-top:20px; text-align:left; }
#fragment-1 b, #fragment-2 b, #fragment-3 b, #fragment-4 b{ color:#9d0d15;  }
.floar2_bg{background: url(images/floar3.png) no-repeat left bottom;}


#calendrierLegende {width:149px;margin:0 10px 0 5px; position: absolute; top:250px; right:-80px;}
#calendrierLegende LI {margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;line-height:16px;}
#calendrierLegende DIV {float:left;width:20px;height:20px;margin:0px 5px 0px 0px;border: 1px solid #A5A5A5;font-size:9px;text-align:center;vertical-align:middle;}

.cadreTableauCalendrier {float:left;margin:0 5px 5px 0px;border: 1px solid #cacaca;text-align:center;width:185px;height:158px;}
.cadreTableauCalendrier .moisCalendrier {font-weight:bold;background: transparent url(../images/fondDateCalendrier.gif) repeat-x left top;height:20px;text-align:center;width:100%;}
.cadreTableauCalendrier TABLE {padding:1px;}
.cadreTableauCalendrier TD {width:18px;height:18px;line-height:18px;}
.cadreTableauCalendrier .detailCalendrier {font-size:9px;color: #A5A5A5;}

.sais2  {font-size: 9px;background: #90ee90;}
.sais3   {font-size: 9px;background: #f0e68c;}
.sais4  {font-size: 9px;background: #FFB97C;}
.sais5  {font-size: 9px;background: #ff7973;}
.nd {font-size: 9px;background: #999999;text-decoration:line-through;}

.fondCalendrierSamedi2Haut { background: #90ee90 url(images/fondCalendrierSamediHaut.gif) no-repeat right bottom;}
.fondCalendrierSamedi2Bas { background: #90ee90 url(images/fondCalendrierSamediBas.gif) no-repeat left top;}

.fondCalendrierSamedi3Haut { background: #f0e68c url(images/fondCalendrierSamediHaut.gif) no-repeat right bottom;}
.fondCalendrierSamedi3Bas { background: #f0e68c url(images/fondCalendrierSamediBas.gif) no-repeat left top;}

.fondCalendrierSamedi4Haut { background: #FFB97C url(images/fondCalendrierSamediHaut.gif) no-repeat right bottom;}
.fondCalendrierSamedi4Bas { background: #FFB97C url(images/fondCalendrierSamediBas.gif) no-repeat left top;}

.fondCalendrierSamedi5Haut { background: #ff7973 url(images/fondCalendrierSamediHaut.gif) no-repeat right bottom;}
.fondCalendrierSamedi5Bas { background: #ff7973 url(images/fondCalendrierSamediBas.gif) no-repeat left top;}

#agneda_tarif{position:relative; width:600px;}


#tableauTarifs {float:left;width:565px; padding-top:10px; }
#tableauTarifs LI {float:left;padding:0 0 0 5px;border-bottom: 1px solid #d1cbc0;}

#loyer {font-weight:bold;float:left;line-height:23px;width:115px;background:#9d0d15;color:#FFFFFF;}
#semaine {font-weight:bold;text-align:center;font-weight:bold;float:left;line-height:23px;width:110px;background:#9d0d15;color:#FFFFFF;}
#weekend {font-weight:bold;text-align:center;float:left;line-height:23px;width:105px;background:#9d0d15;color:#FFFFFF;}
#nuitee {font-weight:bold;text-align:center;float:left;line-height:23px;width:105px;background:#9d0d15;color:#FFFFFF;}
#duree {font-weight:bold;text-align:center;float:left;line-height:23px;width:105px;background:#9d0d15;color:#FFFFFF;}

#tarifsTH {float:left;line-height:23px;width:115px;font-size:10px;background: #ff7973 url(images/barreSeparationBlancheGD.gif) no-repeat left center;}
#tarifsTHSemaine {text-align:center;float:left;line-height:23px;width:110px;font-size:10px;background: #ff7973 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsTHWeekend {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #ff7973 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsTHNuitee {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #ff7973 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsTHDuree {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #ff7973 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}

#tarifsH {float:left;line-height:23px;width:115px;font-size:10px;background: #FFB97C url(images/barreSeparationBlancheGD.gif) no-repeat left center;}
#tarifsHSemaine {text-align:center;float:left;line-height:23px;width:110px;font-size:10px;background: #FFB97C url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsHWeekend {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #FFB97C url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsHNuitee {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #FFB97C url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsHDuree {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #FFB97C url(images/barreSeparationBlancheGD.gif) no-repeat left top;}



#tarifsM {float:left;line-height:23px;width:115px;font-size:10px;background: #f0e68c url(images/barreSeparationBlancheGD.gif) no-repeat left center;}
#tarifsMSemaine {text-align:center;float:left;line-height:23px;width:110px;font-size:10px;background: #f0e68c url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsMWeekend {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #f0e68c url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsMNuitee {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #f0e68c url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsMDuree {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #f0e68c url(images/barreSeparationBlancheGD.gif) no-repeat left top;}

#tarifsB {float:left;line-height:23px;width:115px;font-size:10px;background: #90ee90 url(images/barreSeparationBlancheGD.gif) no-repeat left center;}
#tarifsBSemaine {text-align:center;float:left;line-height:23px;width:110px;font-size:10px;background: #90ee90 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsBWeekend {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #90ee90 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsBNuitee {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #90ee90 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}
#tarifsBDuree {text-align:center;float:left;line-height:23px;width:105px;font-size:10px;background: #90ee90 url(images/barreSeparationBlancheGD.gif) no-repeat left top;}

#detailDisponibilites{color:#000000; display:block; text-align:left }
#detailDisponibilites span{ color:#9d0d15; font-weight:bold}

#detailTarifs{color:#000000; display:block; text-align:left }
#detailTarifs span{ color:#9d0d15; font-weight:bold}

#situation{color:#000000; display:block; float:left; width:240px; padding-right:20px; }
#situation span{ color:#9d0d15; font-weight:bold; font-size:12px;}

input,textarea { border:1px solid #cebca5 }
.champ_contact{ width:200px;}
.text_vert{ padding-right:20px;}
#form_reserver { width:540px; text-align:right; position: relative}
#floar_from{ background:url(images/zwa9a_form.png) no-repeat; width:112px; height:112px; position:absolute; left:20px; top:90px;}

ul.desc_loc{list-style:url(images/puce_desc.png); padding-left:20px;}
ul.desc_loc li{ padding-bottom:5px; }

.note{color:#000000; display:block; text-align:left }
.note span{ color:#9d0d15; font-weight:bold}

#floar_from_c{ background: url(images/floral_contact.png) no-repeat ; width:244px; height:277px; position:absolute; right:-236px; top:130px; z-index:1000;}

#form_contact{ width:530px; text-align:right; padding-right:10px; position: relative}
#g_plan{ background:url(images/agrandir.png) no-repeat; width:71px; height:30px; }
#lien_plan{ display:block; background:url(images/loup2.png) no-repeat left top; color:#9d0d15; height:30px; padding-left:30px; padding-bottom:20px; width:235; position:absolute; top:-10px; right:-10px;}
#img_plan{ float:left; margin-left:40px; border:1px solid #cec7bb;}
#agrandi_plan{ clear:both; width:550px; position:relative}

/***************************** calendrier *****************************************/

#tab1 {
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	background-color: #666;
}
#tab1 #pos table {
	border: 2px solid #933;
	float: left;
	width: 150px;
    height: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
    background-color: #EFF2ED;
	margin: 2px;
	margin-left:15px; 
}
#tab1 #pos table tr td {
border: solid 2px #EFF2ED;
height: 16px;
width: 16px;
}
.s_th{
  font: Verdana bolder;
}