@media screen and (min-width: 1531px) and (max-width: 1695px) {

	.navbar {
		padding: 0px 40px 0 40px;
		gap: 20px;
	}

	.SelecteurLangue {
		margin-left: 10px;
	}


	ul#menu-entete {
		gap: 10px;
	}


}


@media screen and (min-width: 1025px) and (max-width: 1440px) {


	.svg-overlay {
		position: absolute;
		bottom: 120px;
		left: -25%;
		width: 100%;
		height: 450px;
	}


	.cadreintern {
		width: 100%;
		padding: 0 15px;
		left: 50%;
		text-align: left;
		top: 50%;
	}

	.ItemSliderHome img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		max-width: 945px;
		height: 600px;
		border-radius: 20px;
	}

	.flexSliderArrow {
		display: flex;
		gap: 10px;
		position: absolute;
		bottom: 50px;
		z-index: 1;
		right: 5%;
	}

	.cadreintro .signature {
		width: 268px;
		height: 100px;
		position: absolute;
		bottom: -55px;
		right: 40%;
	}

	.titrebase.grandtitre :is(h1, h2, h3, h4, h5),
	.titresolution {
		font-size: 2.6em;
	}

	.paddingld120 {
		padding-left: 30px;
		padding-right: 50px;
	}

	span#imagegif1,
	span#imagegif2 {
		width: 129px;
		height: 55px;
		display: inline-flex;
	}

	footer.footerbg {
		background: #F5F3E6;
		position: relative;
		padding: 0 30px;
	}

	.tax-campaign section#block_image_texte {
		position: relative;
		padding: 0 20px;
	}

	.tax-campaign .titrebase.trait :is(h1, h2, h3, h4, h5):after {
		left: -245px !important;
		width: 280px !important;
		top: 15px;
	}

	section#Choix6Suite {
		margin: 0 15px;
		padding: 0 25px;
	}

	.single .cntTitle {
		max-width: 90%;
		margin-left: 30px;
	}

	.gridSingle {
		display: flex;
		gap: 50px 70px;
		padding-bottom: 30px;
		padding: 0 20px;
	}

	.CoteGauche {
		font-size: 1em !important;
	}

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4,
	.gridSingle h2,
	.full h3,
	.full h4 {
		font-size: 2.6em !important;
	}


	.realisations-fiche .ct-slider .slick-slide {
		max-height: 430px;
		height: 430px;
	}

	.flextendances,
	.flexrealisations {
		display: flex;
		gap: 10px;
		margin-top: 15px;
	}

	body.archive.tax-campaign .Grid_bdi .image_bdi {
		height: 400px !important;
	}

}



@media screen and (min-width: 851px) and (max-width: 1024px) {


	.svg-overlay {
		position: absolute;
		bottom: 120px;
		left: -13%;
		width: 100%;
		height: 450px;
	}


	.cadreintern {
		width: 100%;
		padding: 0 15px;
		left: 50%;
		text-align: left;
		top: 50%;
	}

	.ItemSliderHome img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		max-width: 945px;
		height: 600px;
		border-radius: 20px;
	}

	.flexSliderArrow {
		display: flex;
		gap: 10px;
		position: absolute;
		bottom: 50px;
		z-index: 1;
		right: 5%;
	}

	.cadreintro .signature {
		width: 268px;
		height: 100px;
		position: absolute;
		bottom: -55px;
		right: 40%;
	}

	.titrebase.grandtitre :is(h1, h2, h3, h4, h5),
	.titresolution {
		font-size: 2.6em;
	}

	.paddingld120 {
		padding-left: 30px;
		padding-right: 50px;
	}

	span#imagegif1,
	span#imagegif2 {
		width: 129px;
		height: 55px;
		display: inline-flex;
	}

	footer.footerbg {
		background: #F5F3E6;
		position: relative;
		padding: 0 30px;
	}

	.tax-campaign section#block_image_texte {
		position: relative;
		padding: 0 20px;
	}

	.tax-campaign .titrebase.trait :is(h1, h2, h3, h4, h5):after {
		left: -245px !important;
		width: 280px !important;
		top: 15px;
	}

	section#Choix6Suite {
		margin: 0 15px;
		padding: 0 25px;
	}

	.single .cntTitle {
		max-width: 90%;
		margin-left: 30px;
	}

	.gridSingle {
		display: flex;
		gap: 50px 70px;
		padding-bottom: 30px;
		padding: 0 20px;
	}

	.CoteGauche {
		font-size: 1em !important;
	}

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4,
	.gridSingle h2,
	.full h3,
	.full h4 {
		font-size: 2em !important;
	}


	.realisations-fiche .ct-slider .slick-slide {
		max-height: 430px;
		height: 430px;
	}

	.flextendances,
	.flexrealisations {
		display: flex;
		gap: 10px;
		margin-top: 15px;
	}

	body.archive.tax-campaign .Grid_bdi .image_bdi {
		height: 400px !important;
	}

	details.accordion summary.accordion__title {
		list-style-type: none;
		cursor: pointer;
		font-size: 1.1rem !important;
		padding-right: 35px !important;
	}


}


