@media(min-width: 481px) {}

@media(min-width: 768px) {

    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content .content-txtHome .wp-block-column {
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
    }

    /*-------------------- CONTENTPAGE -------------------*/
  	.grid-img{
		grid-gap: 20px!important;
		margin-bottom: 40px;
		margin-top: 50px!important;
	}
	
	.grid-img .blocthumb{
		margin-top: 1.5rem;
		height: 320px;
	}
	.grid-img .specialthumb{
		height: 299px;
	}
	.grid-img .tertiarythumb{
		margin-top: 1.5rem;
		height: 299px;
	}
	.grid-img .quaternarythumb{
		height: 360px;
	}
  .grid-img img
  {
    height: 100%;
    object-fit: cover;
  }
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    .grid-img {
        grid-gap: 20px !important;
        margin-bottom: 40px;
        margin-top: 50px !important;
    }

    .grid-img .blocthumb {
        margin-top: 1.5rem;
        height: 320px;
    }

    .grid-img .specialthumb {
        height: 299px;
    }

    .grid-img .tertiarythumb {
        margin-top: 1.5rem;
        height: 299px;
    }

    .grid-img .quaternarythumb {
        height: 360px;
    }

    #prestations .ckslidercontrols .next {
        right: 0;
    }

    #prestations .ckslidercontrols .prev {
        right: 48px;
        left: auto;
    }

    #prestations .ckslidercontrols .prev,
    #prestations .ckslidercontrols .next {
        --size: 45px;
        top: 120px;
        border-radius: 0;
        margin: 0;
        bottom: auto;
    }

    #prestations .ckctrldiv {
        bottom: 50px;
        transform: none;
        left: auto;
        right: 9%;
    }

    #prestations .wrapContent-presta {
        padding-top: 80px;
        padding-right: 2px;
    }

    #prestations .prestations-img .specialthumb {
        width: 90%;
        height: 325px;
    }

    #prestations .prestations-img .tertiarythumb {
        width: 85%;
        left: 23%;
        position: relative;
        margin-top: 37px;
        height: 390px;
        z-index: 2;
    }

    #prestations .wrapContent-presta .image_content {
        min-height: 605px;
    }

    /*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
    #galleryHome {
        position: relative;
        z-index: 2;
        margin: 100px 0;
    }

    #galleryHome .gallery {
        display: grid;
        width: 100%;
        grid-gap: 10px;
        transition: .6s;
        grid-template-columns: repeat(38, 1fr);
        max-width: 100%;
        grid-template-rows: repeat(7, 150px);
        position: relative
    }

    #galleryHome .gallery .gallery-item {
        grid-column: span 6;
        position: relative;
        width: 100% !important
    }

    #galleryHome .gallery .gallery-item:first-of-type {
        grid-row: span 2;
        grid-column: span 13;
        padding-top: 15px
    }

    #galleryHome .gallery .gallery-item:nth-child(2) {
        grid-column: span 9;
        grid-row: span 3;
        padding-top: 98px
    }

    #galleryHome .gallery .gallery-item:nth-child(3) {
        grid-column: span 12;
        grid-row: span 3
    }

    #galleryHome .gallery .gallery-item:nth-child(4) {
        grid-column: span 4;
        grid-row: span 3;
        padding-top: 55px
    }

    #galleryHome .gallery .gallery-item:nth-child(5) {
        grid-column: span 7;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(7) {
        grid-column: span 10;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(8) {
        grid-column: span 13;
        grid-row: span 3
    }

    #galleryHome .gallery .gallery-item:nth-child(9) {
        grid-column: span 7;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(10) {
        grid-column: span 7;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(11) {
        grid-column: span 8;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(12) {
        grid-column: span 8;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item .gallery-icon {
        height: 100% !important;
        position: relative
    }

    #galleryHome .gallery .gallery-item:first-child .gallery-icon {
        width: 55%;
        margin: 0 auto
    }

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news .wrapper_slider:first-of-type {
        grid-column: span 2;
        grid-row: span 3
    }

    #news .wrapper_slider:first-of-type .content_slider .title {
        min-width: 600px;
        position: relative;
        z-index: 2
    }

    #news .wrapper_slider:first-of-type .title_slider {
        font-size: 50px;
        text-shadow: 0 0 8px var(--black);
        line-height: 1.1;
        margin-bottom: 15px !important;
    }

    #news .wrapper_slider:first-of-type .wrapper_inner_slider {
        display: flex
    }

    #news .wrapper_slider:first-of-type .thumbnail_slider {
        order: 2;
        height: 650px;
        width: 50%
    }

    #news .wrapper_slider:first-of-type .content_slider {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-bottom: 100px;
    }

    #news .wrapper_slider:first-of-type .text_slider,
    #news .wrapper_slider:first-of-type .text_slider a {
        max-width: 80%;
        font-size: 16px;
    }
 /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .picto-bloc{
	    flex-direction: row;
	    padding-left: 160px;
	    margin: 20px 0;
	}
	#reassurances .picto-bloc:nth-child(odd){
	    flex-direction: row-reverse;
	    padding-left: 0;
	    padding-right: 160px;
	}
	
	#reassurances .picto-bloc:nth-child(1) .picto-content,
	#reassurances .picto-bloc:nth-child(3) .picto-content{text-align: right}

	
	.picto-container  .picto-img{
		width: 130px;
		height: 90px;
		left: 50%;
		top: 50%;
	}
	#reassurances .picto-bloc:nth-child(1) .picto-img{
		left: calc(50% - 77px);
		transform: rotate(-45deg);
		top: calc(50% - 133px);
	}
	
	
	#reassurances .picto-bloc:nth-child(2) .picto-img{
		transform: rotate(45deg);
		top: calc(50% - 66px);
		left: calc(50% + 19px);
		background: var(--secondary-color);
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img{
		transform: rotate(45deg);
		top: calc(50% - 38px);
		left: calc(50% - 144px);
		background: var(--secondary-color);
	}
	#reassurances .picto-bloc:nth-child(4) .picto-img{
		transform: rotate(-45deg);
		top: calc(50% + 28px);
		left: calc(50% - 48px);
		background: var(--primary-color);
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img .icon-box,
	#reassurances .picto-bloc:nth-child(2) .picto-img .icon-box{transform: rotate(-45deg);}
	
	#reassurances .picto-bloc:nth-child(1) .picto-img .icon-box,
	#reassurances .picto-bloc:nth-child(4) .picto-img .icon-box{transform: rotate(45deg);}
	
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
    #footer-coordonnees {
        border-top: solid 1px rgb(255 255 255 / 50%);
    }

    #footer-coordonnees .wrappercontent>div:not(:last-of-type) {
        border-right: solid 1px rgb(255 255 255 / 50%)
    }

    #infoouvertureFooter {
        order: -1;
    }
}

@media(min-width: 1025px) {

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #infoadresse {
        order: -1
    }

    #header-coordonnees div br {
        display: none
    }

    #logoCoordonnees {
        grid-row: span 3;
        order: -1;
        margin: 0px 30px;
    }

    #logoCoordonnees img {
        width: 300px;
        max-height: 130px;
        margin: -20px 0;
    }

    #header-coordonnees {
        margin: 20px auto 20px;
    }

    #header-coordonnees>:nth-child(1),
    #header-coordonnees>:nth-child(4) {
        padding: 0 24px 0 0;
        text-align: right
    }

    #header-coordonnees>:nth-child(1) span,
    #header-coordonnees>:nth-child(4) span {
        text-align: right
    }

    #headerSocial .sociblock .share-buttons {
        justify-content: flex-start
    }

    #header-coordonnees>:nth-child(1):before,
    #header-coordonnees>:nth-child(4):before {
        right: 0;
        left: auto
    }
    
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #navprimary {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border-bottom: 1px solid rgb(255 255 255 / 40%);
    }

    #navprimary .navigmenu {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .has-child-megamenu .naviglink.lvl-2 span {
        padding-left: 12px;
    }

    .has-child-megamenu .naviglink.lvl-2 span:before {
        content: "";
        --size: 5px;
        width: var(--size);
        height: var(--size);
        position: absolute;
        left: 0;
        border: solid 1px var(--primary-color);
        top: 12px;
        border-radius: 10px;
        transition: 250ms all ease-in-out;
    }

    .has-child-megamenu .naviglink.lvl-2:hover span:before {
        background: var(--primary-color);
    }

    #headerHome-accroche {
        max-width: 800px;
        font-size: 3em;
        line-height: 1;
    }

    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content .content-imgHome {
        max-width: 820px;
        width: 100%;
    }

    .home #content .content-imgHome {
        padding: 0 90px;
        top: -250px;
        margin-bottom: -200px;
    }

    .home #content .content-imgHome .wp-block-column:first-of-type .wp-block-image {
        top: 105px;
        height: 295px;
    }

    .home #content .content-imgHome .wp-block-column:last-of-type .wp-block-image {
        height: 520px;
    }

   /*-----------------*/
	/* CONTENTPAGE */
	/*-----------------*/
  #contentPage :is(blockquote, .wp-block-quote)
  {
    margin-top: 0!important;
  }
  #contentPage .wp-block-buttons
  {
    margin-top: 30px;
  }
	.specialIntro{overflow: hidden;}
	 #intro-content .intro-txt{
		max-width: 870px;
		margin: 80px auto 0;
	} 
	#intro-content .intro-txt.small{
		max-width: 500px;
		padding-right: 40px;
		margin: 0 14% 0 auto;
	}
	.grid-img{grid-gap: 30px!important;margin-bottom: -20px;}
	
	.grid-img .blocthumb{
		width: 200%;
		margin-left: -100%;
		margin-top: 1.5rem;
		height: 440px;
	}
	.grid-img .specialthumb{
		height: 299px;
		margin-top: 2.5rem;
	}
	.grid-img .tertiarythumb{
		margin-top: 5.5rem;
		height: 299px;
	}
	.grid-img .quaternarythumb{
		width: 200%;
		margin-right: -100%;
		height: 440px;
	}
 /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances-wrapper{padding: 170px 15px 180px;}
	.home #reassurances-wrapper{padding: 140px 15px;}
	#reassurances .picto-bloc{padding-left: 240px;}
	#reassurances .picto-bloc:nth-child(odd){padding-right: 240px;}

	.picto-container  .picto-img{
		width: 200px;
	    height: 120px;
	}
	#reassurances .picto-bloc:nth-child(1) .picto-img{
		left: calc(50% - 125px);
		top: calc(50% - 179px);
	}
	
	#reassurances .picto-bloc:nth-child(2) .picto-img{
		top: calc(50% - 90px);
		left: calc(50% + 19px);
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img{
		top: calc(50% - 34px);
		left: calc(50% - 214px);
	}
	#reassurances .picto-bloc:nth-child(4) .picto-img{
		top: calc(50% + 55px);
		left: calc(50% - 69px);
	}
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    #prestations>.wrappercontent .title {
        margin-bottom: 80px;
    }

    .specialIntro {
        overflow: hidden;
    }

    .prestations-content .content_link,
    .prestations-content .tc_excerpt {
        font-size: 18px;
    }

    #intro-content .intro-txt {
        max-width: 870px;
        margin: 80px auto 0;
    }

    #intro-content .intro-txt.small {
        max-width: 500px;
        padding-right: 40px;
        margin: 0 14% 0 auto;
    }

    .grid-img {
        grid-gap: 30px !important;
        margin-bottom: -20px;
    }

    .grid-img .blocthumb {
        width: 200%;
        margin-left: -100%;
        margin-top: 1.5rem;
        height: 440px;
    }

    .grid-img .specialthumb {
        height: 299px;
        margin-top: 2.5rem;
    }

    .grid-img .tertiarythumb {
        margin-top: 5.5rem;
        height: 299px;
    }

    .grid-img .quaternarythumb {
        width: 200%;
        margin-right: -100%;
        height: 440px;
    }


    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections {
        padding-top: 100px;
    }

    .sectionsbloc.even .wrap-text {
        max-width: 900px;
    }

    .sectionsbloc .specialthumb img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .sectionsbloc.section_num2 {
        padding-top: 110px;
    }

    .sectionsbloc.even {
        z-index: 2;
    }

    .sectionsbloc {
        gap: 0 30px;
    }

    .sectionsbloc.even .section_thumb .blocthumb {
        position: relative;
        /* height: calc(100% - 200px); */
        padding: 0;
        border-left: initial;
        border-top: initial;
        width: 100%;
    }

    .sectionsbloc.even .section_thumb {
        padding-bottom: 20px;
        height: calc(100% - 200px);
    }

    .sectionsbloc.odd .section_thumb,
    .sectionsbloc.odd .section_txt {
        grid-column: span 9;
    }

    .sectionsbloc.odd .secondary_thumb {
        display: none;
    }

    .sectionsbloc.odd .section_thumb {
        height: 800px;
        margin-top: -105px;
        filter: brightness(0.5);
    }

    .sectionsbloc.odd .section_txt {
        max-width: 1150px;
        margin: 0 auto;
        margin-top: -150px;
        width: 95%;
        background: var(--title-color);
    }

    .sectionsbloc.odd .section_txt,
    .sectionsbloc.odd .section_txt .title h2 {
        color: var(--white);
    }

    .sectionsbloc.even .buttons-wrap {
        padding-top: 60px;
    }

    .sectionsbloc .specialthumb {
        height: 70%;
        top: 5%;
        border: 10px solid var(--background-color);
    }

    .sectionsbloc.odd .section_thumb .blocthumb img {
        height: 130%;
    }

    .sectionsbloc.odd .wrap-text {
        column-count: 2;
        column-gap: 80Px;
    }

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news {
        padding: 120px 30px;
    }

    #news .wrapper_slider:first-of-type .text_slider a {
        line-height: 1.4;
        font-size: 19px;
    }

    #footer .overlayAfter::after {
        background: linear-gradient(to top, var(--black), #00000020);
        opacity: 0.9;
    }
}

