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

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

	nav#main-menu ul li ul.level_1 {
		display: none !important;
	}

}

/* Large Devices, Wide Screens */
@media (max-width : 1200px) {

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

	.page {
		margin: 0 0 0 0;
	}

	/* ------------------------------------------------------------
		SLIDER TOP
	------------------------------------------------------------ */

	body.homepage section#slider-top .sp-mask,
	body.homepage section#slider-top .sp-slides .sp-slide {
		/*height:60vh !important;*/
	}

	/* ------------------------------------------------------------
		SLIDER DESIGNEE
	------------------------------------------------------------ */

	section#slider-design-h .sp-layer .btn {
		padding: 8px 5px;
		font: 700 10px/16px 'Montserrat', sans-serif;
		margin: 12px 1% 0;
	}

	/* ------------------------------------------------------------
		STYLE PROPRE AU ONE PAGE
	------------------------------------------------------------ */

	.grid-wrapper .content-text .text {
		padding: 0 15px 0 30px;
		max-width: inherit;
	}

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

	section#gmap-footer {
		height: auto;
	}

	section#gmap-footer .googlemap {
		height: 70vh;
	}

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

	footer {
		height: auto;
		position: relative;
	}

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

	.btn {
		font: 700 16px/24px 'Montserrat', sans-serif;
	}

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

	/* ---------- TYPE 1 ---------- */

	.type_1 .block_article .cc_content .cc_title h3 {
		font: 700 16px/24px 'Montserrat', sans-serif;
	}

	.type_1 .block_article .cc_content .cc_excerpt p {
		font: 400 12px/20px 'Montserrat', sans-serif;
	}

	.type_1 .block_article .cc_content .cc_read_more a {
		font: 700 9px/15px 'Montserrat', sans-serif;
		padding: 8px 5px;
		margin: 10px 2px;
	}

	.type_1 .block_article .cc_content .cc_read_more a:after {
		display: none;
	}

}

