html, body { margin : 0; padding: 0; /*height: 100%*/ }

body { font: 76% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #333; background-color:#FFF; }
hr {  border: 0px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; height: 1px; clear: both; margin: 0; }
hr.spacer { visibility:hidden; clear:both;}

.hidden { display: none; }
.error { color: red; display: none; }
img { border:0px solid #CCCCCC; }
sup { font-size:0.7em; }
.relative { position: relative; }
form { margin: 0; padding: 0; }	

.fond_bleu_fonce { background-color: #37a5ef; }
.fond_bleu_clair { background-color: #E3F2FD; }
.fond_vert_fonce { background-color: #60B907; }
.fond_vert_clair { background-color: #ebffca; }
.fond_gris { background-color: #e5e5e5; }

.bleu_fonce { color: #37a5ef; }
.bleu_clair { color: #E3F2FD; }
.vert_fonce { color: #219021; }
.vert_clair { color: #ebffca; }
.rouge { color: red; }
.gris { color: #7e7e7e; }
.orange { color: #FF9900;  }
.brun { color: #8A4E00; }

.vert_fonce a { color: #219021; }

a, a:visited { text-decoration: none;  }
a:hover {text-decoration: underline; }
a.underlined { text-decoration: underline; }
.bold { font-weight: bold; }
.float_right { float:right; }
.float_left { float:left; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

h1 { font-size: 1.8em; }

.kpa_button { border:1px solid #949695; cursor:pointer; display:block; height:15px; line-height:1.2em; margin:5px 0pt; padding:1px 4px 0px 19px;
text-align:center; width:12.2em; }

.left_space { padding-left: 25px;}
label.required, .required label { background:transparent url(http://images.kappea.com/asterisque.gif) no-repeat scroll 2px 4px;
font-weight:bold; /*margin-left:-10px; */ padding-left:10px; }

#header {width: 943px; margin: 0 auto; padding: 0 40px 0 0;  position: relative; border-left: 1px solid #e4e4e4;  display: block;
		height: 86px;	}
#logo_kpa { float:left; }

#barre_header { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin:0; padding:0; }
	#conteneur_barre_header { width: 983px; margin: 0 auto; border-left: 1px solid #e4e4e4; padding:0;  }


#acces_pro, #acces_account { float: right; border-left: 1px solid #e4e4e4; text-align: center; height: 86px; margin:0; padding:0; }
#acces_pro p, #acces_account p { margin: 0; padding: 3px 0; font-size: 0.9em; }
#acces_pro a img , #acces_account  a img { padding-top: 5px; }

#acces_pro { width: 203px; }
#acces_account { width: 165px; }
#login_div { float: right; text-align: right; margin: 8px; font-size: 1.1em; line-height: 1.3em; }
	
#main { width: 983px; margin: 0 auto; padding: 0; text-align: left; min-height: 390px !important; height: auto !important; *height: 390px;
	border-left:1px solid #e4e4e4; position:relative; }
	

#bottom {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px;}
	#conteneur_barre_bottom { width: 973px; margin: 0 auto; padding-left: 10px; border-left: 1px solid #e4e4e4; height: 1.5em; line-height: 1.4em;} 

#tri_col { background:transparent url(http://images.kappea.com/v2_fond_main_annonces.gif) repeat-y scroll left top;
	min-height: 390px !important; height: auto !important; *height: 390px; }
hr._spacer { background:transparent url(http://images.kappea.com/v2_fond_main_annonces.gif) repeat-y scroll left top; clear:both;
	border:none; }



div.left_col { float: left; width: 196px; }
div.main_col { float: left; width: 543px;  height: auto !important; min-height: 380px !important;  position: relative; padding-top: 32px; }
div.right_col { float: left; width: 230px; margin-left: 7px; padding:0; }

#bi_col { position: relative;  min-height: 390px !important; height: auto !important; *height: 390px;  }
#bi_col div.main_col { width: 785px; }
#bi_col div.right_col { width: 195px; }

p.navigation_path {margin-top: 0; }


#gmap { height:280px; margin-bottom:0px; text-align:center; width:100%; }

#big_buttons { font-weight: bold; /* font-size: 1.8em;  */ position: relative; height: 47px;  }
#big_buttons .search, #big_buttons .sell { margin: 0; padding: 0;  position: absolute;  }
#big_buttons img { vertical-align: middle; } 
#big_buttons .search b {  color: #37a5ef; }
#big_buttons .sell b {  color: #219021; }

div.menu_div { width: 258px; position: absolute; z-index: 999999; top: 0; display: none;}
div.menu_div iframe { position: absolute; height: 0px; width: 258px; margin:0; padding: 0; border: none;} 
div.menu_div ul { position: absolute; top: 0; padding: 0; margin: 0 ; list-style-type: none; background-color: #6e6e6e;
		 width: 258px; max-height:300px; overflow-y:auto; overflow-x: hidden; }

div.menu_div ul li { margin: 0; padding: 0; }
div.menu_div ul li.new { font-weight: bold; padding-bottom: 3px; }
div.menu_div ul li a { min-height: 2em !important; height: auto !important;  *height: 2em;  display: block; color: white; margin: 0; padding: 5px 5px 0 5px; }
div.menu_div.search  ul li a:hover { background-color: #37a5ef; text-decoration: none; }
div.menu_div.sell  ul li a:hover { background-color: #60B907; text-decoration: none;  }

#footer { width: 983px; margin: auto; font-family: Arial; font-size: 0.9em; padding-bottom: 5px;}
#footer p { margin: 0 40px 0 0;}



.left_col h1 {  font-size:1.7em; height:51px; line-height: 2.5em; margin:25px 1px 5px 3px; padding-left:60px;}
.left_col h2 { font-size:1.4em; color: #7e7e7e; margin: 5px 1px 5px 15px; padding-left: 25px; }
.left_col h2 a { color: #7e7e7e; }


span.onglet { height: 9px; background: url(http://images.kappea.com/v2_bordure_onglets_gauche.gif) repeat-x scroll left top;
	margin-right: 1px;  border: 0 solid 0 ; display: block;}

.onglets { position: absolute; top: 0; left: 0; height: 27px;}
.onglets a, .onglets b, .onglets span { padding: 0px 15px 0 12px; margin: 0; height: 27px; display: block; float: left;
		 line-height: 26px; font-size: 1.1em; }
.onglets b { padding-left: 25px; color: white; }
.onglets span { padding: 0px; width: 13px; background-color: #ececec; }

p.accroche { margin: 5px 25px; font-size: 1.3em; }
p.accroche strong { color: #37a5ef; font-size: 1.1em; }

/*div.rounded { background: url(http://images.kappea.com/v2_point_gris.gif) repeat-y left ;  } */
/*div.rounded .border_right { background: url(http://images.kappea.com/v2_point_gris.gif) repeat-y right; } */
div.rounded.mm3 { margin: 3px; }
div.rounded.mm10 { margin: 3px 10px; }
div.rounded.mm25 { margin: 5px 25px 8px 25px; }

div.rounded .rounded_top { height: 11px; background: url(http://images.kappea.com/v2_point_gris.gif) repeat-x scroll left top; }
div.rounded .rounded_bottom { height: 11px; background: url(http://images.kappea.com/v2_point_gris.gif) repeat-x scroll left bottom; }
div.rounded .inside { padding: 0 9px; border-left: 1px solid #bdbfbf; border-right: 1px solid #bdbfbf; }
div.rounded .hg, div.rounded .hd, div.rounded .bg, div.rounded .bd {
	height: 11px; width: 11px; background-repeat: no-repeat; font-size:1px; }

div.rounded .hg { background-image: url(http://images.kappea.com/v2_hg.gif); float:left; }
div.rounded .bg { background-image: url(http://images.kappea.com/v2_bg.gif); float:left;}
div.rounded .hd { background-image: url(http://images.kappea.com/v2_hd.gif); float:right;}
div.rounded .bd { background-image: url(http://images.kappea.com/v2_bd.gif); float:right;}

.cadre_gris { background: #bdbfbf url(http://images.kappea.com/v2_cadre_gris_bas.gif) no-repeat scroll left bottom;
		position: absolute; width: 650px; left:-54px; top: 70px; z-index: 175;}

.cadre_gris .cadre_haut { background: url(http://images.kappea.com/v2_cadre_gris_haut.gif) no-repeat scroll left top; height: 11px;}
.cadre_gris .inside { margin: 5px 35px 16px 35px; }
.cadre_gris .close { padding: 0; margin: 0 20px; text-align: right; font-size: 0.9em; display:block; }

ul.rss_widgets { padding:0; margin:0; list-style-type: none; }
ul.rss_widgets.horizontal li { display: inline; }


/* Auto-suggest */
ul.autosuggest { position: absolute; list-style: none; margin: 0; padding: 0; overflow-y: auto; z-index: 999; }
ul.autosuggest li {	text-align: left; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; font-size: 12px;
	border-right: 1px solid #ccc; display: block; padding: 2px; text-decoration: none; background-color: #eee; cursor: pointer; }
ul.autosuggest li.highlight { color: #fff; 	background-color: #54574E; }
input.as_loading { background:transparent url(http://images.kappea.com/loading.gif) no-repeat scroll right center; }

input.big {  font-size: 1.9em; width: 20em; }


p.legend { height: 32px; padding-left: 15px;  margin-bottom: 0; }
p.legend span { padding: 0 34px; line-height: 25px; height: 30px; background: transparent none no-repeat scroll 0 0; float:left; }
p.legend span.point_rouge { background-image:url(http://images.kappea.com/pt_rouge.png); }
p.legend span.point_vert { background-image:url(http://images.kappea.com/v2_google_rep_vert.gif); }
p.legend span.point_bleu { background-image:url(http://images.kappea.com/v2_google_rep_bleu.gif); }

a.thanks_rss { float: right; margin: 0 15px 10px 15px; }


#listing_div { position: absolute; bottom: 0; background-color: #e4e4e4; z-index: 99999999; width: 100%; padding: 5px 10px; display: none;}
#listing_div a { color: #333; text-decoration: none; }
#listing_div a:hover { text-decoration: underline; }
#listing_div a.close {color: #333; text-decoration: underline; text-align: right; display: block; font-size: 0.9em; }
#listing_div ul { padding: 0; margin: 3px 0; list-style-type: none;}
#listing_div ul li  { float: left; width: 49%; }
#listing_div ul li ul li { width: 33%; }
#listing_div b { font-size: 1.2em; }

.marketing { margin-top: 15px; color: #7e7e7e;}
.marketing p { margin: 0; padding: 10px 3px; font-size: 1.15em; }
.right_col .marketing h2 { font-size: 1.65em; }

#city_v2 { top: -100px; background: #bdbfbf; position: absolute; width: 230px;  left: 519px; z-index: 200; }
#city_v2 .inside { margin: 5px; }
#city_v2 .close { display: block; text-align: right; }
#city_v2 select { width: 200px; }


input#mail { font-size: 1.5em; }
#mail2 { width: 90%; font-size: 2em; }/* inversion des boutons */
.sell {  left: 196px; }
.search {  right: 245px; }


.onglets a { color: #219021; background: #ececec url(http://images.kappea.com/v2_onglet_vert_gris.gif) no-repeat right top; }
.onglets b { background: #60B907 url(http://images.kappea.com/v2_onglet_vert.gif) no-repeat right top; }
.onglets a.last { background-image: url(http://images.kappea.com/v2_onglet_vert_bout.gif); }

/* Colonne de gauche */

.left_col h1 {  color: #60B907; }
.left_col h2 { background: url(http://images.kappea.com/v2_fleche_verte.gif) no-repeat scroll left 3px; }

.left_col h1.immo { background: url(http://images.kappea.com/v2_puce_verte_immo.gif) no-repeat scroll left top; }
.left_col h1.auto { background: url(http://images.kappea.com/v2_puce_verte_auto.gif) no-repeat scroll left top; }
.left_col h1.service { background: url(http://images.kappea.com/v2_puce_verte_service.gif) no-repeat scroll left top; }

#around { text-align: center; }

/* colonne de droite */
.right_col { margin-left: 2px; }


/* Fil d'ariane des étapes */
ul#etapes {  padding-left: 7px; float:left; list-style: none; margin: 10px 0; }
ul#etapes li { height: 33px; line-height: 33px; float:left; padding-left: 38px; padding-right: 20px; margin:0; color: #7e7e7e;
	list-style-position: inside; background: no-repeat scroll left top; font-size: 1.02em; } 
	
ul#etapes li.current, ul#etapes li.done { color: #60B907; background-position: left bottom;  }
/*ul#etapes li.current { font-weight: bold; } */
ul#etapes li.done a { color: #60B907;  }

ul#etapes li.num_1 { background-image: url(http://images.kappea.com/v2_num1.gif); }
ul#etapes li.num_2 { background-image: url(http://images.kappea.com/v2_num2.gif); }
ul#etapes li.num_3 { background-image: url(http://images.kappea.com/v2_num3.gif); }

/* Formulaire de dépôt d'offre */
.optional_fields { padding-bottom: 10px; padding-top: 5px; padding-right: 15px; }
.optional_fields table { width: 100% }



#contact td input { margin-left: 10px; }

textarea { border:1px solid black; margin:2px 0; padding:2px 4px; height: 100px; width: 480px; }

#add_file_iframe { border: 0; width: 100%; height: 6em;}
#ajax_loader { display: none; }

/* #offer_files {height: 300px; overflow: auto;} */
#offer_files img { margin-bottom: 5px; }


#conseil_city { float: right; width: 230px; margin: 4px 4px 0 0; padding: 0 }

#offer_files { width: 200px; }

/* Recherche des demandes */

div.rounded.gmap { margin: 10px 0 15px 0; }
#gmap { height:350px; }

.basket { margin-bottom: 5px; }
.basket tr { vertical-align: middle; }
.basket h2 { margin: 0 0 0 10px; font-size: 1.2em; }
ul.tarifs { margin: 0; padding: 0; list-style-type: none; font-size: 0.85em; }
.basket p { margin-bottom: 0px; }
/*.basket ul li { height: 1.5em; } */

#left_list { width: 495px; float: left;   }

#left_list .m5 { margin: 0 0 5px 5px; }
#left_list .m10 { margin-left: 10px; }
#left_list h2, #left_list h3 { margin: 8px 0 5px 0; }
#left_list p { padding: 6px 0 0 0; margin: 0;}

#left_list div.title { background:transparent none no-repeat scroll 445px 2px;   position: relative; padding: 0px 73px 0px 0px; }
#left_list div.title .header { cursor: pointer; }
#left_list div.title b a { color: #7e7e7e; }
#left_list div.title.new b a { color: #219021; }

#languette { position: absolute; z-index: 9999; width: 243px; height: 47px; top: 392px; left: 438px; display: none;
			background:transparent none no-repeat scroll 0 -50px; cursor: pointer;}
/*#languette.contact { width: 243px; }*/



#good_price { margin: 15px 0;  }
#good_price div.title.new { }
#good_price div.title.selected { background-image:url(http://images.kappea.com/v2_btn_req_selected.gif); }
#good_price div.title.old_select { background-image:url(http://images.kappea.com/v2_btn_req_old_selected.gif); }

#left_list div.content { display: none; padding-top: 4px; }
#left_list div.open div.content { display: block; }

#left_list div.title.open { background-image:none; min-height: 155px !important; height: auto !important; *height: 155px; }
#left_list div.content .actions { position: absolute; right: 0px; width: 47px; top: 2px; z-index: 50; overflow: hidden; margin:0; padding:0; }

#left_list div.content .actions a { display: block; height: 48px; margin-bottom: 5px; 
					background:transparent none no-repeat scroll 0 0;	}
#left_list div.content .actions a:hover { background-position: 0 -50px; }

#left_list div.content .actions a.send_to_friend { background-image: url(http://images.kappea.com/v2_btn_ami.gif); }
#left_list div.content .actions a.bad_content { background-image: url(http://images.kappea.com/v2_btn_illicite.gif); }
#good_price div.content .actions a.contact { background-image: url(http://images.kappea.com/v2_btn_add_to_basket.gif); }
#good_price div.selected div.content .actions a.contact { background-image: url(http://images.kappea.com/v2_btn_out_of_basket.gif);}

#good_price div.old_select div.content .actions a.contact { background-image: url(http://images.kappea.com/v2_btn_contacted_buyer.gif); }

#under_price { margin: 15px 0;  }
#under_price div.content .actions a.contact { background-image: url(http://images.kappea.com/v2_btn_moins_cher.gif); }

#requests_tools { width: 470px; float: right; }

#requests_tools .cadre_gris { left: 165px; } 

#valid_mail { position: absolute; border: 1px solid #e4e4e4; background-color: #e5e5e5; display: none; z-index: 50;
	top: 200px; left: 55px; padding: 5px 10px 10px 10px; }

input.bad_mail { background-color: red; }

#choose_price { /*height: 420px; */ top: 0; text-align: center;}
#choose_price .per_contact, #choose_price .cpa { width: 290px; /*height: 260px; */ margin: 15px 10px; font-size: 1.25em;  }
#choose_price img { cursor: pointer; }
#choose_price  p, #choose_price  ul  { margin: 10px; text-align: center}
#choose_price .per_contact { float: left; }
#choose_price .cpa { float: right; }

#choose_price h2, #choose_price h3  { margin: 1px; padding: 0; }
#choose_price .tarifs { font-size: 0.85em; }

a.change_tarifs { color: inherit; }

/* Confirmation */

#basket_list { width: 95%; }
#basket_list tr.request { border-bottom: 1px solid #e4e4e4 }
#basket_list td.title { width: 90%; }
#basket_list img.delete { cursor: pointer; }

li.current_price { font-weight: bold; }
#basket_submit { margin-top: 10px; }

#pay_table { margin-top: 10px; border: 1px solid #e4e4e4 }

#total_resume { font-size: 1.6em; margin: 15px 0 0 0; }
#total { padding-left: 30px; }

#validate_form h2 { margin-top: 0px;}
#validate_form h3 { margin-bottom: 0px;}

#invoice_form { margin-left: 10px; }
#invoice_form textarea { width: 250px; height: 50px; }

div.rounded.offer_confirm { margin: 0px 0pt 15px 5px; }
#left_list div.rounded.offer_confirm h3 { margin-top: 0px; }

div.rounded.offer_confirm { margin: 0px 0pt 15px 5px; }
#requests_tools div.rounded.offer_confirm h3 { margin-top: 0px; }
#requests_tools div.rounded.offer_confirm p { padding: 6px 0 0 0; margin: 0;}


/* Page de remerciements */

#texte_merci { float: left; width: 65%; padding-right: 20px; }


/* Suppression */
.left_col .offer, .left_col h4 { margin:5px; }