@charset "utf-8";
/* CSS Document */

body {
	background-color:#BEBA97;
	font-family:Arial;
	margin:0;
	padding:0;
}

.error {
	color:red;
	font-size:10px;
	display:block;
}

img,a{
	border:none;
	display:block;
}

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

p{
    text-align : justify;
    margin:0 0 9px 0;
}

p:first-letter{
    font-weight:bold;
}

a:hover{
	text-decoration:underline;
}

.left{
	float:left;
}

.right{
	float:right;
}

.gros_texte{
	font-weight:bold;
	font-size:12px;
}

.moyen_texte{
	font-weight:bold;
	font-size:11px;
}

.petit_texte{
	font-weight:bold;
	font-size:10px;
}

#website .bouton{
	margin:2px 0 0 0;
}

/********************/
/** Structure Site **/
/********************/

#website {
    width: 993px;
    margin-left:auto;
    margin-right:auto;
    border-left:1px solid black;
    border-right:1px solid black;
    border-top:5px solid black;
    background-color:white;
}

#website #header{
    background-color:#BEBA97;
}

    #header #menu_header_1{
        background-image:url(/media/images/fond_menu_header_1.jpg);
        background-repeat:repeat-x;
        height:25px;
        margin:0px;
    }

    #header #menu_header_1 a{
        display:block;
        float:left;
        font-family:"Times New Roman", Times, serif;
        font-size:16px;
        font-weight: bold;
        color:#FFF;
        margin:0 25px 0 20px;
    }

    #header #menu_header_1 a:hover{
    	color:#BEBA97;
    	text-decoration:none;
    }

    .facebook{
    	float:right;
    	margin:0 20px 0 0;
    }

    .facebook_accueil{
    	float:right;
    	margin:0 20px 0 0;
    }

    #facebook_site{
		text-decoration:none;
		position:absolute;
		font-weight: bold;
		font-size:11px;
		z-index:10;
		margin:100px 0 0 622px;
	}

/****/

    #header #lister{
        width:192px;
        height:128px;
        border-right:1px solid black;
        padding:10px 0 0 10px;
        float:left;
        font-size:10px;
    }


    #header #rechercher{
        width:568px;
        height:128px;
        border-right:1px solid black;
        background-color:#716F5A;
        color:#FFF;
        padding:0 0 10px 5px;
    }

        #header #rechercher select{
            border:0;
            font-size:10px;
            font-weight:bold;
        }


#header #rechercher .boutons{
margin:10px 0 0 0;
}

#header #rechercher .champ,.liste{
margin:10px 0 0 10px;
}

#header #rechercher .liste{
width:175px;
}


#header #rechercher a{
color:#FFFFFF;
}

#header #rechercher a:hover{
text-decoration:underline;
}

		#header #espace_client{
			width:210px;
			height:128px;
			background-color:#BAB693;
			padding:10px 0 0 5px;
		}

		/*******************/
		/** Menu_header_2 **/
		/*******************/
       #header #menu_header_2{
				background-color:#BEBA97;
				height:43px;
				border-top:1px solid #000;
				border-bottom:1px solid #000;
			}


				#header #menu_header_2 a{
					display: block;
					float: left;
					font-family: "Times New Roman", Times, serif;
					font-size: 15px;
					font-weight: bold;
					border-top:none;
				    border-right:1px solid black;
					padding:12px 15px 13px 15px;
				}

				#header #menu_header_2 a:hover{
					text-decoration:none;
					background-color:#716f5a;
				}
				#header #menu_header_2 #recherche_ref{
					width:211px;
					height:37px;
					color:#FFFFFF;float:right;
					background-color:#716F5A;
					padding:1px 0 5px 5px;
				}

				#header #menu_header_2 #recherche_ref #search{
					border:0;
					float:left;
					border-left:5px solid black;
					width:150px;
					padding:3px 0 3px 0;
					text-align:center;
					font-size:11px;
					font-weight:bold;
				}


#website #footer{
    background-image:url(/media/images/footer_fond.jpg);
    background-repeat:repeat-x;
	font-weight:bold;
	font-size:10px;
    background-color:#FFFFFF;
    height:60px;
    padding:20px 0 20px 20px;
}

