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

@media(min-width: 768px){
    /*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires #partenaires-header {margin-bottom: 50px;}
    #partenaires-intro {padding-left: 60px}
}

@media(min-width: 1025px){

	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.title.tar:not(.no-after):after{
		left: auto;
		right: 0;
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{
		padding-top: 150px;
	}
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content {padding: 120px 0 80px;}

    .home #content .eb-wrapper-inner-blocks {
        width: 73%!important;
        padding-right: 90px;
        max-width: 1000px;
        padding-left: 60px;
    }

    .home #content .wp-block-gallery {
        margin-bottom: -350px!important;
        display: grid;
        transition: .6s;
        grid-template-columns: repeat(18,1fr);
        grid-gap: 60px;
        grid-auto-rows: 164px;
        grid-auto-flow: row dense
    }

    .home #content .wp-block-gallery .gallery-item {
        grid-column: span 4;
        width: 100%!important;
        grid-row: span 2
    }


    .home #content .wp-block-gallery .gallery-item:nth-child(1) {
        grid-column: span 4;
        grid-row: span 2
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(1) > a {height: 63%!important}

    .home #content .wp-block-gallery .gallery-item:nth-child(2) {
        grid-column: span 10;
        padding-top: 100px;
        grid-row: span 3
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(3) {
        padding-top: 165px;
        padding-left: 100px
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(4) > a {
        height: 59%!important;
        width: 63%!important;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(4) {
        grid-column: span 5;
        top: -145px;
        grid-row: span 2;
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(5) {
        grid-column: span 13;
        top: -226px
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(5) > a {
        width: 26%!important;
        margin-left: auto;
        height: 91%!important;
        flex: 1 1 100%!important
    }

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#img-reassurance{
		width: 75%;
		position: absolute;
		right: -40%;
		height: 100%;
		margin: 0;
	}
	#reassurances .right {padding: 50px 0 50px 18%;}
	#reassurances .title h2 {
	    position: relative;
	    font-size: 42px;
	    line-height: 1;
	    text-shadow: 0 0 7px var(--black);
	    max-width: 440px;
	}
	
    /*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome{padding-top: 100px;background: var(--background-color);}
    #galleryHome .gallery {
        grid-gap: 27px;
        grid-template-columns: repeat(32,1fr);
        grid-template-rows: repeat(13,52px);
    }
   
    #galleryHome .gallery .gallery-item:first-of-type {
        grid-row: span 3;
        grid-column: span 11;
        padding-left: 24%;
        padding-right: 24%;
    }

    #galleryHome .gallery .gallery-item:nth-child(2) {
        grid-column: span 8;
        grid-row: span 6;
        padding-top: 152px;
    }

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

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

    #galleryHome .gallery .gallery-item:nth-child(5) {
        grid-column: span 6;
        grid-row: span 4;
    }
    #galleryHome .gallery .gallery-item:nth-child(6) {
        grid-column: span 5;
        grid-row: span 3;
    }
    #galleryHome .gallery .gallery-item:nth-child(7) {
        grid-column: span 8;
        grid-row: span 4;
    }
    #galleryHome .gallery .gallery-item:nth-child(8) {
        grid-column: span 11;
        grid-row: span 5;
    }
    #galleryHome .gallery .gallery-item:nth-child(9) {
        grid-column: span 6;
        grid-row: span 4;
    }
    #galleryHome .gallery .gallery-item:nth-child(10) {
        grid-column: span 6;
        grid-row: span 4;
    }
    #galleryHome .gallery .gallery-item:nth-child(11) {
        grid-column: span 8;
        grid-row: span 4;
        position: absolute;
        height: 210px;
		width: 20.8% !important;
        bottom: 0;
        right: 0;
    }
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news {padding: 150px 20px 100px;}
	#news .newsdate{min-width: 150px;}
	#news:before {
		background: var(--black);
		width: 75%;
		height: 125%;
		}

    #news .left {
        padding-left: 30px;
        max-width: 500px;
        margin-left: auto;
        z-index: 2
    }
	#news .left .title h2{
		color: var(--white);
		text-shadow: -1px -1px 0 var(--black), 1px -1px 0 var(--black), -1px  1px 0 var(--black), 1px  1px 0 var(--black);
	}
	#news .wrapperActu{padding-top: 40px;}

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

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

    

    #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 */
    /*-----------------*/
	#sections{background: var(--black);}
	.sectionsbloc .wrap-text {padding: 0;}
    .sectionsbloc .section_thumb .blocthumb img{
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 120%;
    }
    .sectionsbloc .section_thumb .blocthumb {overflow: hidden}

    #sections :is(.sectionsbloc.section_num0, .sectionsbloc.section_num2){ z-index: 2  }
    #sections :is(.sectionsbloc.section_num0, .sectionsbloc.section_num1, .sectionsbloc.section_num2){grid-template-columns: repeat(1, 1fr);}
	
    .sectionsbloc.section_num0 .section_thumb {
	    height: 60vh;
	    min-height: 300px;
	    order: -1;
    }
    .sectionsbloc .specialthumb {display: none}
    .sectionsbloc.section_num0 .section_txt {
	    margin-top: -150px;
	    width: 90%;
	}

    .sectionsbloc.section_num1 {
	    padding-top: 300px;
	    margin-left: 0;
	    margin-top: 100px;
	    margin-bottom: 200px;
	}
    .sectionsbloc.section_num1 .section_thumb {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    height: 890px;
	}
    .sectionsbloc.section_num1 .section_thumb .blocthumb { width: 40%  }
    .sectionsbloc.section_num1 .specialthumb {
	    position: absolute;
	    top: 0;
	    right: 0;
	    z-index: -2;
	    opacity: 0.8;
	    width: 64vw;
	    top: -60vh;
	    bottom: 300px;
	    display: block;
	}
    .sectionsbloc.section_num1 .specialthumb img { opacity: .3 }
    .sectionsbloc.section_num1 .section_txt {
	    width: 65%;
	    margin-left: 35%;
	    max-width: initial
    }
    .sectionsbloc.section_num2:before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: calc(100% - 350px);
	    background: var(--white);
	}
    .sectionsbloc.section_num2 .section_thumb {
		width: 90%;
		z-index: 1;
	}

    .sectionsbloc.section_num2 .specialthumb {
	    width: 40%;
	    position: absolute;
	    bottom: 100px;
	    right: 0;
	    height: auto;
	    display: block;
	    top: 680px;
	}

    .sectionsbloc.section_num2 .section_txt {
	    background: none;
	    width: 60%;
	    margin: 0;
	    box-shadow: none;
	    max-width: none;
	    padding: 120px 6%;
	}

    .sectionsbloc.section_num2 .section_txt .wrap-text {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.sectionsbloc.section_num3 {
	   margin: 0 auto;
	   padding: 0 calc(100px / 2) 150px;
	   background: var(--background-color);
	}
	
	.sectionsbloc.section_num3 .section_thumb {
	    position: relative;
	    height: 110%;
	    order: 0;
	}
	.sectionsbloc.section_num3 .section_txt {
	    margin: 0;
	    padding: 100px 12% 0;
	    box-shadow: none;
	}
	.sectionsbloc.section_num3 .specialthumb {
	    order: 3;
	    height: 500px;
	    width: 70%;
	    margin-left: auto;
	    display: block;
	    grid-column: span 2;
	    margin-top: -20px;
	}
	#sections .section_txt .wp-block-media-text__content{
		padding-top: 0;
		padding-bottom:0;
	}
	#sections .section_txt .wp-block-media-text{margin-bottom: 0;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm .title {
        position: absolute;
        top: -36px;
        left: 0px;
        background: var(--primary-color);
        padding: 10px 15px;
        margin: 0;
    }
	#wrapperForm .title h2 {
        color: var(--title-color);
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 2px;
    }

    #wrapperForm .title::after {
        display: none
    }
	.wrapperFooter {
        margin-top: -125px;
        padding: 50px;
        width: 94%
    }
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 120px 20px;
        padding-bottom: 250px
    }
	body.home #footer #footerbloc {padding-top: 280px;}

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

	#footer #footerbloc>.wrappercontent  br{display: none;}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .right {padding: 50px 0 50px 223px;}
	#reassurances .title h2{
	    font-size: 52px;
	    max-width: 520px;
	}

	/*-----------------*/
    /* NEWS */
    /*-----------------*/
	#news .title_slider {font-size: 20px;}

	 /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.section_num2 .specialthumb{top: 800px;}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.section_num3 {padding: 120px calc(250px / 2) 150px;}
}

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

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

