@media not all and (min-resolution:.001dpcm) { 
	@media {
    /*
      MEDIA QUERIES POUR CIBLER SAFARI UNIQUEMENT
     */   
    
    }
}
@media(min-width: 481px){
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
    #agencesFooter #listwidgetagence{
	    display: flex;
	    justify-content: space-between;
	}
	#agencesFooter{width: 100%;	}
}

@media(min-width: 768px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-agences:after{
	    width: 300%;
	    height: 200vh;
	    left: -30px;
	    top: -75vh;
	    background: var(--black);
	    border-left: 1px solid var(--primary-color);
	}
	
	/*-----------------*/
	/* CONTENTs */
	/*-----------------*/
	.home #content .wp-block-media-text .wp-block-media-text__media{position: relative;}
	.home #content .wp-block-media-text .wp-block-media-text__media img{
		position: absolute;
		top: 0;
		left: 0;
	}
	.home #content .wp-block-media-text.img-position-bottom .wp-block-media-text__media img{
		object-position: bottom;
	}
	.home #content .wp-block-media-text.img-position-top .wp-block-media-text__media img{
		object-position: top;
	}

	 .home #content .wp-block-media-text{grid-template-columns: 1fr 1fr !important;margin: 0;}

		
	.home #content .wp-block-media-text__content .wp-block-columns{margin: 0;}
	.home #content .wp-block-media-text__content{
		padding: 100px 20px 100px 80px;
		text-align: left;
		justify-items: flex-start;
	}
	.home #content 	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	    padding: 100px 80px 100px 20px;
	    text-align: right;
	    justify-items: flex-end;
	}

	.home #content .pre-content{
	    gap: 210px;
	    flex-wrap: nowrap!important;
	}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	.wrapper_slider:not(:nth-child(2), :nth-child(5)) .content_slider{padding-top: 50px ;}
	.wrapper_slider:nth-child(2) .wrapper_inner_slider,
    .wrapper_slider:nth-child(5) .wrapper_inner_slider{
	    display: flex;
	    flex-direction: column-reverse;
	}

	 /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-bloc:nth-child(even) {margin-top: 80px;}
	.picto-container li :is(img, svg){--size: 60px;}

	.picto-container li p{padding-left: 30px;font-size: 16px;}

	.picto-bloc p strong{
		font-size: 24px;
	    margin: 0 0 5px;
	}
	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLogoAlt{gap: 60px;}
}

@media(min-width: 1025px){
     /*-----------------*/
	/* HEADER */
	/*-----------------*/
    #header-top{
        margin: -20px -20px 20px;
        padding: 5px 10px;
        background: var(--black);
    }

	#navsecondary .navigmenu{justify-content: flex-start;}
	#navprimary{
	    border-top: solid 1px rgb(255 255 255 / 40%);
	    border-bottom: solid 1px rgb(255 255 255 / 40%);
	}
	#header.fixed-header #headerGrid{
	    grid-template-columns: 1fr 120px 1fr;
	    grid-row-gap: 15px;
	    padding: 10px 20px 0;
	    grid-column-gap: 0;
	}
	#header.fixed-header #navprimary{border-bottom: 0;}

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

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding: 100px 0;}
	.home #content .title small{font-size: 22px;}
	.home #content .title{padding: 0 20px 30px;}

	.home #content .pre-content{
	    gap: 250px;
	    padding: 30px 25px;
	}

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{
	    margin-bottom: -48px;
	    padding-bottom: 150px;
	}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 80px 0 150px;}
    .sectionsbloc {
        padding: 70px 0 0;
        max-width: 1580px;
        margin: 0 auto;
    }
    
    #sections .section_title {
        margin-bottom: 80px;
        padding: 0 60px
    }

    #sections .section_title .title {
        padding: 0;
        margin: 0
    }

    .sectionsbloc .wrap-text{padding: 120px 100px 60px;}
 
    #sections .section_title p {margin: 0 }

    #sections .section_title .title:after {
        height: 100%;
        width: 2px;
        left: auto;
        right: -50px;
        background: rgb(0 0 0 / 10%)
    }

    .sectionsbloc .section_thumb .blocthumb{
	    width: 80%;
	    height: 75%;
	}
   .sectionsbloc .section_thumb  .specialthumb{
       border: solid var(--light-color) 5px;
       position: absolute;
       top: 30%;
       right: 0;
       width: 73%;
       height: 70%;
    }

	/*-----------------*/
	/* NEWSLETTER */
	/*-----------------*/
	#newsletter{
		position: absolute;
		left: 20.4%;
		max-width: 370px;
		top: 0;
		padding: 50px 35px;
		text-align: left;
	}
	
	#newsletter .sociblock .share-buttons{justify-content:flex-start;}



	#galleryFooter{padding-top: 50px;padding-bottom: 1px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#agencesFooter{
	    border-bottom: solid 1px rgba(0,0,0,0.1);
	    padding-bottom: 20px;
	}
	#footermenu{
		width: 100%;
	}
	#footerLogoAlt{gap: 120px;}

}

