@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;}

    
}

@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: 150px;}
	
    #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;}
    /*-----------------*/
    /* 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;}
	

    /*-----------------*/
	/* GALLERYHOME  */
    /*-----------------*/
	#galleryHome{margin: 130px 0 200px;}

	/*-------------------- MOT -------------------*/
	.home #content blockquote
	{
		margin-top: 0!important;
	}
    /*-----------------*/
	/* 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;
	}

	/*-------------------- PRODUITS -------------------*/
	#primaryimgsinglewoo
	{
		height: 400px;
	}
	.woocommerce-single-php #content
	{
		padding-top: 0;
		z-index: 15;
	}
	#gridsinglewoo
	{
		margin-top: -330px;
		border: 10px solid var(--background-color);
	}
	.urgence
	{
		position: fixed;
		top: 68%;
		left: initial;
		right: 0;
		transform-origin: right top;
		transform:translateY(-50%) rotate(90deg);
	}
    /*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #content
	{
		padding-bottom: 0;
	}
	
	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news {padding: 150px 20px 100px;}
	#news .newsdate{min-width: 150px;}
	#news:before,#news::after {
		background: var(--overlay-color);
		width: 75%;
		height: 125%;
	}
	#news::before
	{
		z-index: -2;

		background-image: url(../images/pattern-dark.jpg);
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
	}
	#news::after
	{
		opacity: 0.7;
	}

    #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
    }
	/*-------------------- SECTIONS -------------------*/
	.sectionsbloc.odd blockquote p
	{
		color: var(--white);
	}
	.section_num0 .section_txt
	{
		padding-top: 130px;
	}
	.sectionsbloc .button
	{
		border: 1px solid #ffffff50;
		border-radius: 30px!important;
		background: var(--black)!important;
	}
	.sectionsbloc.even .button
	{
		background: var(--background-color)!important;
		border-color: #00000050;
	}
	.sectionsbloc.odd .button
	{
		color: var(--white);
	}
	/*-------------------- MOT -------------------*/
	.partenaires-title>.button:first-of-type
	{
		margin-right: 3px;
	}
}

@media(min-width: 1281px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees {margin: 0 40px;}
	#infoouverture .infohoraires_ouverture{max-width: none;}
    /*-----------------*/
	/* 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){
	/*-------------------- MOT -------------------*/
	.navigmenu .naviglink.lvl-0
	{
		padding: 20px 10px;
		font-size: 15px;
	}
    /*-----------------*/
	/* 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;
	}
	/*-----------------*/
    /* 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;}

	/*-----------------*/
	/* 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{margin-bottom: -10px;}
	
	/*-----------------*/
    /* 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;
	}

	/*-----------------*/
	/* 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;	}
}