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

#loader-text{
	 display: inline-block;
	 margin-top: 50px;
	 color: white;
	 border-top: solid 2px white;
	 border-bottom: solid 2px white;
	 transform: skew(0, -5deg);
	 font-family: var(--font-title);
	 font-size: 30px;
	 letter-spacing: 8px;
	 line-height: 1.2;
}

#action {
    margin: 0 auto;
    width: 700px;
    position: relative;
    height: 230px;
}

#keg {
    position: absolute;
    height: 200px;    
    width: 70px;
    background-color: #656D78;
    border-right: solid 20px #434A54;
    bottom: 0;
    left: 310px;
}
#pipe {
    position: absolute;
    height: 30px;
    width: 10px;
    top: 30px;
    left: 10px;
    background-color: #CCD1D9;
}

#pipe:before {
    position: absolute;
    display: block;
    content: " ";
    height: 20px;
    width: 30px;
    top: -5px;
    left: 5px;
    background: linear-gradient(to bottom, #CCD1D9 50%, #AAB2BD 50%);
    border-radius: 0 10px 10px 0;
}

#pipe:after {
    position: absolute;
    display: block;
    content: " ";
    width: 10px;
    background-color: rgba(255, 206, 84, 0.5);
    
    animation: flow 5s ease infinite;
}

@keyframes flow {
    0%, 15% { 
        top: 30px;
        height: 0px;
    }
    20% { 
         height: 125px;
    }
    40% {        
        top: 30px;
        height: 85px;
    }
    55% {
        top: 30px;
        height: 60px;
    }
    60%, 100% {
        top: 70px;
        height: 0px;
    }
}

#pipe-front {
    position: absolute;
    height: 14px;
    width: 14px;
    top: 25px;
    left: 5px;
    background-color: #F5F7FA;
    border-radius: 10px;
    border: solid 3px #CCD1D9;
}

#pipe-handle {
    transform-origin: center bottom;
    position: absolute;
    width: 0;
    height: 5px;
    top: -20px;
    left: 5px;
    border-style: solid;
    border-width: 50px 10px 0 10px;
    border-color: black transparent transparent transparent;
    
    animation: handle 5s ease infinite;    
}
#pipe-handle:before {
    position: absolute;
    top: -60px;
    left: -10px;
    display: block;
    content: ' ';
    width: 20px;
    height: 10px;
    background-color: #CCD1D9;
    border-radius: 5px 5px 0 0;
}
#pipe-handle:after {
    position: absolute;
    top: -20px;
    left: -5px;
    display: block;
    content: ' ';
    width: 10px;
    height: 20px;
    background-color: #CCD1D9;
}
@keyframes handle {
    0%, 10% { 
       transform: rotate(0deg);
    }
    20%, 50% { 
         transform: rotate(-90deg);
    }
    60%, 100% {
        transform: rotate(0deg);
    }
}

.glass {
    position: absolute;
    height: 100px;
    width: 70px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.0);
    border-radius: 5px;
    animation: slide 5s ease forwards infinite;
}

@keyframes slide {
    0% { 
        opacity: 0;
        left: 0; 
    }
    20%, 80% { 
        opacity: 1;
        left: 300px; 
    }
    100% {
         opacity: 0;
        left: 600px;
    }
}

.front-glass {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);   
    border-radius: 5px;
}

.beer {
    position: absolute;
    bottom: 8px;
    margin: 0 5px;
    /*height: 80%;*/
    width: 60px;
    background-color: rgba(255, 206, 84, 0.8); /* #FFCE54*/
    border-radius: 0 0 5px 5px;
    border-top: solid 0px rgba(255, 206, 84, 0.8);
    animation: fillup 5s ease infinite;
}
.beer:after {
    position: absolute;
    display: block;
    content: " ";
    /*height: 20px;*/
    width: 100%;
    background-color: white;
    /*top: -20px;*/
    border-radius: 5px 5px 0 0;
    
    animation: fillupfoam 5s linear infinite, wave 0.5s alternate infinite;
}

