@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 .icons-item .wp-block-media-text {
        max-width: 350px;
        grid-template-columns: 100px 1fr !important;
        margin: 0;
        text-align: left;
    }
	.home #content .icons-item{flex-wrap: nowrap!important;}

	
}

@media(min-width: 1025px){
     /*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 13px 10px;padding-left: 0!important;}
	#logoheader {width: 180px;}
	#logo{
		background: var(--background-color);
		padding: 10px;
	}

	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.home .navigmenu .navigtoogle.social{display: none;}
	.navigmenu .navigtoogle.social .naviglink.lvl-0{padding: 10px 5px;}
	.navigmenu{justify-content: flex-start;}

    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 74px;}
	
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-coordonnees{
		position: absolute;
		left: 0;
		bottom: 0;
		gap: 60px;
		padding: 20px 30px 20px 15px;
		width: 85%;
		justify-content: end;
	}
	
    #headerHome{
       gap: 50px;
       padding-bottom: 100px;
    }
   
	#headerHome-pattern{
		top: 0;
		right: 0;
	    width: 100%;
	    height: 100%;
	    z-index: -1;
	}
	#headerHome-pattern:before{
		background: var(--tertiary-color);
		opacity: 0.8;
		z-index: 0;
	}
	#headerHome-pattern:after{background-image: url('../images/pattern.jpg');background-position: center;background-size: cover;}
    #headerHome:before{
        border: solid 1px var(--primary-color);
        right: 40px;
        z-index: 0;
        top: 50px;
        width: calc(15% - 41px);
        height: calc(100% - 100px);
        border-left: none;
        left: auto;
    }
    #headerHome-pattern{
        background: var(--tertiary-color);
        width: 15%;
    }
    #headerHome-content{
        right: 0;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 140px 120px 100px 140px;
    }
	#headerHome-content .wrappercontent{max-width: 870px;}
    #headerHome .imageDiapo{
        position: relative!important;
        /* box-shadow: 0 0 30px #00000045; */
        margin-right: 90px;
        background: var(--tertiary-color);
    }
    #headerHome-social{
        --size: 60px;
        width: var(--size);
        background: var(--tertiary-color);
        min-width: var(--size);
        align-self: flex-end;
        bottom: -100px;
        height: 100%;
    }
    #headerHome-social .sociblock{
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding: 0  0 55px 27px;
    }
    #headerHome-social .sociblock:before{
        content: "";
        position: absolute;
        pointer-events: none;
        top: 12%;
        width: 1px;
        background: var(--primary-color);
        height: 45%;
        left: 35px;
    }
    #headerHome-social .sociblock .share-buttons{flex-direction: column}
    #headerHome-social .sociblock .share-buttons a{margin: 20px 0;}
    #headerHome-social:before{
        border: solid 1px var(--primary-color);
        top: 35px;
        left: 14px;
        right: -14px;
        width: auto;
        height: auto;
        bottom: 35px;
    }

	/*-----------------*/
	/* GALLERY HOME */
	/*-----------------*/
	#galleryHome{
	    height: 38em;
	    font-size: 1.25vw;
	    overflow: hidden;
	    position: relative;
	    margin-bottom: 50px;
	    margin-top: 150px;
	   }

    #galleryHome .gallery {transition: 0.6s;}
    #galleryHome .gallery .gallery-item{
	    position: absolute;
    }
  
    #galleryHome .gallery .gallery-item:first-of-type{
	    width: 17.9375em!important;
	    height: 23.25em;
	    top: 7em;
	    left: 0;
	    z-index: 1;
    }
    #galleryHome .gallery .gallery-item:nth-child(2){
	    width: 11em!important;
	    height: 16em;
	    top: 3em;
	    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;
    }
    
    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{
    padding-top: 150px;
}
    .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;}

	/*-----------------*/
    /* 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;}
    
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations-wrapper {padding: 220px 15px;}
	.nohome #prestations-wrapper{padding-top: 100px;}
    .prestations-content{padding: 0;position: relative;}
	#content.parentPresta{
        margin-bottom: -60px;
        padding-bottom: 200px;
    }
    #prestations .bloc_prestations :is(.prestations-img, .specialthumb, .tertiarythumb) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        overflow: hidden;
        transition: opacity 0s .45s;
        --dist-y: 25%;
    }
    #prestations .bloc_prestations .prestations-img {
        width: 184px;
        height: 243px;
        top: 61%;
        left: 1.5%;
        --dist-y: -20%;
        max-width: 16.7vw;
    }
    
    #prestations .bloc_prestations .specialthumb {
        left: 17%;
        translate: 0 -50%;
        max-width: 13.6vw;
        width: 195px;
        height: 274px
    }
    
    #prestations .bloc_prestations .tertiarythumb {
        top: 37%;
        right: 8%;
        translate: 0 -50%;
        --dist-y: 40%;
        max-width: 16.3vw;
        left: auto;
        width: 282px;
        height: 397px
    }
    
    #prestations .bloc_prestations:first-child .prestations-img,
    #prestations .bloc_prestations:nth-child(4) .prestations-img{border-radius: 100px}
    #prestations .bloc_prestations:first-child .tertiarythumb,
    #prestations .bloc_prestations:nth-child(4) .tertiarythumb{border-radius: 100px 100px 0 0}
    
    #prestations .bloc_prestations:first-child .tertiarythumb img{object-position: 88%;}
    #prestations .bloc_prestations:first-child .prestations-img img{object-position: 88%;}
    
    #prestations .bloc_prestations:nth-child(2) .prestations-img {border-bottom-left-radius: 100px}
    #prestations .bloc_prestations:nth-child(2) .specialthumb {border-radius: 0 100px 100px 100px}
    #prestations .bloc_prestations:nth-child(2) .tertiarythumb {border-top-right-radius: 100px}
    
    #prestations .bloc_prestations:nth-child(2) .tertiarythumb img{object-position: 61%;}
    #prestations .bloc_prestations:nth-child(2) .specialthumb img{object-position: 88%;}
    
    #prestations .bloc_prestations:nth-child(3) .prestations-img {border-top-right-radius: 100px}
    #prestations .bloc_prestations:nth-child(3) .specialthumb { border-radius: 100px}
    #prestations .bloc_prestations:nth-child(3) .tertiarythumb {border-radius: 100px 100px 100px 0}
    
    #prestations .bloc_prestations:nth-child(3) .tertiarythumb img{object-position: 61%;}
    #prestations .bloc_prestations:nth-child(3) .specialthumb img{object-position: right;}
    
    #prestations .bloc_prestations.elemActif :is(.prestations-img, .specialthumb, .tertiarythumb) {animation: image-show-long .7s cubic-bezier(.25,.46,.35,.93) .1s forwards}
    #prestations .bloc_prestations.elemActif .prestations-img {animation-delay: .12s}
    #prestations .bloc_prestations.elemActif .specialthumb:nth-of-type(1) {animation-delay: .12s}
    #prestations .bloc_prestations.elemActif .tertiarythumb:nth-of-type(3) {animation-delay: .24s}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.even {padding: 100px 50px 600px;}
	.sectionsbloc.even .section_thumb .blocthumb {
	    height: 110%;
	    z-index: 1;
	    box-shadow: 0 0 20px rgb(0 0 0 / 20%)
	}
	.sectionsbloc.even .section_txt .wrap-text {padding: 70px 50px 70px 0;}
	
	.sectionsbloc.even .specialthumb {
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    height: 600px;
	    z-index: 0
	}
	
	.sectionsbloc.odd .section_thumb {
	    display: grid;
	    grid-template-columns: repeat(2,1fr);
	    grid-gap: 0 30px;
	    grid-auto-rows: 800px;
	    position: relative;
	    top: -80px;
	    z-index: 10
	}
	
	.sectionsbloc.odd .section_thumb .blocthumb {
	    position: relative;
	    top: 200px
	}
	
	.sectionsbloc.odd .section_txt {
	    position: relative;
	    z-index: 1;
	    padding-top: 120px;
	}
	.sectionsbloc.odd .section_txt:before{
		top: 120px;
		width: 120%;
		height: calc(100% - 120px);
	}

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

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

	#footerbloc > div br{display: none;}
}

@media(min-width: 1281px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header{padding: 15px 20px;}
	#header.fixed-header #headerGrid{grid-template-columns: 170px 1fr 50px;}
	#logoheader {width: 300px;}
	#header.fixed-header #logoheader{width: 170px;}
	#info-toogle{--size: 50px;}
	#info-toogle:before {--size: 25px;}
	#logo{padding: 20px;}
	
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome:before{
		right: 30px;
		width: calc(8% - 31px);
	}
	#headerHome-coordonnees{
		gap: 90px;
		padding: 30px 70px 30px 30px;
		width: 92%;
	}
	#headerHome-pattern{width: 8%;}
	#headerHome-coordonnees > div  br{display: none;}
	/*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 80px;}

    
    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding: 180px 60px 120px;}
	.home #content .textContent{ padding: 100px 20px;}
	.home #content .icons-item{flex-wrap: nowrap!important;flex-direction: row;}

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

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.even {padding: 120px 100px 800px;}
	.sectionsbloc.even .specialthumb{height: 800px;}
	.sectionsbloc.even .section_txt .wrap-text {padding: 100px 100px 100px 0}
	.sectionsbloc .wrap-text {
	    padding: 150px 100px;
	    margin: auto;
	    max-width: 950px
	}
	.sectionsbloc.odd .section_txt{padding-top: 260px;}
	.sectionsbloc.odd .section_txt:before{
		top: 280px;
	    height: calc(100% - 280px);
	}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
	#headerHome,
	#banner{padding-top: 87px;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-pattern{width: 16%;}
	#headerHome:before{
		right: 40px;
		width: calc(16% - 41px);
	}
	#headerHome-coordonnees{
		gap: 120px;
		width: 84%;
	}
    
    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding: 200px 100px 150px;}
    .home .textContent .title {margin-left: -50px;}
}

@media(min-width: 1681px){
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-pattern{width: 30%;}
	#headerHome:before{width: calc(30% - 41px);}
	#headerHome-coordonnees{width: 70%;}
	#headerHome .imageDiapo{margin: 0;}
	#headerHome .overlay{background: linear-gradient(to left, var(--tertiary-color), #fff0 30%);}
	#headerHome-content{
		--size: 430px;
		left: -100px;
		min-width: var(--size);
		width: var(--size);
		text-align: left;
		padding: 0;
		position: relative;
		top: auto;
		transform: none;
		right: auto;
	}
}

@media(min-width: 2100px){
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{
		left: -160px;
		--size: 480px;
	}
	
	#headerHome{gap: 120px;}
	
	#headerHome-social{--size: 100px;}
	#headerHome-social:before{left: 24px;}
	#headerHome-social .sociblock{padding: 0 0 55px 50px;}
	#headerHome-social .sociblock:before{left: 55px;}
	
}

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

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

@media(max-width: 1280px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
    padding: 20px 10px;
    font-size: 15px;
}
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}
}

@media(max-width: 1024px){
    /*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header{padding: 5px 5px;}
	#header-coordonnees {
        right: -250px;
        width: 250px;
        padding: 70px 20px 65px;
    }
	#header-coordonnees .title h2{font-size: 24px;}
	#header-coordonnees .flex>div{
    max-width: 190px;
    font-size: 14px;
}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.sociblock .share-buttons a svg{fill: var(--white);}
	.ckmenu-nav{
	    width: auto;
	    left: -5px;
	    right: -5px;
	}
    .navigmenu .naviglink.lvl-0{padding: 10px 16px;color: var(--white);}

    /*-----------------*/
	/* HEADERHOME + BANNER */
	/*-----------------*/
	#headerHome,
	#banner{margin-top: 108px;padding-top: 0;}


		 /*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-title .firstWord{font-size: 56px;}
	
    
    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content :is(.textContent, .contentBottom .tc_content){
        max-width: 800Px;
        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;
	}

	/*-----------------*/
	/* GALLERY HOME */
	/*-----------------*/
	#galleryHome{padding-top: 2px;}
	#galleryHome .gallery{
	    display: grid;
	    grid-template-columns: repeat(3,1fr);
	    grid-auto-rows: 250px;
	    gap: 2px;
	}
	#galleryHome .gallery .gallery-item{width: 100%!important;}

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{padding: 40px 0 0;}
	#news .wrapper_slider{padding: 10px 10px;}
	.content_slider {padding: 20px 0;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances, .nohome #reassurances{
		height: 150px;
		margin-bottom: -20px;
		margin-top: -52px;
	}
	.home #reassurances{margin-bottom: -60px;}
	#reassurances-container{
		padding: 10px 10px;
		width: calc(100% + 10px);
		max-width: calc(100% + 10px);
		left: -5px;
	}
	.picto-container li{padding: 0 15px;}
	#reassurances-containerBis{
	    padding: 0 10Px;
	    width: calc(100% + 10Px);
	    max-width: calc(100% + 10Px);
	    height: 50px;
	    left: -5px;
	    font-size: 13px;
	}
	#reassurances-containerBis span{padding: 0;}
	#reassurances-containerBis span:before{content: none;}
    
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    .prestations-content :is(h2,h3){font-size: 28px;opacity: 1;}
    #prestations .bloc_prestations :is(.specialthumb, .tertiarythumb) {display: none}
    #prestations .bloc_prestations {padding: 20px 7vw 30px!important;}
	#content.parentPresta{
	    margin-bottom: -60px;
	    padding-bottom: 100px;
	}
	#prestations .tc_excerpt{font-size: 16px;opacity: 1;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc .section_thumb {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLinks{flex-direction: column;}
	#footer #footerbloc>.wrappercontent{
		grid-template-areas: "infoouvertureFooter infotelportFooter infoadresseFooter ";
		grid-template-columns: 1fr 1fr 1fr;
	}
	 body.home #footer #footerbloc{
    padding-top: 100px;
}
}

@media(max-width: 767px){
    /*-----------------*/
	/* HEADERHOME + BANNER */
	/*-----------------*/
	#headerHome,
	#banner{margin-top: 80px;}

	 /*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-title .firstWord{font-size: 40px;}
		
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.ckmenu-nav{top: 75px;}

	/*-----------------*/
	/* GALLERY HOME */
	/*-----------------*/
	#galleryHome .gallery{grid-auto-rows: 150px;}
    
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .title_slider{
    font-size: 16px;
}
	.thumbnail_slider {height: 250px;}

	 /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances-containerBis span{display: none;}
	.picto-container li p{
	    font-size: 12px;
	    letter-spacing: 0.5px;
	}
    
    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
    #prestations .bloc_prestations {padding: 20px 0 30px!important;}
    #prestations .widget_parentpage {padding-bottom: 0}
    .prestations-content :is(h2,h3) {font-size: 20px;}
	#prestations .tc_excerpt{font-size: 15px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
	        "infoadresseFooter"
	        "infotelportFooter"
	        "infoouvertureFooter";
	    grid-template-columns: 1fr;
	    grid-row-gap: 20px;
	}
	.wrapperFooter {padding: 40px 15px}
}

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