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

@media(min-width: 768px){
	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li:nth-child(2),
	.picto-container li:nth-child(4){margin-top: 70px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	
	#info-toogle{margin-left: 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: 325px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content {padding: 200px 30px 100px;}
	
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections {padding: 100px 0 120px;}

    .section_txt .wrap-text .title {
        left: -25%;
        width: 124%;
        margin-bottom: 60px
    }
    .sectionsbloc {padding: 80px 0 40px}

    #sections .section_thumb {
        width: 35%;
        z-index: 3;
        order: 2;
    }

    #sections .section_thumb .blocthumb {
        overflow: hidden;
        width: 100%;
        height: 100%;
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0)
    }
    .section_thumb .specialthumb {
        position: absolute;
        bottom: -70px;
        left: -50px;
        width: 135px;
        height: 160px;
        border-radius: 120px 120px 0 0;
        overflow: hidden
    }
    .section_txt .tertiarythumb {
        position: absolute;
        left: 0%;
        bottom: 6%;
        width: 20.5%;
        height: 34%;
    }

    #sections .section_txt {
        width: 65%;
        z-index: 2;
        position: relative;
        padding: 50px 40px 110px 0;
    }
    .section_txt .wrap-text {
        position: relative;
        max-width: 70%;
        margin-left: auto;
        padding: 0
    }
    .section_thumb {position: relative}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.picto-container li .pictoWrap{padding: 30px 20px 0;}
	.picto-container li:nth-child(even):after {
	    transform: scaleY(-1);
	    bottom: 90px;
	    top: initial;
	}
	.picto-container li:not(:last-child):after {
	    content: '';
	    position: absolute;
	    top: 70px;
	    left: calc(100% - 50px);
	    --size: 100px;
	    width: var(--size);
	    height: var(--size);
	    z-index: -1;
	   background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 101.00 103.00"><path fill="%23D0DB32" d=" M 85.45 51.58 L 84.37 45.61 Q 84.13 44.29 85.17 43.43 Q 85.43 43.22 85.74 43.15 A 1.16 1.15 -14.8 0 1 87.06 43.91 Q 90.67 54.60 94.25 62.26 C 94.92 63.68 94.56 65.11 93.14 65.76 A 1.82 1.76 39.2 0 1 91.95 65.86 Q 82.06 63.32 71.15 66.20 Q 69.00 66.77 68.04 64.77 Q 67.92 64.51 67.91 64.22 Q 67.83 62.55 69.37 61.91 Q 75.00 59.55 81.79 59.65 Q 82.45 59.66 81.96 59.22 C 73.26 51.31 64.79 44.49 53.66 40.02 C 41.09 34.98 25.12 34.29 12.25 39.73 Q 7.20 41.86 1.97 44.17 A 0.62 0.62 0.0 0 1 1.10 43.58 Q 1.13 42.78 1.71 42.23 C 13.60 30.73 33.28 29.21 48.65 32.90 Q 69.08 37.81 84.94 51.86 Q 85.60 52.45 85.45 51.58 Z"/></svg>');
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .ckslidercontrols .prev{left: 10px;}
	#news .cksliderwrap{padding-bottom: 70px;}
	#news .ckctrldiv{
	    transform: none;
	    left: 100px;
	    bottom: 13px;
	}
	#news .ckctrldiv .play{display: none;}
	#news .ckslidercontrols .next{
		left: 290px;
		right: auto;
	}
	#news .ckslidercontrols .prev,
	#news .ckslidercontrols .next{right: auto;}

	#news .title_slider_wrapper{
		min-width: 140%;
		margin-bottom: 20px!important;
	}
	#news .title_slider{
		font-size: 32px;
	}

	
    /*-----------------*/
	/* NEWSLETTER */
	/*-----------------*/
	#newsletterInner{
		position: absolute;
		left: 20.4%;
		max-width: 380px;
		top: 0;
		padding: 50px 35px;
		text-align: left;
	}
	
	#newsletter .sociblock .share-buttons{justify-content:flex-start;}
	#newsletter{
        padding-top: 50px;
        height: 500px;
    }
	#newsletter:before{
    background-attachment: fixed;
}
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer:before{
	    height: 500px;
	    top: 210px;
	}
	.wrapperContact{width: 90%;}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections {padding: 150px 0 60px;}
    .section_txt .tertiarythumb {
        width: 29.5%;
        height: 50%;
    }
    .sectionsbloc {padding: 100px 0;}

    #sections .section_txt {
        padding: 70px 160px;
        padding-left: 0;
        padding-bottom: 70px
    }
	.section_txt .wrap-text{max-width: 52%;}
	.section_thumb .specialthumb{
		bottom: 58px;
        left: -98px;
        width: 225px;
        height: 280px;
	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles{column-gap: 50px;}
	#news .title_slider{font-size: 38px;}
	#news .title_slider_wrapper{min-width: 180%;}
}