.handle {
    position: absolute;
    right: -10px;
    top: 20px;
}
.handle .top-right {
    height: 20px;
    width: 10px;
    border-top: solid 6px rgba(255, 255, 255, 0.4);
    border-right: solid 6px rgba(255, 255, 255, 0.4);
    border-top-right-radius: 20px;
}
.handle .bottom-right {
    height: 20px;
    width: 10px;
    border-bottom: solid 6px rgba(255, 255, 255, 0.4);
    border-right: solid 6px rgba(255, 255, 255, 0.4);
    border-bottom-right-radius: 20px;
}

@keyframes fillup {
    0%, 20% { 
        height: 0px; 
        border-width: 0px;
    }
    40% {
        height: 40px; 
    }
    80%, 100% { 
        height: 80px; 
        border-width: 5px;
    }
}
@keyframes fillupfoam {
    0%, 20% { 
        top: 0px;
        height: 0px; 
    }
    60%, 100% { 
        top: -14px;
        height: 15px; 
    }
}
@keyframes wave {
    from { 
        transform: skew(0, -3deg);
    }
    to { 
        transform: skew(0, 3deg);
    }
}


/*-----------------*/
/* ELEMENTS */
/*-----------------*/
blockquote p strong, 
.wp-block-quote p strong{
    font-family: var(--font-alt);
    color: var(--secondary-color);
}
/*----------------- BUTTONS -----------------*/
.button:not(.buttonIcon),
.tc_content .wp-block-button__link {transition-delay: .4s , .5s}

.button:not(.buttonIcon):before,
.tc_content .wp-block-button__link:before,
.button:after,.tc_content .wp-block-button__link:after {
    padding: 18px 0 11px;
    content: '';
    position: absolute;
    top: 0;
    left: calc(-100% - 60px);
    height: 100%;
    width: calc(100% + 40px);
    color: #fff;
    border-radius: 2px;
    transform: skew(-25deg)
}

.button:not(.buttonIcon) span,
.tc_content .wp-block-button__link span {
    position: relative;
    z-index: 10
}

.button:not(.buttonIcon):before,
.tc_content .wp-block-button__link:before {
    background: var(--secondary-color);
    z-index: 5;
    transition: left 1s cubic-bezier(.86,0,.07,1)
}

.button:not(.buttonIcon):after,
.tc_content .wp-block-button__link:after {
    background: #fff;
    transition: left .8s cubic-bezier(.86,0,.07,1) .2s;
    z-index: 0;
    opacity: .8
}

.button:not(.buttonIcon):hover:after,
.tc_content .wp-block-button__link:hover:after {
    left: calc(0% - 20px);
    transition: left .8s cubic-bezier(.86,0,.07,1)
}

.button:not(.buttonIcon):hover:before,
.tc_content .wp-block-button__link:hover:before {
    left: calc(0% - 20px);
    transition: left 1s cubic-bezier(.86,0,.07,1)
}

/*-----------------*/
/* HEADER */
/*-----------------*/
#info-toogle {
    display: flex;
   
}

#info-toogle svg circle {
    stroke-dasharray: 160;
    stroke-dashoffset: 0;
    transform-origin: center;
    transform: rotate(0deg);
    transition: transform 1.2s cubic-bezier(.23,1,.32,1) , stroke-dashoffset 1.2s cubic-bezier(.23,1,.32,1)
}

body:not(.is-toggle-open) #info-toogle:hover svg circle {
    transform: rotate(2turn);
    stroke-dashoffset: 160
}

#info-toogle svg path {
    stroke-dashoffset: 0
}

#info-toogle svg path:first-of-type {
    stroke-dasharray: 28;
    transition: stroke-dashoffset .8s cubic-bezier(.23,1,.32,1) .4s
}

#info-toogle svg path:nth-of-type(2) {
    stroke-dasharray: 20;
    transition: stroke-dashoffset .8s cubic-bezier(.23,1,.32,1) .5s
}

#info-toogle .header__toggler-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 15px;
    height: 2px;
    background-color: var(--white);
    transition: transform .8s cubic-bezier(.23,1,.32,1)
}

