
#content #left,#content #middle,#content #right{
	float:left;

}
#content #left{
	width:280px;
	height:366px;
	background-image:url(../picture/interface/bg_particulier.png);
	background-repeat:no-repeat;
	position:relative;
}
#content #middle{
	width:252px;
	height:366px;
	background-image:url(../picture/interface/bg_guide.png);
	background-repeat:no-repeat;
	margin-left:20px;
	position:relative;
}
 #content #right{
	margin-left:20px;
	background-image:url(../picture/interface/bg_pro.png);
	background-repeat:no-repeat;
	position:relative;
}

#content #right{
	width:279px;
	height:366px;
}

#content #middle #form_guide{
	position:relative;
}


#content #middle #form_guide .guide{
	position:absolute;
	height:50px;
	width:50px;
	top:272px;
	left:107px;
	border:0;
}


#content #right #form_guide .guide{
	position:absolute;
	bottom:28px;
	right:3px;
	width:85px;
	height:35px;
	border:0;
}

#content #left h3,#content #middle h3,#content #right h3{
	margin-bottom:10px;
}


#content #left #form_particulier #categories_particulier,#content #right #form_pro #categories_pro{
	position:absolute;
	top:140px;
	left:35px;
}

#content #left #form_particulier select,#content #left #form_pro select{
	width:190px;
}

#content #left #form_particulier #mot_cle{
	position:absolute;
	top:190px;
	left:35px;
}

#content #right #form_pro #cfc{
		position:absolute;
	top:194px;
	left:35px;
}

#content #right #form_pro #entreprise{
		position:absolute;
	top:250px;
	left:35px;
}

#content #left #form_particulier input.input_text,#content #right #form_pro input.input_text{
	height:21px;
	width:160px;
	background-image:url(../picture/interface/input.png);
	border:0;
	background-repeat:no-repeat;
	padding-left:23px;
	padding-right:8px;
	background-color:transparent;
}

#content #left #form_particulier select,#content #right #form_pro select{
	width:190px;
}

#content #left #form_particulier .submit,#content #right #form_pro .submit{
	width:40px;
	height:40px;
	position:absolute;
	bottom:4px;
	right:7px;
	cursor:pointer;
}
#content #middle #form_pro{
	width:237px;
	height:230px;
}

#content #left #form_particulier{
	width:237px;
	height:230px;
}

#content #right #form_guide{
	width:167px;
	height:230px;

	padding:15px;
	color:#000;
	padding-top:30px;
}

#content #right #profession_pro{
	position:absolute;
	left:39px;
	top:277px;
	font-size:15px;
	width:190px;
}
#content #left #profession_particulier{
	position:absolute;
	left:36px;
	top:214px;
	font-size:15px;
}

#content .form p{
	margin:7px 0 2px 0;
}

#phrase{
	position:absolute;
	top:30px;
	left:228px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	z-index:20;
}


#cadre{
	position:absolute;
	bottom:150px;
	right:40px;
	z-index:5;
	text-align:right;	
}

#cadre p{
	margin:5px 0;
	font-size:14px;	
	font-variant:small-caps;
	font-weight:bold;
	color:#990000;
}
	
	
	
/**** NEWS ****/


#content .dyncontent_listing.middle{
	width:250px;
	border-color:#fff;
}

#content .dyncontent_listing{
	width:278px;
	float:left;
	border:1px solid #f89420;
	margin-right:20px;
	margin-top:20px;
	position:relative;
	height:175px;

}
#content .dyncontent_listing.last{
	margin-right:0;
}

#content .dyncontent_listing .title{
	font-weight:bold;
	color:#f89420;
	font-size:14px;
}

#content .dyncontent_listing .title{
	padding:20px 20px 0 20px;
}
#content .dyncontent_listing .content_news{
	padding:0 0 0 20px;
	overflow:hidden;
	height:125px;
}

#content .dyncontent_listing.middle .content_news .texte{
	width:130px;
}
#content .dyncontent_listing .content_news .texte{
	width:150px;
	float:left;
	padding-bottom:20px;
}
#content .dyncontent_listing .content_news .texte h4{
	text-align:right;
	margin:0;
}
#content .dyncontent_listing .content_news .texte h4 a{
	color:#f89420;
	border-color:#f89420;
}

#content .dyncontent_listing .content_news .image{
	padding-top:10px;
	width:80px;
	float:right;
}
