/*-----------------*/
/* LOADER */
/*-----------------*/
#loader-wrapper {
    background: var(--white);
}

#loader-wrapper svg {
    width: 200px;
    height: auto;
}

/***************************************************
 * Generated by SVG Artista on 10/27/2025, 10:43:07 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 1226.32470703125px;
        stroke-dasharray: 1226.32470703125px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1226.32470703125px
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 1226.32470703125px;
        stroke-dasharray: 1226.32470703125px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1226.32470703125px
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.77,0,0.175,1) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(0.77,0,0.175,1) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 159.13314819335938px;
        stroke-dasharray: 159.13314819335938px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 159.13314819335938px
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 159.13314819335938px;
        stroke-dasharray: 159.13314819335938px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 159.13314819335938px
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.77,0,0.175,1) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;
    animation: animate-svg-stroke-2 1s cubic-bezier(0.77,0,0.175,1) 0.12s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 158.60073852539062px;
        stroke-dasharray: 158.60073852539062px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 158.60073852539062px
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 158.60073852539062px;
        stroke-dasharray: 158.60073852539062px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 158.60073852539062px
    }
}

@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.77,0,0.175,1) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;
    animation: animate-svg-stroke-3 1s cubic-bezier(0.77,0,0.175,1) 0.24s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 189.16351318359375px;
        stroke-dasharray: 189.16351318359375px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 189.16351318359375px
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 189.16351318359375px;
        stroke-dasharray: 189.16351318359375px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 189.16351318359375px
    }
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.77,0,0.175,1) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;
    animation: animate-svg-stroke-4 1s cubic-bezier(0.77,0,0.175,1) 0.36s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 190.32601928710938px;
        stroke-dasharray: 190.32601928710938px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 190.32601928710938px
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 190.32601928710938px;
        stroke-dasharray: 190.32601928710938px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 190.32601928710938px
    }
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.77,0,0.175,1) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 1s cubic-bezier(0.77,0,0.175,1) 0.48s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 1244.146728515625px;
        stroke-dasharray: 1244.146728515625px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1244.146728515625px
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 1244.146728515625px;
        stroke-dasharray: 1244.146728515625px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1244.146728515625px
    }
}

@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-6 {
    -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.77,0,0.175,1) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;
    animation: animate-svg-stroke-6 1s cubic-bezier(0.77,0,0.175,1) 0.6s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 742.836181640625px;
        stroke-dasharray: 742.836181640625px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 742.836181640625px
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 742.836181640625px;
        stroke-dasharray: 742.836181640625px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 742.836181640625px
    }
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-7 {
    -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.77,0,0.175,1) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-7 1s cubic-bezier(0.77,0,0.175,1) 0.72s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 1459.7884521484375px;
        stroke-dasharray: 1459.7884521484375px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1459.7884521484375px
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 1459.7884521484375px;
        stroke-dasharray: 1459.7884521484375px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1459.7884521484375px
    }
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent
    }

    100% {
        fill: rgb(20,112,120)
    }
}

.svg-elem-8 {
    -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.77,0,0.175,1) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both;
    animation: animate-svg-stroke-8 1s cubic-bezier(0.77,0,0.175,1) 0.84s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.5s both
}

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.title.tar:not(.no-after):after{
	left: auto;
	right: 0;
}

*:not(.wp-block-button__link,.button).has-background strong,
*:not(.wp-block-button__link,.button).has-background a:not([class*="button"]):not(:hover), 
*:not(.wp-block-button__link,.button).has-background a:not([class*="button"]):not(:hover) strong{color: var(--white);}


/*-----------------*/
/* HEADER */
/*-----------------*/
#logo{
    margin-bottom: -110px;
    background: var(--background-color);
    padding: 15px;
}
#info-toogle {
    display: flex;
    justify-self: flex-end;
}



/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
.navigmenu .naviglink.lvl-0 span:after, 
.navigmenu .naviglink span:before {
    content: '';
    display: block;
    position: absolute;
    left: -.1em;
    bottom: -.4em;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--primary-color);
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    -o-transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s , -webkit-transform .4s cubic-bezier(.48,.57,.33,.89) .1s
}

