@charset "utf-8";
/* CSS Eden Immo | Okus Pokus */



/* ===================================================================================== */
/* ==================================== PAGE D'ACCUEIL ================================= */
/* ===================================================================================== */



/*---------------------------------- Construction générale ------------------------------*/

div.home div#frameG {
	width: 270px;
}
div.home div#frameG div#logo h1 a {
	width: 270px;
	background: url(../_images/1_homepage/frameG_logo.png) center right no-repeat;
}
div.home div#contents {
	width: 732px;
}
div.home div#contents div#header {
	width: 732px;
	height: 170px;
}




/*---------------------------------------- Welcome --------------------------------------*/

div.home div#contents div#welcome {
	width: 217px;
	float: left;
	color: white;
	margin: 23px 20px 0 20px;
}
div.home div#contents div#welcome h2 {
	display: block;
	width: 217px;
	height: 11px;
	padding: 0 0 4px 0;
	text-indent: -10000px;
	font-size: 0.1em;
	background: url(../_images/1_homepage/welcome.png) top left no-repeat;
}
div.home div#contents div#welcome small {
	display: block;
	text-align: right;
	padding: 10px 0 0 0;
}
div.home div#contents div#welcome span#promo {
	display: block;
	width: 100%;
	height: 98px;
	text-indent: -10000px;
	margin: 10px 0 0 0;
	background: url(../_images/1_homepage/tampon_promo.gif) top right no-repeat;	
}




/*--------------------------------------- Recherche -------------------------------------*/

div.home div#contents div#search {
	width: 277px;
	float: left;
	margin: 6px 8px 0 0;
}
div.home div#contents div#search div.top {
	background: url(../_images/1_homepage/search_top.png) top left no-repeat;
}
div.home div#contents div#search div.bottom {
	background: url(../_images/1_homepage/search_bottom.png) top left no-repeat;
}
div.home div#search h3 {
	width: 100%;
	height: 35px;
	text-indent: -10000px;
	font-size: 0.1em;
	background: url(../_images/1_homepage/search_title.png) 0 5px no-repeat;	
}
div.home div#contents div#search h4 {
	color: #b4ff00;
	font-size: 1em;
	padding: 0 0 3px 0;
}
div.home div#contents div#search ul li a {
	display: block;
	padding: 0 0 0 10px;
	line-height: 1.3em;
	background: url(../_images/0_general/puce_fleche_1.png) 2px 6px  no-repeat;	
}
div.home div#contents div#search form {
	width: 100%;
	height: auto;
}	
div.home div#contents div#search form label {
	display: block;
	width: 95px;
	text-align: right;
	float: left;
	line-height: 1.8em;
	vertical-align: middle;
	padding: 0 15px 0 0;
}
div.home div#contents div#search form input,
div.home div#contents div#search form select {
	width: 133px;
	margin: 0px 0 8px 0;
}
div.home div#contents div#search form input {
	width: 126px;
}
div.home div#contents div#search form input.btn-search {
	margin: 2px 0 0 145px;
}



/*----------------------------------- Coups de coeur ------------------------------------*/

div.home div#contents div#ccoeur h3 {
	background: url(../_images/1_homepage/ccoeur_title.png) 28px 5px no-repeat;	
}






/* ===================================================================================== */
/* ================================= TOUTES PAGES INTERES ============================== */
/* ===================================================================================== */


/*---------------------------------- Construction générale ------------------------------*/

div.internes div#frameG {
	width: 250px;
}
div.internes div#contents {
	width: 559px;
}
div.internes div#frameG div#logo h1 a {
	width: 250px;
	background: url(../_images/2_internes/frameG_logo.png) center right no-repeat;
}
div.internes,
div.internes div#header {
	width: 239px;
	height: inherit;
}
div.internes div#frameD {
	width: 182px;
	margin: 20px 0 0 0;
	float: left;
}
div.internes h2 {
	zfloat: left;
	font-size: 1.5em;
	color: #b4ff00;
	padding: 0 0 5px 15px;
	width: 360px;
}




