﻿@media only screen and (min-width: 1419px){
	.dashboard-content{
		margin-left: 16%;
	}
}

@media only screen and (min-width: 1150px) and (max-width: 1418px){
	.dashboard-content{
		margin-left: 20%
	}
}

@media only screen and (min-width:1289px) and (max-width:1360px) {
	body.boxed {
		width: 100%
	}
}

@media only screen and (max-width: 1155px) {
	#contactez-annonceur-btn{
		display: none
	}
}

@media only screen and (min-width: 992px) and (max-width: 1149px){
	.dashboard-content{
		margin-left: 25%
	}
}

@media only screen and (max-width:1080px) {
	body.boxed {
		width: 100%
	}
}

@media only screen and (max-width: 1076px){
	.job-overview{
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1070px) {
	#navigation-annnonces-top{
		display: none
	}

	#h1-AnnonceImmobiliere{
		width: 100%
	}
}

@media only screen and (min-width: 1060px) and (max-width: 1224px){
	.phone-box a {
		padding-top: 0px
	}
}

@media only screen and (min-width: 991px) and (max-width: 1060px) {
	.dashboard-header .sixteen.columns{
		margin-top: 6%;
		padding-left: 0px;
		margin-left: -12px;
	}

	.dashboard-header #logo{
		position: absolute;
		left: 50%;
		top: -1px;
	}

	.dashboard-header .responsive{
		top: 54px !important;
	}

	.detail-publication .card{
		margin-top: 7%;
	}
}

@media only screen and (max-width: 1060px){
	.section-register-notification-house-success{
		margin-top: 2rem;
	}
}

@media only screen and (max-width: 991px) {
	.copyright{
		width: 100%
	}
}

@media only screen and (min-width: 990px) and (max-width: 1060px) {
	.detail-publication .card{
		margin-top: 15%;
	}
}

@media only screen and (max-width: 990px) {
	.dashboard-header {
		position: fixed;
		width: 100%;
		z-index: 1001;
		box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
	}

	#description-annonce{
		margin-top: 20%;
	}
}

@media only screen and (max-width: 990px){
	#dashboard {
		margin-top: 104px;
	}

	.section-register-notification-house-success{
		margin-top: 6rem;
	}

	.section-register-notification-house-success .description h3{
		margin: 0px;
	}
}

@media only screen and (max-width: 989px){
	#banner, #titlebar {
		max-height: 561px;
	}

	.search-container, #titlebar .ten.columns{
		margin-top: 86px
	}
}

@media only screen and (min-width:960px) and (max-width:1289px) {
	.container {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding: 0
	}
	.container .column,
	.container .columns {
		float: left;
		display: inline;
		margin-left: 10px;
		margin-right: 10px
	}
	.row {
		margin-bottom: 20px
	}
	.column.alpha,
	.columns.alpha {
		margin-left: 0
	}
	.column.omega,
	.columns.omega {
		margin-right: 0
	}
	.container .one.column,
	.container .one.columns {
		width: 40px
	}
	.container .two.columns {
		width: 100px
	}
	.container .three.columns {
		width: 160px
	}
	.container .four.columns {
		width: 220px
	}
	.container .five.columns {
		width: 280px
	}
	.container .six.columns {
		width: 340px
	}
	.container .seven.columns {
		width: 400px
	}
	.container .eight.columns {
		width: 460px
	}
	.container .nine.columns {
		width: 520px
	}
	.container .ten.columns {
		width: 580px
	}
	.container .eleven.columns {
		width: 640px
	}
	.container .twelve.columns {
		width: 700px
	}
	.container .thirteen.columns {
		width: 760px
	}
	.container .fourteen.columns {
		width: 820px
	}
	.container .fifteen.columns {
		width: 880px
	}
	.container .sixteen.columns {
		width: 940px
	}
	.container .one-third.column {
		width: 300px
	}
	.container .two-thirds.column {
		width: 620px
	}
	body.boxed {
		width: 1060px
	}
}

@media only screen and (max-width: 927px) {
	.container-fluid.detail-publication {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}

	#description-annonce{
		margin-top: 30%;
	}
}

