/* CSS Document */

/*------------------------------------------------ index besoins--------------------*/
div#center.needs-index #titre,
div#center.needs-showNeeds #titre {
	float:left;
}
div#center.needs-index #titre h1,
div#center.needs-showNeeds #titre h1 {
	background:url(../images/needs_content_tiret_h2.png) no-repeat bottom left;
}
div#center.needs-index img,
div#center.needs-showNeeds img{
	background:url(../images/needs_tiret_img.gif) no-repeat top left;
}
div#center.needs-index div#loading img,
div#center.needs-showNeeds div#loading img{
	background:none;
}
div#center.needs-index #page-needs-content,
div#center.needs-showNeeds #page-needs-content {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*float:left;
	width:530px;*/
}
div#center.needs-index h2,
div#center.needs-showNeeds h2 {
	margin:15px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	color:#666;
	font:bold italic 1.8em Trebuchet MS;
}
div#center.needs-index .col100 h4,
div#center.needs-showNeeds .col100 h4,
div#center.needs-showNeeds .rattachements h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 20px;
	color:#fff;
	font:bold 1.6em Trebuchet MS;
	background-color:#f2c230;
}
div#center.needs-showNeeds h5{
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 30px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	background-color:#f2ece1;
}
div#center.needs-showNeeds p {
	margin:0px 20px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:15px;
	overflow:hidden;
}
div#center.needs-showNeeds ul {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
div#center.needs-showNeeds .col100 ul li,
div#center.needs-showNeeds .rattachements ul li{
	margin:0px 20px 0px 0px;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	text-indent:12px;
	background:url(../images/needs_content_puce.gif) no-repeat top left;
}
div#center.needs-showNeeds .col100 ul li.li-link,
div#center.needs-showNeeds .rattachements ul li.li-link{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	overflow:hidden;
	text-indent:12px;
	background:none;
}
div#center.needs-showNeeds .col100 ul li a,
div#center.needs-showNeeds .rattachements ul li a{
	text-decoration:underline;
	color:#333333;
}
div#center.needs-showNeeds .col100 ul li a:hover,
div#center.needs-showNeeds .rattachements ul li a:hover{
	text-decoration:none;
	color:#666666;
}
div#center.needs-showNeeds table {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:697px;
	background-color:#FFFFFF;
}
div#center.needs-index .content-text-top,
div#center.needs-showNeeds .content-text-top{
	background:url(../images/needs-content-coin.gif) no-repeat right;
	height:13px;
	overflow:hidden;
}
div#center.needs-index .content-text,
div#center.needs-showNeeds .content-text{
	padding:25px 0px 15px 20px;
	background-color:#FFFFFF;
	overflow:hidden;
}
div#center .simple .content-text-top{
	background:url(../images/general-content-coin.gif) no-repeat right;
}
div#center .simple .content-text{
	padding:10px 0px 15px 20px;
}
div#center.needs-index .content-text .col50,
div#center.needs-showNeeds .content-text .col50{
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	width:45%;
}
div#center.needs-index .content-text .col50 h5,
div#center.needs-showNeeds .content-text .col50 h5{
	margin:0px 0px 10px 0px;
	padding:8px 15px 8px 15px;
}
div#center.needs-index .content-text .col50 p,
div#center.needs-showNeeds .content-text .col50 p{
	margin:0px 0px 10px 0px;
	padding:0px 15px 0px 15px;
	width:auto;
}
div#center.needs-index .content-text .col50 ul,
div#center.needs-showNeeds .content-text .col50 ul{
	margin:0px 0px 10px 0px;
	padding:5px 15px 0px 15px;
	width:auto;
}
/* ------------- besoins bloc important */
div#center.needs-index .important,
div#center.needs-showNeeds .important {
	margin:0px 10px 40px 0px;
	padding:0px 0px 0px 3px;
	background:url(../images/needs_important_left.gif) no-repeat bottom left;
}
div#center.needs-index .important h4,
div#center.needs-showNeeds .important h4{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 20px;
	color:#f2c230;
	background:url(../images/needs_important_middle_small.gif) repeat-y top right;
}
div#center.needs-index .important h4 span,
div#center.needs-showNeeds .important h4 span{
	display:block;
	margin:0px;
	padding:0px 20px 0px 100px;
	height:52px;
	color:#f2c230;
	background:url(../images/needs_important_titre.gif) no-repeat top left;
	overflow:hidden;
	font-size:1.1em;
}
div#center.needs-index .important .content-text-top,
div#center.needs-showNeeds .important .content-text-top{
	padding:0px 0px 0px 0px;
	background:url(../images/needs_important_top.gif) no-repeat top right;
}
div#center.needs-index .important .content-text-top span,
div#center.needs-showNeeds .important .content-text-top span{
	padding:0px 0px 0px 0px;
	/*background:url(../images/needs_content_important_top_coin.gif) no-repeat top left;*/
}
div#center.needs-index .important .content-text,
div#center.needs-showNeeds .important .content-text{
	padding:15px 25px 15px 35px;
	background:url(../images/needs_important_middle.gif) no-repeat right bottom;
	overflow:hidden;
}
div#center.needs-index .important .content-text table,
div#center.needs-showNeeds .important .content-text table{
	width:100%;
}
/* ------------- besoins produits rattachés */
div#center.needs-showNeeds .rattachements{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#center.needs-showNeeds .rattachements .content-text{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}
div#center.needs-showNeeds .rattachements .content-text .item{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:235px;
	height:inherit;
}
div#center.needs-showNeeds .rattachements h5{
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 17px;
}
div#center.needs-showNeeds .rattachements h5 a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 33px;
	background:url(../images/needs_content_picto_open.gif) no-repeat top left;
	height:19px;
	color:#808080;
}
div#center.needs-showNeeds .rattachements h5 a.close{
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 33px;
	background:url(../images/needs_content_picto_close.gif) no-repeat top left;
	height:19px;
	color:#808080;
}
div#center.needs-showNeeds .rattachements h5 a:hover{
	color:#666;
}
div#center.needs-showNeeds .rattachements ul {
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	border-color:#FFFFFF;
	/*width:239px;*/
}
div#center.needs-showNeeds .rattachements th{
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 30px;
	color:#e3ab00;
	width:239px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	height:40px;
}
div#center.needs-showNeeds .rattachements table tr {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#center.needs-showNeeds .rattachements table td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}
div#center.needs-showNeeds .rattachements table ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#center.needs-showNeeds .rattachements table li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
}
div#center.needs-showNeeds .rattachements table li a {
	color:#666666;
	text-decoration:none;
}
div#center.needs-showNeeds .rattachements table li a:hover{
	color:#666666;
	text-decoration:underline;
}
div#center.needs-showNeeds .rattachements-bottom {
	margin:0px 10px 30px 0px;
	padding:7px 7px 0px 0px;
	height:43px;
	background-color:#997734;
	color:#FFFFFF;
	text-align:right;
}


