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

@media(min-width: 768px) {

    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
    #headerHome {
        padding-top: 78px;
    }
}

@media(min-width: 1025px) {

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header.fixed-header {
        background-color: var(--background-color);
        border-bottom: 2px solid var(--white);
    }

    .navigtoogle.lang {
        margin-left: auto;
    }

    #header-coordonnees .title h2 {
        font-size: 25px;
    }

    #header-coordonnees {
        gap: 20px;
        width: 50%;
        right: -100%;
        grid-template-columns: repeat(3, 1fr)
    }

    #navsecondary {
        grid-column: span 3;
        min-height: 65vh;
        display: grid;
        align-items: center;
        justify-items: center;
        border-bottom: 1Px solid #ffffff30;
        margin-bottom: 50px;
        overflow: hidden;
    }

    #navsecondary .navigtoogle.has-child .naviglink.lvl-0:after {
        border-width: 0.2em;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        display: inline-block;
    }

    #navsecondary .navigmenu .navdown {
        max-width: 80%;
        padding: 20px;
    }

    #navsecondary .navigmenu .naviglink.lvl-1 {
        text-align: center;
    }

    #navsecondary .ckmenu {
        display: none;
    }

    #header-coordonnees::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        --size: 50%;
        width: var(--size);
        height: 50%;
        border-top: 1px solid var(--white);
        opacity: 0.2;
        pointer-events: none;
    }

    #navsecondary .navigmenu {
        display: grid;
        background: var(--title-color);
        align-items: center;
        align-content: center;
        padding-bottom: 50px;
    }

    #navsecondary .navigmenu .naviglink.lvl-0 {
        padding: 0;
        font-size: clamp(20px, 3vw, 40px);
    }

    #navsecondary small {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 200%;
        text-align: center;
        color: var(--tertiary-color);
        font-family: var(--font-alt);
        z-index: -1;
        letter-spacing: 0.1em;
        opacity: 0;
        transition: all 0.6s;
        font-size: 1.3em;
    }

    #navsecondary .naviglink.lvl-0:hover {
        color: var(--white);
    }

    #navsecondary .naviglink.lvl-0:hover small {
        opacity: 0.3;
        letter-spacing: 0.2em;
    }

    .leftCoord {
        left: -100%;
        width: 50%;
        top: 0;
        z-index: 999;
        height: 100svh;
        transition: left 1s cubic-bezier(.77, 0, .175, 1);
    }

    body.is-toggle-open .leftCoord {
        left: 0;
        visibility: visible;
    }

    .leftCoord::before {
        background-image: url(../images/home-bg3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #header {
        position: absolute;
        width: 100%;
    }

    [lang=de] .navigmenu .naviglink.lvl-0 {
        padding: 20px 10px;
        font-size: 14px;
    }
   .bloc_certifications
    {
        margin-top: -80px;
        margin-bottom: -20px;
    }
    /*-------------------- HEADERHOME -------------------*/
    #headerHome {
        padding-top: 75px;
    }
    #headerHome .overlay {
        opacity: 0.5;
    }
    #headerHome::after
    {
        background: var(--secondary-color);
        z-index: -2;
        top: initial;
        bottom: 0;
        height: 50%;
    }
    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
    #headerHome {
        padding-top: 158px;
    }
	#banner #headerHome-social:before{top: 205px;}
	#banner #headerHome-social .sociblock:before{
    top: 41%;
    height: 22%;
}
    /*-----------------*/
	/* BANNER */
	/*-----------------*/
    #banner
    {
        padding-top: 180px;
    }
	#bannerCoordonnees{
		position: absolute;
		left: 0;
		bottom: 0;
		gap: 40px;
		padding: 20px 30px;
		width: 81%;
		justify-content: end;
		background: var(--background-color);
	}
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-coordonnees {
        position: absolute;
        left: 0;
        bottom: 0;
        gap: 60px;
        padding: 20px 30px 30px 15px;
        width: 81%;
        justify-content: end;
        z-index: 2;
    }

    #infoadresseHeaderHome br {
        display: none;
    }

    #headerHome {
        gap: 50px;
        padding-bottom: 100px;
    }

    #headerHome-pattern {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    #headerHome:before {
        border: solid 1px var(--white);
        right: 40px;
        z-index: 0;
        top: 44px;
        width: calc(18% - 41px);
        height: calc(100% - 100px);
        border-left: none;
        left: auto;
        opacity: 0.25;
    }

    #headerHome-pattern {
        background: var(--primary-color);
        width: 10%;
    }

    #headerHome-content {
        right: 0;
        left: 0;
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        padding: 20px 120px 100px 140px;
    }

    #headerHome-content .wrappercontent {
        max-width: 870px;
    }

    #headerHome .imageDiapo {
        position: relative !important;
        /* box-shadow: 0 0 30px #00000045; */
        margin-right: 90px;
        background: var(--black);
        top: 30px;
        height: calc(100% - 30px) !important;
    }

    #headerHome-social {
        --size: 60px;
        width: var(--size);
        background: var(--secondary-color);
        min-width: var(--size);
        margin-top: 110px;
    }

    #headerHome-social .sociblock {
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding: 0 0 55px 27px;
    }

    #headerHome-social .sociblock:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 12%;
        width: 1px;
        background: var(--white);
        height: 45%;
        left: 35px;
    }

    #headerHome-social .sociblock .share-buttons {
        flex-direction: column
    }

    #headerHome-social .sociblock .share-buttons a {
        margin: 20px 0;
    }

    #headerHome-social:before {
        border: solid 1px var(--title-color);
        top: 35px;
        left: 14px;
        right: -14px;
        width: auto;
        height: auto;
        bottom: 25px;
    }

    #banner #headerHome-social {
        /* margin: -90px 0 79px 0; */
    }

    #banner #headerHome-social:before {
        top: 15px;
        border-color: var(--white);
    }

    #banner #headerHome-social .sociblock:before {
        top: 21%;
        height: 22%;
    }

   /*-----------------*/
	/* ACTU */
	/*-----------------*/
	#news{
		padding: 120px 30px;
	}
    /*------------------- PRESTATIONS ---------------------*/
    .home #prestations .wrapperPresta {
        border-bottom: 1px solid #0000001c;
        padding: 80px 30px;
        padding-top: 40px;
    }
    .anneesCta strong
    {
        text-shadow: 10px 10px 10Px #0000000a;
    }
    #prestations .widget_parentpage
    {
        justify-items: center;
        max-width: 1000px;
    }
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections .section_title {
        /* margin-bottom: 80px; */
        padding: 0 60px;
    }

    #sections .section_title .title {
        padding: 0;
        margin: 0;
    }

    .sectionsbloc .section_thumb .blocthumb {
        height: 90%;
        top: 7%;
    }

    #sections .section_title p {
        margin: 0;
    }

    #sections .section_title .title:after {
        height: 100%;
        width: 1px;
        left: auto;
        right: -50px;
        background: rgb(255 255 255 / 33%);
    }

    #sections {
        padding: 100px 0px;
    }

    #sections .section_txt {
        padding: 70px 0px 0px 0;
    }

    .sectionsbloc {
        padding: 70px 0 0;
    }

    .section_txt {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .section_txt .specialthumb {
        order: -1;
        overflow: hidden;
        position: relative;
    }

    .sectionsbloc .wrap-text {
        padding: 40px 70px;
    }

    .section_txt .specialthumb img {
        position: absolute;
        --size: 100%;
        width: var(--size);
        height: var(--size);
        left: 0;
        top: 0;
    }
}

