body {
	background:#3d3d3c ;
	margin: 0px;
	padding: 0px;
	font-family:verdana, Arial, Helvetica, sans-serif;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,ol,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}
p{
	font-size:11px;
	color:#ffffff;
}
a {
	text-decoration:none;
	color:#fff;
}
a:active, a:focus,submit:active{
   outline:none;
}
/*-------------------   FoND DU SITE           ---------*/
div.fond_site_accueil,
div.fond_site{
	position:relative;
	width:959px;
	padding:0 20px;
	margin:0 auto;
	background:url(../images/fonds/fond_site.jpg) repeat-y top center #000;
	min-height:700px;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/

#global{
	position:relative;
	width:940px;
	background:url(../images/fonds/partie-haute.jpg) no-repeat top center #000;
	min-height:700px;
	padding:0 10px;
} 
div.fond_site_accueil #global{
	background:url(../images/fonds/partie-haute-accueil.jpg) no-repeat top center #000;
}
/*---------------------------------------------- ENTETE -----------------------------------------*/
div#entete {
	width:464px;
	height:177px;
	position:relative;
}
div#entete div.menu_entete{
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
}
div#entete h1{
	float:left;
	font-size:12px;
	color:#fff;
	border-right:1px solid #fff;
	font-weight:400;
	padding:4px 10px;
}
div#entete h1.dernier{
	border:none;
}

div#flash_accueil {
	position:absolute;
	top:0;
	right:0;
}

/*-------------------    corps accueil     --------------------*/
#corps_index {
	width:100%;
	float:left;
}

/*---------------------------------------------- BLOC RECHERCHE -----------------------------------------*/
div#form_recherche {
	width:461px;
	margin:20px 0 0 3px;
	height:299px;
	float:left;
	display:inline;
}
div#form_recherche h1.titre{
	float:left;
	width:431px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	background:url(../images/puces/puce_carree_orange.gif) no-repeat center left;
	text-indent:20px;
	margin:10px 0 0 12px;
	display:inline;
}
div#form_recherche div.partie1 {
	width:441px;
	float:left;
	margin:4px 0 0 10px;
	display:inline;
}
div#form_recherche div.partie1 p.check {
	width:100%;
	float:left;
	margin:6px 0 0 0;
	font-size:12px;
}
div#form_recherche div.partie1 p.check input{
	margin:0 2px 0 0;
}
div#form_recherche div.partie2 {
	display:inline;
	position:relative;
	width:445px;
	height:170px;
	float:left;
	margin:16px 10px 0 10px;
	padding:20px 0 0 00px;
	background:url(../images/fonds/pointille.gif) repeat-x top left;
}
div#form_recherche div.partie2 p.check {
	width:30%;
	float:left;
	font-size:12px;
	display:inline;
	padding:0;
	line-height:12px;
	margin:0 0 4px 0;
}
div#form_recherche div.partie2 p.check input{
	margin:0 2px 0 0;
	padding:0;
	height:14px;
}
div#form_recherche div.partie2 p.select {
	width:100%;
	float:left;
	font-size:12px;
	margin:6px 0 0 0;
}
div#form_recherche div.partie2 p.select label{
	width:80px;
	float:left;
}
div#form_recherche div.partie2 p.select select{
	width:200px;
}
div#form_recherche div.partie2 p.stock a{
	position:absolute;
	bottom:40px;
	right:4px;
	z-index:99;
}
div#form_recherche div.partie2 p.submit{

}
div#form_recherche div.partie2 p.submit input{
	position:absolute;
	bottom:4px;
	right:0px;
	z-index:100;
}
/*------------------------       ZONE ACCES         ------------------*/
#zone_acces {
	float:left;
	width:296px;
	margin:180px 0 0 14px;
	display:inline;
}
#zone_acces h1{
	float:left;
	width:100%;
	margin:20px 0 10px 0;
}
#zone_acces h1 img{
	float:left;
}

/*------------    blocs annonces accueil    -----------------*/
div.annonces_accueil {
	width:444px;
	float:left;
	margin:10px 10px 0 0;
	padding:10px;
}
div.annonces_accueil h2.titre{
	width:100%;
	float:left;
	color:#fff;
	font-size:18px;
	font-weight:400;
	margin:0 0 10px 0;
}
div.annonces_accueil div.annonce{
	width:100%;
	float:left;
	padding:20px 0 20px 0;
	position:relative;
}
div.annonces_accueil div.annonce1{
	width:100%;
	float:left;
	padding:0px 0 20px 0;
	background:url(../images/fonds/pointille.gif) repeat-x bottom left;
}
div.annonces_accueil div.annonce h6.photo{
	float:left;
	margin:0 10px 0 0;
}
div.annonces_accueil div.annonce h6.photo img{
	float:left;
	border:1px solid #fff;
}
div.annonces_accueil div.annonce p{
	line-height:18px;
}
div.annonces_accueil div.annonce h6.lien{
	position:absolute;
	bottom:10px;
	right:0;
}
/*---- bloc 1  ----*/
div.acces1 {
	background:#494949;
}
div.acces1 div.annonce p span.modele{
	color:#ff6600;
}
/*---- bloc 2  ----*/
div.acces2 {
	background:#282828;
	margin: 10px 0 0 0;
}
div.acces2 div.annonce p span.modele{
	color:#9b8e00;
}

