@charset "UTF-8";

@import "reset.css";

/*----------------------------------------------+
+ Définition des balises HTML			        +
+----------------------------------------------*/
HTML {
	font-size:100%;
}
BODY {
	background:white;
	padding:0 2em 2em;
	font-size:.75em;
	line-height:1.3em;
	color:#00509e;
	background-image:url(../_image/background.png);
	background-position:0 0;
	background-repeat:repeat-x;
}


/* Liens */
/*A {
}
A:hover {
}*/


/*----------------------------------------------+
+ Haut site								        +
+----------------------------------------------*/
#hautsite {
	width:980px;
	margin:0 auto;
	background-color:#1b63a8;
	background-image:url(../_image/header-background.png);
	background-position:0 0;
	background-repeat:repeat-x;
	position:relative;
	
	height:136px;
}
#hautsite #bordgauche {
	position:absolute;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
	width:13px;
	height:136px;
	background-image:url(../_image/header-left.png)
}
#hautsite #borddroit {
	position:absolute;
	top:0;
	right:0;
	display:block;
	overflow:hidden;
	width:13px;
	height:136px;
	background-image:url(../_image/header-right.png)
}

/*----------------------------------------------+
+ Logo									        +
+----------------------------------------------*/
#logoSite A {
	display:block;
	position:absolute;
	top:11px;
	left:19px;
	width:245px;
	height:0;
	padding-top:114px;
	overflow:hidden;
	background-image:url(../_image/logo-3-pour-cent-transactions.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*----------------------------------------------+
+ Header Accroche						        +
+----------------------------------------------*/
.headeraccroche {
	font-size:0.916em;
	color:#a9ceea;
	padding:5px 0 0 284px;
}
.headeraccroche A {
	color:#a9ceea;
	text-decoration:none;
}
.headeraccroche A:hover {
	color:#a9ceea;
	text-decoration:underline;
}

/*----------------------------------------------+
+ Thoissey Immobilier					        +
+----------------------------------------------*/
.thoisseyimmo {
	display:block;
	overflow:hidden;
	position:absolute;
	width:265px;
	height:0;
	padding-top:93px;
	top:31px;
	left:696px;
	background-image:url(../_image/thoissey-immobilier.png);
}

/*----------------------------------------------+
+ Menu Haut								        +
+----------------------------------------------*/
.menuhaut {
	position:absolute;
	width:480px;
	height:31px;
	top:105px;
	left:284px;
}
.menuhaut LI {
	display:inline;
}
.menuhaut LI A {
	font-size:1.167em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 16px 0;
	display:block;
	float:left;
	margin-right:6px;
	color:#fff;
	background-color:#567bb8;
	background-image:url(../_image/menu-background.png);
	background-position:0 -31px;
	background-repeat:repeat-x;
	height:24px;
}
.menuhaut LI A:hover {
	background-color:#feca1d;
	background-position:0 -62px;
	text-decoration:none;
}
/*on*/
.menuhaut.mm-acc LI#mm-acc A,
.menuhaut.mm-age LI#mm-age A,
.menuhaut.mm-ach LI#mm-ach A,
.menuhaut.mm-ven LI#mm-ven A {
	color:#00509e;
	background-color:#a9ceea;
	background-position:0 0;
}


/*----------------------------------------------+
+ Slogan								        +
+----------------------------------------------*/
#nouvellevisionimmobilier {
	width:344px;
	height:65px;
	position:absolute;
	z-index:10;
	top:40px;
	left:280px;
}


/*----------------------------------------------+
+ Bas du site							        +
+----------------------------------------------*/
#bassite {
	width:974px;
	margin:0 auto;
}

.menubas {
	border-top:2px solid #00509e;
	background-color:#fdca20;
	padding:9px 20px;
	position:relative;
}
.menubas UL LI {
	display:inline;
	color:#00184a;
	font-size:0.917em;
}
.menubas UL LI A {
	color:#00184a;
	text-decoration:none;
}
.menubas UL LI A:hover {
	text-decoration:underline;
}
/*.menubas UL LI A:visited {
	color:#00509e;
}*/