@media(min-width: 1281px) {

    /*------------------- HEADER ---------------------*/
    #info-toogle {
        justify-self: flex-end;
    }

    [lang=de] .navigmenu .naviglink.lvl-0 {
        padding: 20px 14px;
        font-size: 15px;
    }

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome:before {
        right: 30px;
        width: calc(16% - 31px);
    }

    #headerHome-coordonnees {
        gap: 50px;
        /* padding: 30px 70px 30px 30px; */
        width: 84%;
    }

    #headerHome-pattern {
        width: 16%;
    }
    #headerHome::after
    {
        left: initial;
        right: 0;
        max-width: 1400px;
        width: 90%;
    }
    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
    #headerHome {
        padding-top: 147px;
    }	
    /*-----------------*/
	/* BANNER */
	/*-----------------*/
	#bannerCoordonnees{gap: 90px;padding: 20px 60px;}
    /*------------------- PRESTATIONS ---------------------*/
    .prestations-content .liresuite {
        margin-top: 0px;
    }

    .prestations-wrapper {
        padding: 20px;
    }

    .prestations-content {
        padding: 0px 0 0;
    }

    #prestations .widget_parentpage {
        counter-reset: section;
    }

    .prestations-wrapper::after {
        content: "0"counter(section) ".";
        counter-increment: section;
        font-size: 20px;
        line-height: 1;
        font-family: var(--font-title);
        color: var(--black);
        top: 0;
        position: relative;
        margin-right: 8px;
    }

    .widget_parentpage {
        justify-items: end;
        /* max-width: 499Px; */
        margin: 0 auto;
    }

    .bloc_prestations {
        --size: 250px;
        width: calc(var(--size) + 50px);
        height: calc(var(--size) - 20px);
    }

    .prestations-wrapper {
        height: 100%;
        display: grid;
        align-content: center;
    }

    .prestations-content .title_content,
    .prestations-content .tc_excerpt {
        max-width: 100%;
    }

    .prestations-content .tc_excerpt {
        margin-left: auto;
    }
}