/* Medium Devices, Desktops */
@media (max-width : 992px) {

	/* ------------------------------------------------------------
		BALISE PRINCIPALE
	------------------------------------------------------------ */

	body {
		padding: 0;
	}

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

	header {
		height: auto;
		position: relative;
	}

	/* ------------------------------------------------------------
		TOPBAR
	------------------------------------------------------------ */

	header #topbar .header-tools {
		margin: 0;
	}

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

	body.smaller #navbar-header {
		width: 100%;
		background: #fff;
		position: fixed;
		top: 0;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
	}

	#navbar-header .container {
		position: relative;
	}

	#navbar-header .container .logo-bloc {
		z-index: 100;
	}

	#navbar-header .container .nav-bloc {
		width: 100%;
		float: none;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}

	#navbar-header a.btn-mobile {
		display: inline-flex !important;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 16px;
		border-radius: 100%;
		border: 2px solid #2c3e50;
		color: #2c3e50;
		margin: 0 5px;
		bottom: 8px;
        position: relative;
	}

	#navbar-header a.btn-phone {
		display: inline-flex !important;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 38px;
		border-radius: 100%;
		color: #49c610;
		margin: 0 5px;
	}

	#navbar-header a.btn-mobile,
	#navbar-header a.btn-phone {
		text-decoration: none;
	}

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

	nav#main-menu {
		display: none;
		margin: 8px 0 0 0;
		position: absolute;
		left: 0;
		width: 100%;
		background: #f2f2f2;
		z-index: 1000;
		box-shadow: 0 3px 14px rgba(0, 0, 0, 0.10);
		transition: none;
	}

	nav#main-menu ul {
		padding: 8px 0;
		margin: 0;
	}

	nav#main-menu ul li {
		width: 100%;
		list-style: none;
		padding: 0;
	}

	nav#main-menu ul li ul {
		display: none;
	}

	nav#main-menu ul li.separator {
		display: none;
	}

	nav#main-menu ul li a {
		padding: 10px;
		display: block;
		text-align: center;
	}

	nav#main-menu ul li:last-child a {
		padding: 10px;
	}

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

	nav#menu-mobile {
		display: none;
		margin: 24px 0 0 0;
		position: absolute;
		left: 0;
		width: 100%;
		background: #f2f2f2;
		z-index: 1000;
		box-shadow: 0 3px 14px rgba(0, 0, 0, 0.10);
		transition: none;
	}

	#navbar-header .nav-bloc .module_content {
		display: inline-block;
	}

	nav#menu-mobile ul {
		padding: 8px 0;
		margin: 0;
	}

	nav#menu-mobile ul li {
		width: 100%;
		list-style: none;
		padding: 0;
	}

	nav#menu-mobile ul li ul {
		display: none;
	}

	nav#menu-mobile ul li.separator {
		display: none;
	}

	nav#menu-mobile ul li a {
		font: 700 12px/20px 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #1c1c1c;
		padding: 10px;
		display: block;
		text-align: center;
	}

	/* ------------------------------------------------------------
		SLIDER TOP
	------------------------------------------------------------ */

	section#slider-top .container .slider-text {
		top: 50%;
		left: 10%;
		max-width: 80%;
	}

	body.homepage section#slider-top .sp-mask,
	body.homepage section#slider-top .sp-slides .sp-slide {
		/*height:60vh !important;*/
	}

	body.homepage section#slider-top .sp-mask,
	body.homepage section#slider-top .sp-slides .sp-slide {
		height: 270px !important;
	}

	section#slider-top .container .slider-text h1 {
		margin: 0;
	}

	@keyframes TextIntro {
		0.00% {
			opacity: 0;
			filter: blur(35px);
			left: -40%;
		}

		100% {
			opacity: 1;
			filter: blur(0px);
			left: 10%;
		}
	}

	/* ------------------------------------------------------------
		ICON HOME
	------------------------------------------------------------ */

	section#icone-home-head {
		margin: 0;
	}

	section#icone-home-head .pad-icon {
		padding: 0;
		text-align: center;
	}

	section#icone-home-head .pad-icon p:first-child:before {
		display: none;
	}

	/* ------------------------------------------------------------
		STYLE PROPRE AU ONE PAGE
	------------------------------------------------------------ */
	.grid-wrapper {
		grid-template-columns: inherit;
		/* grid-template-rows: auto auto; */
	}

	.grid-wrapper .content-banner {
		order: 2;
	}

	.grid-wrapper .content-text {
		order: 1;
		margin: 40px 0;
	}

	.grid-wrapper .content-text .text {
		padding: 0;
	}

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

	section#gmap-footer {
		height: auto;
	}

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

	section.default-content .ui-accordion {
		margin: 0;
		padding: 40px;
	}

	/* ------------------------------------------------------------
		SLIDER DESIGNEE
	------------------------------------------------------------ */

	section#slider-design-h .sp-layer {
		padding: 20px;
		width: 100%;
		max-width: 480px;
	}

	section#slider-design-h .sp-layer:before {
		display: none;
	}

	section#slider-design-h .sp-layer h3 {
		font: 700 16px/20px 'Montserrat', sans-serif;
		margin: 0 0 10px 0;
	}

	section#slider-design-h .sp-layer ul {
		padding: 0;
	}

	section#slider-design-h .sp-layer ul li {
		font: 300 13px/18px 'Montserrat', sans-serif;
	}

	section#slider-design-h .sp-layer a.btn {
		font: 700 14px/20px 'Montserrat', sans-serif;
		padding: 8px 10px;
	}

	section#slider-design-h .sp-layer #macaron-action-speciale {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 20px;
		border-radius: 0;
		transform: none;
		margin: 20px 0;
		background: none;
		border: 2px solid #49c610;
	}

	section#slider-design-h .sp-layer #macaron-action-speciale .center-content {
		top: 0;
		transform: none;
	}

	section#slider-design-h .sp-layer #macaron-action-speciale .center-content span {
		display: inline;
	}

	/* ------------------------------------------------------------
		MISC
	------------------------------------------------------------ */

	.txt-large {
		font: 400 18px/26px 'Montserrat', sans-serif;
	}

	/* ------------------------------------------------------------
		BOOTSTRAP CHEATS
	------------------------------------------------------------ */

	.container {
		width: 100%;
	}

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

	/* ---------- TYPE 5 ---------- */

	.type_5 .block_article:hover .cc_vignette a:after {
		display: none;
	}

	.type_5 .block_article .cc_content .cc_title,
	.type_5 .block_article .cc_content .cc_excerpt,
	.type_5 .block_article .cc_content .cc_read_more {
		padding: 0 25px;
	}

	.type_5 .block_article .cc_content .cc_title h3 {
		font: 700 16px/24px 'Montserrat', sans-serif;
	}

	/* ---------- TYPE 8 ---------- */

	.type_8 .block_article:hover .cc_vignette a:after {
		display: none;
	}

	.type_8 .block_article .cc_content .cc_title,
	.type_8 .block_article .cc_content .cc_excerpt,
	.type_8 .block_article .cc_content .cc_read_more {
		padding: 0 25px;
	}

	.type_8 .block_article .cc_content .cc_title h3 {
		font: 700 16px/24px 'Montserrat', sans-serif;
	}

	/* ---------- TYPE 11 ---------- */

	.type_11 .block_article:hover .cc_vignette a:after {
		display: none;
	}

	.type_11 .block_article .cc_content .cc_title,
	.type_11 .block_article .cc_content .cc_excerpt,
	.type_11 .block_article .cc_content .cc_read_more {
		padding: 0 25px;
	}

	.type_11 .block_article .cc_content .cc_title h3 {
		font: 700 16px/24px 'Montserrat', sans-serif;
	}

	/* ---------- TYPE 12 ---------- */

	.type_12 .block_article:hover .cc_vignette a:after {
		display: none;
	}

	.type_12 .block_article .cc_content .cc_title,
	.type_12 .block_article .cc_content .cc_excerpt,
	.type_12 .block_article .cc_content .cc_read_more {
		padding: 0 25px;
	}

	.type_12 .block_article .cc_content .cc_title h3 {
		font: 700 16px/24px 'Montserrat', sans-serif;
	}

	/* ------------------------------------------------------------
		GALLERY
	------------------------------------------------------------ */

	.galleryType1Photo.g-landscape {
		padding: 0 0 22.526041%;
	}

	.galleryType1Photo.g-portrait {
		padding: 0 0 49.479166%;
	}

	.galleryType1Photo.g-square {
		padding: 0 0 33.333333%;
	}

	/* ------------------------------------------------------------
		STYLE PROPRE AU ONE PAGE
	------------------------------------------------------------ */

	section.section-one-page {
		height: auto;
	}

	section.section-one-page .content-text {
		max-width: none;
	}

}