/*pmpconcept*/
#pmpconcept {
	position:absolute;
	overflow:hidden;
	width:68px;
	height:0;
	padding-top:30px;
	background-image:url(../_image/fr/pmpconcept.gif);
	top:8px;
	right:13px;
}

/*mentions*/
.mentions {
	padding:5px 20px 0;
	font-size:0.917em;
}
#copyright A {
	color:#00509e;
	text-decoration:none;
}
#copyright A:hover {
	text-decoration:underline
}

.infoslegales {
	font-size:0.909em;
}


/*----------------------------------------------+
+ Coeur du SIte							        +
+----------------------------------------------*/
#coeursite {
	width:974px;
	margin:0 auto 20px;
	background-color:#FFF;
	background-image:url(../_image/page-background.png);
	background-position:0 15px;
	background-repeat:repeat-x;
	overflow:hidden;
	
	min-height:470px;
	position:relative;
}


/*----------------------------------------------+
+ Chemin de fer / Arborescence /		        +
+----------------------------------------------*/
.cheminfer {
	background-color:#a2cae8;
	background-image:url(../_image/arbo-background.png);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:0 13px;
	height:15px;
	overflow:hidden;
	font-size:0.833em;
	font-family:Verdana, Geneva, sans-serif;
}
.cheminfer A {
	color:#00509e;
	text-decoration:none
}
.cheminfer A:hover {
	color:#00509e;
	text-decoration:underline;
}
.cheminfer A U {
	text-decoration:none;
}


/*----------------------------------------------+
+ Colonne de gauche						        +
+----------------------------------------------*/
.colgauche {
	float:left;
	padding:17px 0 0 16px;
	width:279px;
	position:absolute;
	top:15px;
	left:0;
}


/*----------------------------------------------+
+ Colonne de droite						        +
+----------------------------------------------*/
.coldroite {
	float:right;
	/*margin:20px 0 0 16px;*/
	margin:20px 20px 0 0;
	width:643px;
	min-height:275px;
	background-color:white;
}


/*----------------------------------------------+
+ Cadre de gauche						        +
+----------------------------------------------*/
.cadre-gauche {
	position:relative;
	background-color:#FFF;
	background-image:url(../_image/cadre_gauche-top.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:13px 14px 23px;
	margin-bottom:8px;
	color:#000;
}
.cadre-gauche .content {
	min-height:275px;
	width:251px;
}
.cadre-gauche .footer {
	height:22px;
	width:279px;
	overflow:hidden;
	background-image:url(../_image/cadre_gauche-bottom.png);
	position:absolute;
	bottom:0;
	left:0;
}

.cadre-gauche .content H3 {
}
.cadre-gauche .content H4,
.alerteimmo H4 {
	color:#00509e;
	font-weight:normal;
	font-size:1.167em;
}
.cadre-gauche .content .bien,
.cadre-gauche .content .nbcambre,
.alerteimmo .bien,
.alerteimmo .nbcambre {
	margin-bottom:0.95em;
	overflow:hidden;
}
.cadre-gauche .content #no_script,
.cadre-gauche .content #is_script,
.alerteimmo #no_scriptalerte,
.alerteimmo #is_scriptalerte {
	margin-bottom:0.95em;
}
.cadre-gauche .content .bien LI,
.alerteimmo .bien LI {
	width:105px;
	display:block;
	float:left;
	white-space:nowrap;
}
.cadre-gauche .content LI INPUT,
.alerteimmo LI INPUT {
	cursor:pointer;
}
.cadre-gauche .content LI LABEL:hover,
.alerteimmo LI LABEL:hover{
	text-decoration:underline;
	cursor:pointer;
}
.cadre-gauche .content .nbcambre LI,
.alerteimmo .nbcambre LI {
	width:50px;
	display:block;
	float:left;
	white-space:nowrap;
}

/*slider*/
.cadre-gauche .content .ui-slider-horizontal {
	width:235px;
	margin-left:4px
}


