/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

body {
	background-image:url(/images/bg-body-tail.png), url(/images/bg-body-top.jpg), url(/images/bg-body.jpg);
	background-repeat:repeat-x, no-repeat, repeat-x;
	background-position: 0 152px, center 0px, 0 0;
	background-color:#e7e7e7;
	font-size: 12px;
	height: auto;
	padding:10px 0px !important;
	margin:0px !important;
}

body #generalWrapper{
	background: url(/images/bg-body-bottom.png) bottom left repeat-x;
}

body.index.index #generalWrapper{
	background: url(/images/bg-body-bottom-home.png) bottom left repeat-x;
}

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

a:hover {
	text-decoration: underline;
}

#text_infos {
    margin-top: 25px;
    margin-bottom: 35px;
    margin-left: 160px;
}
#text_infos h3 {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #d4312d;
	margin-bottom: 0;
}

h1 {

}
body.index h2 {
	border-bottom: none;
	margin: 26px 0 0 0;
}

body.index h2:before {
	background: none;
}

h2 {
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 400;
	font-size:20px;
	color: #07254D;
	border-bottom:1px solid #aaaaaa;
	margin: 20px 0 26px 10px;
	padding-bottom:6px;
	position:relative;
}

h2:before {
	content:'';
	width:18px;
	height:10px;
	background:url(/images/arrow_down_subtitle.gif);
	bottom:-10px;
	left:22px;
	position:absolute;
}

.properties_result_content h2:before, .property_detail_content h2:before {
	content:'';
	width:18px;
	height:10px;
	background:url(/images/arrow_down_subtitle_white.gif);
	bottom:-10px;
	left:22px;
	position:absolute;
}


p {

	overflow: hidden;
	padding: 0;
}


#generalWrapper{
	width:100%;
	margin: 0px auto;
}

#header2{

//background: url("/images/img01b.jpg") repeat scroll right top #000000;
//margin-top: 0px;
//height: 400px;

}

.aumetz {
	width: 49%;
	float: left;
	margin-right: 9px;
}
.hayange {
	width: 49%;
	float: left;
}


.left-contact {
	float: left;
	width: 49%;
	margin-right: 17px;
}
.right-contact {
	float: left;
	width: 49%;
}

input#city {
	width: 176px;
}

#html_contact_map h3 {
	font-size: 15px;
	font-weight: normal;
	color: #062450;
}


.form_search #city-element select, .form_search #property_type-element select, .form_search #property_group-element select {
	width: 180px;
}

#img-header {
	height: 220px;
	margin-top: 10px;
}

#valuation-element label, #fireplace-element label, #architectural_style-element label, #state-element label {
	margin-right: 10px;
}

.property_flip .text_container {
	opacity: 1;
	background: #07254D;
}

/******************************************/
/************** Widget MENU ***************/
/******************************************/

.menu{
	margin: 96px 0px 0px 12px;
}
.menu li{
	padding:0px 5px;
	float:left;
	list-style:none;
}

.menu a{
	display:block;
	color:#fff;
	margin:0px;
	padding:85px 0px 0px 0px;
	text-decoration:none;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-transform:uppercase;
}

body.index.index #tab_home a,
body.offer.search.by #tab_vente a,
body.offer.search.rt #tab_location a,
body.offer.detail:not(.lu) #tab_project a,
body.offer.search.build #tab_build a,
body.contact.offer.contact.handle #tab_vendre a,
body.realisations #tab_realisations a,
body.contact.simple #tab_contact a,
.menu a:hover{

	color:#FFF;
	border-bottom: 1px solid #FFFFFF !important;

}
body.contact.offer.contact.handle.by #tab_vendre a,
body.contact.offer.contact.handle.rt #tab_vendre a {
	border-bottom: 1px solid transparent !important;
}


.menu a span {
	display: block;
	font-family: 'Pontano Sans',sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding-bottom: 1px;
	padding-right: 0px;
	text-align: center;
}



.menu .subMenu a {
	width:100%;
}
.menu .subMenu a span{
	display:block;
	height:25px;
	text-align:left;
	float:left;
	width:85%;
	font-size:11px;
	text-transform:none;
	border-top: 1px dotted #FFFFFF !important;
	background:#777777;
}

.menu a span.left {
	display:none;
}