/*----------------------------------------- Header --------------------------------------*/

div.internes div#header {
	padding: 35px 0 30px 310px;
	background: url(../_images/2_internes/header_slogan.png) 0 40px no-repeat;	
}
div.internes div#header div.halfwidth {
	width: 110px;
}
div.internes div#header h4 {
	color: #b4ff00;
	font-size: 1em;
	padding: 0 0 3px 0;
}
div.internes div#header ul li a {
	display: block;
	padding: 0 0 0 10px;
	line-height: 1.3em;
	color: white;
	background: url(../_images/0_general/puce_fleche_1.png) 2px 6px  no-repeat;	
}
div.internes div#header ul li a:hover {
	color: #b4ff00;
}




/*--------------------------------------- Recherche -------------------------------------*/

div.internes div#search {
	width: 182px;
	float: left;
	margin: 6px 8px 0 0;
}
div.internes div#search div.top {
	background: url(../_images/2_internes/search_top.png) top left no-repeat;
}
div.internes div#search div.bottom {
	background: url(../_images/2_internes/search_bottom.png) top left no-repeat;
}
div.internes div#search h3 {
	width: 100%;
	height: 27px;
	text-indent: -10000px;
	font-size: 0.1em;
	background: url(../_images/2_internes/search_title.png) 0 5px no-repeat;	
}
div.internes div#search a#advsearch {
	display: block;
	padding: 0 0 13px 10px;
	line-height: 1.1em;
	background: url(../_images/0_general/puce_fleche_1.png) 2px 4px  no-repeat;	
}
div.internes div#search div#contentWrapper {
	height: 0;
}
div.internes div#search form label {
	display: block;
	width: 140px;
	padding: 0 10px 0 0;
}
div.internes div#search form input,
div.internes div#search form select {
	width: 143px;
	margin: 0 0 4px 0;
}
div.internes div#search form input {
	width: 136px;
}
div.internes div#search form input.btn-search {
	margin: 2px 0 0 50px;
}





/*----------------------------------- Nous contacter ------------------------------------*/

div#coords {
	position: relative;
	width: 182px;
	float: left;
	margin: 6px 0 0 0;
	font-size: 0.9em;
}
div#coords h3 {
	width: 100%;
	height: 26px;
	text-indent: -10000px;
	font-size: 0.1em;
	background: none;
	background: url(../_images/1_homepage/coords_title.png) 0 5px no-repeat;	
}
div#coords strong {
	font-weight: bold;
	color: #b4ff00;
}
div#coords li {
	padding-bottom: 4px;
}





/*----------------------------------- Coups de coeur ------------------------------------*/

div.internes div#ccoeur h3 {
	background: url(../_images/1_homepage/ccoeur_title.png) 0 5px no-repeat;	
}





/* ===================================================================================== */
/* ==================================== LISTE DE BIENS ================================= */
/* ===================================================================================== */