/*----------------------------------------------+
+ Acces rapide / liens de gauche		        +
+----------------------------------------------*/
.accesrapide  {
	clear:both;
}
.accesrapide LI A {
	width:279px;
	height:0;
	display:block;
	overflow:hidden;
}
.accesrapide LI#estimer A {
	padding-top:60px;
	background-image:url(../_image/fr/faire-estimer-bien.png);
}
.accesrapide LI#estimer A:hover {
	background-position:0 -60px;
}
.accesrapide LI#proposer A {
	margin-top:3px;
	padding-top:56px;
	background-image:url(../_image/fr/proposer-bien.png);
}
.accesrapide LI#proposer A:hover {
	background-position:0 -56px;
}


/*----------------------------------------------+
+ Boutons								        +
+----------------------------------------------*/
.bouton,
.bouton28 {
	overflow:hidden;
	clear:both;
}
.bouton A,
.bouton28 A {
	height:0;
	overflow:hidden;
	display:block;
}
.bouton A {
	padding-top:25px;
}
.bouton A:hover {
	background-position:0 -25px;
}
.bouton28 A {
	padding-top:28px;
}
.bouton28 A:hover {
	background-position:0 -28px;
}
.bouton A.gauche,
.bouton28 A.gauche {
	float:left;
}
.bouton A.droite,
.bouton28 A.droite {
	float:right;
}
/*lien alerte*/
.bouton A.lien_alerte {
	height:25px;
	padding-top:6px;
	display:inline;
	color:#e53357;
}
.bouton A.lien_alerte:hover {
	font-weight:bold;
}


/*----------------------------------------------+
+ ACCUEIL | Intro						        +
+----------------------------------------------*/
.intro {
	width:643px;
	height:248px;
	overflow:hidden;
	position:relative;
	margin-bottom:0.95em;
}
.intro .content {
	margin:160px 0 0 5px;
	width:345px;
	position:absolute;
	top:0;
	left:0;
}
.intro .content P {
	margin-bottom:0.875em;
	line-height:1em;
}
.intro DIV.fraisagence {
	position:absolute;
	top:0;
	left:7px;
	width:147px;
	height:147px;
}


