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

@media(min-width: 768px){
	/*-----------------*/
	/* NEWS */
	/*-----------------*/
	#news {padding:0 20px 60px 50px}
    #news .wrapper_slider:first-child .thumbnail_slider {height: 600px}
    #news .wrapper_slider:first-child .content_slider {
        top: 0;
        position: absolute;
        z-index: 3;
        padding: 40px 30px;
        max-width: 450px;
        left: -50px
    }

    #news .wrapper_slider:first-child .title_slider {font-size: 26px;}
}

@media(min-width: 1025px){
	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	#content, 
	#contentPage, 
	#contentPageBis{padding-bottom: 150px;}
	
	.home #content:before{
		width: 70%;
		height: 92%;
	}
	.home #content {padding: 120px 30px 280px;}
	.home #content .col-content {padding: 0 0px 0 50px;}
	.home #content .col-img .blocthumb{
		width: 66%;
	    height: 80%;
	    position: relative;
	}
	.home #content .col-img .specialthumb{
		position: absolute;
	    width: 47%;
	    height: 52%;
	    bottom: -120px;
	    right: 0;
	}
	
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header{
		top:0;
		width: calc(100% - 20px);
	}
	#header-coordonnees{
		justify-content: flex-end;
		padding: 9px 0;
		font-weight: bold;
	}
	#header-coordonnees > div{font-size: 13px;}
	#header-coordonnees > div:not(:last-child){margin-right: 14px;}
	#header-coordonnees > div span{display: none;}
	#header-coordonnees > div br{display: none;}
	#header-coordonnees #infotelport{margin-right: 10px;}


	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome, 
	#banner{margin-top: 50px;}
	
	#headerHome-wrapper,
	#banner-wrapper{width: calc(100% - 60px);}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	#reassurances .title{margin-bottom: 0;}
	.home #reassurances{
		margin-bottom: -100px;
		padding-bottom: 200px;
	}

	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	
	#partenaires .title {
	    margin: 0;
	    padding:  70px 0;
	    width: 340px;
	    line-height: 1
	}
	
	#partenaires .title:after,
	#partenaires .title:before {
	    content: "";
	    position: absolute;
	    background: var(--primary-color);
	    width: 7px;
	    right: 220px;
	    height: 30px;
	    pointer-events: none;
	    left: auto;
	    margin: 0;
	    top: 0
	}
	
	#partenaires .title:before {
	    bottom: 0;
	    top: auto
	}
	
	#partenaires .title h2:before {
	    position: absolute;
	    right: 30px;
	    top: 50%;
	    height: 255px;
	    width: 190px;
	    border: 7px solid var(--primary-color);
	    content: "";
	    transition: all 200ms linear;
	    border-left: none;
	    transform: translateY(-50%);
	    pointer-events: none
	}
	
	#partenaires{padding: 0 30px 200px;margin-top: -70px;}
	#partenaires .title h2{font-size: 40px;}
	#partenaires .ckslidercontrols .next, 
	#partenaires .ckslidercontrols .prev{
		top: calc(50% - 20px);
		transform: translateY(-50%);
	}

	/*-----------------*/
	/* SECTIONS */
	/*-----------------*/
	#sections{padding-top: 100px;}
	.sectionsbloc:first-child{padding-top: 0;}
	.sectionsbloc { padding: 70px 0  }
	.sectionsbloc .section_thumb .blocthumb{height: calc(100% - 100px);overflow: hidden;}
	.sectionsbloc .wrap-text{
		width: 100%;
	    margin: 0 auto;
	    max-width: 900px;
	}
	.sectionsbloc .specialthumb{
		position: relative;
		left: -200px;
		width: calc(100% + 100Px);
		margin-bottom: 90px;
		height: 450px;
	}
	.section_txt { z-index: 2}
	.sectionsbloc.odd .specialthumb {left: 200px }
	.sectionsbloc.odd:before {top: 400px}

	/*-----------------*/
	/* NEWS */
	/*-----------------*/
	#news .content_slider {padding: 0 20px}
    #news {padding: 0 0 60px 10vh}

    #news .content-news {
        padding-right: 30px;
        grid-gap: 30px 0
    }

    #news .wrapper_slider:first-child {
        grid-column: span 3;
        width: calc(100% + 30px)
    }

    #news .wrapper_slider:first-child .thumbnail_slider {height: 800px}
    #news .wrapper_slider:first-child .title_slider {font-size: 34px}
    #news .wrapper_slider:first-child .content_slider {
        top: -10vh;
        max-width: 670px;
        left: -11vh;
        padding: 15vh 50px 90px 15vh
    }

    #news .wrapper_slider:first-child .title_slider {font-size: 30px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footerForm:before,
	#footerForm:after{
	    height: 600px;
	    top: 100px;
	}
	.wrapperContact{width: 90%;}
}

