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

@media(min-width: 768px){
	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.title small{padding-left: 47px;}
	.title.tac small{padding-left: 0;}
	.title.tac small:before{
		margin-left: -47px;
	    left: 0;
	    right: auto;
	}
	.title small:before{
		display: block;
		content: "";
		position: absolute;
		width: 36px;
		height: 1px;
		left: 0;
		background-color: var(--primary-color);
		top: 6px;
	}
	.title.tac small:after{
		display: block;
		content: "";
		position: absolute;
		width: 36px;
		height: 1px;
		background-color: var(--primary-color);
		top: 6px;
		margin-right: -47px;
		right: 0;
	}
	
    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
    .picto-container:before{
        height: 10px;
        width: auto;
        left: 15px;
        right: 15px;
        top: 30px;
    }
    .picto-container:after {
        transform: rotate(-135deg);
        right: 15px;
        left: auto;
        top: 15px;
        bottom: auto;
    }

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires #partenaires-header {margin-bottom: 100px;}
    #partenaires-intro {padding-left: 60px}
}

@media(min-width: 1025px){
	
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header.fixed-header #header-top{
		margin-bottom: 10px;
		border-bottom: solid 1px var(--tertiary-color);
	}
	#header.fixed-header #headerGrid{
	    grid-template-columns: 100px 1fr;
	    padding-bottom: 10px;
	}
	#header-coordonnees :is(.contact-left, .contact-right) > div :is(span, .titlehoraires){font-size: 14px;}
	
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #navprimary .navigmenu{justify-content: flex-end;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{ padding: 140px 30px;}

    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.section_txt ul{margin-left:0;}
	#sections{padding: 100px 0;}
    .section_thumb {width: 38%;}
	.section_txt {width: 62%;}
	.section_title{
		width: 100%;
		margin-bottom: 20px;
		padding: 0 60px;
	}
	.sectionsbloc{
		padding: 70px 0 0;
		width: 100%;
		flex-wrap: wrap;
	}
    .section_thumb .blocthumb {
        height: 100%;
        width: 81%;
    }
    .section_thumb .specialthumb {
        position: absolute;
        bottom: -30px;
        right: 5%;
        width: 30%;
        height: 200px;
        border: solid 10px var(--background-color);
    }
    .section_txt .wrap-text{
        padding: 50px 50px 20px;
        width: 80%;
        margin-left: auto;
        max-width: 770px;
    }
    .sectionsbloc .section_txt .wrap-content {
        padding-left: 40px;
        padding-right: 0;
    }
    .sectionsbloc .section_txt .tertiarythumb {
        position: absolute;
        left: -30%;
        bottom: 70px;
        width: 38%;
        height: 70%;
    }
	.buttons-wrap{align-items: flex-start;	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news-wrapper{padding: 200px 15px;}
    #news .swiper{
        padding-bottom: 100Px;
        margin-bottom: -70px;
    }
    #news .swiper-pagination-fraction{
        text-align: center;
        bottom: 50px;
    }
    #news .fashion-slider-button {
	    top: initial;
	    bottom: 150px;
	    transform: initial;
    }

    .home .thumbnail_slider {height: 600Px;  }
 
    .title_sliderWrap{width: 180%;}

	.title_slider{font-size: 28px;}
	
    #news .swiper-pagination::before,
    #news .swiper-pagination::after,
    .wrappercontent.extralarge::before{
	    content: "";
	    position: absolute;
	    bottom: 30px;
	    --space:200px;
	    left: calc(50% + var(--space));
	    transform:translateX(-50%);
	    width: var(--space);
	    height: 30px;
	    border: 1px solid var(--secondary-color);
	    border-top: none;
    }
    #news .swiper-pagination::before{
	    left: calc(50% - var(--space));
	    border-right: none;
    }
    #news .swiper-pagination::after{border-left: none;}
    .wrappercontent.extralarge::before{
	    width: 33%;
	    height: 50%;
	    left: 50%;
	    transform:translateX(-50%);
	    bottom: 10px;
	    clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 100%, 22% 100%, 25% 100%, 100% 100%, 100% 0%);
    } 

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires .title h2 {font-size: 38px;}
    #partenaires .partenaires-intro{font-size: 17px;line-height: 1.7;}
    
}

@media(min-width: 1281px){
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 120px 0 140px;}
	.section_thumb {width: 40%;}
    .section_txt {width: 58%;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires .title h2 {font-size: 42px;}
}

@media(min-width: 1481px){
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.section_txt .wrap-text {padding: 60px 70px;}
	.sectionsbloc .section_txt .wrap-content {padding-left: 70px;}
}

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

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

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

