
.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {  }
.ui-tabs .ui-tabs-nav li {  }
.ui-tabs .ui-tabs-nav li a {  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {  }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* div recherche */

#col-main .recherche {
	position: relative;
}

	#col-main .recherche ul.onglets {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		#col-main .recherche ul.onglets li {
			float: left;
			width: 200px;
			height: 25px;
			margin-right: 2px;
			background: url("../img/recherche-onglet-off.png");
			line-height: 25px;
			text-align: center;
		}
		
		#col-main .recherche ul.onglets li.ui-tabs-selected {
			background: url("../img/recherche-onglet-on.png");
		}
		
			#col-main .recherche ul.onglets li a {
				display: block;
				height: 25px;
				text-align: center;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}

	#col-main .recherche h2 {
		display: none;
	}
	
	#col-main .recherche h3 {
		font-size: 13px;
		margin: 0 5px;
		padding: 5px;
	}
	

	#col-main .recherche .bordure-haut {
		clear: both;
		height: 5px;
		background: url("../img/recherche-bordure-haut-656.png");
		background-position: 0 -24px;
		overflow: hidden;
	}

	#col-main .recherche .bordure-bas {
		clear: both;
		height: 5px;
		background: url("../img/recherche-bordure-bas-656.png");
	}

	#col-main .recherche .contenu {
		border-left: 1px solid #a23379;
		border-right: 1px solid #a23379;
		background: #926d84 url("../img/recherche-fond.png") repeat-x;
		color: #fff;
	}

		#col-main .recherche .contenu .header {
			position: absolute;
			left: 110px;
			top: 0px;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			color: #999;
		}

		#col-main .recherche .contenu .recherche-form {
			padding: 10px;
			clear: both;
		}
		

		#col-main .recherche .ui-autocomplete {
			width: 500px;
			max-height: 220px;
			overflow: auto;
			overflow-x: hidden;
			overflow-y: auto;
		}		
		
		#col-main .recherche #moteur_offres {
		}
		
	
			#col-main #moteur_offres_localisation {
				
			}
			
			#col-main #moteur_offres_jecherche {
				margin-top: 5px;
				
			}
		
			#col-main #moteur_offres_typerecherche {
				height: 24px;
				line-height: 24px;
			}
			
				#col-main #moteur_offres_typerecherche .radio {
					float: left;
					height: 24px;
					margin-right: 5px;
				}
		
				#col-main #moteur_offres_appartager {
					float: left;
					height: 24px;
					border: 1px solid #fff;
				}
		
					#col-main #moteur_offres_appartager .image {
						float: left;
						height: 24px;
					}

			#col-main #moteur_offres_submit {
				clear: both;
			}
		
		
		
		
		
		
		
		
		
		
		

			#col-main .recherche .contenu .recherche-champ, #col-main .recherche .contenu .recherche-champ-submit {
				 clear: both; 
			}
			
			#col-main .recherche .contenu .recherche-champ-radio {
				float: left;
				margin-right: 5px;
			}
				
				#col-main .recherche .contenu .recherche-champ-radio label {
					line-height: 15px;
				}
			
			#col-main .recherche .contenu .appartager {
				float: left;
				border: 1px solid #fff;
			}
			
				#col-main .recherche .contenu .appartager a {
					display: block;
					float: left;
				}
				
				#col-main .recherche .contenu .appartager img {
					display: block;
					border: none;
					margin: 0;
				}
		
			#col-main .recherche .contenu .recherche-champ label {
				margin: 5px 0;
				width: 80px;
				display: block;
				float: left;
			}
		
			#col-main .recherche .contenu .recherche-champ input, #col-main .recherche .contenu .recherche-champ select {
				display: block;
				float: left;
				margin: 2px 0;
			}
			
			#col-main .recherche .contenu .recherche-champ-submit input {
				margin: 5px 0;
			}
			
			#moteur_residences_lieu, #moteur_offres_lieu {
				width: 500px;
			}
		

		
		#col-main .recherche .contenu .form {
			padding: 10px;
		}

			#col-main .recherche .contenu .form #recherche-champ{
				width: 500px;
			}
			
			#col-main .recherche .contenu .form input {
				margin: 5px 0;
			}
			
		#col-main .recherche .contenu .superslogan {
			padding: 0 10px 10px 10px;
			font-size: 14px;
			font-weight: bold;
			font-style: italic;
		}

		#col-main .recherche .contenu #annonces_slider {
			height : 125px;
			overflow : hidden;
			position : relative;
			width : 654px;
		}
		
			#col-main .recherche .contenu .annonces {
				background: #f0f0f0;
				height: 115px;
				overflow: hidden;
				position : absolute;
				width : 654px;
			}
			
				#col-main .recherche .contenu .annonces .annonce {
					float: left;
					width: 218px;
				}
				
					#col-main .recherche .contenu .annonces .annonce img {
						float: left;
						display: block;
						max-width: 95px;
						max-height: 95px;
						border: 1px solid #ccc;
						margin: 10px 5px 0 10px;
					}
					
					#col-main .recherche .contenu .annonces .annonce p {
						float: left;
						margin: 10px 0;
						width: 95px;
						height: 95px;
						line-height: 140%;
						color: #666;
					}
					
					#col-main .recherche .contenu .annonces .annonce .intitule a {
						text-decoration: none;
						color: #000;
					}
			
			#col-main .recherche .contenu .annonces-fleches {
				background: transparent url("../img/recherche-annonces-fond.png") no-repeat;
				height: 20px;
				width : 654px;
				margin-bottom: 10px;		
				position: absolute;	
				top : 110px;
			}
			
				#col-main .recherche .contenu .annonces-fleches .fleche-gauche {	
					position: absolute;
					left: 10px;
					top: 2px;
					width: 33px;
					text-align: center;
				}
				
				#col-main .recherche .contenu .annonces-fleches .fleche-droite {	
					position: absolute;
					right: 10px;
					top: 2px;
					width: 33px;
					text-align: center;
				}
				
				#col-main .recherche .contenu .annonces-fleches a {
					color: #ff7700;
					font-size: 10px;
					font-weight: bold;
					text-decoration: none;
				}
			
				#col-main .recherche .contenu .annonces-fleches a:hover {
					color: #5c103d;
				}
				
		#col-main .recherche .contenu .partenaire {
			background: #fff url("../img/recherche-partenaire.png") no-repeat 0 5px;
		}
		
			#col-main .recherche .contenu .partenaire .contenu {
				background: transparent;
				padding: 3px 60px 3px 120px;
				border: none;
				height: 60px;
			}
		
		#col-main .recherche .contenu .voir {
			float: left;
			margin: 5px 10px;
			font-size: 10px;
			font-weight: bold;
		}
		
			#col-main .recherche .contenu .voir a {
				color: #fff;
				text-decoration: none;
			}

		#col-main .recherche .contenu .nb {
			float: right;
			margin: 5px 10px;
			font-size: 10px;
		}