/* ------------- besoins immo */
div#center.needs-showNeeds .bloc-immo{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 30px;
	overflow:hidden;
	background-color:#FFFFFF;
}
div#center.needs-showNeeds .present-immo{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:510px;
	overflow:hidden;
}
div#center.needs-showNeeds .present-immo .col50{
	margin:0px 30px 20px 0px;
	padding:0px 0px 0px 0px;
	width:211px;
}
div#center.needs-showNeeds .present-immo .col50 p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	width:183px;
	font-size:0.9em;
}
div#center.needs-showNeeds .present-immo h4{
	margin:0px 0px 30px 8px;
	padding:0px 0px 0px 0px;
	color:#997734;
	background:none;
}
div#center.needs-showNeeds .present-immo h5{
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	width:103px;
	float:left;
	background:none;
	color:#666;
	font-size:0.9em;
}
div#center.needs-showNeeds .present-immo .needs-immo-savoirplus{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#center.needs-showNeeds .present-immo .needs-immo-savoirplus a{
	display:block;
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	height:20px;
	width:73px;
	background:url(../images/needs_link_savoir.gif) no-repeat top left;
	text-decoration:none;
	float:left;
}
div#center.needs-showNeeds .present-immo .needs-immo-savoirplus a:hover{
	background:url(../images/needs_link_savoir_on.gif) no-repeat top left;
}
div#center.needs-showNeeds .present-immo .img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:180px;
	height:100px;
}
div#center.needs-showNeeds .present-immo .img img{
	margin:0px 0px 0px 0px;
	height:100px;
	width:180px;
}
div#center.needs-showNeeds .bloc-immo-bottom{
	margin:0px 0px 20px 0px;
	padding:10px 10px 0px 10px;
	clear:both;
	background-color:#997734;
	height:40px;
	text-align:right;
}
div#center.needs-showNeeds .bloc-immo-bottom em{
	line-height:11px;
	color:#FFFFFF;
}

/* ------------- produits conseillés */
div#center.needs-showNeeds div#products{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:200px;
}
div#center.needs-showNeeds div#products h4{
	margin:20px 0px 15px 0px;
	padding:0px 0px 5px 0px;
	color:#997734;
	font:bolder 1.4em Verdana, Arial, Helvetica, sans-serif;
}
div#center.needs-showNeeds div#products ul{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#center.needs-showNeeds div#products li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#center.needs-showNeeds div#products li a{
	display:inline-block;
	margin:0px 0px 4px 0px;
	padding:5px 15px 5px 12px;
	color:#333333;
	border-left:8px solid #dea900;
	text-decoration:none;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
div#center.needs-showNeeds div#products li a:hover{
	text-decoration:none;
	color:#dea900;
}