@media(min-width: 1281px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#header{width: calc(100% - 60px);}
	#header-coordonnees > div:not(:last-child){margin-right: 30px;}
	#infotelport, #infotelport2{padding: 6px 20px 6px 40px;}
	#infotelport:before, #infotelport2:before{
		left: 15px;
		--size: 15px;
	}
	#header-coordonnees > div{font-size: 14px;}
	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-wrapper,
	#banner-wrapper{width: calc(100% - 100px);}
	
	#headerHome-social,
	#banner-social{width: 50px;}

	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	#partenaires{
		margin: 0;
		padding: 0 30px 280px;
	}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .col-content {padding: 0 40px 150px 100px;}
	.home #content {padding: 150px 7% 300px;}
	.home #content:before{height: 84%;}
	
	/*-----------------*/
	/* NEWS */
	/*-----------------*/
	#news {padding:0 10vh 60px}
    #news .content_slider {padding: 0}
    #news .content-news {
        padding-right: 200px;
        grid-gap: 30px 60px
    }

    #news .wrapper_slider:first-child {width: calc(100% + 200px)}

    #news:after {
        top: auto;
        left: auto;
        right: 0;
        width: 260px;
        height: 45%;
        background: var(--title-color);
        bottom: 0
    }
}

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

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

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

@media(max-width: 1480px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoheader {width: 190px;}
}

@media(max-width: 1280px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoheader {width: 150px;}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome-accroche{font-size: 40px;}

	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
		font-size: 15px;
		padding: 25px 12px;
	}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.bloc_prestations .prestations-content{
		padding: 30px 20px;
	}

}

@media(max-width: 1024px){
	.md-tac{text-align: center;}
	.title.md-tac:after{
		left: 50%;
		transform: translateX(-50%);
	}
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logo{
		padding: 5px;
		top: -10px;
	}
	#logoheader {width: 120px;}
	#header-coordonnees #infotelport,
	#header-coordonnees #infotelport2{margin: 5px 0;}
	
	/*-----------------*/
	/* HEADERHOME + BANNER */
	/*-----------------*/
	#headerHome-social-wrapper, 
	#banner-social-wrapper{
		bottom: 3px;
	}
	#headerHome-social .label:before, 
	#banner-social .label:before{
		width: 30px;
		left: -40px;
	}
	#headerHome-social .label, 
	#banner-social .label{
		bottom: 92px;
		font-size: 10px;
		width: 93px;
		letter-spacing: .5px;
	}
	#headerHome-accroche{font-size: 30px;}
	#headerHome-title{
		font-size: 14px;
		letter-spacing: 1.5px;
	}
	#headerHome-social {bottom: 110px;}
	/*-----------------*/
	/* NAVPRIMARY */
	/*-----------------*/
	.navigmenu .naviglink.lvl-0{
		font-size: 14px;
		padding: 10px 12px;
	}
	.navigmenu .naviglink.lvl-1 {padding: 6px 20px;}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content{padding-bottom: 0;}
	.home #content .col-content {order: -1;}

	.home #content .col-img{
		height: 350px;
		margin: 30px -30px 0;
	}

	/*-----------------*/
	/* REASSURANCES */
	/*-----------------*/
	.picto-container{margin-top: 50px;}

	/*-----------------*/
	/* PARTENAIRES */
	/*-----------------*/
	#partenaires .title br{display: none;}
	
	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.bloc_prestations {min-height: 500px;}
	.bloc_prestations .prestations-content{padding: 30px 20px;	}
	
	.prestations-content .content_link, 
	.prestations-content .tc_excerpt{font-size: 13px}

	.prestations-content h2{font-size: 22px;}

	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .specialthumb {
		height: 450px;
		position: absolute;
		bottom: -450px;
		right: 0;
		width: 50%;
	}
	
	.sectionsbloc .section_thumb {
	    order: 1!important;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    align-items: stretch;
	}


	/*-----------------*/
	/* NEWS */
	/*-----------------*/
	#news .wrapper_slider {padding: 0}
    .thumbnail_slider {height: 250px}
    .wrapper_slider:not(:first-child, :last-child) .wrapper_inner_slider {border-bottom: solid 1px rgb(0 0 0 / 10%)}
    #news .title_slider {font-size: 18px;}

    #listarticles .listedarticle h2 {font-size: 22px;}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#footer:before,
	#footer:after{content: none;}
	.imgContact{
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 0;
	}
	.imgContact:before{
		background: rgb(255 255 255 / 70%);
	}
		
	#logoCoordonneesFooter{
		margin-bottom: 15px;
		width: 150px;
	}
	#footerLinks{
	    padding: 20px 10px;
	    font-size: 13px;
	}

}

