@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%;}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{padding-bottom: 120px;}

    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .bloc_prestations {border-right: 1px solid transparent;}
	#prestations .bloc_prestations:not(:last-child) {border-right-color: #00000026;}
	.home #prestations .bloc_prestations:not(:last-child) {border-right-color: #ffffff26;}
	.prestations-content {padding: 20px 20px 30px;}
	

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances{padding: 120px 15px;}
}

@media(min-width: 1025px){
	/*-----------------*/
    /* HEADER */
    /*-----------------*/
    #infoadresse {order: -1}
	#header.fixed-header #header-coordonnees{display: none;}
    #logoCoordonnees {
        grid-row: span 2;
        order: -1;
        margin: 0 50px;
    }

    #logoCoordonnees img {width: 250px;}

    #header-coordonnees {margin: 25px 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;
    }

    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #header:not(.fixed-header) #navprimary {
        border-bottom: 1px solid rgb(255 255 255 / 40%);
        border-top: 1px solid rgb(255 255 255 / 40%);
    }
	#header:not(.fixed-header) #navprimary .navigmenu .naviglink.lvl-0:not(.item-logo) span:after{
	    height: 3px;
	    bottom: -14.5px;
	}

	.navigmenu .social .naviglink.lvl-0{padding: 0 6px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 180px;}
	#headerHome-content .wrappercontent{max-width: 915px;}

	/*-----------------*/
	/* 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%;
		border: solid white 4px;
		transform: rotate(357deg);
	}
	#content-wrapper .tertiarythumb {
		position: absolute;
		width: 20.5%;
		bottom: 13%;
		height: 35%;
		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;}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{padding: 100px 30px 150px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.home #reassurances{padding: 120px 30px;}
	#reassurances .wrappercontent > div:first-child{min-width: 380px;}

	/*-----------------*/
	/* REASSURANCES BIS */
	/*-----------------*/
	.home #reassurancesBis {
	    margin-top: -120px;
	    padding-top: 210px;
	}

	#reassurancesBis  #img-reassurance{
		width: 75%;
		position: absolute;
		right: -40%;
		height: 100%;
		margin: 0;
	}
	#reassurancesBis .right {padding: 50px 0 50px 18%;}
	#reassurancesBis .title h2 {
	    position: relative;
	    font-size: 40px;
	    line-height: 1;
	    text-shadow: 0 0 7px var(--black);
	}
	#reassurancesBis .left .accroche{
    margin: 15px 0 0;
    max-width: 60%;
    padding-right: 10px;
}

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-wrapper .liresuite {
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    bottom: 120px;
	}

	.prestations-content {padding: 20px 30px 60px;}
	.prestations-img {
		align-self: flex-end;
	    opacity: 0;
	    transform: scale(.85) translateX(0);
	    -webkit-transition: all .3s cubic-bezier(.65,.05,.36,1);
	    z-index: 1;
	    transition: all .3s cubic-bezier(.65,.05,.36,1);
	}
	.bloc_prestations:hover .prestations-img {
	    opacity: 1;
	    transform: scale(1) translateX(0);
	}

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections{padding-top: 150px;}
	.sectionsbloc.even .wrap-text{max-width: 800px;}
	.sectionsbloc  .specialthumb img {
		position: absolute;
	    top: 0;
	    left: 0;
	}
    .sectionsbloc.section_num2 {padding-top: 150px;}
    .sectionsbloc.even {z-index: 2;}
    .sectionsbloc{gap: 0 30px;}
    .sectionsbloc.even .section_thumb .blocthumb {
	    position: relative;
	    top: 250px;
	    height: calc(90% - 170px);
	    margin-right: -200px;
	    border: 10px solid var(--background-color);
	    border-left: initial;
	    border-top: initial;
	    width: 100%;
	}
	.sectionsbloc.even .section_thumb{
    padding-bottom: 20px;
}
    .sectionsbloc.odd .section_thumb,
    .sectionsbloc.odd .section_txt {grid-column: span 9; }
    .sectionsbloc.odd .secondary_thumb{display: none;}
  
    .sectionsbloc.odd .section_thumb{
	    height: 800px;
	    margin-top: -105px;
	    filter: brightness(0.5);
	   }
    .sectionsbloc.odd .section_txt {
	    max-width: 1200px;
	    margin: 0 auto;
	    margin-top: -280px;
	    width: 95%;
	    background: var(--title-color);
	}
	.sectionsbloc.odd .tc_content a:not([class*="button"]), 
    .sectionsbloc.odd .tc_content a:not([class*="button"]) strong{background-image: linear-gradient(to bottom, transparent 20%, var(--secondary-color) 21% ); }
	
    .sectionsbloc.odd .tc_content a:not([class*="button"]):hover, 
    .sectionsbloc.odd .tc_content a:not([class*="button"]):hover strong{color: var(--secondary-color); }
	
    .sectionsbloc.odd .section_txt,
    .sectionsbloc.odd .section_txt .title h2{color: var(--white);}

	.sectionsbloc.even .buttons-wrap{padding-top: 60px;}
  
    .sectionsbloc .specialthumb{
	    height: 70%;
	    margin-left: -300px;
	    border: 10px solid var(--background-color);
    }
    .sectionsbloc.odd .wrap-text{
	    column-count: 2;
	    column-gap: 80Px;
	   }
	.sectionsbloc.odd .section_thumb .blocthumb img{height: 130%;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {
        margin-top: -125px;
        width: 94%
    }
	body:not(.template-contact-php) #footer #footerbloc {
        padding: 120px 20px;
        padding-bottom: 240px;
    }

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

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

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-wrapper {padding: 200px 140px 100px 0;}
	#content-wrapper .quaternarythumb{
		top: -220px;
		height: 290px;
	}
	
    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-content {padding: 20px 70px 80px;}

	/*-----------------*/
    /* REASSURANCES BIS */
    /*-----------------*/
	#reassurancesBis .right {padding: 50px 0 50px 223px;}
	#reassurancesBis .title h2 {font-size: 46px;}
    
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb{margin-top: -125px;}
	.sectionsbloc.section_num1{padding-bottom: 0;}

    /*-----------------*/
    /* 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;
	}
	
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc.odd .section_thumb .blocthumb {
	    width: calc(100% - 150px);
	    margin-left: auto;
    }
}

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

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

@media(max-width: 1480px){
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text {padding: 100px 60px;}
}

@media(max-width: 1280px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    padding: 20px 10px;
	    font-size: 14px;
	}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .title_slider{font-size: 20px;}

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .wrap-text {padding: 80px 50px;}

	 /*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title h3{font-size: 26px;}
}

@media(max-width: 1024px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{
		height: auto;
		width: 200px;
	}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoCoordonnees{order: -1;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
	    padding: 11px 16px;
	    font-size: 14px;
	}

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

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .linkTurn{margin-top: 20px;}
	
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 130px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img{
		order: -1;
		margin-bottom: 20px;
	}

	/*-----------------*/
    /* REASSURANCES BIS */
    /*-----------------*/
	#reassurancesBis {padding: 100px 20px;}
	#reassurancesBis .left {flex-direction: column;}
	#reassurancesBis .right {padding: 0 0 0 30px;}
	#reassurancesBis .picto-container{
		flex-direction: row;
		flex-wrap: wrap;
	}
	#reassurancesBis .picto-container .picto-bloc{flex: 1 1 48%;padding-right: 50px;}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .title_slider{font-size: 18px;}
	#news .content_slider{
	    flex-direction: column;
	    padding-top: 20px!important;
	    align-items: flex-start;
	}
	#news .next_slider{margin: 10px 0 0 0;}
	#news-img{
		--size: 320px;
		margin: 0 auto;
	}
	#news-title{margin-bottom: 40px;}

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .section_txt{
	    margin: 0 auto;
	    width: 100%;
	    order: -1;
	}
	.sectionsbloc .wrap-text {padding: 50px 15px;}
    .sectionsbloc .specialthumb{height: 100%;}
	.sectionsbloc .section_thumb{order: 0!important;}
	.sectionsbloc .secondary_thumb{height: 450px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title{max-width: 620px;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.wrapperFooter {grid-gap: 0!important;	}
	#wrapperForm{ padding: 70px 25px;}
	#footerLinks{flex-direction:column}
}

@media(max-width: 767px){
	/*-----------------*/
	/* LOADER */
	/*-----------------*/
	#loader-wrapper svg{width: 150px;}
	
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-content{padding-top: 100px;}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content{
		flex-direction: column;
	}
	#content-img {
	    width: 100%;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 2px;
	    padding-top: 2px;
	    grid-auto-rows: 250px;
	}
	
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news-title{
		flex-direction: column;
		gap: 10px;
		border-bottom: none;
		padding: 0;
		margin-bottom: 30px;
	}

	.thumbnail_slider{height: 250px;}

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.prestations-img {height: 250px;}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .picto-container{grid-template-columns: repeat(1, 1fr);}
	
	#reassurances .picto-container li p{font-size: 15px;}
	.picto-container li p strong{font-size: 12px;}

	#reassurances .picto-container li:nth-child(3){border-bottom: none;}

	#reassurances .picto-container li{padding: 40px 20px;}

	/*-----------------*/
    /* REASSURANCES BIS */
    /*-----------------*/
	#reassurancesBis {padding: 60px 15px;}
	#reassurancesBis .picto-container {
	    max-width: 260px;
	    margin: 0 auto;
	    flex-direction: column;
	}
	#reassurancesBis .right {padding: 0 0 0 10px;}
	#reassurancesBis .picto-container .picto-bloc{
		margin: 21px 0;
		flex: 1 1 100%;
	}
	#reassurancesBis .picto-container li:before {
	    --size: 50px;
	    left: -10px;
	    margin-top: -25px;
	}
	#reassurancesBis .picto-container li svg, 
	#reassurancesBis .picto-container li img { --size: 30px;}
	#reassurancesBis .picto-container li p {
	    font-size: 14px;
	    letter-spacing: 0;
	    margin-left: 36px;
	}

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .secondary_thumb{height: 300px;}

	/*-----------------*/
    /* CTA */
    /*-----------------*/
	#cta .title h3{font-size: 24px;}
	#cta-img img {width: 230px;}
	#cta .title{max-width: 520px;}

    /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm {padding: 40px 15px}
}

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