#info-toogle .header__toggler-bar:nth-child(2) {
    transform: translate(-50%,-50%) rotate(45deg) scaleX(0);
    transition-delay: 0s
}

#info-toogle .header__toggler-bar:nth-child(3) {
    transform: translate(-50%,-50%) rotate(-45deg) scaleX(0);
    transition-delay: .1s
}
body.is-toggle-open #info-toogle svg circle{stroke: var(--white);}
body.is-toggle-open #info-toogle .header__toggler-bar:nth-child(2) {
    transform: translate(-50%,-50%) rotate(45deg) scaleX(1);
    transition-delay: .4s
}

body.is-toggle-open #info-toogle .header__toggler-bar:nth-child(3) {
    transform: translate(-50%,-50%) rotate(-45deg) scaleX(1);
    transition-delay: .5s;
}

body.is-toggle-open #info-toogle svg path:first-of-type {
    stroke-dashoffset: 28;
    transition-delay: .1s
}

body.is-toggle-open #info-toogle svg path:nth-of-type(2) {
    stroke-dashoffset: 20;
    transition-delay: 0s
}


#header-coordonnees {
    position: fixed;
    top: 0;
    right: -330px;
    width: 330px;
    height: 100%;
    min-height: 100%;
    padding: 70px 40px 65px;
    background: var(--black);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    visibility: hidden;
    overflow: scroll;
    z-index: 9998;
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    -o-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
    text-align: left;
    box-shadow: 0 0 30px #00000057;
}
#header-coordonnees .flex > div{margin: 15px 0;}



body.is-toggle-open #header-coordonnees {
    right: 0;
    visibility: visible;
}
#header-coordonnees #logoCoordonnees {
    order: -1;
    margin-bottom: 30px;
}

.burgerIcon-name{
	text-transform: uppercase;
	letter-spacing: 0.18em;
	content: "Menu";
	font-family: var(--font-title);
	color: var(--white);
	font-weight: bold;
	padding-left: 10px;
	font-size: 22px;
}


.burgerIcon-iconWrapper {
    position: relative;
    display: block;
	--size: 52px;
    width: var(--size);
    height: var(--size);
    transition: margin .8s cubic-bezier(0,0,0.2,1) .2s;
}
.burgerIcon-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.burgerIcon-icon * {
    transform-box: fill-box;
    transform-origin: center
}
.burgerIcon-bar {
    stroke: var(--primary-txtcolor);
    transition: stroke-dashoffset 1s cubic-bezier(0.4,0,0.2,1),stroke .3s ease
}

.burgerIcon-bar.first {
    stroke-dasharray: 100;
    stroke-dashoffset: 77
}

.burgerIcon-bar.second {
    stroke-dasharray: 150;
    stroke-dashoffset: 182
}

