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

	* {margin: 0; padding: 0;}	

	#container { 
		margin-bottom: 0px; 
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 18px; 
		overflow: hidden; 
		position: relative;  
		text-align: left; 
		width: 790px;
		border :1px #b7bfc5 solid;
		background-color:#ffffff;
	}
	
	img {
        border: 0 none;
	}



/**********************************************/
/*	HOME	*/
/**********************************************/
		#ContenuTexteSansImage {
			position:absolute;
			bottom:0;
			left:0;
			z-index:0;
			width:350px;
			height:177px;
		}
		#ContenuTexte {
			position:absolute;
			top:138px;
			left:0;
			width:210px;
			height:177px;
			z-index:0;
			margin:0;padding:0;
			background-color:#fff;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
		}

		#ContenuTexteTexte {
			position:absolute;
			left:13px;
			bottom:10px;
			margin:0;padding:0;
			z-index:100;
		}
		#ContenuTexteTexte h1{
			font: normal bold 28px Arial, Arial, Helvetica, sans-serif;  
			color:#348091;
			padding-top:0;
			padding-bottom:0;
		}
		#ContenuTexteTexte small{
			/*font: normal bold 16px Arial, Arial, Helvetica, sans-serif;  */
			line-height:15px;
			color:#348091;
			padding-top:0;
			padding-bottom:0;
		}
		

/**********************************************/
/*	Détail produits	*/
/**********************************************/
	.TitreProduit{
		font: normal bold 14px Arial, Arial, Helvetica, sans-serif;  
		padding-bottom:0px;
	}
	.ChapeauProduit p{
		font-weight:bold;
	}
	.ListeProduits p{
		font: normal normal 11px Arial, Arial, Helvetica, sans-serif;  
		line-height:18px;
		padding-bottom:0px;
	}
	.ListeProduits h2{
		padding-top:0px;
		margin-top:0px;
	}
	#DetailProduit{
		padding:10px 8px 8px 10px;
	}
	#DetailProduit p{
		line-height:16px;
	}
		
	#DetailProduit { 
		height:274px; 
		position:relative;
	}

	html>body #DetailProduit {
		height: auto;
		min-height: 274px; 
	} 

	#scroller {
		overflow: hidden;
		width: 302px;
		
	}
	#ShowThumbnail img {
		background-color: #F3F3F3;
	}
	#ShowThumbnail img:hover {
		background-color: #E3E3E3;
	}
	#Photos{
		border: 1px #addae4 solid;
	}
	
	.BoutonContactOffre {
		padding : 0px 0 1px 20px;
		margin:15px 45px 0 10px;
		color:#ffffff;
		background : #51d3ec url(/ideoimmo_images/site/fleche-nouveaute.gif) no-repeat 4px 1px ; 	
	}
	.BoutonContactOffre a {
		color:#ffffff;
		text-decoration:none;
	}

/**********************************************/
/*	Liste produits	*/
/**********************************************/
	#Pager {
		font: normal normal 10px Arial, Arial, Helvetica, sans-serif;  
		position:absolute;
		bottom:0;
		padding-right:18px;
		padding-left:13px;
	}
	.Pager a.Selected {
		font: normal bold 15px/12px Arial, Arial, Helvetica, sans-serif;  
		color:#258297;
		text-decoration:none;

	}
	.Pager a {
		font: normal normal 11px Arial, Arial, Helvetica, sans-serif;  
		color:#258297;
		text-decoration:none;
	}
	.ListeProduits h2{
		font: normal bold 12px Arial, Arial, Helvetica, sans-serif;  
		line-height:20px;
		padding-bottom:0px;
	}
	.ListeProduits p{
		font: normal normal 11px Arial, Arial, Helvetica, sans-serif;  
		line-height:18px;
		padding-bottom:0px;
	}
	.Trieur {
		height:187px;
		background-color : #b9edf7;
		vertical-align:top;
		font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;  
	}
	.TrieurElement{
		margin:5px 0 5px 10px;
		font: normal normal 12px/12px Verdana, Arial, Helvetica, sans-serif;  
	}
	.BoutonValider {
		padding : 0px 0 1px 16px;
		margin:15px 95px 0 10px;
		color:#ffffff;
		background : #51d3ec url(/ideoimmo_images/site/fleche-nouveaute.gif) no-repeat 4px 1px ; 	
	}
	.BoutonValider a {
		color:#ffffff;
		text-decoration:none;
	}

	
		