#website #footer a{
    display:inline;
}

#website #links, #website #tcible{
	font-weight:bold;
	font-size:10px;
    background-color:#FFFFFF;
}

#website #links a, #website #tcible a{
    display:inline;
}


#website #main{
    background-color:#FFF;
    font-family:Arial;
}

#website #main #content{
    width:993px;
    min-height:505px;
    background-color:#FFFFFF;
    padding:2px 0 0 0;
    margin:0 0 0 0;
}

#website #main #content #text, #website #main #content_left #text{
    margin:5px 7px 10px 7px;
    font-size:12px;
}
#main #content_left{
    width:770px;
    background-color:#FFFFFF;
    padding:2px 0 10px 0;
    margin:0 0 0 0;
    float:left;
}

#ariane{
    font-size:10px;
    font-weight:bold;
    color:#363533;
    margin:8px 5px 8px 5px;
    padding:0 0 7px 0;
    border-bottom:1px solid #d4d3c9;
}

#ariane a{
	display:inline;
}

/** Specific HomePage **/
#home_left{
	width:375px;
	float:left;
	margin:0 0 0 10px;
	font-size:13px;
}

    #home_left h1{
    	font-size:17px;
    	margin:0 0 8px 0;
    	color:#413f32;
    }

    #home_left #actus{
        width:369px;
        height:168px;
    }

    #home_left #actus ul#menu {
         margin:0;
         padding:0;
    }

    #home_left #actus ul#menu li{
        display: block;
        float: left;
        margin:0;
        padding:0;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        list-style:none;
    }

    #home_left #actus ul#menu li a{
        color:#FFFFFF;
        background-color:#413F33;
        text-decoration:none;
        padding:7px 29px 7px 28px;
        cursor:pointer;
    }

    #home_left #actus ul#menu li a:hover{
        color:#000000;
        background-color:#BFB89B;
    }

    #home_left #actus ul#menu .tab-current{
        color:#000000;
        background-color:#BFB89B;
        text-decoration:none;
        cursor:pointer;
    }

    #home_left #actus #descriptif{
        border:3px solid #BFB89B;
        min-height:130px;
    }

#home_right{
    width:330px;
    float:right;
    margin:0 10px 0;
    font-size:12px;
}

    #home_right #type,#prix{
        font-size:12px;
        font-weight:bold;
    }

    #home_right #prix{
        margin:0 0 0 0;
    }

    #home_right .valeur{
        font-size:12px;
    }



/** Col_right **/

#col_right{
    width:217px;
    float:right;
    text-align:center;
    border-left:1px solid #000;
}

    #col_right .proprietaires_email{
        border-bottom:1px solid #000;
        padding:2px 0 15px 0;
        color:#000000;
    }

    #col_right .proprietaires_email a:hover{
        text-decoration:underline;
    }

    #col_right #telephone{
        background-color:#716F5A;
        padding:5px 0 5px 10px;
    }

    #col_right #adresse{
        height:290px;
        background-color:#413F32;
        text-align:center;
        color:#FFF;
        font-size:12px;
    }

    #col_right #adresse h2{
        margin:0;
        padding:0;
        color:white;
        font-size:16px;
    }

/** Page Detail Bien **/