/*----------------------------------------------+
+ ACCUEIL | Nouvelle offres				        +
+----------------------------------------------*/
.nouvelleoffres {
	background-color:#FFF;
	background-image:url(../_image/nouveau-background.png);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:13px 0 0 12px;
}
.nouvelleoffres UL {
	margin-left:15px;
	overflow:hidden;
}
.nouvelleoffres LI {
	float:left;
	width:154px;
	/*height:140px;*/
	font-size:0.917em;
}
.nouvelleoffres LI A,
.nouvelleoffres LI SPAN {
	display:block;
}
.nouvelleoffres LI SPAN {
	color:#e8620e;
	line-height:1em;
}
.nouvelleoffres LI .zonepuce {
	padding:5px 0 0 26px;
	background-image:url(../_image/puce1.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
}
.nouvelleoffres LI .zonepuce A {
	margin-bottom:2px;
}
.nouvelleoffres LI A {
	text-decoration:none;
	color:#00509e;
}
.nouvelleoffres LI A:hover {
	text-decoration:underline;
}
.nouvelleoffres LI A IMG {
	border:1px solid #fdca20;
}


/*----------------------------------------------+
+ Titre									        +
+----------------------------------------------*/
.titre1 {
	font-weight:bold;
	/*font-size:2em;*/
	font-size:1.5em;
	color:#00509e;
	margin-bottom:0.95em;
}
.titre1 EM {
	/*font-size:0.75em;*/
	font-style:normal;
}
.titre2 {
	font-weight:bold;
	font-size:1.333em;
	color:#00509e;
	margin-bottom:0.417em;
}
.titre3 {
	font-weight:bold;
	font-size:1.167em;
	color:#00509e;
	margin-bottom:1.25em;
}


/*----------------------------------------------+
+ Coeur page classic					        +
+----------------------------------------------*/
.caption {
	padding:13px 12px 0;
	border:1px solid #00509e;
	overflow:hidden;
	min-height:470px;
	
	background-image:url(../_image/nouveau-background.png);
	background-position:0 1px;
	background-repeat:repeat-x;
}


/*----------------------------------------------+
+ Resultats / fiche offres				        +
+----------------------------------------------*/
.resultats {
	background-image:url(../_image/resultats-background.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:14px 12px 0;
	border: 1px solid #00509e;
	overflow:hidden;
	margin-bottom:13px;
}
.resultats H1 {
	font-size:1.583em;
	color:white;
	font-weight:bold;
	margin-bottom:8px;
}
.trieliste {
	color:#000;
	float:left;
}

.resultats .colgauche {
	width:269px;
	padding:0;
	margin:0;
	background:none;
	border-top:1px solid #78a4ce;
	margin-top:4px;
	overflow:hidden;
	position:static;
	float:left;
}
.resultats .coldroite {
	float:right;
	width:320px;
	padding:0;
	margin:0;
	background:none;
	margin-top:4px;
	overflow:hidden;
}


/*----------------------------------------------+
+ Paginations / navigation				        +
+----------------------------------------------*/
.pagination {
	width:100px;
	padding:0 10px;
	background-color:white;
	text-align:right;
	float:right;
}
.pagination STRONG {
	color:#f2b000;
}
.pagination A.fleche {
	font-size:1.167em;
	text-decoration:none;
}
.pagination A:hover {
	color:#f2b000;
}


/*----------------------------------------------+
+ Resultats, liste des offres			        +
+----------------------------------------------*/
.resultats .nouvelleoffres {
	clear:both;
	background:none;
	margin:0;
	padding:11px 0 0 0;
}
.resultats .nouvelleoffres UL {
	margin:0;
	padding:0;
}
.resultats .nouvelleoffres LI {
	width:293px;
	height:76px;
	border:1px solid #fdca20;
	margin:0 20px 11px 0;
	background-color:#ffffff;
}
.resultats .nouvelleoffres LI.lastrow {
	margin-right:0;
}
.resultats .nouvelleoffres LI SPAN.zonepuce {
	display:block;
	margin-left:110px;
	padding-top:6px;
	background-position:0 6px;
}
.resultats .nouvelleoffres LI .zonepuce A {
	margin:0;
}
.resultats .nouvelleoffres LI SPAN {
	line-height:1.09em;
}
.resultats .nouvelleoffres LI A IMG {
	border-top:none;
	border-bottom:none;
	border-left:none;
	float:left;
}
.resultats .nouvelleoffres LI SPAN.refoffre {
	font-size:0.909em;
	color:#000000;
	line-height:1.083em;
}


/*----------------------------------------------+
+ Bar Alerte / creer alerte				        +
+----------------------------------------------*/
.alertebar {
	clear:both;
}
.alertebar A {
	width:643px;
	height:0;
	padding-top:56px;
	display:block;
	overflow:hidden;
}


/*----------------------------------------------+
+ Fiche offre/ Fiche bien				        +
+----------------------------------------------*/
H2.resuminfo {
	border-top:1px solid #adc9e2;
	padding-top:0.917em;
	font-size:1.5em;
	font-weight:bold;
	color:#e8620e;
	line-height:1em;
	margin-bottom:1.136em;
}
H2.resuminfo EM {
	font-size:0.667em;
	color:#00509e;
	font-style:normal;
}
.description {
	color:#000000;
	margin-bottom:2.5em;
	line-height:1.5em;
}
/*Fiche signbalitique*/
.fichesigna {
	margin-bottom:1.167em;
}
.fichesigna LI {
	color:#626150;
	padding:0 0.833em;
	line-height:1.5em;
}
.fichesigna LI.on {
	background-color:#fffae8;
}
.fichesigna LI STRONG {
	font-weight:normal;
	color:#000000;
}
.reffiche {
	color:#000000;
	padding:0 0.833em;
	margin-bottom:1.417em;
}
/*economies*/
.economies {
	width:269px;
	height:59px;
	overflow:hidden;
	background-image:url(../_image/economies-3pourcent-transactions-background.png);
	/*margin-bottom:1.417em;*/
	position:relative;
}
.economies P {
	padding:0.667em 0 0 1em;
	font-size:1.083em;
}
.economies P STRONG {
	color:red;
	display:block;
	position:absolute;
	top:-20px;
}
.economies P SPAN {
	margin-right:40px;
}
.economies P EM {
	position:absolute;
	color:#e53357;
	font-weight:bold;
	font-size:1.385em;
	font-style:normal;
	width:144px;
	top:30px;
	left:115px;
	text-align:center;
}
/*photos fiche*/
.medium {
	margin-bottom:0.333em;
	width:320px;
	height:240px;
	position:relative;
}
.agrandir {
	height:0;
	padding-top:15px;
	overflow:hidden;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
}

.listephoto {
	overflow:hidden;
	margin-bottom:1.75em;
}
.listephoto LI {
	display:inline;
	float:left;
	margin-left:0.333em;
	margin-bottom:0.333em;
}
.listephoto LI.first {
	margin-left:0;
}
.listephoto LI IMG,
.medium IMG {
	border:1px solid #fdca20;
}
/*mini liens*/
.miniliens {
	margin-bottom:1.667em;
	text-align:right;
	clear:both;
}
.miniliens A {
	color:#00509e;
}
.miniliens A:hover {
	color:#000;
}
#imprimer A {
	background-image:url(../_image/ico_imprimer.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:19px;
}
#retouranonce A {
	background-image:url(../_image/ico_puce1.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:11px;
}



/*----------------------------------------------+
+ IMPRIMER FICHE BIEN					        +
+----------------------------------------------*/
BODY.imprimfiche {
	background-image:none;
	margin:0;
	padding:0;
}

BODY.imprimfiche #coeursite {
	width:649px;
	padding:0;
	margin:0 auto;
	background-image:none;
}
BODY.imprimfiche #coeursite .resultats {
	background-image:none;
	width:617px;/*641px;*/
	margin:0 auto;
}
BODY.imprimfiche #coeursite .resultats H1 {
	color:#00509e;
}
BODY.imprimfiche #coeursite .resultats .economies {
	background-image:none;
}
BODY.imprimfiche #coeursite .resultats .economies P {
	position:absolute;
}
BODY.imprimfiche #coeursite .resultats .economies IMG {
	position:absolute;
}
BODY.imprimfiche #coeursite .resultats .listephoto LI {
	margin-left:3px;
}
BODY.imprimfiche #coeursite .resultats .listephoto LI.first {
	margin-left:0;
}
.urlsite {
	text-align:center;
	padding-top:1.667em;
	font-size:1.5em;
	line-height:normal;
	font-weight:bold;
}


