html {
	margin: 0;
	padding: 0;
	border:0;
}
body {
	margin: 5px 0 0 0;
	padding: 0;
	border:0;
	background: #333366 url(images/fd-page.jpg) left top repeat-x;
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	color: #333366;
}

img {
	border:none;
}
/*-------------------------------------------------------------*/ 
/* structure */


/* top -------------------------------------------------------------*/
#top {
	width:872px;
	height:193px;
	background:url(images/top.jpg) left top no-repeat #FFFFFF;
	margin:5px auto 0 auto;
}

/* menu ---------------------------------------------------------------------*/
#menu {
	width:170px;
	height:96px;
	float:right;
	margin:25px 0 0 0;
}

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu li {
	margin: 10px 0 10px 0;
	padding: 0;
}

ul#menu li a {
	display: block ; 
	width: 170px ;
	height:32px;
	text-decoration: none ;
}

li#bt1 a {
background: url(images/menu-bt1.gif) no-repeat 0 0 ;
}	
li#bt1 a:hover {
	background: url(images/menu-bt1.gif) no-repeat 0 -32px ;
}
li#bt1-on {
	background: url(images/menu-bt1.gif) no-repeat 0 -32px ;
}

li#bt2 a {
background: url(images/menu-bt2.gif) no-repeat 0 0 ; 
}
li#bt2 a:hover {
	background: url(images/menu-bt2.gif) no-repeat 0 -32px ;
}

li#bt2-on {
	background: url(images/menu-bt2.gif) no-repeat 0 -32px ;
}

li#bt3 a {
background: url(images/menu-bt3.gif) no-repeat 0 0 ; 
}
li#bt3 a:hover {
	background: url(images/menu-bt3.gif) no-repeat 0 -32px ;
}

li#bt3-on {
	background: url(images/menu-bt3.gif) no-repeat 0 -32px ;
}
/* centre --------------------------------------------------*/
#centre {
	padding:20px 0 0 0;
	width:872px;
	background:url(images/fd.gif);
	margin:0 auto 0 auto;
}
#gauche {
	display:inline;
	width:560px;
	float:left;
	margin: 0 0 20px 35px;
}


.cadre {
	background:url(images/fd2.gif);
	border: 1px solid #9999CC;
	padding:5px;
}
.cadre2 {
	width:550px;
	background:url(images/fd2.gif);
	border: 1px solid #9999CC;
	padding:5px;
}
#cadre-bot {
	background:url(images/shad.gif) top left repeat-x;
	height:4px;
	width:100%;
}
/* droite -----------------------------------------------*/
#droite {
	width:203px;
	float:left;
	margin: 25px 30px 0 35px;
	_margin-right:0;
}
#module-droite {
	margin:0 0 15px 0;
}
#titre-quicksearch {
background:url(images/titre-quicksearch.gif) top left no-repeat;
width:193px;
height:53px;
margin:0 0 5px 0;
}
.champs-quicksearch {
width:100px;
}
.champs-quicksearch2 {
width:98px;
}

#titre-actu1 {
background:url(images/titre-actu1.gif) top left no-repeat;
width:193px;
height:53px;
margin:0 0 5px 0;
}
#actu-item {
	background:url(images/fd3.gif);
	padding: 5px;
	margin: 0 0 3px 0;
	color:#FFFFFF;
	line-height: 15px;
}
#actu-item ul{
margin:0;
padding:5px;
border:0;
list-style-position:inside;
}

#actu-item a {
color:#FFFFFF;
text-decoration:none;
}

#actu-item a:hover {
text-decoration: underline;
}
#titre-actu2 {
background:url(images/titre-actu2.gif) top left no-repeat;
width:193px;
height:53px;
margin:0 0 5px 0;
}
/* footer ------------------------------------------------------*/
#footer {
	background: url(images/fd-footer.gif) top left no-repeat;
	clear:both;
	height:199px;
}
#footer a {
color: #CCCCFF;
}
#footer a:hover {
	color:#CCCCFF;
}

#footer-compte {
	float:left;
	width:197px;
	margin: 0 0 12px 35px;
	height: 160px;
	_margin-left:20px;
}
#footer-compte-top {
	height:35px;
	margin: 0 0 5px 0;
}
#footer-compte-mid {
height:96px;

}
#footer-compte-bot {
background:url(images/bt-creer-compte.gif) top left no-repeat;
width:193px;
height:29px;
}

