/*
 * Theme Name: Smart Mag Child
 * Theme URI: http://theme-sphere.com/
 * Description: A child theme of SmartMag
 * Author: ThemeSphere
 * Author URI: http://theme-sphere.com
 * Template: smart-mag
 * Version: 1.0
 * */

@import url("../smart-mag/style.css");


/*Netick*/

#main-head > div > header > div.right > div > span
{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-size: 100%;
	font-family: inherit;
}

h1 , #main-head > div > header > div.right > div > span{ font-size: 24px; font-weight: bold!important;}  

 #main-head > div > header > div.right > div > span
 {
	font-weight: normal; 
	font-family: "Roboto Slab", Georgia, serif;
	color: #19232d;
}

#biens > div > div{
margin-top: 20px;
/* padding-left: 10px; */
border-top: 4px solid #780232;
margin-bottom: 10px;
padding-top: 10px;
position:relative;
}

#biens > div > div > div.list_item_content > div.wrap_btm{
position: absolute;
bottom: 9px;
right: 0;
}

#biens > div > div > div.list_item_content > div.wrap_btm > a{
	color: white;
background: #780232;
padding: 10px 31px;
text-transform: uppercase;
}

#biens > div > div > div.list_item_content > div.wrap_btm > a:hover{
	background: #19232d;
text-decoration: none;
}

#biens > div > div > div.list_item_content > div.body{
	text-align: justify;
}

#biens > div > div > div.list_item_picture > img{
float: left;
margin-right: 10px;
min-width: 260px;
max-height: 150px;
}

#biens > div > div > div.item_reference{
	margin-right: 10px;
	float: left;
}

#biens > div > div > div.item_surface{
	color: #780232;
}

#row > nav > ul.pagination{
	list-style: none;

}

#row > nav > ul.pagination > li{
	float: left;
	padding:5px 10px;
	background: #19232d;
	border-top: 4px solid #780232;
}
#row > nav > ul.pagination > li:hover,
#row > nav > ul > li.active{
	background: #780232;
	border-top: 4px solid #780232;
}

#row > nav > ul.pagination > li > a{
color: white;
font-size: 16px;
}

#row > nav > ul.pagination > li > a:hover{
text-decoration: none;
}

.clear{
	clear: both;
}

#produit > div.row > div.col-6{
min-height: 330px;
position: relative;
}

#produit > div.row:first-child{
	margin: 0;
	border-left: 4px solid #780232;
}

#produit > div.row > div.col-12{
	margin-bottom: 10px;
}

#produit > div > div.col-6 > h3{
	margin-top: 10px;
	color: #780232;
}

#produit > div > div.col-6 > h3 > a:hover{
	color: #780232;
}

#produit > div > div.col-6 > p{
	position: absolute;
bottom: 0;
margin-bottom: 0;
text-align: justify;
padding: 0 20px 0 0;
}

#produit > div.row > div.col-6:nth-child(2){
padding-right: 20px;
}

#produit > div.row > div.col-6:nth-child(3){
padding: 0;
}

#produit > div > div > img{
	width: 100%;
}

#produit > section{
	
	margin: 0;
	margin-top: 20px;
}

#produit > section > article.infos{
	border: 1px #19232d solid;
margin-left: 20px;
padding: 0;
width: 47%;
}
#produit > section > article.agence{
border: 1px #780232 solid;
margin-left: 12px;
padding: 0;
width: 50%;
}

#produit > section > article.infos > h3{
	background: #19232d;
	color: white;
	padding: 10px 20px;
}
#produit > section > article.agence > h3{
	background: #780232;
	color: white;
	padding: 10px 20px;
}

#produit > section > article.infos > h4,
#produit > section > article.agence > h4{
	margin: 10px 10px;
	padding-top: 10px;
	border-top: 1px #ccc solid;
}

#produit > section > article.infos > h4:nth-child(2),
#produit > section > article.agence > h4:nth-child(2){
	border-top: none;
}

#produit > section > article.infos > div{
	margin: 10px 20px;
	-webkit-column-count: 2;
    -moz-column-count: 2; 
    column-count: 2;
}

#produit > section > article.infos > div > p,
#produit > section > article.col-6.agence > div > p{
	margin-bottom: 5px;
}

