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

@media(min-width: 768px){
   

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-inner{
        width: 61%;
        padding: 120px 40px 50px;
        font-size: 20px;
    }
    #headerHome-content{
        flex-wrap: nowrap;
        padding-top: 130px;
    }
    .homeHeader-img{width: 20%;}
    #homeHeader-img_1{
        padding: 120px 0 0 0;
        height: 910px;
        margin-bottom: -160px;
    }
    #homeHeader-img_2{height: 510px;}
    
    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
    .home #content{padding-top :0;}
    .home #content .wrappercontent{
        display: flex;
        flex-direction: column-reverse;
    }
    #content-inner .tc_content{
        column-count: 2;
        column-gap: 70px
    }
    #content-img{
        padding: 0 40px;
        max-width: 480px;
        top: -172px;
        margin-bottom: -130px;
        margin-right: 0;
    }
    #content-img .blocthumb{height: 295px;}
    #content-img .specialthumb{height: 450px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news .blocthumb_slider{
		width: 85%;
		margin-right: 4%;
		height: 780px;
		margin-left: auto;
		position: relative;
	}
	#news .content_slider{
		position: absolute;
		left: 0;
		z-index: 1;
		top: 125px;
		max-width: 510px;
		width: 47.25%;
		padding: 40px 20px;
	}
	#news .ckslidercontrols .next {
	    right: 4%;
	    left: auto;
	   }
	#news .ckslidercontrols .prev{
	    left: auto;
	    right: calc(4.2% + 42px);
	}
	#news .ckctrldiv{
		left: 13%;
		transform: none;
		bottom: 10px;
	}
	#news .cksliderwrap{padding: 0;}
	.blocthumb_slider:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
	    height: 30%;
	}

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-img {height: 500px;}
	#prestations .prestations-txt{height: 180px;}
	#prestations .prestations-title:after {
		top: -90px;
		height: 80px;
	}
	#prestations .prestations-title{
		padding-top: 40px;
		transform: translateY(180px);
	}
}

@media(min-width: 1025px){
    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header:after{
        top: auto;
        bottom: 0;
        height: calc(100% - 48px);
    }
    #header{padding: 0 10px 10px;}
    #header-coordonnees{
        padding: 12px 19px;
        width: 100%;
        margin-bottom: 12px;
    }
    #header-coordonnees > div:not(:last-child){margin-right: 20px;}
    #header-coordonnees #infoadresse{margin-right: auto;}
    #infoadresse br{display: none;}

	#header.fixed-header #header-coordonnees{display: none;}

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-content{padding-top: 220px;}
    #homeHeader-img_1{
        height: 1150px;
        width: 36%;
    }
    #headerHome-inner{
        width: 50%;
        padding: 240px 40px 50px;
    }
    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
    #content-inner .tc_content{column-gap: 100px}
    #content-img{
        max-width: 720px;
        padding: 0 90px;
    }
    #content-img .specialthumb{height: 520px;}

    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.home #reassurances {margin: 100px 0;}
	#img-reassurance{
		width: 75%;
		position: absolute;
		right: -40%;
		height: 100%;
		margin: 0;
	}
	#reassurances .right {padding: 50px 0 50px 18%;}
	#reassurances .title h2 {
	    position: relative;
	    font-size: 50px;
	    line-height: 1;
	    text-shadow: 0 0 7px var(--black);
	}
	#reassurances:before,
	#reassurances:after{width: 50%;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{padding: 150px 30px;}
	#news .ckslidercontrols .prev{right: calc(12.6% + 42px);}

	#news .ckslidercontrols .next {right: 12.6%;}
	#news .ckctrldiv{left: 25%;	}
	
	#news .thumbnail_slider{margin-left: 18%;}
	#news  .blocthumb_slider{
		height: 1035px;
	    width: 80%;
		margin-right: 14.4%;
	}
	#news  .specialthumb_slider{
		width: 44.17989%;
	    right: 30px;
		top: 292px;
	    height: 475px;
	    box-shadow: 0 0 30px rgb(0 0 0 / 50%);
	}
	#news  .content_slider{padding: 50px 30px;}
	/*-----------------*/
	/* COMPARAISONS */
	/*-----------------*/
	#comparaisons{padding: 150px 15px;}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	.sectionsbloc {
		background: var(--light-color);
		z-index: 2;
	}
	.sectionsbloc.even{z-index: 3;}
	.sectionsbloc .section_thumb .blocthumb{height: 120%;}
	.sectionsbloc .specialthumb{
		height: auto;
		padding-top: 50px;
		padding-bottom: 50px;
		z-index: 1;
	}
	.sectionsbloc.even .specialthumb {
        padding-right: 100px;
        padding-left: 40px;
    }
	.sectionsbloc .section_txt:before {
        content: "";
        position: absolute;
        top: -4rem;
        bottom: -4rem;
        z-index: 0;
        width: 100vw;
        background-color: var(--white);
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
        height: auto;
    }
	.sectionsbloc.odd .section_txt:before {
        left: auto;
        right: -3rem;
    }
	.sectionsbloc.even .section_txt:before{
		right: auto;
		left: -3rem;
	}
	.sectionsbloc.odd .specialthumb {
        padding-left: 100px;
        padding-right: 40px;
    }
	.sectionsbloc.even .section_txt {padding-right: 50px;}
	.sectionsbloc.odd .section_txt {padding-left: 50px;}
	
	body:not(.no-overflow) #sections{z-index: 11;}

    /*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	#prestations .prestations-img {height: 600px;}
	#prestations .prestations-txt{height: 220px;}
	#prestations .prestations-content{padding: 50px 20px;}
	#prestations .prestations-title:after {
		top: -170px;
		height: 150px;
	}
	#prestations .prestations-title{
		padding-top: 70px;
		transform: translateY(230px);
	}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	.home #footer {margin-top: -130px;}
	.home #footerForm{padding-top: 300px;}
}

@media(min-width: 1281px){
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    #navprimary .navigmenu{justify-content: end;}

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-inner{
        width: 44%;
        padding: 250px 50px 50px;
        margin: 0 auto;
        max-width: 750px;
    }

	/*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .prestations-content{padding: 50px 30px;}
	
    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances .title h2{font-size: 60px;}
	#reassurances .right {padding: 50px 0 50px 223px;}

    /*-----------------*/
    /* CONTENT */
    /*-----------------*/
    #content-inner .title {max-width: 650px;}

	/*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{padding: 280px 30px 190px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc.odd .section_txt:before {right: -12rem;}
	.sectionsbloc.even .section_txt:before{left: -12rem;}
	.sectionsbloc .section_txt:before{
		top: -8rem;
        bottom: -8rem;
	}
	.sectionsbloc.even .specialthumb{padding-right: 250px;}
	.sectionsbloc.odd .specialthumb {padding-left: 250px;}
	.sectionsbloc .specialthumb{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

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

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

@media(max-width: 1680px){
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    .navigmenu .naviglink.lvl-0{
        font-size: 15px;
        padding: 25px 8px;
    }
}

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

@media(max-width: 1280px){
    /*-----------------*/
    /* NAVPRIMARY */
    /*-----------------*/
    .navigmenu .naviglink.lvl-0{padding: 15px 8px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.section_thumb{height: 700px;}
}

