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

@media(min-width: 768px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-img .specialthumb {
	    position: absolute;
		bottom: 108px;
	    left: -98px;
	    width: 165px;
	    height: 190px;
	    border-radius: 120px 120px 0 0;
	    overflow: hidden;
	}
	#content-img .blocthumb{
		height: 90%;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
	}
	#content-wrapper{
		width: 65%;
		padding-right: 40px;
	}
	.home #content{
		flex-wrap: nowrap;
	}

	#content-img {width: 35%;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .picto-bloc{
	    flex-direction: row;
	    padding-left: 180px;
	    margin: 20px 0;
	}
	#reassurances .picto-bloc:nth-child(odd){
	    flex-direction: row-reverse;
	    padding-left: 0;
	    padding-right: 180px;
	}
	
	#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: #fd4a4e;
	}
	#reassurances .picto-bloc:nth-child(3) .picto-img{
		transform: rotate(45deg);
		top: calc(50% - 38px);
		left: calc(50% - 144px);
		background: #811016;
	}
	#reassurances .picto-bloc:nth-child(4) .picto-img{
		transform: rotate(-45deg);
		top: calc(50% + 28px);
		left: calc(50% - 48px);
		background: var(--secondary-color);
	}
	#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);}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires #partenaires-header {margin-bottom: 50px;}
    #partenaires-intro {padding-left: 60px}
}

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

    #logoCoordonnees img {width: 125px;}
	
    #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;}

	/*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
	#headerHome-content{
    padding-top: 200px;
}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content{padding: 120px 0 100px;}
	#content-wrapper {padding: 150px 120px 100px 0;	}

	#content-wrapper .quaternarythumb {
		position: absolute;
		left: 5%;
		top: -180px;
		height: 200px;
		width: 37%;
	}
	#content-wrapper .tertiarythumb {
		position: absolute;
		width: 20.5%;
		bottom: 15%;
		height: 36%;
		left: 0;
	}
	#content-wrapper .content-body {
		max-width: 70%;
		margin-left: auto;
	}
	#content-wrapper .content-body .title {
	    left: -30%;
	    width: 128%;
	    margin-bottom: 50px;
	}
	#content-img .specialthumb {
	    position: absolute;
	    bottom: 58px;
	    left: -98px;
	    width: 225px;
	    height: 280px;
	    border-radius: 120px 120px 0 0;
	    overflow: hidden;
	}
	
	#content-img .specialthumb {left: -68px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances-wrapper{padding: 160px 15px 140px;}
	.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);
	}
  
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
    .home #prestations-wrapper {padding: 140px 20px;}
    .widget_parentpage {gap: 0 !important;}
	.bloc_prestations.hiddenChild:hover {background: var(--light-color)}
	.home .bloc_prestations.hiddenChild:hover {background: rgb(0 0 0 / 33%);}
	.bloc_prestations.hiddenChild:hover h3 {color: var(--secondary-color);}

    #prestations .prestations-wrapper>*:not(.prestations-title) {transition: all 1s;}
    #prestations .hiddenChild .prestations-wrapper>*:not(.prestations-title) {opacity: 0}

    .bloc_prestations .prestations-wrapper {
        display: grid;
        grid-template-columns: 140Px 2fr 2fr;
        align-items: stretch;
        height: 100%;
    }

    .widget_parentpage {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: auto;
        counter-reset: prestations;
    }
    .prestations-img{position: relative;}
    
    .prestations-img::before{
        counter-increment: prestations;
        content: "0" counter(prestations);
        position: absolute;
        top: 0Px;
        right: -70px;
        font-size: 8em;
        font-family: var(--font-title);
        z-index: 2;
        color: var(--secondary-color);
        border-bottom: 2Px solid var(--secondary-color);
        line-height: 1;
    }
	.prestations-img::after{
        content: "";
        position: absolute;
        top: -40Px;
        right: -130px;
        background: url(../images/emphase.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        --size: 90px;
        width: var(--size);
        height: var(--size);
    }

    .bloc_prestations {
        width: 70%;
        transition: all 1s, background 0.4s;
        display: block;
        overflow: hidden;
        border-left: 1Px solid #47474754;
    }
	.home  .bloc_prestations { border-left-color: #ffffff54;}

    .prestations-title h3::after {
        content: "+";
        display: inline-block;
        margin-left: 10px;
        font-family: var(--font-text);
        color: var(--secondary-color);
        transform: scale(0);
        transition: all 0.4s;
    }

    .bloc_prestations.hiddenChild .prestations-title h3::after {transform: scale(1);}

    .prestations-content {
        padding: 30px;
        margin-bottom: 50px;
    }

    .bloc_prestations.hiddenChild {width: 10%;}

    .prestations-title {
        position: relative;
        display: flex;
        align-items: flex-end;
        width: 100px;
        cursor: pointer;
    }

    .prestations-img {
        width: 100%;
        display: block;
        height: 100%;
        min-height: 600Px;
    }

    .prestations-title h3 {
        font-size: 26px;
        display: flex;
        transform: rotate(270deg);
        transform-origin: 0 5%;
        white-space: nowrap;
        align-items: center;
        position: relative;
        left: 23px;
        bottom: -29px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 3px;
    }

    .prestations-content {
        display: grid;
        align-content: end;
        min-width: 350px;
    }

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding: 80px 30px;}
	#sections .blocthumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 65.9%;
        height: 85%;
    }
	.sectionsbloc .wrap-text {
        padding: 0;
        max-width: 57%;
        margin-left: auto;
        background: var(--white);
        position: relative;
        z-index: 1;
        padding: 30px;
    }
	.section_txt{padding-top: 100px;}
	.section_title .title{max-width: 50%;margin-bottom: 60px;}
	.section_thumb .specialthumb{
	    position: absolute;
	    width: 284px;
	    height: 284px;
	    z-index: 1;
	    top: -285px;
	    left: -100px;
	}
	.section_thumb .tertiarythumb{
		height: 80%;
		position: relative;
		top: -15%;
	}
	.section_thumb{padding-left: 30px;}
	.sectionsbloc{
		padding-top: 180px;
	}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news-wrapper{padding: 180px 30px 160px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
        margin-top: -125px;
        padding: 50px;
        width: 94%
    }
	#footer #footerbloc>.wrappercontent > div br{display: none;}
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 160px 20px;
        padding-bottom: 250px
    }

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

@media(min-width: 1281px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees {margin: 0 40px;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-wrapper {padding: 150px 140px 100px 0;}
	#content-wrapper .quaternarythumb{
		top: -290px;
		height: 290px;
	}
	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
    .prestations-title h3{left: 43px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.section_thumb .specialthumb{
	    width: 334px;
	    height: 334px;
	    top: -305px;
	}
	#sections{padding: 100px 0;}
	.sectionsbloc .wrap-text{
		padding: 50px;
		max-width: 47%;
	}

	/*-----------------*/
    /* REASSSURANCES */
    /*-----------------*/
	#reassurances .picto-bloc{padding-left: 280px;}
	#reassurances .picto-bloc:nth-child(odd){padding-right: 280px;}
	
	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	 body:not(.template-contact-php) #footerLinks {padding: 70px 20px}
}