.ckmenu-toogle.open .burgerIcon-bar {stroke: #fff}
.ckmenu-toogle.open .burgerIcon-bar.first {stroke-dashoffset: 133}
.ckmenu-toogle.open .burgerIcon-bar.second {stroke-dashoffset: 426}
.ckmenu-toogle.open .burgerIcon-iconWrapper {transition-delay: 0s}
.ckmenu-toogle.open .burgerIcon-label {color: #fff}

.ckmenu-toogle .burgerIcon-name.close{display: none;}
.ckmenu-toogle.open .burgerIcon-name.close{display:block}
.ckmenu-toogle.open .burgerIcon-name.menu{display: none;}

.navigmenu {
    align-items: stretch!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: auto
}

.ckmenu-items {
    flex-direction: column;
    padding: 60px 30px 30px 30px;
    justify-content: center
}

.ckmenu-img {
    background-image: url(../images/bg-menu.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto
}
.ckmenu-nav{background: var(--black);z-index: 9999;}
.ckmenu-nav.open {
    top: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.navigmenu .navigtoogle.social .naviglink.lvl-0{padding: 14px;}

.navigmenu .naviglink.lvl-0:not(.item-logo) span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    transform-origin: right center;
    transform: scale(0,1);
    transition: transform .25s cubic-bezier(.25,.8,.25,1);
    height: 1px;
    background: currentColor;
}
.navigmenu .active .naviglink.lvl-0{color: var(--primary-color);}
.navigmenu .active .naviglink.lvl-0 span:after, 
.navigmenu .naviglink.lvl-0:hover span:after {
    transform-origin: left center;
    transform: scale(1,1);
}


@keyframes push_text_right {
    0% {
        opacity: 0;
        transform: translateX(-60px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.ckmenu-nav.open .navigmenu .naviglink.lvl-0 {animation: push_text_right .4s cubic-bezier(.175,.885,.32,1) both;}

.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(1) .naviglink.lvl-0{animation-delay: 420ms;}
.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(2) .naviglink.lvl-0{animation-delay: 490ms;}
.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(3) .naviglink.lvl-0{animation-delay: 560ms;}
.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(4) .naviglink.lvl-0{animation-delay: 610ms;}
.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(5) .naviglink.lvl-0{animation-delay: 670ms;}
.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(6) .naviglink.lvl-0{animation-delay: 740ms;}
.ckmenu-nav.open .navigmenu .navigtoogle:nth-child(7) .naviglink.lvl-0{animation-delay: 810ms;}
/*-----------------*/
/* SOCIAL */
/*-----------------*/
.sociblock:not(#headerHome-social .sociblock) .share-buttons a {
    --size: 35px;
    width: var(--size);
    height: var(--size);
    align-items: center;
    justify-content: center;
    margin: 0 3px;
}

.sociblock:not(#headerHome-social .sociblock) .share-buttons a:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 100px;
    transition: all ease 250ms;
    border: solid 1px #e3e3e3;
}

.sociblock:not(#headerHome-social .sociblock) .share-buttons a:hover:before {
    background: var(--primary-txtcolor);
    border-color: var(--primary-txtcolor);
}

.sociblock:not(#headerHome-social .sociblock) .share-buttons a svg {--size: 15px;}
.sociblock:not(#headerHome-social .sociblock) .share-buttons a:hover svg {fill: var(--white);}
.sociblock:not(#headerHome-social .sociblock, #cta-social .sociblock) .share-buttons a svg {fill: var(--white);}

/*-----------------*/
/* HEADERHOME + BANNER */
/*-----------------*/

#headerHome .overlay, 
#banner .overlay{background: linear-gradient(var(--overlay-color), transparent);}

/*-----------------*/
/* HEADERHOME */
/*-----------------*/
#headerHome{padding-top: 75px;}
#headerHome{background: var(--background-color);}
#headerHome-content{pointer-events: none;}
#headerHome-content>*{pointer-events: all;}
#headerHome-social .sociblock .share-buttons a svg{--size: 20px;}
#headerHome-social .sociblock .share-buttons a:not(:hover) svg{fill: var(--white);}
#headerHome-social .sociblock .share-buttons a:hover svg{fill: var(--black);}

#headerHome-logos{
	position: absolute;
	bottom: 90px;
	right: 130px;
	z-index: 3;
}
#headerHome-logos > *{margin: 0 5px;}
#headerHome-logos #circle_gold{transform: scale(0.7);margin: 0 -20px;}
#licence-iv{
	width: 60px;
}

    .smw_circle {
        width: var(--size);
        --size: 134px;
        height: var(--size);
        border-radius: 50%;
        border: 2px solid #ff5a5f;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 15px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .smw_cont img {
        width: 16px;
        margin-bottom: 0;
    }
    .smw_signature {
        font-size: 11px;
        color: #999;
        margin-bottom: 5px;
        line-height: 1;
    }
    .smw_signature a {
        color: #ff5a5f;
        text-decoration: none;
    }
    .smw_recommendation {
        background: #ff5a5f;
        color: white;
        font-size: 8px;
        padding: 2px 8px;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .smw_name {
        font-size: 8px;
        font-weight: bold;
    }
    .smw_name a {
        color: #333;
        text-decoration: none;
    }
    .smw_name a:hover {
        color: #ff5a5f;
    }

.ml5 {
    font-weight: 300;
    color: var(--white);
    display: inline-block;
    font-size: 70px;
    letter-spacing: 5px;
    position: relative;
    text-transform: uppercase;
    font-family: var(--font-title);
    padding: 3px 0;
}

.ml5 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
  line-height: 1em;
}

.ml5 .line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2px;
  width: 100%;
  background-color: var(--white);
  transform-origin: 0.5 0;
}

.ml5 .ampersand {
  margin-right: -0.1em;
  margin-left: -0.1em;
}

.ml5 .letters {
  display: inline-block;
  opacity: 0;
}


/*-----------------*/
/* GALLERY HOME */
/*-----------------*/
#galleryHome {
    position: relative;
    z-index: 1;
    height: 31.725em;
    font-size: 1.25vw;
    overflow: hidden;
    margin: 140px 0 50px;
}
#galleryHome .gallery .gallery-item {
    margin-bottom: 0;
    position: absolute;
}
#galleryHome .gallery .gallery-item:first-of-type {
    width: 17.9375em!important;
    height: 24.55em;
    top: 3.525em;
    left: 0;
    z-index: 1;
}
#galleryHome .gallery .gallery-item:nth-child(2) {
    width: 9.8625em!important;
    height: 14.35em;
    top: 6.8625em;
    left: 14.2375em;
    z-index: 6;
}
#galleryHome .gallery .gallery-item:nth-child(3) {
    width: 25.5625em!important;
    height: 31.725em;
    top: 0;
    left: 27.175em;
    z-index: 2;
}
#galleryHome .gallery .gallery-item:nth-child(4) {
    width: 14.2375em!important;
    height: 10.65em;
    top: 11.3em;
    left: 55.475em;
    z-index: 5;
}
#galleryHome .gallery .gallery-item:nth-child(5) {
    width: 18.1375em!important;
    height: 21.5em;
    top: 5.025em;
    left: 66.8375em;
    z-index: 3;
}
/*-----------------*/
/* PRODUITS HOME */
/*-----------------*/

