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

@media(min-width: 768px){
	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	.home #prestations {
		height: calc(100vh - 160px);
		min-height: 550px;
		z-index: 2;
	}


	.bloc_prestations:hover:before,
	.bloc_prestations.actif:before{
		transform: scaleY(1.3) !important;
        border-radius: 5px;
	}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
    #infoadresse {order: -1}

    #logoCoordonnees {
        grid-row: span 2;
        margin: 0 50px;
    }
	#infoouverture{grid-row: span 2;}

    #logoCoordonnees img {width: 300px;}

    #header-coordonnees {margin: 20px auto;}

    #header-coordonnees>:nth-child(1), 
    #header-coordonnees>:nth-child(4) {
        padding: 0 24px 0 0;
        text-align: right;
    }
    #header-coordonnees>:nth-child(1) span, 
    #header-coordonnees>:nth-child(4) span {text-align: right}

    #header-coordonnees>:nth-child(1):before, 
    #header-coordonnees>:nth-child(4):before {
        right: 0;
        left: auto
    }
	
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	#navprimary {
        border-top: 1px solid rgb(255 255 255 / 40%);
        border-bottom: 1px solid rgb(255 255 255 / 40%);
    }

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{padding: 140px 30px;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .title {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 100px;
        max-width: 800px
    }
	.home #content{padding: 220px 30px 140px;z-index: 1;}	
	.grid-img {
	    margin: 0 -1rem -40px -1rem!important;
	    display: grid!important;
	}
	
	.grid-img .first .wp-block-image{
	    width: 200%;
	    margin-left: -100%;
	    margin-top: 1.5rem;
	    height: 440px;
	}
	.grid-img .second .wp-block-image{ height: 299px;}
	.grid-img .third .wp-block-image{
		margin-top: 2.5rem;
		height: 299px;
	}
	.grid-img .fourth .wp-block-image{
		width: 200%;
	    margin-right: -100%;
	    height: 440px;
	}
	.intro-txt {
	    max-width: 500px;
	    margin: 0 auto 0 17%!important;
	    padding-right: 20px;
	}
	.intro-link{margin: 0 17% 0 auto!important;}
	
    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances{padding: 150px 15px;}
	.home #reassurances{
    margin-top: -200px;
    padding-top: 200px;
}
    #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: 50px;
        line-height: 1;
        text-shadow: 0 0 7px var(--black);
    }

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections{padding-top: 100px;}
    .sectionsbloc.even {z-index: 2}
    .sectionsbloc {gap: 0 30px}

	.sectionsbloc:last-child.even{padding-bottom: 80px;}
	 .sectionsbloc.odd {padding-bottom: 100px;}
    .sectionsbloc.even .section_thumb .blocthumb {
        position: relative;
        top: 250px;
        height: 90%;
        margin-right: -200px;
        border: 10px solid var(--white);
        border-left: initial;
        border-top: initial
    }
	.template_cv .sectionsbloc:not(:last-child).even{margin-bottom: 100px;}

    .sectionsbloc.odd .section_thumb,
    .sectionsbloc.odd .section_txt {grid-column: span 9}

    .sectionsbloc.odd .secondary_thumb {display: none}

    .sectionsbloc.odd .section_thumb {
        height: 800px;
        margin-top: -105px;
        filter: brightness(0.7);
        order: inherit;
        clip-path: polygon(0 100%, 50% 100%, 53% 95%, 90% 95%, 93% 100%, 100% 100%, 100% 0, 43% 0, 40% 5%, 20% 5%, 17% 0, 0% 0%);
    }

    .sectionsbloc.odd .section_txt {
        max-width: 1300px;
        margin: 0 auto;
        margin-top: -280px;
        width: 95%;
        background: var(--secondary-color);
    }

    .sectionsbloc.odd .section_txt,
    .sectionsbloc.odd .section_txt .title h2 {color: var(--white)}

    .sectionsbloc .specialthumb {
        height: 70%;
        margin-left: -300px;
        border: 10px solid var(--background-color)
    }

    .sectionsbloc.odd .wrap-text {
        column-count: 2;
        column-gap: 40px
    }

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

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

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

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

