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

@media(min-width: 768px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content #content-body:after {
        background: var(--light-color);
        height: calc(10% + 100px);
        bottom: -100px;
        width: calc(60% - 147px);
        right: 50px;
        top: auto;
        left: auto;
    }
	.home #content .title {
	    max-width: 80%;
	    margin-left: 0;
	}
	.home #content #content-body .tc_content{
		column-count: 2;
		column-gap: 50px;
	}

	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm:before{background: var(--black);}
	#wrapperForm:after{
		right: -30px;
		bottom: -30px;
		height: 40%;
		width: 40%;
		border: 7px solid var(--quaternary-color);
		left: auto;
		top: auto;
		z-index: -2;
	}
	#wrapperForm{padding: 50px 30px;}
}

@media(min-width: 1025px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header.fixed-header #logo {display: none;}
    
    #header.fixed-header #headerGrid{
        grid-template-areas:
            "navprimary ";
        grid-template-columns: 1fr;
        padding: 8px 20px;
        grid-column-gap: 10px;
    }
    #logo-inner{
        background: var(--black);
        padding: 25px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
    }

    #header-coordonnees{
		margin-top: 40px;
		font-size: 15px;
	}
    #header-coordonnees > div{margin: 10px 0;}

	body.page_ramonage-leimacher #header #logoheader {width: 190px;}
	body.page_ramonage-leimacher #header-coordonnees {margin-top: 30px;}
    
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.navigmenu .navigtoogle.logo .naviglogo{
		max-height: 55px;
		margin-right: 10px;
	}
	.navigmenu .navigtoogle.logo .naviglink.lvl-0{
		padding: 0;
		line-height: 0;
		background-color: transparent;
		border: 0;
	}
    #header.fixed-header .navigtoogle.logo {
        display: flex;
        margin-right: auto;
    }
	.navigmenu{justify-content: end;}
	 #header:not(.fixed-header) .ckmenu-nav{padding-top: 20px;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding-left: 270px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content #content-body:after {
		height: calc(70% + 100px);
		right: 150px;
	}
	.home #content #content-body .tc_content{
		padding-left: 100px;
		column-gap: 80px;
	}


	
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc{padding: 100px 40px 500px;}
    .sectionsbloc .specialthumb{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 500px;
        z-index: -1;
    }
	.sectionsbloc .section_thumb .blocthumb{
		height: 110%;
		overflow: hidden;
	}
	.sectionsbloc .section_thumb .blocthumb img{height: 110%;}
	.sectionsbloc.even .wrap-text{padding-left: 0;}
	.sectionsbloc.odd .wrap-text{padding-right: 0;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{padding: 120px 30px;}
	.wrapper_slider{padding: 0 20px;}
	#news .thumbnail_slider{height: 500px;}

	/*-----------------*/
	/* GALLERYHOME */
	/*-----------------*/
	#galleryHome .gallery .gallery-item:nth-child(11n + 1){grid-column: span 2}
	#galleryHome .gallery .gallery-item:nth-child(11n + 6){
		grid-row: span 2;
		grid-column: span 2
	}
	
	#galleryHome .gallery .gallery-item:nth-child(11n + 8){grid-column: span 2}
	#galleryHome{
		padding-top: 80px;
		margin-top: -80px;
	}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerForm{padding: 150px 30px;}
	#wrapperForm{padding: 70px 30px;}
}



@media(min-width: 1281px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logo-inner{padding: 40px 30px;}


	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.prestations-content :is(h2,h3){font-size: 28px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc{padding: 150px 100px 800px;}
	.sectionsbloc .specialthumb{height: 800px;}
}

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

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

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

@media(max-width: 1480px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoheader{width: 120px;}
	#header-coordonnees{margin-top:30px;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0:not(.button){
		padding: 20px 14px;
		font-size: 16px;
	}
}

@media(max-width: 1280px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoheader{width: 100px;}
	#header-coordonnees{margin-top: 20px;}
	
	
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0:not(.button){
		padding: 16px 10px;
		font-size: 15px;
	}
	.navigmenu .naviglink.button{
		margin-left: 5px;
		font-size: 14px;
		padding: 12px 15px;
	}
	.navigmenu .naviglink.button span {padding-left: 20px}
	.navigmenu .naviglink.button span:before{
		--size: 15px;
		top: 6px;
		left: -3px;
	}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.picto-content{padding: 30px;}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.prestations-content :is(h2,h3){font-size: 24px;}
	
	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLogo img{height: 100px;}
}