@media(min-width: 2001px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.section_num1 .section_txt .wrap-text{padding-right: 50px;}
}

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

@media(max-width: 1280px){
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_thumb{height:500px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .wrapActu{grid-gap: 30px;}

}

@media(max-width: 1024px){

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

	
    /*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header{padding: 10px}
	.ckmenu-toogle{padding: 0;}

    /*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.ckmenu-items {padding: 120px 30px 50px 30px;}
	.navigmenu .naviglink:not(.button) {
        padding: 18px 0;
        font-size: 18px;
    }

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

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding-bottom: 20px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding-bottom: 20px;
		box-shadow: 0 0 20px #7e72726e;
		background: var(--white);
	}
	#news .wrapActu{grid-gap: 40px;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/ 
	#prestations .widget_parentpage{grid-gap: 15px;}
	#prestations :is(.prestations-img, .prestations-content){padding: 20px;}
	.prestations-content .content_link, .prestations-content .tc_excerpt{font-size: 14px;}


	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances {padding: 100px 20px;}
	#reassurances .left {flex-direction: column;}
	#reassurances .right {padding: 0 0 0 30px;}
	#reassurances .picto-container{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.picto-container .picto-bloc{ flex: 1 1 48%;}
	
    
    /*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome .wp-block-image:nth-child(11){grid-column: span 2;}
	#galleryHome{padding-bottom:2px;}
    
    /*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 80px 25px 100px;}

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_txt {
	    grid-column: span 2;
	    max-width: none;
	    order: -2;
	    padding: 0;
	    border-radius: 0;
	}
	.sectionsbloc .section_thumb .blocthumb{height: 100%;}
    .sectionsbloc .section_thumb{order: -1!important; }
    .sectionsbloc .section_thumb, 
    .sectionsbloc .specialthumb {height: 450px; }

    .sectionsbloc .wrap-text{padding: 70px 40px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}
}
@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}
	
    /*-----------------*/
	/* HEADER */
	/*-----------------*/
	#info-toogle-name{display: none;}
	#header-coordonnees{
		right: -240px;
		width: 240px;
		padding: 70px 30px 65px;
	}
	#logoCoordonnees img {width: 140px;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.ckmenu-toogle{flex-direction: column;}
	.burgerIcon-name{
	    padding: 0;
	    font-size: 11px;
	}
	.ckmenu-items {padding: 30px 15px 60px}
	.ckmenu-nav {padding-top: 55px;}
	.ckmenu-img {display: none;}
	.navigmenu .naviglink:not(.button) {font-size: 15px;padding: 15px 0;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 80px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding-bottom: 20px;}
    .home #content .wp-block-gallery {
        grid-template-rows: repeat(3,150px);
        grid-gap: 5px;
        grid-template-columns: repeat(2,1fr);
        display: grid
    }

    .home #content .wp-block-gallery .gallery-item {
        grid-column: span 1!important;
        grid-row: span 1!important;
        width: auto!important
    }

    .home #content .wp-block-gallery .gallery-item:nth-child(5) {grid-column: span 2!important;}
	
	.home #content .eb-wrapper-outer{
		padding: 25px 10px 0!important;
		margin: 0;
	}



	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles .listedarticle .tc_excerpt{font-size: 14px;}
	#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 {padding: 60px 15px;}
	#reassurances .picto-container {
	    max-width: 250px;
	    margin: 0 auto;
	    flex-direction: column;
	}
	#reassurances .right {padding: 0 0 0 10px;}
	.picto-container .picto-bloc{
		margin: 21px 0;
		flex: 1 1 100%;
	}
	.picto-container li:before {
	    --size: 50px;
	    left: -10px;
	    margin-top: -25px;
	}
	.picto-container li svg, 
	.picto-container li img { --size: 30px;}
	#reassurances .picto-container li p {
	    font-size: 14px;
	    letter-spacing: 0;
	    margin-left: 36px;
	}
    
    /*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 50px 15px 80px;}
    #partenaires-header{
       grid-gap: 20px;
       margin-bottom: 40px;
    }
    #partenaires .widget_partenaires li{min-height: 130px;}

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text{padding: 50px 15px;}
    .sectionsbloc .section_thumb, 
    .sectionsbloc .specialthumb {height: 300px; }

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
	        "infoadresseFooter"
	        "infotelportFooter"
		 "infoouvertureFooter";
	    grid-template-columns: 1fr;
	    grid-row-gap: 20px;
	}
	.wrapperFooter {padding: 40px 15px}
	#listwidgetagence{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 40px;
	}
	.itemlistwidgetagence{
		flex-direction: column;
		text-align: center;
	}
}

@media(max-width: 480px){
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#listwidgetagence{
	    display: flex;
	    gap: 20px;
	    flex-direction: column;
	}
}