.menu a span.right{
	display:none;
}

.menu .subMenu a span.left{
	width:15%;
}

.menu .subMenu a span.right{
	float:right;
	clear:right;
	width:0%;
	background:none;
	border:none;
}

.subMenu{
	margin-bottom:0px;
	display:none;
	width:100%;

}


#picture_sub_menu{
	width: 138px;
	margin:15px 0px 0px 15px;
}


/********** Horizontal Menu SubMenu ************/
.grid_24 .subMenu {
	position:absolute;
	top: 62px;
	z-index:1001;
}


/************** Opened SubMenus  ***************/

body.tabInfo .subMenu.tabInfo{
	display:block;
}

/************** Selected Menus ***************/




/************** Hover Menus ***************/

.menu a:hover span {

}

.menu a:hover span.left {

}

.menu a:hover span.right {

}

/************** Selected SubMenus ***************/


/************** Hover SubMenus ***************/

.menu .subMenu a:hover span{

}

.menu .subMenu a:hover span.left {

}

.menu .subMenu a:hover span.right {

}

/*  text_header  */

#text_header {
	margin-top:100px;
	padding:0px;
	color:#07254D ;
	text-align:right;
}

#text_header a {
	color:#07254D ;
}


/*  form_title  */



#form_title div{
	font-family: 'Pontano Sans', sans-serif;
	font-size:15px;
	color:#07254D ;
	letter-spacing:2px;
	margin: 69px 0px 0px 20px;
	font-weight:bold;
}

/*  text_accueil  */

#text_accueil .title{
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 400;
	font-size:20px;
	color:#07254D ;
}

#text_accueil .title div{
	font-size:14px;
	color:#5e6969;
	font-weight: 700;
	text-transform:uppercase;
}

#text_accueil p{
	margin-top:6px;
	text-align:justify;
	line-height:16px;
}

#text_accueil h2, #photoflip_title h2 {
//text-transform: uppercase;
	font-size: 17px;
	line-height: 22px;
}
#text_accueil h2 strong, #photoflip_title h2 strong{
	font-size: 20px;
}






/* menu langue */


#menu_lang{
	width:auto;
	float:right;
	color:#ffffff;
	font-weight:500;
}

html[lang=fr] #menu_lang .fr,
html[lang=en] #menu_lang .en,
html[lang=de] #menu_lang .de{

	color:#c78dde;

}




/* Header Search Form */

dt#formelement-label {
	display: none;
}

.text_page_contenu {
	margin:20px 20px 0px 0px;
}

/* Search Forms */

.form_search form {
	margin:0px 5px;
}

.form_search input[type=text],
.form_search select,
.form_search input[type=submit]{

}

.form_search #submit-element{
	position:relative;


}

.form_search input[type="submit"] {
	background-color: #D23728;
	background-image: url("/images/icon_search_button.png"), url("/images/bg-btn-submit.gif");
	background-position: 128px center;
	background-repeat: no-repeat, repeat-x;
	border: none;
	bottom: -8px;
	color: #FFFFFF;
	float: right;
	font-family: 'Pontano Sans',sans-serif;
	font-size: 18px;
	left: 42px;
	letter-spacing: 2px;
	padding: 11px 40px 10px 10px;
	position: absolute;
	text-shadow: 1px 1px 1px #EC6240;
	text-transform: uppercase;
}

/* Header Search Form */



#form_header {
	background: rgba(6, 36, 80, 0.9);
	color: #FFFFFF;
	font-weight: bold;
	margin: -90px 0 20px;
	padding-left: 28px;
	padding-top: 8px;
}

#form_header label {
	font-size:13px;
	font-weight:normal;
	color:#fff;
}

#form_header #transaction-element{
	margin-left:100px;
}

#form_header #property_type-label,
#form_header #min_bedroom-label {
	margin-left:40px;
}




#form_header #submit-label {

	display:none;
}

#form_header dl.zend_form dt {
	width: 12%;
}

#form_header input[type=submit]{
	margin-top:0px;
}



#form_header #min_surface-label,
#form_header #min_surface-element,
#form_header #max_surface-label,
#form_header #max_surface-element{
	display:none;
}



/****** Properties array ******/


