body{
	background: #d0af8e url("../images/bg_body.gif") repeat-x 0 0;
	font: normal 12px Arial;
	color: #000;
}
#header {
	height: 94px;
	background: url("../images/bg_header.gif") no-repeat 0 0;
}
#connexion {
	margin: 30px 0 0 0;
}
#connexion h3, #espace_agent h3 {
	font: bold italic 14px Arial;
	color: #fff;
	margin: 0;
}
#connexion h6 {
	font: bold 12px Arial;
	color: #fff;
	margin: 0;
}
input.connexion_input {
	width: 188px;
	height: 20px;
	border: none;
	background: url("../images/input.gif") no-repeat 0 0;
	font: normal 12px Arial;
	padding: 0 4px;
}
input.connexion_image {
	margin: 5px 0 0 0;
}
input.recherche_input {
	width: 170px;
	height: 22px;
	border: none;
	background: url("../images/input_recherche.gif") no-repeat 0 0;
	font: normal 12px Arial;
	padding: 0 4px;
	color: #b4b4b4;
	margin-left: 10px;
}
input.recherche_image {
	margin: 6px 0 0 0;
}
ul#quick-visual-links  {
	width: 100%;
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0;
}
ul#quick-visual-links li {
	float: left;
	text-align: center;
}
ul#quick-visual-links li a {
	display:block;
	width: 118px;
	height: 37px;
	margin: 0 6px 0 0;
}
#banniere {
	height: 91px;
	margin: 10px 10px 10px 0;
	background: #fff;
}
#petites_annonces {
	height: 91px;
	margin: 10px 0 10px 0;
	background: #fff;
}
#menu {
	background: #fff;
	height: 100%
}
#menu h2 {
	margin-top:10px;
	color:#238b98;
	background:url("../images/puce_h1.jpg") no-repeat 0 0;
	line-height:14px;
	text-indent:20px;
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 0.5px #d8ddd4;
	padding-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: -2px;
	text-transform: uppercase;
	font-style: italic;
}
#widget {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 170px;
	width: 100%;
	position: relative;
	float: left;
}
#widget li {
	width: 230px;
}
#contenu {
	padding: 0 20px;
	background: #fff;
}
#footer {
	line-height: 20px;
	margin: 10px 0;
	background: #fff;
	text-align: center
}
#footer a {
	color: #000
}
.titre-rubrique {
	margin-top:20px;
	color:#238b98;
	width:100%;
	line-height:14px;
	font-size:13px;
	font-weight:bold;
	float:left;
	border-bottom:solid 1px #d8ddd4;
	padding-bottom:10px;
	list-style:none;
}
.contenu_article{
	display: inline-block;
	width: 100%;
}
/* Galeries ---------------------------- */
.galerie {
	width: 100%;
	margin-bottom:20px;
}
#tableGalerie img {
	float:left;
	margin:10px 10px 10px 0;	
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	float:left;
	padding:5px;
	display: inline;
}
/* Petites annonces ---------------------------- */
.annonces {
	width: 300px;
	margin: 10px 5px;
}
.annonces a {
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
}
.annonces a.categorie {
	width: 100%;
	font-weight: bold;
	padding-left: 24px;
	text-transform: uppercase
}
.annonces a.sscategorie {
	width: 100%;
	padding: 4px 4px;
	padding-left: 20px;
}
.annonces a.bleusscat {
	background: #f5f8fd
}
.annonces a.bleucat {
	background: #d9e5f5 url("../images/puce_bleu.gif") no-repeat 0 0;
	color: #4280cd
}
.annonces a.vertsscat {
	background: #f4fdde
}
.annonces a.vertcat {
	background: #eefcc9 url("../images/puce_vert.gif") no-repeat 0 0;
	color: #9bd21d;
}
.annonces a.orangesscat {
	background: #fffee7
}
.annonces a.orangecat {
	background: #fdefc0 url("../images/puce_orange.gif") no-repeat 0 0;
	color: #dc6d01
}
h2 {
	font: bold 16px Verdana;
}
/* ----------------------------------------------------------------------------------------------------------
	MENU
---------------------------------------------------------------------------------------------------------- */