@media(max-width: 1280px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-top{padding:0;}
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary .navigmenu .naviglink.lvl-0 {
        padding: 16px 10px !important;
        font-size: 14px;
    }
	
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections:before {
		left: 30px;
		width: calc(100% - 60px);
		top: 83px;
	}
	#choixSections:after {left: 20px;top: calc(100% + 64px);}

	.subimageSections{--size: 50px;}
	#choixSections .linkSections .subimageSections:before{font-size: 1.5em;}
	#choixSections .linkSections p{padding: 0 15px;	}
}

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

	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#autotraduction {margin-right: 10px;}
	#header-coordonnees .contact-middle img{width: 160px;}
	#header-top{margin: 0;}
	#header-nav{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.infoLivraison.infohoraires_ouverture {
        font-size: 13px;
        line-height: 1.3;
    }
	#header-coordonnees .wrappercontent > div{padding: 0;margin-bottom: 40px;}
	.infoLivraison{font-size: 10px;}
	

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-title{font-size: 14px;}
	#headerHome-logo{margin-bottom: 20px;}
	#headerHome-logo img {width: 330px;}
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary .navigmenu .naviglink.lvl-0 {
        padding: 9px 10px !important;
        font-size: 14px;
        display: inline-block !important;
    }
	#navprimary .navigmenu .naviglink.lvl-1 {
        text-align: center !important;
        padding: 6px 20px;
        font-size: 13px;
    }
	
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #choixSections {display: none;}
    #sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
	}
	.section_thumb {
        height: 450px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 450px;
    }
	#sections .tertiarythumb{
	    margin-top: 50px;
	    height: 300px;
	}
	#sections .section_title {
        gap: 0;
        padding: 60px 30px 10px;
    }

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #reassurances{
	    top: auto;
	    padding: 0 10px 80px;
	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.title_sliderWrap {
	    text-align: center;
	    padding: 50px 0;
	    padding-top: 0;
	}

	.wrapper_inner_slider {
	    max-width: 650Px;
	    margin: 0 auto;
	    width: 100%;
    }

    #news .swiper {padding-bottom: 80Px;}
	#news-wrapper{padding: 140px 30px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta-map img{
	    max-width: 550px;
	    margin: 0 auto 40px;
	    display: block;
	    width: 100%;
	}
	/*-----------------*/
	/* CONTACT */
	/*-----------------*/
	#coordonneesInfos > div {max-width: 330px;}

	
	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 80px 25px 100px;}
}

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

	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#info-toogle {
        top: 29px;
        --size: 40px;
        position: absolute;
        right: 15px;
        margin: 0;
    }
    .horairesBloc {
        font-size: 14px;
    }
    #header-coordonnees :is(.contact-right, .contact-left) > div{
	    width: 100%;
	    margin: 10px auto;
	    max-width: 240px;
	}


	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-title{
		font-size: 12px;
		letter-spacing: 0.5px;
		line-height: 1.8;
	}

	/*-----------------*/
	/* CHIFFRES */
	/*-----------------*/
	#chiffres .counter-desc{
		font-size: 14px;
	}
	.counter-item{
		margin: 10px 0;
		padding: 0 8px!important;
	}
	#chiffres .counter-title{
		flex-direction: column;
		font-size: 28px;
	}
	#chiffres .counter-title img{
		margin: 0 0 10px;
	}
	
	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #reassurances{
	    padding: 0 15px 80px;
	}
	#reassurances .picto-container{
		padding: 30px 0 50px;
        max-width: 280px;
        margin: 0 auto;
	}
	#reassurances .picto-container .picto-bloc {
        margin: 24px 0;
        flex-direction: row;
        padding: 0 0 0 23px;
	}
	.picto-container li:before {
        left: 8px;
        transform: translateY(-50%);
        top: 50%;
        --size: 55px;
    }
	.picto-container li svg, .picto-container li img{--size: 30px;}

	#reassurances .picto-container li p {
        font-size: 14px;
        margin: 0 0 0 24px;
    }

	
	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.section-separator svg {
	    height: 30px;
	    top: -29px;
	}

	/*-----------------*/
	/* CONTENT */
	/*----------------*/
	.home #content{text-align: center;}

	/*-----------------*/
	/* CONTACT */
	/*-----------------*/
	#coordonneesInfos > div{max-width: 250px;}
	
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding-bottom: 50px;}
	#sections .section_title {padding: 50px 20px 0}
	.section_thumb{grid-auto-rows: 300px;}
	#sections .tertiarythumb{height: 200px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news-wrapper{padding: 80px 20px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta{padding: 80px 15px;}
	#cta .accroche{font-size: 18px;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 50px 15px 80px;}
    #partenaires-header{
       grid-gap: 20px;
       margin-bottom: 40px;
    }
    #partenaires .widget_partenaires li{min-height: 130px;}
}

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