/*----------------------------------------------+
+ Formulaire							        +
+----------------------------------------------*/
.formulaire {
	margin-bottom:1.5em;
}
.addressEditor {
	margin:0 auto;
	width:450px;
}
.L10 {
	display:inline;
}
.erreursaisie{
	color:#e31b1e;
}
.formHeading {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#00509e;
	color:#00509e;
	clear:left;
	display:block;
	margin:0px 0px 8px 0px;
	padding:14px 0px 0px;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
}
.disabled {
	color:#CCC;
}
.addressEditor .line LABEL {
	display:block;
	width:200px;
	float:left;
}
DIV.line {
	display:block;
	clear:left;
	margin-bottom:10px;
	padding: 0px 0px 2px 0px;
	overflow:hidden;
}
.addressEditor .line INPUT {
	cursor:auto;
	padding:1px;
	display:inline-block;
	letter-spacing: normal;
	line-height: normal;
	margin:0;
	text-indent:0px;
	text-transform:none;
	word-spacing:normal;
	
	font-size:14px;
	/*margin-right:6px;*/
}
.linecase {
	display:block;
	margin:0px auto;
	clear:left;
	padding:0px 0px 5px 0px;
}
.addressEditor DIV.fieldGroup {
	float:left;
	padding:0 0 2px 0;
}
.addressEditor DIV.fieldGroup LABEL {
	display:block;
}
.addressEditor DIV.fieldGroup INPUT,
.addressEditor DIV.fieldGroup SELECT {
	margin-right:6px;
}