@media(min-width: 1481px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.section_txt .tertiarythumb{width: 34.5%;}
}

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

@media(min-width: 1881px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.section_txt .tertiarythumb{width: 36.5%;}
}

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

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

@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;
	}

	/*-----------------*/
	/* FILTER */
	/*-----------------*/
	.custom-product-filter .wrappercontent{padding: 20px;}
	
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections .linkSections{padding: 5px 10px;}
	#choixSections .linkSections p{
	    padding: 0 20px;
	    font-size: 13px;
	}
	#choixSections:before{
	    left: 20px;
	    width: calc(100% - 50px);
	}
	#choixSections:after{left: 10px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .content_slider{width: 44%;}
	#choixActu .linkActu{
		padding: 5px;
		min-width: 50%;
		max-width: 50%;
	}
}

@media(max-width: 1024px){
	/*-----------------*/
    /* LOADER */
    /*-----------------*/
	#logoLoader{width: 100px;}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#headerHome{
		height: 110vh !important;
	}
	#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;}
	#headerHome-content .wrappercontent{
    max-width: 600px;
}
	#headerHome .custom-product-filter{
	    bottom: -240px;
	    width: 90%;
	}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding-top: 380px;}
	.home #content .wp-block-image{
    max-width: 340px;
    margin: 0 auto;
}
	
	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.wrap-text{margin: 0px auto;}

	#choixSections {display: none;}

	#sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
    }

    #sections .section_thumb {
	    display: grid;
	    align-items: stretch;
	    grid-template-columns: repeat(2, 1fr);
	    grid-auto-rows: 300px;
	    margin: 0 auto;
	    width: 100%;
	    z-index: 1;
	    order: 1 !important;
	    height: auto;
	}
  
    #sections .tertiarythumb {height: 300px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .thumbnail_slider{height: 750px;}
	#choixActu{
	    right: 10px;
	    top: auto;
	    transform: none;
	    bottom: 0;
	    left: 10px;
	    width: auto;
	}
	#news {padding-bottom: 170px;margin-bottom: 50px;}
	#news .cksliderwrap{padding-bottom: 60px;}
	#choixActuSlider,
	#choixActu .linkActu.active .subtitleActu{height: 230px;}
	#choixActu .linkActu{
		min-width: 33.33333%;
		max-width: 33.33333%;
	}
	.subtitleActu{height: 200px;}

	#choixActu .subtitleActu .subtitleActu_content{font-size: 14px;}
	#news .content_slider{
	    width: auto;
	    max-width: 800px;
	    top: calc(50% - 30px);
	    margin: 0 auto;
	    right: 0;
	    text-align: center;
	}
	#news .thumbnail_slider:before{background: var(--overlay-color)}


	/*-----------------*/
	/* FILTER */
	/*-----------------*/
	.filter-button { margin: 0 0 50px;}

	.custom-product-filter .wrappercontent{
		flex-direction: column;
		align-items: center;
	}
	.home .custom-product-filter .wrappercontent{padding-bottom: 40px;}
	.custom-product-filter .filter-group{
	    width: 100%;
	    padding: 5px 0;
	}
	 .custom-product-filter .button:not(.btn-map){width: auto;}
	 .custom-product-filter .button.btn-map{
	    font-size: 10px;
	    padding: 18px 18px;
	    letter-spacing: 0.6px;
	}
	.custom-product-filter .filter-group:last-of-type{padding-bottom: 15px;}
	.filter-group .filter-title{font-size: 11px;margin-bottom: 2px;}
	body.woocommerce-php .custom-product-filter{
	    order: 2;
	    margin: 50px auto 0;
	}
	 .custom-product-filter{
		 margin: 0 auto;
		 width: 100%;
		 max-width: 500px;
	}

	/*-----------------*/
	/* PAGE WOOCOMMERCE */
	/*-----------------*/
	body.woocommerce-php #content > .wrappercontent{
	    display: flex;
	    flex-direction: column;
	}

	/*-----------------*/
	/* NEWSLETTER */
	/*-----------------*/
	.formwidgetnewsletter{align-items: center;}
	.formwidgetnewsletter .inputnewsletter input{width: 100%;}
	.formwidgetnewsletter .labelnewsletter label{margin-bottom: 20px;}
	
    /*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footer:before{content: none;}
	.imgContact {height: 300px;}
	#footerLinks{flex-direction: column;}
	#wrapperForm{padding: 40px 20px;}
}

@media(max-width: 767px){
	/*-----------------*/
    /* LOADER */
    /*-----------------*/
	#logoLoader{width: 80px;}

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

	/*-----------------*/
    /* CERTIFICATIONS */
    /*-----------------*/
	

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content{padding-top: 350px;}
	
	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.pictoSvg{--size: 100px;}
	.picto-container li svg, 
	.picto-container li img{--size: 35px;}
	.picto-container li p{
		font-size: 13px;
		margin: 20px 0 0 0;
	}
	.picto-container {
	    flex-wrap: wrap;
		flex-direction: row;
	}
	.picto-container li {
	    flex: 1 1 50%;
	    padding: 20px 10px;
	}

	/*-----------------*/
	/* ELEMENTS PAGE */
	/*-----------------*/
	.tab-title-text{font-size: 14px !important;}

	/*-----------------*/
	/* PRODUIT */
	/*-----------------*/
	.titleproduct{font-size: 14px;}

	/*-----------------*/
	/* FRANCHISE FORM */
	/*-----------------*/
	#franchisesForm{padding: 0!important;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles{
		column-count: 2;
		column-gap: 20px;
	}
	.thumbnail_slider {
		width: 100%;
		height: 250px;
	}
	#listarticles .listedarticle .tc_excerpt{font-size: 14px;}
	
	#choixActuSlider,
	#choixActu .linkActu.active .subtitleActu{height: 200px;}
	.subtitleActu{height: 180px;}
	
	#choixActu .subtitleActu .subtitleActu_content{
		--dist:10px;
		font-size: 13px;
	}
	#news .thumbnail_slider{height: 550px;}
	#news .content_slider{
	    width: 100%;
	    padding: 50px 20px;
	    top: calc(50% - 40px);
	}
	#news .content_slider .separator{display: none;}
	#news .title_slider_wrapper{margin-bottom: 10px!important;}
	#news .title_slider{font-size: 24px;}
	
	.text_slider, .text_slider a{font-size: 14px;}

	/*-----------------*/
	/* NEWSLETTER */
	/*-----------------*/
	
	.formwidgetnewsletter .submitnewsletter {
	    top: auto;
	    bottom: 6px;
	    left: 50%;
	    transform: translateX(-50%);
	    right: auto;
	}
	.formwidgetnewsletter .labelnewsletter label {
        font-size: 22px;
    }
}

@media(max-width: 480px){
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#choixActu .linkActu{
		padding: 5px;
		min-width: 50%;
		max-width: 50%;
	}
	#listarticles{
		column-count: 1;
	    column-gap: 0;
	}
}