@charset "utf-8";
/* CSS Document */
html, body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	}
html{
	background: #900 url(immobilier-morbihan/fond-site.jpg) repeat-x top;
	}
body{
	background: url(immobilier-morbihan/fond-global.png) no-repeat center top ;
	}
#global{
	position:relative;
	width:1000px;
	margin:0 auto;
	}
	
.texte_blanc{
	color:#FFF;
	font-size:14px;
	font-weight:bold;	
}

a img{
	border:none;
}

/*---------------CARTE-----------------------------------------------------------------*/
#accueil{
	text-indent:-9999px;
	display:block;
	height:110px;
	width:1000px;
	background:url(immobilier-morbihan/mace-immobilier.png) no-repeat top center;
	}
#carte{
	position:relative;
	width:1000px;
	height:237px;
	}
#carte a{
	display:block;
	position:absolute;
	z-index:9;
	/*background: #03C;*/
	text-indent:-9999px;
	}
a:hover#elven, a:hover#theix, .carte .elven, .theix  {
	top:0;
	left:0;
	width:1000px;
	height:237px;
	z-index:0;
	}
.carte{
	background:url(immobilier-morbihan/fond-carte.jpg) no-repeat 0 0;
	}
.elven{
	background:url(immobilier-morbihan/fond-carte.jpg) no-repeat 0px -474px;
	}
.theix{
	background:url(immobilier-morbihan/fond-carte.jpg) no-repeat 0px -237px;
	}
#elven {
	width:200px;
	height:100px;
	top:0;
	left:420px;
	}
a:hover#elven{
	background:url(immobilier-morbihan/fond-carte.jpg) no-repeat 0px -474px;
	}
#theix {
	width:200px;
	height:137px;
	top:100px;
	left:400px;
	}
a:hover#theix{
	background:url(immobilier-morbihan/fond-carte.jpg) no-repeat 0px -237px;
	}

/*---------------CARTE FIN-----------------------------------------------------------------*/
/*---------------MENU-----------------------------------------------------------------*/
#menu{
	list-style:none;
	margin:0 ;
	padding:0 0 0 100px;
	height:71px;
	background:url(immobilier-morbihan/type-bien.png) no-repeat top left;
	}
#menu li{
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
	float:left;
	
	}
#menu li a{
	color:#FFF;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	margin:0;
	padding:0 30px;
	text-decoration:none;
	}
.sep-menu{
	border-left: #900 solid 1px;}
#menu li a:hover{
	line-height:7px;
	}
#menu li.actif a{
	color:#F00;
	}
/*---------------MENU FIN-----------------------------------------------------------------*/

/*---------------CONTENU-----------------------------------------------------------------*/
#flash-accueil{
	float:left;
	}
#flash{
	clear:both;
	}
#texte-accueil{
	float:left;
	width:220px;
	margin:15px 0 15px 30px;
	}
#texte-accueil h1{
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	}
#texte-accueil p{
	color:#CCC;
	}
/*---SSMENU--------*/
#menu-left{
	width:240px;
	height:800px;
	background: #6C0000 url(immobilier-morbihan/fond-footer.jpg) repeat-x bottom;
	float:left;
	border-top:#900 solid 1px;
	padding:0 10px 0 0;
	}
#menu-left #ss-menu{
	margin-left:30px;
	padding:30px 0 20px 0;
	}
#ss-menu{
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
	}
#ss-menu li{
	border-bottom:#F00 solid 1px;
	padding:5px 0 5px 10px;
	margin:0;
	}
#ss-menu li a{
	color:#fff;
	font-size:20px;
	text-decoration:none;
	}
#ss-menu li a:hover{
	color:#ccc;
	}
#simul{
	clear:both;
	color:#000;
	}
/*---SSMENU FIN--------*/
#filtre {
	background: #ccc url(immobilier-morbihan/affiner.png) no-repeat top left;
	padding:5px 0 5px 190px;
	float:left;
	width:560px;
}
#filtre .float_left {
	float:left;
	margin:0 15px 0 0;
}
#filtre input[type="button"] {
	float:left;
	margin:17px 0 0 0;
}
#retour {
	background:#CCC;
	float:left;
	width:750px;
}
#retour input[type="button"] {
	float:right;
	margin:5px 30px 5px 0;
}
#ariane{
	margin:10px 0 0 0;
}
#ariane a {
	color:#fff;
	margin-right:15px;
	text-decoration:none;
	letter-spacing:2px;
}
.page {
	clear:both;
}
.page a {
	color:#ccc;
	text-decoration:none;
}
.page a:hover {
	color:#ccc;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.actif {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
/*---------------LISTE BIEN------------------*/
#bien-accueil{
	float:left;
	margin:0 0 0 30px;
	}
#bien{
	float:left;
	margin:0 0 0 30px;
	width:700px;
	}
ul#liste-bien{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
#liste-bien li{
	background-color:#FFF;
	border:#E6E6E6 solid 5px;
	overflow:auto;
	float:left;
	padding:5px;
	margin:0 20px 10px 0;
	}