div.internes div.list,
div.internes div.detail {
	width: 514px;
	font-size: 0.9em;
	clear: both;
	padding: 0 15px 0 30px;
}
div.internes a {
	color: white;
}
div.internes a:hover {
	color: #b4ff00;
}
div.internes div#topinterne {
	width: 100%;
	color: white;
}
div.internes div#topinterne a.btn-back {
	display: block;
	float: left;
	width: 40px;
	padding: 0 0 0 14px;
	background: url(../_images/0_general/puce_fleche_back.png) 4px 6px no-repeat;		
}
div.internes div.list div#topinterne span.infos-results {
	width: 450px;
	text-align: right;
	float: left;
}
div.internes div#topinterne span.sepaH1 {
	padding: 5px 0 6px 0;
}
div.internes div.list div#topinterne form {
	text-align: right;
	padding: 0 0 20px 0;
}
div.internes div.list div#topinterne form select {
	width: 163px;
	font-size: 1.1em;
	margin: 0 0 0 10px;
}
div.internes div.list div#topinterne form input.image {
	position: relative;
	top: 4px;
}
div.internes div.list ul li {
	display: block;
	float: left;
	width: 164px;
	padding: 0 7px 7px 0;
}
div.internes div.list ul li div.top {
	background: url(../_images/2_internes/li_top.png) top left no-repeat;
}
div.internes div.list ul li div.bottom {
	background: url(../_images/2_internes/li_bottom.png) top left no-repeat;
}
div.internes div.list ul li div.center {
	padding: 0 6px 6px 6px;
	text-align: center;
}
div.internes div.list ul li div.center span.descr,
div.internes div.list ul li div.center span.ville {
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
}
div.internes div.list ul li div.center span.descr {
	font-weight: bold;
	padding: 4px 0 0 0;
}
div.internes div.list ul li div.center span.ville {
	font-weight: normal;
}
div.internes div.list ul li div.center span.prix {
	display: block;
	width: 100%;
	text-align: right;
	color: #b4ff00;
}





/* ===================================================================================== */
/* ==================================== DETAIL DE BIEN ================================= */
/* ===================================================================================== */

div.internes div.detail div.top,
div.internes div.agence div.top,
div.internes div.secteur div.top,
div.internes div.contact div.top,
div.internes div.besoins div.top,
div.internes div.estimation div.top,
div.internes div.alerte div.top,
div.internes div.infosleg div.top {
	clear: both;
	background: url(../_images/2_internes/detail_top.png) top left no-repeat;
}
div.internes div.detail div.bottom,
div.internes div.agence div.bottom,
div.internes div.secteur div.bottom,
div.internes div.contact div.bottom,
div.internes div.besoins div.bottom,
div.internes div.estimation div.bottom,
div.internes div.alerte div.bottom,
div.internes div.infosleg div.bottom {
	background: url(../_images/2_internes/detail_bottom.png) top left no-repeat;
}
div.internes div.detail div.center {
	width: 489px;
	padding-top: 5px;
}
div.internes div.detail span.detail-ref {
	float: left;
	width: 120px;
	padding: 5px 0 0 0;
	text-align: right;
	color: white;
	display: block;
}
div.internes div.detail div.fiche {
	margin: 15px 0 0 0;
}
div.internes div.detail div.visuels {
	float: left;
	width: 310px;
	margin: 0 10px 0 0;
}
div.internes div.detail div.visuels ul {
	display: block;
	float: left;
}
div.internes div.detail div.visuels ul li {
	display: block;
	float: right;
	padding: 0 2px 2px 0;
}
div.internes div.detail div.visuels ul li.visu-big {
	float: right;
}
div.internes div.detail div.resume {
	float: left;
	width: 165px;
	padding: 5px 0 0 0;
}
div.internes div.detail div.resume h3,
div.internes div.detail div.resume span.prix {
	display: block;
	color: #b4ff00;
	font-size: 1.2em;
}
div.internes div.detail div.resume span.ville {
	display: block;
	font-size: 1.2em;
}
div.internes div.detail div.resume span.prix {
	padding: 4px 0 20px 0;
	font-weight: bold;
}
div.internes div.detail div.resume span.add-agence {
	display: block;
	padding: 0 0 20px 0;
	line-height: 1.2em;
}
div.internes div.detail div.resume ul.options li a {
	padding: 0 0 0 16px;
}
div.internes div.detail div.resume ul.options li a#opt_contact {
	background: url(../_images/0_general/quickmenu_3-over.png) 0 3px no-repeat;	
}
div.internes div.detail div.resume ul.options li a#opt_print {
	background: url(../_images/0_general/quickmenu_4-over.png) 1px 3px no-repeat;
}
div.internes div.detail div.resume ul.options li a#opt_back {
	background: url(../_images/0_general/puce_fleche_back.png) 3px 6px no-repeat;
}
div.internes div.detail h4 {
	color: #b4ff00;
	padding: 15px 0 0 0;
	font-size: 1em;
}
div.internes div.detail table {
	position: relative;
	background-color: #1d1d1d;
	margin: 10px 0 0 0;
}
div.internes div.detail table tr th {
	font-weight: bold;
	text-align: right;
	padding-left: 35px;
	padding-right: 20px;
}
div.internes div.detail table tr td {
	padding-right: 80px;
}
div.internes div.detail table tr th,
div.internes div.detail table tr td {
	border-bottom: 1px solid #232323;
}
div.internes div.detail table tr.last th,
div.internes div.detail table tr.last td {
	border-bottom: 0;
	height: 22px;
}
div.internes div.detail table tr.first th {
	padding-top: 3px;
	background: url(../_images/2_internes/detail_table_hg.png) top left no-repeat;
}
div.internes div.detail table tr.first td {
	padding-top: 3px;
	background: url(../_images/2_internes/detail_table_hd.png) top right no-repeat;
}
div.internes div.detail table tr.last th {
	padding-bottom: 3px;
	background: url(../_images/2_internes/detail_table_bg.png) bottom left no-repeat;
}
div.internes div.detail table tr.last td {
	padding-bottom: 3px;
	background: url(../_images/2_internes/detail_table_bd.png) bottom right no-repeat;
}