#produit > section > article.infos > div > p > span{
	color: #780232;
}

#produit > section > article.col-6.agence > img{
	float: left;
margin: 0 10px 10px 10px;
}

#produit > section > article.col-6.agence > div > p > a{
	color: #780232;
}

#produit > div > div.col-12{
	padding-right: 0;
}

#produit > div > div.col-12 > p{
	text-align: justify;
	margin-bottom: 5px;
}

#produit > section > article.col-6.agence > form{
	padding:10px;
}

#produit > section > article.col-6.agence > form > button{
	padding: 5px;
	background: #780232;
	color: white;
	webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

#produit > section > article.col-6.agence > form > button:hover{
	background: #19232d;
	color: white;
}

#recherche{
	margin: 0;
	padding: 10px;
	background: #f2f2f2;
	min-height: 100px;
	border-bottom: 1px solid #d9d9d9;
}

#amount{
	background: transparent;
	border: none;
	display: block;
	padding: 0 0 5px 0;
}

#recherche > div.col-3{
	min-height: 90px
}

#recherche > div.checkbox.col-3 > label{
	margin-right: 20px;
}

#recherche > div.col-3 > input,
#slider-range{
	width: 85%;
}

#recherche > div.checkbox.col-3 > p{
	margin-bottom: 20px
}

#recherche > div.form-group.col-3 > p{
	margin-bottom: 15px;
}

#recherche > div.range.col-3 > p{
	margin-bottom: 10px;
}

#recherche > div.col-3{
	padding-left: 0;
	padding-right: 10px;
}

#recherche > div.col-3 > p.sr-only{
font-family: "Roboto Slab", Georgia, serif;
color: #780232;
text-transform: uppercase;
}

#recherche > button,
#recherche > a,
#calculette > button{
padding: 10px;
margin-bottom: 5px;
}

#recherche > button:nth-child(4),
#calculette > button{
	background: #780232;
	color: white;
	webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

#recherche > a{
	text-align: center;
	background: #19232d;
	color: white;
	webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

#recherche > a:hover{
	background: white;
	color: #19232d;
	text-decoration: none;
}

#recherche > button:nth-child(4):hover,
#calculette > button:hover{
	background: white;
	color: #780232;
}

#trier > div > p{
	margin: 20px 10px 10px 10px;
float: left;
font-family: "Roboto Slab", Georgia, serif;
color: #780232;
text-transform: uppercase;
}

#trier > div > select{
	margin: 20px 0 10px 0;
}

#iphorm-widget-3,
#iphorm-widget-4,
#iphorm-widget-5{
	background: #f2f2f2;
}

#iphorm-widget-3 > h3,
#iphorm-widget-4 > h3,
#iphorm-widget-5 > h3{
	margin-bottom: 15px;
}

#iphorm-widget-3 > div.iphorm-outer,
#iphorm-widget-4 > div.iphorm-outer,
#iphorm-widget-5 > div.iphorm-outer{
	padding: 0 10px 10px 10px;
	color: #19232d;
}

.iphorm-theme-light-light .iphorm-element-wrap > .iphorm-element-spacer > label{
	color: #19232d;
text-shadow: none;
}

.iphorm-theme-light-light .iphorm-element-wrap p.iphorm-description{
	color: #19232d;
}

li.lang-item.lang-item-2.lang-item-fr,
li.lang-item.lang-item-2.lang-item-fr.current-lang{
	float: left;
	margin-right: 10px;
}

.slideshow {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slideshow li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slideshow li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slideshow img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

#produit > div > div > a.rslides_nav.rslides1_nav.prev{
  	position: absolute;
background: #19232d;
color: white;
text-decoration: none;
padding: 10px;
top: 0;
z-index: 999;
opacity: 0.2;
webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
  }

#produit > div > div > a.rslides_nav.rslides1_nav.next{
  	position: absolute;
background: #19232d;
color: white;
text-decoration: none;
padding: 10px;
top: 42px;
z-index: 999;
opacity: 0.2;
webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
  }

#produit > div > div > a.rslides_nav.rslides1_nav.prev:hover,
#produit > div > div > a.rslides_nav.rslides1_nav.next:hover{
	opacity: 1;
}