/*-----------------*/
/* CONTENT */
/*-----------------*/
.linkTurn {
    --size: 11rem;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    font-size: 14px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 0.13em;
    word-spacing: 0.3em;
    text-decoration: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* top: initial; */
    bottom: -90px;
    z-index: 1;
}

.link__svg {
    width: 100%;
    height: auto;
    transform-box: fill-box;
    fill: var(--white);
    stroke: var(--white);
    background: var(--black);
    border-radius: 50%;
    padding: 10px;
    stroke-width: 0.05em;
    box-sizing: border-box;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}

.linkTurn:hover .link__svg {background: var(--primary-color);}

.link__arrow {
    transform-origin: 50% 50%;
    transition: transform 0.15s cubic-bezier(0.32, 0, 0.67, 0);
}

.linkTurn:hover .link__arrow {
    transform: scale(1.3) rotate(-20deg);
    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}

.link__arrow {stroke-width: 0.075em;}

.link__text {
    -webkit-animation: rotateReverse normal infinite 20s linear;
    animation: rotateReverse normal infinite 20s linear;
    transform-origin: 50% 50%
}

.link--alt {
    font-size: 1.1rem;
    letter-spacing: 0
}
.home #content .linkTurn{
    border-radius: 50%;
    background: var(--background-color);
}
.home #content .linkTurn .link__svg{
	fill: var(--title-color);
	stroke: var(--white);
	background: none;
}
.home #content #link-circle3 {
    fill: var(--primary-color);
    transition: 250ms all ease-in-out;
}
.home #content .linkTurn:hover  #link-circle3{
    fill: var(--secondary-color);
}

/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
.nohome #prestations{padding: 0;}
#prestations h3{
    border-top: solid 3px var(--secondary-color);
    border-bottom: solid 3px var(--secondary-color);
    font-size: 32px;
    margin: 0;
}
/*-----------------*/
/* ACTU */
/*-----------------*/
.design-link {
    display: inline-flex;
    align-items: center;
    padding-left: 52px;
    text-transform: uppercase;
    font-family: var(--font-bold);
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    color: var(--title-color)
}

