/* ------------------------------------------- */
/* Small screens ------------------------- */
/* ------------------------------------------- */
@media only screen and (min-width : 1025px) {

	.top-site .wrapper {
		width: 1100px;
	}

}

@media only screen and (min-width : 1025px) and (max-width : 1200px) {

	div.menu-principale nav {
		font-size: 16px;
	}

	.top-site .wrapper {
		width: 990px;
	}

}



/* ------------------------------------------- */
/* iPads (landscape) ------------------------- */
/* ------------------------------------------- */
@media only screen and (max-width : 1024px) {
	/* Mobile Nav --------------------------- */
	.menu-toggle {
		display: none;
	}
	.mobile-nav {
		width: 175px;
		position: fixed;
		top: 0;
		left: 0;
		background: #D5D5D5;
		min-height: 100%;
	}
	.mobile-wrapper {
		margin-left: 175px;
		position: relative;
		z-index: 1;
		background: #fff;
	}
	header .page-title .wrapper{
		width: auto !important;
		padding: 0 20px;
	}
	header.header-interne-03 .page-title{
		bottom: 0;
		left: 0;
		margin-left: 0;
		width: 100%;
	}

	header.header-interne-05 .page-title div.wrapper {
		padding: 0 20px !important;
	}

	.menu-utilitaire-liste li:first-child a:before{
		display: block;
		height: 107px;
		width: 100%;
		background: url(../img/logo-bonneville-fr.png) no-repeat center bottom;
		background-size: 155px 85px;
		content: '';
		z-index: 51;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.lang_eng .menu-utilitaire-liste li:first-child a:before {
		background-image: url(../img/logo-bonneville-en-2.png);
	}
	div.menu-principale{
		background: #000;
	}
	div.menu-principale nav ul {
		float: none;
	}
	div.menu-principale nav ul li {
		float: none;
		margin: 0;
		height: auto;
		border-bottom: 1px solid #353535;
		background-color: #363636;
	}
	div.menu-principale nav ul li.active {
		color: #fff;
		background: #A70505;
	}
	div.menu-principale nav ul li.active a{
		border: 3px solid #860000;
	}
	div.menu-principale nav ul li a {
		float: none;
		height: auto;
		font-size: 15px;
		color: #f1f1f1;
		display:block;
		padding: 14px 10px;
		border: 3px solid #2B2B2B;
	}
	div.menu-principale nav ul li a:hover{
		color: #fff;
		background: #525252;
	}
	div.menu-principale nav ul li.active a {
		background: none
	}
	div.menu-principale {
		width: auto;
		padding: 0;
		padding-top: 120px;
		position: static;
		float: none;
		background:#161616;
	}
	div.menu-principale nav {
		color: #000;
		text-shadow: none;
		filter: none;
	}
	ul.menu-utilitaire-liste{
		padding:3px 0 50px;
	}
	ul.menu-utilitaire-liste li {
	}
	ul.menu-utilitaire-liste li a {
		font-size: 14px;
		color: #000;
		font-family: 'RobotoCondensed';
		text-decoration: none;
		text-transform: uppercase;
		display:block;
		padding: 10px 14px;
		border-top: 1px solid #BDB7B7;
	}
	ul.menu-utilitaire-liste li:first-child a{
		border:none;
	}
	ul.menu-utilitaire-liste li a:hover {
		background: #C2C2C2;
	}
	div.reseau-sociaux {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	div.reseau-sociaux > div {
		float: left;
	}
	div.reseau-sociaux img{
		display: block;
	}
	.slides .legend{
		bottom: 40%;
		font-size: 0.8em;
	}

	/* General --------------------------- */
	.filterForm div {
		margin-bottom: 16px;
	}
	#HouseFilter div.submit {
		margin: 0;
		padding-top: 10px;
		float: none;
		clear: both;
	}
	.filterForm .submit input {
		margin-left: 0;
	}
	.flex-direction-nav li {
		opacity: 1;
	}
	.flex-direction-nav li a.flex-disabled {
		opacity: 0;
	}
	.flex-direction-nav li a {
		background-size: 60px !important;
	}
	#cboxNext, #cboxPrevious {
		background-size: 60px !important;
		margin-top: 0 !important;
		opacity: 1 !important;
	}
	div.code-postal-terrain input {
		padding: 3px !important;
	}
	.row_partners h3 {
		border-bottom: 2px solid #000;
		padding-bottom: 5px;
	}
	#JobApplicationCv {
		width: auto;
	}
	.text input {
	/*	padding-top: 10px !important;
		padding-bottom: 10px !important;*/
	}
	.popup-all {
		width: 58%;
		left: initial;
		margin: 0 6%;
		padding: 5%;
	}
	.popup-all .textarea, .popup-all .input.text {
		display: block;
		width: auto;
		padding-right: 12px;
	}
	#JobApplicationComments, #JobApplicationAddForm .text input {
		width: 100%;
		float: none;
	}
	#JobApplicationAddForm div.where_other input{
	  margin: 0;
	  width: 100%;
	}
	input[type=text], input[type=submit], button {
	    -webkit-appearance: none;
	    border-radius: 0;
	}
	.news_intro .cadre a {
		border: none;
	}
	.paging {
		float: none;
		margin: 40px 0 20px 0;
		text-align: center;
	}
	.paging span {
		font-size: 16px;
		font-weight: bold;
	}
	#slide-en-photo {
		position: static;
		height: auto;
		width: 100%;
	}
	#slide-en-photo:after {
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
	}
	div.interne-popup .video-youtube-popup {
		height: auto;
		width: 100%;
		float: none;
		position: relative;
	}
	div.agrandir-limage-div {
		left: initial;
		top: initial;
		bottom: 15px;
		right: 15px;
	}
	.wrapper {
		width: auto;
	}
	.mobile-wrapper > section > .wrapper {
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.section-interne-02 .wrapper {
		padding: 0 20px;
	}
	.mobile-wrapper > section > .wrapper.interne-03 {
		min-height: inherit;
		top: auto;
		margin-bottom: 0 !important;
		padding: 0;
		background: none;
	}
	div.container-width931 {
		width: auto;
		margin: 0;
		padding: 0 0 15px 0;
		float: none;
		background: none;
	}
	div.footer-inner {
		margin-left: 0;
		padding: 10px 0;
		width: 100%;
		background: none;
		margin-bottom: 25px;
	}
/*	.mobile-wrapper > section.section-interne-02.section-interne-03 > .wrapper.interne-03 {
		padding: 0 20px;
	}*/
	footer .wrapper {
		padding: 0 20px;
	}
	section .wrapper {
		width: auto;
	}
	body.home header {
		height: auto;
	}
	div.left-section {
		width: 69%;
		background: none;
		padding-right: 0;
	}
	div.right-section {
		width: 28%;
		float: right;
	}
	div.right-section-popup {
		width: 28%;
		float: right;
	}
	div.interne-popup .left-section-popup {
		width: 69%;
	}
	section h2 {
		margin-top: 0;
	}
	div.sous-nav-interne {
		margin-top: 0;
	}
	.contact section.page-sous-menu-interne-largeur div.left-section {
		width: 49%;
	}
	.contact section.page-sous-menu-interne-largeur div.contact-right-section {
		width: 48%;
	}
	section.page-sous-menu-interne-largeur div.left-section {
		width: 69%;
		padding-right: 0;
	}
	section.section-interne-02 .left-section {
		margin-top: 0;
	}
	.boite-content-footer {
		width: auto;
	}
	div.right-contact h3, div.right-reve h3, div.right-legend h3 {
		background: none;
		padding: 0;
		margin-left: 0;
	}
	div.right-legend ul li {
		margin-left: 0;
	}
	.proejctresidential .cadre {
		margin: 0 2% 15px 0;
		width: 31%;
	}
	.proejctresidential .cadres .cadre:nth-child(3n+3){
		margin-right: 0;
	}
	/*.proejctresidential .cadre:nth-child(2n+1) {
		margin-right: 0;
	}
	.proejctresidential .cadre.last {
		margin-bottom: 15px;
	}*/
	.proejctresidential .cadre a {
		width: 100%;
	}
	.proejctresidential .cadre a > img {
		width: 100%;
	}
	.proejctresidential .cadre .bandeau {
		width: auto;
		padding: 9px 27px 6px 7px;
	}
	div.sous-nav-interne ul {
		width: auto;
		float: none;
		padding: 0;
		margin: 0;
	}
	div.sous-nav-interne ul li {
		width: auto;
		float: none;
	}
	div.sous-nav-interne ul li a {
		width: auto;
		float: none;
		padding-left: 0;
		background: none !important;
		line-height: normal;
		height: auto;
		padding: 8px 0 !important;
		display: block;
	}
	.formulaire-tout {
		width: 100%;
		margin-left: 0;
	}
	.footer-inner.back-to-home {
		margin: 10px 0 !important;
		padding: 10px 0 !important;
	}
	.social-bouton-popup {
		float: left;
		clear: left;
		margin-top: 10px;
	}

	div.terrain-en-map #mapCanvas {
		width: 100% !important;
	}
	.multilogement-text .right-content, .multilogement-text .left-content{
	  float: none;
	  width: 100%;
	}
	.multilogement-text .right-content img, .multilogement-text .left-content img{
		width: 100%;
	}

	/* Header ---------------------------- */
	div.page-title-mobile {
		display: block;
		position: absolute;
		top: 38%;
		z-index: 2;
		width: 100%;
		text-align: center;
		margin-top: -1.5em;
	}
	div.page-title-mobile h1 {
		padding: 0 10px;
		text-shadow: -1px 2px 5px #111;
		text-transform: uppercase;
		color: #FFF;
		font-family: 'RobotoCondensed';
		font-size: 3em;
	}
	div.top-site {
		height: auto;
		z-index: 2;
	}
	div.menu-utilitaire {
		background: none;
		position: absolute;
		top: 10px;
		right: 0;
		width: 100%;
		height: auto;
	}
	div.lang-switch {
		display: block;
		float: right;
		background-color: #A00;
		margin-right: 10px;
		height: 27px;
		width: 27px;
		line-height: 27px;
		text-align: center;
		border: 3px solid #8D0000;
	}
	div.lang-switch:hover{
		background: #BE0000;
	}
	div.lang-switch a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
	}
	div.menu-utilitaire div.recherche {
		margin-left: 0;
	}
	div.menu-utilitaire div.recherche-wrapper {
		float: right;
	}
	div.trouver-propriete.multi {
		width: auto;
		margin-left: 0;
		padding-left: 0;
	}
	div.logo-site {
		padding: 12px 20px 0px;
		position: relative;
		z-index: 100;
		margin: 0 0 -6px;
		display: none;
	}
	div.sous-nav-nos-maison {
		margin: 0;
		float: none;
		width: 100%;
		padding: 10px 0;
	}
	div.sous-nav-nos-maison ul {
		width: auto;
		display: block;
		padding: 0 20px 20px;
	}
	div.sous-nav-nos-maison ul li {
		width: 32%;
		margin-left: 0;
		margin-right: 2%;
	}
	div.sous-nav-nos-maison li.budgetary-price{
		width: 30.1%;
		margin-left: 0;
		margin-right: 2%;
		left: 35%;
		bottom: 1.7em;
	}
	div.sous-nav-nos-maison ul li:nth-child(3n){
		margin-right: 0;
	}
	div.sous-nav-nos-maison.galerie ul li a {
		height: 36px;
		line-height: 36px !important;
		padding: 0 !important;
	}
	div.sous-nav-nos-maison ul li a {
		width: 100%;
		background: url(../img/arrow-sous-nav.png) no-repeat right center;
		/*background: none;*/
		font-family: 'RobotoCondensed';
		font-weight: normal;
		text-transform: uppercase;
		margin-left: 0;
		padding-left: 0;
	}
	div.sous-nav-nos-maison li.budgetary-price a{
		width: 100%;
		background: url(../img/arrow-sous-nav.png) no-repeat right center;
		/*background: none;*/
		font-family: 'RobotoCondensed';
		font-weight: normal;
		text-transform: uppercase;
		margin-left: 0;
		padding-left: 0;
	}
	div.sous-nav-nos-maison li.budgetary-price a:hover{
		/*background: url(../img/arrow-sous-nav.png) no-repeat right center;*/
		background-color: #2E2E2E;
	}
	div.sous-nav-nos-maison ul li a:hover, div.sous-nav-nos-maison.multi.galerie ul li a:hover, div.sous-nav-nos-maison ul li.active a {
		/*background: url(../img/arrow-sous-nav.png) no-repeat right center;*/
		background-color: #2E2E2E;
	}
	div.sous-nav-nos-maison h3 {
		display: none;
		font-family: "RobotoCondensed";
	}
	div.sous-nav-nos-maison.multi.galerie {
		margin-top: 0;
		padding: 10px 0 10px 0;
		background-image: none;
		margin-bottom: 0;
	}
	div.sous-nav-nos-maison.multi.galerie li.separator {
		display: none;
	}
	#featured li {
		overflow: hidden;
	}
	#featured img {
		width: 130%;
		margin-left: -15%;
	}
	#featured.no-featured {
		display: none;
	}
	#featured.single-photo img {
		width: 180%;
		margin-left: -40%;
	}

	/* Header des fiches terrain (sub-title, prix, btn)-*/
	div.saviez-vous-que p.subtitle, div.saviez-vous-que div.prix {
		float: none;
		width: auto;
		margin: 0 0 25px 0;
	}

	.saviez-vous-que .information {
	  float: none;
	  width: auto;
	  text-align: left;
	}

	.saviez-vous-que .information a.btn {
		display: block;
		float: none;
		width: 100%;
		height: auto;
		padding: 5px 0;
	}

	div.saviez-vous-que a.btn {
		clear: both;
		float: none;
	}

	/* Google Map ------------------------ */
	div.map-terrain-filtre {
		background: none;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
	}
	div.map-terrain-filtre h1{
  	display:block;
	}
	div.map-terrain-filtre div.google-map-filtre-terrain {
		position: static;
	}
	#mapCanvas {
		width: 100% !important;
	}
	div.map-terrain-filtre div.terrain-filtre {
		padding: 10px 0 15px;
		width: 100%;
		position: relative;
		background: #161616;
		left: auto;
		right: auto;
		bottom: auto;
	}
	div.map-terrain-filtre div.terrain-filtre h3 {
		margin: 15px 10px 0 20px;
	}

	div.map-terrain-filtre div.filtre_right_section,
	div.map-terrain-filtre div.filtre_left_section{
		width: 50%;
	}

	/*contact*/
	.contact-right-section{
		float: none!important;
	}
	.contact-left-section{
		margin-bottom: 3em;
	}
	section.page-sous-menu-interne-largeur div.contact-left-section,
	section.page-sous-menu-interne-largeur div.contact-right-section{
		width: 80%;
	}

	/* multilogement */
	.formProject .sectionForm.reach{
		width: 100%;
		margin: 2em 0;
	}
	.formProject .sectionForm.localization input{
		width: 100%;
		margin: 0.5em 0 0;
	}
	.formProject .sectionForm.localization input,
	.formProject .sectionForm textarea{
		width: 90%;
	}
	.formProject .sectionForm.top .red_bloc h3{
		font-size: 2em;
	}
	.formProject .sectionForm.top .red_bloc p{
		font-size: 1.5em;
	}
	.lang_fre .formProject .sectionForm.reach,
	.lang_eng .formProject .sectionForm.reach{
	   width: 100%;
	}
	.radio_wrap{
	  float: none;
	  width: 100%;
	}


	/* Footer ---------------------------- */
	footer {
		height: auto;
	}
	footer li.grid {
		margin-right: 0;
		margin-left: 2%;
		width: 49%;
	}
	footer li.grid:nth-child(2n+1) {
		margin-left: 0;
	}
	footer li.grid:nth-child(3n) {
		clear: left;
	}
	footer li.grid div {
		width: auto;
	}
	footer li.grid div h6 {
		margin-bottom: 10px;
		font-size: 17px;
		font-family: 'RobotoBoldCondensed';
	}
	footer li.grid li {
		margin-bottom: 2px;
	}
	footer li.grid a, footer li.grid span, footer li.grid li {
		font-size: 13px;
		font-weight: 300;
	}

	/* Infobox --------------------------- */
	section .box-last {
		margin-left:0;
		margin-right:0;
		width: 100%;
	}

	section .box {
		width: 48%;
		height: 180px;
	}
	section .box-last {
		width:100%;
		height: 180px;
	}

	section .box-infolettre {
		margin-right: 0;
		float: left;
	}
	section .box-nouveaux-pojets {
		float: right;
		overflow: hidden;
	}
	div.box-nouveaux-pojets article div {
		left: 0;
		top: 50%;
		margin-top: -35px;
		width: 100%;
	}
	div.box-nouveaux-pojets article img {
		position: static;
	}
	div.box-infolettre input#courriel {
		width: auto;
	}
	div.box-infolettre .courriel {
		float: none;
	}
	div.box-infolettre article {
		padding: 20px 0;
		margin-bottom: 0;
		width: 88%;
		margin: 0 auto;
	}


	/* Content Specific ------------------ */
	div.right-section-popup .menu-popup a.visite {
		display: none !important;
	}
	div.terrain-en-photo {
		width: 100%;
		height: auto;
		padding: 0;
		margin-bottom: 20px;
	}
	div.terrain-en-photo img {
		position: static;
		width: 100%;
	}
	div.terrain-en-photo div.agrandir-limage-div {
		left: auto;
		top: auto;
		bottom: 10px;
		right: 10px;
	}
	div.specs.drawers h2 {
		margin-top: 15px;
	}
	/* multilogement page video section */
	.multilogement-text iframe.aside, .multilogement-text p iframe.aside{
		float: none;
		width: 100%;
	}
	.side-btn{
	  float:none;
	  width: 100%;
	}
	.section-interne-02.section-interne-03 .interne-03 .multilogement-view {
		padding: 0 20px;
	}