@media(min-width: 1281px){
	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{padding-top: 200px;}
}

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

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

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

@media(max-width: 1480px){
	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.wrappercontent.medium {max-width: 790px;}
}

@media(max-width: 1280px){
    /*-----------------*/
	/* NAVSECONDARY + NAVPRIMARY */
	/*-----------------*/
	#navsecondary .navigmenu .naviglink:not(.item-home){
	    font-size: 11px;
	    padding: 6px 8px;
	    letter-spacing: 0;
	}
	.navigmenu .naviglink.lvl-0{
		font-size: 14px;
	}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections:before {left: 30px}

    #choixSections:after {left: 20px}

	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#menu-secondaryfooter{
	    gap: 25px;
	    font-size: 13px;
	}
	#footer .fpi{width: 70px;}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-nav .wrappercontent{gap: 50px;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo) span:after{
		bottom: 0;
		height: 2px;
	}
	.navigmenu .naviglink.lvl-0{padding: 10px 16px;font-size: 14px;}
	
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 120px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .linkTurn{--size: 9rem;}
	
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	.title_slider{font-size: 22px;}
    #news-title h2:after{left: 30%;}
	#news{
        padding-bottom: 330px;
        margin-bottom: -220px;
    }
	#news .grid.gutter50{gap: 15px;}
	#news  .title_slider{font-size: 20px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-bloc p{font-size: 15px;}
	.picto-bloc p strong{font-size: 20px;}
	.picto-container li{
    padding: 10px 30px;
}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#choixSections {display: none}
	#sections .sectionsbloc {
        flex-direction: column;
        display: flex;
    }
	#sections .section_title {
        gap: 0;
        padding: 60px 30px 10px;
    }
	#sections .section_thumb {
        display: grid;
        align-items: stretch;
        grid-template-columns: repeat(2, 1fr);
    }

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLogo > a{
		display: flex;
		align-items: center;
	}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}
	
    /*-----------------*/
	/* HEADER */
	/*-----------------*/
   #header-agences, #header-coordonnees{
	    padding: 0;
		justify-self: center;
	}
	#header-nav{
		padding: 120px 15px 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#header-nav .wrappercontent{
		gap: 25px;
		height: auto;
	}
	#header-coordonnees .flex  > div:before{
		content: none;
	}
	#header-coordonnees .flex  > div:not(.title){padding: 0;}
	#header-coordonnees .flex  > div :is(span, .titlehoraires),
	#header-agences .list_infoagence .title_list_infoagence,
	#header-social .label{
		font-size: 10px;
		letter-spacing: 0;
	}
	#header-agences .itemlistwidgetagence {padding: 10px 0;}
	#header-agences .tel_list_infoagence a{font-size: 11px;}
	#header-coordonnees .flex  > div:not(.title),
	#header-agences .list_infoagence{font-size: 13px;}

	#header-social .sociblock .share-buttons a{
	    --size: 28px;
	    margin: 0 2px;
	}
	#header-social .share-buttons{justify-content: flex-start;}
	#header-social .sociblock .share-buttons a svg{--size: 13px;}

    /*-----------------*/
	/* FIXED BUTTON */
	/*-----------------*/
	#fixed-button .button-item a:before{
		--size: 45px;
		background-size: 18px;
	}
	#fixed-button .button-item span{font-size: 10px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .linkTurn {
		--size: 10rem;
		position: relative;
		top: auto;
		transform: translateX(-50%);
		margin-bottom: 50px;
	}

	.home #content .pre-content{
	    text-align: center;
	}

    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news  .title_slider{font-size: 18px;}
	#news-title{flex-direction: column;}
	#news .thumbnail_slider{text-align: center;}
	#news  .thumbnail_slider img{max-height: 400px;}
	#listarticles .thumbnail_slider {height: 250px;}
	#news{
	    padding-bottom: 400px;
	    margin-bottom: -320px;
	}

	/*-----------------*/
	/* CONTACT PAGE */
	/*-----------------*/
	#contactCoordonnees #listwidgetagence{
		grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        margin: 0;
	}
	#contactCoordonnees #listwidgetagence > div {
        width: 100%;
        max-width: 190px;
        padding: 16px 0px;
    }

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li{padding: 10px;}

	/*-----------------*/
	/*  FOOTER */
	/*-----------------*/
	#footer .list_infoagence .title_list_infoagence{font-size: 13px;}
	#sections .section_title {padding: 50px 15px 0;}
}

@media(max-width: 480px){

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li{flex: 1 1 100%;padding: 10px 0;}
	
	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLogoAlt{
		gap: 0;
		flex-wrap: wrap;
	}
	#footerLogoAlt a{
		flex: 1 1 50%;
		padding: 5px 15px;
	}
}