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

@media(min-width: 768px){

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img{
		position: absolute;
		left: 0;
		top: 5%;
		bottom: 0;
		height: 90%;
		width: 0;
		-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.bloc_prestations:hover .prestations-img{width: 15.22vw;}
	.bloc_prestations:hover .prestations-title{transform: translateX(16.5vw);}
	.bloc_prestations:hover .tc_excerpt{
		opacity: 0;
	    transform: translateX(15%);
	}

	
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.wrapper_slider:not(:nth-child(2), :nth-child(5)) .content_slider{padding-top: 50px ;}
	.wrapper_slider:nth-child(2) .wrapper_inner_slider,
    .wrapper_slider:nth-child(5) .wrapper_inner_slider{
	    display: flex;
	    flex-direction: column-reverse;
	}
	
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees{border-top: solid 1px rgb(255 255 255 / 50%);}
	#footer-coordonnees .wrappercontent > div:not(:last-of-type) {border-right: solid 1px rgb(255 255 255 / 50%)}
}

@media(min-width: 1025px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #infoadresse {order: -1}
	#infoouverture .infohoraires_ouverture{max-width: 170px;}
	
    #logoCoordonnees {
        grid-row: span 2;
        margin: 0 50px;
    }

    #logoCoordonnees img {width: 160px;}
	
    #header-coordonnees {margin: 15px 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 */
    /*-----------------*/
    #header:not(.fixed-header) #navprimary {
        border-bottom: 1px solid rgb(255 255 255 / 40%);
        border-top: 1px solid rgb(255 255 255 / 40%);
    }
    .navigmenu .social .naviglink.lvl-0{padding: 0 6px;}

	#header.fixed-header .navigtoogle.logo{
		display: block;
		margin-right: auto;
	}
	#header.fixed-header  #header-coordonnees {display: none}
	#header.fixed-header #navprimary{padding: 5px 10px;}
	#header.fixed-header .navigtoogle.social{margin-left: auto;}
	#header.fixed-header .navigmenu .naviglink.lvl-0{
    padding: 20px 12px;
    font-size: 14px;
}


    /*-----------------*/
    /* HEADER HOME */
    /*-----------------*/
	#headerHome-content{padding: 250px 30px 190px;}

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content:before {
	    background: var(--light-color);
	    --size: 30em;
	    width: var(--size);
	    height: var(--size);
	    top: 15em;
	}

    .contentButton {top: 10px;}

	.textContent {
	    padding: 80px;
	    padding-top: 180px;
	    background: var(--dark-color);
	    width: 95%;
	    max-width: 1100px;
	}


    .nameContent {
	    top: 80px;
	    left: 60px;
	}

	.imgContent img {height: 500px;object-position: left;}

	.home #content {margin-top: -200px;z-index: 3;}
	.nameContent {font-size: 7em;}
	.contentButton>a{font-size: 1em;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
    #reassurances{padding: 150px 10px;}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news{
	    margin-bottom: -100px;
	    padding-bottom: 200px;
	}
	

	/*-----------------*/
	/* GALLERY HOME */
	/*-----------------*/
	#galleryHome {
	    height: 900px;
	    overflow: visible;
	    z-index: 2;
	    margin-bottom: -150px;
	    pointer-events: none;
	}
	#galleryHome .gallery-item {position: absolute;pointer-events: all;}

    #galleryHome .gallery-item:nth-child(1) {
	    width: 25em;
	    height: 15em;
	    left: -8em;
	    top: 0;
    }

    #galleryHome .gallery-item:nth-child(2) {
	    width: 15em;
	    height: 15em;
	    left: 2em;
	    bottom: 20em;
    }

    #galleryHome .gallery-item:nth-child(3) {
	    width: 17em;
	    height: 20em;
	    left: 37.5%;
	    bottom: 5em;
	   }

    #galleryHome .gallery-item:nth-child(4) {
	    width: 15em;
	    height: 15em;
	    right: 2em;
	    bottom: 18em;
    }

    #galleryHome .gallery-item:nth-child(5) {
	    width: 20em;
	    height: 10em;
	    right: -7em;
	    top: 3em;
    }

    #galleryHome .gallery-item:nth-child(6) {
	    width: 22em;
	    height: 30em;
	    left: 34%;
	    top: -3em;
	   }


    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{
	    padding: 100px 0 50px;
	    background: var(--background-color);
	}
    .section_thumb {width: 38%;}
	.section_txt {width: 62%;}
	.sectionsbloc{
		padding: 70px 0 0;
		width: 100%;
	}
    .section_thumb .blocthumb {
        height: 100%;
        width: 81%;
    }
    .section_thumb .specialthumb {
        position: absolute;
        top: 190px;
        right: 5%;
        width: 30%;
        height: 350px;
        border: solid var(--background-color) 5px;
    }
    .section_txt .wrap-text{
        padding: 50px 20px;
        width: 80%;
        margin-left: auto;
        max-width: 770px;
        padding-right: 50px;
    }
    .sectionsbloc .section_txt .wrap-content {
        padding-left: 70px;
        padding-right: 0;
    }
    .sectionsbloc .section_txt .tertiarythumb {
        position: absolute;
        left: -30%;
        bottom: 70px;
        width: 38%;
        height: 50%;
    }

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home #prestations{padding: 180px 15px 100px;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees br{display: none;}
}