/*	.multilogement-view .bg-plan-popup {
		height: 208px!important;
	}*/
	.multilogement-view div.footer-inner {
		width: 100%;
		border: none;
		margin-bottom: 20px;
	}
	.filterForm {
		height: auto;
	}
	.filterForm form {
		padding: 0 0 10px 0;
	}
	#JobApplicationAddForm div.where_other{
	  padding: 0;
	}
	#JobApplicationAddForm div.where_other input{
	  margin: 5px 0 0 0;
	  width: 100%;
	}
	.fakeSelect .placeholder,
	select{
	  padding: 3px 3px 3px 5px;
	  width: 100%;
	}
	#HouseFilter div.input {
		width: 49%;
	}
	#HouseFilter div.input:nth-child(even) {
		margin-left: 2%;
	}
	#HouseFilter div.input .fakeSelect .placeholder,
	#HouseFilter div.input select {
		width: 87%;
	}
	div.foreach-news-in-home {
		margin: 0;
		padding: 0;
		width: 48%
	}
	.foreach-news-in-home.first {
		margin-right: 4%;
	}
	.foreach-news-in-home.last {
		padding: 0;
	}
	div.foreach-news-in-home a.readmore {
		display: inline;
		position: static;
	}
	div.trouver-propriete {
		width: auto;
		min-height: inherit;
	}
	div.trouver-propriete .soluplex {
		display: none;
	}
	div.left-section.maisons article.boxgrid.caption {
		margin: 10px 22px 10px 0;
	}
	div.saviez-vous-que {
		height: auto;
		padding: 20px;
	}
	div.saviez-vous-que p.title {
		margin: 0;
		padding: 0;
		margin-top: -5px;
	}
	div.saviez-vous-que p {
		float: none;
		margin: 0;
		padding: 0;
		padding-left: 193px;
		width: auto;
	}

	section.section-interne-05 div.saviez-vous-que p.title {
		float: none;
	}

	section.section-interne-05 div.saviez-vous-que p.subtexte {
		clear: both;
		float: none;
		margin-top: 20px;
		padding: 0;
	}

	div.map-recherche {
		background: none;
		margin-bottom: 20px;
	}

	div.map-recherche h3 {
		margin: 37px 20px 27px;
	}

	div.map-recherche div.input {
		float: left;
		margin: 0 0 20px 20px;
		width: 45%;
	}

	div.map-recherche div.input .input {
		width: 80%;
		margin: 10px 0 0 0;
	}

	div.map-recherche div.submit {
		margin: 10px 0 30px 20px !important;
		clear: both;
		display: block;
		width: 100%;
		float: none;
	}

	div.map-recherche div.code-postal-terrain.text {
		margin-right: 0;
	}

	button#see_position {
		margin: 10px 0 0 0;
		width: 92%;
	}

	div.map-recherche div.code-postal-terrain.text input {
		width: 78%;
	}

	div.map-recherche div.code-postal-terrain button {
		margin: 9px 0 0 0;
	}

	.section-interne-02 .saviez-vous-que .wrapper {
		padding: 0;
	}
	div.right-reve .bouton-interne-voir-modele,
	div.right-reve p,
	div.right-contact p,
	div.right-contact .bouton-interne-ecrire {
		margin-left: 0;
	}
	div.bouton-interne-voir-modele a,
	div.bouton-interne-ecrire a {
		margin-left: 0;
	}
	div.left-section article {
		position: relative;
		width: 32%;
		padding-right: 2%;
		margin: 0 0 10px 0;
	}
	div.left-section article.last {
		margin: 0 0 10px 0;
	}
	div.bottom-section div.right-reve,
	div.bottom-section div.right-contact {
		float: none;
		margin: 30px 30px 30px 0;
		width: 100%;
	}
	div.left-section article:nth-child(3n+3) {
		padding-right: 0;
	}
	div.left-section article div.inner-image-fond {
		width: 100% !important;
		height: auto;
		background: none;
		position: relative;
	}
	.height-image {
		width: 100%;
		height: auto;
		position: static;
	}
	.height-image > a {
		display: block;
		height: auto;
		line-height: 0;
	}
	.height-image a img {
		width: 100%;
	}
	div.left-section article div.inner-image-fond .bandeau,
	.page_galerie .galerie_item .bandeau {
		width: 100%;
	}
	.page_galerie .galerie_item {
		float: none;
		margin: 0;
		height: auto;
		width: auto;
		overflow: hidden;
	}
	.bandeau a {
		width: auto;
		font-size: 17px;
	}
	div.left-section.maisons article.boxgrid {
		margin: 0 0 10px 0 !important;
		width: 32%;
	}
	div.left-section.maisons article.boxgrid:nth-child(3n+3) {
		padding-right: 0;
	}
	.offer_title {
		padding-bottom: 14px;
	}
	.offer_title .date {
		padding-top: 4px;
		position: static;
	}
	div.job_offers_list h3.offer_title {
		margin-bottom: 0;
	}
	div.contact-left-section .offer_title {
		background-image: none !important;
		background: none;
	}
	.interne-section-bas {
		background: none;
		margin-top: 0;
		padding-top: 0;
	}
	.partner_logo {
		padding: 0;
		width: 31%;
		border: none;
		height: 150px;
		background-size: contain !important;
		margin: 0 2% 0 0;
	}
	.larger_partner .partner_logo {
		width: 48%;
		height: 200px;
	}
	.page_galerie .galerie_img a {
		display: block;
	}
	.page_galerie .galerie_img {
		border: none;
		padding: 0;
		background: none;
		width: 48%;
		padding-right: 2%;
		margin-bottom: 10px;
	}
	.page_galerie .galerie_img img {
		width: 100%;
		height: auto;
	}
	.page_galerie {
		width: auto;
	}

	div.terrain-interne {
		margin: 0;
	}
	div.terrain-interne .warning {
		background: #fff url(../img/bg-warning.png) 10px center no-repeat;
		border: 3px solid #D8D8D8;
		width: auto;
		display: block;
		height: auto;
		padding: 13px 20px 13px 35px;
		margin-bottom: 15px;
		margin-top: 20px;
	}
	div.terrain-interne .terrain-left {
		width: 100%;
	}
	div.terrain-interne .terrain-right {
		margin: 0;
		width: 100%;
	}
	div.construction-terrain table tr td a {
		display: block;
	}
	.ressources-menu ul li {
		width: 100%;
	}
	.ressources-menu ul li a {
		background: none;
	}

	div.related article.boxgrid {
		margin: 0 2% 15px 0;
		width: 31.9%;
	}

	div.related article.boxgrid:nth-child(3n+3) {
		margin-right: 0 !important;
	}

	div.related article div.inner-image-fond {
		width: 100%;
		height: auto;
	}

	div.retour-terrain {
		padding: 20px 0;
		margin: 0;
	}

	div.related article.boxgrid div.bandeau {
		width: 100%;
	}

	div.related article.boxgrid.last {
		margin: 0 27px 10px 0;
	}

	div.terrain-en-map {
		background: none;
		width: 100%;
	}
	div.terrain-en-map #terrain-en-map-interne {
		width: 100%;
		position: static;
	}
	div.bouton-interne-voir-modele, div.bouton-interne-ecrire {
		margin-left: 0;
	}
	.contact-votre-maison-reve table thead tr {
		background: none;
	}
	.contact-votre-maison-reve td {
		vertical-align: top;
	}
	div.marge-recul-terrain table,
	div.normes-municipales-terrain table,
	div.dimensions-terrain table {
		width: 100%;
	}
	div.right-section-popup .menu-popup a.visite, div.right-section-popup .menu-popup ul li a {
		width: auto;
		display: block;
	}
	div.right-section-popup .menu-popup ul li a {
		background: #363636 url(../img/arrow-sous-nav.png) no-repeat 95% center;
	}
	div.right-section-popup .menu-popup ul li {
		min-height: inherit;
	}
	div.right-section-popup .menu-popup ul {
		float: none;
	}
	.bg-plan-popup {
		background: none;
		width: 100% !important;
		height: auto !important;
		overflow: hidden;
	}
	.bg-plan-popup a {
		display: block;
	}
	#plan-slider div, #plan-slider-multilogements div {
		width: 100%;
		height: auto;
		line-height: normal;
	}
	#plan-slider-multilogements div img, #plan-slider div img {
		line-height: initial;
		width: 100%;
		height: auto;
	}
	.flex-control-nav.flex-control-paging li a {
		width: 15px;
		height: 15px;
	}
	div.interne-popup .en-photo {
		margin-top: 0;
	}
	.message-daccueil.multilogement-text div.tabs h2 {
		border-top: 1px solid #C7C7C7;
		border-bottom: none;
	}
	.message-daccueil.multilogement-text div.tabs ul li {
		list-style-type: none;
		margin-left: 0;
	}
	.message-daccueil.multilogement-text div.tabs ul li h4 {

	}
	.message-daccueil.multilogement-text div.tabs ul {
		padding: 0;
	}
	.page-18 .page_galerie .galerie_img {
		margin: 0 0 10px 0;
	}
	.page-18 .page_galerie .galerie_img img {
		width: 100%;
		height: auto;
	}
	div.left-section.multilogements-section article div.inner-image-fond .bandeau {
		width: 100%;
	}
	.multilogements-section .height-image {
		width: 100%;
		height: auto;
	}
	div.left-section.multilogements-section article div.inner-image-fond {
		height: auto;
	}
	div.left-section.multilogements-section article.even {
		margin: 0 0 10px 0;
	}
	div.left-section.multilogements-section article {
		margin: 0 0 10px 0;
		width: 31.3%;
		padding-right: 2% !important;
	}
	.page_galerie .galerie_item .galerie_img {
		border: none;
		background: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.page_galerie .galerie_item {
		border: none;
		padding: 0;
		background: none;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 10px;
		float: left;
	}
	.page_galerie .galerie_item a {
		display: block;
		overflow: hidden;
	}
	.page_galerie .galerie_item .bandeau {
		left: 0;
		bottom: 0;
	}
	a.retour {
		display: block;
		width: 100%;
		background: none;
	}
	div.right-contact span {
		display: block;
		margin: 0;
	}
	.right-section .right-contact {
		margin-bottom: 20px;
	}
	.footer-inner-news {
		width: 100%;
		background: none;
	}
	.news_box .news_intro .cadre {
		width: 55%;
		margin-top: 0;
	}
	.news_box .news_intro .cadre a {
		display: block;
	}
	.news_box .news_intro .cadre img {
		width: 100%;
		height: auto;
	}
	.formulaire-de-contact legend h3 {
		margin-left: 0;
	}
	.formulaire-de-contact fieldset span {
		padding-left: 0;
	}
	.formulaire-de-contact div.input.text, .users div.input.text {
		width: auto;
		display: block;
		padding-right: 16px;
	}
	.formulaire-de-contact div.input.textarea, .users div.input.textarea {
		width: auto;
		display: block;
		padding-right: 23px;
	}
	.formulaire-de-contact .text label, .formulaire-de-contact .textarea label, .users .text label, .users .password label {
		width: auto;
		float: none;
		margin: 0 0 6px 0;
	}
	.formulaire-de-contact .text input, .users .text input, .users .password input, #NewsletterEmailAddForm input {
		width: 100%;
		float: none;
		margin-top: 10px;
		padding: 10px 6px;
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	.formulaire-de-contact .textarea textarea {
		width: 100%;
		margin-top: 10px;
	}
	.formulaire-de-contact .g-recaptcha,
	.formulaire-de-contact .g-recaptcha iframe {
		transform: scale(0.90);
		transform-origin: left top;
	}
	.formulaire-de-contact .g-recaptcha div {
		width: 200px !important;
	}

	.formulaire-de-contact .submit, .users .submit {
		margin-right: 0;
	}
	.formulaire-de-contact {
		margin: 0;
		padding: 0;
	}
	section.page-sous-menu-interne-largeur div.contact-right-section div.stores_map {
		width: 100% !important;
		margin: 0;
		background-color: transparent;
		border: none;
		padding: 0;
	}
	div.contact-left-section .job_offers_list .offer_box_contact div.store_location, div.contact-left-section .job_offers_list .offer_box_contact a.store_location {
		top: 7px;
	}
	.section-interne-02.section-interne-03 .interne-03 .maison-view {
		padding: 0 20px;
	}

	/*  - le boreal  - */
	.boreal .wrapper.bottom-part{
		margin: 0 !important;
		padding-top: 10px;
	}
	.boreal div.footer-inner{
		margin: 0 0 25px;
	}
	div.wrap-sep{
	  float: none;
	  width: 98%;
	  margin: 1em 0;
	}

}

