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

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

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

}

@media (min-width: 1600px) {
	.wouaw-right-bloc {
		position: relative;
		/* 
		&::before {
			bottom: 0;
			right: 0;
			width: 600px;
			height: 600px;
			position: absolute;
			content: '';
			background: url(../img/construct/horse.svg);
			background-repeat: no-repeat;
			background-position: bottom;
			background-size: contain;
			opacity: .1;
			z-index: -1;
		} */
	}
}

@media (max-width : 1400px) {
	.slider-image img {
		transform: translateY(-50px) !important;
		/* filter: brightness(1000); */
	}

	.hero-slider {

		.slider-image,
		.slider-text {
			flex-basis: calc(75% - 32px);
		}
	}
}

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

	.alert-success {
		margin-left: -15px;
		margin-right: -15px;
	}

	h1 span.contentTitleh1porte {
		font-weight: 700;
	}

	h1 span.contentTitleh1span {
		font-size: 18px;
		line-height: 24px;
	}

	h1 {
		font-size: 28px;
		line-height: 32px;
	}

	#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 white;
		color: white;
		margin: 0 5px;
	}

	#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: 16px;
		border-radius: 100%;
		border: 2px solid #db3b1a;
		background: #db3b1a;
		color: #fff;
		margin: 0 5px;
	}

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

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

	nav#main-menu {
		display: none;
		margin: 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 0 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;
		color: black;
	}

	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 'Manrope', sans-serif;
		text-transform: uppercase;
		color: #1c1c1c;
		padding: 10px;
		display: block;
		text-align: center;
	}

	.grid-wrapper .content-banner {
		flex-basis: 100%;
		padding: 0 15px 0 15px;
	}

	.grid-wrapper {
		gap: 32px;
	}

	.grid-wrapper .content-text {
		flex-basis: 100%
	}

	header #topbar {
		padding: 10px 0;
	}

	#navbar-header {
		.row {
			padding: 0 8px;

			.baseline {
				margin-left: 215px;
			}
		}
	}

	nav#main-menu ul li a {
		font-size: 16px;
	}

	/* ------------------------------------------------------------
		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 'Manrope', 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 'Manrope', sans-serif;
	}

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

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

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

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

	.type_1 .block_article .cc_content .cc_read_more a {
		font: 700 9px/15px 'Manrope', 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) {
	
	.citation-experte{
		padding-right: 225px;
	}	

	body {
		overflow-x: hidden;
	}

	.grid-wrapper .content-banner {
		flex-basis: 100%;
		padding: 0px;
	}

	.hero-slider {
		/* padding-bottom: 92px; */
	}

	body:not(.homepage) {
		.page {
			padding-top: 107px;
		}
	}

	.hero-slider {
		img {
			transform: translateY(0);
		}
	}


	.type_8 {
		grid-template-columns: 1fr 1fr;
	}

	h1 span.contentTitleh1full {
		&::before {
			right: -30%;
			animation: unset;
			width: 140%;
		}
	}

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

	.hero-slider {
		flex-direction: column-reverse;
		height: auto !important;
		gap: 32px;
		justify-content: center;
		align-items: center;
		padding-top: 220px;

		.slider-image,
		.slider-text {
			flex-basis: 100%;
			max-width: 100%;
		}

		.slider-text {
			margin-top: 200px;
		}

		.slider-image {

			padding-bottom: 64px;

			img {
				max-width: 400px;
				margin: 0 auto;
				transform: scale(1.25) translateY(-25px);
			}
		}
	}

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

	body {
		padding: 0;
	}

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

	header {
		/* height: auto;
		position: relative; */
		/* margin-top: 24px; */
	}

	/* ------------------------------------------------------------
		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);
	} */

	/* ------------------------------------------------------------
		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;
		font-size: 32px;
		line-height: 38px;
	}

	@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 'Quicksand', 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 'Manrope', sans-serif;
	}

	section#slider-design-h .sp-layer a.btn {
		font: 700 14px/20px 'Manrope', 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 #db3b1a;
	}

	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 'Manrope', 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 'Manrope', 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 'Manrope', 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 'Manrope', 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 'Manrope', 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;
	}

}

@media (max-width : 600px) {
	.type_8 {
		grid-template-columns: 1fr;
	}
}

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

	.hero-slider {
		& .slider-text {
			>div {
				padding: 24px;
			}
		}
	}

	.content-banner .sp-mask,
	.content-banner .sp-slides .sp-slide {
		max-height: calc(50vh) !important;
	}

	.citation-experte i:not(.fa) {
		font-size: 16px;
		line-height: 18px;
	}

	.hero-slider {

		.slider-image,
		.slider-text {
			max-width: 100%;
		}
	}

	.second {
		margin-bottom: 0px;
	}

	.first {
		margin-top: 80px;
	}

	.call-to-action-div {
		&::before {
			right: 0 !important;
			transform: translateX(-50%);
		}
	}

	.module_content:has(.call-to-action) {
		& .container-sm {
			.row {
				flex-direction: column;

				img {
					position: absolute;
				}
			}
		}
	}

	.image_legende {
		img {
			min-height: 400px;
			object-fit: cover;
		}
	}

	.hero-slider {
		padding-top: 103px;
	}

	section#slider-top .container .slider-text {
		left: 5%;
		max-width: 90%;
	}

	h1 span.contentTitleh1full {
		text-align: center;
		padding: 16px 0;
	}

	h1 span.contentTitleh1full {
		&::before {
			right: 0;
			animation: unset;
			width: 140%;
			clip-path: unset;
			left: -20%;
		}
	}

	h1 span.contentTitleh1full {
		font-size: 32px;
		line-height: 36px;
	}

	h1 span.contentTitleh1porte {
		font-size: 26px;
		line-height: 30px;
	}

	h1 {
		font-size: 20px;
		line-height: 24px;
	}

	#navbar-header {
		.container-fluid {
			padding: 0;
		}
	}

	.logo-bloc {
		max-width: 150px;
		top: -15px;
	}

	.baseline {
		font-size: 20px;
		line-height: 20px;
		margin-left: 155px !important;
		top: -12px;

		span {
			font-size: 14px;
		}
	}

	/* ------------------------------------------------------------
		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;
	}

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

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

	section#slider-top .container .slider-text h1 {
		font: 900 24px/28px 'Quicksand', sans-serif
	}

	h1 span.contentTitleh1span {
		font: 500 18px/1.4 'Quicksand', sans-serif;
		padding-right: 0;
	}

	/* ------------------------------------------------------------
	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 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;
	}

}

@media (max-width :600px) {
	.citation-experte{
		padding-right: 0;
		padding-bottom: 200px;

		&:after{
			top: inherit;
			bottom: 0;
			transform: none;
			height: 250px;
		}
	}
}

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

	header {

		/* height: auto;

		position: relative; */

		/* margin-top: 24px; */

		margin-top: 0;

	}

	.hero-slider {
		padding-top: 162px !important;
	}

	#navbar-header {
		.container-fluid {
			background: none;
			border: none;
			backdrop-filter: unset;

			.row {
				flex-direction: column;
				padding: 0;
				padding-top: 8px;
				justify-content: space-evenly;

				a.logo {
					display: flex;
					flex-direction: row-reverse;
					align-items: center;
					gap: 16px;
					width: 100%;
					justify-content: start;

					.logo-bloc {
						position: relative;
						top: 0;
					}

					.baseline {
						margin-left: 0 !important;
						font-size: 20px;
						line-height: 20px;

						span {
							font-size: 14px;
							text-align: center;
						}
					}
				}

				.nav-bloc {
					width: 100%;
				}
			}
		}
	}


	#topbar {
		display: none;
	}

	.coord-contact-page {
		.col-md-6 {
			padding: 0;
		}
	}

	.cta {
		a {
			font-size: 14px;
		}
	}

	.hero-slider {

		.slider-image,
		.slider-text {
			max-width: 100%;
		}
	}

	h1 span.contentTitleh1porte {
		font-size: 24px;
		line-height: 28px;
		/* margin-top: 48px; */
	}

	.hero-slider {
		padding-top: 62px;
	}

	h1 span.contentTitleh1full {
		font-size: 24px;
		line-height: 28px;
		text-align: center;
	}

	h1 span.contentTitleh1full {
		&::before {
			right: 0;
			animation: unset;
			width: 140%;
			clip-path: unset;
			left: -20%;
		}
	}

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

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

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

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

}