#footer-panier {
	float:left;
	width:197px;
	margin: 0 0 12px 39px;
	height: 160px;
}

#footer-panier-top {
	height:35px;
	margin: 0 0 5px 0;
}
#footer-panier-mid {
height:76px;
background:url(images/img-caddie.jpg) right no-repeat;
text-align:left;
padding: 20px 0 0 5px;
font-weight:bold;
font-size:14px;

}
#footer-panier-bot {
background: url(images/bt-consult-select.gif) top left no-repeat;
width:193px;
height:29px;
}

#footer-estim {
	float:left;
	width:199px;
	margin: 0 0 12px 36px;
	height: 160px;
}

#footer-estim-top {
	height:35px;
	margin: 0 0 5px 0;
}
#footer-estim-mid {
height:76px;
background: url(images/img-estim.jpg) right no-repeat;
text-align:left;
padding: 20px 0 0 5px;
font-weight:bold;

}
#footer-estim-bot {
background: url(images/bt-estim.gif) top left no-repeat;
width:193px;
height:29px;
}

#footer-logo {
	float:left;
	width:147px;
	height:171px;
	margin: 1px 0 0 22px;
	_margin-left:10px;
	background:url(images/logo-consobot3.gif) top left no-repeat;
}
#footer-mail {
	clear:both;
	width:873px;
	height: 20px;
	text-align: center;
	color: #CCCCFF;
	padding: 2px 0 0 0;
}
#mention {
margin:5px auto 0 auto;
color:#CCCCFF;
text-align:center;
}

#mention a{
color:#CCCCFF;
}
/* accueil ----------------------------------------------------------------------*/

/* rech -----------------------------------------------------------------------------------*/
#rech-bien {
	background: url(images/rech-titre-bien.gif) top left no-repeat;
	padding: 50px 15px 0 15px;
	margin: 10px 0 11px 0;
}
#rech-geo {
	background: url(images/rech-titre-secteur.gif) top left no-repeat;
	padding: 50px 15px 0 15px;
	margin: 10px 0 11px 0;
}
#rech-surface {
	background: url(images/rech-titre-surface.gif) top left no-repeat;
	padding: 50px 15px 0 15px;
	margin: 10px 0 11px 0;
}
#rech-budget {
	background: url(images/rech-titre-budget.gif) top left no-repeat;
	padding: 50px 15px 0 15px;
	margin: 10px 0 11px 0;
}
#rech-valid {
	padding: 0 15px 0 15px;
	margin: 10px 0 10px 0;
}
.champs-rech {
width:150px;
}

/*resultat recherche ------------------------------------------------------------- */
#result-pages {
background:url(images/fd4.gif);
padding:4px;
border-bottom: solid 1px #CC9999;
}

#result-pages2, #result-pages3 {
	font-weight:bold;
}

#result-pages2 a, #result-pages3 a{
	font-weight:normal;
}

#result-pages2 a:hover, #result-pages3 a:hover{
	text-decoration:underline;
}

#result-pages2 {
	padding:5px;
	position:relative;
	z-index:100;
	top: 28px;
	left: 150px;
	width: 395px;
	text-align: right;
}

#test {
	z-index:20;
	margin-top: -25px;
}

.champs-filtre {
	width:120px;
}

#barre-centrale {
	margin-bottom: 10px;
	font-weight:bold;
	padding: 2px 5px 1px 5px;
	background:url(images/fd4.gif);
	border-bottom: solid 1px #CC9999;
}
#barre-centrale a{
color:#333366;
}
#barre-centrale a:hover{
text-decoration:underline;
}
#barre-bas {
	font-weight:bold;
	padding: 2px 5px 1px 5px;
	margin-bottom:5px;
	clear: both;
	background:url(images/fd4.gif);
	border-bottom: solid 1px #CC9999;
}
#barre-bas a{
color:#333366;
}
#barre-bas a:hover{
text-decoration:underline;
}
/* filtre */

.CollapsiblePanel {
	margin: 0 0 10px 0;
	padding: 0px;
}

.CollapsiblePanelTab {
	background:url(images/fd4.gif);
	border-bottom: solid 1px #CC9999;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
}
/* états onglet */
.CollapsiblePanelTab a {
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background:url(images/fd4.gif);
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background:url(images/fd4.gif);
}