.deuxcols {
	clear: both;
}

.deuxcols .col-gauche {
	width: 323px;
	float: left;
}

.deuxcols .col-milieu {
	width: 323px;
	float: right;
}

.encadre-bordure-haut {
	width: 323px;
	height: 5px;
	background: url("../img/encadre-bordure-haut.png");
}

.encadre-bordure-bas {
	width: 323px;
	height: 5px;
	background: url("../img/encadre-bordure-bas.png");
	margin-bottom: 10px;
}

.encadre {
	width: 321px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}

.encadre .contenu {
	margin: 0 4px;
	padding: 5px;
	background: #ccc url("../img/encadre-fond.png") repeat-x;
}

.encadre .contenu img.vignette {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 90px;
	height: 40px;
}

.encadre .contenu span.chapo {
	font-weight: bold;
}

#col-main .encadre .contenu p {
	margin: 10px 0;
}


#col-main .encadre .contenu h2 {
	font-size: 14px;
	font-weight: bold;
	color: #5c103d;
	margin: 0 0 10px 0;
}

#col-main .encadre .contenu h2.milieu {
	margin: 10px 0;
}


#col-main .encadre .contenu h3 {
	font-size: 12px;
	font-weight: bold;
	color: #5c103d;
	margin: 10px 0;
}

