/* CSS Document */
body{padding:0px; margin:10px; background:#fff; color:#333; font:10px/14px Tahoma, sans-serif;}
h1{ font-size:18px; color:#2d7e97; padding-left:5px;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}
.spacer{font-size:0; line-height:10px; clear:both;}

/* TOP */

#top{width:1024px; height:90px; position:relative;  margin: 0 auto;}
#wrapper{width:1024px; height:auto; position:relative;  margin: 0 auto;}

#logo{width:186px; height:60px; position:absolute; top:0px; left:0px }
.headerright{position:absolute; top:0; left:210px; width:700px; text-align:right;}
ul.menu {position:relative; top:0; height:16px;width:700px; text-align:right}


ul.menu li{ float:left; font-size:11px; padding-left:5px;font-family:Tahoma, Geneva, sans-serif; letter-spacing:0px; }

ul.menu li.apropsdenous a{display:block; color:#333; text-decoration:none;border-bottom:3px #2d7e97 double;}
ul.menu li.apropsdenous a:hover{ color:#008DCF;}


ul.menu li.agenceimmobiliere a{display:block;color:#333; text-decoration:none;border-bottom:3px #2d7e97 double;}
ul.menu li.agenceimmobiliere a:hover{color:#008DCF;}

ul.menu li.serviceimmobilier a{display:block;color:#333;text-decoration:none;border-bottom:3px #2d7e97 double;}
ul.menu li.serviceimmobilier a:hover{color:#008DCF;}

ul.menu li.promotionsimmobilieres a{display:block;color:#333;text-decoration:none;border-bottom:3px #2d7e97 double;}
ul.menu li.promotionsimmobilieres a:hover{color:#008DCF;}

ul.menu li.contacts a{display:block; color:#333;text-decoration:none;border-bottom:3px #2d7e97 double;}
ul.menu li.contacts a:hover{color:#008DCF;}
/**************callus******/
.contenuheader{ padding-top:20px; height:40px;}
.callus{ float:left;  width:205px; padding-top:10px;}
.callustext{ font-size:18px; color:#900;font-weight:700;width:65px;display:block;}
.callusnum{ padding-left:3px; font-size:14px; color:#999; letter-spacing:4px; font-weight:700;width:65px;}
.prefixe{ float:left; width:65px; }
.numero{ height:30px; line-height:30px; float:left;  width:65px; color:#2d7e97;font-weight: 900; font-size:30px; letter-spacing:-2px; }
/*************fincallus******/

/*************form header****************/
.newstitle{ padding-bottom:10px;padding-left:10px; text-align:left; width:200px; float:left;color:#2d7e97;letter-spacing:-1px;font-size:18px;}
.newspro{ padding-bottom:10px; text-align:left; width:240px; float:left;color:#2d7e97;letter-spacing:-1px;font-size:18px;}
.formulaire{height:50px; padding-right:30px;}
.inputheader{ border:#2d7e97 1px solid;width:150px; height:15px;}
.inputheader2{ border:#2d7e97 1px solid; width:70px; height:15px;}
.boutonok{ background:#2d7e97; color:#FFF; border:none;height:20px;}
/*************fin form header****************/
/* HEADER */

#header{width:1024px; height:auto; position:relative; margin: 0 auto; clear:both;}
#hiommobilierleft{width:200px;height:auto; float:left; }
#hiommobilierleft h2{ font-size:14px;height:30px;  background:url(../images/titreh2.png) no-repeat; padding-left:5px; color:#ffffff; padding-top:20px;}
#hiommobilierleft h3{ margin-bottom:2px;margin-top:2px; font-size:14px;height:25px; width:186px;  background:#2d7e97; padding-left:5px; color:#ffffff; }
#hiommobilierleft h4{ margin-bottom:4px; font-size:11px; font-weight:lighter; text-align:justify; width:186px; padding-left:5px; }
#formPan{width:200px;height:210px; float:left; background:url(../images/b_form.jpg) 0 0 no-repeat; }
#titremenu{ width:192px; height:18px;clear:both}

form.search{color:#353739; margin: 10px 0 0 0; padding:0 0 0 9px;}
form.search select{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:70px}
form.search select.location{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:170px}
form.search input{height:16px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:60px}
form.search input.submitBtn{margin:10px 0 0 120px;  width:46px; height:17px; line-height:0; font-size:0;}

#leftPan{width:200px; position:relative; float:left; background:url(../images/b_leftpan.jpg) 0 0 repeat-y; }


.spacerline{position:relative; clear:both; height:2px; background:url(../images/b_hline.jpg) 0 0 repeat-x; margin:0 }
/* HEADER */


#rightPan{width:740px; position:relative; float:left;}
/*******************message et bienvenue********************/
#welcome{width:740px; position:relative; border:1px #2d7e97 solid; float:left; }
#welcome a{ text-decoration:none;}
#banniere, #messagehimmobilier{width:727px; position:relative; padding:10px;}
#himmo{ line-height:15px; color:#666;border:1px #2d7e97 solid;width:727px; height:70px; }
#himmo h2{  color:#666; font-weight: lighter; font-size:16px; padding-top:5px; font-family:Verdana, Geneva, sans-serif; color:#2d7e97;}
.bleuarriere{ float:left; width:19px;; height:70px;;background:#2d7e97;}
.contenuhimmo{ float:left; padding-left:10px; width:690px;; height:auto;}
.description{}
/*******************fin message et bienvenue********************/

/**************contenu items********************/
#fcontainer{width:750px; position:relative; margin:10px 0 0 5px; line-height:15px; }
#featured{width:360px; position:relative; float:left; margin-right:5px; margin-bottom:10px;}
.imagerubrique{ float:left; width:31px; height:33px;}
.titreblanc{width:auto; margin-top:8px; float:left;  height:25px;background:#2d7e97; }
#titrerubrique{ width:360px; height:33px;clear:both;border-bottom: 1px solid #2d7e97; }
#titrerubrique2{ width:720px; height:33px;clear:both;border-bottom: 1px solid #2d7e97; }
#titrerubrique2 h3{ padding:5px;color:#fff; font-size:16px;}
#titrerubrique2 h4{ float:left; width:auto;}
.nombrebiens{ font-size:14px; padding-top:5px; color:#2d7e97 }
#titrerubrique h3{ padding:5px;color:#fff; font-size:16px;}
.immobilieritem2 {width:360px; height:65px;padding-top:10px; float:left; position:relative; margin-left:5px;}
.immobilieritem {width:360px; height:65px;padding-top:10px; position:relative; clear:both;}
.imageitem{ float:left; width:100px; height:69px;}
.contenuitem{ float:left;width:250px;height:69px;background:#e3eef1; margin-left:2px; text-align:justify; padding-left:5px; padding-right:3px;}
.imagecadre{border:2px solid #e3eef1; }

.bienimmobilier{float:left; width:250px;height:69px;line-height:10px;}
.titrebienimmobilier{color:#2d7e97; text-align:left; font-size:11px; padding-top:3px; padding-bottom:5px;}
.priximmobilier{color:#900; width:240px;font-size:12px; font-weight:bold; padding-right:5px; padding-bottom:3px;}
.affichertous{ color:#900; font-size:16px; padding-top:15px; padding-right:20px; text-align:right;}
/***************************fin contenu items*************/

/************************  footer   ***********************/
#footer{width:1024px; position:relative; margin: 0 auto; padding-top:10px; clear:both; }
#barre{width:1024px; background:#f6f6f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px
0;text-align:center}
#barre a, #barre, #footer a,#footer{color:#666}
#footer p{text-align:center}
axel{width:1024px; font-size:10px;line-height:15px;border-bottom:1px solid #ccc;padding-bottom:12px}
/************************fin footer***********************/


/***************************menu à gauche****************/
.arrowlistmenu{
width: 192px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #333;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #333;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #008DCF;
background-color: #F3F3F3;
}
/***************************fin menu à gauche****************/

/*********************menu principale*******************/
#menuimmo{width:750px;; height:40px;}
#menuimmo ul{
	float: left;
	font-family:Tahoma, Geneva, sans-serif; letter-spacing:0px;font-weight:600;
	height:39px;
	}

#menuimmo ul li{display:block;width:97px;  height:39px;display:inline;float:left; margin-left:3px; text-align:center;}

#menuimmo a{font-weight:normal; vertical-align:middle; font-size:11px; display:block;width:95px;color:#FFF; text-decoration:none; line-height:10px;}
#menuimmo ul li.actif{ font-weight:normal;padding:2px; height:39px; }
#menuimmo ul li.actif a{ font-weight:normal;padding-top:15px; background:url(../images/menuactif.gif) no-repeat; height:40px;text-decoration:none;}
.itemmenu{background:#2d7e97;padding:2px; margin-top:13px;width:93px; height:23px;}
.langue{margin-top:13px; padding-left:10px; float:left; background:#FFF; width:100px; height:40px;}
/*********************fin menu principale*******************/

/**************menu footer***************/
#menufooter{width:700px; height:20px; text-align:right; }
#menufooter div{ float:right;width:550px; background:#2d7e97;padding:2px;height:15px; margin-right:10px; }
#menufooter a{ color:#FFF; text-decoration:none; }
/**************fin menu footer***************/


/***************menu au dessous********************/
#menutunisie{clear:both;width:717px; height:130px; margin-left:5px; padding-left:10px;padding-top:5px; margin-top:10px;margin-left:0px;border:1px #2d7e97 solid; }
#menutunisie .list1{float:left;padding: 0;margin: 0 10px 2px 2px;width:200px;}
#menutunisie .list2{float:left;padding: 0;margin: 0 10px 0 0;width:200px;}
#menutunisie .list3{float:right;padding: 0;margin: 0;width: 250px;}
.list2 ul, .list3 ul{float: left;padding: 0;margin: 0;width: 200px;}
.list2 li.cross{list-style-image: url(../images/common/blue_cross.gif);list-style-position: outside;margin: 0 0 0 15px;padding: 0;}
.list1 li, .list2 li, .list3 li{list-style-image: url(../images/blue_line.gif);margin: 0 0 0 15px;padding: 0;}
.list3 li.cross{list-style-image: url(../images/blue_cross.gif);list-style-position: outside;margin: 0 0 0 15px;padding: 0;}
#menutunisie h2{color: #000;font-size: 12px;padding: 0;margin: 0 0 10px 0;}
#menutunisie a, a:link, a.visited{font-size: 11px;color: #666;text-decoration: none;font-weight: normal;}
#menutunisie a:hover{color: #008DCF;text-decoration: underline;}
#content_left_bien_ville{ width: 620px; float: left; padding: 10px 10px 10px 0px; margin-left: 28px;}
#googlemaps{ float:left; width:600px; padding-top:10px;}
#googlemaps h1,h2{ height:15px; font-size:14px; color:#900;}
#googlemaps h2{ color:#930;}
.texte{ float:left; width:200px;}
.descriptionregion{ width:650px; text-align:justify; color:#666; font-size:14px; padding:10px;}
.titreregiontunisie{ clear:both; color:#900; font-size:14px; }
/*****************fin menu dessous*************/
#formulairecontact{ float:left; line-height:30px; width:450px;}
#contenucontact{  float:left; line-height:30px; width:250px;}
.contactleft{background:#2d7e97; width:20px; float:left; height:150px;}
.contactright{ padding:5px; width:218px; float:left;height:138px; border:1px #2d7e97 solid;}
.bootonsend{background-color:#2d7e97; color: rgb(255, 255, 255); border:none; font-size: 10px;}
.fielderror {color:#F00}
.appartementstunisie{ clear:both; width:750px;}
.catimmobiliers{ border:1px solid #2d7e97; padding:10px; }
.titreliste{ font-size:18px; font-weight:lighter; color:#900; line-height:30px;;}
.lienscategorie{padding:10px;color:#1c94b6; font-size:14px; text-decoration:none;}
/*****données du bien*******/
/* Caracteristiques du bien */
.descriptif	{ padding:0px 10px 0 10px; }
.appartement{ float:left; width:350px; padding:10px; }
.appartement UL LI{ list-style-type:none; }
.appartement UL LI SPAN{ font-weight:bold; }
.appartement a{font-weight:bold;text-decoration:underline; color:#2d7e97; }
.immobilierprestige{ padding-left:10px;width:700px; text-align:justify; line-height:15px;}
.newserror{ color:#F00;}

#pagination{
padding-top:10px;
padding-left:5px;
}

#pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

#pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding-left:2px;
}

#pagination a, #pagination a:visited{
padding: 0 5px;
border: 1px solid #2d7e97;
text-decoration: none; 
color: #2d7e97;
}

#pagination a:hover, #pagination a:active{
padding: 0 5px;
border: 1px solid #2d7e97;
color: #000;
background-color: #CFF;
}

#pagination a.currentpage{
background-color: #2d7e97;
color: #FFF !important;
border-color: #2d7e97;
cursor: default;
padding: 0 5px;
}

#pagination a.disablelink, #pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #2d7e97;
border-color: #2d7e97;
font-weight: normal !important;
}

#pagination a.prevnext{
font-weight: bold;
}


#actions_immobiliers{ height:50px; width:700px; margin-top:10px; padding:5px;}
#actions_immobiliers a,#actions_immobiliers a:hover,#actions_immobiliers a:visited{ display:block; margin-left:2px; float:left; padding:5px; padding-left:32px; width:130px;  background:#eceef5; height:32px;color: #036; text-align:center; }
#actions_immobiliers a#demandehelp{ background:url(../images/Yelp-32.png) no-repeat;}
#actions_immobiliers a#envoyeramie{ background:url(../images/Mail-32.png) no-repeat;}
#actions_immobiliers a#partagerfacebooh{ background:url(../images/Facebook-32.png) no-repeat;}
#actions_immobiliers a#imprimer{ background: url(../images/Print_32.png) no-repeat;}

#slider {
    width: 728px; /* important to be same as image width */
    height: 197px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 728px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}