@media screen and (max-width: 850px) {


	.navbar {
		padding: 0 15px;
		padding-top: 10px;
	}

	.btn.ouverturemenu {
		margin-top: 0;
	}

	.espace-menu {
		width: 100%;
	}

	.flex-entete-d,
	.flex-entete-g {
		min-width: auto;
	}

	.btn.telephoner {
		display: none;
	}


	.logo img {
		padding: 0;
		width: 110px;
		height: 50px;
		position: relative;
		top: 10px;
	}

	ul#menu-entete li a {
		font-size: 1.8em;
	}

	.navbar .espace-menu .grid-reseaux {
		position: absolute;
		bottom: 10px;
		flex-direction: column;
		margin-left: -150px !important;
		bottom: 180px !important;
	}

	ul#menu-entete {
		padding: 0;
		margin: 0;
		margin-top: -160px;
	}


	.coingauche {
		display: none;
	}

	.menucoveryne:hover:before,
	.menurevetements:hover:before,
	.menuvitrophanie:hover:before {
		width: 200px;
		height: 90px;
		position: absolute;
		left: -140px;
		border-radius: 20px;
		background-size: cover !important;
		top: -8px;
		background-position: center -50px !important;
	}

	/* SLIDER  */


	.single .cntTitle {
		max-width: 90%;
		margin-left: 20px;
	}


	.svg-overlay {
		position: absolute;
		bottom: 10px;
		left: 2%;
		width: 100%;
		height: 450px;
	}

	.cadreintern h1,
	.cadreintern h2,
	.cadreintern h3 {
		font-size: 2.2em;
	}


	.ItemSliderHome,
	#home_slider,
	#home_slider .overflowhiddenSlider {
		height: 470px;
	}

	.realisations-fiche .ct-slider .slick-slide {
		height: 360px;
	}

	.flexSliderArrow div {
		width: 50px;
		height: 50px;
		margin-bottom: 0;
	}

	.flexSliderArrow {
		bottom: 20px;
	}


	.cadreintern p br {
		display: none;
	}

	div#banniereIntern {
		height: 40vh;
	}

	.cadreintern {
		width: 100%;
		padding: 0 15px;
		left: 50%;
		text-align: left;
		top: 50%;
	}

	.cadreintern .btn {
		font-size: 0.7em !important;
		margin: 0;
	}


	/* GRID */

	.fl-node-y5ncoph4e78w .fl-module-box,
	.video2 .fl-module-box,
	.fl-node-qyk0fswz1m3c .fl-module-box,
	.grid-tax,
	.gridpacks,
	.infinite-scroll-posts-grid,
	.griddbtexte,
	.grid-projet,
	.Grid-33 {
		grid-template-columns: 1fr !important;
	}

	.fl-node-u1zkejc6i2bp.fl-module-box {
		gap: 0;
	}

	#Choix6Suite .infinite-scroll-posts-grid {
		padding: 0 10px;
		grid-template-columns: 1fr 1fr 1fr !important;
	}


	/* PAD MARG */

	.paddingld50 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.paddingld120 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.CarouDecalage .item {
		margin-right: 20px;
	}

	section#block_image_texte {
		margin: 0 15px;
	}

	.grid-projet {
		padding: 0 30px;
	}

	.padding40 {
		padding-top: 20px !important;
		padding-bottom: 30px !important;
	}

	.flextendances,
	.flexrealisations {
		display: flex;
		gap: 10px;
		margin-top: 10px;
	}


	.padding60 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}


	.gridSingle {
		display: flex;
		flex-direction: column;
		margin: 0 15px;
	}

	.flex-form {
		padding: 0px;
		margin: 0 15px;
	}

	.Grid-33 {
		padding: 0 15px !important;
	}

	.infinite-scroll-posts-grid {
		padding: 0 10px;
	}


	.solutions {
		margin-bottom: 0;
	}


	/* HAUTEUR & DIMENSION  */


	/* TEXTE  */

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4 {
		font-size: 1.6em;
	}

	.titrebase :is(h1, h2, h3, h4) br {
		display: block;
	}

	.full h3,
	.full h4,
	.gridSingle h2 {
		font-size: 1.8em !important;
	}

	.titrebase.grandtitre :is(h1, h2, h3, h4, h5) {
		font-size: 1.8em;
	}

	.fl-rich-text br {
		display: none;
	}

	.titresolution {
		font-size: 1.8em;
	}

	details.accordion summary.accordion__title {
		font-size: 1.1rem !important;
		padding-right: 45px !important;
	}

	.CoteGauche {
		font-size: 1em !important;

	}


	/* DECOR  */


	.confiance-slider:before,
	.confiance-slider:after {
		width: 150px;
	}


	.CarouDecalage .CadreActiviteImage,
	.infinite-scroll-posts-grid .CadreActiviteImage,
	.CarouDecalage .carou_rea,
	.BoxListing {
		height: 340px !important;
	}

	.cadreimgbase,
	.cadreimgbase div {
		height: 270px;
	}


	.cadreimgbase.taille2,
	.cadreimgbase.taille2 div {
		height: 290px;
	}

	span#imagegif1,
	span#imagegif2 {
		width: 90px;
		position: relative;
		top: 10px;
	}

	.CadreSolutionImage,
	body.archive.tax-campaign .Grid_bdi .image_bdi {
		height: 310px !important;
	}

	.solutions .minicadrefleche {
		width: 50px;
		height: 50px;
		top: 30px;
	}

	.cadreintro .blockmg1 {
		width: 280px;
		height: 135px;
		margin-left: inherit;
	}

	.cadreintro .blockmg3 {
		width: 280px;
		height: 135px;
		margin-left: auto;
		margin-right: 50px;
	}

	.cadreintro .signature {
		width: 240px;
		height: 89px;
		position: absolute;
		bottom: -35px;
		right: 30%;
	}


	.CarouDecalage .minicadrefleche,
	.infinite-scroll-posts-grid .minicadrefleche,
	.flextendances div,
	.flexrealisations div,
	.BoxListing .minicadrefleche {
		width: 50px !important;
		height: 50px !important;
	}

	.titrebase.trait :is(h1, h2, h3, h4, h5):after {
		left: -80px !important;
		width: 110px !important;
		top: 13px !important;
	}

	/* FOOTER  */

	.main-footer {
		display: grid;
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"logo"
			"nav"
			"reservation"
			"credits";
		color: #fff;
		padding: 30px 20px;
		gap: 10px 50px;
		max-width: 1200px;
		margin: auto;
	}

	.footer-nav {
		margin-left: 0;
	}


	.reseaux-logo .container {
		justify-content: space-between;
		flex-direction: column;
		padding: 15px;
		align-items: flex-start;
	}

	ul.reseauxsociaux {
		list-style: none;
		flex-direction: column;
		gap: 5px;
	}

	.reseauxsociaux li {
		margin-right: 60px !important;
		margin-left: 0 !important;
	}

	.footer-reservation,
	.footer-nav {
		padding-left: 0;
	}

	.footer-credits ul,
	.footer-credits .container {
		flex-direction: column;
		width: 100%;
		padding: 15px;
	}


	.footerbg .grid-reseaux strong {
		display: none;
	}


}



