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

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm > .title{margin-bottom: 30px;	}
}

@media(min-width: 1025px){
    /*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
	.title.tar:not(.no-after):after{
		left: auto;
		right: 0;
	}

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
	.safari #header-coordonnees > div{white-space:nowrap}
 

    #header-coordonnees #header-social{margin-left: auto;}
	
    #header-coordonnees > div:not(:first-child){margin-left: 30px;}
    #header-coordonnees > div:nth-child(-n + 2){
        padding-right: 40px;
        border-right: solid 1px #ffffff30;
    }
    

    /*-----------------*/
	/* 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: 130%;
	    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: 150px 20px 150px;}
	#news .newsdate{min-width: 150px;}
	#news:before {
		background: var(--tertiary-color);
		width: 75%;
		height: 101%;
		}

    #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(--tertiary-color), 1px -1px 0 var(--tertiary-color), -1px  1px 0 var(--tertiary-color), 1px  1px 0 var(--tertiary-color);
	}
	#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(--white);
        width: calc(100% + 200Px);
        height: calc(100% + 200px);
        left: initial;
        right: 0;
        top: -50px
    }

    #news .title_slider {font-size: 22px;}

    #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
    }

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerLinks{padding: 30px 15px;}
	
    #fondContact {
        margin-bottom: 100px;
        width: 140%;
    }
    #footer-coordonnees{
        padding: 30px 15px;
        border-right: 1px solid #ffffff24;
        background: var(--background-color);
        border: solid 1px var(--tertiary-color);
    }
    #footer .wrapperContact {margin-top: 100px;grid-column: span 2 !important;min-width: 115%;right: 15%;position: relative;}
    #footer #wrapperForm{padding: 80px 30px;}
	#wrapperForm .title h2{font-size: 28px;}
}

@media(min-width: 1281px){
    /*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content-wrapper {padding: 150px 140px 100px 0;}
	#content-wrapper .quaternarythumb{
		top: -290px;
		height: 290px;
	}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer-coordonnees{padding: 50px;}
	#footer .wrapperContact{
		right: auto;
		min-width: auto;
	}
}

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

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

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

@media(max-width: 1480px){
	 /*-----------------*/
	/* FOOTER */
	/*-----------------*/
	#fondContact{width: 120%;}
}

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

@media(max-width: 1024px){
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{padding: 10px 16px;}
	
    /*-----------------*/
	/* 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;
	}
    
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding-bottom: 20px;
		box-shadow: 0 0 20px #7e72726e;
		background: var(--white);
	}
	#news .title h2{color: var(--black)}
	#news .wrapActu{grid-gap: 40px;}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .title h2{font-size: 30px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	#sections .sectionsbloc.section_num2{
    margin: 240px auto 330px;
}
	#sections .sectionsbloc.section_num2 .specialthumb img{height: 600px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerForm{position: relative;}
	#footer-coordonnees{padding: 30px 15px;background: var(--light-color);}
	
	#footer .wrapperContact{
		background: var(--overlay-color);
		z-index: 2;
	}
	#fondContact{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-position: center;
	}
	#wrapperForm{padding: 100px 20px;}
	#footerLinks{flex-direction: column;}
}

@media(max-width: 767px){
    /*-----------------*/
	/* 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;
	}
    
    /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles .listedarticle .tc_excerpt{font-size: 15px;}
	#news{padding-bottom: 50px;}
	
	#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;}

    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
    #sections .sectionsbloc.section_num2 .section_txt{width: 94%;padding: 30px 15px;}
	#sections .sectionsbloc.section_num2 .section_thumb img{height: 300px;}
	#sections .sectionsbloc.section_num2 .specialthumb img{height: 250px;}
	#sections .sectionsbloc.section_num2 .section_thumb,
	#sections .sectionsbloc.section_num2 .specialthumb{
		top: auto !important;
		width: 100%;
		padding: 0;
		height: auto;
	}

	#sections .sectionsbloc.section_num2{
	    margin: 70px 0 50px;
	    flex-direction: column;
	    grid-gap: 10px;
	}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .title h2{font-size: 26px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm{padding: 50px 20px;}
	#wrapperForm .title{
	    padding-bottom: 20px;
	    margin-bottom: 10px;
	}

}

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