#detail_bien{
    margin:0 5px 10px 5px;
    padding:15px 0 0 15px;
    font-family:Verdana;
}

	#detail_bien div table img{
        border:3px solid #716F5A;
		margin:2px 8px 0 0;
    }

    #detail_bien #infos{
        width:567px;
        /*height:285px;*/
        font-size:11px;
        padding:0 10px 10px 0;
        margin:-20px 3px 35px 21px;
        float:right;
    }

    #detail_bien #infos .panneau{
        min-height:257px;
        padding:5px 0 0 20px;
        border:1px solid #706F5A;
        width:547px;
		margin: 0 0 0 11px;
    }

    #detail_bien #infos .panneau #texte{
        display:block;
        width:300px;
		min-height:225px;
        text-align:justify;
        float:left;
    }

    #detail_bien #infos .panneau .bouton{
        margin:0 20px 0 0;
        float:left;
        display:block
    }

    #detail_bien #infos .panneau .bouton_fcb{
        margin:0 20px 2px 0;
        float:left;
        display:block
    }

    #detail_bien #infos .panneau #vignettes{
        display:block;
        width:200px;
        float:right;
        text-align:center;
    }

    #detail_bien .panneau #lien_visite_virtuelle{
        text-align:center;
        margin:110px 0 0 0;
        display:block;
    }

    #detail_bien #infos ul#menu{
        margin:0 0 0 11px;
        padding:0;
    }

    #detail_bien #infos ul#menu li{
        display: block;
        float: left;
        font-family: "Times New Roman", Times, serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        list-style:none;
    }

    #detail_bien #infos ul#menu li a{
        color:#FFFFFF;
        text-decoration:none;
        background-color:#413F32;
        padding:7px 19px 7px 15px;
        cursor:pointer;
    }

    #detail_bien #infos ul#menu li a:hover{
        color:#000000;
        background-color:#BFB89B;
    }

    #detail_bien #infos ul#menu .tab-current{
        color:#000000;
        background-color:#BFB89B;
        text-decoration:none;
        padding:7px 19px 7px 15px;
        cursor:pointer;
    }

    #detail_bien form{
        margin:0 0 10px 0px;
    }

    #detail_bien #contact{
        background-color:#BFB89B;
        color:#777173;
		height:62px;
        padding:10px 0 10px 10px;
        margin:0 0 0 -20px;
    }

    #detail_bien #loader,#result{
        color:#413F32;
        font-size:14px;
        font-weight:bold;
        text-align:center;
        margin:15px 0 0 0;
    }

    #detail_bien #result{
        padding:0 0 20px 0;
    }

    #detail_bien #contact span{
        width:170px;
        font-size:16px;
        font-weight:bold;
        display:block;
        margin:12px 0 0 0;
    }

    #detail_bien #contact #adresse{
        background-color:#BFB89B;
        color:#777173;
        width:250px;
    }

    #detail_bien #contact #tel{
        width:250px;
        margin:0 450px 0 0;
    }

    #detail_bien #map{
        width:567px;
        height:280px;
        color:#000000;
        margin:-5px 0 0 -20px;
    }


/** Page Liste Bien **/
#content #mini_fiche{
    width:480px;
	height:300px;
    border:2px solid #706F5A;
    margin:10px 3px 0 4px;
    padding:5px 0 0 5px;
    float:left;
}

    #content #mini_fiche #header{
        margin:2px 5px 10px 5px;
    }

    #content #mini_fiche #descriptif{
        font-weight:bold;
        float:right;
        font-size:11px;
        width:258px;
        margin:0 15px 0 0;
        color:#575556;
    }

    #content #mini_fiche .action{
        float:left;
        margin:15px 3px 10px 0;
    }


    #content #mini_fiche .contact{
        width:485px;
        height:45px;
        margin:0 0 0 -5px;
        background-color:#BFB89B;
        color:#706F5A;
    }

    #content #mini_fiche .contact span#contactez_nous{
        font-size:16px;
        margin:15px 0 0 15px;
        display:block;
        width:170px;
        float:left;
    }

    #content #mini_fiche .contact #tel{
        width:200px;
    }

#content #pagination{
    margin:0 0 0 15px;
    font-size:13px;
    color:#4b4a3c;
    font-weight:bold;
    margin:0 5px 0 5px;
}

#content #pagination a{
    display:inline;
    text-decoration:underline;
}


/** Page Contactez-Nous **/
	#content_left #phrase_formulaire{
		width:500px;
		text-align:center;
		margin:0 auto 20px auto;
	}

	#content_left #loader,#result{
		color:#413F32;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		margin:15px 0 0 0;
	}

	#content #detail_bien #result{
		padding:0 0 20px 0;
	}