/* panneau ouvert */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 5px;
	background:url(images/fd4.gif);
}
/* -----------------*/


#annonce {
	width:562px;
	margin:0 0 5px 0;
}
#annonce-img {
	width:150px;
	height:125px;
	overflow:hidden;
	float:left;
	text-align: center;
	display: inline;
}
#annonce-ref {
	float:left;
	font-size:14px;
	color:#CC6666;
	font-weight:bold;
	font-style:italic;
	border-bottom:2px dotted #9999CC;
	width: 390px;
	margin: 0 0 5px 10px;
}
#annonce-tx {
	float:left;
	width: 390px;
	margin: 0 0 0 10px;
	text-align: justify;
	overflow: hidden;
	height: 70px;
}
#bt-detail {
	margin:4px 0 0 10px;
	float: left;
	width: 390px;
}
/*detail-annonce et photo onglets ------------------------------------------------------------- */

/* This is the selector for the main TabbedPanels container. */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* onglet -------------------------------------------*/
.TabbedPanelsTab {
	position: relative;
	top: 4px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	list-style: none;
	border-left: 1px solid #9999CC;
	border-top: 1px solid #9999CC;
	border-right: 1px solid #9999CC;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	background: url(images/onglet-off.gif) top left repeat-x;
	height:20px;
}

/* onglet survol -----------------------------------------*/
.TabbedPanelsTabHover {
	background: url(images/onglet-off.gif) top left repeat-x;
	top:1px;
	height:24px;
}

/* onglet selectionné -----------------------------------*/
.TabbedPanelsTabSelected {
	background: url(images/onglet-on.gif) top left repeat-x;
	top:1px;
	height:24px;
}

/* lien onglet -------------------------------*/
.TabbedPanelsTab a {
	text-decoration: none;
}

/* conteneur --------------------------------------- */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
	border-top: 1px solid #9999CC;
	border-right: 1px solid #9999CC;
	background:url(images/fd2.gif);
}

/* conteneur -------------------------------------*/
.TabbedPanelsContent {
	padding: 10px;
	height: auto;
	min-height: 350px;
	_height: 350px; // Min-height interprété par IE
}


/* detail annonce -----------------------------------------------*/
#detail-resume {
	margin: 0 0 10px 0;
}
#detail-resume h1 {
	font-size:16px;
	margin-bottom: 3px;
}
.resum {
	border: 2px dotted #9999CC;
	padding: 5px;
}
#detail-resume ul {
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:5px;
	border:0;
	list-style-position:inside;
}
#detail-tx {
margin: 0 0 10px 0;
text-align:justify;
}
#detail-contenu {
margin:0;

}

/* galerie ---------------------------------------*/
#galerie_mini {
margin: 0 0 10px 0;

}

div#galerie
{
text-align: center;
}
	
dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{

}

.champs-form {
	width:200px;
}
.champs-message {
	width:534px;
}


/* profil --------------------------------------------------------*/
#compte {
	margin:0 0 0 15px;
	padding:25px 10px 10px 10px;
	width: 200px;
	height: 65px;
	float: left;
}
#profil-login {
	margin:0 15px 0 0;
	padding:10px;
	width: 200px;
	height: 80px;
	float: right;
}


/* agences -----------------------------------------------------------------*/
#agence-tx {
	float:left;
	width: 390px;
	margin: 0 0 0 10px;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}


