/*  TABLET  : 1024px */
@media only screen and ( max-width: 1200px ){
	*{	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box;}
	#primary{width: 100%;}	
	#connexion{width: 100%;}
	#head{width: 100%; background-color:#048b9a;}
	.tab-head{width: 100%;border:none;}
	#head center{width: 100%;}
	.recherche-rapide .block-title,
	#moteur-detail .block-title,
	#moteur .block-title{border:none;}
	#count-annonce .triangle{border:none;}
	#navbar2{width: 100%;}
	.tab-annonce_home {border:none;}	
	#paves-home{width: 100%;}
	#newsletter .content{width: 100%;}
	#newsletter .content .triangle{border:none;}
	.page #newsletter{width: 100%;}
	.page-template-annuaire-php #newsletter .content .triangle{	border-right: 1200px solid #fff;}
	#autres-biens .title .top{width: 100%;border:none;}
	.site-footer .sidebar-container {width: 100%;background-color:#048b9a;}
	.footer .footer-link{background-color:#048b9a;height:10px;}
	.tab-foot {width: 100%;border:none;}
	.site-footer .sidebar-container .footer{width: 100%;}
	#autres-biens .title h3 {background-color:rgba(127, 25, 96, 0.9);}
	.pave-droite{height:auto;}
	
	.galleria-container{width:100%!important;}
	.galleria-image, .galleria-image img{max-width:100%!important;}
	.galleria-image img{height:auto!important;}
	
	.nav-menu li a {    padding: 0 30px!important;}
}


/* TABLET  : 768px */
@media only screen and (max-width: 985px) {
	#autres-biens .annonces, .annonces-home .content .annonces{padding-top:0;}
	#navigation-fix{display:none;}
	.quart {    float: left;    width: 50%;}
	.site-content .slideshow {    width: 100%;height:auto;}
	.site-content .introduction-home {width: 100%;height:auto;}
	#blocks-home .center > div{}	
	.home-content{ margin-top: 50px;}
	#blocks-home .center > .tiers, #blocks-home .center > .tiers:nth-child(2){width:50%;}
	#blocks-home .center > #map_chambre,#map_chambre{width:100%;height:auto;}
	#map_chambre #carte-home{height:200px;}
	#lettre-de-mon-notaire {    width: 100%;height:auto; }	
	#blocks-home #offre-emploi, #blocks-home #dossier-actu {    width: 100%;height:200px;}
	#adresse_chambre{width:30%;}
	.annonces-home .tabs .infos{position:relative;}
	.annonces .tiers{    margin-right: 1%;    width: 49%;}
	#colonne-gauche, .page .left{width:100%;padding-right: 0px;padding-bottom: 10px;}
	#colonne-droite, .page .right{width:100%;padding-left: 0px;}
	.right #contact-form-agence{width:49%; margin-right:1%;float: left;margin-top: 10px;}
	.right #annonces-alentours{width:49%; margin-left:1%;float: left;}
	.right .pave-droite{width:49%; margin-left:1%;float: left;}
		
	.navbar{display: none;background:#0272a5;}
	.navigation #li-home{display:none;}
	.nav-menu > li{width:100%; text-align:center;}
	.nav-menu li span {     color: #fff;    display: block;    height: 50px;    left: 0;    line-height: 50px;    padding: 0 10px;    position: absolute;    text-align: right;    top: 0;    width: 100%;    z-index: 5;}
	#navbar .nav-menu li{width:100%;position:relative;}
	.nav-menu .sub-menu li ul{    left: 0;    position: relative;    top: 0px;    width: 100%;	}
	
	ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul{display:none;}
	.nav-menu .sub-menu, .nav-menu .children{position:relative; width:100%;top:0;}
	#head #nav-mobile {    display: block;}
	
	#connexion{background:#fff;}	
	#connexion #logo::before {background:transparent;}
	#head {    position: absolute;    top: 15px; width: 67%; left:auto;transform: none;-ms-transform:none; /* IE 9 */    -webkit-transform: none; /* Safari */right:0;}
	.site-title{background-color:#fff;width:67%;padding: 67px 0 10px;height: 132px;}
	#connect{display:none;}
	
	#autres-biens .annonces .content, .annonces-home .content .annonces .content{opacity:0;}
	#autres-biens .annonces .content_hover, .annonces-home .content .annonces .content_hover{opacity:1;}
	
	#etude #contact {    padding: 15px;}
	
	.form-responsive {    margin-left: 0px;}
	.infos_nego {    display: block;}
	.infos_nego > div {    display: block;    text-align: center;    width: 100%;}
}

/*  Phone  : 480px */
@media only screen and (max-width: 767px) {	
	#head {		top: 130px;	width: 100%;	}
	#connexion #logo {    width: 100%;}
	.site-title{    width: 100%;height: auto;padding-left:10px;padding-right:10px;}
	.quart {    width: 100%;}
	.nb_resultat, .all_annonces{display:none;}
	#blocks-home .demi{width:100%;}
	#blocks-home .center > .tiers, #blocks-home .center > .tiers:nth-child(2){width:100%;}
	.annonces .tiers {    width: 100%;margin: 5px 0;}
	.tiers {    width: 100%;margin-right:0;}
	#infos .head-infos ul li.tiers{    width: 32%;margin-right:2%;}
	#infos .head-infos ul li.tiers:last-child{   margin-right:0;}
	#blocks-home #offre-emploi, #blocks-home #dossier-actu{    width: 100%;}
	.scrollable{height: 630px;}
	.annonces-home .tabs ul li.active, .annonces-home .tabs ul li:hover{margin-top: 5px;}
	.annonces-home .tabs{height: 100px;}
	#map_chambre{height:auto;}
	#adresse_chambre {    left: 0;    position: relative;    width: 100%;}
	#map_chambre #carte-home{height: 200px;}
	.footer .footer-link {    text-align: center;}
	
	#listing .item .links {height:auto;}
	#listing .item .links a{width:49%;border-right: medium none;}
	#listing .item .links a.bien{border-radius: 0;display: inline-block;position: relative;width: 49%;right: auto;height: auto;bottom: auto;}
	
	#listing .item .photo{border-radius: 0;width: 100%;height: 344px;}
	#listing .item .infos .prix{text-align:left;}
	#listing .item .infos .hono{text-align:left;}
	#listing .item .caract .etude{display:none;}
	#listing .item .infos .description{margin-bottom:5px;}
	
	.right .pave-droite,.right #annonces-alentours,.right #contact-form-agence{width:100%; margin-right:0;margin-left:0;}
	#contact-form-agence label{width: 20%;margin-bottom: 11px;}
	#contact-form-agence textarea,#contact-form-agence input[type="text"]{width: 80%;margin-bottom: 11px;}
	#contact-form-agence input[type="submit"]{float:none;margin: 0 auto;clear:both;}
	#caract-fiche{width: 100%;}
	#infos{width: 100%;}
	#fiche #content-fiche .photo{width: 100%;}
	#fiche #content-fiche .social{width: 100%;padding-top: 10px;}
	#fiche #content-fiche .etude{width: 100%;}
	
	#fiche #content-fiche .social a, #fiche #content-fiche .social a:hover{color:transparent;}
	#fiche #content-fiche .social div {    float: left;    width: 35px;    height: 35px;}
	
	
	#infos #btn_desription {    background-image: url("../images/description.png");    background-position: center center;    background-repeat: no-repeat;    background-size: auto 80%;}
	#infos #btn_localisation {    background-image: url("../images/carte.png");    background-position: center center;    background-repeat: no-repeat;    background-size: auto 80%;}
	#infos #btn_diagnostic {    background-image: url("../images/dpe.png");    background-position: center center;    background-repeat: no-repeat;    background-size: auto 80%;}

	#infos #btn_desription.active {    background-image: url("../images/description-active.png");    }
	#infos #btn_localisation.active {    background-image: url("../images/carte-active.png");    }
	#infos #btn_diagnostic.active {    background-image: url("../images/dpe.png");    }

	#infos .head-infos ul li ,#infos .head-infos ul li.active{   height: 36px; color: transparent;}
	#infos .head-infos ul li.active {    color: transparent;}
	
	#POI{width:100%!important;}
	#infos #mapTabsExtras {    width: 100% !important;}
#fiche #head-fiche .titre{width:100%;}
#fiche #head-fiche .head-right{width:100%;text-align: left;}
}

/* Phone  : 320px */
@media only screen and (max-width: 479px){
	.scrollable .items{height:300px;}
	#autres-biens .annonces .image, .annonces-home .content .annonces .image{text-align: center;}
	#autres-biens .annonces .image img, .annonces-home .content .annonces .image img{height:100%; width:auto;}
	.scrollable {    height: 930px;}
	.annonces-home .tabs .infos{display:none;}
	.annonces-home .tabs{height: 120px;}
	#listing .item .links a{width: 100%;}
	#listing .item .links a.bien{width: 100%;}
	
	#listing .item .photo{height: 244px;}
	
	.galleria-image {    max-height: 200px;}
	.galleria-container{    max-height: 300px;}
}