/*----------------------------------------------+
+ Paragraphe							        +
+----------------------------------------------*/
.paragraphe {
	overflow:hidden;
}
.paragraphe P,
.paragraphe UL,
.paragraphe OL,
.paragraphe ADDRESS {
	margin-bottom:1.5em;
	margin-left:1em;
	margin-right:1em;
	line-height:1.5em;
	text-align:justify;
}
.paragraphe H1 {
	font-weight:bold;
	/*font-size:2em;*/
	font-size:1.5em;
	color:#00509e;
	margin-bottom:0.95em;
}
.paragraphe H1:first-letter {
	text-transform:capitalize;
}
.paragraphe H2 {
	font-weight:bold;
	font-size:1.167em;
	color:#00509e;
	margin-bottom:0.417em;
}
.paragraphe H3 {
	font-size:1em;
	color:#b8a072;
}
.paragraphe STRONG {
	color:#cb9100;
}
.paragraphe LI {
	padding-left: 10px;
	background:url('../_image/bullet.png') no-repeat 0px 7px;
}
.paragraphe A {
	text-decoration:underline;
	color:#083188;
}
.paragraphe A:hover {
	text-decoration:underline;
	color:#e8620e;
}

.cadreimage {
	border:1px solid #fdca20;
}
.cadreimage.right,
.image.right {
	float:right;
	margin:5px 0 5px 15px;
}
.cadreimage.left,
.image.left {
	float:left;
	margin:5px 15px 5px 0;
}




/*----------------------------------------------+
+ Contact								        +
+----------------------------------------------*/
.coordonneecontact {
	float:left;
	width:170px;
	padding:0.833em;
	background-color:#a9ceea;
}
.coordonneecontact .photo {
	text-align:center;
	margin-bottom:0.833em;
}
.coordonneecontact ADDRESS {
	margin-bottom:0.833em;
}

.formulaire.nouscontacter {
	float:left;
	margin-left:20px;
}
.formulaire.nouscontacter P {
	margin-bottom:0.833em;
}
.formulaire.nouscontacter .addressEditor {
	width:390px;
}
.formulaire.nouscontacter .addressEditor .line LABEL {
	width:130px;
}

/*----------------------------------------------+
+ Liste Partenaires						        +
+----------------------------------------------*/
.listepartenaire {
	overflow:hidden;
	margin-bottom:29px;
}
.listepartenaire LI {
	padding:9px 9px 9px 9px;
	border-top:1px solid #a9ceea;
	position:relative;
	overflow:hidden;
	clear:both;
}
.listepartenaire LI .photoliste {
	margin-bottom:9px;
	margin-right:15px;
	float:left;
	border:1px solid #fdca20;
}
.listepartenaire LI .titre3 A {
	color:#00509e;
	text-decoration:none;
	/*padding:5px 0 0 26px;
	background-image:url(../_image/puce1.gif);
	background-position:0 5px;
	background-repeat:no-repeat;*/
}
.listepartenaire LI .titre3 A:hover {
	text-decoration:underline;
}

.listepartenaire LI .url A {
	color:#00509e;
	text-decoration:none;
	padding:0 0 0 10px;
	background-image:url(../_image/ico_puce1.gif);
	background-position:0 3px;;
	background-repeat:no-repeat;
}
.listepartenaire LI .url A:hover {
	text-decoration:underline;
}
.listepartenaire LI P {
	margin-bottom:1em;
}
/*First*/
.listepartenaire LI.first {
	border:0;
	padding-top:0;
}


/*intro flash*/
.introFlash { width:0; height:0; position:absolute; top:0; left:50%; margin-left:-490px; z-index:100 }