/**********************************************/
/*	Navigation	*/
/**********************************************/
	.Nav {
		background-color : #51d3ec;
		vertical-align:middle;
		height:274px;
	}
	.NavElement{
		/*height:30px;*/
		padding : 8px 0 8px 22px;
		background :url(/ideoimmo_images/site/fleche.gif) no-repeat 6px 12px ; 	
	}
	.NavElement a{
		color : #ffffff;
		text-decoration:none;
		font: normal bold 15px Verdana, Arial, Helvetica, sans-serif;  
	}
	.NavElement .PreTitre{
		font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;  
	}

	.NavElementSel {
		background-color:#3ccbe7;
	}


	.SousNav {
		height:177px;
		background-color : #b9edf7;
		vertical-align:top;
	}
	.SousNavElement{
		/*height:19px;*/
		padding : 5px 0 5px 39px;
		background :url(/ideoimmo_images/site/fleche-sousnav.gif) no-repeat 17px 8px ; 	
	}
	.SousNavElement a{
		color : #317685;
		text-decoration:none;
		font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;  
	}

	.VendezAchetezSousNav {
		padding : 0px 0 1px 30px;
		color:#ffffff;
		background : #ff6600 url(/ideoimmo_images/site/fleche-orange.gif) no-repeat 13px 2px ; 	
	}
	.VendezAchetezSousNav a{
		color:#ffffff;
		text-transform:uppercase;
		text-decoration:none;
		font: normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;  
	}

	.Nouveaute {
		padding : 0px 0 1px 20px;
		margin:4px 35px 0 0;
		color:#ffffff;
		background : #5cb6ca url(/ideoimmo_images/site/fleche-nouveaute.gif) no-repeat 4px 1px ; 	
	}
	.Nouveaute a{
		text-transform:uppercase;
		font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
		text-decoration:none; 
		color:#ffffff;
	}
	.ProduitNews {
		font: normal normal 11px arial, Arial, Helvetica, sans-serif;  
		color:#258297;
	}
	.ProduitNews a{
		text-decoration:none;
		color:#258297;
	}	


	.IntroMenuFR{
		width:74px;
		z-index:4;
		padding-left:22px;
		margin-bottom:4px;
		background :#ff6600 url(/ideoimmo_images/site/puce-orange.gif) no-repeat 9px 4px ; 	
	}
	.IntroMenuEN{
		width:74px;
		z-index:4;
		padding-left:22px;
		background :#51d3ec url(/ideoimmo_images/site/puce-bleu.gif) no-repeat 9px 4px ; 	
	}
	
	.IntroMenuFR a,.IntroMenuEN a{
		color : #ffffff;
		font: normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;  
		text-decoration:none;
	}

				.EspaceClient {
					padding : 0px 0 1px 28px;
					margin-right:10px;
					margin-bottom:21px;
					color:#ffffff;
					background : #74dcf0 url(/ideoimmo_images/site/fleche-home-bleu.gif) no-repeat 15px 3px ; 	
				}
				.EspaceClient a{
					color:#ffffff;
					text-transform:uppercase;
					text-decoration:none;
					letter-spacing:-0.05em;
					font: normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;  
				}


				.ContactRecherche {
					padding : 0px 0 1px 28px;
					margin-right:10px;
					margin-bottom:21px;
					color:#ffffff;
					background : #ff6b08 url(/ideoimmo_images/site/fleche-home-orange.gif) no-repeat 15px 6px ; 	
				}
				.ContactRecherche a{
					color:#ffffff;
					text-decoration:none;
					font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;  
				}
				.ContactRecherche a strong{
					color:#ffffff;
					text-decoration:none;
					font: normal bold 15px Verdana, Arial, Helvetica, sans-serif;  
				}


				
				.Contact {
					padding : 0px 0 1px 28px;
					margin-right:10px;
					margin-bottom:21px;
					color:#ffffff;
					background : #ff6b08 url(/ideoimmo_images/site/fleche-home-orange.gif) no-repeat 15px 3px ; 	
				}
				.Contact a{
					color:#ffffff;
					text-transform:uppercase;
					text-decoration:none;
					font: normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;  
				}
				
				
				.Edito {
					color:#ffffff;
				/*	text-align:justify;
					font: normal bold 12px Arial, Arial, Helvetica, sans-serif;  */
				}
				.VendezAchetez {
					padding : 0px 0 1px 40px;
					width:115px;
					color:#ffffff;
					background : #ff6600 url(/ideoimmo_images/site/fleche-orange.gif) no-repeat 22px 2px ; 	
				}
				.VendezAchetez a{
					color:#ffffff;
					text-transform:uppercase;
					text-decoration:none;
					font: normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;  
				}
				.LaSelection {
					padding : 1px 0 2px 20px;
					color:#ffffff;
					background : #ff6600 url(/ideoimmo_images/site/fleche-orange.gif) no-repeat 7px 3px ; 	
				}
				.LaSelection a{
					color:#ffffff;
					text-transform:uppercase;
					text-decoration:none;
					font: normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;  
				}
				.Footer p, .Footer2 p,.Footer , .Footer2  {
					color:#5cb6ca;
					padding:0 0 1px 0;
				}
				.Footer {
					background-color:#def0f4;
					font: 9px Verdana , Arial, Helvetica, sans-serif;
				}
				.Footer2 {
					background-color:#def0f4;
					font: 9px Verdana , Arial, Helvetica, sans-serif;
				}
				.Footer2 a {
					font: 9px Verdana , Arial, Helvetica, sans-serif;
					color:#5cb6ca;
					text-decoration:none;
				}

				.FooterIntro {
					padding: 0px 0 0px 0;
					font: 9px Verdana , Arial, Helvetica, sans-serif;
					color: #ffffff;
				}
				.FooterIntro a {
					font: 9px Verdana , Arial, Helvetica, sans-serif;
					color:#ffffff;
					text-decoration:none;
				}
				.FooterIntro p {
					color:#ffffff;
					padding: 4px 0;
					line-height: 14px;
				}


				
	