@media screen and (max-width: 430px) {


	.navbar {
		padding: 0 15px;
		padding-top: 25px;
	}


	.btn.ouverturemenu {
		margin-top: 0;
	}


	.espace-menu {
		width: 380px;
	}


	.flex-entete-d,
	.flex-entete-g {
		min-width: auto;
	}

	.btn.telephoner {
		display: none;
	}


	.logo img {
		padding: 0;
		width: 110px;
		height: 50px;
		position: relative;
		top: 10px;
	}

	ul#menu-entete li a {
		font-size: 1.4em;
	}

	.navbar .espace-menu .grid-reseaux {
		position: absolute;
		bottom: 10px;
		flex-direction: column;
		margin-left: -59px;
	}

	ul#menu-entete {
		padding: 0;
		margin: 0;
		margin-top: -50px;
	}


	.coingauche {
		display: none;
	}

	.menucoveryne:hover:before,
	.menurevetements:hover:before,
	.menuvitrophanie:hover:before {
		width: 200px;
		height: 90px;
		position: absolute;
		left: -140px;
		border-radius: 20px;
		background-size: cover !important;
		top: -8px;
		background-position: center -50px !important;
	}

	/* SLIDER  */


	.single .cntTitle {
		max-width: 90%;
		margin-left: 20px;
	}


	.svg-overlay {
		position: absolute;
		bottom: 10px;
		left: 2%;
		width: 100%;
		height: 450px;
	}

	.cadreintern h1,
	.cadreintern h2,
	.cadreintern h3 {
		font-size: 2.2em;
	}


	.ItemSliderHome,
	#home_slider,
	#home_slider .overflowhiddenSlider {
		height: 470px;
	}

	.realisations-fiche .ct-slider .slick-slide {
		height: 360px;
	}

	.flexSliderArrow div {
		width: 50px;
		height: 50px;
		margin-bottom: 0;
	}

	.flexSliderArrow {
		bottom: 20px;
	}


	.cadreintern p br {
		display: none;
	}

	div#banniereIntern {
		height: 40vh;
	}

	.cadreintern {
		width: 100%;
		padding: 0 15px;
		left: 50%;
		text-align: left;
		top: 42%;
	}

	.cadreintern .btn {
		font-size: 0.7em !important;
		margin: 0;
	}


	/* GRID */

	.fl-node-y5ncoph4e78w .fl-module-box,
	.video2 .fl-module-box,
	.fl-node-qyk0fswz1m3c .fl-module-box,
	.fl-module-box,
	.grid-tax,
	.gridpacks,
	.infinite-scroll-posts-grid,
	.griddbtexte,
	.Grid_bdi,
	.tax-campaign .gridImageTexte,
	.grid-projet,
	.Grid-33,
	#slide_realisations .Grid-3 {
		grid-template-columns: 1fr !important;
	}

	.fl-node-u1zkejc6i2bp.fl-module-box {
		gap: 0;
	}

	#Choix6Suite .infinite-scroll-posts-grid {
		padding: 0 10px;
		grid-template-columns: 1fr !important;
	}


	/* PAD MARG */

	.paddingld50 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.paddingld120 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.CarouDecalage .item {
		margin-right: 0;
	}

	section#block_image_texte {
		margin: 0 15px;
	}

	.grid-projet {
		padding: 0 30px;
	}