@media(min-width: 1281px) {
    /*-----------------*/
	/* CONTENTPAGE */
	/*-----------------*/
	#intro-content .intro-txt{margin: 40px auto 0;}
 
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    #intro-content .intro-txt {
        margin: 40px auto 0;
    }

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb {
        margin-top: -125px;
    }

    .sectionsbloc.section_num1 {
        padding-bottom: 0;
    }
}

@media(min-width: 1481px) {


    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb .blocthumb {
        width: calc(100% - 150px);
        margin-left: auto;
    }
}

@media(min-width: 1681px) {}

@media(max-width: 1680px) {}

@media(max-width: 1480px) {

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text {
        padding: 100px 60px;
    }
}

@media(max-width: 1280px) {

    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    #prestations {
        padding: 150px 30px;
    }

    #prestations .prestations-content {
        padding: 50px 30px;
    }

    #prestations .ckctrldiv {
        right: 5%;
    }

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text {
        padding: 80px 50px;
    }
}

@media(max-width: 1024px) {

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #logoCoordonnees {
        order: -1;
    }

    #header-coordonnees {
        gap: 5px;
    }

    #header-coordonnees>div {
        max-width: 300px;
        width: 100%;
        margin: 8px auto;
    }

    #headerSocial .sociblock .share-buttons {
        justify-content: center;
    }

    .ckmenu {
        position: relative;
        z-index: 1000;
    }

    #header #logoCoordonnees {
        display: none;
    }

    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    .navigmenu .naviglink {
        font-size: 14px;
    }

    .navigmenu .naviglink.lvl-0:not(.item-logo) span:after {
        bottom: 0;
        height: 2px;
    }

    .has-child-megamenu .naviglink.lvl-2 {
        text-align: center;
    }

    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    #prestations {
        padding: 120px 20px;
    }

    #prestations .prestations-content {
        padding: 40px 14px 80px;
        gap: 30px;
    }

    .prestations-content .content_link,
    .prestations-content .tc_excerpt {
        font-size: 16px;
    }

    #prestations .ckctrldiv {
        right: 5%;
    }

    #prestations .prestations-content:before {
        border: none;
    }

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc {
        gap: 10px;
        padding: 010px;
    }

    .sectionsbloc .section_txt {
        margin: 0 auto;
        width: 100%;
        order: -1;
    }

    .sectionsbloc .wrap-text {
        padding: 50px 15px;
    }

    .sectionsbloc .specialthumb {
        height: 100%;
    }

    .sectionsbloc .section_thumb {
        order: 0 !important;
    }

    .sectionsbloc .secondary_thumb {
        height: 450px;
    }




    /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news .content-news {
        grid-gap: 0 30px
    }

    #news:after {
        content: none;
    }

    #news {
        padding: 80px 15px 190px;
        margin: 0;
    }

    #news .wrapper_slider {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #news .title_slider {
        font-size: 25px;
    }

    #news .wrapper_slider:first-of-type .text_slider,
    #news .wrapper_slider:first-of-type .text_slider a {
        line-height: 1.5;
    }

    #news .wrapper_slider:first-of-type .content_slider .title {
        min-width: 170%
    }

    #news .wrapper_slider:first-of-type .title_slider {
        font-size: 35px;
    }

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
    #footer-coordonnees .wrappercontent>div {
        padding: 45px 10px 20px 10px;
    }

    #footerLinks {
        flex-direction: column
    }
}

