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

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

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

}

@media (max-width : 1410px) {
	section#slider-design-h .sp-layer.sp-black {
		width: 60%;
	}
}

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

	section#slider-top .container {
		position: relative;
		left: inherit;
		transform: none;
		width: 100%;

		.slider-text {
			transform: none !important;
			border-radius: 0;
			background-color: black;
			position: relative;
			box-shadow: none;
			padding: 20px;

			>div {
				transform: none !important;
			}
		}
	}

	.gauche-droite-primary {
		padding: 64px 64px 40px 64px;
	}

	.gauche-droite-container-primary {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 64px;

		.gauche-container {
			/* max-height: 400px; */

			img {
				width: 100%;
				object-fit: contain;
				top: -100px;
				position: relative;
			}
		}

		.droite {
			transform: none !important;
			border-radius: 0;
			padding: 0px;
			box-shadow: none;

			.droite-container {
				transform: none;
			}
		}
	}

	.gauche-droite-container.inverse {
		margin: 0;

		.gauche {
			padding: 32px;
		}
	}

	.gauche-droite-container-notinverse {
		.droite {
			padding: 32px;
		}
	}

	/* ------------------------------------------------------------
			MACARON ARTICLE.
	------------------------------------------------------------ */

	/* .macaron-stock{
		margin-left: auto;
		margin-right: auto;
		float: inherit;
	} */
	.macaron-price {
		font-size: 14px;
	}

	.macaron-price span span {
		font-size: 18px;
	}

	/* .macaron-price .center-content{
		width:72%;
	} */
	/* ------------------------------------------------------------
		PAGE
------------------------------------------------------------ */

	.page {
		margin: 0 0 0 0;
	}

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

	section#slider-top .container .slider-text h1 {
		font: 700 42px/52px 'Agrandir wide', sans-serif;
	}

	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: 12px;
		font-size: 16px;
		line-height: 1.5;
		margin: 12px 1% 0;
	}

	section#slider-design-h .sp-image-container:before {
		height: calc(100% + 2px);
	}

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

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

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

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

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

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

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

	.adress-list p {
		min-height: 140px;
	}
}

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

	.container.container-sm{
		width: 100%;
	}

	#partenaires .col-md-5{
		margin-top: 32px;
		max-width: calc(100% - 30px);
    	left: 15Px;
	}

	#partenaires .nocode_body{
		
	}

	body:not(.homepage) #slider-top::before {
		background: linear-gradient(0deg, black, #00000099, transparent);
	}

	.bloc-contact-info.first {
		margin: 0px auto 20px auto;
	}

	.slider-footer {
		margin-top: 0px;
	}

	.box-title {
		max-width: 100%;
        left: 0;
        padding: 0 8px;
	}

	.box-title p.header-content-description {
		font-size: 32px;
		line-height: 36px;
	}

	.box-title h1 {
		font-size: 48px;
		line-height: 48px;
	}

	.item {
		margin-bottom: 48px;

		h2 {
			font-size: 96px;
			line-height: 96px;
		}

		span {
			font-size: 96px;
		}
	}

	.gauche-droite-primary {
		padding: 32px 32px 20px 32px;

		.gauche-droite-container-primary {
			gap: 32px;
		}
	}

	.gauche-droite-container.inverse {
		flex-direction: column-reverse;

		.droite-container {
			/* max-height: 400px; */

			img {
				width: 100%;
				object-fit: contain;
				/* top: -100px; */
				position: relative;
			}
		}
	}

	#navbar-header {
		padding: 10px;
	}

	.gauche-droite-container-notinverse {
		flex-direction: column;

		.gauche-container {
			/* max-height: 400px; */

			img {
				width: 100%;
				object-fit: contain;
				/* top: -100px; */
				position: relative;
			}
		}
	}

	section#nos-velos {
		margin-top: 0;
		margin-bottom: 0;

		h2 {
			text-align: left;
		}
	}

	section#nos-marques .lSAction {
		display: block !important;
	}

	section#nos-velos .lSAction {
		display: block !important;
	}

	section#reassurance .lSAction {
		display: block !important;
	}

	section#nos-velos .lSAction>.lSPrev {
		left: -15px;
	}

	section#nos-velos .lSAction>.lSNext {
		right: -15px;
	}

	section#reassurance .lSAction>.lSPrev {
		left: 5px;
	}

	section#reassurance .lSAction>.lSNext {
		right: 5px;
	}

	section#nos-marques .lSAction>.lSPrev {
		left: -10px;
	}

	section#nos-marques .lSAction>.lSNext {
		right: -10px;
	}

	section#nos-marques {
		margin: 0;
		padding: 0 16px;
	}

	.mobile-space {
		margin-top: 50px;
	}

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

	body {
		padding: 0px;
		transition: none;
	}

	body.smaller {
		padding-top: 93px;
		transition: none;
	}

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

	header {
		height: auto;
		position: relative;
	}

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

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

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

	a.logo img {
		max-width: 200px;
	}

	/* ------------------------------------------------------------
		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-fluid {
		position: relative;
		padding: 0;
	}

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

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

	#navbar-header a.btn-mobile {
		display: inline-block !important;
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 16px;
		border-radius: 100%;
		text-align: center;
		border: 2px solid #000000;
		color: #000000;
		margin: 0 5px;
	}

	#navbar-header a.btn-phone {
		display: inline-block !important;
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 16px;
		border-radius: 100%;
		text-align: center;
		border: 2px solid #4CBDC5;
		background: #4CBDC5;
		color: #fff;
		margin: 0 5px;
	}

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

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

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

	nav#main-menu ul li {
		width: 100%;
		list-style: none;
		padding: 0;
		border-radius: 0 !important;
		margin: 0 !important;
		transform: none !important;
		padding: 0 !important;

		a {
			transform: none !important;
		}
	}

	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: 11px 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#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 'Agrandir wide', sans-serif;
		text-transform: uppercase;
		color: #000000;
		padding: 10px;
		display: block;
		text-align: center;
	}

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

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

	.ban-macaron {
		width: fit-content;
		height: auto;
		bottom: 24px;
		top: inherit !important;
		left: inherit;
		right: 24px;
		transform: skew(-10deg);
		border-radius: 0;
		padding: 10px 24px;
		border-radius: 3px;
	}

	.ban-macaron .center-content {
		transform: none;
		top: 0;
	}

	.ban-macaron span {
		display: inline;
	}

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

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

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

	/* ------------------------------------------------------------
		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.sp-black {
		padding: 48px;
		width: 100%;
		max-width: 480px;
	}

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

	section#slider-design-h .sp-layer h3 {
		font-size: 24px;
		line-height: 1.4;
		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 'Agrandir wide', sans-serif;
	}

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

	section#slider-design-h .sp-layer #macaron-action-speciale {
		width: 210px;
		font-size: 16px;
		font-weight: 1.5;
	}

	section#slider-design-h .sp-layer #macaron-action-speciale span.price {
		font-size: 18px;
	}

	section#slider-design-h .sp-image {
		height: 100% !important;
	}

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

	.txt-large {
		font: 400 18px/26px 'Agrandir wide', 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 'Agrandir wide', sans-serif;
	}

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

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

	.type_8 .block_article {
		width: 100%;
		min-height: auto;
	}

	.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: 10px 25px;
	}

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

	.macaron-price {
		font-size: 12px;
		padding: 6px 12px;
		top: 18px;
		left: 18px;
	}



	/* ------------------------------------------------------------
		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 : 768px) {
	.content_articles {
		grid-template-columns: 1fr;
	}

	#avantages{
		margin: 0;
	}

	.box-title h1:after{
		width: 100%;
        top: -92%;
	}

	.avantages_textes p span{
		font-size: 28px;
		line-height: 1.1;
	}

	#avantages .col-xs-12{
		padding: 0;
	}

	.avantages_body{
		/* border-radius: 0; */
	}

	.box-title h1:before{
		transform: rotate(0deg) translateX(0%);
		position: relative;
		margin-bottom: 8px;
	}

	.avantages_textes {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 32px;
	}

	.avantages_textes .module_declerc_partenaires{
		width: 100%;
	}

	.legal-emprunt {
		font-size: 20px;
	}

	.item {
		margin-bottom: 48px;

		h2 {
			font-size: 64px;
			line-height: 64px;
		}

		span {
			font-size: 64px;
		}
	}

	section#nos-velos .lightSlider {
		padding: 48px 0 0 0;
	}

	.nav-bloc {
		padding: 0;
	}

	.gauche-droite-container-primary {
		& .gauche-container {
			img {
				top: 0;
			}
		}
	}

	h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.macaron-area .macaron-price--slider {
		width: 140px;
		height: 140px;
	}

	.macaron-area .macaron-price--slider p {
		font-size: 13px;
		padding-top: 4px;
	}

	.macaron-area .macaron-price--slider p span {
		font-size: 20px;
	}

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

	section#slider-top .container .slider-text h1 {
		font-size: 24px;
		line-height: 1.2;
		/* text-align: center; */
		/* margin-bottom: 5px; */
	}

	section#slider-top .container .slider-text h1 span {
		font-size: 20px;
		line-height: 1.2;
	}

	section#slider-top .container .slider-text h1 {
		width: inherit;
	}

	section#slider-design-h .sp-image-container:before {
		display: none;
		right: 20%;
		left: auto;
	}

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

	/* ------------------------------------------------------------
		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: 100%;
		margin: 0;
	}

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

	.center-content {
		margin: 0 auto;
	}

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

	section#slider-design-h .sp-layer.sp-black {
		position: relative;
		max-width: 100%;
		margin-top: 0 !important;
		border-radius: 0;
		transform: scale(1) skewX(0deg) !important;
	}

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

	section#slider-design-h .sp-layer.sp-black>* {
		transform: translate(0, -50%) skewX(0deg);
	}

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

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

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

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

	.section-small {
		padding: 40px 15px;
		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;
		padding: 40px 0;
	}

}

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

	.gauche-droite-primary {
		padding: 16px;
	}

	#a_scrolltotop{
		bottom: 0;
		right: 0;
	}

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

	a.logo img {
		max-width: 180px;
	}

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

	.adress-list {
		width: 100%;
		margin: 0;
		float: left;
	}

	.adress-list p {
		min-height: 0;
	}

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

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

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

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

	.type_12 .block_article {
		/* min-height:1600px; */
		height: auto;
	}

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

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

	section#slider-design-h .sp-layer.sp-black {
		max-width: 100%;
		margin: 0 !important;
		transform: none !important;
		border-radius: 0;
	}

	section#slider-design-h .sp-layer.sp-black>* {
		transform: translateY(-50%);
	}

	section#slider-top .container .slider-text {}

	.ban-macaron {
		width: fit-content;
		max-width: 70%;
		font-size: 12px;
		line-height: 1.5;
	}
}


@media (max-width : 320px) {
	section#slider-top .container .slider-text h1 {
		font-size: 18px;
		line-height: 1;
	}

	.btn {
		padding: 7px 10px;
	}
}