/* ------------------------------------------- */
/* Special Breakpoint ------------------------ */
/* ------------------------------------------- */
@media only screen and (max-width : 950px) {
	div.left-section article {
		width: 49%;
	}
	div.left-section article:nth-child(3n+3) {
		padding-right: 2%;
	}
	div.left-section article:nth-child(2n+2) {
		padding-right: 0;
	}
	div.left-section.maisons article:nth-child(2n+2) {
		padding-right: 2%;
	}
}


/* ------------------------------------------- */
/* iPads (portrait) -------------------------- */
/* ------------------------------------------- */
@media only screen and (max-width : 768px) {
	/* Mobile Nav ----------------------- */
	/* -- multilogement --*/
	.menu-utilitaire-liste li:first-child a:before{
		display: none;
	}
	div.menu-principale {
		padding-top: 0;
	}
	.mobile-wrapper {
		margin-left: 0;
		position: relative;
	}
	.menu-toggle {
		background: #333 url(../img/menu-toggle.png) no-repeat center center;
		background-size: 17px 13px;
		display: block;
		height: 27px;
		width: 27px;
		position: absolute;
		top: 10px;
		left: 11px;
		z-index: 3;
		border: 3px solid #2B2B2B;
	}
	div.menu-principale:before{
		display:none;
		background:none;
	}
	div.logo-site {
		display:block;
	}
	.slides .legend{
		bottom: 35%;
	}

	/* Header --------------------------- */
	.popup-all {
		width: 80%;
		left: initial;
		margin: 0 5%;
		padding: 5%;
	}
	div.logo-site {
		margin-left: 50px;
	}
	div.page-title-mobile {
		top: 175px;
	}

	/* General -------------------------- */
	html, body {
	    width: 100%;
	    max-width: 100%;
	    min-height: 100%;
	}
	body {
	    overflow: hidden;
	    height: auto;
	}
	html {
	    overflow-x: hidden;
	    overflow-y: auto;
	}

	/* TABS ----------------------------- */
	div.tabs h3{
		width: auto;
		padding: 10px;
	}

	div.tabs .tab-contents,
	div.tabs .tab-triggers{
		width: auto;
	}
	div.tabs .tab-content{
		float:none;
	}

	/*--Header page listing de terrain--*/
	section.section-interne-05 div.saviez-vous-que p.title {
		padding-top: 0;
		float: none;
	}

	section.section-interne-05 div.saviez-vous-que p.subtexte {
		clear: both;
		float: none;
		width: auto;
	}


	/* Fields */
	.proejctresidential div.bandeau.cover.boxcaption {
		font-size: 12px;
	}

	div.related article.boxgrid {
		width: 48%;
	}

	.multilogement-text div.header_soluplex img{
	  width: 7%;
	}
	.multilogement-text div.header_soluplex p{
	  width: 90%;
	}

/* ------------------------------------------- */
/* Smartphones (landscape) ------------------- */
/* ------------------------------------------- */
@media only screen and (max-width : 720px) {

	/* Header -------------------------- */
	nav.contextual{
		background: #161616;
		position: static;
	}
	div.sous-nav-nos-maison h1 {
		display: block;
		height: auto;
		cursor: pointer;
		margin: 5px 20px;
		position: relative;
	}
	div.sous-nav-nos-maison h1 a{
		width: 75%;
	}
	div.sous-nav-nos-maison h1:after {
		content: "▼";
		font-family:arial;
		position:absolute;
		right: 5px;
		top: 6px;
		font-size: 14px;
		margin-top:0;
		color:#888;
	}
	div.sous-nav-nos-maison h1.active:after {
		content: "▲";
	}
	div.sous-nav-nos-maison ul {
		padding: 20px;
	}
	div.sous-nav-nos-maison ul + ul{
		padding-top:0;
	}
	div.sous-nav-nos-maison ul li{
		width: 49%;
		margin-right: 0;
	}
	div.sous-nav-nos-maison li.budgetary-price{
		left: auto;
		right: 4px;
		width: 46%;
		margin: 0;
		opacity: 1;
	}
	div.sous-nav-nos-maison.galerie ul li, div.sous-nav-nos-maison.galerie li.budgetary-price {
		width: 100%;
		margin: 0;
		margin-bottom: -1px;
	}
	div.sous-nav-nos-maison ul li:nth-child(odd) {
		margin-right: 2%;
	}
	#featured img {
		width: 150%;
		margin-left: -25%;
	}
	.slides .legend{
		bottom: 0;
		left: 70%;
	}
	/* General ------------------------- */
	div.left-section {
		width: 100%;
		float: none;
	}
	section.page-sous-menu-interne-largeur div.contact-left-section,
	section.page-sous-menu-interne-largeur div.contact-right-section,
	div.right-section {
		width: 100%;
		float: none;
	}
	.formulaire-de-contact {
		margin: 0;
		padding: 0;
	}
	.formulaire-de-contact div.input.text, .users div.input.text {
		padding-right: 0;
	}
	section.page-sous-menu-interne-largeur div.left-section {
		width: 100%;
		float: none;
	}
	div.interne-popup .left-section-popup {
		width: 100%;
		float: none;
	}
	div.interne-popup .right-section-popup {
		width: 100%;
		float: none;
	}

	/* Content Specific ---------------- */
	#ReferenceAddForm .fakeSelect-target {
		width: auto;
	}
	div.saviez-vous-que p {
		float: left;
		padding-left: 0;
		margin-top: 10px;
	}
	div.foreach-news-in-home {
		width: 100%;
	}
	.foreach-news-in-home.first {
		margin-right: 0;
		margin-bottom: 25px;
	}
	div.left-section article {
		width: 32%;
	}
	div.left-section article:nth-child(2n+2){
		padding-right: 2%;
	}
	div.left-section article:nth-child(3n+3){
		padding-right: 0;
	}
	.larger_partner .partner_logo {
		height: 150px
	}
	.partner_logo {
		height: 100px
	}
	.contact-votre-maison-reve table tbody tr td span {
		display: block;
		clear: both;
		float: left;
	}
	div.left-section.multilogements-section article {
		width: 48%;
	}
	#ReferenceAddForm:after {
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
	}
	#ReferenceAddForm .text.input, #ReferenceAddForm .input.textarea {
		width: auto;
		padding-right: 13px;
	}
	#ReferenceAddForm .text input {
		width: 100%;
		float: none;
	}
	#ReferenceAddForm .textarea #ReferenceComments, #ReferenceAddForm .text #ReferenceWhereHeLive, #ReferenceAddForm .text #ReferenceWhereHeWantLive {
		width: 100%;
	}
	.contact section.page-sous-menu-interne-largeur div.left-section {
		width: 100%;
	}
	.contact section.page-sous-menu-interne-largeur div.contact-right-section {
		width: 100%;
	}
	div.sous-nav-nos-maison.multi.galerie {
		display: none;
	}
	.fakeSelect-target .fakeSelect {
		margin-top: 0;
		width: 100%;
	}
	.fakeSelect-target .left {
		position: absolute;
		left: 0;
		top: 0;
	}
	.fakeSelect-target .middle {
		width: 100%;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	.fakeSelect-target .right {
		position: absolute;
		right: -1px;
		top: 0;
		background-color: #fff;
		z-index: 9;
	}
	.fakeSelect span {
		line-height: 24px;
		/*padding-left: 6px;*/
	}
	.fakeSelect-target .fakeSelect ul {
		width: 100%;
	}

	/* Info Box ------------------------ */
	section .box {
		width: 100%;
		height: auto;
		margin: 0;
	}

	section .box-last article a img{
		height: 176px;
		width: inherit;
	}
	div.box-nouveaux-pojets article img {
		width: 100%;
	}
	.mobile-wrapper > section > .wrapper.box-wrapper {
		margin-bottom: -20px;
		padding: 0 3px;
		background: #363636
	}

	/*--Image box de la page maison--*/

	div.box-nouveaux-pojets.box-maison article div {
		height: auto;
	}
	div.box-nouveaux-pojets.box-maison article div span.small {
		background: none;
	}
}

