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

@media(min-width: 768px){
    /*-----------------*/
    /* GALLERY HOME */
    /*-----------------*/
    #galleryHome {
        position: relative;
        z-index: 2;
        margin: 100px 0;
    }

    #galleryHome .gallery {
        display: grid;
        width: 100%;
        grid-gap: 10px;
        transition: .6s;
        grid-template-columns: repeat(38,1fr);
        max-width: 100%;
        grid-template-rows: repeat(7,150px);
        position: relative
    }

    #galleryHome .gallery .gallery-item {
        grid-column: span 6;
        position: relative;
        width: 100%!important
    }

    #galleryHome .gallery .gallery-item:first-of-type {
        grid-row: span 2;
        grid-column: span 13;
        padding-top: 15px
    }

    #galleryHome .gallery .gallery-item:nth-child(2) {
        grid-column: span 9;
        grid-row: span 3;
        padding-top: 98px
    }

    #galleryHome .gallery .gallery-item:nth-child(3) {
        grid-column: span 12;
        grid-row: span 3
    }

    #galleryHome .gallery .gallery-item:nth-child(4) {
        grid-column: span 4;
        grid-row: span 3;
        padding-top: 55px
    }

    #galleryHome .gallery .gallery-item:nth-child(5) {
        grid-column: span 7;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(7) {
        grid-column: span 10;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(8) {
        grid-column: span 13;
        grid-row: span 3
    }

    #galleryHome .gallery .gallery-item:nth-child(9) {
        grid-column: span 7;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(10) {
        grid-column: span 7;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(11) {
        grid-column: span 8;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item:nth-child(12) {
        grid-column: span 8;
        grid-row: span 2
    }

    #galleryHome .gallery .gallery-item .gallery-icon {
        height: 100%!important;
        position: relative
    }

    #galleryHome .gallery .gallery-item:first-child .gallery-icon {
        width: 55%;
        margin: 0 auto
    }

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.grid-img{
		grid-gap: 20px!important;
		margin-bottom: 40px;
		margin-top: 50px!important;
	}
	
	.grid-img .blocthumb{
		margin-top: 1.5rem;
		height: 320px;
	}
	.grid-img .specialthumb{
		height: 299px;
	}
	.grid-img .tertiarythumb{
		margin-top: 1.5rem;
		height: 299px;
	}
	.grid-img .quaternarythumb{
		height: 360px;
	}
	
	#prestations .ckslidercontrols .next{right: 0;}
	#prestations .ckslidercontrols .prev{
		right: 48px;
		left: auto;
	}
	#prestations .ckslidercontrols .prev,
	#prestations .ckslidercontrols .next{
		--size: 45px;
		top: 120px;
		border-radius: 0;
		margin: 0;
		bottom: auto;
	}
	
	#prestations .ckctrldiv{
		bottom: 50px;
		transform: none;
		left: auto;
		right: 9%;
	}
	#prestations .wrapContent-presta {padding-top: 80px;padding-right: 2px;}

	#prestations .prestations-img .specialthumb{
	   width: 90%;
	   height: 325px;
	}
	#prestations .prestations-img .tertiarythumb{
	   width: 85%;
	   left: 23%;
	   position: relative;
	   margin-top: 37px;
	   height: 390px;
	   z-index: 2;
	}

	#prestations .wrapContent-presta .image_content {min-height: 605px;}

    /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .picto-bloc{
	    flex-direction: row;
	    padding-left: 160px;
	    margin: 20px 0;
	}
	#reassurances .picto-bloc:nth-child(odd){
	    flex-direction: row-reverse;
	    padding-left: 0;
	    padding-right: 160px;
	}
	
	#reassurances .picto-bloc:nth-child(1) .picto-content,
	#reassurances .picto-bloc:nth-child(3) .picto-content{text-align: right}

	
	.picto-container  .picto-img{
		width: 130px;
		height: 90px;
		left: 50%;
		top: 50%;
	}
	#reassurances .picto-bloc:nth-child(1) .picto-img{
		left: calc(50% - 77px);
		transform: rotate(-45deg);
		top: calc(50% - 133px);
	}
	
	
	#reassurances .picto-bloc:nth-child(2) .picto-img{
		transform: rotate(45deg);
		top: calc(50% - 66px);
		left: calc(50% + 19px);
		background: #a7a7a9;
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img{
		transform: rotate(45deg);
		top: calc(50% - 38px);
		left: calc(50% - 144px);
		background: #717171;
	}
	#reassurances .picto-bloc:nth-child(4) .picto-img{
		transform: rotate(-45deg);
		top: calc(50% + 28px);
		left: calc(50% - 48px);
		background: #878787;
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img .icon-box,
	#reassurances .picto-bloc:nth-child(2) .picto-img .icon-box{transform: rotate(-45deg);}
	
	#reassurances .picto-bloc:nth-child(1) .picto-img .icon-box,
	#reassurances .picto-bloc:nth-child(4) .picto-img .icon-box{transform: rotate(45deg);}
	
}