.property_array a,
.property_array a:hover{
	height:280px !important;
	display:block;
	text-decoration:none;
	text-align:left;
	color:#000000;
	margin-bottom:10px;
	text-transform:uppercase;
}

.property_array a .photo{
	height:143px;
	vertical-align:bottom;
	overflow:hidden;
	box-shadow: 0px 0px 2px #999;
	border:8px solid #FFFFFF;
	margin-bottom:10px;
	position:relative;
	background:#FFFFFF;
}

.property_array a img{
	display:block;
	margin: auto;
	height:100%;
}

.property_array a .photo:after{
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.property_array a:hover .photo:after{
	box-shadow: inset 0px 0px 6px #333;
}

.property_array a .infos{
	height:90px;
	background: #D4312D url(/images/icon-moreinfo.png) 200px 65px no-repeat;
	padding:6px 6px 0 8px;
	color:#FFFFFF;
	border-top: 4px solid #07254D;
}



.property_array a .infos .tr_transaction,
.property_array a .infos .key-price,
.property_array a .infos .price{
	font-weight:bold;
}
.property_array a .infos .line{
	display:block;
}
.property_array a .infos .price{
	color: #07254D;
}

body.offer.search #grid1 a{
	margin-bottom:10px;
}

body.offer.search .property_array a .photo{
	height:140px;
}

body.index.index #grid1 h2{
	border-bottom: 1px dashed #FFFFFF;
	color: #000;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-top: 0;
}
}

/* Text Footer */
#text_footer{
	padding:14px 0 10px 0;
	font-size:11px;
}

#text_footer .white{
	-moz-box-sizing: border-box;

	background: url("/images/logo_small.png") no-repeat scroll 520px 4px #FFF;
	border-: 1px solid #7D8383;
	color: #222222;
	font-size: 12px;
	height: 100px;
	line-height: 21px;
	padding: 8px 0 0 20px;
}

#text_footer .white h3{
	color:#07254D ;
	font-size:12px;
	margin:0px;
	padding:0px;
}


#text_footer .white .links{
	font-size: 11px;
	color: #5F6368;
	clear: both;
	padding-top: 9px;
}

#text_footer .links a{
	color:#7e8888;

}

#text_footer .links a:hover{
	color:#07254D ;
}



#text_footer .right.copyright{
	float:right;
	text-align:right;
	font-size: 10px;
	margin-top:5px;

	color: #5F6368;
}

#text_footer .right a{
	color:#FFFFFF;
}


/****** Offer Search ******/

.properties_result_content {
	background:#FFFFFF;
	margin-right:24px;
	min-height:666px;
}

.properties_result_content .navigation_bar{
	margin: 0px 10px 10px 10px;
}

.properties_result_content .navigation_bar .resume {
	float:left;
	color: #5F6368;
}

.properties_result_content .navigation_bar .pagination {
	float:right;
}

.properties_result_content .navigation_bar ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.properties_result_content .navigation_bar li {
	float:left;
	height:30px;
	margin-left:24px;
}

.properties_result_content .navigation_bar li a {
	margin:0px 5px;
	color: #5F6368;
	display:block;
	text-decoration: none;
}
.properties_result_content .navigation_bar li a:hover{
	text-decoration:underline;
	color:#07254D ;
}

.properties_result_content .navigation_bar li span.current_page, .navigation_bar ul.filters a.current_filter {
	font-weight:bold;
	color:#07254D ;

}

.properties_result_content .navigation_bar li a.next_page , .navigation_bar li a.previous_page {
	width:15px;
	height:15px;
}

.properties_result_content .navigation_bar li a.previous_page {
	background:#000000 url(/share/img/previous-next.png) top left no-repeat;
}

.properties_result_content .navigation_bar li a.next_page {
	background: #5F6368 url(/share/img/previous-next.png) -15px 0px no-repeat;
}

.properties_result_content .navigation_bar li a.previous_page:hover,
.properties_result_content .navigation_bar li a.next_page:hover{
	background-color:#07254D ;
}

.properties_result_content .navigation_bar ul.filters {
	clear:both;
	margin:10px auto;
}

.properties_result_content .navigation_bar ul.filters a {
	padding:0px 0px 10px 0px;
}

.properties_result_content .navigation_bar ul.filters a.current_sorter{

}

