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

@media(min-width: 768px){
	 /*-----------------*/
     /* PRESTATIONS */
     /*-----------------*/
	.nohome #prestations:before{
		content: "";
		position: absolute;
		top: 170px;
		left: 50%;
		transform: translateX(-50%);
		width: 70%;
		height: 4px;
		background: var(--tertiary-color);
	}
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections .sectionsbloc .section_back{padding: 60px 30px;}
}

@media(min-width: 1025px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header-coordonnees{
		background: var(--primary-color);
		padding: 10px 30px;
	}
    #header-coordonnees > div br{display: none;}
    .home #navprimary .navigtoogle.logo{display:none;}

	/*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
	#navprimary .navigmenu{justify-content: space-evenly}

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-content{padding: 0 0 25vh 0;}
    #headerHome-logo a img{background: #ffffffd9;}

	 /*-----------------*/
     /* PRESTATIONS */
     /*-----------------*/
	.nohome #prestations:before{top: 280px;}

    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
    .picto-container li:first-child,
    .picto-container li:last-child{transform: translateY(50px) !important;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections .section_thumb{
		max-width: 50%;
        padding: 10px 0;
		position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}

	#sections .sectionsbloc.even .section_thumb{left: 50%;}
	
	.card_wrap {
	    position: relative;
	    max-width: 800px;
	    min-height: 800px; /* Une base raisonnable */
	    height: auto;      /* Changement ici */
	    margin: 0 auto;
	    perspective: 5000px;
	    z-index: 1;
	}
	.card_wrap .card {
	    width: 100%;
	    height: auto;      /* Changement ici */
	    transform-style: preserve-3d;
	    transition: .4s;
	    position: relative;
	}
	.card_wrap .card > div{
		-webkit-clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0 85%, 0 15%);
		clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0 85%, 0 15%);
		margin: 0px auto;
		padding: 100px;
		height: 100%;
		text-align: center;
		width: 100%;
		/* min-height: fit-content !important; */
	}
	.sectionsbloc .card_wrap:hover .card {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    .card .face {
        /* position: absolute; */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .card .front {
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    z-index: 2;
	}
    .card .back {
		position: relative; /* Changement ici */
		background: #fff;
		transform: rotateY(-180deg);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 160px 100px!important;
		height: auto;       /* Changement ici */
		min-height: 100%;
		}

   
	#sections .section_txt h2{font-size: 32px;}
	#sections .section_front{
		left: 50%;
        transform: translateX(-50%);
        background: var(--primary-color);
	}
	#sections .section_front:before{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 95%;
        height: 95%;
        box-sizing: border-box;
        -webkit-clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0 85%, 0 15%);
        clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0 85%, 0 15%);
        border: 3px solid var(--white);
	}
	#sections .section_front:after{
		width: 50%;
        background: #00000008;
	}
	#sections .section_front .blocthumb img{
		--size: 300px;
		height: var(--size);
        width: var(--size);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        border: 4px solid var(--white);
	}
	
	
	#sections .sectionsbloc.odd .section_front{background: var(--title-color);}
	#sections .sectionsbloc.odd .section_back{background: var(--title-color);}
	#sections .sectionsbloc.odd .section_front:after{background: #00000030;}
	#sections .sectionsbloc{margin: 80px 0;}

	#sections .sectionsbloc .title{margin-bottom: 30px;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer:before{
	    height: 500px;
	    top: 100px;
	}
	.wrapperContact{width: 90%;}
}

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

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

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

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

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

@media(max-width: 1280px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .navigtoogle.logo .naviglogo{
	    max-height: 60px;
	    margin-right: 10px;
	}
	.navigmenu .naviglink.lvl-0{
	    font-size: 16px;
	}
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-content :is(h2,h3){font-size: 24px;}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    font-size: 15px;
	    color: var(--white);
	}
	.navigtoogle.social .sociblock .share-buttons a svg{fill: var(--white);}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{
		padding-bottom: 300px;
		padding-top: 100px;
	}
	#headerHome-logo > a img{width: 300px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.nohome #prestations{padding: 0;}
	.nohome #prestations .bloc_prestations{padding: 30px 20px;}
	.prestations-img{--size: 280px;}
	#prestations #route{display: none;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;}

	
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.content_slider{
	    padding: 40px;
	    outline-offset: -20px;
	}
	.content_slider:before{--dist: 20px;}
	.next_slider{
	    left: 0;
	    right: 0;
	}
	.title_slider{ font-size: 20px;}

	 /*-----------------*/
	/* CTA */
	/*-----------------*/
	#cta:after{content: none;}

	 /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc .section_thumb:before,
	.sectionsbloc .section_thumb:after{content: none;}
	
    /*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footer:before,
	#footer:after{content: none;}
	.imgContact {
		height: 200px;
		background-size: 180px;
	}
	#footerCoordonnees > div{font-size: 15px;}
	#wrapperForm{padding: 40px 20px;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{
		padding-bottom: 200px;
		padding-top: 50px;
	}
	#headerHome-logo{
	    flex-direction: column;
	    align-items: center;
	}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img{--size: 180px;}
	.prestations-content :is(h2,h3){font-size: 20px;}

	/*-----------------*/
	/* ETAPE PRESTATIONS */
	/*-----------------*/
	.etapeChiffre{
	    border-bottom: 3px solid var(--light-color);
	    border-right: none;
	}

	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content-img{margin: 0 auto -210px;}
	.home #content-img img {height: 280px;}
	.home #content:before{--size: 300px;}

	/*-----------------*/
	/* CTA */
	/*-----------------*/
	#cta{
		padding: 100px 15px;
		background-position: center;
	}
	#cta-button{flex-direction: column;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li{
	    margin: 0;
	    --size: 220px;
	}
	.picto-container li :is(svg, img){--size: 50px}
	.picto-container li p{font-size: 18px;}
	
	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLogo{
	    display: flex;
	    align-items: center;
	}
	.titleFooter{margin-bottom: 5px;font-size: 14px;letter-spacing: 1px;}
	#footerLinks{font-size: 14px;}
}

@media(max-width: 480px){
	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container{grid-template-columns: 1fr;}
}