@media only screen and (max-width : 550px) {
	section .box-last article div span{
		line-height: 33px;
	}
	.proejctresidential .cadre {
		width: 47%;
	}
	.proejctresidential .cadres .cadre:nth-child(3n+3) {
		margin: 0 2% 15px 0;
	}
	.multilogement-text div.header_soluplex img{
	  width: 10%;
	}
	.multilogement-text div.header_soluplex p{
	  width: 85%;
	}
	/* multilogement*/
	.formProject .sectionForm.inputs .input{
		width: 100%;
		float: none;
	}
	.formProject .sectionForm.inputs .input input{
		float: none;
	}
	.formProject .sectionForm.colonnes > div{
		float: none;
		width: 100%;
		margin: 0 0 2em 0;
	}
}

@media only screen and (max-width : 360px) {
	section .box-last article div span{
		line-height: 33px;
	}
	.proejctresidential .cadre {
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
	}
	.proejctresidential .cadres .cadre:nth-child(3n+3) {
		margin: 0 0 15px 0;
	}
}

/* ------------------------------------------- */
/* Smartphones (portrait) -------------------- */
/* ------------------------------------------- */
@media only screen and (max-width : 480px) {

	/* Header -------------------------- */
	div.sous-nav-nos-maison h1 a{
		width: auto;
	}
	div.menu-utilitaire div.recherche-wrapper {
		display: none;
	}
	div.sous-nav-nos-maison ul li {
		width: 100%;
		margin-right: 0;
	}
	div.sous-nav-nos-maison ul{
		padding-bottom: 3em
	}
	div.sous-nav-nos-maison li.budgetary-price {
		width: 91%;
		margin: 0;
		left: 0;
		bottom: 1.3em;
		padding-left: 19px;
	}
	#featured img {
		width: 250%;
		margin-left: -75%;
	}
	#featured.single-photo img {
		width: 250%;
		margin-left: -75%;
	}