#test1 > div > div > div > div > div > div.gm-style-iw > div > div > div > h3{
	color: #780232;
	margin-bottom: 5px;
}

#test1 > div > div > div > div > div > div.gm-style-iw > div > div > div > img{
	float: right;
margin-left: 10px;
margin-bottom: 5px;
border: #ccc 1px solid;
}

#test1 > div > div > div > div > div > div.gm-style-iw > div > div > div > p{
	text-align: justify;
}

.iphorm-outer{
padding:10px;
}

.rslides_holder {
	padding:0 25px;
	position:relative;
}

.rslides_holder .rslides_tabs {
	position: absolute;
	bottom: 2px;
	left: 27px;
	z-index: 9999;
}

.rslides_holder .rslides_tabs li {
	display: inline-block;
	zoom: 1;
	*display:inline;
	padding: 3px;
	border: 2px solid #fff;
	margin: 3px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
}

.rslides_holder .rslides_tabs li a {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
}

.rslides_holder .rslides_tabs li.rslides_here {
	border-color: #780232;
}

.rslides_holder .rslides_tabs li.rslides_here a {
	background: #780232;
}

#test1 > div > div > div > div > div > div.gm-style-iw > div > div > div > a{
background: #780232;
border: 1px solid #780232;
color: white;
padding:10px;
webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

#test1 > div > div > div > div > div > div.gm-style-iw > div > div > div > a:hover{
border: 1px solid #780232;
color: #780232;
background: white;
text-decoration: none;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

#calculette{
	padding: 10px;
	background: #f2f2f2;
}

#calculette > div{
	margin-bottom: 15px;
	clear: both;
}

#calculette > div > select{
	width: 100px;
float: right;
}

#calculette > div > input{
	width: 110px;
float: right;
}

#calculette > div > #e-mail{
	width:180px;
}

.ui-widget-header {
border: 1px solid #aaaaaa;
background: #780232!important;
color: white!important;
font-weight: bold;
}

div.col-5.main-content{
	padding-right: 0;
}

#calculette > button{
	margin-top: 10px;
	float: right;
	width: 95%;
}

#calculette > div > label{
	color: #121a21;
}

/*responsive*/

@media all and (max-width:940px) {
	.rslides_holder {
		padding:0 10px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1115px) {
	#biens > div > div > div.list_item_picture > img{
width: 100%;
max-height: 250px;
margin-bottom: 10px;
}
#biens > div > div {
margin-bottom: 0;
}
#biens > div > div > div.list_item_content > div.wrap_btm {
margin-top: 30px;
text-align: right;
position: relative;
}

#produit > section > article.agence{
border: 1px #780232 solid;
margin-left: 12px;
padding: 0;
width: 48%;
}
	}

@media screen and (max-width: 767px){
	#produit > section > article.infos{
	border: 1px #19232d solid;
width: 100%;
margin-left: 0;
}

#produit > section > article.agence{
	border: 1px #780232 solid;
width: 100%;
margin-left: 0;
}

#produit > div.row > div.col-6{
	margin-bottom: 0;
}

#produit > div.row > div.col-6:nth-child(2) {
min-height: 300px;
position: relative;
}

#produit > div.row:first-child {
margin: 0;
border-left: none;
}

#produit > div.row > div {
padding: 0;
}

#recherche > div.col-3 > input, #slider-range {
width: 95%;
}

}

@media screen and (max-width: 535px) {
	#biens > div > div > div.list_item_picture > img{
width: 100%;
max-height: 280px;
margin-bottom: 10px;
}

#produit > section > article.col-6.agence > h5{
	margin-left: 10px;
}

#produit > section > article.col-6.agence > div > p{
	margin-left: 10px;
}

#produit > div.row > div.col-6{
	margin-bottom: 0;
}

#produit > div.row > div.col-6:nth-child(2) {
min-height: 250px;
position: relative;
}
#biens > div > div {
margin-bottom: 0;
}
#biens > div > div > div.list_item_content > div.wrap_btm {
margin-top: 30px;
text-align: right;
position: relative;
}
#biens > div{
	margin-bottom: 5px;
}

#calculette > div > select{
	width: 90px;
float: right;
}

#calculette > div > input{
	width: 50px;
float: right;
}
#calculette > div > #email{
	width: 150px;
}
}


.hmsg{display:none}