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

@media(min-width: 768px){
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content .wrappercontent{max-width: 560px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances :is(.picto-bloc:nth-of-type(1), .picto-bloc:nth-of-type(3)):before{
	    left: auto;
	    right: -13px;
	}
	
	#reassurances :is(.picto-bloc:nth-of-type(2), .picto-bloc:nth-of-type(4)){padding-left: 80px;margin-left: -40px;}
	#reassurances :is(.picto-bloc:nth-of-type(1), .picto-bloc:nth-of-type(3)) {
	    text-align: right;
	    padding-right: 80px;
	    margin-right: -40px;
	}
	
	#reassurances :is(.picto-bloc:nth-of-type(1), .picto-bloc:nth-of-type(3)) :is(svg, img){
	    left: auto;
		right: 0;
	}
	#reassurances .picto-bloc:last-child p
	{
		display: none;
	}
	#reassurances .picto-bloc:last-child
	{
		position: absolute;
		bottom: -10px;
		left: 50%!important;
		transform:translateX(-50%) scale(1.3)!important;
	}
	#reassurances .picto-bloc:last-child::before
	{
		background: var(--white);
	}
	 /*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .left-img .blocthumb{
		padding-right: 15px;
		margin-top: 11em;
		height: 39em;
	}
	.home #content .right-img .specialthumb{
		padding-left: 14px;
		margin-top: 13em;
		height: 25em;
	}

	.home #content .left-img .tertiarythumb{
		bottom: 3.5em;
		top: auto;
		height: 22.6em;
		width: 290px;
		right: 0.7em;
		left: auto;
		position: absolute;
	}
	.home #content .right-img .quaternarythumb{
		bottom: 16.5em;
		top: auto;
		height: 22.6em;
		width: 290px;
		left: 0.9em;
		position: absolute;
	}

	 /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news .wrapper_slider:first-of-type {
        grid-column: span 2;
        grid-row: span 3
    }

    #news .wrapper_slider:first-of-type .content_slider .title {
        min-width: 600px;
        position: relative;
        z-index: 2
    }

    #news .wrapper_slider:first-of-type .title_slider {
        font-size: 50px;
        text-shadow: 0 0 8px var(--black);
        line-height: 1.1;
        margin-bottom: 15px !important;
    }

    #news .wrapper_slider:first-of-type .wrapper_inner_slider {
        display: flex
    }

    #news .wrapper_slider:first-of-type .thumbnail_slider {
        order: 2;
        height: 650px;
        width: 50%
    }

    #news .wrapper_slider:first-of-type .content_slider {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-bottom: 100px;
    }

    #news .wrapper_slider:first-of-type .text_slider,
    #news .wrapper_slider:first-of-type .text_slider a {
        max-width: 80%;
        font-size: 16px;
    }

	
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
	#header-infos .button{margin-right: 10px;}
	#header.fixed-header #logoheader{height: 50px;}
	
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary {
        border-bottom: solid 1px rgb(255 255 255 / 40%);
        margin: 0 -10px;
    }
	#navsecondary .navigmenu {justify-content: flex-start;}
	#header.fixed-header #navprimary{
	    background: var(--black);
	    border: none;
	}
	#logo a{justify-content: center;}

	
	.safari #navsecondary .navigmenu .naviglink.lvl-0:not(.item-home){letter-spacing: -1px!important;}

	/*-----------------*/
	/* HEADERHOME / BANNER */
	/*-----------------*/
	#headerHome, #banner {margin-top: 118px;}
	#headerHome-content
	{
		padding-bottom: 100px;
	}


	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content .wrappercontent{max-width: 800px;}
	
	
	/*-------------------- MOT -------------------*/
	#certifications
	{
		padding-bottom: 0;
		margin-bottom: -80px;
		z-index: 2;
	}
	
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.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: 400px;
	    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;
	}
    .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: 50px;
		padding-bottom: 50px;
	}
	
	.sectionsbloc.section_num3 {
	   margin: 0 auto;
	   padding: 80px 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;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reaCenter {--size: 400px;}
	.home #reassurances{padding: 170px 15px;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires{padding: 50px 15px;}

	 /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news {
        padding: 120px 30px;
    }

    #news .wrapper_slider:first-of-type .text_slider a {
        line-height: 1.4;
        font-size: 19px;
    }

    #footer .overlayAfter::after {
        background: linear-gradient(to top, var(--black), #00000020);
        opacity: 0.9;
    }

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

    #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: 290px;
    }

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

	
}