/*----- acces taxes    -------*/
#acces_tax {
	width:442px;
	float:left;
	margin:10px 10px 0 0;
	padding:10px;
	border:1px solid #fff;
	background:#171717;
	position:relative;
	height:70px;
}
#acces_tax h6.lien{
	position:absolute;
	bottom:10px;
	right:10px;
}
/*----- acces pro    -------*/
#acces_pro {
	width:442px;
	float:left;
	margin:10px 0px 0 0;
	padding:10px;
	border:1px solid #fff;
	background:#171717;
	position:relative;
	height:70px;
}
#acces_pro h3{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:400;
	margin:0 0 10px 0;
	color:#fff;
}
#acces_pro h3 a{
	color:#fff;
}
#acces_pro h6.lien{
	position:absolute;
	bottom:10px;
	right:10px;
}

/*------------------------     titre principal    ------------------------*/
h1.titre_principal {
	width:435px;
	margin:30px 257px 0 258px;
	float:left;
	color:#fff;
	font-size:22px;
	font-weight:400;
	background:url(../images/fonds/pointille.gif) repeat-x bottom left;
	padding:0 0 10px 0;
	display:inline;
}
h1.titre_principal span.partie1{
	color:#ff6500;
	background:url(../images/puces/puce_titre_principale.gif) no-repeat center left;
	padding:0 0 0 22px;
}


/*----------------------     COLONNE DE GAUCHE    ------------------*/
#colonne {
	float:left;
	width:229px;
	min-height:600px;
	margin:4px 0 0 10px;
	position:relative;
	display:inline;
	
}
*html #colonne {
height:600px;	
}
#colonne div.fond_colonne{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:13px;
}
#colonne div.haut_colonne{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:13px;

}
#colonne div.bloc {
	background:url(../images/fonds/fond_colonne_haut.jpg) no-repeat top left #171717;

	width:100%;
	margin:0 0 20px 0;
	min-height:100px;
	position:relative;
}
*html #colonne div.bloc {
	height:100px;

}
#colonne div.bloc1 {
	background:url(../images/fonds/fond_colonne.jpg) no-repeat top left #171717;
}

#colonne div.bloc  div.bas_bloc{
	background:url(../images/fonds/fond_colonne_bas.jpg) no-repeat bottom left;
	height:13px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
#colonne div.liens_principaux {
	padding:20px 20px 40px 20px;
	position:relative;
	height:380px;
	z-index:10;

}

#colonne div.liens_principaux h2{
	width:189px;
	font-size:12px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #fff;
}
#colonne div.liens_principaux h2.dernier{
	border-bottom:none;
}

#colonne div.liens_principaux h2.deux{
	margin:0px 0 0 0;
	height:20px;
	line-height:20px;
}
#colonne div.liens_principaux h2.sepa{
	margin:10px 0 0 0;
}
#colonne div.liens_principaux h2.lien_bas{
	position:absolute;
	bottom:10px;
	left:20px;
	border:none;
	margin:0;
	padding:0;
	text-align:right;
}
#colonne div.moteur {
	width:100%;
	margin:20px 0 0 0;
}
#colonne div.moteur  p.select select{
	width:100%;
}
#colonne div.moteur  p.submit input{
	float:right;
	margin:4px 0 0 0;
}
/*------------   bloc promotion   -----------------*/
#promotion {
	float:left;
	padding:20px 20px 20px 20px;
	position:relative;
}
#promotion h5 span{
	font-weight:400;
}
#bloc_promo h6{
	font-weight:700;
	font-size:14px;
	color:#ff6500;
	margin:6px 0 0 20px;
	padding:0;
}
/*-------------------    CORPS DE LA PAGE     --------------------*/
#corps {
	width:656px;
	float:left;
	background:#494949;
	margin:24px 0 0 20px;
	padding:10px;
	display:inline;
}