@media(min-width: 1481px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-wrapper .quaternarythumb {
	   left: 16%;
	   top: -270px;
	   width: 28%;
	   height: 260px;
	}
	#content-wrapper .tertiarythumb {
	    bottom: 6%;
	    width: 34.5%;
	    height: 44%;
	}
	#content-wrapper .content-body {max-width: 52%;}
	#content-img .specialthumb {
	    bottom: 58px;
	    left: -98px;
	    width: 225px;
	    height: 280px;
	}
	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
    .home #prestations-wrapper {padding: 180px 60px;}
	.bloc_prestations {width: 60%;}
}

@media(min-width: 1681px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-wrapper {padding: 150px 160px 120px 0;}
}

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

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

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

@media(max-width: 1024px){

	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.section-separator svg{
		height: 50px;
		top: -49px;
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 50px;}
	#headerHome .linkTurn{--size: 9rem;bottom: -50px;left: 50%;transform: translateX(-50%);}

	
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees{order: -1;}
	#logoCoordonnees img{width: 110px;}
	#header-coordonnees > div :is(.titlehoraires, span){font-size: 10px;}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-wrapper {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    gap: 2px;
	}
	#content-wrapper :is(.tertiarythumb, .quaternarythumb) {height: 250px;}

	#content-wrapper .content-body{
		order: -1;
		grid-column: span 2;
		padding-bottom: 20px;
	}

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.template-parent-page-php #prestations {padding-top: 20px;}
	.home #prestations::before {background-size: 50%;}
    .bloc_prestations h3 {margin-top: 0;}
	.prestations-content .button:not(.cf_submit){ --size: 60px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections {display: none;}
	#sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
	}
	#sections .section_thumb  {
		display: grid;
		align-items: stretch;
		grid-template-columns: repeat(2,1fr);
	}
	#sections .section_thumb > div{height: 100%;}
	#sections .section_txt .wrap-text{grid-column: span 2;}
	#sections .section_txt .blocthumb {height: 400px;}
	#sections .section_title{
	    padding: 60px 30px 10px;
	}

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news-wrapper {padding: 80px 30px;}
	#news .section-separator.bottom{display:none;}
	#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
    }
	
    #news .content_slider {padding: 50px 0 50px 80px;}
	.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   }

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
	    padding: 70px 25px;
	    grid-gap: 0!important;
	}
	#footer #footerbloc>.wrappercontent {
	    grid-template-areas:
			"footerlogo             footerlogo                        footerlogo" 
			"infoouvertureFooter    infoadresseFooter    infotelfixeFooter";
        grid-template-columns: 1fr 1fr  1fr;
        grid-column-gap: 10px;
        grid-row-gap: 40px
	}
	
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 100px;}
	
	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.section-separator svg{
		height: 20px;
		top: -19px;
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 40px;}
	#headerHome .linkTurn{
    bottom: -60px;
}
	
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content .elemGrid{
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	    grid-gap: 0;
	}
	
	.home #content{
		flex-direction: column;
		padding-top: 80px;
	}
	#content-img {
	    width: 100%;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 2px;
	    padding-top: 2px;
	    grid-auto-rows: 250px;
	}

	/*-----------------*/
	/* 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 */
    /*-----------------*/
	.thumbnail_slider{height: 250px;}
	#news-wrapper {padding: 50px 15px}

    #news .content_slider {padding: 40px 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;
	}
    
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
    .prestations-content .content_link, .prestations-content .tc_excerpt{font-size: 14px;}
	.home #prestations::before {background-size: 70%;}

	/*-----------------*/
    /* PARTENAIRES */
    /*-----------------*/
    #partenaires {padding: 50px 15px 80px;}
    #partenaires-header{
       grid-gap: 20px;
       margin-bottom: 40px;
    }
    #partenaires .widget_partenaires li{min-height: 130px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections .section_txt .blocthumb{height: 300px;}
	#sections .section_title{padding: 50px 15px 0;}

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

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