@media(min-width: 1281px){
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary {margin: 0 -20px;}

	/*-----------------*/
	/* HEADERHOME / BANNER */
	/*-----------------*/
	#headerHome, #banner {margin-top: 113px;}

	
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.section_num2 .specialthumb{top: 800px;}
	.sectionsbloc.section_num2 .section_thumb{height: 700px;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reaCenter { --size: 440px;}

	/*-----------------*/
    /* 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(min-width: 2001px){
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.section_num1 .section_txt .wrap-text{padding-right: 50px;}
}

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

@media(max-width: 1480px){
	  /*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .middle-content {padding: 340px 50px 260px;}
	.home #content:before {width: 70em;}
    
}

@media(max-width: 1280px){
	/*-----------------*/
	/* 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 10px;
		font-size: 14px;
	}
	 /*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content:before {
        width: 60em;
        height: 21em;
    }
	.home #content .middle-content{
		padding: 340px 0 300px;
		font-size: 17px;
	}
	.home #content .left-img{padding-right: 30px;}
	.home #content .right-img{
		padding-left: 30px;
	}
	.home #content .left-img .tertiarythumb{right: 1.6em;}
    
}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 300px;}
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees .title{
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	#header-coordonnees .title h3{font-size: 25px;}	
	#headerGrid{padding: 10px;grid-row-gap: 0;}


    #header-coordonnees>div {
        max-width: 200px;
        width: 100%;
        margin: 8px auto;
    }

    #headerSocial .sociblock .share-buttons {
        justify-content: flex-start;
    }
    #headerHome-content {
        min-height: 400px;
    }
	#headerHome .shapeWrap
	{
		top: 50%;
	}
    .agencesCoord .itemlistwidgetagence
    {
        padding: 20px;
    }
    .agencesCoord
    {
        background: var(--black);
        position: relative;
        order: 1;
    }
	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    padding: 10px 8px;
	    font-size: 14px;
	}
	#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo) span:after{
	    bottom: 0;
	    height: 2px;
	}

	/*-----------------*/
    /* HEADER HOME */
    /*-----------------*/
	#headerHome .shapeWrap{max-height: 300px;}

	/*-----------------*/
	/* HEADERHOME / BANNER */
	/*-----------------*/
	#headerHome, #banner {margin-top: 100px;display: grid;}
	
	/*-------------------- MOT -------------------*/
	.etiquette
	{
		position: static;
		padding: 10px;
		display: grid;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	.etiquette svg
	{
		--size:150px;
		width: var(--size);
		height: var(--size);
	}
	 /*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content {padding: 150px 0 100px;}
	.home #content:before {
        width: 700px;
        height: 240px;
	}
 /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news .content-news {
        grid-gap: 0 30px
    }

    #news:after {
        content: none;
    }

    #news {
        padding: 80px 15px 190px;
        margin: 0;
    }

    #news .wrapper_slider {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #news .title_slider {
        font-size: 25px;
    }

    #news .wrapper_slider:first-of-type .text_slider,
    #news .wrapper_slider:first-of-type .text_slider a {
        line-height: 1.5;
    }

    #news .wrapper_slider:first-of-type .content_slider .title {
        min-width: 170%
    }

    #news .wrapper_slider:first-of-type .title_slider {
        font-size: 35px;
    }
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .section_txt {
	    grid-column: span 2;
	    max-width: none;
	    order: 1;
	    padding: 0;
	    border-radius: 0;
	}
	.sectionsbloc .section_thumb .blocthumb{height: 100%;}
    .sectionsbloc .section_thumb{order: -1!important; }
    .sectionsbloc .section_thumb, 
    .sectionsbloc .specialthumb {height: 450px;width: 100%;}

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

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}
	#footerLinks{flex-direction: column;}
	#menu-footer .menu-item:last-child{margin: 0;}
    .safari #wrapperForm .title {
		display: grid;
		width: 100%;
		justify-content: center
	}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 200px;}
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header-coordonnees{
	    right: -250px;
	    width: 250px;
	    padding: 70px 30px 65px;
	}
	
	/*-----------------*/
	/* HEADERHOME / BANNER */
	/*-----------------*/
	#headerHome, #banner {margin-top: 80px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome .shapeWrap{max-height: 270px;--maxsize: 300px;}
	

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
    #news .wrapper_slider:first-of-type .wrapper_inner_slider {
        display: flex;
        flex-direction: column-reverse
    }

    #news .wrapper_slider:first-of-type .content_slider .title {
        min-width: auto
    }

    #news .title_slider,
    #news .wrapper_slider:first-of-type .title_slider {
        font-size: 22px;
    }

    #news .next_slider {
        margin-top: -10px
    }

    #news .wrapper_slider:first-of-type .thumbnail_slider {
        height: 200px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    #news .content-news {
        grid-gap: 20px 0;
    }

    #news {
        padding: 70px 15px 100px;
    }
 /*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content:before {
        width: 300px;
        height: 100px;
    }
	
	.home #content {padding: 60px 18px 50px;}
	
	.home #content .left-img,
	.home #content .right-img{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 180px;
		grid-gap: 4px;
		padding: 2px 0;
	}
	.home #content .left-img .tertiarythumb, 
	.home #content .right-img .quaternarythumb,
	.home #content .middle-content:before,
	.home #content .middle-content:after {position: relative;right: auto;left: auto;}
	
	.home #content .middle-content{
		order: -1;
		font-size: 16px;
		padding: 0 0 30px;
	}
	.home #content .middle-content:before{
		display: block;
		margin: 0 auto 20px;
		transform: scale(0.8);
		left: auto;
	}
	.home #content .middle-content:after{content: none;}

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


	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li p{
		font-size: 15px;
	}
	.picto-container li p strong{
    font-size: 13px;
}
	.picto-container li:before{
	    --size: 50px;
	    left: 0;
	}
	#reassurances .picto-bloc :is(svg, img){
    --size: 30px;
    left: 9px;
}
	.picto-container{
    max-width: 600px;
    margin: 0 auto;
}
	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	.wrapperFooter {padding: 40px 15px}
	
}

@media(max-width: 480px){
	.fixe, .horaires, .adresse, .portable, .mail, .social:not(.navigtoogle){font-size: 15px;}
	/*-------------------- AGENCES -------------------*/
	.agencesCoord #listwidgetagence
	{	
		grid-template-columns: 1fr;
	}
}