@media(min-width: 1281px){
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .contentButton a{font-size: 18px;}

	/*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
    #galleryHome .gallery-item:nth-child(1) {
	    height: 25em;
	    top: -15em;
	    left: -5em;
    }

    #galleryHome .gallery-item:nth-child(5) {
	    height: 20em;
	    top: -15em;
	    width: 25em;
	}
	 #galleryHome .gallery-item:nth-child(6){left: 37%;}
	#galleryHome .gallery-item:nth-child(3){left: 40.5%;}
	
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 150px 0;}
	.section_thumb {width: 40%;}
    .section_txt {width: 60%;}
	#choixSections .linkSections p{
        letter-spacing: 1px;
        font-size: 13px;
    }
}

@media(min-width: 1481px){
	/*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
    #galleryHome .gallery-item:nth-child(1) {
	    left: 2em;
	    top: -15em;
	    width: 30em;
    }

    #galleryHome .gallery-item:nth-child(2) {
	    width: 20em;
	    left: 10em;
	    bottom: 20em;
    }

    #galleryHome .gallery-item:nth-child(4) {
	    width: 20em;
	    right: 10em;
	    bottom: 18em;
   }

    #galleryHome .gallery-item:nth-child(5) {
	    width: 30em;
	    right: 3em;
	    top: -15em;
    }
	 #galleryHome .gallery-item:nth-child(6){left: 39%;}
	#galleryHome .gallery-item:nth-child(3){left: 41.5%;}
	
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.section_txt .wrap-text {padding: 60px 70px;}
}

@media(min-width: 1681px){
	/*-----------------*/
    /* GALERY HOME */
    /*-----------------*/
    #galleryHome .gallery-item:nth-child(1) {
	    left: 2em;
	    top: -15em;
    }

    #galleryHome .gallery-item:nth-child(2) {
	    left: 20em;
	    bottom: 20em;
    }

    #galleryHome .gallery-item:nth-child(4) {
	    right: 20em;
	    bottom: 18em;
    }

    #galleryHome .gallery-item:nth-child(5) {
	    right: 3em;
	    top: -15em;
    }
}

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

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

@media(max-width: 1280px){
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections:before {left: 30px;width: calc(100% - 60px);}
	#choixSections:after {left: 20px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-title h2{font-size: 30px;}
}

@media(max-width: 1024px){

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 140px;}
	
	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content {
	    background: var(--dark-color);
	    margin-top: 0;
	    padding: 0 20px 40px 20px;
	}
	.nameContent{color: var(--white)}
	.contentButton>a{
		font-size: 14px;
		padding: 20px;
	}
	.imgContent .blocthumb{margin-bottom: -20px;}
	.imgContent img{object-position: 50% 20%;}

	/*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
	#galleryHome .gallery {
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    grid-auto-rows: 150px;
    }

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	.title_slider{font-size: 22px;}
    #news-title h2:after{left: 30%;}
	#news .grid.gutter50{gap: 15px;}
	#news  .title_slider{font-size: 20px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-title h2{font-size: 25px;}
	.bloc_prestations .tc_excerpt{font-size: 15px;}
	.prestations-title{
	    width: 44%;
	    padding-right: 15px;
	}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
    #reassurances .picto-container li p strong{
        letter-spacing: 0;
        font-size: 14px;
    }
	
    /*-----------------*/
    /* 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;
	}
    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees .wrappercontent > div{padding: 45px 10px 20px 10px;	}
	
	#footer #footerbloc {
	    grid-template-areas:
    	    "footerlogo"
    	    "footerLinks";
	    grid-template-columns: 1fr;
	    justify-items: center;
	    grid-row-gap: 0;
	}
	#footerLinks{flex-direction:column;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.more-links.bigLink{
	    padding: 18px 30px 18px 0;
	    display: inline-block;
	}
	.more-links.bigLink:after{--size: 70px;}
	.more-links.bigLink .more-links_icon svg{--size: 30px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 110px;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.nameContent{top: 40px;}
	
	.textContent{padding: 50px 0 0;}
	
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.section_thumb{grid-auto-rows: 300px;}
	#sections .tertiarythumb{height: 200px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news  .title_slider{font-size: 18px;}
	#news-title{flex-direction: column;}
	#news .thumbnail_slider{text-align: center;height: 200px;}
	#news  .thumbnail_slider img{max-height: 400px;}
	#listarticles .thumbnail_slider {height: 250px;}


	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-wrapper{
	    flex-direction: column;
	    align-items: flex-start;
	}
	#prestations .prestations-wrapper > div{width: 100%;height: auto;}
	#prestations .prestations-wrapper  .prestations-img{height: 200px;margin-bottom: 20px;}
	.prestations-title h2{
	    font-size: 22px;
	    margin-bottom: 6px;
	}
	.bloc_prestations .liresuite{text-align: right;margin-top: 10px;}

    /*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .wrappercontent{
		padding: 40px 20px;
		font-size: 15px;
		max-width: 420px;
	}
	#cta .title h2 {font-size: 22px;}

    /*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerForm {padding: 60px 15px 260px;}

    #footerForm #wrapperForm {
        padding: 40px 20px;
        max-width: 600px
    }

    #footer-coordonnees {bottom: 20px}
	#footer-coordonnees > .wrappercontent {flex-direction: column;}

	#footer-coordonnees .wrappercontent > div {
	    border: none;
	    max-width: 170px;
	    margin: 0 auto;
	    text-align: left;
	    padding: 10px 0 10px 24px;
	    align-items: flex-start;
	}
	#footer-coordonnees .wrappercontent > div:before {
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
}

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