@media not all and (min-resolution:.001dpcm) { 
	@media {
    /*
      MEDIA QUERIES POUR CIBLER SAFARI UNIQUEMENT
     */   
    
    }
}
@media(min-width: 481px){}

@media(min-width: 768px){
	/*-----------------*/
	/* 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;
        padding: 100px 0;
    }

    #galleryHome .gallery {
        grid-gap: 10px;
        grid-template-columns: repeat(38,1fr);
        grid-template-rows: repeat(7,120px);
    }

    #galleryHome .gallery .gallery-item {grid-column: span 6;}

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

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#headerGrid{
		grid-template-areas:
			"headerCoordonnees"
			"navprimary";
		grid-template-columns: 1fr;
	}
   
    #logo{display: none;}
	#header-coordonnees>div br { display: none;}
    #header-coordonnees{
        padding: 8px;
        grid-template-columns: repeat(3, 1fr);
        display: grid;
    }
	#header-coordonnees > div{grid-area: auto;margin: 7px 0;}
	#header-coordonnees > div:first-child{order: -1;}
	
	#header-coordonnees .rightHeader{
		padding-left: initial;
		padding-right: 25px;
		text-align: right;
	}
	#header-coordonnees .rightHeader:before {
	    left: initial;
	    right: 0;
	}
	#header-coordonnees .headerCoordonnees_vide{
		order: -1;
		grid-row: span 2;
	}
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #navprimary {
        background: var(--tertiary-color);
        border-radius: 3px;
        max-width: 97%;
        margin: 0 auto;
        padding: 0 10px;
        width: 100%;
    }
	#navprimary .navigmenu .naviglink.lvl-0.item-logo{
		border-radius: 50%;
		--size: 190px;
		width: var(--size);
		height: var(--size);
		background: var(--white);
		display: flex;
		align-items: center;
		justify-content: center;
		margin: -70px 10px;
	}
	#navprimary .navigmenu .naviglink.lvl-0.item-logo span{background-size: 93%;}
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content {padding: 270px 20px 20px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content{
	    overflow: hidden;
	    padding: 120px 30px;
	}
    .home #content .blocthumb{height: 460px;}
    .home #content .tc_content .wp-block-image{
	    padding-left: 30px;
	    height: 100%;
    }
    .home #content .tc_content .wp-block-image a{height: 100%;}
    .home #content .tc_content .wp-block-image img{
	    height: 100%;
	    object-fit: cover;
    }
    .home #content #content-body .tc_content{
	    padding-left: 22%;
	    width: 120%;
	    padding-top: 90px;
    }

    .home #content .tertiarythumb,
    .home #content .quaternarythumb,
    .home #content .specialthumb{
		position: absolute;
	    left: 0;
    }
    .home #content .tertiarythumb{
	    width: 8.7%;
	    height: 240px;
	    top: 390px;
    }
    .home #content .quaternarythumb{
	    left: auto;
	    right: 0;
	    width: 9.5%;
	    top: 175px;
	    height: 400px;
    }
    .home #content .specialthumb{
	    width: 23%;
	    left: -20%;
	    bottom: -370px;
	    top: auto;
	    z-index: 1;
	    height: 320px;
    }
	.home #content .linkTurn{
		left: 9%;
		top: 20em;
	}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances{padding: 140px 15px;	}	
	.nohome #reassurances {padding: 120px 15px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations > .wrappercontent .title{margin-bottom: 80px;}
	.specialIntro{overflow: hidden;}
	.prestations-content .content_link, 
	.prestations-content .tc_excerpt{font-size: 15px;}
	 #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;
	}

	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news {padding: 150px 0 100px;}
	#news .newsdate{min-width: 150px;}
    #news:before {
         background: var(--light-color);
         width: 75%;
    }
    #news .left {
        padding-left: 30px;
        max-width: 500px;
        margin-left: auto;
        z-index: 2
    }

	#news .wrapperActu{padding-top: 40px;}

    #news .left .title {
		margin-top: 100px;
		margin-bottom: 50px;
	}
	#news .left .title .separator{margin-bottom: 0;}
    #news .titleImg {height: 360px;}

    #news .right:before {
        background: var(--background-color);
        width: calc(100% + 200Px);
        height: calc(100% + 200px);
        left: initial;
        right: 0;
        top: -50px
    }

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

    #news .hoverActif .content_slider {padding-left: 30px}

    #news .content_slider {transition: all .4s}
    #news .hoverActif .thumbnail_slider {
        height: 300px;
        transition: all .8s;
        width: 120%;
        transform-origin: center
    }

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc {grid-template-columns: repeat(1,1fr)!important}

    .sectionsbloc .specialthumb {display: none}
    .sectionsbloc .section_thumb .blocthumb img {height: 140%}
    .sectionsbloc .section_thumb .blocthumb {overflow: hidden}

    .sectionsbloc.even {z-index: 2}
	 .sectionsbloc.even:not(:first-child){padding-top: 160px;}
	
    .sectionsbloc.even .section_thumb {
        height: 60vh;
        min-height: 300px;
        order: -1
    }
    .sectionsbloc.even .section_txt {
        margin-top: -150px;
        width: 90%
    }
    
    .sectionsbloc.odd .section_thumb {order: 2}
    .sectionsbloc.odd {
        padding-top: 300px;
        margin-left: 0;
        margin-bottom: 110px;
    }

    .sectionsbloc.odd .section_thumb {
        position: absolute;
        top: 15%;
        bottom: 0;
        height: 70%;
    }

    .sectionsbloc.odd .section_thumb .blocthumb {width: 40%}

    .sectionsbloc.odd .specialthumb {
        top: 0;
        right: 0;
        z-index: -2;
        width: 70vw;
        top: -680px;
        bottom: 46vh;
        display: block;
        position: absolute;
        background: var(--white)
    }

    .sectionsbloc.odd .specialthumb img {opacity: .3}

    .sectionsbloc.odd .section_txt {
        width: 65%;
        margin-left: 35%;
        max-width: initial;
        z-index: 1
    }
	#sections .section_txt .wp-block-media-text__content{
		padding-top: 0;
		padding-bottom:0;
	}
	#sections .section_txt .wp-block-media-text{margin-bottom: 0;}


	 /*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome{
		padding: 50px 0;
	}
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
        margin-top: -125px;
        padding: 50px;
        width: 94%
    }
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 120px 20px;
        padding-bottom: 250px
    }

    body:not(.template-contact-php) #footerLinks {padding: 40px 20px}

	#infoadresseFooter br,
	#infoouvertureFooter br{display: none;}
	#infoouvertureFooter small{display: block;}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header:before {
        content: "";
        position: absolute;
        top: 0;
        width: calc(100% - 100px);
        max-width: 1400px;
        height: calc(100% - 30px);
        border: 1px solid var(--white);
        border-top: 0;
        left: 50%;
        z-index: -1;
        pointer-events: none;
        transform: translateX(-50%);
        opacity: 0.5;
    }
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content {padding: 310px 20px 20px;}
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary .navigmenu .naviglink.lvl-0.item-logo{
		margin: -90px 30px;
		--size: 230px;
	}
	#navprimary .navigmenu .naviglink.lvl-0.item-logo span{background-size: 98%;}
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content .tc_content .wp-block-image{ padding-left: 50px;}
    .home #content .quaternarythumb{ width: 12.5%;}
    .home #content .specialthumb{
	    width: 38%;
	    left: -48%;
	    bottom: -320px;
	    height: 400px;
    }
	.home #content .linkTurn{
		left: 7%;
		top: 10em;
	}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#intro-content .intro-txt{margin: 40px auto 0;}
	
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

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

@media(min-width: 1681px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content .tc_content .wp-block-image{ padding-left: 100px;   }
    .home #content .quaternarythumb{
	    right: 4%;
	    width: 16.5%;
    }
}

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

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

@media(max-width: 1280px){

	 /*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0 {padding: 25px 12px;}
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .wrapActu{grid-gap: 30px;}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .wrappercontent.medium{max-width: 740px;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations{ padding: 150px 30px;}
	#prestations .prestations-content{padding: 50px 30px;}
	#prestations .ckctrldiv{right: 5%;}
    
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}
}

@media(max-width: 1024px){
	 /*-----------------*/
    /* BANNER */
    /*-----------------*/
	#banner .overlay{display: none;}
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{background: var(--white);}
    #headerGrid{
        grid-template-areas:
            "navprimary logo infoToogle";
        grid-template-columns: 55px 1fr 55px;
    }
	#logo a{justify-content: center;}
	#header{top: 10px;}
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.navigmenu .naviglink.lvl-0:before {background-size: 16px auto;}
	.navigmenu .naviglink.lvl-0 {padding: 11px 16px;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding-top: 120px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .wrappercontent.medium{max-width: none;}
    .home #content .wp-block-columns{flex-wrap: wrap!important; }
    .home #content .wp-block-columns > div{flex-basis: 100%!important;}
    .home #content,
    .home #content > .wrappercontent{
        display: flex;
        flex-wrap: wrap;
        max-width: 1200px;
    }
    .home #content :is(.blocthumb, .specialthumb, .tertiarythumb, .quaternarythumb){
	    width: 50%;
	    height: 350px;
	    margin-bottom: 30px;
	    padding: 0 2px;
    }
	.home #content :is(.tertiarythumb, .quaternarythumb){margin: 0;z-index: 0;}
	.home #content > .wrappercontent .title{width: 100%;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations {padding: 120px 20px;}
	#prestations .prestations-content{
		padding: 40px 14px 80px;
		gap: 30px;
	}
	.prestations-content .content_link, 
	.prestations-content .tc_excerpt{font-size: 13px;}
	#prestations .ckctrldiv{right: 5%;}
	#prestations .prestations-content:before{border: none;}
	
	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .picto-content {padding: 30px 20px}
    #reassurances .picto-container li p strong {font-size: 14px;}
	.picto-container .picto-bloc .icon-box:before{
	    height: 70px;
	    width: 70px;
	    margin-left: -35px;
	    top: 13px;
	}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding-bottom: 20px;
		box-shadow: 0 0 20px #7e72726e;
		background: var(--white);
		border-bottom: solid 1px #c7c7c76e;
	}
	#news .wrapActu{grid-gap: 40px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections .sectionsbloc{grid-template-columns: repeat(2, 1fr)!important;}
	
	#sections .section_txt {
        grid-column: span 2;
        max-width: none;
        order: -2
    }

    #sections .sectionsbloc .section_thumb {order: -1!important }

    #sections .sectionsbloc .section_thumb,
	#sections .sectionsbloc .specialthumb {height: 450px}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLinks{font-size: 12px;}
	#menu-footer .menu-item {margin-right: 6px;}
	.marque-alsace, .jm-certification{
	    margin-right: 5px;
	    --size: 25px;
	}
}