@media(max-width: 767px) {
    /*-------------------- CONTENTPAGE -------------------*/
    .grid-img {
	    margin: 20px 0 40px!important;
	    grid-gap: 3px!important;
	    grid-auto-rows: 150px;
	}
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .secondary_thumb {
        height: 300px;
    }
     /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li p strong{font-size: 20px;}
	.picto-container{
	    grid-template-columns: repeat(1, 1fr);
	    max-width: 500px;
	    margin: 0 auto;
	}
	.picto-container li{
		position: relative;
		padding: 0 0 0 64px;
		align-items: flex-start;
	}
	.picto-container li :is(svg, img){--size: 28px;}

    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    .home #prestations {
        padding: 60px 15px;
    }

    #prestations .prestations-content {
        height: 310px;
    }

    #prestations .prestations-content {
        top: 0;
    }

    #prestations {
        padding: 60px 15px;
    }

    .prestations-content .liresuite {
        margin-top: 0;
    }

    .grid-img {
        margin: 20px 0 40px !important;
        grid-gap: 3px !important;
        grid-auto-rows: 150px;
    }

    .prestations-img {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 200px;
        grid-gap: 4px;
        padding-bottom: 4px;
    }

    #prestations .wrapContent-presta .image_content {
        height: 250px;
        order: 1;
    }

    #prestations .ckctrldiv {
        bottom: 265px;
        right: 0;
        left: 0;
        justify-content: center;
        transform: none;
    }

    #prestations .ckslidercontrols .prev,
    #prestations .ckslidercontrols .next {
        bottom: 230px;
        --size: 40px;
        top: auto;
        transform: none;
    }

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news .wrapper_slider:first-of-type .wrapper_inner_slider {
        display: flex;
        flex-direction: column-reverse
    }

    #news .wrapper_slider:first-of-type .content_slider .title {
        min-width: auto
    }

    #news .title_slider,
    #news .wrapper_slider:first-of-type .title_slider {
        font-size: 22px;
    }

    #news .next_slider {
        margin-top: -10px
    }

    #news .wrapper_slider:first-of-type .thumbnail_slider {
        height: 200px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    #news .content-news {
        grid-gap: 20px 0;
    }

    #news {
        padding: 70px 15px 100px;
    }

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
    #footerForm {
        padding: 60px 15px 300px;
    }

    #footerForm #wrapperForm {
        padding: 40px 20px;
        max-width: 600px
    }

    #footer-coordonnees {
        bottom: 20px
    }

    #footer-coordonnees>.wrappercontent {
        flex-direction: column;
    }

    #footer-coordonnees .wrappercontent>div {
        border: none;
        max-width: 210px;
        margin: 0 auto;
        text-align: left;
        padding: 10px 0 10px 24px;
        align-items: flex-start;
    }

    #footer-coordonnees .wrappercontent>div:before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media(max-width: 480px) {

    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    #prestations .prestations-content {
        height: 350px;
    }

    #prestations .ckctrldiv {
        bottom: 260px;
    }

    #prestations .ckslidercontrols .prev,
    #prestations .ckslidercontrols .next {
        bottom: 230px;
    }

}
/* LIGNES DE CONSTRUCTION */
@media (max-width: 767px) {
    .line.o,
    .line.l2 { display: none; }
    .line.r1 { width: 1px; }
    .seam { height: 150px; right: 8%; }
    .seam-pillar { width: 8px; }
}