@media(min-width: 1025px) and (max-width: 1280px){
	/*---------------------------------*/
	/* NAVIG LOGO */
	/*---------------------------------*/
	.navigmenu .naviglink.lvl-0.item-home {
	    background-image: url(../images/icons/home-white.svg);
	    width: 30px;
	    height: 22px;
	    display: block;
	    background-position: left center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    color: var(--white);
	    font-size: 0!important;
	    padding: 0 18px;
	}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}

	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoresponsive{width: 160px;}
	#header{background: var(--black);}
	#logo-inner{padding: 10px 15px;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.button{
		margin-top: 10px;
        margin-left: 0;
	}
	.navigmenu .navdown{background: var(--title-color);}
	.navigmenu .naviglink.lvl-0:not(.button){padding: 12px 20px;}
	#navprimary .navigmenu .naviglink.lvl-1{
		padding: 8px 20px;
        font-size: 14px;
	}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content #content-img{
		height: 500px;
	}

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

	/*-----------------*/
	/* DIAPORAMA */
	/*-----------------*/
	#diaporama{
		height: 50vh !important;
        min-height: 500px;
	}

	/*-----------------*/
	/* FOURNISSEURS */
	/*-----------------*/
	#fournisseurs .title:before {height: 280px;top: -270.5px;}
	#fournisseurs .title:after {bottom: -5px; }
	
	#fournisseurs .title:after, 
	#fournisseurs .title:before{right: 254px;}
	
	#fournisseurs .title h2:before{
		width: 284px;
		height: 452px;
	}
	#fournisseurs .title{
		width: 380px;
		margin: 0 auto 40px;
		padding: 40px 0;
	}
	#fournisseurs .title h2{font-size: 34px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-content{padding: 30px 15px;}
	.picto-container li p{
	    font-size: 14px;
	    margin: 20px 0 0 0;
	}
	#reassurances .picto-container li p strong{
	    letter-spacing: 1px;
	    font-size: 14px;
	}
	.picto-container li svg, .picto-container li img{--size: 30px;}
	.icon-box:before{
	    top: -32px;
	    left: -33px;
	    transform: scale(0.6);
	}
	.picto-container .picto-bloc:nth-child(2) .icon-box:before{
		left: -37px;
		top: -32px;
	}
	.picto-container .picto-bloc:nth-child(3) .icon-box:before{
		top: -37px;
		left: -33px;
	}
	.picto-container .picto-bloc:nth-child(4) .icon-box:before{
		left: -37px;
		top: -35px;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .section_thumb{
	    display: grid;
	    grid-template-columns: repeat(2,1fr);
	}
	
	.buttons-wrap{justify-content:center;}
	.sectionsbloc .buttons-wrap:before{left: 0;}

	/*-----------------*/
    /* GALLERYHOME */
    /*-----------------*/
	#galleryHome .gallery {
		grid-template-columns: repeat(4,1fr);
		grid-auto-rows: 160px;
	}
	#galleryHome .gallery .gallery-item.empty-item{display: none;}
	#galleryHome .gallery .gallery-item:nth-child(11){grid-column: span 2;}

	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .bloc_prestations{min-height: 600px;}
	.prestations-content{padding: 30px 20px;}
	.prestations-content :is(h2,h3){font-size: 20px;}
	.prestations-content .content_link, .prestations-content .tc_excerpt{font-size: 14px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.title_slider{font-size: 20px;}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footer #footerLinks{flex-direction:column}
	#footerLogo{margin-bottom: 20px;}
}

@media(max-width: 767px){

	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 80px;}

	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoresponsive{width: 150px;}
	#info-toogle,
	.ckmenu-toogle{
		--size: 73px;
		padding: 24px;
		
	}
	
	#logo-inner{padding: 8px 10px;}
	body.page_ramonage-leimacher #logo-inner {padding: 19px 7px;}

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

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.wp-block-media-text.is-stacked-on-mobile.leimacher-img .wp-block-media-text__media {height: auto;}
	.home #content #content-img{
		height: 300px;
	    margin: 0;
	    width: 100%;
	}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container{
	    grid-template-columns: repeat(2, 1fr);
	    grid-auto-rows: auto;
	    grid-gap: 1px;
	}
	.picto-container .picto-bloc{gap: 1px;}
	.picto-container .picto-bloc > div{transform: none!important;}
	
	.picto-content{padding: 30px 10px;}
	.picto-container li p{
	    font-size: 13px;
	    margin: 20px 0 0 0;
	}
	#reassurances .picto-container li p strong{
	    font-size: 12px;
	    letter-spacing: 0.3px;
	}

	/*-----------------*/
	/* GALLERYHOME */
	/*-----------------*/
	#galleryHome .gallery {
		grid-template-columns: repeat(3,1fr);
		grid-auto-rows: 120px;
	}

	/*-----------------*/
	/* DIAPORAMA */
	/*-----------------*/
	#diaporama{
		min-height: auto;
        height: 400px !important;
	}

	/*-----------------*/
	/* FOURNISSEURS */
	/*-----------------*/
	#fournisseurs .title{width: 280px;}
	#fournisseurs .title:after{bottom: -10px;}
	#fournisseurs .title:before{
		top: -161px;
		height: 180px;
	}
	#fournisseurs .title h2:before{
		right: -10px;
		bottom: -50px;
		height: 320px;
		width: 264px;
	}
	#fournisseurs .title h2{font-size: 24px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc .buttons-wrap:before{
	    left: -10px;
	    height: 240px;
	    width: 190px;
	    border-width: 5px;
	}
	.sectionsbloc .section_thumb .blocthumb{z-index: 2;}

	/*-----------------*/
	/* CONTACTFORM */
	/*-----------------*/
	#contactForm #wrapperForm{color: var(--black)}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.title_slider{font-size: 18px;}
	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#pageTitle .specialthumb img{height: 50px;}
	#prestations .bloc_prestations{
		min-height: 280px;
	}
	.prestations-content{padding: 0 10px;}
	#prestations .content-presta{
		max-height: none!important;
		opacity: 1;
	}
	#prestations .content-presta .tc_excerpt{display: none;}
	.prestations-content .liresuite { margin-top: 10px;}
	

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	
	#footerbloc > div{
	    width: 100%;
	    max-width: 210px;
	    margin: 10px 0;
	}
	#footerbloc a{justify-content:center;}
}

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