/* estimation ------------------------------------------*/
.champs-estim {
	width:350px;
}
.CollapsiblePanelTab-estim {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
/*class ------------------------------------------------------------- */
.titre {
	font-size:22px;
	color:#CC6666;
	font-weight:bold;
	font-style:italic;
	border-bottom:2px dotted #9999CC;
	margin:0 0 10px 0;
	}
	.titre2 {
	font-size:16px;
	color:#CC6666;
	font-weight:bold;
	font-style:italic;
	border-bottom:2px dotted #9999CC;
	margin:0 0 5px 0;
	}
/*titres --------------------------------------------------------------- */

h1 {
	font-size:22px;
	color:#CC6666;
	font-weight:bold;
	font-style:italic;
}

h2 {
	font-size:14px;
	font-weight:normal;
	font-style:italic;
}
h3 {
	font-size:12px;
	font-weight:normal;
}


h1, h2, h3, h4, h5, h6, p, div{
	padding-left:0;
	padding-right:0;
	margin:0;
}


/*liens --------------------------------------------------*/

a {
	color: #333366;
	text-decoration: none;
}

a:hover {
	color: #333366;
	text-decoration: underline;
}

/*Textes --------------------------------------------------*/
.soulign {
	border-bottom:1px solid #CC0000;
}
.italique {
font-style:italic;
}
.gras {
font-weight:bold;
}

.copyright {
	font-weight:normal;
	font-size:9px;
}

.fontXXXL {
font-size:200%;
}
.fontXXL {
font-size:150%;
}
.fontXL {
	font-size:120%;
	padding: 5px;
}

.fontS {
font-size:85%;
}
.fontXS {
font-size:70%;
}

.interligneS {
	line-height:90%;
}
.interligneXL {
line-height:120%;
}
.interligneXXL {
line-height:150%;
}
.interligneXXXL {
line-height:180%;
}


/*position ---------------------------------------------------------------- */

.right {
float:right;
}
.left {
float:left;
}

.justifier {
text-align:justify; 
}
.centrer {
text-align:center;
}

/*formulaire ---------------------------------------------------------------- */
form {
margin:0;
padding:0;
border:0;
}

input.bouton {
	border:0;
	cursor:pointer;
	background: none;
}

select, textarea, input {
background-color: #FFFFFF;
color: #003366;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #9999CC;
}
input.radio {
	border:0;
	background:none;
}

/*bug compatibilité entre ie et ff - div extensible */
.separation {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}

.bordure {
	border:1px solid #9999cc;
}
.rose {
color: #FFCC99;
}
.bordernone {
border:0;
}
.titre-form {
	font-weight:bold;
	border-bottom:1px solid #0066CC;
	color:#0066CC;
	padding:0;
}
#titre-form {
	font-weight:bold;
	border-bottom:1px solid #0066CC;
	color:#0066CC;
	padding:0;
	margin-bottom:5px;
	}


.bordure2 {
border:1px solid #990000;
}


.fond {
background:url(images/fd.jpg);
}


.champs {
	width:100%;
}
.champs2 {
	width:97%;
}
.clear {
clear:both;
}

.aste {
font-weight:bold;
color:#CC0000;
}

.numérotation {
list-style:decimal inside;
line-height:18px;
}
#copyright {
color:#FFFFFF;
}
#copyright a{
color:#FFFFFF;
}

.marg-bot {
	margin-bottom:10px;
	}
.fd-clair {
background:url(images/fd2.gif);
}
.encadrer {
	border: 2px dotted #9999CC;
	padding:10px;
}
.list-numb {
list-style:decimal;
}
.noBackground {
background: none;
}
.bleu {
	color:#333366;
}
#bt-retour {
	margin: 5px 0 0 0;
}

#footer-panier .erreur{
	width:100px;
	color:#cc6666;
}

#maparea {
	width:538px;
	height:350px;
}

#quick-search select, #quick-search input {
	width:100px;
}


#footer .deconnexion {
	font:bold 11px "Times New Roman", Times, serif;
	color:#333366;
}


.profil-action h1, .profil-action h2 {
	color:#cc6666;
	font:normal 18px "Times New Roman", Times, serif;
	margin:0px 0px 10px 0px;
}

.profil-action a {
	font:bold 12px "Times New Roman", Times, serif;
	text-decoration:none;
	color:#333366;
}

#agence {
	width:280px;
	float:left;
	text-align:center;
}

#agence h1 {
	width:320px;
	font-size:16px;
	text-align:left;
}
 
#agence #agence-tx {
	margin-top:15px;
	width:280px;
}

#map-agence {
	width:200px;
	height:340px;
	float:right;
	overflow:hidden;
	margin-right:10px;
}

#mdp-oubli {
	margin:15px 0 0 15px;
	width:210px;
	clear:both;
	float:left;
}

#article {
	width:100%;
	text-align:justify;
	padding:0;
}

#article #image-article {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:30px;
}

#liens-article #auteur{
	text-align:left;
	font:bold 11px "Times New Roman", Times, serif;
	float:left;
}

#liens-article #auteur{
	float:left;
}

#liens-article a {
	float:right;
	font:bold 11px "Times New Roman", Times, serif;
}


