@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) {

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

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

	.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: 90%;
	}

	/* ------------------------------------------------------------
		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 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;
		padding: 40px 0;
	}

}

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

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

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