/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
	BODY {
		margin: 0; 
		padding: 0;
		color : #2d6599;
		font: normal normal 10px Verdana, Helvetica, sans-serif;  
		
	} 
	* {margin: 0; padding: 0;}	

	#container { 
		background:url(/hsi_images/site/fond-ombre.gif) top left repeat-x;
		width: 800px;
		padding : 0;
		margin: 0 auto 0 auto;
		text-align:left;
		/*border:1px green solid;*/
	}

	img {
        border: 0 none;
	}
	
	html {
	    overflow-y: scroll;
	    overflow: -moz-scrollbars-vertical;
	}
/**********************************************/
/*	Header	*/
/**********************************************/
		#HeaderTop{
			background:url(/hsi_images/site/fond-header.gif) top left repeat-x;
			margin : 0 2px 0 2px;
			height:146px;
		}
		#Headerleft{
			float:left;
			width:256px;
		}
		#Headerleft #Logo{
			background:url(/hsi_images/site/logo-hsi.gif) no-repeat 0 0;
			width:125px;
			height:101px;
			float:left;
			margin-left:65px;
			display: inline;
		}
	
		#Headerleft #Logo a{
			display:block;
			width:125px;
			height:101px;
			float:left;
			text-indent:-9999px;
			overflow:hidden;
		}
		#Headerleft  #LogoBase{
			display:block;
			background:url(/hsi_images/site/habitat-service-immobilier.gif) no-repeat 0 0;
			width:256px;
			height:24px;
			float:left;
		}
		#Headerleft #LogoBase span{
			display:block;
			width:256px;
			height:24px;
			float:left;
			text-indent:-9999px;
			overflow:hidden;
		}
		
		#HeaderRight {
			width:510px;
			height:145px;
			float:right;
			boarder:1px green solid;
			background:url(/hsi_images/site/banniere.jpg) right 39px no-repeat;
		}
		#HeaderRight ul {
			margin:0;
			padding:0;
			float:right;
		}
		#HeaderRight ul li{
			display:block;
			padding-top:17px;
			padding-left:7px;
			float:left;
			width:96px;
			border-left:1px white solid;
			background:none;
		}
		#HeaderRight ul a{
			font: normal bold 10px Verdana , Verdana, Helvetica, sans-serif;  
			color:#2d6599;
			text-decoration:none;
		}
		#HeaderRight ul a:hover{
			text-decoration:underline;
		}
		#HeaderRight #Slogan{
			background:url(/hsi_images/site/slogan.gif) no-repeat 0 0;
			float:right;
			margin-top:85px;
			width:413px;
			height:24px;
		}
		#HeaderRight #Slogan span{
			text-indent:-9999px;
			overflow:hidden;
			float:right;
			width:413px;
			height:24px;
			
		}
		
/**********************************************/
/*	Navigation	*/
/**********************************************/
		.NavigationBGStd{
			background:url(/hsi_images/site/NavigationFond.gif) top left no-repeat;
		}
		.NavigationBGGam{
			background:url(/hsi_images/site/NavigationFondGamme.gif) top left no-repeat;
		}

		#Navigation{
			margin : 0 2px 0 2px;
			padding-top:8px;
		}
		#Navigation td{
			height:24px;
			text-align:center;
			vertical-align:top;
		}
		#Navigation a{
			font: normal bold 10px Verdana, Helvetica, sans-serif;  
			text-transform:uppercase;
			color:#2d6599;
			text-decoration: none;
		}
		#Navigation a:hover {
			padding-bottom:8px;
			border-bottom: 3px #2d6599 solid;
			text-decoration:none;
		}
		#Navigation .SelectedItem {
			padding-bottom:8px;
			border-bottom: 3px #2d6599 solid;
		}	

/**********************************************/
/*	Pager	*/
/**********************************************/
		ul.navigator  {
			background-color:#d8d8d8;
			white-space:nowrap;
			margin: 10px 0 10px 0;
			padding: 0px 0px;
			list-style: none;
			float: right;
		}
		ul.navigator li  {
			padding: 2px 0;
    		display: inline;
			background:none;
			color:#ffffff;
		}
		ul.navigator li span {
			font-size: 11px;
			font-weight: bold;
			font-style: normal;
			color:#ffffff;
		}
		ul.navigator li a {
			line-height:16px;
			font-size: 11px;
			font-weight: bold;
			font-style: normal;
			color:#ffffff;
		}
		ul.navigator li.first{
			background:url(/hsi_images/site/navigator-left.gif) left top no-repeat;
			padding-left:20px;
		}
		ul.navigator li.last{
			padding-right:20px;
			background:url(/hsi_images/site/navigator-right.gif) right top no-repeat;
		}

		
