@media only screen and (max-width: 820px) {


	#fiche article {
		width: 100%;
	}
	
	
	
	.slideshow li {
		width: 80%!important;
		height: 400px!important;
		left: 10%!important;
		top: 10%!important;
	}
	
	ul#lots_typologies,
	#lots_presentation {
		width: 100%;
	}
	
	.grid-wrap ul li {
		width: 48%!important;
	}
	
	.grid figure {
		width: 100%!important;
	}
	
	#fiche .slideshow figcaption h3 {
		font-size: 1.8rem!important;
	}
	
	
	
	ul.tour li,
	ul.tour li:first-child {
		width: 46%;
		margin: 0 2% 20px 2%;
	}
	
	ul.tour li:nth-child(2n+1) {
		clear: both;
	}

	

	.cd-hero {
  		margin: 48px 0 0 0;
	}
	
	

	#carrousel_introduction div div {
		width: 100%;
		padding: 0 5%;
		margin: 0;
	}
	
	#carrousel_introduction h3 {
		padding: 0 5% 10px;
	}
	
	section#accueil {
		background: #fff;
	}

	#logo a:last-child {
		display: none;
	}
	
	#cookieChoiceInfo {
		bottom: 0;
	}
	
	#cookieChoiceInfo a {
		clear: both;
		float: left;
		width: 80%;
		margin: 15px 10% 0 10% !important;
	}
	
	aside {
		display: none;
	}
	
	.page {
		float: left; 
		width: 90%;
		margin: 5px 5%;
	}
	
	header div.action {
		position: absolute;
		top: 8px;
		right: 10px;
		width: 110px!important;
		font-size: 20px;
		margin: 0;
	}
	
	header {
		position: relative;
		top: 48px;
		height: 72px;
		border-bottom: 1px solid #eee;
	}
	
	#breadcrumbs {
		display: none;
	}

	#logo {
		width: auto;
		margin: 0;
		padding: 0;
	}

	#logo h1 {
		width: 155px!important;
		background-size: 100%;
		margin: 2px 0 0 0;
		height: 58px;
	}

    .container {
    	margin: 0;
    	padding: 0;
    }

    #Grid .mix {
		height: 50px!important;
		line-height: 50px!important;
	}

	#introduction h2 {
		font-size: 20px;
		text-align: center;
	}
	
	section#accueil {
		margin: 0;
		padding: 30px 0 0 0;
		height: 330px;
	}
	
	section#introduction {
		padding: 55px 0 0 0;
		margin: 0;
	}
	
	.introduction_accueil {
		margin: 20px 0 0 0!important;
	}

	section#onglets {
		margin: 20px 0 0 0;
	}
	
	section#content {
		margin: 0;
		padding: 40px 0 0 0;
	}
	
	#content h2 {
    	font-size: 28px;
    	text-align: center;
    	margin: 15px 0;
    }
	
	#content h3 {
    	font-size: 13px;
    	line-height: 20px;
    }
    
    #content img {
    	width: 100%!important;
    	margin: 0 0 10px 0!important;
    }
	
	.action {
		width: 260px!important;
		padding: 5px 0!important;
		margin: 0 30px;
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		background: #333;
	}
	
	.action a {
		color: #fff;
	}
	
	.accueil_presentation {
		display: none;
	}

	/*
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	
	Résultats d'une recherche
	
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	*/
	
	#resultats {
		margin: 0;
	}
	
	#resultats h2,
	#resultats h3 {
		padding: 0 15px;
		text-align: center;
	}
	
	#resultats h2 {
		font-size: 18px;
		line-height: 24px;
		margin: 5px 0 15px 0;
	}
	
	#resultats h3 {
		font-size: 13px;
		line-height: 20px;
		font-weight: 600;
	}
	
	#resultats .residence_vignette {
		min-height: 180px;
	}
	
	.residence_vignette {
		width: 150px;
		margin: 0 5px 10px 5px;
		padding: 5px 10px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.residence_vignette span {
		width: 100%!important;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.residence_vignette h4 {
		top: 104px;
	}
	
	.residence_vignette h5 {
		font-size: 11px;
		top: 120px;
	}
	
	.residence_vignette p {
		top: 150px;
	}
	
	/*
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	
	Fiche de lot
	
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	*/
	
	#introduction .last_half h2.titre_lot {
		font-size: 20px;
	}
	
	/*
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	
	Conditions spécifiques pour la présentation des lots
	
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	*/
	
	#appartements {
		width: 300px;
		padding: 0;
	}
	
	#appartements table {
		width: 300px!important;
		padding: 0;
	}
	
	#appartements table td,
	#appartements table th {
		width: 75px!important;
		padding: 8px 0;
		font-size: 11px;
		text-align: center;
	}
	
	#appartements table th {
		font-size: 12px;
		background: #000;
	}
	
	.lot_lightbox h3 {
		font-size: 20px;
		font-weight: 400;
		margin: 0;
		padding: 10px 0;
	}
	
	/*
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	
	Conditions spécifiques pour le formulaire de contact en lightbox
	
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	*/
	
	#contact {
		width: 300px;
		padding: 10px;
	}
	
	#contact h2 {
		font-size: 22px;
		font-weight: 400;
		margin: 0;
	}
	
	#contact h6 {
		position: relative;
		text-align: center;
	}
	
	#contact div,
	#contact div.half,
	#contact div.last,
	#contact div.half_last,
	#contact div.full {
		width: 90%;
		margin: 0 5% 10px 5%;
	}
	
	#contact div input,
	#contact div.full input {
		width: 100%;
	}
	
	#contact select {
		margin: 5px 0 5px 0;
	}
	
	/*
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	
	Actualités
	
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	*/
	
	.single_post {
		width: 290px!important;
		margin: 20px 15px;
	}
	
	.single_post img {
		max-width: 290px;
	}
	
	/*
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	
	Zone de présentation
	
	-------------------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------------------
	*/
	
	#presentation {
		margin: 20px 0 0 0;
	}
	
	#introduction .first_half,
	#introduction .last_half,
	#presentation .two_thirds,
	#presentation .one_third,
	.first_half,
	.last_half {
		float: left;
		width: 100%;
		clear: both;
		margin: 0;
		padding: 0 5% 20px 5%;
		min-height: inherit;
	}
	
	#introduction .first_half img {
		width: 100%;
		border: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	#introduction .last_half h2 {
		font-size: 32px;
		line-height: 22px;
		padding: 25px 0;
		text-align: center;
	}
	
	#introduction .last_half h3 {
		font-size: 13px;
		line-height: 20px;
		padding: 0 10px 10px 10px;
		text-align: center;
	}
	
	#introduction .last_half ul,
	#introduction .last_half p,
	#presentation .two_thirds p,
	.first_half p
	 {
		float: left;
		width: 100%;
		text-align: justify;
		padding: 0;
		margin: 0;
	}
	
	#introduction .first_half ul.outils,
	#introduction .vignette_overlay {
		display: none;
	}
	
	#presentation h3 {
		font-size: 16px;
		font-weight: 400;
		color: #222;
	}
	
	#presentation .zone {
		width: 100%;
		background: #fff;
	}
	
	#presentation .zone p {
		color: #666;
	}
	
	blockquote {
		float: left;
		padding: 0;
		margin: 20px 0;
	}
	
	#presentation .one_quarter,
	#presentation .one_quarter img {
		width: 120px;
	}
	
	#presentation .three_quarters {
		width: 180px;
		margin: 0 0 0 10px;
	}

	nav#primary ul li a {
		border-bottom: 1px solid #aaa;
	}
	
	nav#primary ul li a,
	nav#primary ul li a:hover {
		color: #fff;
	}
	
		
	nav#primary ul li ul li a {
		float: left;
	}
	
	nav#primary ul li ul li a,
	nav#primary ul li ul li a:hover {
		background: #555;
	}
	
	.outer-nav.left {
		display: none;
	}

	.denominations {
		display: none;
	}
	
	a.modal_bouton {
		width: 100%;
		margin: 15px 0;
		text-align: center;
	}
	
	.tour_content {
		display: none;
	}
	
	.no_iphone {
		display: none;
	}
	
	.interlocuteur {
		width: 140px;
		margin: 0 10px;
	}
	
	.interlocuteur img {
		width: 120px;
		height: 120px;
	}
	
	.interlocuteur h4 {
		font-size: 12px;
	}
	
	.interlocuteur p {
		font-size: 11px;
		line-height: 16px;
	}
	
	.interlocuteur a {
		font-size: 10px;
	}
	
	footer ul,
	footer .logotypes,
	footer .newsletter {
		display: none;
	}
	
	footer div.mentions {
		text-align: center;
		width: 100%;
	}
	
	footer div.mentions ul {
		display: block;
	}
	
	/* Investissement */
	
	#content.investissement div.col.full div,
	#content.investissement div.col {
    	width: 100%;
    	margin: 0;
    }
    
    #content.investissement div.principal {
    	background-position: right!important;
    }
    
    /* Accueil : Pinel */
    
    #pinel {
    	background: none;
    	height: 350px;
    }
    
    #pinel div {
    	margin: 50px 0 0 6%;
    }
    
    #pinel div.textes {
    	width: 100%;
    	margin: 25px 0 0 0;
    }
    
    #pinel a {
    	width: 100%;
    	margin: 10px 0 0 0;
    	text-align: center;
    }
    
    /* Accueil : Onglets */
    
    .onglets {
    	width: 100%;
    }
    
    #tabs ul li a {
    	font-size: 1.2rem;
    	padding: 10px 5px;
    }
    
    #tabs-opp ul li a {
    	padding: 10px 5px;
    }
    
    #tabs-opp div ul li span {
    	width: 33%!important;
    }
    
    #tabs-opp div ul li span:nth-child(3) {
    	display: none;
    }
    
    button.slick-prev {
    	margin-left: 3.5%;
    }
    
    button.slick-next {
    	margin-right: 3.5%;
    }
    
    a.cBouton {
    	width: 100%;
    	text-align: center;
    }
    
    .last_half img.logo_operation,
	a.panorama,
	a.panorama_image {
		display: none!important;
	}
	
	.cd-hero-slider {
    	height: 300px;
	}
	
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {

	html {
		font-size: 15px!important;
	}
	
	.nl-form {
		width: 32%;
	}
	
	.accueil_presentation {
		width: 25%;
	}
	
	.cd-hero-slider {
    	height: 550px;
  	}

}