@media(min-width: 1025px){
	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.title.tar:not(.no-after):after{
		left: auto;
		right: 0;
	}
	
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
    #infoadresse {order: -1}
	#infoouverture .infohoraires_ouverture{max-width: 170px;}
	
    #logoCoordonnees {
        grid-row: span 2;
        order: -1;
        margin: 0 50px;
    }

    #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
    }
	#header-social {
        margin-left: auto;
        margin-right: 10px;
    }

	#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;}
	.detailhoraires
	{
		text-align: right;
	}
    /*-----------------*/
    /* 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;margin-top: -5px;}
	
	/*-----------------*/
	/* INTRO / CONTENT */
	/*-----------------*/
	.content-top
	{
		margin-top: -200px;
	}
	.home #content .blocthumb {
		padding: 105px 0 0 0;
		height: 500px;
		width: 36%;
	}

	.home #content .title {
		width: 44%;
		max-width: 750px;
		padding: 180px 30px 30px;
		color: var(--white);
		font-size: 22px;
		margin: 0 auto;
		line-height: 1.1;
	}

	.home #content .specialthumb {
		order: 3;
		height: 440px;
		width: 20%;
	}

	.home #content {
		padding: 0px 0 100px;
	}

	.home #content h1 {
		font-size: 44px;
	}

	.home #content::before,.home #content:after {
		height: 52.5%;
	}
	.content-txtHome
	{
		column-count: 2;
		column-gap: 40px;
	}
    /*-----------------*/
	/* GALLERYHOME  */
    /*-----------------*/
	#galleryHome{margin: 130px 0 200px;}

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations > .wrappercontent .title{margin-bottom: 80px;}
	.specialIntro{overflow: hidden;}
	.prestations-content .content_link, 
	.prestations-content .tc_excerpt{font-size: 18px;}
	 #intro-content .intro-txt{
		max-width: 870px;
		margin: 80px auto 0;
	} 
	#intro-content .intro-txt.small{
		max-width: 500px;
		padding-right: 40px;
		margin: 0 14% 0 auto;
	}
	.grid-img{grid-gap: 30px!important;margin-bottom: -20px;}
	
	.grid-img .blocthumb{
		width: 200%;
		margin-left: -100%;
		margin-top: 1.5rem;
		height: 440px;
	}
	.grid-img .specialthumb{
		height: 299px;
		margin-top: 2.5rem;
	}
	.grid-img .tertiarythumb{
		margin-top: 5.5rem;
		height: 299px;
	}
	.grid-img .quaternarythumb{
		width: 200%;
		margin-right: -100%;
		height: 440px;
	}

    /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances-wrapper{padding: 170px 15px 180px;}
	.home #reassurances-wrapper{padding: 140px 15px;}
	#reassurances .picto-bloc{padding-left: 240px;}
	#reassurances .picto-bloc:nth-child(odd){padding-right: 240px;}

	.picto-container  .picto-img{
		width: 200px;
	    height: 120px;
	}
	#reassurances .picto-bloc:nth-child(1) .picto-img{
		left: calc(50% - 125px);
		top: calc(50% - 179px);
	}
	
	#reassurances .picto-bloc:nth-child(2) .picto-img{
		top: calc(50% - 90px);
		left: calc(50% + 19px);
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img{
		top: calc(50% - 34px);
		left: calc(50% - 214px);
	}
	#reassurances .picto-bloc:nth-child(4) .picto-img{
		top: calc(50% + 55px);
		left: calc(50% - 69px);
	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news {padding: 150px 20px 100px;background-image: url(../images/pattern-dark.jpg);}
	#news .newsdate{min-width: 150px;}
	#news:before {
		background: var(--black);
		opacity: 0.85;
		width: 75%;
		height: 100%;
		background-position: center;
		background-size: cover;
		background-blend-mode: overlay;
		background-attachment: fixed;
	}
	#news::after
	{
		background: var(--background-color);
		width: 25%;
		left: initial;
		right: 0;
	}

    #news .left {
        padding-left: 30px;
        max-width: 500px;
        margin-left: auto;
        z-index: 2
    }
	#news .left .title h2{
		color: var(--white);
		text-shadow: -1px -1px 0 var(--black), 1px -1px 0 var(--black), -1px  1px 0 var(--black), 1px  1px 0 var(--black);
	}
	#news .wrapperActu{padding-top: 40px;}

    #news .left .title {
		margin-top: 100px;
		margin-bottom: 50px;
	}
	#news .left .title .separator{margin-bottom: 0;}
    #news .titleImg {height: 440px;}

    #news .right:before {
        background: var(--background-color);
        width: calc(100% + 200Px);
        height: calc(100% + 150px);
        left: initial;
        right: 0;
        top: -50px
    }

    

    #news .hoverActif .content_slider {padding-left: 30px}

    #news .content_slider {transition: all .4s}
    #news .hoverActif .thumbnail_slider {
        height: 300px;
        transition: all .8s;
        width: 120%;
        transform-origin: center
    }
}