/**********************************************/
/*	Home	*/
/**********************************************/
		
		#Home{
			margin : 0px 2px 0 2px;
			background:url(/hsi_images/site/HomeBgTexte.gif) top center repeat-y;
			color:#565a5f;
		}
		
		#HomeIntro {
			background:url(/hsi_images/site/intro-texte.gif) no-repeat 0 0;
			float:right;
			display:block;
			width:349px;
			height:79px;
		}
		#HomeIntro span{
			text-indent:-9999px;
			overflow:hidden;
			float:right;
			display:block;
			width:349px;
			height:79px;
		}
	
		.offer{
			float:left;
			width:245px;
			background:url(/hsi_images/site/OfferBg.gif) top left repeat-y;
			margin-left:12px;
		}
		.offerT{
			background:url(/hsi_images/site/OfferTop.gif) top left no-repeat;
		}
		.offerB{
			background:url(/hsi_images/site/OfferBottom.gif) bottom left no-repeat;
			
		}
		
		.offer h2,.offer h2 a{
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
			padding-bottom:8px;	
		}
		.offer p{
			font-size:11px;
			line-height:18px;	
		}
		.offer p.Prix{
			font-weight:bold;
			text-decoration:underline;
			text-align:right;
			padding-bottom:0px;	
		}
		#Trieur{
			margin : 0 2px 0 2px;
			height:35px;
			background:url(/hsi_images/site/trier-par.gif) top left no-repeat;
			font-weight:bold;
			font-size:12px;
			text-align:right;
			padding-right:10px;
		}
		#Trieur input{
			margin-left:20px;
			margin-right:0px;
		}

/**********************************************/
/*	Detail produit	*/
/**********************************************/
	

		#DetailProduit h2{
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
			line-height:14px;
			padding-bottom:20px;	
		}
		#DetailProduit h2 small{
			text-transform:none;
			color:#565a5f;
		}
		#DetailProduit p{
			font-size:11px;
			line-height:18px;	
			font-weight:bold;
		}
		#DetailProduit p.Prix {
			text-decoration:none;
			text-align:center;
			font-weight:bold;
			font-size:13px;
			padding-bottom:10px;	
		}
		#DetailProduit p.Prix small{
			font-size:9px;
		}
		#DetailProduit .Propriete{
			font-weight:bold;
		}
		#DetailProduit{
			margin-top:35px;
			display:block;
			float:left;
			width:447px;
			display:inline;
			/* border:1px green solid; */
		}
		#PhotosProduit{
			margin-top:35px;
			display:block;
			float:right;
			width:310px;
			display:inline;
		/*	border:1px red solid;*/
		}
		.DetailImage{
			height:230px;
			background-color:#f0f0f0;
			text-align:center;
		}
		#PhotosProduit .Opaque {
			background-color:#fff;
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#PhotosProduit .pasOpaque {
			background-color:#fff;
			filter:alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
		}

		#DetailProduit .ProduitDetail{
			float:left;
			width:416px;
			margin-top:15px;
			display:inline;
			background:url(/hsi_images/site/ProduitDetailMiddle.gif) top left repeat-y;
		}
		#DetailProduit .ProduitDetailT{
			background:url(/hsi_images/site/ProduitDetailTop.gif) top left no-repeat;
		}
		#DetailProduit .ProduitDetailB{
			background:url(/hsi_images/site/ProduitDetailBottom.gif) bottom left no-repeat;
			padding-top:6px;
		}
		
		#DetailProduit .ProduitDetail p{
			font-size:11px;line-height:16px;
			font-weight:normal;
			color:#565a5f;
			padding-bottom:0px;	
		}
		#DetailProduit .ProduitDetail p.Prix{
			font-weight:bold;
			text-decoration:none;
			padding-bottom:15px;	
			color : #2d6599;
		}
		#DetailProduit .ProduitDetail p.ref{
			font: normal normal 10px Verdana , Verdana, Helvetica, sans-serif;  
			padding-top:10px;	
			padding-bottom:20px;	
			color:#565a5f;
		}
		
		#buttonT span {
			float:left;
			margin:0;
			background:url(/hsi_images/site/bouton-g.gif) left top no-repeat;
		}
		#buttonT2 span {
			float:right;
			margin:0;
			background:url(/hsi_images/site/bouton-g2.gif) left top no-repeat;
		}

		#buttonT span a,#buttonT2 span a {
			display:inline;   /* correcting IE5 bug */
			float:left;
			height: 16px;
			padding: 2px 5px 0 0px;
			margin: 0px 0px 0 24px;
			text-decoration:underline;
			text-align:center;
			color:#ffffff;
			font: normal bold 9px Verdana, Helvetica, sans-serif;
			background:url(/hsi_images/site/bouton-d.gif) right top no-repeat;
		}
		#buttonT span a:hover {
			text-decoration:underline;
		}
		#buttonC {
			margin:0;
			background:url(/hsi_images/site/fond-retour-liste.gif) center top no-repeat;
			height:32px;
		}
		#buttonC a{
			font: normal bold 9px/32px Verdana, Helvetica, sans-serif;
			color:#565a5f;
		}		