@media(min-width: 1481px) {

    /*-------------------- NAVPRIMARY -------------------*/
    .navigmenu .naviglink
    {
        padding: 20px 14px;
        font-size: 15px;
    }
    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
    #headerHome {
        padding-top: 70px;
    }
    #banner
    {
        padding-top: 100px;
    }
    #headerHome::after
    {
        width: 85%;
    }
    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-pattern {
        width: 16%;
    }

    #headerHome:before {
        right: 40px;
        width: calc(16% - 41px);
    }

    #headerHome-coordonnees {
        /* gap: 120px; */
        width: 84%;
    }

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #choixSections .linkSections:not(:last-of-type) {
        margin-right: 10px;
    }

    #sections .section_txt .tertiarythumb {
        left: 14%;
        --size: 195px;
        width: 275px;
    }
}

@media(min-width: 1681px) {

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections .section_txt .tertiarythumb {
        left: 14%;
        --size: 225px;
    }
}

@media(min-width: 2100px) {

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-content {
        left: -160px;
        --size: 450px;
    }

    #headerHome {
        gap: 100px;
    }

    #headerHome-social {
        --size: 100px;
    }

    #headerHome-social:before {
        left: 24px;
    }

    #headerHome-social .sociblock {
        padding: 0 0 55px 50px;
    }

    #headerHome-social .sociblock:before {
        left: 55px;
    }

}

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

@media(max-width: 1480px) {

    /*------------------- HEADER ---------------------*/
    #logo {
        justify-items: center;
    }

    #logoheader {
        max-height: 120Px;
    }
}

@media(max-width: 1280px) {

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #logo {
        justify-items: center;
    }

    #navprimary .navigmenu {
        justify-content: center;
    }

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    .ml5 {
        font-size: 65px;
        letter-spacing: 4px;
    }

    #headerHome-logos {
        bottom: 60px;
        right: 120px;
    }

    #licence-iv {
        width: 40px;
    }

    .smw_circle {
        transform: scale(0.7);
        margin: 0 -30px !important;
    }

    #headerHome-logos #circle_gold {
        transform: scale(0.5);
        margin: 0 -50px;
    }

    /*-------------------- SECTIONS -------------------*/
    .section_txt .wp-block-columns {
        display: block;
    }
    /*----------------PRESTATIONS------------------------*/
    #prestations .animated-arrow {
        padding: 0;
    }

    .the-arrow.-left {
        top: 5px;
    }

    .prestations-content .tc_excerpt {
        display: none;
    }

    .videPresta {
        display: none;
    }

    .prestations-wrapper {
        height: 100%;
        display: grid;
        align-content: center;
    }

    .prestations-content .title_content,
    .prestations-content .tc_excerpt {
        max-width: 80%;
    }

    .prestations-content .tc_excerpt {
        margin-left: auto;
    }

    canvas,
    #prestations>.overlay {
        display: none !important;
    }
}