/* Small Devices, Tablets */
@media (max-width : 767px) {

	/* ------------------------------------------------------------
		TOPBAR
	------------------------------------------------------------ */

	header #topbar .header-coord,
	header #topbar .header-tools {
		text-align: center;
		font-size: 11px;
	}

	header #topbar .header-coord a {
		margin: 0 3px;
	}

	header #topbar .header-tools {
		margin: 0;
	}

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

	a.logo{
		display:block;
		max-width:200px;
		margin:0;
	}

	/* ------------------------------------------------------------
		SLIDER TOP
	------------------------------------------------------------ */

	section#slider-top .container {
		width: 100%;
		padding: 0;
	}

	section#slider-top .container .slider-text h1 {
		font: 700 30px/30px 'Montserrat', sans-serif;
	}

	section#slider-top .container .slider-text h1 strong{
		font: 900 30px/30px 'Montserrat', sans-serif;
	}

	h1 span.contentTitleh1span {
		font: 300 18px/1.4 'Montserrat', sans-serif;
	}

	/* ------------------------------------------------------------
	CTA MOBILE
	------------------------------------------------------------ */
	section#cta-mobile .btn {
		width: 100%;
		margin: 0;
		text-align: center;
		border-radius: 0;
	}

	/* ------------------------------------------------------------
		ACTION SPECIALE
	------------------------------------------------------------ */

	section#action-speciale {
		padding: 0;
	}

	/* ------------------------------------------------------------
		ICON HOME
	------------------------------------------------------------ */

	section#icone-home-head {
		margin-top: 20px;
	}

	section#icone-home-head .content_articles {
		text-align: center;
	}

	section#icone-home-head .content_articles .block_article {
		max-width: 140px;
		float: none;
		display: inline-block;
	}

	/* ------------------------------------------------------------
		ICON HOME FULL
	------------------------------------------------------------ */

	section#icone-home-full {
		margin: 0 -15px;
	}

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

	section.default-content .ui-accordion {
		padding: 10px;
	}

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

	main#content .coord-contact-page .bloc-contact-info {
		padding: 20px;
		width: 90%;
	}

	/* ------------------------------------------------------------
		SLIDER DESIGNEE
	------------------------------------------------------------ */

	.center-content {
		margin: 0 auto;
	}

	section#slider-design-h .sp-mask {
		height: 800px !important;
	}

	section#slider-design-h .sp-layer {
		position: relative;
		max-width: 100%;
	}

	section#slider-design-h .sp-black {
		background: rgba(49, 64, 71, 1);
	}

	section#slider-design-h .sp-layer a.btn {
		width: 100%;
		text-align: center;
	}


	/* ------------------------------------------------------------
		SHARETHIS
	------------------------------------------------------------ */

	#sharethis {
		width: 300px;
		height: 80px;
		position: relative;
		top: auto;
		right: auto;
		padding: 10px;
		margin: 0 auto;
	}

	#sharethis a.stbar {
		float: left;
		margin: 15px 20px;
		padding: 0;
		right: 0;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}

	/* ------------------------------------------------------------
		REASSURANCE
	------------------------------------------------------------ */
	section#reassurance .container {
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 0;
		row-gap: 12px;
	}

	section#reassurance .container div {
		width: 50%;
	}

	/* ------------------------------------------------------------
 		MISC
	------------------------------------------------------------ */

	.section-large {
		padding: 30px 0;
		clear: both;
	}

	.section-med {
		padding: 20px 0 40px 0;
		clear: both;
	}

	.section-small {
		padding: 40px 0;
		clear: both;
	}

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

	/* ---------- TYPE 1 ---------- */

	.type_1 .block_article,
	.type_1 .block_article.altered {
		padding: 20px;
	}

	.type_1 .block_article .cc_vignette,
	.type_1 .block_article.altered .cc_vignette {
		float: none;
		margin: 0 auto;
	}

	.type_1 .block_article .cc_video,
	.type_1 .block_article.altered .cc_video {
		float: none;
		margin: 0 auto;
	}

	.type_1 .block_article .cc_vignette:after,
	.type_1 .block_article.altered .cc_vignette:after {
		display: none;
	}

	/* ---------- TYPE 5 ---------- */

	.type_5 .block_article {
		width: 48%;
		margin: 20px 1%;
	}

	.type_5 .block_article .cc_content .cc_title {
		padding: 0 10px;
	}

	/* ---------- TYPE 8 ---------- */

	.type_8 .block_article {
		width: 100%;
		max-width: 400px;
		margin: 20px auto;
		float: none;
	}

	.type_8 .block_article .cc_content .cc_title {
		padding: 0 10px;
	}

	/* ---------- TYPE 11 ---------- */

	.type_11 .block_article {
		width: 100%;
		max-width: 400px;
		margin: 20px auto;
		float: none;
	}

	.type_11 .block_article .cc_content .cc_title {
		padding: 0 10px;
	}

	/* ---------- TYPE 12 ---------- */

	.type_12 .block_article {
		width: 100%;
		max-width: 400px;
		margin: 20px auto;
		float: none;
	}

	.type_12 .block_article .cc_content .cc_title {
		padding: 0 10px;
	}

	/* ------------------------------------------------------------
		STYLE PROPRE AU ONE PAGE
	------------------------------------------------------------ */

	section.section-one-page .col-xs-12 {
		height: auto;
	}

	section.section-one-page .content-text {
		position: relative;
		top: 0;
		transform: none;
	}

}

/* Extra Small Devices, Phones */
@media (max-width : 480px) {

	/* ------------------------------------------------------------
		GALLERY
	------------------------------------------------------------ */

	.galleryType1Photo.g-landscape {
		padding: 0 0 34.057971%;
	}

	.galleryType1Photo.g-portrait {
		padding: 0 0 74.154893%;
	}

	.galleryType1Photo.g-square {
		padding: 0 0 50%;
	}

}