@media only screen and (min-width: 1280px) and (max-width: 1600px) {

	html {
		font-size: 13px!important;
	}
	
	.nl-form {
		width: 35%;
	}
	
	.accueil_presentation {
		width: 26%;
	}
	
	.cd-hero-slider {
    	height: 500px;
  	}

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

	.nl-form {
		width: 40%;
	}
	
	.accueil_presentation {
		width: 28%;
	}
	
	.cd-hero-slider {
    	height: 450px;
	}

}

@media only screen and (min-width: 650px) and (max-width: 1024px) {

	html {
		font-size: 13px!important;
	}
	
	section#accueil {
		background-size: cover!important;
	}
	
	.nl-form {
		width: 50%;
	}
	
	.cd-hero-slider {
    	height: 400px;
  	}
  	
  	#fiche .grid-gallery figcaption h3 {
  		font-size: 2rem!important;
  	}
  	
  	.slideshow li {
		width: 80%!important;
		left: 10%!important;
		top: 10%!important;
	}
	
	ul#lots_typologies,
	#lots_presentation {
		width: 100%;
	}
	
	.grid-wrap ul li {
		width: 31.33%!important;
	}
	
	.grid figure {
		width: 100%!important;
	}

}

@media only screen and (max-width: 900px) {

	#cent-ans {
		display: none;
	}
	
	ul.outils li.imprimer {
		display: none;
	}
	
	body {
		padding: 0!important;
	}
	
	nav#primary,
	nav#primary ul {
		display: none;
	}
	
	nav#primary div.action {
		width: 80px!important;
		font-size: 14px;
		line-height: normal;
		font-weight: 400;
		margin: 0;
		top: 10px;
		right: 7px;
	}
	
	nav#primary div.action a {
		color: #fff;
	}

}

@media only screen and (min-width: 420px) and (max-width: 650px) {

	section#accueil {
		background: #fff!important;
	}

}

@media only screen and (max-width: 420px) {

	section#accueil {
		background: #fff!important;
	}

}