.navigmenu .naviglink span:before {
    padding-bottom: 4px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.48,.57,.33,.89);
    -o-transition: transform .4s cubic-bezier(.48,.57,.33,.89);
    transition: transform .4s cubic-bezier(.48,.57,.33,.89);
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) , -webkit-transform .4s cubic-bezier(.48,.57,.33,.89)
}

#navprimary .navigmenu .active .naviglink.lvl-0 {color: var(--primary-color)}

#navprimary .navigmenu .active .naviglink.lvl-0 span:after, 
#navprimary .navigmenu .naviglink.lvl-0:hover span:after, 
#navprimary .navigmenu .active .naviglink.lvl-0 span:before, 
#navprimary .navigmenu .naviglink.lvl-0:hover span:before {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}


#navprimary .marque-alsace{margin-left: auto;}
/*-----------------*/
/* HEADERHOME */
/*-----------------*/
/*-----------------*/
/* GALLERY HOME */
/*-----------------*/
/*-----------------*/
/* PRODUITS HOME */
/*-----------------*/
/*-----------------*/
/* CONTENT */
/*-----------------*/
.home #content:before{
    height: 35%;
    background: var(--primary-color);
    z-index: 0;
    top: auto;
    bottom: 0;
}
.home .eb-wrapper-outer { background: none!important}
.home #content .wp-block-gallery {
    pointer-events: none;
    position: relative;
    z-index: 1;
}
.home #content .wp-block-gallery a {pointer-events: all}
.home #content .wp-block-essential-blocks-wrapper strong,
.home #content .wp-block-essential-blocks-wrapper a:not([class*="button"]), 
.home #content .wp-block-essential-blocks-wrapper a:not([class*="button"]) strong{color: var(--white);}

.home #content .wp-block-essential-blocks-wrapper a:not([class*="button"]), 
.home #content .wp-block-essential-blocks-wrapper a:not([class*="button"]) strong{background-image:linear-gradient(to bottom, transparent 20%, var(--tertiary-color) 21% )}

.home #content .wp-block-essential-blocks-wrapper a:not([class*="button"]):hover, 
.home #content .wp-block-essential-blocks-wrapper a:not([class*="button"]):hover strong{color: var(--tertiary-color);}

/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
/*-----------------*/
/* ACTU */
/*-----------------*/
.title_link_slider {
	background-size: 100% 96%;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 2px),currentColor 2px);
    background-image: linear-gradient(transparent calc(100% - 2px),currentColor 2px);
    background-image: -ms-linear-gradient(transparent 95%,currentColor 2px);
    -webkit-transition: .6s cubic-bezier(.215,.61,.355,1);
    -o-transition: .6s cubic-bezier(.215,.61,.355,1);
    transition: .6s cubic-bezier(.215,.61,.355,1);
    background-size: 0 96%
}
.title_link_slider:hover {background-size: 100% 96%}
#news{background: var(--tertiary-color)}
#news .next_slider {margin-top: 10px;}
#news .left {
    display: grid;
    align-items: start
}

#news .titleImg {
    background: url(../images/home-bg3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
}

#news .wrapperActu { counter-reset: actus}

#news .wrapper_slider:not(:last-child) .wrapper_inner_slider {border-bottom: 1px solid #00000017}

#news .wrapper_inner_slider {
    background: none;
    padding: 10px 0px;
}

#news .thumbnail_slider {
    transition: all .5s;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 160px;
}

#news .content_slider::before {
    content: "0" counter(actus);
    counter-increment: actus;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 0;
    font-family: var(--font-bold);
    font-size: 3em;
    opacity: 0.1;
    color: #ffffff;
    font-weight: bold;
    z-index: -1;
}
/*-----------------*/
/* SECTIONS */
/*-----------------*/
/*-----------------*/
/* REASSURANCES */
/*-----------------*/
/*-----------------*/
/* PARTENAIRES */
/*-----------------*/
/*-----------------*/
/* NEWSLETTER */
/*-----------------*/
/*-----------------*/
/* SHARE */
/*-----------------*/
/*-----------------*/
/* AGENCES */
/*-----------------*/
/*-----------------*/
/* CONTACTFORM */
/*-----------------*/
/*-----------------*/
/* FOOTER */
/*-----------------*/
#footerLogo{
    margin-bottom: 10px;
}