@media(max-width: 1024px){
	/*-----------------*/
    /* ELEMENTS */
    /*-----------------*/
    .title.md-tac .separator span:before, 
    .title.md-tac .separator span:after{
    	left: 50%;
    	margin-left: -25px;
    }
    
    .title.md-tac .separator{margin: 30px auto;}
    .title.md-tac .separator span{
    	 left: 50%;
    	 margin-left: -100px;
    }

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

	/*-----------------*/
    /* HEADERHOME + BANNER*/
    /*-----------------*/
	#banner, #headerHome{margin-top: 73px;}

	
    /*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	#reassurances {padding: 100px 20px;}
	#reassurances .left {flex-direction: column;}
	#reassurances .right {padding: 0 0 0 30px;}
	#reassurances .picto-container{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.picto-container li p strong{font-size: 20px;}
	#reassurances .picto-container li p {color: var(--white);margin: 0 0 0 32px;}
	.picto-container .picto-bloc{
		flex: 1 1 48%;
		max-width: 44%;
	}

	/*-----------------*/
    /* COMPARAISONS */
    /*-----------------*/
	.twentytwenty-container {height: 500px!important;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .section_thumb{
		position: absolute;
		width: 50%;
		right: 0;
		top: 0;
	}
	.sectionsbloc .section_txt{grid-column: span 2;}
	#sections{padding: 0;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerForm{padding: 100px 50px;}
}

@media(max-width: 767px){
 
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    .homeHeader-img{
        margin-top: auto;
        order: 2;
    }
	#headerHome-content{ padding: 0;}

	/*-----------------*/
    /* HEADERHOME + BANNER*/
    /*-----------------*/
	#banner, #headerHome{margin-top: 70px;}

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

	/*-----------------*/
    /* ACTU */
    /*-----------------*/
	#listarticles .thumbnail_slider {height: 250px;}
	#news .text_slider, #news .text_slider a{font-size: 15px;}

    /*-----------------*/
    /* PRESTATIONS */
    /*-----------------*/
	#prestations .prestations-content .tc_excerpt{display: none;}

	
	/*-----------------*/
	/* COMPARAISONS */
	/*-----------------*/
	.twentytwenty-horizontal .twentytwenty-after-label, .twentytwenty-horizontal .twentytwenty-before-label {
	    font-size: 12px;
	    letter-spacing: 0;
	    padding: 5px 15px;
	}
	.twentytwenty-horizontal .twentytwenty-after-label {right: 0;}
	.twentytwenty-horizontal .twentytwenty-before-label {left: 0;}
	.twentytwenty-container {height: 300px!important;}

	 /*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer #wrapperForm{
		padding: 30px 20px;
        max-width: 450px;
	}
	#footerForm{padding: 80px 20px;}
}

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