#col-main .encadre .contenu img {
	vertical-align: middle;
}

#col-main .encadre .contenu a.suite {
	padding-left: 10px;
	background-image: url("../img/puce-lien-grise.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #666;
	text-decoration: none;
}
#col-main .encadre .contenu ul { padding-left:15px;}
#col-main .encadre .contenu li { margin:0; padding:3px 0;}
#col-main .encadre .contenu li a { text-decoration:none; color:#333333;}

#col-main .publiredac {
	margin-bottom: 10px;
	background: #fff url("../img/publiredac.png") no-repeat 0 5px;
}

	#col-main .publiredac .contenu {
		padding-top: 15px;
		padding-bottom: 5px;
	}
	
		#col-main .publiredac .contenu img.logo{
			display: block;
			float: left;
			margin: 5px 5px 5px 0;
			border: 1px solid #cfcfcf;
			width: 50px;
			height: 50px;
		}

		#col-main .publiredac .contenu p {
			margin: 0 5px 0 0;
			padding: 5px 0;
			line-height: 140%;	
			font-size: 10px;
			color: #333;
		}		
		
		#col-main .publiredac .contenu .titre {
			font-weight: bold;
			font-size:11px;
		}
			






#col-main .autopromo {
	background: url("../img/autopromo-140x230.png");
	width: 140px;
	height: 230px;
	float: right;
	margin-top: 10px;
}









.slide {
	z-index: 1;
	position: relative;
	width: 506px;
	height: 230px;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	float: left;
}

	.slide .image {
		width: 1012px;
		height: 230px;
	}
	
		.slide .image img {
			width: 506px;
			height: 230px;
		}
		
	.slide .legende {
		z-index: 10;
		left: 5px;
		position: absolute;
		top: 163px;
		width: 496px;
		height: 50px;
		overflow-y: auto;
		overflow-y: hidden;
		overflow-x: none;
		background: transparent url("../img/slide-legende.png");
		color: #5c103d;
	}
	
		.slide .legende .contenu {
			z-index:10;
			position:relative;
			padding:2px 5px 2px 4px;
		}
	
			.slide .legende .contenu .titre {
				z-index: 10;
				position: relative;
				font-weight: bold;
				font-size: 16px;
			}
	
					.slide .legende .contenu .titre a {
						z-index: 10;
						position: relative;
						color: #FFFFFF;
						text-decoration: none;
					}
					
			.slide .legende .contenu .texte {
				z-index: 10;
				position: relative;
				color: #FFFFFF;
			}
			
	.slide .pagination {
		z-index: 20;
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
	}
	
	.slide .pagination img {
		margin-left: 5px;
	}

	.slide .cache{
		z-index : 20;
		position : absolute;
		top: 0;
		left: 0;
		width: 506px;
		height: 230px;
		background: url("../img/slide-cache.png");
	}


	.telechargement {
		margin: 10px 0;
		/*width: 323px;*/
		height: 153px;
		background: url("../img/telechargement.png");
		padding:10px 0 0 35px;
	}
.telechargement .mag_couv{ float:left; width:120px;}
.telechargement .mag_titre{ float:left; width:120px;}
.telechargement .mag_titre a { color:#342e32; text-decoration:none; font-size:11px; font-weight:bold;}
.telechargement .mag2{ float:left; width:150px;}
.telechargement .mag2 a { color:#342e32; text-decoration:none; font-size:11px; font-weight:bold;}


#col-main .encadre .contenu p.partenaire {
	margin: 5px 0;
}
