@media (max-width: 1179px) and (min-width: 960px) {

section#icon-home .type_5 .cc_vignette a:after{display:none;}

.section-fullscreen{}
.pic_parallax_content {background-position:center !important;}
.mod_ac_lien li{width:30%; margin:20px 1%;}
.mod_ac_title{width:32%;}

.split-bien-left{width:65%;}
.split-bien-right{width:33%;}

.cc_attribut_content .cc_attribut_icon{margin:0 10px 0 0;}
.cc_attribut_content .cc_attribut_icon img{max-width:20px;}
.cc_attribut_content .cc_attribut_name{font-size:12px;}

section#avis-client .wrapper{width:100%;}

.content_articles.services-immobiliers article, .content_articles.services-en-ligne article{max-width:300px;}

form .type_select .input {position: relative;}
form .type_select .input:after {content: '\f107';display: block;position: absolute;right: 12px;top: 10px;font-family: 'FontAwesome';font-size: 20px;line-height: 24px;pointer-events: none;}
form select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.submit input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.content_onglets{min-height:700px;}

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */

#categorie #display_11 .cc_content{width:46%;margin:20px 2%;}

}

	
@media (max-width: 767px) {
	
/* ------------------------------------------------------------
		BALISE PRINCIPALE
------------------------------------------------------------ */

img{max-width:100%; width:auto; height:auto; box-sizing: border-box;}
h1 {font:700 30px/40px 'Nunito', sans-serif; color:#e2c778; position:relative; top:0; width:auto; text-shadow:none;}
h1 span.contentTitleh1span {font-size:16px;line-height:24px;color:#262324; text-shadow:none;}
body#actu h1{text-align:center; color:#e2c778;}
h2 {font:300 24px/30px 'Nunito', sans-serif;}

article img{max-width:auto !important; width:auto !important; height:auto !important; box-sizing: border-box;}

/* ------------------------------------------------------------
		TOOLS MOBILE
------------------------------------------------------------ */

#tools-mobile{display:block;height: 60px;}
	
/* ---- MAIN MENU ---- */
	
nav#main-menu {display:none;}
nav#main-menu-mobile {width:50%; float:left; background:#e2c778;}
nav#main-menu-mobile a#menu-icon {display:block; width:100%;height:60px; float:left;  position:relative; text-align:center; z-index:1;}
nav#main-menu-mobile a#menu-icon i{line-height:60px; color:#fff; font-size:30px;}
nav#main-menu-mobile ul {width:100%; position:absolute;  top:60px; z-index:9999;}
nav#main-menu-mobile ul li {width:100%; list-style:none;}
nav#main-menu-mobile ul li.separator {display:none;}
nav#main-menu-mobile ul li a:link, nav#main-menu-mobile ul li a:visited {color:#fff;background:#333;display:block;text-align:center;font-size:16px;border-bottom:1px solid #e2c778;line-height:35px;
text-decoration:none;}	
nav#main-menu-mobile ul li a:hover {color:#fff;background:#e2c778; font-weight:700;}
nav#main-menu-mobile ul li.selected a {color:#fff;background:#e2c778; font-weight:700;}


/* ---- PHONE MOBILE ---- */

#phone-mobile{width:50%; float:left; background:#262324;}
#phone-mobile a{display:inline-block; width:100%;height:60px; text-align:center;}
#phone-mobile a i{line-height:60px; color:#fff; font-size:30px;}

/* ------------------------------------------------------------
		HEADER
------------------------------------------------------------ */

header {width:100%; height:132px; margin:0 0 0 0; position:relative;background: #fff; border-bottom:4px solid #e2c778; top:0;}
body#content-home header {margin:0; border:none;}
body.smaller header{position:relative;height:132px;}
header .wrapper {width:100%; overflow:hidden; padding:10px;box-shadow:none;}
	
/* ---- LOGO ---- */
	
header #logo {float:none; width:140px; margin:10px auto;}
header #logo img{max-width:100%;}

/* ------------------------------------------------------------
		PULL
------------------------------------------------------------ */

a.pull{display:none;}

/* ------------------------------------------------------------
		MAIN
------------------------------------------------------------ */

section#main{width:100%;float:none;}

/* ------------------------------------------------------------
		BANNER HEADER
------------------------------------------------------------ */

section#banner-header-home{height:400px;margin:0 auto 0 auto;}
section#banner-header-home #content-banner{height:400px !important;}

section#banner-header{display:none;}
#content-banner .wrapper {width:100%;left:0;margin:0 0 0 0; text-align:center;}

#content-banner .wrapper h1 {color:#fff; padding:20px;font:700 25px/35px 'Nunito', sans-serif; bottom:auto; text-align:center; text-shadow:none;}
#content-banner .wrapper h1 span{font:300 20px/30px 'Nunito', sans-serif;}
#content-banner .wrapper .contact-content {display:none;}

/* ------------------------------------------------------------
		SCROLLTO
------------------------------------------------------------ */

#content-banner #scrollto {bottom:20px;}

/* ------------------------------------------------------------
		ICONE HOME
------------------------------------------------------------ */

section#icon-home{width:100%; margin:40px 0; padding:0 10px;}
section#icon-home .type_5{width:50%;padding:0 10px;position:relative;}
section#icon-home .type_5.home-immo{left:50%;transform: translate(-50%, 0);}

section#icon-home .type_5 .cc_vignette img{border:5px solid #fff;}


/* ------------------------------------------------------------
		CTA MOBILE
------------------------------------------------------------ */

#cta-mobile{display:block; clear: both; margin:0;}
#cta-mobile .contact-content{padding:0;}
#cta-mobile .contact-content a{max-width:100%;margin:0; border:none; box-shadow:none;}
/* #cta-mobile .contact-content a:hover i:before{color:#262324;} */

/* ------------------------------------------------------------
		TOOLS
------------------------------------------------------------ */

section#tools #breadcrumbs {font-size:10px; line-height:18px; padding:0; border:none;}
section#tools #breadcrumbs a:link, section#tools #breadcrumbs a:visited {background:none; padding:0;}
section#tools #breadcrumbs .separator:before { margin:2px;content: '\f105';font-family: 'FontAwesome';color:#262626;}

/* ------------------ social feed ------------------ */

#sharethis{width:300px; height:48px; position: relative; top:auto; right: auto; padding:5px; margin:10px auto; overflow:hidden !important;}
#sharethis a.stbar {float:left; margin:5px 23px;}

/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

body#content-home section#content{padding:0;}
section#content{margin:0 0 20px 0; padding:0 0 0 0;}
section#content .wrapper {width:90%;background:none;border:none;}
section#content #display_8 .content_articles, section#content .mic-large{margin:0;}
	
/* ---- LEFT ---- */
	
section#content .wrapper #left {width:100%;padding:0;}
/*section#content .wrapper #left img{float:none !important; clear:both; display:block; width:auto !important; margin:10px auto !important;}*/

section#content .wrapper ul li {margin:15px 0 15px 20px;}

section#content .wrapper #left .banner-smartphone {display:block; max-width:300px; margin:0 auto;}
section#content .wrapper #left .banner-desktop {display:none !important;}

/* ------------------------------------------------------------
		CHOIX AGENCE
------------------------------------------------------------ */

section#home-choix-agence{padding: 0;}


/* ------------------------------------------------------------
		PAGE BIEN
------------------------------------------------------------ */

.split-bien-left{width:100%;float:none;margin:0 0 60px 0;}
.split-bien-right{width:100%;float:none;}

/* ------------------------------------------------------------
		AVIS CLIENT
------------------------------------------------------------ */

section#avis-client .wrapper{width:90%;}

/* ------------------------------------------------------------
		SECTION FULLSCREEN
------------------------------------------------------------ */

.section-fullscreen{display:block;margin:40px 0;clear:both;overflow:hidden;padding:0;}
.no-margin .section-fullscreen{margin:0; min-height: auto;}
.section-fullscreen h2{display:none;}
.section-fullscreen > div{position: relative;width: 100%;min-height:0;}
.pic_parallax_content {position: relative;min-height: 0;padding:0;background: none;}
.pic_parallax_content:after {display:none;}

/* ------------------------------------------------------------
		BTN
------------------------------------------------------------ */

.contact-content a{margin:10px 0; font-size:18px;}
.contact-content a span{font-size:14px;}

.contact-content a:hover{
	background:none;
	color:#e2c778;
	border:1px solid #e2c778;
	}

.contact-content a:hover i:before{
	color:#e2c778;
	}

/* ------------------------------------------------------------
		FOOTER
------------------------------------------------------------ */

footer{clear:both;}
footer .wrapper {width:90%;}

/* ------------------------------------------------------------
		FORM
------------------------------------------------------------ */

form {width:100%; margin:0 auto;}
form .label {width:100% !important;float:none !important; margin:0 !important;}
form .input {width:95% !important; margin:0 !important;}
form .type_select .input {position: relative;}
form .type_select .input:after {content: '\f107';display: block;position: absolute;right: 12px;top: 8px;font-family: 'FontAwesome';font-size: 20px;line-height: 24px;pointer-events: none;}
form tr.type_textarea td textarea{width:95%}
form .help {margin:0;}
form .help img {max-width:initial; width:auto !important; height:auto !important;}
form select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.submit input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* ------------------------------------------------------------
		PAGE CONTACT
------------------------------------------------------------ */

#split_left{width:90% !important; float:none !important; margin:0 auto 20px auto !important;}
#split_right{width:90% !important; float:none !important; margin:0 auto 20px auto !important;}

.split_2column{width:100% !important; float:none !important; margin:20px 0 !important;}
.no-smartphone{display:none !important;}

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */

#categorie #display_11 .cc_content{width:100%; float:none; margin:20px 0;}

.type_8{width:100%;float:none;padding:0;}

/* ------------------------------------------------------------
		ONGLETS
------------------------------------------------------------ */

.content_onglets {background:none; border:none;}
.content_onglets ul.liste_onglets {float:none; position:relative;width:100%; margin:0 0 0 0; border:none;}
.content_onglets ul.liste_onglets li {width:50%; float:left;padding:0 !important; margin:0 !important; background:none !important; border:none !important;}
.content_onglets ul.liste_onglets li a{font:700 13px/18px 'Poppins', sans-serif;min-height:95px;text-decoration: none; background:#fbfbfb; display:block; padding:10px; border:1px solid #efefef;}
.content_onglets ul.liste_onglets li:last-child a{border:1px solid #efefef;}
.content_onglets .wrapper_onglets {width:100%; padding:20px; position: relative;right:0; clear:both; margin:20px 0;}
.content_onglets .wrapper_onglets .onglet {width:100%; position: relative;top:0;transform: none;}

section#content .wrapper #left .content_onglets .wrapper_onglets .onglet .googlemap img {margin:0 !important;}

.no-desktop {
	display: block;
}

}

@media (max-width: 960px) and (min-width: 768px) {
	
/* ------------------------------------------------------------
		BALISE PRINCIPALE
------------------------------------------------------------ */

h1{font:900 40px/50px 'Nunito', sans-serif;top:-100px;}
img{max-width:100%; width:auto; height:auto; box-sizing: border-box;}

/* ------------------------------------------------------------
		HEADER
------------------------------------------------------------ */

header{width:100%;height:100px;background:#fff;border:none;}

/* ------------------------------------------------------------
		PULL
------------------------------------------------------------ */

a.pull{display:none;}

/* ------------------------------------------------------------
		LOGO
------------------------------------------------------------ */

header #logo {width:100px; float:left; margin:13px 0;}
header #logo img{max-width:100%;}

/* ---- MENU ---- */

nav#main-menu {float:right;margin:35px 0;}
nav#main-menu ul li {display:inline-block;}
nav#main-menu ul li a {font:700 14px 'Nunito', sans-serif;padding:5px;margin:0 5px;}

/* ------------------------------------------------------------
		MAIN
------------------------------------------------------------ */

section#main{width:100%;float:none;}

/* ------------------------------------------------------------
		BANNER HEADER
------------------------------------------------------------ */

section#banner-header-home {}
section#banner-header-home #content-banner {}

section#banner-header {}

#content-banner .wrapper {width:100%;left:0;margin:0 0 0 0; padding:0 20px;}
#content-banner .wrapper h1{font:700 35px/45px 'Nunito', sans-serif; left:0; padding:0 20px; text-align:center; bottom:200px;}
#content-banner .wrapper h1 span{font:300 20px/30px 'Nunito', sans-serif;}
#content-banner .wrapper br {display:none;}

#content-banner .wrapper .contact-content {padding:0; bottom:140px; left:0; width:100%;}

/* ------------------------------------------------------------
		ICONE HOME
------------------------------------------------------------ */

section#icon-home{width:100%;margin:-100px auto 0 auto;}
section#icon-home .type_5 .cc_vignette a:after{display:none;}


/* ------------------------------------------------------------
		SCROLLTO
------------------------------------------------------------ */

#content-banner #scrollto {bottom:120px;}

/* ------------------------------------------------------------
		TOOLS
------------------------------------------------------------ */

#sharethis{top:40%;}
/* ------------------------------------------------------------
		BTN
------------------------------------------------------------ */
.contact-content a:hover{
	background:none;
	color:#e2c778;
	border:1px solid #e2c778;
	}

.contact-content a:hover i:before{
	color:#e2c778;
	}

/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

section#content .wrapper {width:90%;}
section#content #display_8 .content_articles, section#content .mic-large{margin:0;}
	
/* ---- LEFT ---- */
	
section#content .wrapper #left {width:100%;padding:0;}

/* ------------------------------------------------------------
		PAGE BIEN
------------------------------------------------------------ */

.split-bien-left{width:50%;}
.split-bien-right{width:48%;}

/* ------------------------------------------------------------
		SECTION FULLSCREEN
------------------------------------------------------------ */

.section-fullscreen{display:block;margin:40px 0;clear:both;overflow:hidden;padding:0;}
.no-margin .section-fullscreen{margin:0;}
.section-fullscreen h2{display:none;}
.section-fullscreen > div{position: relative;width: 100%;min-height:0;}
.pic_parallax_content {position: relative;min-height: 0;padding:0;background: none;}
.pic_parallax_content:after {display:none;}

/* ------------------------------------------------------------
		AVIS CLIENT
------------------------------------------------------------ */

section#avis-client .wrapper{width:100%;}

/* ------------------------------------------------------------
		FOOTER
------------------------------------------------------------ */
	
footer .wrapper {width:90%;}

/* ------------------------------------------------------------
		FORM
------------------------------------------------------------ */

form {width:100%; margin:0 auto;}
form .label {width:100%;float:none; margin:0;}
form .input {width:95%; margin:0;}
form .type_select .input {position: relative;}
form .type_select .input:after {content: '\f107';display: block;position: absolute;right: 12px;top: 10px;font-family: 'FontAwesome';font-size: 20px;line-height: 24px;pointer-events: none;}
form .help {margin:0;}
form .help img {max-width:initial; width:auto !important; height:auto !important;}
form select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.submit input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* ------------------------------------------------------------
		PAGE CONTACT
------------------------------------------------------------ */

#split_left{width:100% !important; float:none !important; margin:0 auto 20px auto !important;}
#split_right{width:100% !important; float:none !important; margin:0 auto 20px auto !important;}

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */

.content_articles.services-immobiliers article, .content_articles.services-en-ligne article{max-width:300px;}

/* ------------------------------------------------------------
		ONGLETS
------------------------------------------------------------ */

.content_onglets{min-height:750px;}

}

@media (max-width : 1200px){
	#categorie #display_11 .cc_content .cc_vignette img{
		max-height: 250px;
		min-height: 250px;
		/* object-fit: cover; */
	}
} 

@media (max-width : 992px){
	#categorie #display_11 .cc_content .cc_title h3{
		font-size: 20px;
	}
}

@media (max-width : 767px){

} 

@media (max-width : 480px){
	#categorie #display_11 .cc_content .cc_vignette img{
		max-height: 250px;
		min-height: 250px;
		/* object-fit: cover; */
	}
} 

@media (max-height: 640px) and (max-width: 1400px) and (min-width: 962px) {
	nav#main-menu {
		margin: 10px 0 10px 0;
	}

	nav#main-menu ul li a {
		padding: 6px;
	}

	header #logo {
		max-height: 100px;
		margin: 10px auto;
	}
	header #logo img {
		max-height: 100px;
		object-fit: contain;
	}

	a.pull.call-header {
		bottom: 96px;
	}

	a.pull i {
		font-size: 26px;
		line-height: 26px;
	}

	a.pull p {
		margin: 0;
	}
	a.pull p span {
		font-size: 18px;
	}
}