@media only screen and (min-width:768px) and (max-width:990px) {
	.container {
		width: 768px
	}
	.container .column,
	.container .columns {
		margin-left: 10px;
		margin-right: 10px
	}
	.column.alpha,
	.columns.alpha {
		margin-left: 0;
		margin-right: 10px
	}
	.column.omega,
	.columns.omega {
		margin-right: 0;
		margin-left: 10px
	}
	.alpha.omega {
		margin-left: 0;
		margin-right: 0
	}
	.container .one.column,
	.container .one.columns {
		width: 28px
	}
	.container .two.columns {
		width: 76px
	}
	.container .three.columns {
		width: 124px
	}
	.container .four.columns {
		width: 172px
	}
	.container .five.columns {
		width: 220px
	}
	.container .six.columns {
		width: 268px
	}
	.container .seven.columns {
		width: 316px
	}
	.container .eight.columns {
		width: 364px
	}
	.container .nine.columns {
		width: 412px
	}
	.container .ten.columns {
		width: 460px
	}
	.container .eleven.columns {
		width: 508px
	}
	.container .twelve.columns {
		width: 556px
	}
	.container .thirteen.columns {
		width: 604px
	}
	.container .fourteen.columns {
		width: 652px
	}
	.container .fifteen.columns {
		width: 700px
	}
	.container .sixteen.columns {
		width: 748px
	}
	.container .one-third.column {
		width: 236px
	}
	.container .two-thirds.column {
		width: 492px
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	/*.search-container{
        margin-top: -84px
    }*/

	#navigation ul.float-right a {
		letter-spacing: 0 !important;
		background-color: #f0f0f0;
		color: #333;
		padding: 10px 14px;
		cursor: pointer
	}

	#navigation ul.float-right a:hover{
		color: #fff;
		font-size: 12px;
	}

	.container .sixteen.columns {
		width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}

	#logo{
		padding-left: 10px;
		padding-right: 10px;
	}

	ul.float-right li:nth-child(2), ul.float-right li:nth-child(1){
		float: right;
	}

	ul.float-right{
		padding-left: 4%
	}

	#navigation ul.float-right a{
		background-color: #6a0000;
		color: #fff;
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.dashboard-header .sixteen.columns{
		margin-left: 0px;
		margin-right: 0px
	}
}

@media only screen and (min-width: 768px) and (max-width: 790px) {
	#banner .container{
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	input[name='keys']{
		width: 39% !important;
	}

	.announce{
		display: none
	}
}

@media only screen and (max-width: 768px){
	.box.quartiers{
		display: none
	}
}

@media screen and (min-width: 768px) {
	.connection-xs{
		display: none;
	}
}

@media only screen and (max-width:767px) {
	.container {
		width: 430px
	}
	.container .columns,
	.container .column {
		margin: 0
	}
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column,
	.container .twelve.sidebar-right.columns,
	.container .twelve.sidebar-left.columns,
	.container .five.sidebar-right.columns,
	.container .eleven.sidebar-right.columns {
		width: 300px
	}

	.slide img{
		width: 100%;
		position: absolute;
		right: 0
	}

	.navbar-nav > li {
		float: left;
	}
	.connection-xs{
		display: block;
		position: relative;
	}

	.nav > li > a{
		display: unset;
	}

	.container-custom{
		width: 100% !important;
		margin-top: 7rem;
	}

	.section-register-notification-house-success .description h3{
		padding: 0 2rem;
	}

	div.container div.sixteen.columns div.search-container form.row{
		margin-top: 12rem;
	}

	div.container div.sixteen.columns div.search-container form h2{
		margin-bottom: 12px;
	}
}

@media only screen and (max-width: 763px){
	#search-blog-top, #h3-article{
		display: block;
	}

	#search-blog-down, #tabs-nav-type-blogs, #suivez-nous-blogs{
		display: none;
	}
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
	.search-container{
		margin-top: -84px
	}

	#navigation ul.float-right a {
		letter-spacing: 0 !important;
		background-color: #f0f0f0;
		color: #333;
		padding: 10px 14px;
		cursor: pointer
	}

	#navigation ul.float-right a:hover{
		color: #fff;
		font-size: 12px;
	}

	.container .sixteen.columns {
		width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}

	#logo{
		padding-left: 10px;
		padding-right: 10px;
	}

	ul.float-right li:nth-child(2), ul.float-right li:nth-child(1){
		float: right;
	}

	ul.float-right{
		padding-left: 4%
	}

	#navigation ul.float-right a{
		background-color: #6a0000;
		color: #fff;
	}

	.select2.select2-container.select2-container--default{
		width: 100% !important;
	}

	.search-container button{
		width: 44%;
		height: 46px;
		padding: 12px;
		margin: 0px;
		margin-top: 10px;
		border-radius: 4px;
		margin-left: 27%;
	}

	.search-container button i{
		display: none !important;
	}

	.search-container button span{
		display: block !important;
	}

	.search-container .voir-plus{
		padding: initial;
		margin-left: initial;
	}

	.search-container{
		margin-top: -84px
	}

	.search-container h2{
		text-align: center;
	}

	.announce{
		display: none
	}

	h1 {
		font-size: 30px;
		line-height: 35px;
	}

	#footer .container{
		margin-left: 35px;
		margin-right: 120px;
		width: 85%;
	}

	#footer .container .seven.columns{
		width: 100%;
	}

	#links, #social{
		width: 50%;
		display: inline-block;
	}

	.footer-bottom .row{
		margin: 0px
	}

	#newsletter .footer-bottom{
		margin-left: 20%
	}

}