/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	.TresPetite { font-size:9px; }
	.Petite 	{ font-size:10px; }
	.Normal 	{ font-size:11px; }
	.Moyenne 	{ font-size:12px; }
	.Grande 	{ font-size:14px; }
	.TresGrande { font-size:16px; }	

	.Ideo18 { font-size:16px; }	
	.Ideo22 { font-size:20px; }	
	.Ideo28 { font-size:26px; }	
	.Orange18 { font-size:16px;color:#ff6600;  }	
	.Orange22 { font-size:20px;color:#ff6600;  }	
	.Orange28 { font-size:26px;color:#ff6600;  }	
	.Orange { color:#ff6600; }
	
	h1 { 
		font: normal normal  20px Arial, Georgia , Helvetica, sans-serif; 
		padding : 0 0 10px 0;
		margin : 0 0 0 0;
	}
	h1 small{
		font: normal normal 22px Arial, Arial, Helvetica, sans-serif;  
	}
	h2 { 
		font: normal bold 14px Arial, Georgia , Helvetica, sans-serif;  
		padding : 0 0 7px 0;
		margin : 0 0 0 0;
	}
	h3{ 
		font: normal bold 12px Arial, Georgia , Helvetica, sans-serif;  
		padding : 0 0 5px 0;
		margin : 0 0 0 0;
		
	}
	h4{ 
		font: normal normal 12px Arial, Georgia , Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
	}
	li {margin-left: 0; padding-left: 0px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		list-style: none;
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 8px;
		
	}
	ol {
		list-style: none;
	}
	li { 
		line-height:19px;
		padding-bottom:2px;
	}
	li a { 
		text-decoration:underline;
	}
	a { 
		font-weight:bold;
		color : #258297;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	td, p {
	}
	
	p {
		padding-bottom : 10px;
		line-height:19px;
	}
	form{
		margin:0; padding:0;
	}
	blockquote {
		margin-top:0px;
	}

/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
		font: normal  10px Arial , Arial, Helvetica, sans-serif;  
		color:#258297;
	}
	.FormSubmit {
		font: normal 11px Arial, Arial , Helvetica, sans-serif;  
		height: 20px;
		width: 70px;
		background-color:#ffffff;
		color:#258297;
		border: 1px solid #565c5e;
		margin:2px;
	}
	.FormContact input,
	.FormContact select,
	.FormContact textarea {
		font: normal 11px Arial, Arial , Helvetica, sans-serif;  
		color : #258297;
		padding:0px;
		margin:2px;
		/*border: 1px solid #565c5e;*/
	}
	
	.chkBoxes{
		}
	.LargeInput{
		width:239px;
	}
	.SmallInput{
		width:55px;
	}
	.MediumInput{
		width:175px;
	}
	.XSmallInput{
		width:30px;
	}
	.HalfInput{
		width:116px;
	}
	
	.Cnil p {
		line-height: 10px;
		font-size: 8px;
	}
	.texteFlash {
		position: absolute;
		width: 100%;
		z-index: -1;
	}
/**********************************************/
/* Footer */
/**********************************************/

	.Clikeo { 
		padding-top:10px;
		width:100%;
		color: #eaeae3;
		text-align : center;
	}
	.Clikeo a { 
		color: #eaeae3;
		font: normal normal 9px Arial; 
		text-decoration : none;
	}
	.Clikeo a:hover { 
		text-decoration : underline;
	}
	
	.PlanContact ,.PlanContact  a{
		color:#dbdbd3;
		padding-top:5px;
		text-align:center;
	}