@media(max-width: 767px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .linkTurn {--size: 10rem;}
    .home #content :is(.blocthumb, .specialthumb, .tertiarythumb, .quaternarythumb){height: 250px;}
	.home #content #content-title{margin: 0;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding-top: 70px;}

	/*-----------------*/
	/* 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{padding-bottom: 0;}
	
	#news .wrapper_inner_slider {padding: 30px 0;}
	#news .content_slider {padding: 20px 0 0;}
	#news .content_slider::before {
        left: 50%;
        transform: translateX(-50%);
        top: 200px;
    }
	.thumbnail_slider {height: 250px;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .picto-container {
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto
    }

    #reassurances .picto-container .picto-bloc {
        grid-template-rows: repeat(1,1fr);
        grid-template-columns: repeat(2,1fr)
    }

    #reassurances .picto-content {padding: 30px 15px;}
    #reassurances .picto-container li p {
		margin: 10px 0 0 0;
	}
    #reassurances .picto-container li p strong {font-size: 13px;}
	.picto-container .picto-bloc .icon-box:before{
	    height: 50px;
	    width: 50px;
	    margin-left: -25px;
	    top: 23px;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections .sectionsbloc .section_thumb,
	#sections .sectionsbloc .specialthumb {height: 300px}
    
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
	        "infoadresseFooter"
	        "infotelfixeFooter"
	        "infoouvertureFooter";
	    grid-template-columns: 1fr;
	    grid-row-gap: 20px;
	}
	.wrapperFooter {padding: 40px 15px}
	.marque-alsace, .jm-certification {
        margin-bottom: 10px;
        margin-right: 0;
    }
	#menu-footer .menu-item{margin: 2px 0;}
}

@media(max-width: 480px){
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-content{height: 350px;}
	#prestations .ckctrldiv{bottom: 260px;}
	#prestations .ckslidercontrols .prev, 
	#prestations .ckslidercontrols .next{bottom: 230px;	}
}