#wrap {
	float: left;
	width: 220px;
	margin: 0 5px;
}
#nav {
	float: left
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul {
	padding-left: 0;
}
#nav li {
	width: 220px;
	cursor: pointer;
	margin: 4px 0;
	display: block;
	text-decoration: none;
	padding-left: 0;
	white-space: nowrap;
	line-height: 20px;
	text-transform: uppercase;
	font: normal 11px Arial;
}
#nav li a {
	font-weight: bold;
	text-decoration: none
}
#nav li li {
	width: 210px;
}
#nav li li li {
	width: 200px;
}
#nav ul li {
	margin-left: 10px;
	text-indent: 14px;
}
#nav .p1, #nav .p1 a {
	color: #fff;
	line-height: 20px;
	line-height: 20px;
}

#nav .a { background: url("../images/menu/menu-a.jpg") no-repeat 0 0; text-indent: 4px }
#nav .a ul li, #nav .a ul li a { color: #688b1f }
#nav .a ul li { background: url("../images/menu/fleche-a.jpg") no-repeat 0 4px }

#nav .b { background: url("../images/menu/menu-b.jpg") no-repeat 0 0; text-indent: 4px }
#nav .b ul li, #nav .b ul li a { color: #888219 }
#nav .b ul li { background: url("../images/menu/fleche-b.jpg") no-repeat 0 4px }

#nav .c { background: url("../images/menu/menu-c.jpg") no-repeat 0 0; text-indent: 4px }
#nav .c ul li, #nav .c ul li a { color: #a97913 }
#nav .c ul li { background: url("../images/menu/fleche-c.jpg") no-repeat 0 4px }

#nav .d { background: url("../images/menu/menu-d.jpg") no-repeat 0 0; text-indent: 4px }
#nav .d ul li, #nav .d ul li a { color: #c96f0c }
#nav .d ul li { background: url("../images/menu/fleche-d.jpg") no-repeat 0 4px }

#nav .e { background: url("../images/menu/menu-e.jpg") no-repeat 0 0; text-indent: 4px }
#nav .e ul li, #nav .e ul li a { color: #e96606 }
#nav .e ul li { background: url("../images/menu/fleche-e.jpg") no-repeat 0 4px }

#nav .f { background: url("../images/menu/menu-f.jpg") no-repeat 0 0; text-indent: 4px }
#nav .f ul li, #nav .f ul li a { color: #e54d23 }
#nav .f ul li { background: url("../images/menu/fleche-f.jpg") no-repeat 0 4px }

#nav .g { background: url("../images/menu/menu-g.jpg") no-repeat 0 0; text-indent: 4px }
#nav .g ul li, #nav .g ul li a { color: #e23340 }
#nav .g ul li { background: url("../images/menu/fleche-g.jpg") no-repeat 0 4px }

#nav .h { background: url("../images/menu/menu-h.jpg") no-repeat 0 0; text-indent: 4px }
#nav .h ul li, #nav .h ul li a { color: #de1a5c }
#nav .h ul li { background: url("../images/menu/fleche-h.jpg") no-repeat 0 4px }

#nav .i { background: url("../images/menu/menu-i.jpg") no-repeat 0 0; text-indent: 4px }
#nav .i ul li, #nav .i ul li a { color: #da0079 }
#nav .i ul li { background: url("../images/menu/fleche-i.jpg") no-repeat 0 4px }

#nav .j { background: url("../images/menu/menu-j.jpg") no-repeat 0 0; text-indent: 4px }
#nav .j ul li, #nav .j ul li a { color: #af0e72 }
#nav .j ul li { background: url("../images/menu/fleche-j.jpg") no-repeat 0 4px }

#nav .k { background: url("../images/menu/menu-k.jpg") no-repeat 0 0; text-indent: 4px }
#nav .k ul li, #nav .k ul li a { color: #841d6c }
#nav .k ul li { background: url("../images/menu/fleche-k.jpg") no-repeat 0 4px }

#nav .l { background: url("../images/menu/menu-l.jpg") no-repeat 0 0; text-indent: 4px }
#nav .l ul li, #nav .l ul li a { color: #582b65 }
#nav .l ul li { background: url("../images/menu/fleche-l.jpg") no-repeat 0 4px }

#nav .m { background: url("../images/menu/menu-m.jpg") no-repeat 0 0; text-indent: 4px }
#nav .m ul li, #nav .m ul li a { color: #2d3a5f }
#nav .m ul li { background: url("../images/menu/fleche-m.jpg") no-repeat 0 4px }

#nav .n { background: url("../images/menu/menu-n.jpg") no-repeat 0 0; text-indent: 4px }
#nav .n ul li, #nav .n ul li a { color: #024858 }
#nav .n ul li { background: url("../images/menu/fleche-n.jpg") no-repeat 0 4px }