#liste-bien li a.bien{
	margin:5;
	padding:0;
	border:#CCC solid 1px;
	display:block;
	text-decoration:none;
	width:185px;
	height:140px;
	position:relative;
	overflow:hidden;
	float:left;
	color:#FFF;
	}
a.bien div{
	
	}
.plus{
	position:absolute;
	bottom:0;
	filter : alpha(opacity=60);
	-moz-opacity : 0.6;
	opacity : 0.6;
	background: #5E0000;
	width:100%;
	padding:3px 7px 0 7px;
	}
a:hover.bien .plus{
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
	}
.plus h1{
	margin:0;
	font:12px normal;
	}
.plus p{
	margin:0;
	font-size:10px;
	}
.plus p span{
	color:#F00;
	}
.no{
	display:none;	
	}

.prix{
	font-size:18px;
	font-weight:bold;
	}
.prix span{
	font-size:10px;
	font-weight: normal;
	}
.rouge{
	color:#900;
	font-size:14px;
	}
/*---------------LISTE BIEN FIN------------------*/
/*------------------------DETAIL BIEN------------------*/

#detail_print {
	float:left;
	padding:10px 10px 10px 10px;
	width:610px;
}
#photo_print {
	width:390px;
	float:left;
}

#menu-det-bien{
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:220px;
	}
.texte-det{
	background: #6C0000;
	color:#FFF;
	padding:5px 0 5px 5px;
	margin:0 0 30px 0;
	}
#menu-det-bien li.liens-det {
	background:url(immobilier-morbihan/puce_menu.gif) no-repeat left;
	padding: 0 0 10px 10px;
	margin:10px 0;
	border-bottom:1px solid #6C0000
	}
#menu-det-bien li.liens-det  a{
	font-size:18px;
	color:#ccc;
	}
#menu-det-bien li a:hover{
	color: #999;
	}
.blanc{
	color:#FFF;
	}
h1.blanc{
	font-size:24px;
	}
/*---------------------------- CONTACT ---------------------------*/*
#texte_contact, #texte_contact a{
	color:#FFF;
}
	
	
/* -------------GALLERY LIST-------------- */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#gallery{ visibility: hidden;
float:left;}

/* GALLERY CONTAINER */
.gallery { background: #870000; border: 5px solid #6C0000; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel { border:#fff solid 1px;
background:#CCC;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #6C0000; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #fff; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #fff; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #fff;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
/* -------------GALLERY LIST FIN-------------- */	
/*---------------DETAIL BIEN FIN--------------------------------*/
/*---------------CONTENU FIN-----------------------------------------------------------------*/

/*-------------CONTACT----------------------------------------------------------*/

#texte_contact {
	width:685px;
	padding:10px;
}

/*--------------FIN CONTACT-----------------------------------------------------*/
/*---------------FOOTER-----------------------------------------------------------------*/
#footer{
	text-align:center;
	background:url(immobilier-morbihan/fond-footer.jpg) repeat-x top;
	width:100%;
	clear:both;
	}
#footer p{
	margin:0;
	padding:20px 0;
	font-size:11px;
	color:#CCC;
	}
/*---------------FOOTER FIN-----------------------------------------------------------------*/
/*----------SLIDER PHOTO------------------------------------------------------------------------*/
#slider {
	width:430px; /* important to be same as image width */
	height: 230px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	border:#fff solid 7px;
	background:#FFF;
	z-index:1;
	
}
#sliderContent {
	width: 430px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin:0;
}
.sliderImage {
	float:left;
	position: relative;
	display:none;
}
.sliderImage div {
	position: absolute;
	font: 20px bold;
	padding:5px 0 5px 20px;
	background: #5E0000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}

.topS3 {
	top: 0;
	left: 0;
}
.bottomS3 {
	bottom: 0;
    left: 0;
	width:100%;
}
.bottomS3 h1{
	margin:0;
	font:12px normal;
	}
.bottomS3 p{
	margin:0;
	font-size:10px;
	}
.bottomS3 p span{
	color:#F00;
	}
.leftS3 {
	padding:20px 10px;
	top: 0;
	left: 0;
	width: 110px !important;
	height: 230px;
}
.rightS3 {
	display:block;
	padding:20px 10px;
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 200px;
}
ul#sliderContent {
	list-style-type: none;
	margin:0;
	padding:0;
}
/*----------SLIDER PHOTO FIN------------------------------------------------------------------------*/
/*--------------RECHERCHE PRIX --------------------------------------------------*/

#demo_bg {
	position: relative;
	background: url(/immobilier-morbihan/bg-h.gif) 7px 0 no-repeat;
	height: 28px;
	width: 221px;
}

#demo_bg div {
	position: absolute;
	cursor: default;
	top: 6px;
}

#filtre .texte_liste, #filtre input {
	letter-spacing:1px;
	color:#301E0B;
	font-size:11px;
	line-height:13px;
}

#slider-bg {
	position: relative;
	background: url(/immobilier-morbihan/bg-fader.gif) 5px 0 no-repeat;
	height:28px;
	width:221px;
	/*width:226px;*/ 
}

#slider-thumb {
	cursor:default;
	position: absolute;
	top: 4px;
}

/*--------------FIN RECHERCHE PRIX ----------------------------------------------*/