/**********************************************/
/*	Gamme de produit	*/
/**********************************************/

		.produit{
			float:left;
			width:370px;
			background:url(/hsi_images/site/OfferBg.gif) top left repeat-y;
			margin-right:12px;
			display:inline;
		}
		.produitT{
			background:url(/hsi_images/site/OfferTop.gif) top left no-repeat;
		}
		.produitB{
			background:url(/hsi_images/site/OfferBottom.gif) bottom left no-repeat;
			
		}
		.produitHover{
			padding: 0 0 10px 5px;
		}
		.produitHover:hover, .produitHoverIE{
			padding: 0 0 10px 5px;
			background-color:#f2f2f2;
			cursor:pointer;
		}
		
		.produit h2{
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
			line-height:14px;
			padding-bottom:8px;	
		}
		.produit h2 small{
			text-transform:none;
			color:#8c8c8c;
		}
		.produit p{
			font-size:11px;
			line-height:18px;	
		}
		.produit p.Prix {
			text-decoration:none;
			text-align:center;
			font-weight:bold;
			font-size:13px;
			padding-bottom:10px;	
		}
		.produit p.Prix small{
			font-size:9px;
		}
		.produit .Propriete{
			font-weight:bold;
		}
/**********************************************/
/*	Content	*/
/**********************************************/
	
	#Contenu {
		margin : 20px 2px 0 2px;
		padding:10px 40px 0 34px;
		background:url(/hsi_images/site/fond-contenu.gif) repeat-y;
		z-index:2;
	}


	.WhiteSep{
		height:1px;
		background-color:#ffffff;
	}
	

/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	.TresPetite { font-family:Verdana ; font-size:9px; }
	.Petite 	{ font-family:Verdana ; font-size:10px; }
	.Normal 	{ font-family:Verdana ; font-size:11px; }
	.Moyenne 	{ font-family:Verdana ; font-size:12px; }
	.Grande 	{ font-family:Verdana ; font-size:14px; }
	.TresGrande { font-family:Verdana ; font-size:16px; }	
	
	h1 { 
		font: normal normal 20px Verdana , Verdana, Helvetica, sans-serif;  
		padding : 0 0 0 0;
		margin : 0 0 0 0;
		color:#2d6599;
	}
	h2 { 
		font: normal normal 14px/20px Verdana , Verdana, Helvetica, sans-serif;  
		padding : 0px 0 10px 0;
		margin : 0 0 0 0;
	}
	h3{ 
		font: normal bold 12px Verdana , Verdana, Helvetica, sans-serif;  
		padding : 0 0 2px 0;
		margin : 0 0 3px 0;
		
	}
	h4{ 
		font: normal normal 12px Verdana , Verdana, Helvetica, sans-serif;  
		padding : 0 0 5px 0;
		margin : 0 0 0 0;
	}

	ul,ol {
		list-style: none;
	}
	ul li { 
		background: transparent url(/hsi_images/site/puce-liste.gif) 5px left no-repeat;
	}
	ol li { 
		background: transparent url(/hsi_images/site/puce-liste.gif) 5px left no-repeat;
	}
	li {margin-left: 0; padding-left: 10px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 3px;
	}
	li,li a  {
		color:#565a5f;
	}
	a { 
		color : #2d6599;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	td, p {
		font: normal 11px/16px Verdana , Verdana, Helvetica, sans-serif;  
		color:#565a5f;
	}
	p {
		padding-bottom : 10px;
	}
	form{
		margin:0; padding:0;
	}
	blockquote {
		margin-top:0px;
	}
	blockquote p{
		font: normal 11px Verdana , Verdana, Helvetica, sans-serif;  
	}

/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
		font: normal  10px Verdana , Verdana, Helvetica, sans-serif;  
		color:#565c5e;
	
	}
	.FormSubmit {
		color:#565c5e;
		font: normal  10px Verdana , Verdana, Helvetica, sans-serif;  
		height: 20px;
		background-color:#ffffff;
		border-width:1px;
	}
	SELECT,textarea{
		font: normal 11px Verdana, Arial , Helvetica, sans-serif;  
		border-color : #5b87c5;
		border-width:1px;
	}
	
	.chkBoxes{
		margin :0 ;padding:0;
	}
	.LargeInput{
		width:260px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:193px;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:125px;
	}

/**********************************************/
/* Footer */
/**********************************************/
	#Footer{
		margin : 16px 2px 0 2px;
		background-color:#2d6599;
		text-align:center;
	}
	#Footer p {
		padding-bottom:2px;
	}
	#Footer p{
		font: normal normal 10px/12px Verdana , Verdana, Helvetica, sans-serif;  
		color:#ffffff;
	}
	#Footer a{
		font: normal normal 10px/12px Verdana , Verdana, Helvetica, sans-serif;  
		color:#ffffff;
		text-decoration:underline;
	}

	.Clikeo{
		text-align:center;
		padding:10px 0 5px 0;
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#99a3c3;
	}

	.Clikeo a {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#99a3c3;
	}