@media(min-width: 1281px){
	/*-----------------*/
    /* INTRO */
    /*-----------------*/
	.intro-txt {margin: 0 auto 0 10%!important;	}
	.intro-link{margin: 0 10% 0 auto!important;}
	
    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
    #reassurances .title h2{font-size: 58px;}
    #reassurances .right {padding: 50px 0 50px 223px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb {margin-top: -125px;}
    .sectionsbloc.odd {padding-bottom: 150px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}

}

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

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

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

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

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

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{
		height: auto;
		width: 200px;
	} 
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.grid-img {
	    margin: 30px 0;
	    grid-gap: 10px!important;
	    display: grid!important;
	    grid-auto-rows: 200px;
	}
	.grid-img .wp-block-image{height: 100%;}
	.home #content {
        padding: 170px 15px 80px;
    }
	
    /*-----------------*/
    /* 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%;
        padding: 0 40px 0 0;
    }
	#reassurances .picto-container li p {font-size: 14px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
     .sectionsbloc .section_txt {
        max-width: 850px;
        margin: 0 auto;
        width: 100%
    }
    .sectionsbloc .specialthumb {height: 100%}
	.section_txt{order: -2}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .next_slider {width: 140px;}
	
	.title_slider {font-size: 20px;}
    .newsdate .day {font-size: 30px}
    .newsdate .month {font-size: 17px}
	.newsdate {
        padding: 20px 20px;
        height: calc(100% - 140px);
        top: 50px;
        left: -60px;
        min-height: 150px
    }
	
	.thumbnail_slider{height: 300px;}
	#news-title {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        border: none;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    #news-title .title { margin-bottom: 10px   }

		/*-----------------*/
    /* PRSTATIONS */
    /*-----------------*/
	.bloc_prestations{
	    padding: 20px 20px;
	    overflow: hidden;
	}
	.prestations-content{
    padding: 0 0 0 30px;
}
	#prestations .prestations-content::before{
    left: 20px;
    font-size: 2em;
}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
	#partenaires .title{ margin-bottom: 15px  }

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}

}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}
	
     /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances{clip-path: polygon(0 100%, 50% 100%, 53% 97%, 90% 97%, 93% 100%, 100% 100%, 100% 0, 43% 0, 40% 3%, 20% 3%, 17% 0, 0% 0%);}
    #reassurances {padding: 60px 15px;}
    #reassurances .picto-container {
        max-width: 170px;
        margin: 0 auto;
        flex-direction: column;
    }
    #reassurances .right {padding: 0 0 0 10px;}
    .picto-container .picto-bloc{
        margin: 21px 0;
        flex: 1 1 100%;
        padding: 0;
    }
    .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 {
        letter-spacing: 0;
        margin-left: 36px;
    }

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	.thumbnail_slider{height: 250px;}

    #news .content_slider {padding: 20px 0 20px;}
	.text_slider, .text_slider a{font-size: 14px;}
    .newsdate {
        left: 20px;
        top: -40px;
        height: auto;
        padding: 10px 15px;
        min-height: auto
    }
    .newsdate .month {font-size: 14px;}
    .newsdate .day {font-size: 20px;}
    .title_slider {font-size: 18px;}
    #news .next_slider {
		justify-content: flex-start;
		width: auto;
	}

	/*-----------------*/
    /* PRSTATIONS */
    /*-----------------*/
	#prestations .widget_parentpage{
    max-width: 310px;
    margin: 0 auto;
}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
	        "infoadresseFooter"
	        "infotelfixeFooter"
		 "infoouvertureFooter";
	    grid-template-columns: 1fr;
	    grid-row-gap: 20px;
	}
	.wrapperFooter {padding: 40px 15px}

}

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