@media(min-width: 1281px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees {margin: 0 40px;}
	#infoouverture .infohoraires_ouverture{max-width: none;}

	/*-----------------*/
	/* INTRO / CONTENT */
	/*-----------------*/
	.home #content .title {
		padding: 280px 60px 40px;
	}
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#intro-content .intro-txt{margin: 40px auto 0;}

	/*-----------------*/
    /* NEWS */
    /*-----------------*/
	#news .title_slider {font-size: 27px;}
}

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

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

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

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

@media(max-width: 1280px){
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations{ padding: 150px 30px;}
	#prestations .prestations-content{padding: 50px 30px;}
	#prestations .ckctrldiv{right: 5%;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .wrapActu{grid-gap: 30px;}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 200px;}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees{order: -1;}
	#logoCoordonnees img{width: 180px;}
	#header-coordonnees > div :is(.titlehoraires, span){font-size: 10px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{
		padding-top: 100px;
	}
	/*-----------------*/
	/* INTRO / CONTENT */
	/*-----------------*/
	.home #content
	{
		padding-top: 120px;
	}
	.home #content .content-top {
		flex-wrap: wrap;
	}

	.home #content .blocthumb,
	.home #content .specialthumb {
		width: 50%;
		height: 300px;
		padding: 2px;
	}

	.home #content .title {
		width: 100%;
		order: -1;
	}

	.home #content .doubleImg {
		top: 0;
		margin: 0 auto;
		max-width: 460px;
		padding: 10px 5px 0;
		order: 3;
	}

	.home #content .tc_content {
		display: flex;
		flex-direction: column;
		margin-top: 50px;
	}
	.home #content .content-imgHome
	{
		top: 0;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	/*-----------------*/
    /* CONTENT PAGE */
    /*-----------------*/
	#content .introBanner{
	    height: 500px;
	    max-width: 95%;
	    margin: 50px 0 100px;
	}
	#content .specialGallery{margin: 100px  0 50px !important;}
	#contactCoordonnees > div{
	    margin: 20px auto;
	    max-width: 200px;
	}
	
	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations {padding: 120px 20px;}
	#prestations .prestations-content{
		padding: 40px 14px 80px;
		gap: 30px;
	}
	.prestations-content .content_link, 
	.prestations-content .tc_excerpt{font-size: 16px;}
	#prestations .ckctrldiv{right: 5%;}
	#prestations .prestations-content:before{border: none;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding-bottom: 20px;
		box-shadow: 0 0 20px #7e72726e;
		background: var(--background-color);
	}
	#news .wrapActu{grid-gap: 40px;}
	/*-------------------- CTA -------------------*/
	#cta .flex
	{
		flex-direction: column;
		gap: 20px;
	}
	/*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#footerLinks{flex-direction:column;}
}

@media(max-width: 767px){
	/*-----------------*/
	/* ELEMENTS */
	/*-----------------*/
	.accroche{
    font-size: 17px;
}
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}

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

	/*-----------------*/
    /* CONTENT */
    /*-----------------*/
	.home #content .content-imgHome{}
	
	/*-----------------*/
    /* CONTENT PAGE */
    /*-----------------*/
	#content .introBanner{
	    height: 300px;
	    max-width: 100%;
		margin: 50px 0;
	}
	#content .specialGallery{margin: 50px  0 !important;}
	#contactCoordonnees > div{
	    font-size: 17px;
	    max-width: 180px;
	}
	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.home #prestations{padding: 60px 15px;}
	#prestations .prestations-content{height: 310px;}
	#prestations .prestations-content{top: 0;}
	#prestations{padding: 60px 15px;}
	.prestations-content .liresuite { margin-top: 0;}
	.grid-img {
	    margin: 20px 0 40px!important;
	    grid-gap: 3px!important;
	    grid-auto-rows: 150px;
	}
	.prestations-img {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 200px;
		grid-gap: 4px;
		padding-bottom: 4px;
	}
	#prestations .wrapContent-presta .image_content {
		height: 250px;
		order: 1;
	}
	
	#prestations .ckctrldiv {
	    bottom: 265px;
	    right: 0;
	    left: 0;
	    justify-content: center;
	    transform: none;
	}

	#prestations .ckslidercontrols .prev, 
	#prestations .ckslidercontrols .next {
		bottom: 230px;
		--size: 40px;
		top: auto;
		transform: none;
	}

    /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container li p strong{font-size: 20px;}
	.picto-container{
	    grid-template-columns: repeat(1, 1fr);
	    max-width: 500px;
	    margin: 0 auto;
	}
	.picto-container li{
		position: relative;
		padding: 0 0 0 64px;
		align-items: flex-start;
	}
	.picto-container li :is(svg, img){--size: 28px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles .listedarticle .tc_excerpt{font-size: 16px;}
	#news{padding-bottom: 20px;}
	
	#news .wrapper_inner_slider {padding: 30px 0;}
	#news .content_slider {padding: 20px 0 0;}
	#news .content_slider::before {
        left: 50%;
        transform: translateX(-50%);
        top: 200px;
    }
	.thumbnail_slider {height: 250px;}
}

@media(max-width: 480px){
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-content{height: 350px;}
	#prestations .ckctrldiv{bottom: 260px;}
	#prestations .ckslidercontrols .prev, 
	#prestations .ckslidercontrols .next{bottom: 230px;	}
}