/*	div.page-title-mobile {
		top: 150px;
		margin-top:-1em;
	}*/
	div.page-title-mobile h1{
		font-size:2em;
	}

	/* Content Specific --------------- */
	#HouseFilter div.input {
		width: auto;
		padding-right: 37px;
		display: block;
		float: none;
	}
	#HouseFilter div.submit {
		float: none;
		margin-top: 0;
		padding-top: 0;
	}
	.filterForm .submit input {
		margin-left: 0;
	}
	.filterForm div {
		margin-bottom: 15px;
	}
	#HouseFilter div.input .fakeSelect .placeholder, #HouseFilter div.input select {
		width: 100%;
	}
	div.left-section.maisons article.boxgrid {
		width: 49%;
	}
	div.left-section.maisons article.boxgrid:nth-child(3n+3) {
		padding-right: 2%;
	}
	div.left-section.maisons article.boxgrid:nth-child(2n+2) {
		padding-right: 0;
	}
	div.left-section article {
		width: 49%;
	}
	div.left-section article:nth-child(3n+3){
		padding-right: 2%;
	}
	div.left-section article:nth-child(2n+2){
		padding-right: 0;
	}
	.page_galerie .galerie_img {
		width: 100%;
		padding: 0;
	}
	div.left-section.multilogements-section article {
		width: 100%;
		padding-right: 0 !important;
	}
	.social-bouton-popup div > a {
		margin: 0 0 15px 0;
		float: none !important;
		display: block !important;
	}
	.news_intro .cadre {
		float: none;
	}
	.news_intro .cadre a {
		margin: 0 auto;
		display: block;
	}
	div.map-terrain-filtre div.filtre_right_section,
	div.map-terrain-filtre div.filtre_left_section{
		clear:both;
		width: 100%;
	}
	div.map-terrain-filtre div.filtre_right_section>div{
		margin-left:0;
		clear: both;
	}

	/*  - le boreal  - */

	.boreal .map-container{
		padding: 33% 0;
	}

}

/* ------------------------------------------- */
/* Retina ------------------------------------ */
/* ------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	div.pager_banner span.puce {
		background-image: url(../img/mobile/puces@2x.png);
		background-size: 10px 20px;
	}
	section ul.home_menu {
		background-image: url(../img/mobile/bg_menu@2x.png);
		background-size: 2.5px 100px;
	}

	section ul.home_menu li a {
		background-image: url(../img/mobile/arrow-sous-nav@2x.png);
		background-size: 12px 12px;
	}

	div.contact-left-section div.job_offers_list div.offer_box a.store_location {
		background-image: url(../img/mobile/loupe@2x.png);
		background-size: 20px 20px;
	}

	div.contact-left-section div.job_offers_list h3.offer_title {
		background-image: url(../img/mobile/plus@2x.png);
		background-size: 13px 13px;
	}

	div.contact-left-section div.job_offers_list h3.offer_title.opened {
		background-image: url(../img/mobile/minus@2x.png);
		background-size: 13px 3px;
	}

	div.contact-left-section a.back {
		background-image: url(../img/mobile/btn_back@2x.png);
		background-size: 7px 11px;
	}
}