/*------------    liste d'annonce    ------------*/
#corps div.liste  {
	width:100%;
	float:left;
	min-height:690px;
}
#corps div.liste  h2 {
	width:100%;
	float:left;
	font-size:16px;
	font-weight:700;
	color:#fff;
	margin:40px 0 0 0;
	text-indent:20px;
	background:url(../images/puces/puce_titre_principale.gif) no-repeat center left;
	height:20px;
	line-height:20px;
}
#corps h2.titre2{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:700;
	color:#ff6500;
	margin:30px 0 30px 0;
	text-indent:20px;
	background:url(../images/puces/puce_titre_principale.gif) no-repeat center left;
	height:20px;
	line-height:20px;
}
#corps div.liste  h2 a,
#corps h2.titre2 a{
	color:#fff;
}
#corps div.liste div.annonce {
	display:inline;
	position:relative;
	float:left;
	width:656px;
	margin:0px 0px 5px 0px;
	padding:15px 0 20px 0;
	background:url(../images/fonds/pointille.gif) repeat-x bottom left;
}
#corps div.liste div.annonce h5{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	color:#ff6600;
	font-weight:400;
	font-size:12px;
	position:relative;
}
#corps div.liste div.annonce h5 span.prix{
	position:absolute;
	top:0;
	right:0;
}
#corps div.liste div.annonce h5 span.prix span.pct{
	font-weight:700;
	display:block;
	text-align:right;
}
#corps div.liste div.annonce h5 a{	
	text-decoration:none;
	color:#ff6600;
}
#corps div.liste div.annonce h6.photo {
	float:left;
	margin:0 10px 0px 0;
}
#corps div.liste div.annonce h6.photo  img{
	float:left;
	border:1px solid #fff;
}
#corps div.liste div.annonce h6.lien{
	position:absolute;
	bottom:10px;
	right:0;
}
#corps div.liste div.annonce p{
	line-height:18px;
}


/*---------------------------     ZONE DE TRI    -----------------------------*/
#corps div.zone_tri {
	width:100%;
	float:left;
	border:1px solid #fff;
	border-width:0 0 0px 0;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
#corps div.zone_tri dt{
	float:left;
	font-size:12px;
	font-weight:700;
	color:#fff;
	height:16px;
	line-height:16px;
}
#corps div.zone_tri ul {
	float:left;
	margin:0 0 0 20px;
	height:16px;
}
#corps div.zone_tri ul li {
	float:left;
	font-size:12px;
	font-weight:400;
	height:16px;
	line-height:16px;
	padding:0 0 0 10px;
	background:url(../images/puces/puce_menu_tri.gif) no-repeat center left;
	margin:0 20px 0 0;
}
#corps div.zone_tri ul li.actif  a{
	color:#ccc;
	text-decoration:underline;
}
/*--------    page professionnels   ---------*/
div.espace_pro {
	float:left;
	width:100%;
	margin:20px 0 10px 0;
	padding:10px 0 0 0;
	background:url(../images/fonds/pointille.gif) repeat-x top left;
}
div.espace_pro  h6{
	float:left;
	width:100%;
	font-size:12px;
	color:#fff;
	font-weight:700;
	margin:20px 0 10px 0;
}


/*-------------------    TEXTES STANDARDS   -------------------*/ 
div.textes  h6{
	font-size:12px;
	color:#ff6500;
	font-weight:700;
	margin:20px 0 10px 0;
}
div.textes  p{
	margin:15px 0 5px 0;
	line-height:14px;
}
div.textes dt{
	margin:20px 0 0px 0;
	line-height:14px;
	color:#fff;
	font-size:12px;
	font-weight:700;
	padding:0 0 0 10px;
}
div.textes ul{
	margin:0px 0 10px 0;
	color:#fff;
	list-style-type:circle;
	list-style-position:inside;
	font-size:12px;
	margin:0 0 0 20px;
	font-weight:400;
}
div.textes ul.num{
	list-style-type:decimal;
	list-style-position:outside;
	margin:0 0 0 40px;
}
div.textes ul.liste_puce2{
	list-style-type:none;
	float:left;
	margin:20px 0 0 0;
}
div.textes ul.liste_vendre{
	list-style-type:decimal;
	list-style-position:inside;
}