.properties_result_content .navigation_bar ul.filters a.asc {
	background:#07254D  url(/share/img/asc-dsc.png) center -32px no-repeat;
}

.properties_result_content .navigation_bar ul.filters a.desc {
	background:#07254D  url(/share/img/asc-dsc.png) center 0px no-repeat;
}


.properties_result_content article {
	margin:0px 0px 32px 0px;
	position:relative;
}

.properties_result_content article h2 {
	background: #D4312D url(/images/icon-arrow-right.png) 10px 10px no-repeat;
	font-size:16px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-bottom: 5px solid #07254D ;

}
.properties_result_content article h2 a{
	display:block;
	color:#FFFFFF;
	padding: 5px 10px 5px 33px;

}
.properties_result_content article h2 a:hover{
	text-decoration:none;
}

.properties_result_content article h2 a .immotype{

	display: inline-block;
}

.properties_result_content article .photo{
	width:30%;
	height:150px;
	float:left;
	overflow:hidden;
	text-align:center;
	display:block;
}

.properties_result_content article .photo img {
	margin:0px auto;
	height:100%;
}

.properties_result_content article  .description,
.properties_result_content article  .info {
	margin:0px 0px 0px 30px;
	font-size:12px;
	width:60%;
	float:left;
}

.properties_result_content article .info .key {
	font-size:12px;
	font-weight:bold;
}

.properties_result_content article .__price .value {
	color:#07254D ;
	font-weight:bold;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 700;
	font-size: 17px;
}
.properties_result_content article .__price .key{
	display:none;
}

.properties_result_content article a.detail {
	background: #07254D;
	color:#FFFFFF;
	font-size:14px;
	border-radius:3px;
	border:none;
	padding:3px 15px;
	font-family: 'Pontano Sans', sans-serif;
	letter-spacing:1px;
	position:absolute;
	bottom:0px;
	right: 20px;
}

.properties_result_content .no_result{
	margin:0px 10px 20px 10px;
	font-weight:bold;
}

/*********** Offer Detail ******************/

.property_detail_content {
	background:#FFFFFF;
}

.property_detail_content .navigation_bar ul,
.property_detail_content h1,
.property_detail_content #gallery,
.property_detail_content .offer_childs,
.property_detail_content .situation_description,
.property_detail_content .description,
.property_detail_content .specifications,
.property_detail_content div.googleMap{
	margin-left: 10px;
}

.property_detail_content .offer_childs h2,
.property_detail_content .situation_description h2,
.property_detail_content .description h2,
.property_detail_content .specifications h2,
.property_detail_content div.googleMap h2,
.property_detail_content .form_contact_container h2{
	margin-bottom:18px;
}

.property_detail_content .form_contact {
	margin: 0 10px 0 0;
}

.property_detail_content .navigation_bar ul li,
.property_detail_content .navigation_bar ul{
	margin-top:0;
	margin-bottom:0;
}

.property_detail_content .form_contact_container{
	margin-left:10px;
	margin-right:0px;
}

.property_detail_content div.googleMap{
	margin-right: 10px;
}



.property_detail_content h1{
	color: #5F6368;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 400;
	font-size:22px;
}

.property_detail_content h2{
	color:#07254D ;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 700;
	font-size:20px;
	margin-top:20px;
	margin-bottom:0px;
	line-height:30px;
}

.property_detail_content h3{
	color:#1C1C1C;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 400;
	font-size:16px;
}

.property_detail_content .overview .__detail_rent_price,
.property_detail_content .overview .__detail_selling_price{
	margin-bottom:10px;
}

.property_detail_content .overview .__detail_rent_price .key,
.property_detail_content .overview .__detail_selling_price .key{
	display:none;
}

.property_detail_content .overview .__detail_rent_price .value,
.property_detail_content .overview .__detail_selling_price .value{
	color:#07254D ;
	font-weight:bold;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 700;
	font-size:18px;
}

.property_detail_content a.back,
.property_detail_content .overview a.contact{
	margin:10px 0px;
	display:inline-block;
	text-decoration: none;
}

.property_detail_content a.back,
.property_detail_content .overview a.contact,
.property_detail_content .form_contact input[type=submit]{

	background: #07254D;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	border-radius:3px;
	border:none;
	padding:3px 15px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 700;
	letter-spacing:1px;
}


