@charset "UTF-8";
/* CSS default */

/*GLOBAL HEADER*/
#global-header {
	float: left;
	width: 100%;
	border-top: 4px solid #9cc12b;
	background: #fff url(../images/template/global-header-bg.jpg) left bottom repeat-x;
}

	#header {
		position: relative;
		width: 960px; height: 180px;
		margin: 0 auto 0 auto;
	}
	
	
		/*LOGO*/
		#logo {
			float: left;
			width: 280px;
		}
			#logo img { margin: 45px 0 0 80px; }
		
		
		/*BANNER FLASH*/
		#banner-flash {
			float: right;
			width: 585px;
		}
		
		
		/*MAIN MENU*/
		#main-menu { 
			position: absolute;
			left: 0;
			bottom: 0;
			margin: 0;
			width: 960px; height: 40px;
			background: url(../images/template/main-menu-bg.jpg) bottom repeat-x; 
		}
		
			#main-menu li {
				display: block;
				float: left;
				margin: 0 1px 0 0;
				background: url(../images/template/main-menu-rub-bg.jpg) right bottom no-repeat;
			}
			
				#main-menu li a {
					display: block;
					float: left;
					height: 18px;
					padding: 22px 13px 0 13px;
					font: normal normal 14px/14px Arial, Helvetica, sans-serif;
					text-decoration: none;
				}
				#main-menu li a:link, #main-menu li a:visited {  color: #d1cdcb; }
				#main-menu li a:hover, #main-menu li a:active, #main-menu li a:focus, #main-menu li a.active { background: url(../images/template/main-menu-rub-hover-bg.png) left bottom ; color: #fff; }
			
			
			/*FORMULAIRE NEWSLETTER*/
			#frm-newsletter {
				position: absolute;
				bottom: 0; right: 0;
				width: 210px;
				height: 23px;
				padding: 2px 2px 0 20px;
			}
				#frm-newsletter p { margin: 0; float: right; }
					#frm-newsletter p input.inputTxtStyle {
						float: left;
						width: 150px; 
						height: 21px;
						margin: 0; padding: 0 10px; border: 0;
						font: normal normal 11px/21px Verdana, Arial, Helvetica, sans-serif;
						color: #666;
						background: url(../images/template/input-newsletter-bg.jpg) no-repeat;
					}
					#frm-newsletter p a.btnSubmit {
						float: left;
						display: block;
						height: 15px;
						margin: 0; padding: 6px 10px 0 10px; border: 1px;
						text-decoration: none;
						font: normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
					}
					#frm-newsletter p a:link, #frm-newsletter p a:visited { background: #9cc12b; color: #fff; }
					#frm-newsletter p a:hover, #frm-newsletter p a:active, #frm-newsletter p a:focus { background: #aad22f; color: #fff; }


