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

@media(min-width: 768px){
	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.nohome #reassurances{grid-template-columns: 1fr;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-img {height: 500px;}
	#prestations .prestations-title:after {
		top: -90px;
		height: 80px;
	}

}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-infos .button{margin-right: 10px;}

	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary {
        border-top: solid 1px rgb(255 255 255 / 40%);
        border-bottom: solid 1px rgb(255 255 255 / 40%);
    }
	#navsecondary .navigmenu {justify-content: flex-start;}

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

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home  #content .imgContentWrap {
        display: grid;
        height: 100%;
    }
    .home #content .contentBottom .tc_content{padding: 40px 0 30px 40px;}
	.home #content .contentBottom .tc_content p{margin-bottom: 20px;}

    .home #content .wrapperContentHome {gap: 60px;}

    .home #content .imgContent img {
        border-radius: 20px;
        overflow: hidden;
    }

    .home #content .specialthumb {grid-row: span 2;}

	.home #content .specialthumb img {
        top: 55%;
        transform: translateY(-50%);
        height: 70%;
    }

   .home #content .quaternarythumb {
        position: absolute;
        top: -5%;
        left: initial;
        right: 1%;
        width: 40%;
        height: 20%;
        overflow: hidden;
    }
	.home #content .textContent{padding: 0 0px 80px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-img {height: 600px;}
	#prestations .prestations-txt{height: 250px;}
	#prestations .prestations-content{padding: 50px 20px;}
	#prestations .prestations-title:after {
		top: -170px;
		height: 150px;
	}
	#prestations .prestations-title{
		padding-top: 70px;
		transform: translateY(270px);
	}
	.prestations-content :is(h2,h3){font-size: 23px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .title_slider{font-size: 20px;}
    #news {
        margin-top: -90px;
        padding-bottom: 40px;
    }
	#news-bottom{
	    position: absolute;
	    bottom: 0;
	    left: 40px;
	}
	#news .wrapper_slider:first-child{ margin-top: -100px;}

	/*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome {
        height: 38em;
        font-size: 1.25vw;
        overflow: hidden;
        position: relative;
        margin-top: 150px;
    }
    #galleryHome .gallery {transition: .6s}

    #galleryHome .gallery .gallery-item {
        margin-bottom: 0;
        position: absolute;
    }

    #galleryHome .gallery .gallery-item:first-of-type {
        width: 17.9375em!important;
        height: 25.25em;
        top: 5em;
        left: 0;
        z-index: 1
    }

    #galleryHome .gallery .gallery-item:nth-child(2) {
        width: 11em!important;
        height: 16em;
        top: 0;
        left: 15em;
        z-index: 6
    }

    #galleryHome .gallery .gallery-item:nth-child(3) {
        width: 9.8125em!important;
        height: 13em;
        top: 25em;
        left: 25em;
        z-index: 4
    }

    #galleryHome .gallery .gallery-item:nth-child(4) {
        width: 24.5625em!important;
        height: 34.625em;
        top: 0;
        left: 30em;
        z-index: 2
    }

    #galleryHome .gallery .gallery-item:nth-child(5) {
        width: 15.4375em!important;
        height: 17em;
        top: 12em;
        left: 57em;
        z-index: 1
    }

    #galleryHome .gallery .gallery-item:nth-child(6) {
        width: 11.4375em!important;
        height: 17.5em;
        top: 5.125em;
        left: 69.4375em;
        z-index: 3
    }

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections{padding-top: 150px;padding-bottom: 150px;}
	.sectionsbloc.even .wrap-text{max-width: 800px;}
	.sectionsbloc  .specialthumb img {
		position: absolute;
	    top: 0;
	    left: 0;
	}
    .sectionsbloc.section_num2 {padding-top: 150px;}
    .sectionsbloc.even {z-index: 2;}
    .sectionsbloc{gap: 0 30px;}
    .sectionsbloc.even .section_thumb .blocthumb {
	    position: relative;
	    top: 250px;
	    height: calc(90% - 170px);
	    margin-right: -200px;
	    border: 10px solid var(--background-color);
	    border-left: initial;
	    border-top: initial;
	    width: 100%;
	}
    .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: 1200px;
	    margin: 0 auto;
	    margin-top: -280px;
	    width: 95%;
	    background: var(--white);
	}
	.sectionsbloc.odd .tc_content a:not([class*="button"]), 
    .sectionsbloc.odd .tc_content a:not([class*="button"]) strong{background-image: linear-gradient(to bottom, transparent 20%, var(--secondary-color) 21% ); }
	
    .sectionsbloc.odd .tc_content a:not([class*="button"]):hover, 
    .sectionsbloc.odd .tc_content a:not([class*="button"]):hover strong{color: var(--secondary-color); }
	
    .sectionsbloc.odd .section_txt,
    .sectionsbloc.odd .section_txt .title h2{color: var(--black);}

	.sectionsbloc.even .buttons-wrap{padding-top: 60px;}
  
    .sectionsbloc .specialthumb{
	    height: 70%;
	    margin-left: -300px;
	    border: 10px solid var(--background-color);
    }
    .sectionsbloc.odd .wrap-text{
	    column-count: 2;
	    column-gap: 40Px;
    }
	.sectionsbloc.odd .section_thumb .blocthumb img{height: 130%;}
	
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
        margin-top: -125px;
        width: 94%
    }
	#infoadresseFooter br, 
	#infoouvertureFooter .infohoraires_ouverture br:first-of-type{display: none;}
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 160px 20px;
        padding-bottom: 240px;
    }

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


@media(min-width: 1025px) and (max-width: 1280px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-infos .button{margin-right: 5px;padding: 13px 15px;font-size: 10px;}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding: 100px 60px;}
	.home #content .textContent{ padding: 100px 20px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-txt{height: 220px;}
	#prestations .prestations-title{
		transform: translateY(240px);
	}
	#prestations .prestations-content {padding: 50px 26px;}
	.prestations-content .content_link, .prestations-content .tc_excerpt{font-size: 15px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news-bottom{left: 80px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb{margin-top: -125px;}
	.sectionsbloc.section_num1{padding-bottom: 0;}
	
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding: 180px 100px;}
    .home .textContent .title {margin-left: -50px;}

    .home #content::before {
        background: var(--primary-color);
        width: 70Px;
        height: 68%;
        border-bottom-left-radius: 150Px;
        left: initial;
        right: 0;
        top: 0;
    }
	/*-----------------*/
    /* 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){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#headerGrid{padding: 20px 10px 0;}
	
	/*-----------------*/
	/* NAVSECONDARY + NAVPRIMARY */
	/*-----------------*/
	#navsecondary .navigmenu .naviglink.lvl-0:not(.item-home){
	    font-size: 11px;
	    padding: 6px 8px;
	    letter-spacing: 0;
	}
	#navsecondary .navigmenu .naviglink.lvl-0.item-home{display: none;}
	.navigmenu .naviglink.lvl-0{
		padding: 20px 8px;
		font-size: 13px;
	}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .wrap-text {padding: 80px 50px;}
	
    /*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title h3{font-size: 26px;}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees{
	    right: -250px;
	    width: 250px;
	    padding: 70px 30px 65px;
	}
	#headerGrid{padding: 10px;}
	
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    font-size: 14px;
	    letter-spacing: -0.7px;
	    padding: 10px 14px;
	}
	#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo) span:after{
	    bottom: 0;
	    height: 2px;
	}

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

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .eb-pricing-title{font-size: 22px;}

	
    .home #content :is(.textContent, .contentBottom .tc_content){
        max-width: 700Px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
	.home #content .imgContent{height: 150px;}
	.home #content .imgContentWrapChild{grid-gap: 5px;margin-top: 50px;}

	.home #content .textContent p:last-of-type{padding: 0;}
	.home #content .contentBottom {
		margin-top: 30px;
		display: flex;
		flex-direction: column-reverse;
	}
	.home #news #news-bottom{
	    text-align: center;
	    margin-top: 20px;
	}
	.imgContentWrapChild:before{
		left: -20px;
		--size: 140px;
		font-size: 13px;
	}
	
	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{padding: 40px 0 0;}
	#news .wrapper_slider{padding: 10px 10px;}
	.content_slider {padding: 20px 15px;}

	/*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome{margin-top: 5px;}
	#galleryHome .gallery{
	   grid-template-rows: repeat(2, 200px);
	   grid-gap: 5px;
	   grid-template-columns: repeat(3, 1fr);
	   display: grid
	}
	#galleryHome .gallery .gallery-item{
	    grid-column: span 1 !important;
        grid-row: span 1 !important;
        width: auto !important;
	}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-title h3{font-size: 20px;}
	#prestations .prestations-content .tc_excerpt{display: none;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #reassurances{
		height: 180px;
		margin-bottom: -90px;
	}
	.home #reassurances-container{
		padding: 10px 10px;
		width: calc(100% + 10px);
		max-width: calc(100% + 10px);
		left: -5px;
	}
	.home .picto-container li{padding: 0 15px;}
	.home #reassurances-containerBis{
	    padding: 0 10Px;
	    width: calc(100% + 10Px);
	    max-width: calc(100% + 10Px);
	    height: 50px;
	    left: -5px;
	    font-size: 13px;
	}
	.home #reassurances-containerBis span{padding: 0;}
	.home #reassurances-containerBis span:before{content: none;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .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;}
	
    /*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title{max-width: 620px;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {grid-gap: 0!important;	}
	#wrapperForm{ padding: 70px 25px;}
	#footerLinks{flex-direction:column}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}
	
	/*-----------------*/
	/* FIXED BUTTON */
	/*-----------------*/
	#fixed-button .button-item a:before{
		--size: 45px;
		background-size: 18px;
	}
	#fixed-button .button-item span{font-size: 10px;}

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

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	#content .eb-pricing-title{font-size: 20px;}

	/*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome .gallery{
		grid-template-rows: repeat(3, 150px);
        grid-template-columns: repeat(2, 1fr);
	}

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	
	#prestations .prestations-title h3{font-size: 18px;}


	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #reassurances-containerBis span{display: none;}
	.home .picto-container li p{
	    font-size: 12px;
	    letter-spacing: 0.5px;
	}
	.nohome #reassurances .picto-container{
	    max-width: 500px;
	    margin: 0 auto;
	}

	.nohome #reassurances .picto-container li:before {
        top: 50%;
        transform: translateY(-50%);
        --size: 50px
    }

    .nohome #reassurances  .picto-container li svg,
	.nohome #reassurances .picto-container li img {--size: 25px}

    .nohome #reassurances .picto-container li {padding: 19px 35px}

    .nohome #reassurances .picto-container {
        max-width: 330px;
        margin: 0 auto
    }

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.thumbnail_slider {height: 250px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .secondary_thumb{height: 300px;}
	
    /*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title h3{font-size: 24px;}
	#cta-img img {width: 130px;}
	#cta .title{max-width: 520px;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm {padding: 40px 15px}
}

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