/* Contact Page */

#html_contact_simple{
	margin:0px;
	font-size:12px;
}


body.contact.simple #center{


}

body.contact.simple .form_contact{
	margin:0 28px 20px 0;
}

body.contact.simple .form_contact legend{
	margin:0 0px 0px 20px;
}


body.contact.simple .form_contact span.required_legend,
body.contact.simple .form_contact dt{
	width:35%;
	margin-left:30px;
}

body.contact.simple .form_contact span.required_legend{
	margin-top:12px;
}

body.contact.simple .form_contact dd{
	width:40%;
	margin-left:10px;
	box-sizing:border-box;
}
body.contact.simple .form_contact dd input[type=text],
body.contact.simple .form_contact dd textarea{
	width:100%;
	box-sizing:border-box;
}

body.contact.simple .form_contact input[type=submit]{
	background: #07254D ;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	border-radius:3px;
	border:none;
	padding:3px 15px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: 700;
	letter-spacing:1px;
}


/* SlideShow */

#slideshow1{
	height:264px;
	border-radius: 40px 0px 0px 0px;
}

#slideshow1 img{
	border-radius: 40px 0px 0px 0px;
}

/* Contact map */
#html_contact_map {
	margin-top:10px;
}

/* text_phone */
.property_detail_content .form_contact_container p,
#text_phone p {
	margin-top:10px;
	background: #07254D ;
	border-radius:3px;
	padding:10px;
	color:#FFFFFF;
	font-size:18px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: bold;
	margin:0px 0px 10px 0px;
}

/* photoflip */
#photoflip1{
	box-shadow: 0px 0px 2px #07254D;
	padding-top: 30px;
}
#photoflip1_property_alt {
	display: none !important;
}


#photoflip1 .text_container{
	border:2px solid #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#photoflip1 .property_alt {
	height: 98px;
	overflow:hidden;
}
.property_flip .text_container {
	height: 62px;
	top: 161px;
	padding-top: 6px;
}
.property_detail_content .form_contact_container p,
#text_phone p {
	margin-top:10px;
	background: #07254D ;
	border-radius:3px;
	padding:10px;
	color:#FFFFFF;
	font-size:18px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: bold;

	margin: 0px 10px 10px 0px;
}

.property_detail_content #gallery #big_photo img {
	height: 400px;
	margin-right: 20px;
	max-height: 400px;
	max-width: 577px;
	min-height: 400px;
	text-align: center;
	width:auto;
}
.property_detail_content #gallery #big_photo {
	height: 400px;
}

.property_detail_content #gallery li img {
	height: 70px;
	max-width: 100%;
}

.property_detail_content #gallery li a {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	display: block;
	margin: 0 10px 10px 0;
	text-align: center;
}

.property_detail_content #gallery #big_photo {
	margin: 0 0 10px;
	text-align: center;
}

.property_detail_content #gallery li img {
	height: 80px !important;
	max-width: 100%;
}

.property_detail_content #gallery li a {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0px solid #CCCCCC;
	display: block;
	margin: 0 10px 10px 0;
	text-align: center;
}


body.index #center {
	margin-bottom: 10px;
}

#center{
	margin-bottom:30px;
	margin-top: 2px;
}


dd#property_type-element, dd#city-element {
	width: 147px;
}

.property_flip {
	height: 223px;
}
.property_flip.property_alt{
	color: #FFF !important
;}
.property_flip.property_title{
	color: #07254D  !important;
	margin: 3px 10px;
	line-height: 18px;
	font-size: 15px;
}
.property_flip.text_container{
	background: #5F6368 !important;
	opacity: 1 !important;
}
.left{
	float: left;
}
.right{
	float: left;
	margin-left: 30px;
	margin-top: 3px;
}
.scroll{
	height: 283px;
	overflow: scroll;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: 1px solid #AAA;
	box-shadow: 0px 0px 10px #D3D3D3;
}

.btn-modal-gdpr-trigger {
  left: 10px;
  right: auto;
}

.tooltip-toggle::before {
  left: 37px;
  right: auto;
}

.tooltip-toggle::after {
    left: 32px;
    right: auto;
    border-left: none;
    border-right: 5px solid #dee8f4;
    margin-left: 0;
}