/* ===================================================================================== */
/* ===================================== NOTRE AGENCE ================================== */
/* ===================================================================================== */

div.internes div.agence {
	clear: both;
	padding: 0 15px 0 30px;
}
div.internes div.agence h2 {
	padding-top: 20px;
}
div.internes div.agence img {
	border: 0;
	padding: 15px 15px 0 15px;
}
div.internes div.agence h3 {
	color: #b4ff00;
	font-size: 1em;
}
div.internes div.agence p.intro {
	padding-top: 30px;
}
div.internes div.agence p {
	padding-bottom: 20px;
}
div.internes div.agence img.slogan {
	border: 0;
	padding: 20px 15px 30px 100px;
}





/* ===================================================================================== */
/* ===================================== NOTRE SECTEUR ================================= */
/* ===================================================================================== */

div.internes div.secteur {
	clear: both;
	padding: 0 15px 0 30px;
}
div.internes div.secteur h2 {
	padding-top: 20px;
}
div.internes div.secteur p {
	padding-top: 25px;
}
div.internes div.secteur img {
	border: 0;
	padding: 30px 0 30px 5px;
}





/* ===================================================================================== */
/* ====================== CONTACT / VOS BESOINS / DEMANDE D'ESTIMATION ================= */
/* ===================================================================================== */

div.internes div.contact,
div.internes div.besoins,
div.internes div.estimation,
div.internes div.infosleg {
	clear: both;
	padding: 0 15px 0 30px;
}
div.internes div.contact h2,
div.internes div.besoins h2,
div.internes div.estimation h2,
div.internes div.infosleg h2 {
	padding-top: 20px;
}
div.internes div.contact form,
div.internes div.besoins form,
div.internes div.estimation form,
div.internes div.al-fiche form {
	margin: 30px 0 0 0;
}
div.internes div.contact form label,
div.internes div.besoins form label,
div.internes div.estimation form label,
div.internes div.al-register form label,
div.internes div.al-fiche form label,
div.internes div.al-lostpw form label {
	display: block;
	clear: both;
	width: 140px;
	padding: 10px 10px 0 0;
	float: left;
	text-align: right;
}
div.internes div.contact form input,
div.internes div.besoins form input,
div.internes div.estimation form input,
div.internes div.al-register form input,
div.internes div.al-fiche form input,
div.internes div.al-lostpw form input {
	width: 160px;
	margin: 8px 140px 5px 0;
}
div.internes div.contact form textarea,
div.internes div.besoins form textarea,
div.internes div.estimation form textarea {
	width: 300px;
	height: 100px;
	padding: 2px;
	margin: 8px 0 0 0;
}
div.internes div.contact form input.image,
div.internes div.besoins form input.image,
div.internes div.estimation form input.image,
div.internes div.al-fiche form input.image {
	margin: 20px 0 10px 390px;
}