/*GLOBAL CONTENT*/
#global-content {
	float: left;
	width: 100%;
	padding: 60px 0 25px 0;
	background: #eee;
}

	#content {
		width: 960px; 
		margin: 0 auto 0 auto;
	}
		
		
		#honesty-box {
			float: left;
			clear: both;
			width: 100%;
			margin: 0 0 3em 0;
		}
			#honesty-box p {
				float: left;
				height: 37px;
				margin: 0; padding: 15px;
				background: #fff;
			}
			
			#honesty-box img {
				margin: 0; padding: 15px;
				background: #fff;
			}
	
		/*CONTENT LEFT*/
		#content #left {
			float: left;  
			clear: left;
			width: 620px;

		}
		
			/* IndexSliderFlash */
			#indexSliderFlash {
				position: relative;
				margin-top: 10px;
				width: 250px;
			}
				
				/* Logo PEB */
				#logoPEB {
					position: absolute;
					right: -22px;
					top: -22px;
				}
			
			
			/*BTN SHORTCUT*/
			#btn-shortcut {
				float: left;
				width: 340px;
				margin: 10px 0 20px 20px;
				list-style: none;
			}
				/* li */
				#btn-shortcut li {
					display: block;
					float: left;
					margin: 0;
					list-style: none;
				}
				/* li:first-child*/
				#btn-shortcut li:first-child { background: url(../images/template/line-hoz-bg.jpg) left bottom repeat-x; }
				
					/* a */
					#btn-shortcut li a {
						display: block;
						float: left;
						width: 320px; 
						height: 70px;
						padding: 13px 10px;
						text-decoration: none;
					}
					#btn-shortcut li a:link, #btn-shortcut li a:visited { background: url(../images/template/icone-arrow.png) 290px center no-repeat; }
					#btn-shortcut li a:hover, #btn-shortcut li a:active, #btn-shortcut li a:focus { background: #fff url(../images/template/icone-arrow.png) 295px center no-repeat; }
									
					/* img */
					#btn-shortcut a img { 
						float: left; 
						margin-right: 10px; 
						padding: 4px; 
						border: 1px #e3e3e3 solid;
						background: #f3f3f3;
					}
					/* span */
					#btn-shortcut span { 
						display: block;
						padding-right: 60px;
					}
					
					/* more */
					#btn-shortcut span { color: #83a224; }
					
					/* title*/
					#btn-shortcut .title { 
						padding-top: 18px;
						margin-bottom: 0px;
						font: normal bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
					}
				
				
		/*CONTENT RIGHT*/								
		#content #right {
			float: right;
			width: 260px;
			padding: 0 0 25px 40px;
			background: url(../images/template/line-vert-bg.jpg) repeat-y;
		}
			
			/* TITRE  on modifie la valeur par defaut*/
			#content #right h1 { color: #665852; }
			
			
			/*LAST NEWS*/
			#lastNews {
				width: 100%;
				margin: 0; 
			}
				/* Propriétés identiques */
				#lastNews li, #lastNews li a, #lastNews li a img,
				#lastNews li a .date, #lastNews li a .title { 
					display: block; float: left; 
				}

				#lastNews li {
					margin: 0 0 13px 0;
					padding-bottom: 15px; 
					list-style: none;
					background: url(../images/template/line-hoz-bg.jpg) left bottom repeat-x;
				}
					/* a */
					#lastNews li a {
						width: 100%;
						height: 70px;
					}
				
						/* img */
						#lastNews li a img {
							width: 80px;
							height: 60px;
							margin-right: 10px;
							padding: 4px;
							background: #f3f3f3;
						}
							#lastNews li a:link img, #lastNews li a:visited img { border: 1px solid #e3e3e3; }
							#lastNews li a:hover img, #lastNews li a:active img, #lastNews li a:focus img { border: 1px solid #665852; }
						
						/* CLASS description */
						#lastNews .description {
							overflow: hidden;
							float: left;
							display: block;
							width: 160px;
							height: 70px;
						}							
							/* date */
							#lastNews li a .date {
								width: 100%;
								margin-bottom: 8px;
								color: #9cc12b;
								line-height: 11px;
							}
							/* title */
							#lastNews li a .title {
								width: 100%;
								line-height: 17px;
							}
			
					
		/*THUMBS*/
		#thumbs {
			float: left;
			width: 960px;
		}
			/* propriété identique */
			#thumbs li, #thumbs li a { display: block; float: left; }
			/* li */
			#thumbs li {
				margin: 0 48px 48px 0;
				list-style: 0;
			}
			/* */
			#thumbs li.last { margin-right: 0; }
			
				/* li a */
				#thumbs li a {
					position: relative;
					width: 180px;
					height: 232px;
					padding:  11px;
					text-decoration: none;
					
				}
				#thumbs li a:link, #thumbs li a:visited { background: #fff; border: 1px solid #dedede; }
				#thumbs li a:hover, #thumbs li a:active, #thumbs li a:focus { background: #fcfcfc; border: 1px solid #ccc; }
					
					/* span */
					#thumbs li a span { display: block; float: left; }
					
					/* Vignette */
					#thumbs li a img {
						display: block;
						float: left;
						width: 180px;
						height: 135px;
						margin-bottom: 10px;
						border: 1px solid #e3e3e3;
						background: #fff;
					}
					
					/* title */
					#thumbs li a .title {
						overflow: hidden;
						font-size: 16px;
						line-height: 20px;
						height: 20px;
						margin-bottom: 10px;
					}
										
					/* Description */
					#thumbs li a .description { }
					
					/* Adresse */
					#thumbs li a .adress {
						overflow: hidden;
						height: 57px;
						line-height: 19px;
					}

					/* Prix */
					#thumbs li a .price {
						position: absolute;
						top: 30px;
						right: 10px;
						padding: 0 10px 2px 12px;
						text-align: right;
						font: normal normal 18px/24px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;
						color: #fff;
						background: url(../images/template/line-green-opacity85.png) repeat-y;
					}
					
				
			/* thLocation --> on modifier les valeur par defaut de la CLASS .thumbs .title */
			#thumbs.thLocation {}
				#thumbs.thLocation li a .title {
					overflow: hidden;
					font-size: 16px;
					line-height: 21px;
					height: 87px;
				}
			
				/* A SUPPRIMER Paramètre des vignettes par default
				.thDefault {
					margin: 0; padding: 15px 0;
					border-top: 1px #0097d0 solid;
					border-bottom: 1px #0097d0 solid;
				}
					.thDefault li {
						width: 300px; 
						margin: 5px 8px;
					}
						.thDefault li a {
							width: 280px; height: 100px;
							padding: 9px;
							border: 1px #fff solid;
						}
							.thDefault li a strong.title { width: 280px; }*/
		
		
				/*Paramètre des vignettes vente*/
				.thVente {
					margin: 0; padding: 0;
				}
					.thVente li { 
						width: 960px;
						margin: 0;
					}
						.thVente li a { 
							width: 440px; 
							margin: 5px 8px; 
							padding: 9px;
							border: 1px #fff solid;
						}
							.thVente li a strong.title { width: 440px; }
							.thVente li a span.adress { padding-top: 1em; }
							.thVente li a img { display: block; float: left; }
			
					
		/*Fiche immobilier*/
		#fiche {
			float: left; 
			clear: both;
			width: 960px;
			padding: 15px 0;
			background: url(../images/template/line-hoz-bg.jpg) left bottom repeat-x;
		}
		
			/* FicheHead */
			#ficheHead {
				float: left;
				width: 100%;
				margin-bottom: 15px;
				padding-bottom: 15px;
				background: url(../images/template/line-hoz-bg.jpg) left bottom repeat-x;
			}
				
				/* columnLeft */
				#fiche .columnLeft {}
					
					/* h1 */
					#fiche .columnLeft > h1:first-child { margin-bottom: 5px; }
				
				/* columnRight */
				#fiche .columnRight {
					text-align: right;
				}
					/* Price */
					#fiche .columnRight .price {
						float: right;
						padding: 0 10px 2px 12px;
						text-align: right;
						font: normal normal 18px/24px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;
						color: #fff;
						background: #a8c848;
					}
					/* googleMap */
					#fiche #googleMap {
						clear: both;
						display: block;
						float: right;
						padding: 0 24px 2px 12px;
						text-align: right;
						text-decoration: none;
						font: normal normal 18px/24px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;
						color: #fff;
					}
					#fiche a:link#googleMap, #fiche a:visited#googleMap { background: #7a6e69 url(../images/template/icone-googlemap.png) right center no-repeat; }
					#fiche a:hover#googleMap, #fiche a:active#googleMap, #fiche a:focus#googleMap { background: #91837d url(../images/template/icone-googlemap.png) right center no-repeat; }
					
		
			/*Détaille pour la fiche location*/
			#fiche-detail { margin: 0; }
				#fiche-detail li{
					display: block;
					float: left;
					clear: both;
					width: 260px;
                                        
					margin: 0;
					list-style: none; 
				}
				#fiche-detail li h4, #fiche-detail li p { float: left; } 
				#fiche-detail li h4 { margin: 0 5px 0 0; font-weight: bold; } 
				#fiche-detail li p { margin: 0;  font: normal normal 11px/21px Verdana, Arial, Helvetica, sans-serif; } 
			
			
		/*Menu niveau2 en bleu pour les biens immobilers*/
		#select-menu {
			float: left; clear: both;
			margin: 0;
			height: 40px;
			background: url(../images/template/select-menu-bg.jpg) bottom repeat-x; 
		}
		
			#select-menu li {
				display: block;
				float: left;
				margin: 0;
			}
			
				#select-menu li a {
					display: block;
					float: left;
					height: 18px;
					padding: 22px 20px 0 20px;
					font: normal normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
					letter-spacing: 0px;
					text-decoration: none;
				}
				#select-menu li a:link, #select-menu li a:visited { background: url(../images/template/select-menu-rub-bg.jpg) left bottom no-repeat; color: #fff; }
				#select-menu li a:hover, #select-menu li a:active, #select-menu li a:focus, #select-menu li a.active { background: url(../images/template/select-menu-rub-hover-bg.png) left bottom ; color: #fff; }
				
		
		/*Menu niveau2 en bas en bleu pour les biens immobilers*/
		#select-menu-verso {
			float: left; 
			clear: both;
			width: 100%;
			margin: 0;
		}
			#select-menu-verso li, #select-menu-verso li a { display: block; float: left; }
			#select-menu-verso li {
				margin: 0;
				padding-left: 1px;
			}
				#select-menu-verso li.floatRight { padding-left: 1px; }
				#select-menu-verso li a {
					padding: 0 20px;
					font: normal normal 11px/25px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
				}
				#select-menu-verso li a:link, #select-menu-verso li a:visited { background: #9DC12B;  color: #fff; }
				#select-menu-verso li a:hover, #select-menu-verso li a:active, #select-menu-verso li a:focus, #select-menu-verso li a.active {  background: #ADD330; color: #fff; }
				
		
		/*Liste des partenaires*/
		#partenaires { 
			float: left;
			width: 960px;
			margin: 0; 
			padding: 15px 0;
			background: url(../images/template/line-hoz-bg.jpg) repeat-x;
		}
			#partenaires li {
				display: block;
				float: left;
				margin: 0 12px 12px 0;
				list-style: none;	
			}
				#partenaires li.last { margin-right: 0; }
				#partenaires li a { 
					display: block; 
					float: left; 
				}
				#partenaires li a img {
					display: block; 
					float: left; 
					width: 140px;
					height: 105px;
					padding: 4px; 
				}
				#partenaires li a:link img, #partenaires li a:visited img { background: #fff; border: 1px solid #e3e3e3; }
				#partenaires li a:hover img, #partenaires li a:active img, #partenaires li a:focus img { background: #fcfcfc; border: 1px solid #ccc; }
				
		
		/*Liste News*/
		#news {
			float: left; 
			width: 960px;
			margin: 0;
			padding-top: 2px;
			background: url(../images/template/line-hoz-bg.jpg) repeat-x; 
		}
		
			#news > li {
				display: block;
				float: left;
				width: 100%;
				margin: 0;
				padding-bottom: 2px;
				list-style: none;
				background: url(../images/template/line-hoz-bg.jpg) left bottom repeat-x;
			}
				/* ul li ul */
				#news .newsItem {
					display: block;
					float: left;
					width: 960px;
				}
					
					/* Entête de la News ul li ul li*/
					.newsHeader { 
						display: block; 
						float: left;
						margin: 0;
					}
						/* a */	
						.newsHeader a {
							display: block;
							float: left;
							width: 920px;
							padding: 15px 20px;
							text-decoration: none;
						}
						.newsHeader a:link, .newsHeader a:visited { background: #eee url(../images/template/icone-arrow.png) 900px center no-repeat; }
						.newsHeader a:hover, .newsHeader a:active, .newsHeader a:focus { background: #fff url(../images/template/icone-arrow.png) 900px center no-repeat;  }
						.newsHeader a:active, .newsHeader a:focus { background: #fff url(../images/template/icone-arrow-bottom) 900px center no-repeat;  }
						
						/*
						.newsHeader a .date, .newsHeader a .title { display: block; padding: 0 120px 0 0; }
						.newsHeader a .date { font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #eb6909; margin: 0 0 10px 0; }
						.newsHeader a .title { font: normal normal 12px/21px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0; }
						*/
						.newsHeader a .date, .newsHeader a .title { display: block; float: left; }
						/* date */
						.newsHeader .description {
							overflow: hidden;
							float: left;
							display: block;
							width: 760px;
							height: 70px;
						}
						.newsHeader a .date {
							width: 100%;
							margin-bottom: 8px;
							color: #9cc12b;
							line-height: 11px;
						}
						/* title */
						.newsHeader a .title {
							width: 100%;
							line-height: 17px;
						}
						
						/* Header img */
						.newsHeader a img {
							display: block;
							float: left;
							width: 80px;
							height: 60px;
							margin-right: 10px;
							padding: 4px; 
							border: 1px #e3e3e3 solid;
							background: #f3f3f3;
						}
					
					/*Contenu de la news caché*/
					#news li .newsContent {
						display: none;
						overflow: auto;
						clear: both;
						width: 850px;
						margin: 0; padding: 15px 90px 15px 20px;
						background: #fff;
					}
						#news li .newsContentActive img { float: left; margin: 0 10px 0 5px; }
						
						
		/* video */
		.video {
			margin-bottom: 20px;
		}
		
		/* Galerie */
		#gallery {
			float: left;
			width: 100%;
			margin-bottom: 10px ;
		}
					
				

#global-footer {
	float: left;
	width: 100%;
	background: #665852 url(../images/template/global-footer-bg.jpg) repeat-x;
}

	#footer {
		width: 960px; height: 150px;
		margin: 0 auto 0 auto;
		text-align: center;
		color: #b8a8a0;
	}
	
		#footer a { outline: none; }
		#footer a:link, #footer a:visited { color: #b8a8a0; }
		#footer a:hover, #footer a:active, #footer a:focus { color: #fff; }
	
		#info {
			float: left;
			width: 960px;
			margin: 30px 0 0 0;
		}
		
		#webmade {
			float: left; 
			clear: both;
			width: 960px;
			margin: 0; padding: 50px 0 20px 0;
			font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
		}

	
	
/*Class Global*/

.columnLeft { float: left; width: 620px; }
.columnRight { float: right; width: 260px; }


a.btnVieuwAll {
	display: block;
	float: right;
	padding: 0 15px 0 0; 
	font: normal bold 11px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
a.btnVieuwAll:link, a.btnVieuwAll:visited { color: #83a224; background: url(../images/template/icone-more.png) right center no-repeat; }
a.btnVieuwAll:hover, a.btnVieuwAll:active, a.btnVieuwAll:focus { color: #aad22f; background: url(../images/template/icone-more-hover.png) right center no-repeat; }


.boxBg-white {
	float: left;
	padding: 15px;
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #ddd;
}

.boxBgImg {
	float: left;
	background: #fff;
	border: 1px solid #ddd;
}