div.textes ul.liste_puce2 li{
	background:url(../images/puces/puce_1.gif) no-repeat left center;
	height:28px;
	line-height:12px;
	padding:8px 0 0 30px;
	margin:0;
	font-size:12px;
}
div.textes ul li{
	margin:0 0 4px 0;
	line-height:14px;
	font-size:11px;
	font-weight:400;
}
/*---------------   FORMULAIRE   -------------------*/
div.formulaire {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
div.formulaire p.label{
	width:150px;
	float:left;
}
div.formulaire input.normal{
	width:250px;
}
div.formulaire input.grand{
	width:450px;
}
div.formulaire textarea.grand{
	width:450px;
	height:250px;
}

/*----------      message - ----*/
div.mess {
	width:90%;
	float:left;
	border:2px solid #fff;
	margin:12px 4%;	
	display:inline;
}
div.mess dt{
	font-size:12px;
	margin:10px 20px 0 20px;
	font-weight:700;
	color:#fff;
}
div.mess p{
	margin:10px 20px;
	font-size:12px;
	color:#fff;
}
div.mess a{
	color:#000;
	text-decoration:underline;
}
div.mess ul{
	margin:0 20px;
	list-style-type:square;
	list-style-position:inside;
}
div.mess ul li{
	font-size:12px;
	color:#fff;
}


/*---------------------        DETAILS DE L'OFFRE         ----------------*/
div.details_offre {
	width:100%;
	float:left;
}
div.details_offre div.haut{
	width:636px;
	float:left;
	position:relative;
	margin:0 10px;
	display:inline;
	background:url(../images/fonds/pointille.gif) repeat-x bottom left;
	z-index:1;
}
div.details_offre div.haut h2{
	width:450px;
	float:left;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:400;
	color:#ff6500;
}
#corps div.details_offre div.haut h3.tarif{
	float:right;
	padding:4px 10px;
	background:#c1c1c1;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:700;
	color:#000;
	z-index:100;
}
#corps div.details_offre div.haut h3.tarif span.pct{
	font-weight:400;
}
#corps div.details_offre div.bloc_photos{
	float:left;
	width:200px;
	margin:20px 20px 0 0;
}
#corps div.details_offre div.bloc_photos p.nums{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
#corps div.details_offre div.bloc_photos p.photos_contactuelles{
	color:#c9c9c9;
}
#corps div.details_offre div.bloc_photos p.nums a:hover{
	text-decoration:underline;
}
#corps div.details_offre div.infos_offre{
	float:right;
	width:436px;
	margin:20px 0px 0 0;
}
#corps div.details_offre div.infos_offre ul{
	list-style-type:none;
	margin:0 0 20px 0;
	float:left;
}
#corps div.details_offre div.infos_offre ul.options{
	background:url(../images/fonds/pointille.gif) repeat-x top left;
	padding:20px 0 0 0;
}
#corps div.details_offre div.infos_offre ul li{
	font-size:12px;
	color:#fff;
	margin:0 0 10px 0;
	line-height:16px;
	font-weight:700;
	width:100%;
	float:left;
}
#corps div.details_offre div.infos_offre ul li span{
	font-size:12px;
	color:#fff;
	font-weight:400;
	padding:0 0 0 20px;
	background:url(../images/puces/puce_carree_orange.gif) no-repeat center left;
}
#corps div.details_offre div.btns{
	float:left;
	width:200px;
	margin:100px 20px 0 0;
}
#corps div.details_offre div.btns h2{
	float:left;
	margin:20px 0px 0 0;
}


/*----------   bloc location    ------------*/
#corps div.tableau_loc {
	width:100%;
	float:left;
	margin:20px 0 0 0;
	padding:14px 0 20px 0;
	background:url(../images/fonds/pointille.gif) repeat-x top left;
}
#corps div.tableau_loc h3 {
	width:100%;
	float:left;
	font-weight:700;
	font-size:14px;
	color:#ff6500;
	margin:0 0 10px 0;
}
#corps div.tableau_loc h4 {
	width:100%;
	float:left;
	font-weight:700;
	font-size:11px;
	color:#fff;
	margin:30px 0 10px 0;
	background:url(../images/puces/puce_carree_orange.gif) no-repeat center left;
	text-indent:20px;
}
#corps div.tableau_loc h6 {
	width:100%;
	float:left;
	font-weight:400;
	color:#ff6500;
	margin:20px 0 0 0;
	font-size:12px;
}
#corps div.tableau_loc h6 a {
	text-decoration:underline;
	color:#ff6500;
}
#corps div.tableau_loc ul  {
	width:100%;
	float:left;
}
#corps div.tableau_loc ul  li  {
	color:#fff;
	font-size:12px;
	height:18px;
	line-height:18px;
	text-indent:4px;
	width:100%;
	float:left;
}
#corps div.tableau_loc ul  li.impair{
	background:#585858
}
#corps div.tableau_loc ul  li  span{
	float:left;
	width:300px;
}
#corps div.tableau_loc p{
	font-size:12px;
}
#corps div.tableau_loc p a{
	text-decoration:underline;
	color:#ff6500;
}
#corps div.tableau_loc h5{
	width:100%;
	margin:30px 0 0 0;
	text-align:left;
}

#liste_etats {
	position:absolute;
	top:220px;
	right:14px;
	z-index:100;
}

/*-------------------    PIED DE PAGE   -------------------*/ 
#pied {
	width:100%;
	clear:both;
	padding:20px 0;
}
#pied p,#pied p a {
	color:#8d8d8b;
	font-size:10px;
}
#global div#pied h3.signature{
font-size:9px;
font-weight:400;
color:#ccc;
position:absolute;
bottom:4px;
right:10px;
}
#global div#pied h3.signature a{
font-size:9px;
color:#ccc;
}