.design-link:before,
.design-link:after {
    content: '';
    position: absolute;
    width: 46px;
    background: var(--text-color);
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s linear 0s
}

.design-link.white {color: var(--white)}
.design-link.white:before,
.design-link.white:after {background: var(--white)}

.design-link span:before {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    margin: 0;
    margin-right: 6px;
    order: -1;
    background: var(--primary-txtcolor);
    z-index: 1;
    position: relative;
    vertical-align: middle;
    top: -1px;
    border-radius: 10px;
}

.design-link:after {
    width: 0;
    left: unset;
    right: 0
}

.design-link:hover {
    padding-left: 0;
    padding-right: 52px;
    color: var(--primary-txtcolor);
}
.design-link:hover:before {width: 0}
.design-link:hover:after {width: 46px}

#news{background-image: url(../images/bg-news.jpg);}
#news-title {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    padding-bottom: 10px;
    margin-bottom: 30px
}

.wrapper_slider {
    padding: 20px 0
}

#news .thumbnail_slider {
    height: auto;
    min-height: 250px
}

.thumbnail_slider a {
    height: 100%;
    display: block;
    position: relative
}

.thumbnail_slider a img {
    position: absolute;
    left: 0;
    top: 0
}

#news .content_slider {padding: 50px 0 50px 100px}

.title_slider {
    font-size: 28px;
    letter-spacing: 0.4px;
}

.newsdate {
    position: absolute;
    top: 40px;
    background: var(--primary-color);
    left: -90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 80px);
    justify-content: center;
    padding: 20px 30px;
    font-family: var(--font-bold);
    color: var(--white);
}

.text_slider,.text_slider a {
    font-size: 16px;
    line-height: 1.6
}

.newsdate .month {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 2px
}

.newsdate .day {
    font-size: 35px;
    line-height: 1;
}

#news .next_slider {
    display: flex;
    align-items: center;
    width: 200px;
    justify-content: flex-end;
    margin: 0
}

#news .title_link_slider {
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    transition: .4s cubic-bezier(.215,.61,.355,1);
    background-size: 0 100%;
}
#news .title_slider:hover .title_link_slider {background-size: 100% 100%;}

/*-----------------*/
/* SECTIONS */
/*-----------------*/
.section_thumb .blocthumb {position: relative}

.sectionsbloc .specialthumb {overflow: hidden}
.sectionsbloc .specialthumb img {height: 120%}

.sectionsbloc.even .section_thumb {order: 2;}
.sectionsbloc.even .specialthumb {height: 100%;}


.sectionsbloc.odd .section_thumb {order: 0;}


.sectionsbloc.odd .section_txt .title h2,
.sectionsbloc.odd .section_txt {color: var(--white)}

.sectionsbloc.odd .section_txt:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    z-index: -1
}
/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances{background-image: url('../images/bg-reassurances.jpg');}
.picto-container li p{
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.picto-container li p strong{
    display: block;
    font-size: 25px;
    font-family: var(--font-title);
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 6px;
    background-image: url(../images/paint.png);
    background-size: cover;
    background-position: center;
}
/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

/*-----------------*/
/* NEWSLETTER */
/*-----------------*/

/*-----------------*/
/* SHARE */
/*-----------------*/

/*-----------------*/
/* AGENCES */
/*-----------------*/

/*-----------------*/
/* CONTACTFORM */
/*-----------------*/

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footer{background: var(--primary-color);}
#footerLinks{background: var(--black);}
.descbloctel a{color: var(--white);}
.descbloctel a:hover{color: var(--primary-txtcolor)}
#footerSeo{
	font-size: 15px;
    line-height: 1.6;
    font-style: italic;
    margin-top: 20px;
}
.cekome_form .button.cf_submit:hover{background-color: var(--tertiary-color);}
#footerCoordonnees > div{margin: 25px 0;}
#footerCoordonnees > div span{color: var(--white);}
#footerSocial .sociblock .share-buttons{justify-content: flex-start;}