.padding40 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

	.flextendances,
	.flexrealisations {
		display: flex;
		gap: 10px;
		margin-top: 10px;
	}


	.padding60 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}


	.gridSingle {
		display: flex;
		flex-direction: column;
		margin: 0 15px;
	}

	.flex-form {
		padding: 0px;
		margin: 0 15px;
	}

	.Grid-33 {
		padding: 0 15px !important;
	}

	.infinite-scroll-posts-grid {
		padding: 0 10px;
	}


	/* HAUTEUR & DIMENSION  */


	/* TEXTE  */

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4 {
		font-size: 1.6em;
	}

	.titrebase :is(h1, h2, h3, h4) br {
		display: block;
	}

	.full h3,
	.full h4,
	.gridSingle h2 {
		font-size: 1.8em !important;
	}

	.titrebase.grandtitre :is(h1, h2, h3, h4, h5) {
		font-size: 1.8em;
	}

	.fl-rich-text br {
		display: none;
	}

	.titresolution {
		font-size: 1.8em;
	}

	details.accordion summary.accordion__title {
		font-size: 1.1rem !important;
		padding-right: 45px !important;
	}

	.CoteGauche {
		font-size: 1em !important;
	}


	/* DECOR  */


	.confiance-slider:before,
	.confiance-slider:after {
		width: 150px;
	}


	.CarouDecalage .CadreActiviteImage,
	.infinite-scroll-posts-grid .CadreActiviteImage,
	.CarouDecalage .carou_rea,
	.BoxListing {
		height: 340px !important;
	}

	.cadreimgbase,
	.cadreimgbase div {
		height: 270px;
	}


	.cadreimgbase.taille2,
	.cadreimgbase.taille2 div {
		height: 290px;
	}

	span#imagegif1,
	span#imagegif2 {
		width: 90px;
		position: relative;
		top: 10px;
	}

	.CadreSolutionImage,
	body.archive.tax-campaign .Grid_bdi .image_bdi {
		height: 310px !important;
	}

	.solutions .minicadrefleche {
		width: 50px;
		height: 50px;
		top: 30px;
	}

	.cadreintro .blockmg1 {
		width: 280px;
		height: 135px;
		margin-left: inherit;
	}

	.cadreintro .blockmg3 {
		width: 280px;
		height: 135px;
		margin-left: auto;
		margin-right: 50px;
	}

	.cadreintro .signature {
		width: 240px;
		height: 89px;
		position: absolute;
		bottom: -35px;
		right: 30%;
	}


	.CarouDecalage .minicadrefleche,
	.infinite-scroll-posts-grid .minicadrefleche,
	.flextendances div,
	.flexrealisations div,
	.BoxListing .minicadrefleche {
		width: 50px !important;
		height: 50px !important;
	}


	/* FOOTER  */

	.main-footer {
		display: grid;
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"logo"
			"nav"
			"reservation"
			"credits";
		color: #fff;
		padding: 30px 20px;
		gap: 10px 50px;
		max-width: 1200px;
		margin: auto;
	}

	.footer-nav {
		margin-left: 0;
	}


	.reseaux-logo .container {
		justify-content: space-between;
		flex-direction: column;
		padding: 15px;
		align-items: flex-start;
	}

	ul.reseauxsociaux {
		list-style: none;
		flex-direction: column;
		gap: 5px;
	}

	.reseauxsociaux li {
		margin-right: 60px !important;
		margin-left: 0 !important;
	}

	.footer-reservation,
	.footer-nav {
		padding-left: 0;
	}

	.footer-credits ul,
	.footer-credits .container {
		flex-direction: column;
		width: 100%;
		padding: 15px;
	}


	.footerbg .grid-reseaux strong {
		display: none;
	}


}