/* ===================================================================================== */
/* =========================== VOS BESOINS / DEMANDE D'ESTIMATION ====================== */
/* ===================================================================================== */

div.internes div.besoins form fieldset,
div.internes div.estimation form fieldset,
div.internes div.al-fiche form fieldset {
	border: 0;
	margin: 25px 0 0 0;
	background: url(../_images/0_general/sepa_Hsmall.png) 0 18px repeat-x;
}
div.internes div.besoins form legend,
div.internes div.estimation form legend,
div.internes div.al-fiche form legend {
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #b4ff00;
}
div.internes div.besoins form select,
div.internes div.estimation form select,
div.internes div.al-fiche form select {
	width: auto;
	margin: 8px 140px 5px 0;
}
div.internes div.besoins form textarea,
div.internes div.estimation form textarea,
div.internes div.al-fiche form textarea {
	width: 400px;
	margin-left: 50px;
}





/* ===================================================================================== */
/* ================================== DEMANDE D'ESTIMATION ============================= */
/* ===================================================================================== */

div.internes div.estimation form fieldset#add-photos label {
	margin: 0;
	padding: 3px 10px 5px 0;
}
div.internes div.estimation form fieldset#add-photos p {
	margin-bottom: 15px;
}
div.internes div.estimation form fieldset#add-photos input {
	width: 240px;
	float: left;
	margin: 3px 10px 5px 0;
	padding: 0;
}
div.internes div.estimation form fieldset#add-photos a.del_photo {
	display: block;
	float: left;
	width: 60px;
	margin: 3px 10px 5px 0;
	padding: 0;
}






/* ===================================================================================== */
/* ===================================== ALERTE EMAIL ================================== */
/* ===================================================================================== */

div.internes div.alerte {
	clear: both;
	padding: 0 15px 0 30px;
}
div.internes div.alerte p.intro {
	padding-top: 30px;
}
div.internes div.alerte h2 {
	padding-top: 20px;
}
div.internes div.alerte h2 small {
	color: white;
	padding: 0 0 0 5px;
	font-size: 0.6em;
	font-weight: bold;
}
div.internes div.alerte h3 {
	font-size: 1.1em;
	margin: 0 0 10px 0;
	color: #b4ff00;
}
div.internes div.alerte div.halfwidth {
	width: 42%;
	margin: 20px 20px 20px 0;
}



/*----------------------------------------- Login ---------------------------------------*/

div.internes div.al-login form label {
	display: block;
	clear: both;
	width: 80px;
	float: left;
	margin: 4px 10px 3px 0;
	text-align: right;
}
div.internes div.al-login form input {
	width: 90px;
	margin: 2px 0 3px 0;
}
div.internes div.al-login form input.image {
	margin: 6px 0 10px 130px;	
}
div.internes div.al-login a {
	padding: 0 0 0 10px;
	line-height: 1.3em;
	background: url(../_images/0_general/puce_fleche_1.png) 2px 7px  no-repeat;	
}



/*---------------------------------------- Register -------------------------------------*/

div.internes div.al-register form,
div.internes div.al-lostpw form {
	margin-top: 20px;
}
div.internes div.al-register input.image,
div.internes div.al-lostpw input.image {
	margin: 10px 0 20px 250px;
}



/*------------------------------------------ Fiche --------------------------------------*/

div.internes div.al-fiche form label {
	width: 180px;
}
div.internes div.al-fiche form input {
	width: 160px;
	margin: 8px 100px 5px 0;
}






/* ===================================================================================== */
/* ===================================== INFOS LEGALES ================================= */
/* ===================================================================================== */

div.internes div.infosleg h3 {
	color: #b4ff00;
	font-size: 1em;
	padding-top: 20px;
}