@media only screen and (max-width: 600px) {
	#navigation ul.float-right a {
		font-size: 12px;
		letter-spacing: 0 !important;
		background-color: #f0f0f0;
		color: #333;
		padding: 10px 14px;
		cursor: pointer
	}

	#navigation ul.float-right a:hover{
		color: #fff;
		font-size: 12px;
	}

	.container .sixteen.columns {
		width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}

	#logo{
		padding-left: 10px;
		padding-right: 10px;
	}

	ul.float-right li:nth-child(1){
		float: left;
	}

	ul.float-right li:nth-child(2){
		float: right;
	}

	ul.float-right{
		padding-left: 4%
	}

	#navigation ul.float-right a{
		background-color: #6a0000;
		color: #fff;
	}

	.select2.select2-container.select2-container--default{
		width: 100% !important;
	}

	.search-container button{
		width: 44%;
		height: 46px;
		padding: 12px;
		margin: 0px;
		margin-top: 10px;
		border-radius: 4px;
		margin-left: 27%;
	}

	.search-container button i{
		display: none !important;
	}

	.search-container button span{
		display: block !important;
	}

	.search-container .voir-plus{
		padding: initial;
		margin-left: initial;
	}

	.search-container{
		margin-top: -84px
	}

	.announce{
		display: none
	}

	h1 {
		font-size: 30px;
		line-height: 35px;
	}

	#footer .container{
		/*margin-left: 35px;*/
		/*background: red;*/
		/*margin-right: 120px;*/
		width: 85%;
	}

	#footer .container .seven.columns{
		width: 100%;
	}

	#links, #social{
		width: 50%;
		display: inline-block;
	}

	.footer-bottom .row{
		margin: 0px
	}

	.footer-bottom{
		width: 100%
	}

	.search-container h2{
		text-align: center;
	}
}

@media only screen and (min-width: 518px) and (max-width: 767px){
	#annonces .col-xs-12{
		width: 50%
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.container {
		width: 420px
	}
	.container .columns,
	.container .column {
		margin: 0
	}
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column,
	.container .twelve.sidebar-right.columns,
	.container .twelve.sidebar-left.columns,
	.container .five.sidebar-right.columns,
	.container .eleven.sidebar-right.columns {
		width: 420px
	}
}

@media only screen and (min-width: 680px) and (max-width: 767px){
	.job-overview ul li{
		width: 32%;
    	display: inline-block;
	}
}

@media only screen and (max-width: 767px) {
	#layout-content h3{
		line-height: 22px;
		padding-bottom: 8px;
	}
}

@media only screen and (max-width: 600px) {
	#description-annonce{
		margin-top: 36%;
	}
}

@media only screen and (max-width: 500px) {
	#description-annonce{
		margin-top: 45%;
	}
}

@media only screen and (max-width: 480px) {
	#description-annonce{
		margin-top: 45%;
	}
}

@media only screen and (max-width: 487px){
	.section-register-notification-house-success .title h3{
		padding: 0 2rem;
		line-height: 24px;
	}
}

@media only screen and (max-width: 460px){
	.job-overview ul li{
		width: 100%;
    	display: inline-block;
	}
}

@media only screen and (min-width: 400px) and (max-width: 430px){
	.slideset.baguetteBoxThree.gallery {
		height: 200px;
	}
}

@media only screen and (max-width: 400px) {
	#description-annonce{
		margin-top: 55%;
	}
}

@media screen and (max-width: 412px) {

	.container {
		width: 400px !important;
		padding: 0px 19px !important;
	}

	#layout-content{
		margin-top: 40px;
	}

	.nav.navbar-nav.connection-xs{
		top: -10%;
		left: -24%;
	}

	.navbar-header{
		left: 18%
	}

	.section-register-notification-house-success{
		margin-top: 6rem;
	}

	.section-register-notification-house-success .title h3{
		line-height: 25px;
	}

	.section-register-notification-house-success .description h3{
		margin: 0px !important;
	}
}

@media only screen and (min-width: 400px) and (max-width: 679px){
	.job-overview ul li{
		width: 49%;
		display: inline-block;
	}
}

@media only screen and (max-width: 399px){
	.job-overview ul li{
		width: 100%;
		display: inline-block;
	}

	.container {
		width: 100% !important;
	}
}

@media only screen and (min-width: 300px) and (max-width: 399px){
	.img-miniature {
		margin: 0px
	}

	.slideset.baguetteBoxThree.gallery {
		height: 200px;
	}
}

@media only screen and (max-width: 380px) {
	.div-voir-plus {
		margin-left: -17%;
	}
	.div-voir-plus {
		margin-left: -20%;
	}
	#subscriptionForm {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 380px){
	#dashboard {
		margin-top: 150px;
	}
}

@media only screen and (max-width: 346px) {
	.btn-notification-house-search{
		text-align: center;
		height: 70px;
	}
}

@media screen and (max-width: 319px){
	#navigation .float-right{
		margin: 0;
	}
}