/** Page Contactez-Nous **/

	#content_left #tableau_estimation{
		margin-top:20px;
		border:2px solid #413F32;
		width:700px;
	}

	#content_left #tableau_estimation .td_partie_1{
		text-align:right;
		width:100px;
	}

	#content_left #tableau_estimation .td_partie_2{
		text-align:right;
		width:150px;
	}

	#content_left #tableau_estimation #taille_champs{
		width:145px;
	}



/** Fiches Dynamiques **/

	#content_left h1, #content h1{
		font-weight:bold;
		font-size:16px;
		color:#716F5A;
		margin:5px 0 0 5px;
		padding:0;
	}

	#content_left h2, #content h2{
		font-weight:bold;
		font-size:14px;
		color:#716F5A;
		margin:5px 0 0 5px;
		padding:0;
	}

	#content_left #description_fiche{
		margin:40px 15px 15px 15px;
	}

	#content_left #description_fiche #contenu_fiche{
		font-size:12px;
		font-weight:bold;
		min-height:395px;
	}

	#content_left #lien_retour{
		font-weight:bold;
		font-size:14px;
		color:#716F5A;
		style:margin:0 60px 0 0;
		width:160px;
	}

	#content_left #description_fiche p.petit_texte a{
		display:inline;
	}

	.accordion_headings{
	padding:3px;
	background:#FFF;
	color:#000;
	border-bottom:1px solid #000;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#666;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

/*****************/
/****** DPE ******/
/*****************/

#bloc_dpe{
	width:567px;
	color:#000;
	float:right;
	font-size:11px;
    padding: 0 0 5px 0;
}

	#bloc_dpe h1{
		font-size:12px;
		color:#000;
	}

		#bloc_dpe h2{
			color:#6d5f54;
			font-size:12px;
			position:absolute;
			text-decoration:underline;
		}

	#bilan_conso{
		float:left;
		width:280px;
	}

	#tableau_conso{
		width:250px;
		margin:30px 10px 10px 10px;
	}

	#tableau_conso .valeur_conso{
		float:right;
		width:27px;
		height:21px;
		padding:0;
		margin:2px;
		color:white;
	}

		.dpe_A{
			background:url(/media/images/dpe/dpe_A.png);
			background-repeat:no-repeat;
		}

		.dpe_B{
			background:url(/media/images/dpe/dpe_B.png);
			background-repeat:no-repeat;
		}

		.dpe_C{
			background:url(/media/images/dpe/dpe_C.png);
			background-repeat:no-repeat;
		}

		.dpe_D{
			background:url(/media/images/dpe/dpe_D.png);
			background-repeat:no-repeat;
		}

		.dpe_E{
			background:url(/media/images/dpe/dpe_E.png);
			background-repeat:no-repeat;
		}

		.dpe_F{
			background:url(/media/images/dpe/dpe_F.png);
			background-repeat:no-repeat;
		}

		.dpe_G{
			background:url(/media/images/dpe/dpe_G.png);
			background-repeat:no-repeat;
		}

	#bilan_ges{
		float:left;
		width:280px;
		margin-left:0px;
	}

	#tableau_ges{
		width:250px;
		margin:30px 10px 10px 10px;
	}

	#tableau_ges .valeur_ges{
		float:right;
		width:25px;
		height:21px;
		padding:0;
		margin:2px;
		color:white;
	}

		.ges_A{
			background:url(/media/images/dpe/ges_A.png);
			background-repeat:no-repeat;
		}

		.ges_B{
			background:url(/media/images/dpe/ges_B.png);
			background-repeat:no-repeat;
		}

		.ges_C{
			background:url(/media/images/dpe/ges_C.png);
			background-repeat:no-repeat;
		}

		.ges_D{
			background:url(/media/images/dpe/ges_D.png);
			background-repeat:no-repeat;
		}

		.ges_E{
			background:url(/media/images/dpe/ges_E.png);
			background-repeat:no-repeat;
		}

		.ges_F{
			background:url(/media/images/dpe/ges_F.png);
			background-repeat:no-repeat;
		}

		.ges_G{
			background:url(/media/images/dpe/ges_G.png);
			background-repeat:no-repeat;
		}