@media(max-width: 767px){
	/*-----------------*/
	/* HEADER */
	/*-----------------*/
	#logoheader {width: 90px;}

	/*-----------------*/
	/* CONTENT */
	/*-----------------*/
	.home #content .col-img{
		height: 250px;
		margin: 30px -15px 0;
	}

	/*-----------------*/
	/* HEADERHOME */
	/*-----------------*/
	#headerHome
	{
		max-height: 600px;
	}
	#headerHome-content {padding: 100px 15px 20px;overflow: hidden;}
	#headerHome-title{
		font-size: 13px;
		letter-spacing: 0;
	}
	#headerHome-accroche{font-size: 22px;}
	#headerHome-button {margin-top: 20px;}

	/*-----------------*/
	/* PRESTATIONS */
	/*-----------------*/
	.bloc_prestations {min-height: 240px;}
	.bloc_prestations .prestations-content{padding: 20px 15px;}
	.bloc_prestations .txt-presta{height: auto;}
	.prestations-content .tc_excerpt{display: none;}
	.prestations-content .liresuite {margin-top: 10px;}
	.prestations-content h2{font-size: 20px;}
	.bloc_prestations .title-presta{transform: translateY(60px);}
	
	/*-----------------*/
    /* SECTIONS */
    /*-----------------*/
	.sectionsbloc .specialthumb {
	    bottom: -300px;
	    height: 300px;
	}

	/*-----------------*/
    /* REASSURANCES */
    /*-----------------*/
	.picto-container{
		flex-direction: column;
		max-width: 300px;
		margin: 0 auto;
	}
	.picto-container li{
		flex-direction: row;
		padding: 20px 0 20px 17px;
	}
	.picto-container li:before{
		left: 10px;
		transform: translateY(-50%) rotate(45deg);
		top: 50%;
		--size: 35px;
	}
	.picto-container li p{
		margin: 0 0 0 25px;
		font-size: 13px;
		letter-spacing: 0;
	}
	.picto-container li svg, .picto-container li img{--size: 25px;}

	/*-----------------*/
	/* NEWS */
	/*-----------------*/
	#news {padding: 0 0 30px}
    #news .content_slider {padding: 20px 15px}
    #news .wrapper_slider:first-child .title_slider {font-size: 22px;}
    #news .wrapper_slider:not(:first-child) .text_slider {display: none}

    .listedarticle .thumbnail_slider {height: 300px}
    .listedarticle .content_slider {padding: 20px 15px}
    #listarticles .listedarticle .tc_excerpt { display: none}
    #listarticles .wrapper_inner_slider:hover .title_slider {transform: translateY(-30px)}
    #listarticles .wrapper_inner_slider:hover .wrap_slider {transform: translateY(-40px)}
    #listarticles .listedarticle h2 {font-size: 20px}

	/*-----------------*/
    /* FOOTER */
    /*-----------------*/
	#wrapperForm {
		max-width: 600px;
		padding: 40px 20px;
	}

}

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