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

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

@media(min-width: 1025px){
     /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .titleWrap{
        padding: 30px 0;
        margin-top: -30px;
        padding-left: 40px;
    }

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news {padding: 150px 20px 100px;}
	#news .newsdate{min-width: 150px;}
	#news:before {
		background: var(--black);
		width: 75%;
		height: 125%;
		}

    #news .left {
        padding-left: 30px;
        max-width: 500px;
        margin-left: auto;
        z-index: 2
    }
	#news .left .title h2{
		color: var(--white);
		font-weight: bold;
		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 .title_slider {font-size: 24px;}

    #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 .section_thumb .blocthumb img {height: 120%;}
    .sectionsbloc .wrap-text:before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        --size: 100%;
        width: var(--size);
        pointer-events: none;
        height: calc(var(--size) + 40Px);
        border: 1px solid var(--secondary-color);
    }
    #sections {padding: 120px 0 150px;}
    .sectionsbloc {padding: 120px 0 0;}

    #sections .section_title {
        margin-bottom: 60px;
        padding: 0 60px;
    }
    #sections .section_title .title {
        padding: 0;
        margin: 0;
    }
    #sections .section_title .title:after {
        height: 100%;
        width: 2px;
        left: auto;
        right: -50px;
        background: #3f3f3f;
    }
    #sections .section_title p {margin: 0;}
    
    .section_txt {
        position: relative;
        z-index: 2;
    }

    .section_thumb {width: calc(100% + 200Px); }

    .sectionsbloc .wrap-text {
        margin: 100px auto;
        margin-left: 0;
        max-width: 80%;
    }

}

@media(min-width: 1281px){
    /*-----------------*/
	/* INTRO / CONTENT */
	/*-----------------*/
    #content-wrapper .content-body .title {
        left: -25%;
        width: 120%;
        margin-bottom: 50px;
    }
    #content-img .specialthumb{
        right: 50Px;
        width: 350px;
    }
    
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    .sectionsbloc .wrap-text {padding: 70px;}

}

@media(min-width: 1481px){
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content .title {margin-left: -30Px;}
}

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

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

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

@media(max-width: 1280px){
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content {padding: 100px 20px 150px;}

    #content-wrapper {
        padding: 0 0px 0 0;
        display: flex;
        flex-wrap: wrap
    }

    #content-wrapper .content-body {
        max-width: none;
        order: -1;
        padding: 0 25px 30px;
    }

    #content-wrapper :is(.tertiarythumb, .quaternarythumb) {
        position: relative;
        height: 250px;
        width: 50%;
        top: 0 !important;
        left: 0 !important
    }

    #content-wrapper .quaternarythumb {padding-right: 1px}
    #content-wrapper .tertiarythumb {padding-left: 1px}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .wrapActu{grid-gap: 30px;}
    
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections:before {
		left: 30px;
		width: calc(100% - 60px);
		top: 83px;
	}
	#choixSections:after {left: 20px;top: calc(100% + 64px);}

	.subimageSections{--size: 50px;}
	#choixSections .linkSections .subimageSections:before{font-size: 1.5em;}
	#choixSections .linkSections p{padding: 0 15px;font-size: 13px;}
}

@media(max-width: 1024px){
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content .wrappercontent{
        max-width: 700Px;
        margin: 0 auto;
    }
    .imgContent{max-height: 400Px;}
    
    /*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#choixSections {display: none;}
	#sections .sectionsbloc {
	    flex-direction: column;
	    display: flex;
	}
	#sections .section_txt  {
		display: grid;
		align-items: stretch;
		grid-template-columns: repeat(2,1fr);
	}
	#sections .section_txt .wrap-text{grid-column: span 2;background: none;color: var(--white);}
	#sections .section_title{
	    gap: 0;
	    padding: 60px 30px 0;
	}

	/*-----------------*/
	/* GALLERY HOME */
	/*-----------------*/
	#galleryHome{padding: 8px 0;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding-bottom: 20px;
		box-shadow: 0 0 20px #7e72726e;
		background: var(--white);
	}
	#news .wrapActu{grid-gap: 40px;}
}

@media(max-width: 767px){
    /*-----------------*/
    /* INTRO / CONTENT */
    /*-----------------*/
    .home #content {
        padding: 0;
        flex-direction: column;
    }
    #content-wrapper {
        width: 100%;
        padding: 40px 0 0
    }

    #content-img {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 2px;
        padding-top: 2px;
        grid-template-rows: 250px auto;
    }

    #content-img .specialthumb,#content-img .blocthumb {
        position: relative;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 100%
    }

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#listarticles .listedarticle .tc_excerpt{font-size: 15px;}
	#news{padding-bottom: 0;}
	
	#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 .section_title{padding: 50px 15px 0;}
}

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