@media(max-width: 1024px) {


    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header.fixed-header {
        background-color: var(--background-color);
        border-bottom: 2px solid var(--white);
        position: fixed;
        top: 0;
        z-index: 99;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        left: 0;
        animation: slide-down 0.7s;
        right: 0;
    }

    #headerHome-img {
        height: 400px;
    }

    #headerHome-logo img {
        width: 250px;
    }

    #headerHome-hero {
        grid-gap: 5px;
        grid-template-rows: none;
        grid-auto-rows: 150px;
        grid-template-columns: repeat(3, 1fr);
    }


    #headerHome-logo,
    #headerHome-hero_content {
        display: none;
    }

    #headerHero-hero_img {
        grid-column: span 1 !important;
        grid-row: auto !important;
    }

    #header-coordonnees {
        left: initial;
        top: 0;
        transform: initial;
    }

    .ckmenu {
        position: relative;
        z-index: 1000;
        border-radius: 50%;
        overflow: hidden;
    }

    .ckmenu-nav {
        padding-top: 50px;
    }
    #header-coordonnees
    {
        justify-content: center;
    }

    /*-------------------MDTAC---------------------*/
    .md-tac {
        text-align: center;
    }

    .title.md-tac:not(.no-after):after {
        left: 50%;
        transform: translateX(-50%);
    }

    /*-----------------*/
    /* HEADERHOME */
    /*-----------------*/
    #headerHome-logos {
        bottom: -50px;
        right: 0;
        left: 0;
        justify-content: center;
    }

    #licence-iv {
        width: 40px;
    }

    .smw_circle {
        transform: scale(0.7);
        margin: 0 -30px !important;
    }

    #headerHome-logos #circle_gold {
        transform: scale(0.5);
        margin: 0 -50px;
    }

    #headerHome-content {
        padding-bottom: 130px;
        width: 100%;
    }

    .ml5 {
        font-size: 50px;
        letter-spacing: 3px;
    }

    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	#news .next_slider {width: 140px;}
	
	.title_slider {font-size: 20px;}
    .newsdate .day {font-size: 30px}
    .newsdate .month {font-size: 17px}
	.newsdate {
        padding: 20px 20px;
        height: calc(100% - 140px);
        top: 50px;
        left: -60px;
        min-height: 150px
    }
	
    #news .content_slider {padding: 50px 0 50px 80px;}
	.thumbnail_slider{height: 300px;}
	#news-title {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        border: none;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    #news-title .title { margin-bottom: 10px   }
    /*------------------- PRESTATIONS ---------------------*/
    #prestations .wrapperPresta {
        max-width: 700Px;
    }
    /*-------------------- REASSURANCES -------------------*/
    #reassurances .picto-container li p
    {
        text-align: center;
    }
    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #choixSections:before {
        left: 30px;
    }

    #choixSections:after {
        left: 20px;
    }

    #choixSections {
        display: none;
    }

    #sections .sectionsbloc {
        flex-direction: column;
        display: flex;
    }

    #sections .sectionsbloc>*:not(.section_thumb) {
        max-width: 700Px;
        margin: 0 auto;
        width: 100%;
    }

    #sections .section_txt {
        display: grid;
        align-items: stretch;
        /* grid-template-columns: repeat(2, 1fr); */
        gap: 10px;
        margin-bottom: 10px !important;
    }


    #sections .section_txt :is(.tertiarythumb, .specialthumb) {
        height: 400px;
    }

    #sections .section_title {
        gap: 0;
        padding: 60px 30px 10px;
    }

    .sectionsbloc :is(.specialthumb, .tertiarythumb) {
        order: -1;
    }
}

@media(max-width: 767px) {

    /*-----------------*/
    /* HEADER */
    /*-----------------*/
    #header-coordonnees {
        right: -230px;
        width: 230px;
        padding: 70px 20px 65px;
    }

    /*-----------------*/
    /* HEADERHOME  */
    /*-----------------*/
    #headerHome-content {
        padding-bottom: 80px;
    }

    .ml5 {
        font-size: 30px;
        letter-spacing: 2px;
    }


    /*-----------------*/
    /* HEADERHOME + BANNER */
    /*-----------------*/
    #headerHome .overlay,
    #banner .overlay {
        background: linear-gradient(var(--overlay-color) 30%, transparent);
    }
    

    /*-----------------*/
    /* SECTIONS */
    /*-----------------*/
    #sections .section_txt :is(.tertiarythumb, .specialthumb) {
        height: 300px;
    }

    #sections .section_title {
        padding: 50px 20px 0;
    }
    /*-----------------*/
    /* ACTU */
    /*-----------------*/
	.thumbnail_slider{height: 250px;}
	#news {padding: 50px 15px;}

    #news .content_slider {padding: 40px 0 20px}
	.text_slider, .text_slider a{font-size: 14px;}
    .newsdate {
        left: 20px;
        top: -40px;
        height: auto;
        padding: 10px 15px;
        min-height: auto
    }
    .newsdate .month {font-size: 14px;}
    .newsdate .day {font-size: 20px;}
    .title_slider {font-size: 20px;}
    #news .next_slider {
		justify-content: flex-start;
		width: auto;
	}
}

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