@import url(evol-realisations.css);
@import url(evol-espacepro.css);
/* @changelog 2022-10-14 [EVOL] (Adrien) Ajout d'un style pour la gestion des formulaires */
@import url(evol-form.css);
@import url(dashboard.css);
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;0,700;1,400&display=swap);

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

* {
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body {
    color: #353535;
    font-family: Montserrat, sans-serif, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ol,
ul {
    padding-left: 10px;
    margin: 0 0 21px 0
}

ul {
    list-style: outside;
    margin-left: 20px
}

ul li {
    list-style-type: square
}

ol {
    padding-left: 0;
    counter-reset: item
}

ol li {
    list-style-type: none;
    counter-increment: item
}

ol li::before {
    display: inline-block;
    padding-right: .5em;
    font-weight: 700;
    text-align: right;
    content: counter(item, decimal-leading-zero) "."
}

p {
    margin: 0 0 21px 0
}

em,
i {
    font-style: italic
}

b,
strong {
    color: #353535;
    font-weight: 700
}

a {
    color: #52A377;
    transition: all .1s
}

a:hover {
    color: #52A377
}

[data-expand-target] {
    overflow: hidden;
    position: relative
}

[data-expand-link]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: -250px
}

::-moz-selection {
    color: #fff;
    background: #52A377
}

::selection {
    color: #fff;
    background: #52A377
}

::-moz-selection {
    color: #fff;
    background: #52A377
}

.purple {
    color: #52A377
}

@font-face {
    font-family: iconsfont;
    font-weight: 400;
    font-style: normal;
    src: url(../icons/font/iconsfont.eot);
    src: url(../icons/font/iconsfont.woff2) format("woff2"), url(../icons/font/iconsfont.woff) format("woff"), url(../icons/font/iconsfont.ttf) format("truetype"), url(../icons/font/iconsfont.eot?#iefix) format("embedded-opentype")
}

#advices-archive>.wrap aside .aside-nav ul .item-realisations a::after,
#advices-archive>.wrap aside .aside-nav ul li:not(.item-heading) a::before,
#footer-site .socials a.is-facebook:before,
#footer-site .socials a.is-instagram:before,
#footer-site .socials a.is-linkedin:before,
#footer-site .socials a.is-twitter:before,
#footer-site .socials a.is-youtube:before,
#header-site>.wrap .top a.is-joinus:before,
#header-site>.wrap .top a.is-pro:before,
#header-site>.wrap .top a:before,
#main-menu li.menu-item-has-children>a:after,
#main-menu.menu-pro ul li:not(.menu-bouton) a::before,
#menu-btn-mobile:before,
#sidebar-btn-mobile:after,
.is-sidebar-opened #sidebar-btn-mobile:before,
.sidebar-offlayout__close:before,
#product-single .informations .slider .thumbs .item.is-video:after,
#products_times-archive .products_times-teaser .product-link a:after,
#realisations-archive a.back-pro.is-pro:after,
#realisations-archive a.back-pro.is-pro:before,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:after,
#template-projet>.wrap aside .aside-nav ul .item-realisations a::after,
#template-projet>.wrap aside .aside-nav ul li:not(.item-heading) a::before,
.acf-field-acfe-button .acf-input:after,
.btn.is-alt:after,
.btn.is-download:after,
.btn:after,
.btn:visited:after,
.glissiere .glissiere-item .titre:after,
.is-nav-opened #menu-btn-mobile:before,
.mega-menu .contents .right .actions a.is-catalog:before,
.mega-menu .contents .right .actions a:before,
.pagination li.next a:after,
.pagination li.next span:after,
.pagination li.prev a:after,
.pagination li.prev span:after,
.reassurance span.is-budget:before,
.reassurance span.is-insulation:before,
.reassurance span.is-maintenance:before,
.reassurance span.is-resistance:before,
.reassurance span.is-security:before,
.resum-navigation .nav-btn::before,
.search-form button:before,
.um-misc-ul li a.is-alt:after,
.um-misc-ul li a.is-download:after,
.um-misc-ul li a:after,
.um-misc-ul li a:visited:after,
.wp-block-button a:after,
.wp-block-button a:visited:after,
[class*=" icons-"],
[class^=icons-],
form .gform_footer:after,
form .gform_footer:visited:after {
    display: inline-block;
    speak: none;
    font-family: iconsfont;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icons-arrow-thin:before {
    content: ""
}

.icons-arrow:before {
    content: ""
}

.icons-budget:before {
    content: ""
}

.icons-chevron:before {
    content: ""
}

.icons-close:before {
    content: ""
}

.icons-configurator:before {
    content: ""
}

.icons-download:before {
    content: ""
}

.icons-facebook:before {
    content: ""
}

.icons-instagram:before {
    content: ""
}

.icons-insulation:before {
    content: ""
}

.icons-joinus:before {
    content: ""
}

.icons-linkedin:before {
    content: ""
}

.icons-mail:before {
    content: ""
}

.icons-maintenance:before {
    content: ""
}

.icons-menu:before {
    content: ""
}

.icons-photo:before {
    content: ""
}

.icons-play:before {
    content: ""
}

.icons-pro:before {
    content: ""
}

.icons-resistance:before {
    content: ""
}

.icons-search:before {
    content: ""
}

.icons-security:before {
    content: ""
}

.icons-twitter:before {
    content: ""
}

.icons-youtube:before {
    content: ""
}

@-webkit-keyframes spine {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@keyframes spine {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

.anim-float--1,
.anim-float--10,
.anim-float--11,
.anim-float--12,
.anim-float--2,
.anim-float--3,
.anim-float--4,
.anim-float--5,
.anim-float--6,
.anim-float--7,
.anim-float--8,
.anim-float--9 {
    -webkit-animation: float 2s ease-in-out infinite;
    animation: float 2s ease-in-out infinite
}

.anim-float--1 {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.anim-float--2 {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.anim-float--3 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.anim-float--4 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.anim-float--5 {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s
}

.anim-float--6 {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s
}

.anim-float--7 {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s
}

.anim-float--8 {
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s
}

.anim-float--9 {
    -webkit-animation-delay: -2.7s;
    animation-delay: -2.7s
}

.anim-float--10 {
    -webkit-animation-delay: -3s;
    animation-delay: -3s
}

.anim-float--11 {
    -webkit-animation-delay: -3.3s;
    animation-delay: -3.3s
}

.anim-float--12 {
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s
}

@-webkit-keyframes float-v {
    0% {
        transform: translateX(0) rotate(-90deg)
    }

    50% {
        transform: translateX(5px) rotate(-90deg)
    }

    100% {
        transform: translateX(0) rotate(-90deg)
    }
}

@keyframes float-v {
    0% {
        transform: translateX(0) rotate(-90deg)
    }

    50% {
        transform: translateX(5px) rotate(-90deg)
    }

    100% {
        transform: translateX(0) rotate(-90deg)
    }
}

@-webkit-keyframes sliderImg {
    from {
        transform: translateX(-50px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes sliderImg {
    from {
        transform: translateX(-50px)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes opacityIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacityIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes translateFromLeft {
    from {
        opacity: 0;
        transform: translateX(-30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes translateFromLeft {
    from {
        opacity: 0;
        transform: translateX(-30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes translateFromTop {
    from {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes translateFromTop {
    from {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes translateFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes translateFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes scaleXFromLeft {
    from {
        opacity: 1;
        transform: translateX(-50%) scale(0, 1)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) scale(1, 1)
    }
}

@keyframes scaleXFromLeft {
    from {
        opacity: 1;
        transform: translateX(-50%) scale(0, 1)
    }

    to {
        opacity: 1;
        transform: translateX(-50%) scale(1, 1)
    }
}

@-webkit-keyframes slideup {
    to {
        bottom: 0
    }
}

@keyframes slideup {
    to {
        bottom: 0
    }
}

.alignleft,
.alignright {
    float: none;
    margin: 0 auto 30px auto
}

@media (max-width:979px) {
    .alignright {
        display: block;
        float: right;
        margin-left: 30px
    }
}

@media (max-width:979px) {
    .alignleft {
        display: block;
        float: left;
        margin-right: 30px
    }
}

.aligncenter {
    display: block;
    margin: 30px auto
}

.wp-block-quote,
.wp-block-quote.is-style-large,
blockquote {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    padding: 60px 20px 50px;
    background: #52A377;
    text-align: center
}

@media (max-width:979px) {

    .wp-block-quote,
    .wp-block-quote.is-style-large,
    blockquote {
        padding: 60px 20px
    }
}

.wp-block-quote p,
.wp-block-quote.is-style-large p,
blockquote p {
    position: relative;
    width: 90%;
    max-width: 780px;
    margin: 0 auto;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.2em
}

@media (max-width:979px) {

    .wp-block-quote p,
    .wp-block-quote.is-style-large p,
    blockquote p {
        font-size: 30px
    }
}

.wp-block-quote p:after,
.wp-block-quote p:before,
.wp-block-quote.is-style-large p:after,
.wp-block-quote.is-style-large p:before,
blockquote p:after,
blockquote p:before {
    display: block;
    position: absolute;
    content: '“';
    font-family: Montserrat, sans-serif;
    font-size: 120px
}

.wp-block-quote p:before,
.wp-block-quote.is-style-large p:before,
blockquote p:before {
    left: -20px;
    top: -10px
}

@media (max-width:979px) {

    .wp-block-quote p:before,
    .wp-block-quote.is-style-large p:before,
    blockquote p:before {
        left: -5px
    }
}

.wp-block-quote p:after,
.wp-block-quote.is-style-large p:after,
blockquote p:after {
    right: 5px;
    bottom: -5px;
    transform: rotate(180deg)
}

@media (max-width:979px) {

    .wp-block-quote p:after,
    .wp-block-quote.is-style-large p:after,
    blockquote p:after {
        right: -5px
    }
}

.wp-block-quote cite,
.wp-block-quote.is-style-large cite,
blockquote cite {
    display: inline-block;
    margin-top: 15px;
    color: #5d742c;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.wp-block-table {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1100px;
    margin: 100px 0
}

.wp-block-table:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: -60px;
    bottom: -60px;
    left: -1000px;
    width: 3000px;
    background: #353535;
    content: ''
}

.wp-block-table tr:nth-child(odd) td {
    background: #fff
}

.wp-block-table td {
    padding: 15px
}

.wp-block-table td strong {
    color: #52A377
}

.wp-block-embed {
    position: relative;
    z-index: 1;
    margin: 50px auto
}

.wp-block-embed:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: -250px;
    width: 1000px;
    height: 100px;
    background: #353535;
    content: '';
    transform-origin: 50% 50%;
    transform: translateY(-70%) rotate(-4deg)
}

@media (max-width:1259px) {
    .wp-block-embed:before {
        left: -1000px;
        width: 3000px;
        height: 200px
    }
}

.wp-block-embed .wp-block-embed__wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.2%
}

@media (max-width:1259px) {
    .wp-block-embed .wp-block-embed__wrapper {
        border-width: 20px
    }
}

.wp-block-embed .wp-block-embed__wrapper embed,
.wp-block-embed .wp-block-embed__wrapper iframe,
.wp-block-embed .wp-block-embed__wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

.wp-block-button {
    margin-bottom: 40px
}

.wp-block-button a {
    border-radius: 0
}

.wp-block-image figure,
.wp-caption,
figure.wp-block-image {
    display: block;
    position: relative;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 20px auto 40px
}

@media (max-width:979px) {

    .wp-block-image figure.alignleft,
    .wp-caption.alignleft,
    figure.wp-block-image.alignleft {
        margin-right: 40px
    }
}

@media (max-width:1259px) {

    .wp-block-image figure.alignleft,
    .wp-caption.alignleft,
    figure.wp-block-image.alignleft {
        margin-left: -100px
    }
}

@media (max-width:979px) {

    .wp-block-image figure.alignright,
    .wp-caption.alignright,
    figure.wp-block-image.alignright {
        margin-left: 40px
    }
}

@media (max-width:1259px) {

    .wp-block-image figure.alignright,
    .wp-caption.alignright,
    figure.wp-block-image.alignright {
        margin-right: -100px
    }
}

.wp-block-image figure.alignright:before,
.wp-caption.alignright:before,
figure.wp-block-image.alignright:before {
    right: 15px;
    left: -15px
}

.wp-block-image figure.alignright figcaption,
.wp-caption.alignright figcaption,
figure.wp-block-image.alignright figcaption {
    padding-left: 15px
}

.wp-block-image figure a,
.wp-caption a,
figure.wp-block-image a {
    display: inline
}

.wp-block-image figure img,
.wp-caption img,
figure.wp-block-image img {
    display: block;
    border: 1px solid #353535;
    box-shadow: 0 0 5px rgba(158, 0, 84, .2)
}

.wp-block-image figure figcaption,
.wp-caption figcaption,
figure.wp-block-image figcaption {
    display: block;
    margin: 0;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.1em;
    text-align: left
}

.wp-block-image figure .figcaptionspan::before,
.wp-caption .figcaptionspan::before,
figure.wp-block-image .figcaptionspan::before {
    counter-increment: images;
    content: "Fig. " counter(images) ". ";
    color: #52A377
}

.wp-block-media-text {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    margin: 0 0 70px 0
}

.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
    display: block;
    flex-basis: 50%
}

.object-fit .wp-block-media-text .wp-block-media-text__media img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 60px
}

.wp-block-cover {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: inherit;
    min-height: inherit;
    margin: 30px 0;
    padding: 60px 0
}

@media (max-width:1259px) {
    .wp-block-cover {
        padding: 120px 0
    }
}

.wp-block-cover:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(158, 0, 84, .8);
    opacity: 1;
    content: ''
}

.wp-block-cover p {
    max-width: 780px;
    margin: 0 auto;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    text-transform: uppercase
}

.wp-block-gallery {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 40px;
    max-width: 1100px
}

.wp-block-gallery .blocks-gallery-item {
    width: 100%;
    margin-bottom: 35px;
    padding: 0 30px 0 15px
}

.wp-block-gallery .blocks-gallery-item figure {
    align-items: inherit;
    position: relative;
    z-index: 1
}

.wp-block-gallery .blocks-gallery-item figure:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #353535;
    content: '';
    transform: translate(15px, 15px)
}

.wp-block-gallery .blocks-gallery-item figcaption {
    padding: 10px;
    background: #52A377;
    line-height: 1.1em
}

.blocks-gallery-grid,
.wp-block-gallery {
    align-items: center
}

.gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 40px;
    max-width: 1100px
}

.gallery a,
.gallery img {
    display: block
}

.gallery figure {
    margin: 0 15px 50px 0
}

@media (max-width:1259px) {
    .gallery figure {
        margin-right: 40px
    }
}

.gallery .gallery-item {
    max-width: 300px
}

.gallery .gallery-icon {
    display: flex;
    justify-content: center
}

.gallery figcaption {
    display: block;
    position: relative;
    z-index: 1;
    padding: 10px;
    background: #52A377;
    color: #fff;
    line-height: 1.1em;
    text-align: center
}

.gallery figcaption:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 15px solid #353535;
    border-width: 0 15px 15px 0;
    content: '';
    transform: translate(15px, 15px)
}

.wp-block-code {
    padding: 30px;
    background: #353535
}

.wp-block-column .wp-block-image {
    margin-top: 0
}

@media (max-width:979px) {
    html {
        margin-top: 0
    }
}

@media (max-width:979px) {
    .logged-in.admin-bar {
        z-index: 100
    }

    .logged-in.admin-bar #wpadminbar {
        display: none
    }
}

.d-flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.row {
    flex-wrap: wrap;
    display: flex;
    margin-right: -15px;
    margin-left: -15px
}

.justify-content-center {
    justify-content: center
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.align-items-center {
    align-items: center
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.fill {
    padding: 0 15px;
    flex: 1;
    max-width: 100%
}

[class*=col-] {
    padding: 0 15px;
    flex: 1 0 auto;
    max-width: 100%
}

@media (min-width:980px) {
    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:980px) {
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:980px) {
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.mx-auto {
    margin: 0 auto
}

#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:visited,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:visited,
.acf-field-acfe-button .acf-input,
.acf-field-acfe-button .acf-input:visited,
.btn,
.btn:visited,
.um-misc-ul li a,
.um-misc-ul li a:visited,
.wp-block-button a,
.wp-block-button a:visited,
form .gform_footer button,
form .gform_footer button:visited {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    min-height: 50px;
    padding: 5px 60px 5px 40px;
    background: 0 0;
    border: 2px solid #52A377;
    border-radius: 30px;
    color: #52A377;
    font-size: 1.21429rem;
    font-weight: 600;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    transition: all .2s
}


#wrapper .um input[type=submit].um-button#um-submit-btn,
#wrapper .um .um-button.um-alt {
    border-radius: 50px !important;
    text-transform: uppercase !important;
    padding: 10px !important;
}

#wrapper .um .um-button.um-alt {
    background-color: white !important;
    border: 2px solid #52A377 !important;
}

#wrapper .um .um-button.um-alt:hover {
    background-color: #E6F5ED !important;
    color: #52A377 !important;
}

#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:visited:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:visited:after,
.acf-field-acfe-button .acf-input:after,
.acf-field-acfe-button .acf-input:visited:after,
.btn:after,
.btn:visited:after,
.um-misc-ul li a:after,
.um-misc-ul li a:visited:after,
.wp-block-button a:after,
.wp-block-button a:visited:after,
form .gform_footer:after,
form .gform_footer:visited:after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    background: #52A377;
    border-radius: 35px;
    content: "";
    font-family: iconsfont;
    color: #fff;
    font-size: 22px;
    line-height: 1em;
    transition: all .2s
}

#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink .no-touchevents a:hover,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink .no-touchevents a:visited:hover,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink .no-touchevents a:hover,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink .no-touchevents a:visited:hover,
.acf-field-acfe-button .no-touchevents .acf-input:hover,
.acf-field-acfe-button .no-touchevents .acf-input:visited:hover,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:hover,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:visited:hover,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:hover,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:visited:hover,
.no-touchevents .acf-field-acfe-button .acf-input:hover,
.no-touchevents .acf-field-acfe-button .acf-input:visited:hover,
.no-touchevents .btn:hover,
.no-touchevents .btn:visited:hover,
.no-touchevents .um-misc-ul li a:hover,
.no-touchevents .um-misc-ul li a:visited:hover,
.no-touchevents .wp-block-button a:hover,
.no-touchevents .wp-block-button a:visited:hover,
.no-touchevents form .gform_footer:visited:hover,
.um-misc-ul li .no-touchevents a:hover,
.um-misc-ul li .no-touchevents a:visited:hover,
.wp-block-button .no-touchevents a:hover,
.wp-block-button .no-touchevents a:visited:hover,
form .no-touchevents .gform_footer button:hover,
form .no-touchevents .gform_footer button:visited:hover {
    background: #E6F5ED;
    color: #52A377
}

#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink .no-touchevents a:hover:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink .no-touchevents a:visited:hover:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink .no-touchevents a:hover:after,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink .no-touchevents a:visited:hover:after,
.acf-field-acfe-button .no-touchevents .acf-input:hover:after,
.acf-field-acfe-button .no-touchevents .acf-input:visited:hover:after,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:hover:after,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:visited:hover:after,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:hover:after,
.no-touchevents #template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:visited:hover:after,
.no-touchevents .acf-field-acfe-button .acf-input:hover:after,
.no-touchevents .acf-field-acfe-button .acf-input:visited:hover:after,
.no-touchevents .btn:hover:after,
.no-touchevents .btn:visited:hover:after,
.no-touchevents .um-misc-ul li a:hover:after,
.no-touchevents .um-misc-ul li a:visited:hover:after,
.no-touchevents .wp-block-button a:hover:after,
.no-touchevents .wp-block-button a:visited:hover:after,
.no-touchevents form .gform_footer:visited:hover:after,
.um-misc-ul li .no-touchevents a:hover:after,
.um-misc-ul li .no-touchevents a:visited:hover:after,
.wp-block-button .no-touchevents a:hover:after,
.wp-block-button .no-touchevents a:visited:hover:after,
form .no-touchevents .gform_footer:hover:after,
form .no-touchevents .gform_footer:visited:hover:after {
    background-color: #52A377;
    color: #fff
}

.no-touchevents form .gform_footer {
    position: relative;
}

#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:focus,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a:visited:focus,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:focus,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a:visited:focus,
.acf-field-acfe-button .acf-input:focus,
.acf-field-acfe-button .acf-input:visited:focus,
.btn:focus,
.btn:visited:focus,
.um-misc-ul li a:focus,
.um-misc-ul li a:visited:focus,
.wp-block-button a:focus,
.wp-block-button a:visited:focus,
form .gform_footer:focus,
form .gform_footer:visited:focus {
    outline: 0
}

.btn.is-download:after,
.um-misc-ul li a.is-download:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-family: iconsfont
}

.btn.is-secondary,
.um-misc-ul li a.is-secondary {
    border-color: #fff;
    color: #fff
}

.btn.is-secondary:after,
.um-misc-ul li a.is-secondary:after {
    background-color: #fff;
    color: #52A377
}

.no-touchevents .btn.is-secondary:hover,
.no-touchevents .um-misc-ul li a.is-secondary:hover,
.um-misc-ul li .no-touchevents a.is-secondary:hover {
    background: rgba(255, 255, 255, .5);
    color: #52A377
}

.no-touchevents .btn.is-secondary:hover:after,
.no-touchevents .um-misc-ul li a.is-secondary:hover:after,
.um-misc-ul li .no-touchevents a.is-secondary:hover:after {
    background-color: #52A377;
    color: #fff
}

.btn.is-tertiary,
.um-misc-ul li a.is-tertiary {
    background-color: #52A377;
    color: #fff
}

.btn.is-tertiary:after,
.um-misc-ul li a.is-tertiary:after {
    background-color: #fff;
    color: #52A377
}

.no-touchevents .btn.is-tertiary:hover,
.no-touchevents .um-misc-ul li a.is-tertiary:hover,
.um-misc-ul li .no-touchevents a.is-tertiary:hover {
    background: rgba(255, 255, 255, .5);
    color: #52A377
}

.no-touchevents .btn.is-tertiary:hover:after,
.no-touchevents .um-misc-ul li a.is-tertiary:hover:after,
.um-misc-ul li .no-touchevents a.is-tertiary:hover:after {
    background-color: #52A377;
    color: #fff
}

.btn.is-alt,
.um-misc-ul li a.is-alt {
    padding: 10px 16px;
    border: 2px solid #52A377;
    color: #52A377;
    font-size: 16px;
    background: white;
    padding-right: 54px;
    min-height: inherit;
}

.btn.is-alt:after,
.um-misc-ul li a.is-alt:after {
    display: flex;
    align-items: center;
    right: 15px;
    background: #52A377;
    font-size: 12px;
    content: "";
    font-family: iconsfont;
    color: white;
    width: 28px;
    height: 28px;
    margin-top: -14px;
}

.no-touchevents .btn.is-alt:hover,
.no-touchevents .um-misc-ul li a.is-alt:hover,
.um-misc-ul li .no-touchevents a.is-alt:hover {
    background: #E6F5ED;
    color: #52A377
}

.no-touchevents .btn.is-alt:hover:after,
.no-touchevents .um-misc-ul li a.is-alt:hover:after,
.um-misc-ul li .no-touchevents a.is-alt:hover:after {
    background: #52A377;
    color: white
}

form {
    width: 100%
}

fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none
}

fieldset+fieldset {
    margin-top: 20px
}

legend {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 1.3em
}

legend span {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    border-bottom: 1px solid #353535;
    text-align: center
}

label {
    display: block;
    width: 100%;
    margin: 0 0 1px 0;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

label.is-small {
    color: #353535;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 400px;
    background: #cecece;
    border: none;
    color: #353535;
    font-family: Montserrat, sans-serif;
    -webkit-appearance: none;
    transition: all .2s
}

.is-error input[type=email],
.is-error input[type=number],
.is-error input[type=password],
.is-error input[type=tel],
.is-error input[type=text],
.is-error select,
.is-error textarea {
    border-color: #52A377
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text] {
    height: 45px;
    padding: 0 10px
}

input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled {
    opacity: .4
}

select {
    position: relative;
    height: 45px;
    padding: 0 10px
}

textarea {
    padding: 10px;
    max-width: inherit;
    height: 170px;
    resize: vertical
}

form button,
form input[type=button] {
    display: block;
    width: 100%;
    padding: 15px 80px 15px 40px;
    border: none;
    background: 0 0
}

.acf-field-acfe-button .acf-input,
.gform_wrapper form .gform_footer {
    display: inline-block;
    float: right;
    width: auto;
    padding: 0
}

.gform_wrapper form {
    overflow: hidden
}

.acf-field-acfe-button .acf-input input[type=submit],
.gform_wrapper form .gform_footer input[type=submit] {
    width: auto;
    height: 100%;
    border: none;
    margin-top: -10px;
    background: 0 0;
    margin: 0;
    padding: 10px 60px 10px 40px;
    height: 45px
}

.gform_wrapper {
    background-color: #f1f1f1;
    padding: 20px
}

@media (min-width:980px) {
    .gform_wrapper {
        padding: 40px
    }
}

.gform_wrapper .gform_title {
    text-transform: uppercase
}

.gform_wrapper ul.gform_fields li.gfield {
    padding: 0
}

.gform_wrapper ul.gform_fields li.gfield div.ginput_complex.ginput_container.gf_name_has_1 span {
    padding: 0
}

.gform_wrapper ul.gform_fields li.gfield .ginput_container {
    width: 100%
}

.gform_wrapper ul.gform_fields li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper ul.gform_fields li.gfield textarea {
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding: 5px;
    border: 1px solid #52A377;
    background-color: #fff
}

.gform_wrapper .gfield_html {
    font-size: .78571rem;
    line-height: 120%
}

.form-group,
.form-group--1-2 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
}

.form-group .form-field,
.form-group [class*=" form-field--"],
.form-group [class^=form-field--],
.form-group--1-2 .form-field,
.form-group--1-2 [class*=" form-field--"],
.form-group--1-2 [class^=form-field--] {
    flex: 1;
    margin-top: 0
}

.form-group .form-field+.form-field,
.form-group [class*=" form-field--"]+.form-field,
.form-group [class^=form-field--]+.form-field,
.form-group--1-2 .form-field+.form-field,
.form-group--1-2 [class*=" form-field--"]+.form-field,
.form-group--1-2 [class^=form-field--]+.form-field {
    margin-left: 15px
}

.form-group--1-2 .form-field {
    flex: inherit
}

.form-group--1-2 .form-field:first-child {
    width: 33%
}

.form-group--1-2 .form-field:last-child {
    width: 66%
}

.form-field+.form-field,
.form-field+[class*=" form-field--"],
.form-field+[class^=form-field--],
[class*=" form-field--"]+.form-field,
[class*=" form-field--"]+[class*=" form-field--"],
[class*=" form-field--"]+[class^=form-field--],
[class^=form-field--]+.form-field,
[class^=form-field--]+[class*=" form-field--"],
[class^=form-field--]+[class^=form-field--] {
    margin-top: 40px
}

.form-field.is-inline {
    display: flex
}

.form-field.is-inline label {
    width: 100px;
    transform: translateY(10px)
}

.form-field.is-inline input {
    width: calc(100% - 100px)
}

.form-field--checkbox.is-inline ul,
.form-field--radio.is-inline ul {
    display: flex;
    flex-wrap: wrap
}

.form-field--checkbox.is-inline ul::after,
.form-field--radio.is-inline ul::after {
    clear: both;
    content: "";
    display: table
}

.form-field--checkbox.is-inline ul li,
.form-field--radio.is-inline ul li {
    width: 50%
}

.no-flexbox .form-field--checkbox.is-inline ul li,
.no-flexbox .form-field--radio.is-inline ul li {
    float: left
}

.form-field--checkbox ul,
.form-field--radio ul {
    margin: 0;
    padding: 0
}

.form-field--checkbox li,
.form-field--radio li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    list-style: none
}

.no-flexbox .form-field--checkbox li::after,
.no-flexbox .form-field--radio li::after {
    clear: both;
    content: "";
    display: table
}

.no-flexbox .form-field--checkbox li>*,
.no-flexbox .form-field--radio li>* {
    float: left
}

.form-field--checkbox li:before,
.form-field--radio li:before {
    display: none
}

.form-field--checkbox li .shinyform,
.form-field--radio li .shinyform {
    margin-top: 3px
}

.form-field--checkbox li label,
.form-field--radio li label {
    margin-left: 10px;
    font-size: 14px
}

.form-field--submit {
    display: flex;
    justify-content: center;
    align-items: center
}

.no-flexbox .form-field--submit {
    display: block
}

.no-flexbox .form-field--submit p {
    float: left
}

.no-flexbox .form-field--submit button {
    float: right
}

.form-field--submit p {
    max-width: 600px;
    margin: 0;
    padding-right: 30px;
    line-height: 1.1em
}

.form-field--button {
    display: flex;
    justify-content: center
}

.form-error-message {
    display: block;
    padding-top: 5px;
    color: #52A377;
    font-size: 11px
}

button:focus,
input:focus {
    outline: 0
}

.page-id-3540 #field_2_11 {
    display: block
}

.is-h1,
h1 {
    margin: 0 0 21px 0;
    color: #52A377;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 2.64286rem;
    line-height: 1.1em
}

@media (max-width:1259px) {

    .is-h1,
    h1 {
        font-size: 1.64286rem;
        line-height: 1em
    }
}

.is-h2,
h2 {
    margin: 0 0 21px 0;
    color: #52A377;
    font-family: Montserrat, sans-serif;
    font-size: 1.64286rem;
    font-weight: 800;
    line-height: 1.1em
}

@media (max-width:1259px) {

    .is-h2,
    h2 {
        font-size: 1.35714rem
    }
}

.glissiere .glissiere-item .titre,
.has-large-font-size,
.is-h3,
h3 {
    margin: 0 0 21px 0;
    color: #52A377;
    font-family: Montserrat, sans-serif;
    font-size: 1.07143rem;
    font-weight: 800;
    line-height: 1.3em
}

@media (max-width:1259px) {

    .glissiere .glissiere-item .titre,
    .has-large-font-size,
    .is-h3,
    h3 {
        font-size: 1.64286rem
    }
}

.is-h4,
.is-h5,
.is-h6,
h4,
h5,
h6 {
    margin: 0 0 21px 0;
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.3em
}

.is-h1,
h1 {
    text-align: center;
    text-transform: uppercase
}

body:not(.tax-categories-products) .is-h1::after,
body:not(.tax-categories-products) h1::after {
    display: block;
    background-color: #52A377;
    height: 5px;
    margin: 30px auto;
    width: 80px;
    content: ""
}

.title-rubrique {
    font-weight: 800;
    text-transform: uppercase
}

.title-rubrique::after {
    display: block;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -120px -7px;
    background-size: 400px auto;
    width: 110px;
    height: 6px;
    margin-top: 10px;
    content: ""
}

.title-rubrique.bold {
    font-weight: 800
}

.notify.is-error,
.notify.is-success,
.notify.is-warning {
    margin: 20px 0;
    padding: 15px;
    text-align: center
}

.notify.is-error p,
.notify.is-success p,
.notify.is-warning p {
    margin: 0
}

.notify.is-error a,
.notify.is-success a,
.notify.is-warning a {
    color: #fff
}

.notify.is-error a.btn,
.notify.is-success a.btn,
.notify.is-warning a.btn {
    margin-top: 10px
}

.notify.is-error {
    background: #52A377;
    color: #fff
}

.notify.is-success {
    background: #a2c25e;
    color: #fff
}

.notify.is-warning {
    background: #52A377;
    color: #353535
}

.pagination {
    margin-top: 30px;
    margin-inline: 0
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.pagination li {
    list-style: none;
    margin: 0 10px;
    color: #52A377;
    font-size: 20px;
    font-weight: 700
}

.pagination li a {
    color: #353535;
    text-decoration: none
}

.no-touchevents .pagination li a:hover {
    color: #575757
}

.pagination li.next a,
.pagination li.next span,
.pagination li.prev a,
.pagination li.prev span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #52A377;
    cursor: pointer;
    font-size: 0;
    transition: all .2s
}

.pagination li.next a:after,
.pagination li.next span:after,
.pagination li.prev a:after,
.pagination li.prev span:after {
    content: "";
    font-family: iconsfont;
    color: #fff;
    font-size: 20px
}

.no-touchevents .pagination li.next a:hover,
.no-touchevents .pagination li.next span:hover,
.no-touchevents .pagination li.prev a:hover,
.no-touchevents .pagination li.prev span:hover {
    background-color: #353535
}

.pagination li.next.prev,
.pagination li.prev.prev {
    transform: rotate(-180deg)
}

.pagination li.next.disabled span,
.pagination li.prev.disabled span {
    cursor: default;
    background-color: #c0c0c0;
}

.breadcrumb {
    margin-bottom: 10px;
    color: #52A377;
    font-size: .92857rem
}

@media (max-width:979px) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb span {
    color: #52A377
}

.breadcrumb span:first-child {
    display: block;
    max-width: 1240px;
    margin: 0 auto
}

@media (max-width:1259px) {
    .breadcrumb span:first-child {
        max-width: 960px
    }
}

@media (max-width:979px) {
    .breadcrumb span:first-child {
        max-width: 960px
    }
}

@media (max-width:979px) {
    .breadcrumb span:first-child {
        max-width: 90%
    }
}

.breadcrumb span a,
.breadcrumb span span {
    color: #52A377;
    font-size: .92857rem;
    text-decoration: none
}

.breadcrumb span a:first-child {
    margin-left: 0
}

.no-touchevents .breadcrumb span a:hover {
    color: color-primary
}

.cover img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover';
    height: 100%;
    display: block;
    width: 100%
}

.header_introduction {
    text-align: center;
    padding: 0 0 2rem 0
}

.bloc-texte-image {
    padding: 0 0 5rem 0
}

.slider-page .item {
    border-radius: 20px 0 20px 0;
    overflow: hidden
}

@media (max-width:979px) {
    .bloc-texte-image-inte .slider-page {
        order: 100
    }
}

.bloc-texte-image-inte .slider-page {
    padding: 0 20px;
    position: relative
}

.bloc-texte-image-inte .slider-page .slick-prev {
    left: -5px;
    z-index: 1000
}

.bloc-texte-image-inte .slider-page .slick-next {
    right: -5px;
    z-index: 1000
}

.accrocheSection {
    position: relative;
    padding: 7rem 0
}

.accrocheSection .image {
    background-color: #353535;
    z-index: 0;
    position: absolute;
    left: -200%;
    right: -200%;
    bottom: 0;
    top: 0
}

.accrocheSection .image img {
    opacity: .5
}

.accrocheSection .contentSection {
    position: relative;
    text-align: center;
    flex-direction: column
}

.accrocheSection .contentSection * {
    color: #fff
}

.galerie-image {
    padding: 3rem 0
}

.galerie-image .item {
    overflow: hidden;
    background-color: #52A377;
    position: relative;
    transition: .2s ease-in-out
}

.galerie-image .item img {
    transition: .2s ease-in-out
}

.galerie-image .item:hover img {
    transform: scale(1.1)
}

.galerie-image .item::before {
    display: block;
    width: 100%;
    padding-top: 100%;
    content: ""
}

.galerie-image .item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width:980px) {
    .glissiere {
        max-width: 80%;
        width: 80%;
        margin: 0 auto 5rem
    }
}

.glissiere .glissiere-item {
    background-color: #f1f1f1;
    margin-bottom: 5px
}

.glissiere .glissiere-item .titre {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer
}

.glissiere .glissiere-item .titre span {
    display: inline-flex;
    max-width: 80%
}

.glissiere .glissiere-item .titre:after {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 34px;
    height: 34px;
    background: #52A377;
    border-radius: 35px;
    content: "";
    font-family: iconsfont;
    color: #fff;
    font-size: 22px;
    line-height: 1em;
    transition: all .2s
}

.glissiere .glissiere-item .contenu {
    padding: 20px;
    display: none
}

.templatePageTextBloc .slider-full {
    max-width: 90%;
    margin: 0 auto 5rem
}

.bloc-video {
    padding: 30px 0
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.bloc-texte-inte {
    position: relative
}

.bloc-texte-inte hr {
    border: none;
    height: 3rem;
    display: block
}

@media (min-width:980px) {
    .bloc-texte-inte hr {
        height: 5rem
    }
}

.bloc-texte-inte hr::after {
    left: 15px;
    width: 150%;
    position: absolute;
    display: block;
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    border-bottom: 5px dotted #f1f1f1
}

img {
    display: block;
    max-width: 100%
}

.fileDownload {
    margin-bottom: 5rem
}

.fileDownload .fileDownload-item {
    margin-bottom: 15px
}

.fileDownload .fileDownload-item .fileDownload-itemContent {
    background-color: #f1f1f1;
    width: 100%;
    height: 100%
}

.fileDownload .fileDownload-item .fileDownload-itemContent .vignette {
    height: 100%
}

.fileDownload .fileDownload-item .fileDownload-itemContent .title {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    padding: 10px;
    min-height: 60px;
    font-weight: 700;
    font-size: 1.07143rem;
    text-transform: uppercase
}

.fileDownload .fileDownload-item .fileDownload-itemContent .icons-download {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    min-width: 40px;
    width: 40px;
    height: 45px;
    font-weight: 700;
    background-color: #52A377;
    color: #fff
}

.fileDownload .fileDownload-item .fileDownload-itemContent .icons-download::before {
    font-size: 14px
}

.animate-elem {
    opacity: .1;
    position: relative
}

.animate-elem-25 {
    opacity: 1;
    transition-duration: 2s;
    -webkit-transition-duration: 2s
}

.animate-elem.animateTop {
    top: -30px
}

.animate-elem-25.animateTop {
    top: 0
}

.animate-elem.animateBottom {
    bottom: -30px
}

.animate-elem-25.animateBottom {
    bottom: 0
}

.animate-elem.animateTopLeft {
    left: -30px;
    top: -30px
}

.animate-elem-25.animateTopLeft {
    left: 0;
    top: 0
}

.animate-elem.animateTopRight {
    right: -30px;
    top: -30px
}

.animate-elem-25.animateTopRight {
    right: 0;
    top: 0
}

.animate-elem.animateBottomLeft {
    left: -30px;
    bottom: -30px
}

.animate-elem-25.animateBottomLeft {
    left: 0;
    bottom: 0
}

.animate-elem.animateBottomRight {
    right: -30px;
    bottom: -30px
}

.animate-elem-25.animateBottomRight {
    right: 0;
    bottom: 0
}

.blocVignettesCarrefours-item {
    margin-bottom: 30px
}

.blocVignettesCarrefours-item .blocVignettesCarrefours-itemContent {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s;
    height: 100%
}

.blocVignettesCarrefours-item .blocVignettesCarrefours-itemContent:hover {
    transform: translateY(-10px)
}

.blocVignettesCarrefours-item .blocVignettesCarrefours-itemContent h2 {
    font-size: 1.07143rem
}

.blocVignettesCarrefours-item .blocVignettesCarrefours-itemContent .content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto
}

.blocVignettesCarrefours-item .blocVignettesCarrefours-itemContent .btn {
    font-size: .92857rem;
    margin-top: auto
}

/* @changelog 2026-09-14 [EVOL] (Fabie) Page Tarifs 2026 (id 4626 en préprod, à vérifier en
   prod) : 4 marques affichées 2 par ligne au lieu de 3, logos affichés en entier (contain) au
   lieu d'être rognés (cover). Scopé à cette page uniquement (id) : le bloc "Vignette de page"
   reste inchangé partout ailleurs sur le site. */
@media (min-width: 768px) {
    .page-id-4626 .blocVignettesCarrefours-item.col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.page-id-4626 .blocVignettesCarrefours-item .image {
    height: 220px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.page-id-4626 .blocVignettesCarrefours-item .image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow {
    border: none;
    width: 40px;
    height: 40px;
    text-indent: 5000px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    transform: translateY(-50%);
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: 0 0;
    background-size: 400px auto
}

.slick-arrow::after {
    background-color: transparent
}

.slick-arrow:focus,
.slick-arrow:hover {
    outline: 0;
    background-color: transparent;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: 0 0;
    background-size: 400px auto
}

.slick-arrow:focus::after,
.slick-arrow:hover::after {
    background-color: transparent
}

.slick-prev {
    left: -50px;
    transform: rotate(180deg) translateY(50%)
}

.slick-next {
    right: -50px
}

@media (min-width:980px) {
    #wrapper {
        position: relative
    }

    /* #wrapper:after {
        display: block;
        position: absolute;
        z-index: 0;
        top: 50%;
        left: -320px;
        width: 440px;
        height: 440px;
        background: url(../img/circle.svg) no-repeat center center;
        background-size: contain;
        content: "";
        transform: translateY(-50%)
    }

    #wrapper:before {
        display: block;
        position: absolute;
        z-index: 0;
        top: 20%;
        right: -240px;
        width: 440px;
        height: 440px;
        background: url(../img/circle.svg) no-repeat center center;
        background-size: contain;
        transform: rotate(-90deg);
        content: ""
    } */
}

html {
    height: 100%
}

body {
    min-height: 100%;
    background: #f1f1f1
}

#wrapper {
    position: relative;
    min-height: 100%;
    background: #fff
}

#header-site {
    position: relative;
    z-index: 0;
}

#header-site.header-site-base {
    padding-bottom: 70px;
}

#header-site.header-site-pro {
    padding-bottom: 0;
}

aside.sidebar-pro {
    position: relative;
    z-index: 10;
}

@media (max-width:979px) {
    #header-site:after {
        height: 45px
    }
}

@media (max-width:1259px) {
    #header-site:before {
        bottom: 17px
    }
}

#header-site>.wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 1240px;
    margin: 0 auto;
    padding: 15px 0 0 0;
    gap: 30px
}


#header-site #group-logo ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#header-site #group-logo ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header-site #group-logo ul li img {
    height: auto;
    width: 100%;
    max-width: 140px;
}

i[class^="um-icon-"] {
    color: #52A377 !important;
}

#header-site.userNotConnected {
    background: url(../img/headerbg.png) no-repeat center;
    background-size: cover;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
    padding: 0;
}

#header-site.userNotConnected .wrap {
    padding-block: 15px;
    width: 100%;
    max-width: 100%;
    padding-inline: 40px;
    display: grid;
    grid-template-columns: 1fr 320px 1fr;
}

#header-site.userConnected .sothogam_menu {
    display: none;
    visibility: hidden;
}

.sothogam_menu {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.sothogam_menu#right-menu ul {
    justify-content: flex-end;
}

.sothogam_menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    align-items: center;
}

.sothogam_menu li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.sothogam_menu li a {
    color: white;
    text-decoration: none;
}

.sothogam_menu li a.rejoindre {
    background: #52A377;
    padding: 10px 20px;
    border-radius: 5px;
}

/* @changelog 2026-08-28 [EVOL] (Zo) Overlay menu mobile header visiteur */
#header-site.userNotConnected #menu-btn-mobile,
#header-site.userConnected #menu-btn-mobile,
.userConnected~#mobile-nav,
#header-site.userConnected #mobile-nav {
    display: none;
}

body.is-nav-opened {
    overflow: hidden;
}

#mobile-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    flex-direction: column;
    background: #fff;
    background-size: min(90vw, 420px);
}

#mobile-nav.is-open {
    display: flex !important;
}

@media (min-width: 980px) {

    #header-site.userNotConnected #menu-btn-mobile,
    #mobile-nav,
    #mobile-nav.is-open {
        display: none !important;
    }
}

.mobile-nav__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 88px;
    padding: 15px 20px;
    background: #52A377;
}

.mobile-nav__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.mobile-nav__close:before {
    color: #fff;
    font-size: 26px;
    line-height: 1;
}

.mobile-nav__bar .logo {
    width: 200px;
    height: 64px;
    margin: 0 0 0 auto;
    background: url(../img/logo-light.svg) no-repeat right center;
    background-size: contain;
    font-size: 0;
}

.mobile-nav__list {
    position: relative;
    z-index: 1;
    flex: 1;
    padding: 28px 28px 40px;
    overflow: auto;
}

.mobile-nav__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav__list>ul>li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mobile-nav__list ul li.menu-item-has-children li {
    list-style: none;
}

.mobile-nav__list>ul>li>a {
    flex: 1;
    padding: 16px 48px 16px 0;
    color: #4a4a4a;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.mobile-nav__toggle {
    position: absolute;
    top: 10px;
    right: 0;
    width: 100px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.mobile-nav__toggle:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 0 0 auto;
    border-right: 2px solid #4a4a4a;
    border-bottom: 2px solid #4a4a4a;
    transform: rotate(-45deg);
}

.mobile-nav__list li.is-open>.mobile-nav__toggle:before {
    transform: rotate(45deg);
    margin-top: -4px;
}

.mobile-nav__list>ul>li>ul {
    display: none;
    width: 100%;
    padding: 0 0 12px 12px;
}

.mobile-nav__list li.is-open>ul {
    display: block;
}

.mobile-nav__list>ul>li>ul a {
    display: block;
    padding: 10px 0;
    color: #4a4a4a;
    font-size: 18px;
    text-decoration: none;
}

.mobile-nav__list li.rejoindre,
.mobile-nav__list li.menu-bouton {
    margin-top: 16px;
}

.mobile-nav__list li.rejoindre>a,
.mobile-nav__list li.menu-bouton>a,
.mobile-nav__list a.rejoindre {
    display: inline-block;
    flex: 0 0 auto;
    padding: 12px 28px;
    background: #52A377;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 6px;
}

@media (max-width:1259px) {
    #header-site>.wrap {
        max-width: 960px
    }
}

@media (max-width:979px) {
    #header-site>.wrap {
        max-width: 960px
    }
}

@media (max-width:979px) {
    #header-site>.wrap {
        max-width: 90%
    }
}

@media (max-width:979px) {
    #header-site>.wrap {
        align-items: center;
        justify-content: space-between;
        padding-bottom: 15px
    }
}

/* #header-site>.wrap:after {
    display: block;
    position: absolute;
    z-index: -1;
    top: -55px;
    right: -30px;
    width: 185px;
    height: 185px;
    background: url(../img/circle.svg) no-repeat center center;
    background-size: contain;
    content: "";
    transform: rotate(180deg)
} */

#header-site>.wrap .logo {
    display: block;
    width: 288px;
    height: 89px;
    background: url(../img/logo.svg);
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 249px;
    background-position: right center;
}

#header-site.userNotConnected .wrap .logo {
    background: url(../img/logo-light.svg) no-repeat center;
    background-size: contain;
    margin: 0 auto;
}

@media (max-width:1259px) {
    #header-site>.wrap .logo {
        margin-right: 25px
    }
}

@media (max-width:979px) {
    .hide-on-mobile {
        display: none !important;
    }

    #header-site.userNotConnected .wrap {
        grid-template-columns: 50px 1fr 50px;
        padding-inline: 16px;
        align-items: center;
    }

    #header-site.userNotConnected .wrap>.logo {
        grid-column: 2;
        width: 200px;
        height: 64px;
        margin: 0 auto;
    }

    #header-site.userNotConnected #menu-btn-mobile {
        display: flex;
        grid-column: 3;
        justify-self: end;
        width: 50px;
        height: 50px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    #header-site.userNotConnected #menu-btn-mobile:before {
        font-size: 22px;
    }

    /* @changelog 2026-09-24 [EVOL] (Zo) Burger sidebar off-layout header connecté */
    #header-site.userConnected .wrap {
        display: grid;
        justify-content: center;
    }

    #sidebar-btn-mobile {
        grid-column: 3;
        justify-self: end;
    }

    #header-site.header-site-base {
        padding-bottom: 0;
    }

    #header-site>.wrap .logo {
        width: 200px;
        height: 71px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .main-content {
        padding-block: 40px;
    }

    .main-content .container-wrap .sidebar {
        position: static;
        margin-top: 0;
    }

    .title-page {
        margin-top: 0;
    }
}

@media (max-width:979px) {
    #header-site>.wrap .navigations {
        display: none
    }

    .is-nav-opened #header-site>.wrap .navigations {
        display: flex;
        z-index: 100;
        flex-direction: column;
        position: absolute;
        top: 100px;
        left: 50%;
        width: 90%;
        max-width: 960px;
        padding: 20px 0;
        transform: translateX(-50%)
    }

    .is-nav-opened #header-site>.wrap .navigations:after {
        display: block;
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: -500px;
        width: 1500px;
        background: #fff;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
        content: ""
    }
}

@media (max-width: 575px) {
    #header-site>.wrap .logo {
        margin: 0 auto;
    }

    #header-site:not(.userNotConnected):not(.userConnected)>.wrap {
        display: grid;
        justify-content: center;
    }
}

#header-site>.wrap .top {
    display: flex
}

@media (max-width:979px) {
    #header-site>.wrap .top {
        order: 2;
        flex-wrap: wrap
    }
}

@media (max-width:979px) {
    #header-site>.wrap .top .search-form {
        width: 100%;
        margin-bottom: 20px
    }
}

#header-site>.wrap .top nav {
    display: flex;
    margin-left: 35px
}

@media (max-width:1259px) {
    #header-site>.wrap .top nav {
        align-items: center;
        margin-left: 20px
    }
}

@media (max-width:979px) {
    #header-site>.wrap .top nav {
        margin: 0;
        position: relative;
        z-index: 100;
        width: 100%;
        align-items: flex-end;
        justify-content: center
    }
}

#header-site>.wrap .top a {
    display: flex;
    align-items: center;
    font-size: .78571rem;
    text-decoration: none;
    line-height: 1.1em
}

@media (max-width:1259px) {
    #header-site>.wrap .top a {
        max-width: 100px
    }
}

@media (max-width:979px) {
    #header-site>.wrap .top a {
        flex-direction: column;
        max-width: inherit;
        text-align: center
    }
}

.no-touchevents #header-site>.wrap .top a:hover {
    color: #575757
}

#header-site>.wrap .top a+a {
    margin-left: 25px
}

@media (max-width:1259px) {
    #header-site>.wrap .top a+a {
        margin: 0 0 0 10px
    }
}

#header-site>.wrap .top a:before {
    margin: 0 10px 0 0;
    content: "";
    font-family: iconsfont;
    color: #353535;
    font-size: 23px
}

@media (max-width:979px) {
    #header-site>.wrap .top a:before {
        margin: 0 0 5px 0
    }
}

#header-site>.wrap .top a.is-pro:before {
    content: "";
    font-family: iconsfont;
    font-size: 33px
}

#header-site>.wrap .top a.is-joinus:before {
    content: "";
    font-family: iconsfont;
    font-size: 29px
}

#header-site>.wrap .bottom {
    margin-top: 20px
}

@media (max-width:979px) {
    #header-site>.wrap .bottom {
        margin: 0
    }
}

#main-menu {
    position: relative;
    z-index: 4
}

#main-menu ul {
    margin: 0;
    padding: 0
}

#main-menu li {
    list-style: none
}

#main-menu>ul {
    display: flex
}

@media (max-width:979px) {
    #main-menu>ul {
        display: block
    }
}

#main-menu>ul>li+li {
    margin-left: 30px
}

@media (max-width:979px) {
    #main-menu>ul>li+li {
        margin: 0
    }
}

#main-menu>ul>li>a {
    display: block;
    padding: 20px 0;
    font-size: 1.07143rem;
    font-weight: 400;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: uppercase
}

@media (max-width:1259px) {
    #main-menu>ul>li>a {
        font-size: .92857rem
    }
}

#main-menu>ul ul {
    display: none
}

#main-menu .tabs .is-alt::after {
    content: ""
}

#main-menu li.menu-item-has-children {
    position: relative
}

#main-menu li.menu-item-has-children.is-product-menu {
    position: static
}

#main-menu li.menu-item-has-children>a {
    display: flex;
    align-items: center
}

#main-menu li.menu-item-has-children>a:after {
    margin-left: 5px;
    content: "";
    font-family: iconsfont;
    color: #353535;
    font-size: 12px
}

#main-menu li.menu-item-has-children.is-opened>a:after,
#main-menu li.menu-item-has-children.menu-deployed>a:after {
    transform: rotate(180deg)
}

#main-menu li.menu-item-has-children.is-opened>ul,
#main-menu li.menu-item-has-children.menu-deployed>ul {
    display: block
}

#main-menu li.menu-item-has-children.is-opened>.mega-menu,
#main-menu li.menu-item-has-children.menu-deployed>.mega-menu {
    display: flex
}

#main-menu li.menu-item-has-children.is-opened.is-product-menu>a,
#main-menu li.menu-item-has-children.menu-deployed.is-product-menu>a {
    position: relative;
    z-index: 4
}

#main-menu li.menu-item-has-children.is-opened.is-product-menu>a:before,
#main-menu li.menu-item-has-children.menu-deployed.is-product-menu>a:before {
    display: block;
    position: absolute;
    top: 10px;
    right: -10px;
    bottom: 0;
    left: -10px;
    border: 1px solid #000;
    border-bottom-color: #fff;
    content: ""
}

@media (max-width:979px) {

    #main-menu li.menu-item-has-children.is-opened.is-product-menu>a:before,
    #main-menu li.menu-item-has-children.menu-deployed.is-product-menu>a:before {
        display: none
    }
}

#main-menu li.menu-item-has-children>ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    min-width: 200px;
    transform: translateX(-50%)
}

@media (max-width:979px) {
    #main-menu li.menu-item-has-children>ul {
        position: relative;
        top: inherit;
        left: inherit;
        margin-bottom: 10px;
        transform: none
    }
}

#main-menu li.menu-item-has-children>ul li {
    padding: 0 15px
}

.no-touchevents #main-menu li.menu-item-has-children>ul li:hover a {
    color: #52A377;
}

#main-menu li.menu-item-has-children>ul a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.1em
}

#menu-btn-mobile {
    display: none
}

@media (max-width:979px) {
    #menu-btn-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px
    }

    #menu-btn-mobile:before {
        content: "";
        font-family: iconsfont;
        color: #52A377;
        font-size: 20px
    }

    .is-nav-opened #menu-btn-mobile:before {
        content: "";
        font-family: iconsfont;
        font-size: 25px
    }
}

.legals {
    display: flex;
    justify-content: center;
    padding: 0 0 30px 0;
    color: #52A377;
    font-size: .71429rem;
    text-transform: uppercase
}

@media (max-width:979px) {
    .legals {
        display: block;
        text-align: center
    }
}

.legals p {
    margin: 0;
    line-height: 1em
}

@media (max-width:979px) {
    .legals p {
        margin-bottom: 15px
    }
}

.legals ul {
    display: flex;
    margin: 0;
    padding: 0
}

@media (max-width:979px) {
    .legals ul {
        display: block
    }
}

.legals li {
    list-style: none;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #52A377;
    line-height: 1em
}

@media (max-width:979px) {
    .legals li {
        margin: 0 0 10px 0;
        padding: 0;
        border: none
    }
}

.legals a {
    display: block;
    text-decoration: none
}

.no-touchevents .legals a:hover {
    color: #353535
}

.mega-menu {
    display: none;
    position: absolute;
    z-index: 3;
    top: 59px;
    left: -325px;
    right: 0;
    padding: 30px 20px 20px 0;
    background: #fff;
    border: 1px solid #575757;
    border-radius: 20px 0 20px 0
}

@media (max-width:979px) {
    .mega-menu {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        padding: 0;
        background-color: #f1f1f1;
        border: none;
        border-radius: 0
    }
}

.mega-menu .tabs {
    position: relative;
    flex-basis: 245px;
    padding: 0 0 75px 0
}

@media (max-width:979px) {
    .mega-menu .tabs {
        flex-basis: 100%;
        padding: 0
    }
}

.mega-menu .tabs ul {
    display: block
}

.mega-menu .tabs li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px;
    font-size: .92857rem;
    line-height: 1em;
    text-transform: uppercase;
    transition: all .2s
}

@media (min-width:980px) {
    .mega-menu .tabs li {
        cursor: default
    }
}

.no-touchevents .mega-menu .tabs li:hover {
    background-color: #52A377;
    color: #fff
}

.no-touchevents .mega-menu .tabs li:hover:before {
    background-color: #fff
}

@media (min-width:980px) {
    .mega-menu .tabs li a {
        pointer-events: none
    }
}

.mega-menu .tabs li+li:after {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    left: 20px;
    border-top: 1px dashed #575757;
    content: ""
}

.mega-menu .tabs li:before {
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 10px 0 0;
    border-radius: 11px;
    content: "";
    transition: all .2s
}

.mega-menu .tabs li a {
    text-decoration: none;
    color: inherit
}

.mega-menu .tabs .btn {
    position: absolute;
    bottom: 0;
    left: 20px
}

@media (max-width:979px) {
    .mega-menu .tabs .btn {
        position: relative;
        bottom: inherit;
        left: inherit;
        margin: 0 0 20px 20px
    }
}

.mega-menu .contents {
    flex-basis: calc(100% - 245px);
    padding-left: 20px;
    border-left: 1px solid #575757
}

@media (max-width:979px) {
    .mega-menu .contents {
        display: none
    }
}

.mega-menu .contents .content {
    display: none
}

.mega-menu .contents .content.is-visible {
    display: flex
}

.mega-menu .contents ul {
    display: block;
    margin: 20px 0;
    padding: 0 0 0 40px
}

.mega-menu .contents ul li {
    list-style: disc
}

.mega-menu .contents .left .description {
    min-height: 240px
}

.mega-menu .contents .left .title {
    display: flex;
    align-items: center;
    line-height: 120%;
    color: #52A377;
    font-size: 2.07143rem;
    font-weight: 200;
    text-transform: uppercase
}

.mega-menu .contents .left .title .picto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin: 0 15px 0 0;
    background-color: #52A377;
    border-radius: 30px
}

.mega-menu .contents .left .title .picto img {
    display: block;
    max-width: 40px
}

.mega-menu .contents .left .actions {
    display: flex;
    justify-content: center
}

.mega-menu .contents .right .actions {
    display: flex;
    padding-top: 20px
}

.mega-menu .contents .right .actions a {
    flex: 1;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center
}

.mega-menu .contents .right .actions a,
.mega-menu .contents .right .actions a * {
    transition: all .2s
}

.mega-menu .contents .right .actions a+a,
.mega-menu .contents .right .actions a:first-child {
    border-left: 1px solid #000
}

.mega-menu .contents .right .actions a:last-child {
    border-right: 1px solid #000
}

.no-touchevents .mega-menu .contents .right .actions a:hover,
.no-touchevents .mega-menu .contents .right .actions a:hover * {
    color: #353535
}

.mega-menu .contents .right .actions a.is-catalog:before {
    content: "";
    font-family: iconsfont
}

.mega-menu .contents .right .actions a:before {
    margin-bottom: 10px;
    content: "";
    font-family: iconsfont;
    font-size: 60px
}

.mega-menu .contents .right .actions a b {
    display: block
}

.mega-menu .tabs li.is-color-green:before,
.no-touchevents .mega-menu .tabs li.is-color-green:hover {
    background-color: #a2c25e
}

.mega-menu .contents .content.is-color-green .left .title,
.mega-menu .contents .content.is-color-green a,
.mega-menu .contents .content.is-color-green b,
.mega-menu .contents .content.is-color-green h2,
.mega-menu .contents .content.is-color-green strong,
.mega-menu .contents .content.is-color-green ul {
    color: #a2c25e
}

.mega-menu .contents .content.is-color-green .left .title .picto {
    background: #a2c25e
}

.mega-menu .contents .content.is-color-green .btn.is-alt {
    background: #a2c25e;
    color: #fff
}

.no-touchevents .mega-menu .contents .content.is-color-green .btn.is-alt:hover {
    background-color: #f1f1f1;
    color: #000
}

.mega-menu .contents .content.is-color-green .right .actions a {
    border-color: #a2c25e
}

.mega-menu .tabs li.is-color-orange:before,
.no-touchevents .mega-menu .tabs li.is-color-orange:hover {
    background-color: #ca694f
}

.mega-menu .contents .content.is-color-orange .left .title,
.mega-menu .contents .content.is-color-orange a,
.mega-menu .contents .content.is-color-orange b,
.mega-menu .contents .content.is-color-orange h2,
.mega-menu .contents .content.is-color-orange strong,
.mega-menu .contents .content.is-color-orange ul {
    color: #ca694f
}

.mega-menu .contents .content.is-color-orange .left .title .picto {
    background: #ca694f
}

.mega-menu .contents .content.is-color-orange .btn.is-alt {
    background: #ca694f;
    color: #fff
}

.no-touchevents .mega-menu .contents .content.is-color-orange .btn.is-alt:hover {
    background-color: #f1f1f1;
    color: #000
}

.mega-menu .contents .content.is-color-orange .right .actions a {
    border-color: #ca694f
}

.mega-menu .tabs li.is-color-purple:before,
.no-touchevents .mega-menu .tabs li.is-color-purple:hover {
    background-color: #52A377
}

.mega-menu .contents .content.is-color-purple .left .title,
.mega-menu .contents .content.is-color-purple a,
.mega-menu .contents .content.is-color-purple b,
.mega-menu .contents .content.is-color-purple h2,
.mega-menu .contents .content.is-color-purple strong,
.mega-menu .contents .content.is-color-purple ul {
    color: #52A377
}

.mega-menu .contents .content.is-color-purple .left .title .picto {
    background: #52A377
}

.mega-menu .contents .content.is-color-purple .btn.is-alt {
    background: #52A377;
    color: #fff
}

.no-touchevents .mega-menu .contents .content.is-color-purple .btn.is-alt:hover {
    background-color: #f1f1f1;
    color: #000
}

.mega-menu .contents .content.is-color-purple .right .actions a {
    border-color: #52A377
}

.mega-menu .tabs li.is-color-mauve:before,
.no-touchevents .mega-menu .tabs li.is-color-mauve:hover {
    background-color: #684982
}

.mega-menu .contents .content.is-color-mauve .left .title,
.mega-menu .contents .content.is-color-mauve a,
.mega-menu .contents .content.is-color-mauve b,
.mega-menu .contents .content.is-color-mauve h2,
.mega-menu .contents .content.is-color-mauve strong,
.mega-menu .contents .content.is-color-mauve ul {
    color: #684982
}

.mega-menu .contents .content.is-color-mauve .left .title .picto {
    background: #684982
}

.mega-menu .contents .content.is-color-mauve .btn.is-alt {
    background: #684982;
    color: #fff
}

.no-touchevents .mega-menu .contents .content.is-color-mauve .btn.is-alt:hover {
    background-color: #f1f1f1;
    color: #000
}

.mega-menu .contents .content.is-color-mauve .right .actions a {
    border-color: #684982
}

.mega-menu .tabs li.is-color-turquoise:before,
.no-touchevents .mega-menu .tabs li.is-color-turquoise:hover {
    background-color: #408c96
}

.mega-menu .contents .content.is-color-turquoise .left .title,
.mega-menu .contents .content.is-color-turquoise a,
.mega-menu .contents .content.is-color-turquoise b,
.mega-menu .contents .content.is-color-turquoise h2,
.mega-menu .contents .content.is-color-turquoise strong,
.mega-menu .contents .content.is-color-turquoise ul {
    color: #408c96
}

.mega-menu .contents .content.is-color-turquoise .left .title .picto {
    background: #408c96
}

.mega-menu .contents .content.is-color-turquoise .btn.is-alt {
    background: #408c96;
    color: #fff
}

.no-touchevents .mega-menu .contents .content.is-color-turquoise .btn.is-alt:hover {
    background-color: #f1f1f1;
    color: #000
}

.mega-menu .contents .content.is-color-turquoise .right .actions a {
    border-color: #408c96
}

.mega-menu .tabs li.is-color-yellow:before,
.no-touchevents .mega-menu .tabs li.is-color-yellow:hover {
    background-color: #e7b042
}

.mega-menu .contents .content.is-color-yellow .left .title,
.mega-menu .contents .content.is-color-yellow a,
.mega-menu .contents .content.is-color-yellow b,
.mega-menu .contents .content.is-color-yellow h2,
.mega-menu .contents .content.is-color-yellow strong,
.mega-menu .contents .content.is-color-yellow ul {
    color: #e7b042
}

.mega-menu .contents .content.is-color-yellow .left .title .picto {
    background: #e7b042
}

.mega-menu .contents .content.is-color-yellow .btn.is-alt {
    background: #e7b042;
    color: #fff
}

.no-touchevents .mega-menu .contents .content.is-color-yellow .btn.is-alt:hover {
    background-color: #f1f1f1;
    color: #000
}

.mega-menu .contents .content.is-color-yellow .right .actions a {
    border-color: #e7b042
}

.sidebar .title-pro {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    background-color: #52A377;
    color: #fff;
    border-radius: 20px 0 0 0;
    text-align: center;
    font-weight: 800;
    height: 52px;
    text-transform: uppercase
}

@media (max-width:1259px) {
    .sidebar .title-pro {
        font-size: 1rem
    }
}

.sidebar .title-pro span {
    display: block;
    flex: 1;
    line-height: 1
}

.sidebar .title-pro span.title-pro--title {
    text-transform: initial;
}

.sidebar .title-pro small {
    color: #fff;
    font-size: .92857rem
}

.sidebar .title-pro .icon-pro {
    background-color: #fff;
    display: block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 1px solid #52A377;
    margin-top: 45px;
    background-image: url(../icons/img/icon-profil.svg);
    background-size: 50px;
    background-position: top 10px center;
    background-repeat: no-repeat;
}

#main-menu.menu-pro {
    padding: 15px
}

#main-menu.menu-pro ul {
    flex-direction: column
}

#main-menu.menu-pro ul .menu-item-object-product_doc form {
    display: none
}

#main-menu.menu-pro ul .menu-item-object-product_doc.current-menu-item form {
    display: block
}

#main-menu.menu-pro ul li:not(.menu-bouton) {
    border-bottom: 2px dotted #575757
}

#main-menu.menu-pro ul li:not(.menu-bouton)+.menu-bouton {
    margin-top: 18px;
}

#main-menu.menu-pro ul li:not(.menu-bouton) a {
    display: flex;
    align-items: center;
    font-size: .92857rem;
    font-weight: 700;
    padding: 10px 0;
    transition: .2s ease-in-out;
    padding-left: 4px;
}

#main-menu.menu-pro ul li:not(.menu-bouton) a::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    margin-right: 10px;
    font-size: 16px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #575757;
    color: #fff;
    content: ""
}

#main-menu.menu-pro ul li.menu-item-has-children.current-menu-item a::before {
    transform: rotate(90deg);
}

#main-menu.menu-pro .searchandfilter li[data-sf-field-input-type=select] label select {
    min-width: auto;
}

#main-menu.menu-pro ul li.current-menu-ancestor:not(.menu-bouton)>a::before {
    transform: rotate(90deg);
}

#main-menu.menu-pro ul .current-menu-item a {
    background-color: #52A377;
    color: #fff
}

#main-menu.menu-pro ul .menu-bouton {
    text-align: center;
    margin: 3px 0;
}

#main-menu.menu-pro ul .menu-bouton a {
    border: 1px solid #52A377;
    background-color: #52A377;
    color: #fff;
    padding: 10px 20px;
    font-size: .78571rem;
    text-align: center;
    margin: 0 auto;
    transition: .2s ease-in-out
}

#main-menu.menu-pro ul .menu-bouton a:hover {
    background-color: #fff;
    color: #52A377
}

#main-menu.menu-pro ul .menu-bouton a::after {
    position: absolute;
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    background-color: #52A377;
    transition: .2s ease-in-out
}

#main-menu.menu-pro ul .menu-bouton a:hover::after {
    right: 0
}

#main-menu.menu-pro>ul>li+li {
    margin-left: 0
}

.flotted_links {
    z-index: 1000;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

@media (max-width:979px) {
    .flotted_links {
        display: none
    }
}

.flotted_links .flotted_link {
    margin: 5px 0;
    right: -136px;
    position: relative;
    transition: .2s ease-in-out
}

.flotted_links .flotted_link a {
    display: flex;
    text-decoration: none
}

.flotted_links .flotted_link a span {
    display: block;
    min-height: 40px
}

.flotted_links .flotted_link a .flotted_link-title {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    width: 136px;
    font-size: .71429rem;
    line-height: 1;
    text-transform: uppercase
}

.flotted_links .flotted_link a .flotted_link-icon {
    background-color: #52A377;
    width: 44px;
    height: 44px;
    border-radius: 15px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.flotted_links .flotted_link:hover {
    right: 0
}

#footer-first .wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 0
}

@media (max-width:1259px) {
    #footer-first .wrap {
        max-width: 960px
    }
}

@media (max-width:979px) {
    #footer-first .wrap {
        max-width: 960px
    }
}

@media (max-width:979px) {
    #footer-first .wrap {
        max-width: 90%
    }
}

@media (max-width:1259px) {
    #footer-first .wrap {
        flex-wrap: wrap
    }
}

@media (max-width:979px) {
    #footer-first .wrap {
        display: block;
        max-width: 300px
    }
}

#footer-first .pro {
    position: relative;
    padding: 2rem 0 4rem
}

@media (max-width:979px) {
    #footer-first .pro {
        background-attachment: inherit;
        background-size: cover;
        background-position: center
    }
}

#footer-first .pro::after {
    display: block;
    position: absolute;
    z-index: 3;
    bottom: 25px;
    left: 50%;
    background-image: url(../icons/img/sprites.png);
    background-position: 0 -252px;
    width: 202px;
    height: 14px;
    content: "";
    transform: translateX(-50%)
}

@media (max-width:1259px) {
    #footer-first .pro::after {
        bottom: 17px
    }
}

#footer-first .pro .is-h2 {
    text-align: center;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase
}

#footer-first .pro .desc {
    color: #fff
}

#footer-first .pro .desc strong {
    color: #fff
}

#footer-first .pro .links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

#footer-first .pro .links .btn {
    flex-direction: column;
    margin-top: 10px
}

#footer-first .slider-label .label {
    text-align: center
}

#footer-first .slider-label .label:focus {
    outline: 0
}

#footer-first .slider-label .label img {
    margin: 0 auto
}

#footer-site {
    background: white;
    padding: 45px 25px;
    font-size: 17px;
    line-height: 1.5;
}

#footer-site .wrap {
    display: flex;
    align-items: stretch;
    max-width: 1240px;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
}

#footer-site strong {
    color: #52A377;
}

@media (max-width:1259px) {
    #footer-site .wrap {
        max-width: 960px
    }
}

@media (max-width:979px) {
    #footer-site .wrap {
        max-width: 960px
    }
}

@media (max-width:979px) {
    #footer-site .wrap {
        max-width: 90%
    }
}

@media (max-width:1259px) {
    #footer-site .wrap {
        flex-wrap: wrap
    }
}

@media (max-width:979px) {
    #footer-site .wrap {
        display: block;
        max-width: 300px
    }
}

#footer-site .column {
    padding-left: 40px
}

@media (max-width:1259px) {
    #footer-site .column {
        flex-basis: 50%;
        padding: 0
    }
}

@media (max-width:979px) {
    #footer-site .column+.column {
        margin-top: 30px
    }
}

#footer-site .column>:last-child {
    margin: 0
}

#footer-site .column:nth-child(1) {
    padding-left: 0
}

@media (max-width:1259px) {
    #footer-site .column:nth-child(1) {
        order: 1
    }
}

#footer-site .column:nth-child(1) * {
    color: #52A377
}

#footer-site .logo {
    display: block;
    width: 249px;
    height: 60px;
    margin-inline: auto;
    background: url(../img/logo.svg);
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

#footer-site .column:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width:1259px) {
    #footer-site .column:nth-child(2) {
        order: 4;
        margin-top: 30px
    }
}

#footer-site .informations {
    color: #575757
}

@media (max-width:979px) {
    #footer-site .informations {
        margin-bottom: 20px
    }
}

#footer-site .informations .title {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase
}

#footer-site .informations ul {
    margin: 0;
    padding: 0
}

#footer-site .informations li {
    list-style: none
}

#footer-site .informations a {
    color: #575757;
    text-decoration: none
}

.no-touchevents #footer-site .informations a:hover {
    color: #52A377
}

#footer-site .socials {
    display: flex
}

#footer-site .socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #575757;
    border-radius: 30px;
    font-size: 0;
    text-decoration: none
}

#footer-site .socials a:before {
    color: #f1f1f1;
    font-size: 17px
}

#footer-site .socials a+a {
    margin-left: 5px
}

#footer-site .socials a.is-facebook:before {
    content: "";
    font-family: iconsfont
}

#footer-site .socials a.is-instagram:before {
    content: "";
    font-family: iconsfont
}

#footer-site .socials a.is-youtube:before {
    content: "";
    font-family: iconsfont
}

#footer-site .socials a.is-twitter:before {
    content: "";
    font-family: iconsfont
}

#footer-site .socials a.is-linkedin:before {
    content: "";
    font-family: iconsfont
}

#footer-site .column:nth-child(3) {
    display: flex;
    flex-direction: column
}

@media (max-width:1259px) {
    #footer-site .column:nth-child(3) {
        order: 3;
        margin-top: 30px
    }
}

@media (max-width:1259px) {
    #footer-site .column:nth-child(3) a {
        max-width: 300px
    }
}

#footer-site .column:nth-child(3) a+a {
    margin-top: 15px;
    white-space: nowrap
}

@media (max-width:1259px) {
    #footer-site .column:nth-child(4) {
        order: 2
    }
}

#container-site,
.container-wrap {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
    padding: 30px 0 0 0
}

@media (max-width:1259px) {

    #container-site,
    .container-wrap {
        max-width: 100%;
        padding-inline: 25px;
    }
}

.main-content {
    background-color: #eaeaea
}

.main-content .container-wrap {
    padding-top: 0
}

.main-content .container-wrap .main-contentRight {
    padding-top: 30px;
    padding-bottom: 30px
}

.main-content .container-wrap .main-contentRight .header_introduction {
    text-align: left
}

.pro-logout {
    text-align: right;
    padding: 5px 20px
}

.pro-logout a {
    color: #575757
}

.headerPage-pro {
    margin-bottom: 5rem
}

.sidebar {
    margin-bottom: 30px;
    background-color: #fff;
    margin-top: -52px;
    border-top-left-radius: 20px;
}

#products_times-archive {
    background-color: #fff;
    padding: 30px 0
}

#products_times-archive .filter-search-products-times {
    margin-bottom: 30px
}

#products_times-archive .filter-search-products-times .searchandfilter {
    padding: 0 30px
}

@media (min-width:980px) {
    #products_times-archive .filter-search-products-times .searchandfilter {
        width: 60%
    }
}

#products_times-archive .filter-search-products-times .searchandfilter ul {
    width: 100%;
    background-color: #fff;
    border: 1px solid #52A377;
    border-radius: 3px;
    display: flex;
    margin: 0;
    padding: 0
}

#products_times-archive .filter-search-products-times .searchandfilter ul li {
    padding: 0
}

#products_times-archive .filter-search-products-times .searchandfilter ul li input {
    background-color: #fff
}

#products_times-archive .filter-search-products-times .searchandfilter ul li input::-moz-placeholder {
    color: #52A377;
    font-weight: 400
}

#products_times-archive .filter-search-products-times .searchandfilter ul li input:-ms-input-placeholder {
    color: #52A377;
    font-weight: 400
}

#products_times-archive .filter-search-products-times .searchandfilter ul li input::placeholder {
    color: #52A377;
    font-weight: 400
}

#products_times-archive .filter-search-products-times .searchandfilter ul .sf-field-search {
    flex: 1
}

#products_times-archive .filter-search-products-times .searchandfilter ul .sf-field-submit {
    width: 45px;
    height: 45px
}

#products_times-archive .filter-search-products-times .searchandfilter ul .sf-field-submit input {
    border: none;
    text-indent: 5000px;
    overflow: hidden;
    width: 45px;
    height: 45px;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: 0 -40px;
    background-size: 400px auto
}

#products_times-archive .products_times-teaser:nth-child(odd) {
    background-color: #e0e0e0
}

#products_times-archive .products_times-teaser [class*=col-] {
    padding: 10px 15px;
    display: flex;
    align-items: center
}

#products_times-archive .products_times-teaser [class*=col-]:not(:first-child) {
    text-align: center;
    justify-content: center;
    border-left: 1px solid #ccc
}

#products_times-archive .products_times-teaser .product-link {
    padding: 0
}

#products_times-archive .products_times-teaser .product-link a {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 10px 5px;
    color: #52A377;
    font-size: .71429rem;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s
}

#products_times-archive .products_times-teaser .product-link a:after {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    width: 21px;
    height: 21px;
    margin-left: 10px;
    background: #52A377;
    border-radius: 50%;
    content: "";
    font-family: iconsfont;
    color: #fff;
    font-size: 13px;
    line-height: 1em;
    transition: all .2s
}

#products_times-archive .products_times-teaser .product-link a:hover:after {
    transform: translateX(10px)
}

#products_times-archive .products_times-header {
    text-align: center;
    align-items: flex-end;
    border-bottom: 2px dotted #575757
}

#products_times-archive .products_times-header [class*=col-] {
    position: relative
}

#products_times-archive .products_times-header span.label::after {
    display: block;
    content: "";
    height: 40px;
    width: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

#products_times-archive .products_times-header .searchandfilter h4,
#products_times-archive .products_times-header span.label {
    text-transform: uppercase;
    color: #52A377;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    display: block;
    margin: 0;
    font-size: .92857rem;
    padding: 0 0 5px 0
}

#products_times-archive .products_times-header .searchandfilter {
    max-width: 58.33333333%;
    flex: 1 0 58.33333333%
}

#products_times-archive .products_times-header .searchandfilter ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

#products_times-archive .products_times-header .searchandfilter ul li {
    margin: 0;
    position: relative;
    padding: 0 15px 10px
}

#products_times-archive .products_times-header .searchandfilter ul li:nth-child(1) {
    max-width: 100%;
    flex: 1 0 100%
}

#products_times-archive .products_times-header .searchandfilter ul li:nth-child(1) label {
    width: 100%
}

#products_times-archive .products_times-header .searchandfilter ul li:nth-child(1) label input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #52A377;
    background-color: #fff
}

#products_times-archive .products_times-header .searchandfilter ul li:nth-child(1)::after {
    display: none
}

#products_times-archive .products_times-header .searchandfilter ul li:nth-child(2) {
    max-width: 57.333333%;
    flex: 1 0 57.333333%
}

#products_times-archive .products_times-header .searchandfilter ul li:nth-child(3) {
    max-width: 42.55555%;
    flex: 1 0 42.55555%
}

#products_times-archive .products_times-header .searchandfilter ul li::after {
    display: block;
    content: "";
    height: 45px;
    width: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

#products_times-archive .products_times-header .searchandfilter ul li label {
    max-width: 100%
}

#products_times-archive .products_times-header .searchandfilter ul li label select {
    height: 30px
}

#videos-archive .videos-teaser {
    margin-bottom: 30px
}

#videos-archive .videos-teaser .embed-responsive {
    border: 2px solid #52A377
}

#videos-archive .videos-teaser h2 {
    display: flex;
    align-items: flex-end;
    height: 50px;
    overflow: hidden;
    font-size: 1.07143rem
}

#videos-archive .filter-search-videos {
    margin: 0 auto
}

@media (min-width:980px) {
    #videos-archive .filter-search-videos {
        max-width: 100%;
        flex-wrap: wrap;
        display: flex
    }
}

#videos-archive .filter-search-videos .label {
    margin-right: 10px;
    color: #52A377
}

#videos-archive .filter-search-videos .searchandfilter {
    flex: 1;
    background-color: #dcdcdc
}

#videos-archive .filter-search-videos .searchandfilter ul {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}

#videos-archive .filter-search-videos .searchandfilter ul ul {
    gap: 8px;
}

#videos-archive .filter-search-videos .searchandfilter ul li li .sf-input-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    outline: none;
    border: 3px solid #52A377;
    appearance: none;
    height: 20px;
    border-radius: 3px;
    place-content: center;
}

#videos-archive .filter-search-videos .searchandfilter ul li li .sf-input-checkbox::before {
    content: "";
    width: 9px;
    height: 9px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #52A377;
    display: block;
    margin: auto;
}

#videos-archive .filter-search-videos .searchandfilter ul li li .sf-input-checkbox:checked::before {
    transform: scale(1);
}

#videos-archive .filter-search-videos .searchandfilter ul li li.sf-level-0 {
    cursor: pointer;
}

#videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0
}

#videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul li {
    line-height: 1;
    padding: 0 10px
}

@media (min-width:980px) {
    #videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul li {
        flex: 1 0 33.3333%;
        max-width: 33.3333%
    }
}

#videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul li input {
    display: none
}

#videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul li label {
    display: flex;
    align-items: center;
    color: #52A377;
    text-transform: uppercase
}

#videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul li label::before {
    display: block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    background-color: #d5d5d6;
    border: 1px solid #bababb;
    content: ""
}

#videos-archive .filter-search-videos .searchandfilter ul .sf-field-post-meta-video_type ul li input:checked+label::before {
    background-color: #52A377
}

#main-menu>ul form ul {
    display: block;
    margin: 0;
    padding: 0
}

#main-menu>ul form ul li {
    border: none
}

#main-menu>ul form ul li .sf-input-checkbox {
    display: none
}

#main-menu>ul form ul li label {
    font-size: .78571rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

#main-menu>ul form ul li label::before {
    display: block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    background-color: #d5d5d6;
    border: 1px solid #bababb;
    content: ""
}

#main-menu>ul form ul li .sf-input-checkbox:checked+label::before {
    background-color: #52A377
}

.posts-col:nth-child(odd) .tease-content {
    background-color: #f1f1f1
}

.product_doc-teaser {
    transition: all .8s;
    height: 100%
}

.product_doc-teaser .tease-content {
    align-items: center;
    height: 100%;
    background-color: #fff;
    margin: 0;
    min-height: 60px;
    position: relative;
    overflow: hidden;
    text-decoration: none
}

.product_doc-teaser .tease-content .informations {
    padding: 15px
}

.product_doc-teaser .tease-content .picture {
    position: relative;
    width: 90px
}

.product_doc-teaser .tease-content .picture::before {
    display: block;
    content: "";
    padding-top: 50%;
    width: 100%
}

.product_doc-teaser .tease-content .picture a {
    display: flex;
    justify-content: center;
    align-items: center
}

.product_doc-teaser .tease-content .picture a img {
    max-width: 40px
}

.product_doc-teaser .tease-content .btn-download {
    margin-right: 15px;
    margin-left: auto;
    font-size: .85714rem;
    padding: 5px 60px 5px 20px
}

.product_doc-teaser .tease-content h2 {
    margin: 0;
    text-align: left;
    font-size: .92857rem
}

.product_doc-teaser .tease-content h2 a {
    text-decoration: none
}

.searchandfilter ul {
    margin: 0;
    padding: 0
}

.searchandfilter li[data-sf-field-input-type=select] label {
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.searchandfilter li[data-sf-field-input-type=select] label::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #575757 transparent transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.searchandfilter li[data-sf-field-input-type=select] label select {
    padding: 0 20px 0 5px;
    text-overflow: ellipsis;
    background-color: transparent;
    border: 1px solid #52A377;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 700;
    appearance: none;
    text-transform: uppercase;
    color: #52A377;
    font-size: .71429rem;
    min-width: 100%;
    height: 45px
}

.searchandfilter li[data-sf-field-input-type=select] label select option {
    text-transform: uppercase;
    color: #52A377;
    font-weight: 700;
    font-size: .78571rem;
    padding: 10px
}

body.blog .col-md-11.mx-auto,
body.category .col-md-11.mx-auto {
    max-width: 100%;
    padding: 0;
    flex: 1 0 100%
}

body.blog .sf-field-category,
body.category .sf-field-category {
    max-width: 278px
}

#interlocutor-posts #carte-regions polygon {
    cursor: pointer
}

#interlocutor-posts .glissiere {
    width: 100%;
    max-width: 100%
}

#interlocutor-posts .glissiere .glissiere-item .titre {
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    font-size: .78571rem;
    padding: 10px
}

#interlocutor-posts .glissiere .glissiere-item .titre::before {
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    margin-right: 10px;
    border-radius: 50%;
    background-color: #f1f1f1
}

#interlocutor-posts .glissiere .glissiere-item .titre::after {
    background-color: transparent;
    border-radius: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #e8e8e8 transparent transparent transparent;
    content: "";
    transition: .2s ease-out
}

#interlocutor-posts .glissiere .glissiere-item .contenu {
    padding: 10px
}

#interlocutor-posts .glissiere .glissiere-item.active .titre::after {
    transform: rotate(180deg)
}

/* @changelog 2026-09-16 [FIX] (Fabie) Couleurs de la liste des secteurs (pastille + titre)
   recalées sur les couleurs réelles des départements de carte-interlocuteurs.svg. Les règles
   précédentes utilisaient d'anciens noms de secteur (secteur_midi_pyrenees, secteur_occitanie,
   secteur_bourgogne_alsace, secteur_bretagne_ouest - remplacés depuis par secteur_pyrenees,
   secteur_languedoc_roussillon, secteur_bourgogne + secteur_nord_est, secteur_bretagne_pays_de_la_loire
   dans le champ ACF interlocutor_sector et dans le SVG), donc ces règles ne s'appliquaient plus
   du tout (secteur_sud_ouest et secteur_nord_est n'avaient même aucune règle). Les couleurs des
   règles qui s'appliquaient encore avaient aussi dérivé d'une ancienne palette du SVG, différente
   de la palette actuelle - d'où le vert affiché pour Pyrénées alors que le département 09 est en
   bordeaux (#9e0054) sur la carte. Couleurs reprises directement des classes .stN du SVG. */
#interlocutor-posts .glissiere .secteur_aquitaine .titre {
    color: #94c356
}

#interlocutor-posts .glissiere .secteur_aquitaine .titre::before {
    background-color: #94c356
}

#interlocutor-posts .glissiere .secteur_bourgogne .titre {
    color: #508165
}

#interlocutor-posts .glissiere .secteur_bourgogne .titre::before {
    background-color: #508165
}

#interlocutor-posts .glissiere .secteur_bretagne_pays_de_la_loire .titre {
    color: #008d98
}

#interlocutor-posts .glissiere .secteur_bretagne_pays_de_la_loire .titre::before {
    background-color: #008d98
}

#interlocutor-posts .glissiere .secteur_centre .titre {
    color: #c9173e
}

#interlocutor-posts .glissiere .secteur_centre .titre::before {
    background-color: #c9173e
}

#interlocutor-posts .glissiere .secteur_languedoc_roussillon .titre {
    color: #00a6d3
}

#interlocutor-posts .glissiere .secteur_languedoc_roussillon .titre::before {
    background-color: #00a6d3
}

#interlocutor-posts .glissiere .secteur_nord_est .titre {
    color: #c13c81
}

#interlocutor-posts .glissiere .secteur_nord_est .titre::before {
    background-color: #c13c81
}

#interlocutor-posts .glissiere .secteur_normandie .titre {
    color: #f9b233
}

#interlocutor-posts .glissiere .secteur_normandie .titre::before {
    background-color: #f9b233
}

#interlocutor-posts .glissiere .secteur_paca_corse .titre {
    color: #e5684b
}

#interlocutor-posts .glissiere .secteur_paca_corse .titre::before {
    background-color: #e5684b
}

#interlocutor-posts .glissiere .secteur_poitou_charentes .titre {
    color: #734784
}

#interlocutor-posts .glissiere .secteur_poitou_charentes .titre::before {
    background-color: #734784
}

#interlocutor-posts .glissiere .secteur_pyrenees .titre {
    color: #9e0054
}

#interlocutor-posts .glissiere .secteur_pyrenees .titre::before {
    background-color: #9e0054
}

#interlocutor-posts .glissiere .secteur_region_parisienne .titre {
    color: #384999
}

#interlocutor-posts .glissiere .secteur_region_parisienne .titre::before {
    background-color: #384999
}

#interlocutor-posts .glissiere .secteur_rhone_alpes .titre {
    color: #ea98b1
}

#interlocutor-posts .glissiere .secteur_rhone_alpes .titre::before {
    background-color: #ea98b1
}

#interlocutor-posts .glissiere .secteur_sud_ouest .titre {
    color: #ca9e67
}

#interlocutor-posts .glissiere .secteur_sud_ouest .titre::before {
    background-color: #ca9e67
}

#interlocutor-posts .glissiere .secteur_nord .titre {
    color: #cfcfcf
}

#interlocutor-posts .glissiere .secteur_nord .titre::before {
    background-color: #cfcfcf
}

#interlocutor-posts .interlocutor-teaser .tease-content {
    display: flex;
    align-items: center;
    line-height: 120%;
    font-size: .78571rem;
    padding: 10px 0;
    border-bottom: 1px solid #b3b5b6
}

#interlocutor-posts .interlocutor-teaser .tease-content .function,
#interlocutor-posts .interlocutor-teaser .tease-content .name_surname {
    font-weight: 800;
    color: #52A377
}

#interlocutor-posts .interlocutor-teaser .tease-content .name {
    text-transform: uppercase
}

#interlocutor-posts .interlocutor-teaser .tease-content a,
#interlocutor-posts .interlocutor-teaser .tease-content a:link,
#interlocutor-posts .interlocutor-teaser .tease-content a:visited {
    color: #353535
}

#interlocutor-posts .interlocutor-teaser .tease-content .picture,
#interlocutor-posts .interlocutor-teaser .tease-content .picture_empty {
    margin-right: 20px;
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    transition: .2s ease-in-out;
    border: 2px solid #52A377
}

#interlocutor-posts .interlocutor-teaser .tease-content .picture:hover {
    transform: scale(2)
}

#interlocutor-posts .interlocutor-teaser .tease-content .picture_empty {
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -277px -38px;
    background-size: 400px auto
}

.um-form[data-mode="register"] .field-password #um-field-show-passwords-register {
    text-align: right;
    display: block;
    position: relative;
    top: -32px;
    right: 30px;
    max-width: 20px;
    margin-left: auto;
}

.um-form[data-mode="register"] .field-password .um-tip {
    position: absolute;
    top: 54px;
    right: 28px;
    z-index: 10;
}

.um-misc-ul {
    list-style-type: none
}

.um-misc-ul li {
    margin-bottom: 10px
}

.wsp-pages-list {
    text-align: left
}

#products-archive {
    margin-bottom: 50px
}

#products-archive>.header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 285px
}

@media (max-width:979px) {
    #products-archive>.header {
        padding: 0
    }
}

#products-archive>.header .picto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
    background-color: #52A377;
    border-radius: 60px
}

#products-archive>.header .picto img {
    display: block;
    max-width: 70%
}

#products-archive>.header .title {
    margin: 0;
    font-size: 2.78571rem;
    text-transform: uppercase;
    font-weight: 200;
    text-align: center
}

@media (max-width:979px) {
    #products-archive>.header .title {
        font-size: 2.07143rem
    }
}

#products-archive>.wrap {
    display: flex;
    margin-top: 20px
}

@media (max-width:979px) {
    #products-archive>.wrap {
        display: block
    }
}

#products-archive>.wrap aside {
    flex-basis: 285px;
    flex-shrink: 0
}

@media (max-width:979px) {
    #products-archive>.wrap aside {
        margin-bottom: 30px
    }
}

#products-archive>.wrap>.content {
    padding-left: 40px
}

@media (max-width:979px) {
    #products-archive>.wrap>.content {
        padding: 0
    }
}

#products-archive>.wrap>.content>.description {
    margin-bottom: 40px;
    text-align: center
}

#products-archive .advice {
    position: relative;
    min-height: 215px
}

@media (max-width:979px) {
    #products-archive .advice {
        display: none
    }
}

#products-archive .advice:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: -50px;
    background-image: url(../icons/img/sprites.png);
    background-position: 0 0;
    width: 193px;
    height: 252px;
    content: ""
}

#products-archive .advice>.title {
    margin: 0;
    padding: 10px;
    background: #52A377;
    border-radius: 15px 0 0 0;
    color: #fff;
    font-size: 1.21429rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right
}

#products-archive .advice>.container {
    padding: 15px 10px 15px 90px;
    background-color: #f1f1f1;
    border-radius: 0 0 15px 0;
    text-align: right
}

#products-archive .advice>.container .title {
    margin-bottom: 15px;
    color: #52A377;
    font-size: 1.21429rem;
    font-weight: 700
}

#products-archive .advice>.container .description {
    margin-bottom: 15px;
    line-height: 1.2em;
    font-size: .78571rem
}

#products-archive .advice>.container a {
    color: #52A377;
    font-weight: 700
}

.no-touchevents #products-archive .advice>.container a:hover {
    color: #353535
}

#products-archive .advice>.container a:before {
    content: ">"
}

#products-archive .filter {
    margin-top: 25px;
    padding: 20px 22px 20px 30px;
    background-color: #f1f1f1;
    border-radius: 15px 0 15px 0
}

@media (max-width:979px) {
    #products-archive .filter {
        padding: 10px
    }
}

#products-archive .filter .sf-input-checkbox {
    display: none
}

#products-archive .filter .button {
    display: none;
    padding: 10px 15px;
    background-color: #d8d8d8;
    border-radius: 3px;
    color: #575757;
    font-weight: 200;
    line-height: 1em;
    text-transform: uppercase
}

@media (max-width:979px) {
    #products-archive .filter .button {
        display: inline-block
    }
}

@media (max-width:979px) {
    #products-archive .filter>.wrap {
        display: none;
        margin-top: 20px
    }

    #products-archive .filter>.wrap.is-opened {
        display: block
    }
}

#products-archive .filter .title {
    margin: 0;
    color: #52A377;
    font-size: 1.07143rem;
    text-transform: uppercase;
    font-weight: 700
}

#products-archive .filter ul {
    margin: 0;
    padding: 0
}

#products-archive .filter ul ul li {
    display: flex
}

#products-archive .filter ul input[type=radio] {
    display: none
}

#products-archive .filter h4 {
    color: #52A377;
    font-size: 14px;
    font-weight: 700
}

#products-archive .filter label {
    padding: 0;
    margin: 0;
    color: #575757;
    font-weight: 400
}

#products-archive .filter label.sf-label-checkbox {
    display: flex;
    align-items: center;
    position: relative
}

#products-archive .filter label.sf-label-checkbox:before {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    background-color: #d5d5d6;
    border: 1px solid #bababb;
    content: ""
}

#products-archive .filter li.sf-option-active .sf-label-checkbox::before {
    background-color: #52A377
}

#products-archive .posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#products-archive .posts:after {
    display: block;
    width: 280px;
    content: ""
}

#products-archive .posts>* {
    margin-bottom: 30px
}

#products-archive.is-color-green .advice>.container .title,
#products-archive.is-color-green .advice>.container a,
#products-archive.is-color-green .filter .title,
#products-archive.is-color-green .filter h4,
#products-archive.is-color-green .product-teaser,
#products-archive.is-color-green>.header .title {
    color: #a2c25e
}

#products-archive.is-color-green .advice>.title,
#products-archive.is-color-green>.header .picto {
    background-color: #a2c25e
}

#products-archive.is-color-orange .advice>.container .title,
#products-archive.is-color-orange .advice>.container a,
#products-archive.is-color-orange .filter .title,
#products-archive.is-color-orange .filter h4,
#products-archive.is-color-orange .product-teaser,
#products-archive.is-color-orange>.header .title {
    color: #ca694f
}

#products-archive.is-color-orange .advice>.title,
#products-archive.is-color-orange>.header .picto {
    background-color: #ca694f
}

#products-archive.is-color-purple .advice>.container .title,
#products-archive.is-color-purple .advice>.container a,
#products-archive.is-color-purple .filter .title,
#products-archive.is-color-purple .filter h4,
#products-archive.is-color-purple .product-teaser,
#products-archive.is-color-purple>.header .title {
    color: #52A377
}

#products-archive.is-color-purple .advice>.title,
#products-archive.is-color-purple>.header .picto {
    background-color: #52A377
}

#products-archive.is-color-mauve .advice>.container .title,
#products-archive.is-color-mauve .advice>.container a,
#products-archive.is-color-mauve .filter .title,
#products-archive.is-color-mauve .filter h4,
#products-archive.is-color-mauve .product-teaser,
#products-archive.is-color-mauve>.header .title {
    color: #684982
}

#products-archive.is-color-mauve .advice>.title,
#products-archive.is-color-mauve>.header .picto {
    background-color: #684982
}

#products-archive.is-color-turquoise .advice>.container .title,
#products-archive.is-color-turquoise .advice>.container a,
#products-archive.is-color-turquoise .filter .title,
#products-archive.is-color-turquoise .filter h4,
#products-archive.is-color-turquoise .product-teaser,
#products-archive.is-color-turquoise>.header .title {
    color: #408c96
}

#products-archive.is-color-turquoise .advice>.title,
#products-archive.is-color-turquoise>.header .picto {
    background-color: #408c96
}

#products-archive.is-color-yellow .advice>.container .title,
#products-archive.is-color-yellow .advice>.container a,
#products-archive.is-color-yellow .filter .title,
#products-archive.is-color-yellow .filter h4,
#products-archive.is-color-yellow .product-teaser,
#products-archive.is-color-yellow>.header .title {
    color: #e7b042
}

#products-archive.is-color-yellow .advice>.title,
#products-archive.is-color-yellow>.header .picto {
    background-color: #e7b042
}

#product-single .category-header {
    margin-bottom: 10px
}

@media (max-width:979px) {
    #product-single .category-header {
        margin-bottom: 30px
    }
}

#product-single .category-header>.wrap {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    background: rgba(158, 0, 84, .2)
}

#product-single .category-header .picto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    background-color: #52A377
}

#product-single .category-header .picto img {
    display: block;
    max-width: 24px
}

#product-single .category-header .title {
    margin: 0 0 0 10px;
    color: #52A377;
    font-size: 1.42857rem;
    text-transform: uppercase
}

#product-single .category-header a {
    color: #353535;
    font-size: .78571rem
}

.no-touchevents #product-single .category-header a:hover {
    color: #52A377
}

#product-single>.header {
    margin-bottom: 50px;
    color: #52A377;
    text-align: center
}

#product-single>.header h1::after {
    display: none
}

#product-single>.header .name {
    margin-bottom: 0;
    font-size: 4.57143rem;
    text-transform: uppercase;
    font-weight: 200
}

@media (max-width:979px) {
    #product-single>.header .name {
        font-size: 3.14286rem
    }
}

@media (max-width:979px) {
    #product-single>.header .name {
        font-size: 2.42857rem;
        line-height: 1em
    }
}

#product-single>.header .subtitle {
    margin: 0;
    font-size: .92857rem;
    text-transform: none;
    font-weight: 200
}

#product-single>.header .title {
    margin: 22px 0 0 0;
    font-weight: 700;
    font-size: 1.64286rem;
    text-transform: uppercase
}

#product-single>.header .title::after {
    display: none
}

#product-single>.header .title:before {
    display: block;
    width: 90px;
    height: 0;
    margin: 0 auto 22px;
    border-bottom: 2px solid #52A377;
    content: ""
}

#product-single h2,
#product-single h3 {
    font-weight: 700;
    font-size: 14px;
    color: #353535;
    margin: 0 0 21px 0
}

#product-single .informations {
    display: flex;
    justify-content: space-between
}

@media (max-width:979px) {
    #product-single .informations {
        display: block
    }
}

#product-single .informations .column {
    max-width: 430px
}

@media (max-width:979px) {
    #product-single .informations .column {
        max-width: 100%
    }
}

#product-single .informations .img {
    position: relative;
    margin-bottom: 25px
}

#product-single .informations .img .product_fabriqueFrance {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 25%
}

#product-single .informations .img .product_fabriqueFrance img {
    max-width: 100%
}

#product-single .informations .img:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

#product-single .informations .description {
    margin: 25px 0
}

#product-single .informations .slider {
    position: relative;
    max-width: 700px
}

@media (max-width:979px) {
    #product-single .informations .slider {
        max-width: 100%;
        margin-top: 30px
    }
}

#product-single .informations .slider .view {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 700px;
    height: 430px;
    margin-bottom: 23px
}

@media (max-width:979px) {
    #product-single .informations .slider .view {
        width: 100%
    }
}

@media (max-width:979px) {
    #product-single .informations .slider .view {
        height: 250px
    }
}

#product-single .informations .slider .view>* {
    display: none
}

#product-single .informations .slider .view>.is-active {
    display: block
}

#product-single .informations .slider .view img {
    max-width: 100%;
    max-height: 100%
}

#product-single .informations .slider .slider-navigation a {
    border: none;
    width: 40px;
    height: 40px;
    text-indent: 5000px;
    overflow: hidden;
    position: absolute;
    top: 35%;
    transform: translateY(-35%);
    padding: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: 0 0;
    background-size: 400px auto
}

#product-single .informations .slider .slider-navigation a.btn-prev {
    left: -50px;
    transform: rotate(180deg) translateY(35%)
}

#product-single .informations .slider .slider-navigation a.btn-next {
    right: -50px
}

#product-single .informations .slider .thumbs {
    display: flex;
    flex-wrap: wrap
}

#product-single .informations .slider .thumbs .item {
    margin-right: 10px;
    cursor: pointer
}

#product-single .informations .slider .thumbs .item.is-video {
    position: relative
}

#product-single .informations .slider .thumbs .item.is-video:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -17px 0 0 -17px;
    opacity: .6;
    content: "";
    font-family: iconsfont;
    color: #52A377;
    font-size: 34px
}

#product-single .informations .environment {
    position: absolute;
    right: 0;
    top: 420px;
    max-width: 200px
}

@media (max-width:979px) {
    #product-single .informations .environment {
        position: relative;
        top: inherit;
        right: inherit;
        margin: 30px auto
    }
}

#product-single .informations .environment img {
    max-height: 80px
}

#product-single .informations .environment .header {
    display: flex;
    align-items: center
}

#product-single .informations .environment .title {
    margin: 15px 0 0 0;
    color: #a2c25e;
    font-weight: 700;
    line-height: 1.1em;
    text-transform: uppercase
}

#product-single .informations .environment .description {
    flex-basis: 100%;
    margin: 0;
    font-size: .78571rem;
    line-height: 1.1em
}

#product-single .tabs {
    overflow: hidden;
    margin-top: 40px;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

#product-single .tabs .tab {
    display: flex;
    background-color: rgba(158, 0, 84, .4)
}

@media (max-width:979px) {
    #product-single .tabs .tab {
        display: none
    }
}

#product-single .tabs .tab .item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: 250px;
    height: 60px;
    padding: 0 10px;
    text-align: center;
    line-height: 1.1em;
    cursor: pointer;
    color: #fff
}

.no-touchevents #product-single .tabs .tab .item:hover {
    z-index: 1;
    font-weight: 700
}

#product-single .tabs .tab .item.is-active {
    position: relative;
    z-index: 3;
    background-color: #52A377;
    font-weight: 700
}

#product-single .tabs .tab .item.is-active:after {
    display: none
}

#product-single .tabs .tab .item:last-child:after {
    display: none
}

#product-single .tabs .tab .item:after {
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: -1px;
    border-left: 1px solid #fff;
    content: ""
}

#product-single .tabs .contents {
    padding: 30px 45px
}

@media (max-width:979px) {
    #product-single .tabs .contents {
        padding: 20px
    }
}

#product-single .tabs .contents .item {
    display: none
}

@media (max-width:979px) {
    #product-single .tabs .contents .item {
        display: block
    }

    #product-single .tabs .contents .item+.item {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #f1f1f1
    }
}

#product-single .tabs .contents .item .title {
    display: none
}

@media (max-width:979px) {
    #product-single .tabs .contents .item .title {
        display: block;
        font-size: 1.35714rem
    }
}

#product-single .tabs .contents .item.is-active {
    display: flex
}

@media (max-width:979px) {
    #product-single .tabs .contents .item.is-active {
        display: block
    }
}

#product-single .tabs .contents .item .medias {
    margin-left: 160px
}

#product-single .tabs .contents .item .medias img {
    max-width: 100%
}

@media (min-width:980px) {
    #product-single .tabs .contents .item .medias {
        flex: 1 0 34%;
        max-width: 34%
    }
}

@media (max-width:979px) {
    #product-single .tabs .contents .item .medias {
        margin: 20px 0 0 0
    }
}

#product-single .cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px 35px
}

#product-single .products-cross {
    position: relative;
    z-index: 1;
    padding: 45px 0 0 0
}

#product-single .products-cross:before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 99px;
    left: -1000px;
    width: 3000px;
    background-color: #f1f1f1;
    content: ""
}

#product-single .products-cross .title {
    margin-bottom: 60px
}

#product-single .products-cross .posts {
    display: flex
}

#product-single .products-cross .posts a+a {
    margin-left: 20px
}

#product-single .categories-cross {
    margin: 40px 0
}

#product-single .categories-cross>.title {
    margin-bottom: 30px;
    text-align: center
}

#product-single .categories-cross .categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#product-single .categories-cross .categories>* {
    margin: 10px
}

#product-single .is-block-title {
    font-size: 1.64286rem;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.1em
}

@media (max-width:979px) {
    #product-single .is-block-title {
        font-size: 1.35714rem;
        text-align: center
    }

    #product-single .is-block-title b {
        display: block
    }
}

#product-single .is-block-title,
#product-single .is-block-title b {
    color: #52A377
}

.reassurance {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-width: 150px;
    margin-top: 30px;
    padding-top: 30px
}

@media (max-width:979px) {
    .reassurance {
        justify-content: center
    }
}

.reassurance:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 0;
    border-top: 1px solid #353535;
    content: ""
}

@media (max-width:979px) {
    .reassurance:before {
        left: 50%;
        margin-left: -75px
    }
}

.reassurance span {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 7px 0 0;
    font-size: .5rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:979px) {
    .reassurance span {
        width: 20%
    }
}

.reassurance span:before {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 44px;
    height: 44px;
    background-color: #52A377;
    border-radius: 30px;
    color: #fff;
    font-size: 28px;
    line-height: 1em;
    content: ""
}

.reassurance span:after {
    order: 3;
    color: #52A377;
    font-size: 24px;
    line-height: 1em
}

.reassurance span.is-note-1:after {
    content: "+"
}

.reassurance span.is-note-2:after {
    content: "++"
}

.reassurance span.is-note-3:after {
    content: "+++"
}

.reassurance span.is-note-4:after {
    content: "++++"
}

.reassurance span.is-note-5:after {
    content: "+++++"
}

.reassurance span.is-resistance:before {
    display: flex;
    content: "";
    font-family: iconsfont
}

.reassurance span.is-security:before {
    display: flex;
    content: "";
    font-family: iconsfont
}

.reassurance span.is-maintenance:before {
    display: flex;
    content: "";
    font-family: iconsfont
}

.reassurance span.is-insulation:before {
    display: flex;
    content: "";
    font-family: iconsfont
}

.reassurance span.is-budget:before {
    display: flex;
    content: "";
    font-family: iconsfont
}

#product-single.is-color-green .category-header .picto,
#product-single.is-color-green .reassurance span:before,
#product-single.is-color-green .tabs .tab .item.is-active {
    background-color: #a2c25e
}

#product-single.is-color-green .category-header .title,
#product-single.is-color-green .productinfospro h2,
#product-single.is-color-green .reassurance span:after,
#product-single.is-color-green>.header,
#product-single.is-color-green>.header .name,
#product-single.is-color-green>.header .subtitle,
#product-single.is-color-green>.header .title {
    color: #a2c25e
}

#product-single.is-color-green>.header .title:before {
    border-color: #a2c25e
}

#product-single.is-color-green .category-header>.wrap {
    background-color: rgba(162, 194, 94, .2)
}

#product-single.is-color-green .tabs .tab {
    background-color: rgba(162, 194, 94, .4)
}

#product-single.is-color-orange .category-header .picto,
#product-single.is-color-orange .reassurance span:before,
#product-single.is-color-orange .tabs .tab .item.is-active {
    background-color: #ca694f
}

#product-single.is-color-orange .category-header .title,
#product-single.is-color-orange .productinfospro h2,
#product-single.is-color-orange .reassurance span:after,
#product-single.is-color-orange>.header,
#product-single.is-color-orange>.header .name,
#product-single.is-color-orange>.header .subtitle,
#product-single.is-color-orange>.header .title {
    color: #ca694f
}

#product-single.is-color-orange>.header .title:before {
    border-color: #ca694f
}

#product-single.is-color-orange .category-header>.wrap {
    background-color: rgba(202, 105, 79, .2)
}

#product-single.is-color-orange .tabs .tab {
    background-color: rgba(202, 105, 79, .4)
}

#product-single.is-color-purple .category-header .picto,
#product-single.is-color-purple .reassurance span:before,
#product-single.is-color-purple .tabs .tab .item.is-active {
    background-color: #52A377
}

#product-single.is-color-purple .category-header .title,
#product-single.is-color-purple .productinfospro h2,
#product-single.is-color-purple .reassurance span:after,
#product-single.is-color-purple>.header,
#product-single.is-color-purple>.header .name,
#product-single.is-color-purple>.header .subtitle,
#product-single.is-color-purple>.header .title {
    color: #52A377
}

#product-single.is-color-purple>.header .title:before {
    border-color: #52A377
}

#product-single.is-color-purple .category-header>.wrap {
    background-color: rgba(167, 62, 126, .2)
}

#product-single.is-color-purple .tabs .tab {
    background-color: rgba(167, 62, 126, .4)
}

#product-single.is-color-mauve .category-header .picto,
#product-single.is-color-mauve .reassurance span:before,
#product-single.is-color-mauve .tabs .tab .item.is-active {
    background-color: #684982
}

#product-single.is-color-mauve .category-header .title,
#product-single.is-color-mauve .productinfospro h2,
#product-single.is-color-mauve .reassurance span:after,
#product-single.is-color-mauve>.header,
#product-single.is-color-mauve>.header .name,
#product-single.is-color-mauve>.header .subtitle,
#product-single.is-color-mauve>.header .title {
    color: #684982
}

#product-single.is-color-mauve>.header .title:before {
    border-color: #684982
}

#product-single.is-color-mauve .category-header>.wrap {
    background-color: rgba(104, 73, 130, .2)
}

#product-single.is-color-mauve .tabs .tab {
    background-color: rgba(104, 73, 130, .4)
}

#product-single.is-color-turquoise .category-header .picto,
#product-single.is-color-turquoise .reassurance span:before,
#product-single.is-color-turquoise .tabs .tab .item.is-active {
    background-color: #408c96
}

#product-single.is-color-turquoise .category-header .title,
#product-single.is-color-turquoise .productinfospro h2,
#product-single.is-color-turquoise .reassurance span:after,
#product-single.is-color-turquoise>.header,
#product-single.is-color-turquoise>.header .name,
#product-single.is-color-turquoise>.header .subtitle,
#product-single.is-color-turquoise>.header .title {
    color: #408c96
}

#product-single.is-color-turquoise>.header .title:before {
    border-color: #408c96
}

#product-single.is-color-turquoise .category-header>.wrap {
    background-color: rgba(64, 140, 150, .2)
}

#product-single.is-color-turquoise .tabs .tab {
    background-color: rgba(64, 140, 150, .4)
}

#product-single.is-color-yellow .category-header .picto,
#product-single.is-color-yellow .reassurance span:before,
#product-single.is-color-yellow .tabs .tab .item.is-active {
    background-color: #e7b042
}

#product-single.is-color-yellow .category-header .title,
#product-single.is-color-yellow .productinfospro h2,
#product-single.is-color-yellow .reassurance span:after,
#product-single.is-color-yellow>.header,
#product-single.is-color-yellow>.header .name,
#product-single.is-color-yellow>.header .subtitle,
#product-single.is-color-yellow>.header .title {
    color: #e7b042
}

#product-single.is-color-yellow>.header .title:before {
    border-color: #e7b042
}

#product-single.is-color-yellow .category-header>.wrap {
    background-color: rgba(231, 176, 66, .2)
}

#product-single.is-color-yellow .tabs .tab {
    background-color: rgba(231, 176, 66, .4)
}

.productinfospro {
    position: relative;
    padding: 3rem 0;
    margin: 50px 0
}

.productinfospro::before {
    content: "";
    display: block;
    position: absolute;
    left: -200%;
    right: -200%;
    bottom: 0;
    top: 0;
    background-color: #f1f1f1;
    z-index: 0
}

.productinfospro .row {
    position: relative;
    z-index: 1
}

.productinfospro .row h2 {
    text-transform: uppercase
}

@media (min-width:980px) {
    .productinfospro .row h2 {
        font-size: 1.5rem
    }
}

@media (min-width:980px) {
    .productinfospro .row h3 {
        font-size: 1.21429rem
    }
}

.productinfospro .row .product_delivery_time_limit {
    margin: 20px 0 0 0
}

.productinfospro .row .product_delivery_time_limit .heading {
    color: #52A377;
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 120%
}

.productinfospro .row .product_delivery_time_limit .heading .ico-delay {
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: 0 -80px;
    background-size: 400px auto;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 20px;
    margin-left: -20px
}

.productinfospro .row .product_delivery_time_limit .date {
    margin: 10px 0;
    padding: 15px;
    text-align: center;
    font-size: 1.21429rem;
    background-color: #fff
}

.productinfospro .row .product_delivery_time_limit .link {
    text-align: right
}

.productinfospro .row .product_delivery_time_limit .link a {
    font-size: .92857rem
}

.product-teaser {
    display: block;
    position: relative;
    width: 280px;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.no-touchevents .product-teaser:hover {
    transform: translateY(-10px)
}

.product-teaser:after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 35px;
    color: #fff;
    content: "+";
    font-size: 52px;
    font-weight: 200;
    line-height: 1em;
    letter-spacing: -2px
}

.product-teaser .header {
    position: relative;
    z-index: 1;
    min-height: 290px;
    padding: 23px 23px 0;
    text-align: right
}

.product-teaser .header .overlay {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 265px;
    background-size: cover
}

.product-teaser .header .overlay:after {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(158, 0, 84, .2);
    content: ""
}

.product-teaser .name {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 0 11px 0;
    color: #fff;
    font-size: 1.92857rem;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1em
}

.product-teaser .name:after {
    display: block;
    width: 20px;
    height: 0;
    margin: 11px 0 0 0;
    border-bottom: 3px solid #fff;
    content: ""
}

.product-teaser .title {
    margin: 0 0 30px 0;
    line-height: 1;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.product-teaser .informations {
    display: flex;
    align-items: center;
    padding: 10px 20px 20px 20px
}

.product-teaser .informations>* {
    flex: 1
}

.product-teaser .informations .column {
    padding: 0 15px 0 0
}

.product-teaser .informations .column p {
    margin: 0;
    font-size: .71429rem;
    font-weight: 700;
    line-height: 1em
}

.product-teaser .informations .column p:first-child {
    margin-bottom: 5px;
    font-size: 1.07143rem
}

.product-teaser .informations .reassurance {
    padding: 0 0 0 15px;
    margin: 0
}

.product-teaser .informations .reassurance:before {
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    margin: 0;
    border-left: 1px solid #000
}

.product-teaser .informations .reassurance span {
    margin: 0
}

.product-teaser .informations .reassurance span+span {
    margin-left: 10px
}

.product-teaser .informations .reassurance span:before {
    width: 25px;
    height: 25px;
    font-size: 15px
}

.product-teaser .informations .reassurance span:after {
    font-size: 14px;
    font-weight: 200
}

.is-color-green .product-teaser,
.is-color-green .reassurance span:after {
    color: #a2c25e
}

.is-color-green .reassurance span:before {
    background-color: #a2c25e
}

.is-color-green .header .overlay:after {
    background-color: rgba(162, 194, 94, .5)
}

.is-color-orange .product-teaser,
.is-color-orange .reassurance span:after {
    color: #ca694f
}

.is-color-orange .reassurance span:before {
    background-color: #ca694f
}

.is-color-orange .header .overlay:after {
    background-color: rgba(202, 105, 79, .5)
}

.is-color-purple .product-teaser,
.is-color-purple .reassurance span:after {
    color: #52A377
}

.is-color-purple .reassurance span:before {
    background-color: #52A377
}

.is-color-purple .header .overlay:after {
    background-color: rgba(167, 62, 126, .5)
}

.is-color-mauve .product-teaser,
.is-color-mauve .reassurance span:after {
    color: #684982
}

.is-color-mauve .reassurance span:before {
    background-color: #684982
}

.is-color-mauve .header .overlay:after {
    background-color: rgba(104, 73, 130, .5)
}

.is-color-turquoise .product-teaser,
.is-color-turquoise .reassurance span:after {
    color: #408c96
}

.is-color-turquoise .reassurance span:before {
    background-color: #408c96
}

.is-color-turquoise .header .overlay:after {
    background-color: rgba(64, 140, 150, .5)
}

.is-color-yellow .product-teaser,
.is-color-yellow .reassurance span:after {
    color: #e7b042
}

.is-color-yellow .reassurance span:before {
    background-color: #e7b042
}

.is-color-yellow .header .overlay:after {
    background-color: rgba(231, 176, 66, .5)
}

.product-category-teaser {
    width: 275px
}

.product-category-teaser a {
    text-decoration: none
}

.product-category-teaser img {
    display: block;
    max-width: 100%
}

.product-category-teaser .header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    height: 50px;
    background-color: #52A377;
    text-align: center
}

.product-category-teaser .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    background-color: #52A377;
    border-radius: 40px
}

.product-category-teaser .title {
    margin: 10px 0 0 0;
    color: #fff;
    font-size: .78571rem;
    text-transform: uppercase
}

.product-category-teaser.is-color-green .header,
.product-category-teaser.is-color-green .icon {
    background-color: #a2c25e
}

.product-category-teaser.is-color-orange .header,
.product-category-teaser.is-color-orange .icon {
    background-color: #ca694f
}

.product-category-teaser.is-color-purple .header,
.product-category-teaser.is-color-purple .icon {
    background-color: #52A377
}

.product-category-teaser.is-color-mauve .header,
.product-category-teaser.is-color-mauve .icon {
    background-color: #684982
}

.product-category-teaser.is-color-turquoise .header,
.product-category-teaser.is-color-turquoise .icon {
    background-color: #408c96
}

.product-category-teaser.is-color-yellow .header,
.product-category-teaser.is-color-yellow .icon {
    background-color: #e7b042
}

.post-type-archive-testimonials .headerpageText {
    align-items: center;
    margin-bottom: 50px
}

.post-type-archive-testimonials .headerpageText .icon_proadvice {
    display: flex;
    justify-content: center;
    align-items: center
}

.testimonial-teaser {
    margin-bottom: 30px
}

.testimonial-teaser .tease-content {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    padding: 20px
}

.testimonial-teaser .tease-content .header {
    display: flex;
    align-items: center
}

.testimonial-teaser .tease-content .header .name {
    margin-bottom: 10px
}

.testimonial-teaser .tease-content .header .name .title {
    font-weight: 400;
    color: #183d58;
    margin: 0;
    font-size: 1.35714rem
}

.testimonial-teaser .tease-content .header .proadvice {
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    flex: 1 0 60px;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -80px 0;
    background-size: 400px auto;
    transform: rotate(30deg);
    margin: -50px -10px 0 0
}

.testimonial-teaser .tease-content .description {
    color: #183d58;
    font-size: .78571rem;
    line-height: 130%;
    margin: 10px 0;
    position: relative
}

.testimonial-teaser .tease-content .description .description-content {
    margin-bottom: 20px
}

.testimonial-teaser .tease-content .description::after,
.testimonial-teaser .tease-content .description::before {
    width: 40px;
    height: 40px;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-size: 400px auto;
    background-position: -40px -20px;
    position: absolute;
    content: "";
    display: block
}

.testimonial-teaser .tease-content .description::before {
    top: -40px;
    left: 0
}

.testimonial-teaser .tease-content .description::after {
    bottom: -40px;
    right: 0;
    transform: rotate(180deg)
}

.testimonial-teaser .tease-content .date {
    color: #52A377
}

.testimonial-teaser .tease-content .picture img {
    max-width: 100%
}

.testimonial-teaser .tease-content .note {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 0
}

.testimonial-teaser .tease-content .note li {
    padding: 0;
    display: block;
    text-indent: 5000px;
    overflow: hidden;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 2px;
    list-style: none;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -40px 0;
    background-size: 400px auto
}

.testimonial-teaser .tease-content .note-one li:nth-child(-n+1) {
    background-position: -60px 0
}

.testimonial-teaser .tease-content .note-two li:nth-child(-n+2) {
    background-position: -60px 0
}

.testimonial-teaser .tease-content .note-three li:nth-child(-n+3) {
    background-position: -60px 0
}

.testimonial-teaser .tease-content .note-four li:nth-child(-n+4) {
    background-position: -60px 0
}

.testimonial-teaser .tease-content .note-five li {
    background-position: -60px 0
}

#advices-archive,
#template-projet {
    margin-bottom: 50px
}

#advices-archive>.wrap,
#template-projet>.wrap {
    display: flex;
    margin-top: 40px
}

@media (max-width:979px) {

    #advices-archive>.wrap,
    #template-projet>.wrap {
        display: block
    }
}

#advices-archive>.wrap aside,
#template-projet>.wrap aside {
    flex-basis: 285px;
    flex-shrink: 0
}

@media (max-width:979px) {

    #advices-archive>.wrap aside,
    #template-projet>.wrap aside {
        margin-bottom: 30px
    }
}

#advices-archive>.wrap aside .aside-nav,
#template-projet>.wrap aside .aside-nav {
    background-color: #f1f1f1;
    border-radius: 15px 0 15px 0
}

#advices-archive>.wrap aside .aside-nav ul,
#template-projet>.wrap aside .aside-nav ul {
    margin: 0;
    padding: 0
}

#advices-archive>.wrap aside .aside-nav ul li,
#template-projet>.wrap aside .aside-nav ul li {
    list-style: none;
    padding: 0 15px
}

#advices-archive>.wrap aside .aside-nav ul li a,
#template-projet>.wrap aside .aside-nav ul li a {
    text-decoration: none
}

#advices-archive>.wrap aside .aside-nav ul li:not(.item-heading) a,
#template-projet>.wrap aside .aside-nav ul li:not(.item-heading) a {
    display: block;
    font-weight: 700;
    padding: 10px 0;
    border-bottom: 3px dotted #353535;
    text-transform: uppercase;
    display: flex;
    align-items: center
}

#advices-archive>.wrap aside .aside-nav ul li:not(.item-heading) a::before,
#template-projet>.wrap aside .aside-nav ul li:not(.item-heading) a::before {
    content: "";
    font-family: iconsfont;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #fff;
    background-color: #52A377;
    width: 22px;
    min-width: 22px;
    height: 22px;
    border-radius: 50%
}

#advices-archive>.wrap aside .aside-nav ul .item-realisations,
#template-projet>.wrap aside .aside-nav ul .item-realisations {
    padding: 10px 30px
}

#advices-archive>.wrap aside .aside-nav ul .item-realisations a,
#template-projet>.wrap aside .aside-nav ul .item-realisations a {
    font-weight: 200;
    color: #fff;
    background-color: #52A377;
    border-bottom: none;
    padding: 10px 15px;
    transition: background .2s ease-in-out
}

#advices-archive>.wrap aside .aside-nav ul .item-realisations a:hover,
#template-projet>.wrap aside .aside-nav ul .item-realisations a:hover {
    background-color: #52A377
}

#advices-archive>.wrap aside .aside-nav ul .item-realisations a::after,
#template-projet>.wrap aside .aside-nav ul .item-realisations a::after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    content: "";
    font-family: iconsfont;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    margin-left: auto
}

#advices-archive>.wrap aside .aside-nav ul .item-realisations a::before,
#template-projet>.wrap aside .aside-nav ul .item-realisations a::before {
    display: none
}

#advices-archive>.wrap>.content,
#template-projet>.wrap>.content {
    padding-left: 40px;
    flex: 1 1 auto
}

@media (max-width:979px) {

    #advices-archive>.wrap>.content,
    #template-projet>.wrap>.content {
        padding: 0
    }
}

#advices-archive>.wrap>.content>.description,
#template-projet>.wrap>.content>.description {
    margin-bottom: 40px;
    text-align: center
}

.aside-nav-heading {
    background-color: #52A377;
    border-radius: 15px 0 0 0;
    padding: 0
}

.aside-nav-heading .aside-nav-heading-content {
    color: #fff;
    font-weight: 700;
    padding: 0 10px;
    align-items: center;
    text-align: right;
    display: flex;
    text-transform: uppercase
}

.aside-nav-heading .aside-nav-heading-content::before {
    content: "";
    display: block;
    background-image: url(../icons/img/sprites.png);
    background-position: -10px -30px;
    width: 80px;
    min-width: 80px;
    background-size: 170px auto;
    height: 96px;
    margin-top: -20px
}

.aside-nav-heading .aside-nav-heading-content span {
    padding: 5px;
    margin-left: auto
}

.aside-nav-heading .aside-nav-heading-content span strong {
    color: #fff;
    font-size: 1.71429rem
}

#advices-archive .posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#advices-archive .posts:after {
    display: block;
    width: 280px;
    content: ""
}

#advices-archive .posts>* {
    margin-bottom: 30px
}

.post-teaser {
    display: block;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:979px) {
    .post-teaser {
        max-width: 300px;
        margin: 0 auto 30px
    }
}

.post-teaser .tease-content {
    height: 100%;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.no-touchevents .post-teaser .tease-content:hover {
    transform: translateY(-10px)
}

.post-teaser .picture {
    position: relative
}

.post-teaser .picture::before {
    display: block;
    width: 100%;
    padding-top: 80%;
    content: ""
}

.post-teaser .informations {
    padding: 10px 20px 20px 20px
}

.post-teaser .informations .title {
    margin: 0 0 10px 0;
    font-size: 1.21429rem
}

.post-teaser .informations .title a {
    text-decoration: none
}

.post-teaser .informations .description {
    line-height: 120%
}

.tease-content picture {
    position: relative
}

.advice-teaser {
    display: block;
    position: relative;
    height: 100%;
    max-width: 280px;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.no-touchevents .advice-teaser:hover {
    transform: translateY(-10px)
}

.advice-teaser .picture {
    position: relative
}

.advice-teaser .picture::before {
    display: block;
    width: 100%;
    padding-top: 80%;
    content: ""
}

.advice-teaser .informations {
    padding: 10px 20px 20px 20px
}

.advice-teaser .informations .title {
    margin: 0 0 10px 0;
    font-size: 1.07143rem
}

.advice-teaser .informations .title a {
    text-decoration: none
}

.advice-teaser .informations .description {
    line-height: 120%
}

.cover-imagefull {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.link-article {
    font-weight: 700;
    margin-top: 16px;
    display: inline-block;
}

.text-right {
    text-align: right
}

body.logged-in #realisations-archive {
    position: relative;
    padding: 0 0 30px;
}

/* body.logged-in #realisations-archive::before {
    display: block;
    left: -200%;
    right: -200%;
    top: 0;
    bottom: -60px;
    position: absolute;
    content: "";
    background-color: #eaeaea;
    z-index: 0
} */

body.logged-in #realisations-archive .wrap {
    position: relative;
    z-index: 10
}

#realisations-archive {
    margin-bottom: 50px
}

#realisations-archive>.wrap {
    display: flex;
    margin-top: 40px
}

#realisations-archive>.wrap aside {
    flex-basis: 285px;
    flex-shrink: 0;
    order: 1
}

#realisations-archive>.wrap>.content {
    padding-left: 0;
    order: 2;
    max-width: 100%;
    width: 100%;
}

#realisations-archive>.wrap>.content>.description {
    margin-bottom: 40px;
    text-align: center
}

#realisations-archive a.back-pro {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.07143rem;
    margin-bottom: 30px;
    text-decoration: none;
    line-height: 1.1em
}

#realisations-archive a.back-pro.is-pro:before {
    margin-right: 10px;
    content: "";
    font-family: iconsfont;
    font-size: 33px
}

#realisations-archive a.back-pro.is-pro:after {
    margin-left: 10px;
    content: "";
    font-family: iconsfont;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #52A377;
    color: #fff;
    display: flex;
    justify-items: center;
    align-items: center
}

#realisations-archive .filter {
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 15px 0 15px 0
}

@media (max-width:979px) {
    #realisations-archive .filter {
        padding: 10px
    }
}

#realisations-archive .filter .filter-category {
    border-top: 3px dotted #353535;
    padding: 10px 0
}

#realisations-archive .filter .filter-category .item-title {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1.07143rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

#realisations-archive .filter .filter-category .item-title::after {
    margin-left: auto;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #353535;
    transition: transform .2s ease-in-out
}

#realisations-archive .filter .filter-category.active .item-title::after {
    transform: rotate(90deg)
}

#realisations-archive .filter .sf-input-checkbox {
    display: none
}

#realisations-archive .filter .button {
    display: none;
    padding: 10px 15px;
    background-color: #d8d8d8;
    border-radius: 3px;
    color: #575757;
    font-weight: 200;
    line-height: 1em;
    text-transform: uppercase
}

@media (max-width:979px) {
    #realisations-archive .filter .button {
        display: inline-block
    }
}

@media (max-width:979px) {
    #realisations-archive .filter>.wrap {
        display: none;
        margin-top: 20px
    }

    #realisations-archive .filter>.wrap.is-opened {
        display: block
    }
}

#realisations-archive .filter .title {
    margin: 0 0 20px 0;
    color: #52A377;
    font-size: .92857rem;
    text-transform: uppercase;
    font-weight: 700
}

#realisations-archive .filter ul {
    margin: 0;
    padding: 0
}

#realisations-archive .filter ul ul li {
    display: flex
}

#realisations-archive .filter ul input[type=radio] {
    display: none
}

#realisations-archive .filter h4 {
    font-size: 14px;
    font-weight: 700
}

#realisations-archive .filter label {
    padding: 0;
    margin: 0;
    color: #575757;
    font-weight: 400
}

#realisations-archive .filter label.sf-label-checkbox {
    display: flex;
    align-items: center;
    position: relative
}

#realisations-archive .filter label.sf-label-checkbox:before {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    background-color: #d5d5d6;
    border: 1px solid #bababb;
    content: ""
}

#realisations-archive .filter li.sf-option-active .sf-label-checkbox::before {
    background-color: #52A377
}

.is-color-green .item-title,
.is-color-green .searchandfilter h4 {
    color: #a2c25e
}

.is-color-orange .item-title,
.is-color-orange .searchandfilter h4 {
    color: #ca694f
}

.is-color-purple .item-title,
.is-color-purple .searchandfilter h4 {
    color: #52A377
}

.is-color-mauve .item-title,
.is-color-mauve .searchandfilter h4 {
    color: #684982
}

.is-color-turquoise .item-title,
.is-color-turquoise .searchandfilter h4 {
    color: #408c96
}

.is-color-yellow .item-title,
.is-color-yellow .searchandfilter h4 {
    color: #e7b042
}

.post-type-archive-realisations .modaal-container {
    max-width: 1240px;
    width: 96%
}

.resum-navigation {
    top: 50%;
    height: 30px;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0
}

.resum-navigation .nav-btn {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute
}

.resum-navigation .nav-btn::before {
    margin-left: 10px;
    content: "";
    font-family: iconsfont;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #52A377;
    color: #fff;
    display: flex;
    justify-items: center;
    align-items: center
}

.resum-navigation .nav-btn span {
    display: none
}

.resum-navigation .nav-btn.prev {
    transform: rotate(180deg);
    left: 20px
}

.resum-navigation .nav-btn.next {
    right: 20px
}

.realisation-single .reassurance {
    padding: 0
}

.realisation-single .reassurance::before {
    display: none
}

.realisation-single .reassurance span {
    font-weight: 400
}

.realisation-single .header .title {
    text-align: center
}

.realisation-single .header .title h2 {
    text-transform: uppercase;
    font-size: 3.35714rem;
    font-weight: 200;
    line-height: 100%;
    margin: 20px 0;
}

.realisation-single .header .title .subtitle {
    font-size: 1.21429rem;
    font-weight: 700;
    color: #353535
}

.realisation-single .header .category-product {
    display: flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    font-weight: 1.07143rem
}

.realisation-single .header .category-product .category-icon {
    display: flex;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    align-items: center;
    justify-content: center
}

.realisation-single .header .category-product .category-icon img {
    max-height: 30px;
    max-width: 30px
}

.realisation-single .content {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 60vh;
    overflow: hidden
}

.realisation-single .content img {
    max-height: 60vh
}

.realisation-single .footer,
.realisation-single .header {
    max-width: 1000px;
    margin: 0 auto
}

.realisation-single .footer {
    align-items: center;
    padding: 30px 0
}

.realisation-single .footer .footerleft {
    padding: 0
}

.realisation-single .footer .btn {
    margin-left: auto
}

.realisation-single .footer .title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.64286rem
}

.realisation-single.is-color-green .footerleft .title,
.realisation-single.is-color-green .productCategory-name,
.realisation-single.is-color-green h2 {
    color: #a2c25e
}

.realisation-single.is-color-green .category-icon {
    background-color: #a2c25e
}

.realisation-single.is-color-orange .footerleft .title,
.realisation-single.is-color-orange .productCategory-name,
.realisation-single.is-color-orange h2 {
    color: #ca694f
}

.realisation-single.is-color-orange .category-icon {
    background-color: #ca694f
}

.realisation-single.is-color-purple .footerleft .title,
.realisation-single.is-color-purple .productCategory-name,
.realisation-single.is-color-purple h2 {
    color: #52A377
}

.realisation-single.is-color-purple .category-icon {
    background-color: #52A377
}

.realisation-single.is-color-mauve .footerleft .title,
.realisation-single.is-color-mauve .productCategory-name,
.realisation-single.is-color-mauve h2 {
    color: #684982
}

.realisation-single.is-color-mauve .category-icon {
    background-color: #684982
}

.realisation-single.is-color-turquoise .footerleft .title,
.realisation-single.is-color-turquoise .productCategory-name,
.realisation-single.is-color-turquoise h2 {
    color: #408c96
}

.realisation-single.is-color-turquoise .category-icon {
    background-color: #408c96
}

.realisation-single.is-color-yellow .footerleft .title,
.realisation-single.is-color-yellow .productCategory-name,
.realisation-single.is-color-yellow h2 {
    color: #e7b042
}

.realisation-single.is-color-yellow .category-icon {
    background-color: #e7b042
}

.realisation-teaser {
    margin-bottom: 30px
}

.realisation-teaser .tease-content {
    max-width: 300px;
    margin: 0 auto;
    display: block;
    position: relative;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.no-touchevents .realisation-teaser .tease-content:hover {
    transform: translateY(-10px)
}

.realisation-teaser .tease-content .img {
    position: relative
}

.realisation-teaser .tease-content .img:before {
    display: block;
    width: 100%;
    padding-top: 70%;
    content: ""
}

.realisation-teaser .tease-content .img:after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 35px;
    color: #fff;
    content: "+";
    font-size: 52px;
    font-weight: 200;
    line-height: 1em;
    letter-spacing: -2px
}

.realisation-teaser .tease-content .img a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.realisation-teaser .tease-content .img a img {
    max-height: 100%;
    min-height: 100%;
}

.realisation-teaser .tease-content .img a img.pro_picture {
    max-height: 90%;
    max-width: 90%;
    margin: 0 auto
}

.realisation-teaser .header {
    position: relative;
    z-index: 1;
    min-height: 290px;
    padding: 23px 23px 0;
    text-align: right
}

.realisation-teaser .header .overlay {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 265px;
    background-size: cover
}

.realisation-teaser .header .overlay:after {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(158, 0, 84, .2);
    content: ""
}

.realisation-teaser .name {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 0 11px 0;
    color: #fff;
    font-size: 1.92857rem;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1em
}

.realisation-teaser .name:after {
    display: block;
    width: 20px;
    height: 0;
    margin: 11px 0 0 0;
    border-bottom: 3px solid #fff;
    content: ""
}

.realisation-teaser .title {
    margin: 0;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.realisation-teaser .title a {
    display: flex;
    align-items: center;
    text-decoration: none
}

.realisation-teaser .title a .category-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.realisation-teaser .title a .category-icon img {
    max-width: 30px;
    height: auto
}

@media (max-width: 1024px) {
    /* Photothèque */
    #filter-posts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin: 0;
    }
    #filter-posts .realisation-teaser {
        margin: 0;
        max-width: 100%;
        padding: 0
    }
    #filter-posts .realisation-teaser .tease-content {
        max-width: 100%;
    }
}

@media (max-width:979px) {
    /* Réalisations */
    body.logged-in #realisations-archive {
        padding-top: 0;
    }

    #realisations-archive>.wrap {
        margin-top: 0;
    }
    #realisations-archive>.wrap {
        flex-direction: column
    }
    #realisations-archive>.wrap aside {
        flex-basis: 0;
        margin-bottom: 30px
    }
    .realisation-single .header .title h2 {
        font-size: 1.5rem;
    }

    .realisation-single .footer > div {
        flex: 1 1 100%;
        justify-self: center;
        text-align: center;
    }
    
    #realisations-archive>.wrap>.content {
        padding: 0
    }
}

@media (max-width: 520px) {
    /* Photothèque */
    #filter-posts {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 0;
    }
}

.is-color-green .category-icon {
    background-color: #a2c25e
}

.is-color-orange .category-icon {
    background-color: #ca694f
}

.is-color-purple .category-icon {
    background-color: #684982
}

.is-color-mauve .category-icon {
    background-color: #a73e7e
}

.is-color-turquoise .category-icon {
    background-color: #408c96
}

.is-color-yellow .category-icon {
    background-color: #e7b042
}

.post-teaser .picture {
    position: relative
}

#block-resellers .header {
    text-align: center;
    margin-bottom: 50px
}

#block-resellers .header .searchform {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border: 1px solid #52A377;
    border-radius: 3px;
    width: 96%;
    max-width: 560px;
    margin: 0 auto
}

#block-resellers .header .searchform input#map-search {
    background-color: transparent;
    color: #52A377;
    flex: 1 0 calc(100% - 40px);
    max-width: none
}

#block-resellers .header .searchform input#map-search::-moz-placeholder {
    color: #52A377
}

#block-resellers .header .searchform input#map-search:-ms-input-placeholder {
    color: #52A377
}

#block-resellers .header .searchform input#map-search::placeholder {
    color: #52A377
}

#block-resellers .header .searchform button#btn-search-map {
    width: 40px;
    height: 40px;
    padding: 0;
    margin-left: auto;
    border: none;
    border-radius: 0
}

#block-resellers .header .searchform button#btn-search-map::after {
    display: none
}

#block-resellers .gm-style .gm-style-iw-c {
    border-radius: 20px 0 20px 0
}

#block-resellers img {
    max-width: inherit
}

.reseller-teaser {
    text-align: center
}

.reseller-teaser h2 {
    color: #353535
}

#block-resellers-map {
    margin-bottom: 30px
}

#gform_wrapper_2 h2 {
    text-align: center
}

#gform_wrapper_2 #gform_fields_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:980px) {
    #gform_wrapper_2 li {
        max-width: 48%;
        flex: 1 0 48%
    }

    #gform_wrapper_2 #field_2_13,
    #gform_wrapper_2 #field_2_14 {
        max-width: 100%;
        flex: 1 0 100%
    }

    #gform_wrapper_2 #field_2_11 {
        display: flex;
        align-items: center;
        line-height: 1;
        color: #353535
    }
}

/* #gform_wrapper_2 #field_2_15:before {
    display: block;
    content: "";
    width: 60px;
    height: 80px;
    margin: 0 auto;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -40px -80px;
    background-size: 400px auto
} */

/* @media (min-width:980px) {
    #gform_wrapper_2 #field_2_15 {
        max-width: 30%;
        flex: 1 0 30%;
        margin-left: 20% 
    }
} */

#gform_wrapper_2 #field_2_15 input {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem
}

/* #gform_wrapper_2 #field_2_15 label {
    display: none
} */

#gform_wrapper_2 #field_2_16 {
    padding-top: 100px
}

#gform_wrapper_2 #field_2_16 a {
    font-weight: 700;
    font-size: 1.21429rem;
    text-decoration: none
}

#gform_wrapper_2 #field_2_13 label {
    font-weight: 400;
    font-size: 1.64286rem;
    color: #52A377;
    text-align: center
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li {
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3);
    justify-content: center;
    text-align: center
}

@media (min-width:980px) {
    #gform_wrapper_2 #field_2_13 .gfield_checkbox li {
        flex: 1 0 calc(100% / 6);
        max-width: calc(100% / 6)
    }
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input {
    display: none
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li label {
    font-size: .92857rem;
    text-transform: uppercase
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li label::before {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    content: ""
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li label::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% auto
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li label::after {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #d5d5d6;
    border: 2px solid #d5d5d6;
    content: "";
    margin: 20px auto 0
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input:checked+label::after {
    background-color: #52A377
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input[value=Persiennes]+label::before {
    background-color: #684982;
    background-image: url(/wp-content/uploads/2020/11/icon-persiennes.png)
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input[value=Volets]+label::before {
    background-color: #52A377;
    background-image: url(/wp-content/uploads/2020/11/icon-volets.png)
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input[value="Clôtures"]+label::before {
    background-color: #e7b042;
    background-image: url(/wp-content/uploads/2020/11/icon-clotures.png)
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input[value="Portes de garage"]+label::before {
    background-color: #ca694f;
    background-image: url(/wp-content/uploads/2020/11/icon-portes-garage.png)
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input[value=Portails]+label::before {
    background-color: #408c96;
    background-image: url(/wp-content/uploads/2020/11/icon-portails.png)
}

#gform_wrapper_2 #field_2_13 .gfield_checkbox li input[value=Brise-soleil]+label::before {
    background-color: #a2c25e;
    background-image: url(/wp-content/uploads/2021/03/logo-brise-soleil.png)
}

.page-id-3540 .acf-form {
    padding: 30px;
    background-color: #e8e8e8
}

.page-id-3540 .acf-form .acf-form-submit {
    display: none
}

.page-id-3540 .acf-form .acf-field-6098c44e56523 {
    display: none
}

.page-id-3540 .acf-form .acf-field-60d2d3351402b {
    float: none;
    margin: 0 auto
}

.page-id-3540 .acf-form .acf-field-60d2d3351402b .acf-field {
    flex: 1 0 50%;
    max-width: 50%
}

.page-id-3540 .acf-form .acf-field-60d2d3351402b .acf-field-60d2d2a37de46 p {
    margin: 0;
    text-align: center
}

.page-id-3540 .acf-form .acf-field-60d2d3351402b .acf-field-60d2d2a37de46 .acf-input {
    align-items: flex-end
}

.page-id-3540 .acf-form .acf-field-60d2d3351402b .acf-field-60d2d2a37de46 .acf-label {
    display: none
}

.page-id-3540 .acf-form .acf-field-60d2d3351402b .acf-field-60d2d2a37de46 .zone_change {
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5rem
}

.page-id-3540 .acf-form .acf-field-6098c45b56524::before {
    display: block;
    content: "";
    width: 60px;
    height: 80px;
    margin: 0 auto;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -40px -80px;
    background-size: 400px auto
}

.page-id-3540 .acf-form .acf-field-6098c45b56524 input {
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding: 5px;
    border: 1px solid #52A377;
    background-color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    cursor: help
}

.page-id-3540 .acf-form .acf-tab-wrap {
    background-color: transparent;
    width: 100%;
    flex: 1 0 100%
}

.page-id-3540 .acf-form .acf-tab-wrap .acf-hl {
    border-top: none;
    border-bottom: none;
    background-color: transparent;
    margin: 0
}

.page-id-3540 .acf-form .acf-tab-wrap .acf-hl li {
    float: none;
    width: 100%
}

.page-id-3540 .acf-form .acf-tab-wrap .acf-hl li a {
    border: 0;
    text-align: center;
    font-size: 1.5rem;
    color: #52A377;
    background-color: transparent
}

.page-id-3540 .acf-form .acf-fields {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.page-id-3540 .acf-form .acf-fields .acf-field {
    border: none;
    margin-bottom: 10px;
    padding: 0 15px
}

@media (min-width:980px) {

    .page-id-3540 .acf-form .acf-fields .acf-field-email,
    .page-id-3540 .acf-form .acf-fields .acf-field-text {
        flex: 1 0 50%
    }
}

.page-id-3540 .acf-form .acf-fields .acf-field-email label,
.page-id-3540 .acf-form .acf-fields .acf-field-text label {
    display: none
}

.page-id-3540 .acf-form .acf-fields .acf-field-email input,
.page-id-3540 .acf-form .acf-fields .acf-field-text input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #52A377;
    background-color: #fff
}

.page-id-3540 .acf-form .acf-fields .acf-taxonomy-field .categorychecklist-holder {
    max-height: auto;
    border: none
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy {
    padding: 3rem 15px;
    flex: 1 0 100%
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy label {
    text-align: center;
    font-size: 1.5rem;
    color: #52A377
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li {
    display: flex;
    flex-direction: column;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2)
}

@media (min-width:980px) {
    .page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li {
        flex: 1 0 calc(100% / 6);
        max-width: calc(100% / 6)
    }
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li label {
    font-size: .92857rem;
    font-weight: 400
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li label input {
    display: none
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li label span {
    display: block
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li label span::after {
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #d5d5d6;
    border: 3px solid #d5d5d6;
    margin: 0 auto
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li label input:checked+span::after {
    background-color: #52A377
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li .category-picto {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list li .category-picto img {
    max-width: 40px
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list .color-mauve .category-picto {
    background-color: #52A377
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list .color-green .category-picto {
    background-color: #a2c25e
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list .color-purple .category-picto {
    background-color: #52A377
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list .color-orange .category-picto {
    background-color: #ca694f
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list .color-turquoise .category-picto {
    background-color: #408c96
}

.page-id-3540 .acf-form .acf-fields .acf-field-taxonomy .acf-checkbox-list .color-yellow .category-picto {
    background-color: #e7b042
}

.page-id-3540 .acf-form .acf-fields .acf-field-checkbox {
    flex: 1 0 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column
}

.page-id-3540 .acf-form .acf-fields .acf-field-checkbox .acf-label {
    order: 2
}

.page-id-3540 .acf-form .acf-fields .acf-field-checkbox .acf-label label {
    display: none
}

.page-id-3540 .acf-form .acf-fields .acf-field-checkbox .acf-label .description {
    font-size: .78571rem
}

.page-id-3540 .acf-form .acf-fields .acf-field-checkbox .acf-input {
    order: 1
}

.page-id-3540 .acf-form .acf-fields .acf-field-acfe-recaptcha label {
    display: none
}

#press_articles {
    padding: 3rem 0;
    position: relative
}

#press_articles h2 {
    text-transform: uppercase;
    margin-bottom: 30px
}

#press_articles .content {
    position: relative;
    z-index: 10
}

#press_articles::after {
    position: absolute;
    left: -200%;
    right: -200%;
    top: 0;
    bottom: 0;
    content: "";
    background-color: #f1f1f1;
    z-index: 0
}

#press_articles .tease-pressarticle {
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    height: 100%
}

#press_articles .tease-pressarticle .text {
    padding: 20px 40px
}

#press_articles .tease-pressarticle .text .title {
    margin-bottom: 10px
}

@media (max-width:979px) {
    #press_articles .tease-pressarticle .text .title {
        flex-wrap: wrap
    }
}

#press_articles .tease-pressarticle .text .title h2 {
    font-size: 1.35714rem;
    margin-bottom: 0
}

@media (max-width:979px) {
    #press_articles .tease-pressarticle .text .title h2 {
        font-size: .92857rem;
        margin-bottom: 10px
    }
}

#press_articles .tease-pressarticle .text .title .smallinfos {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: .71429rem
}

@media (max-width:979px) {
    #press_articles .tease-pressarticle .text .title .smallinfos {
        flex-wrap: wrap
    }
}

#press_articles .tease-pressarticle .text .title .smallinfos .item {
    line-height: 1
}

@media (min-width:980px) {
    #press_articles .tease-pressarticle .text .title .smallinfos .item {
        padding-left: 5px;
        margin-left: 5px
    }

    #press_articles .tease-pressarticle .text .title .smallinfos .item:last-child {
        border-left: 1px solid #353535
    }
}

#press_articles .tease-pressarticle .text .postcontent {
    color: #353535;
    text-align: left;
    font-size: .78571rem;
    margin-bottom: 10px;
    line-height: 120%
}

#press_articles .tease-pressarticle .text .link {
    text-align: right;
    font-weight: 700
}

.press_communicate h2 {
    text-align: center
}

@media (max-width:979px) {
    .press_communicate .slick-prev {
        left: -20px
    }

    .press_communicate .slick-next {
        right: -20px
    }
}

.press_folder {
    padding: 3rem 0
}

.press_folder h2 {
    text-transform: uppercase
}

@media (max-width:979px) {
    .press_folder h2 {
        font-size: 1.07143rem
    }
}

.press_folder h3 {
    text-transform: uppercase;
    color: #353535
}

@media (max-width:979px) {
    .press_folder h3 {
        font-size: .92857rem
    }
}

.press_folder .intro {
    margin-bottom: 30px
}

@media (max-width:979px) {
    .press_folder .intro {
        margin-top: 20px
    }
}

.press_folder .card {
    display: block;
    position: relative;
    height: 100%;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.press_folder .card .card-picture {
    position: relative;
    overflow: hidden
}

.press_folder .card .card-picture::before {
    display: block;
    width: 100%;
    padding-top: 50%;
    content: ""
}

.press_folder .card .card-content {
    padding: 15px
}

.press_folder .card .card-content h3 a {
    color: #353535;
    text-decoration: none
}

.press_communicate {
    padding: 3rem 0
}

.press_communicate h2 {
    text-transform: uppercase
}

.press_communicate .tease-press_communicate {
    margin: 15px
}

.press_communicate .tease-press_communicate .tease-content {
    min-height: 280px;
    display: block;
    margin: 0 auto;
    position: relative;
    max-width: 280px;
    height: 100%;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.press_communicate .tease-press_communicate .tease-content .picture {
    position: relative
}

.press_communicate .tease-press_communicate .tease-content .picture::before {
    display: block;
    width: 100%;
    content: "";
    padding-top: 60%
}

.press_communicate .tease-press_communicate .tease-content .container {
    padding: 15px
}

.press_communicate .tease-press_communicate .tease-content .container h2 {
    text-align: left;
    line-height: 1;
    margin-bottom: 0;
    display: inline-block
}

.press_communicate .tease-press_communicate .tease-content .container h2 a {
    color: #353535;
    text-decoration: none;
    font-size: 1.07143rem;
    text-transform: uppercase
}

.press_contact {
    padding: 3rem 0
}

.press_contact h2 {
    text-transform: uppercase
}

.press_contact .row {
    align-items: center
}

.press_contact .header {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.press_contact .header .contact_picture {
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #52A377;
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin-right: 30px
}

@media (min-width:980px) {
    .press_contact .header .contact_picture {
        width: 140px;
        height: 140px;
        min-width: 140px
    }
}

.press_contact .header .is-h2 {
    margin: 0
}

.press_contact .header .is-h2 .name {
    text-transform: uppercase
}

.press_contact .header .contact_desc {
    padding-top: 30px;
    position: relative;
    text-indent: 20px
}

.press_contact .header .contact_desc::before {
    display: block;
    content: "\00201C";
    position: absolute;
    top: 20px;
    font-size: 2.07143rem;
    left: -20px
}

.press_contact .header .contact_desc::after {
    display: inline-block;
    content: "\00201C";
    font-size: 2.07143rem;
    position: absolute;
    bottom: 20px;
    right: 0
}

@media (min-width:980px) {
    .press_contact .header .form .gform_fields {
        display: flex;
        flex-wrap: wrap
    }

    .press_contact .header .form .gform_fields li {
        max-width: 48%;
        flex: 1 0 48%;
        margin: 0 0 20px 0;
        padding: 0
    }

    .press_contact .header .form .gform_fields li#field_4_8,
    .press_contact .header .form .gform_fields li:nth-child(odd) {
        margin-right: 4%
    }

    .press_contact .header .form .gform_fields li#field_4_9 {
        margin-right: 0
    }

    .press_contact .header .form .gform_fields li .ginput_container {
        margin: 0
    }

    .press_contact .header .form .gform_fields #field_4_7 {
        max-width: 100%;
        flex: 1 0 100%;
        margin: 0 0 20px 0
    }

    .press_contact .header .form .gform_fields #field_4_8 {
        line-height: 1
    }
}

.wp-share-button {
    margin: 0;
    text-align: right
}

.wp-share-button a.share-button {
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 2px
}

.photolibrary-teaser {
    display: block;
    position: relative;
    height: 100%;
    max-width: 460px;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.no-touchevents .photolibrary-teaser:hover {
    transform: translateY(-10px)
}

.photolibrary-teaser .picture {
    position: relative
}

.photolibrary-teaser .picture::before {
    display: block;
    width: 100%;
    padding-top: 50%;
    content: ""
}

.photolibrary-teaser .title {
    padding: 20px
}

.photolibrary-teaser .title h2 {
    margin: 0
}

.photolibrary-teaser .title h2 a {
    font-size: .92857rem;
    text-decoration: none
}

.photolibrary-filter {
    background-color: #f1f1f1;
    padding: 30px;
    border-radius: 20px 0 20px 0;
    overflow: hidden
}

.photolibrary-filter ul {
    margin: 0;
    padding: 0
}

.photolibrary-filter ul li {
    padding: 0
}

.photolibrary-filter .sf-field-post-meta-filter h4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #52A377;
    margin-bottom: 20px
}

.photolibrary-filter .sf-field-post-meta-filter input {
    display: none
}

.photolibrary-filter .sf-field-post-meta-filter label {
    display: flex;
    align-items: flex-start;
    font-weight: 400;
    color: #52A377;
    padding: 0
}

.photolibrary-filter .sf-field-post-meta-filter label::before {
    display: block;
    width: 14px;
    content: "";
    height: 14px;
    border-radius: 50%;
    border: 3px solid #d5d5d6;
    background-color: #d5d5d6;
    margin-top: -2px;
    box-shadow: 0 0 2px 0 #ccc;
    margin-right: 10px
}

.photolibrary-filter .sf-field-post-meta-filter input:checked+label::before {
    background-color: #52A377
}

.page-template-page-acces main {
    background-color: #e8e8e8
}

.page-template-page-acces h1 {
    text-align: left
}

.page-template-page-acces h1::after {
    margin-left: 0
}

.page-template-page-acces .content-login {
    background-color: #f6f6f6;
    padding: 30px;
    margin-bottom: 30px
}

.page-template-page-acces-espace-pro .content-login .um-field-area input.um-form-field {
    max-width: 100%;
}

.page-template-page-acces-espace-pro .content-login #group-logo {
    max-width: 540px;
    margin-inline: auto;
    margin-top: 100px;
}

.page-template-page-acces-espace-pro .content-login #group-logo .group-logo-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    justify-items: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#group-logo .group-logo-list li {
    list-style: none;
}

@media (max-width: 575px) {
    .page-template-page-acces-espace-pro .content-login #group-logo .group-logo-list {
        grid-template-columns: repeat(2, 1fr);
        padding-inline: 65px;
    }

    .page-template-page-acces-espace-pro .content-login .um-half {
        float: none;
        width: 100%;
    }

    .page-template-page-acces-espace-pro .content-login #group-logo {
        margin-bottom: 30px;
    }
}

.page-template-page-acces-espace-pro .content-login .um-field-c {
    margin-bottom: 32px;
}

.page-template-page-acces a.um-button {
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0
}

.page-template-page-acces .login_press_description ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.page-template-page-acces .login_press_description ul li {
    flex: 1 0 50%;
    list-style: none;
    position: relative;
    padding-left: 60px;
    padding-right: 20px;
    min-height: 50px;
    margin-bottom: 20px
}

.page-template-page-acces .login_press_description ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 48px;
    border-radius: 50%;
    border: 1px solid #52A377;
    height: 48px;
    content: "";
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -125px -25px;
    background-size: 400px auto;
    margin-top: -15px
}

.um input[type=submit].um-button#um-submit-btn {
    background-color: #52A377;
    border-radius: 50px;
    font-size: 1.07143rem;
    border: 3px solid #52A377;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 800
}

a.um-field-show-password {
    position: absolute;
    right: 14px;
    top: 7px;
}

#post-4637 .um-col-alt {
    align-items: center;
    display: flex;
    flex-direction: column
}

body.um-page-loggedout #gform_fields_9 {
    max-width: 600px;
    margin: 0 auto
}

#page-404 {
    padding: 30px 0 80px;
    text-align: center
}

#page-404 img {
    display: block;
    max-width: 100%
}

@media (min-width:980px) {
    #page-404 h1 strong {
        font-weight: 400;
        font-size: 4.92857rem;
        color: #52A377
    }
}

#page-404 .search {
    margin-top: 45px
}

#page-404 .search .title {
    color: #353535;
    font-size: 1.35714rem
}

#page-404 .search .search-form {
    margin: 0 auto 30px;
    border: 1px solid #52A377
}

#page-404 .products {
    margin-top: 90px
}

#page-404 .products>.title {
    color: #353535;
    font-size: 2.07143rem
}

@media (max-width:979px) {
    #page-404 .products>.title {
        font-size: 1.35714rem
    }
}

#page-404 .products .posts {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#page-404 .products .posts>* {
    margin: 10px
}

#template-joboffer .header {
    margin-bottom: 50px
}

#template-joboffer .header h1 {
    text-align: left
}

#template-joboffer .header h1::after {
    display: none
}

#template-joboffer .content .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
    padding: 10px
}

#template-joboffer .content #retrieve_syndication {
    width: 800px;
    max-width: 100%;
    margin: 0 auto
}

#template-joboffer .content #retrieve_syndication .intuitionpro {
    margin-bottom: 30px
}

#template-joboffer .content #retrieve_syndication .intuitionpro thead {
    text-align: left
}

#template-joboffer .content #retrieve_syndication .intuitionpro thead th {
    padding: 10px 20px;
    color: #52A377
}

#template-joboffer .content #retrieve_syndication .intuitionpro thead th::after {
    display: block;
    width: 40px;
    height: 5px;
    content: "";
    background-color: #52A377
}

#template-joboffer .content #retrieve_syndication .intuitionpro tbody tr:nth-child(odd) {
    background-color: #f1f1f1
}

#template-joboffer .content #retrieve_syndication .intuitionpro tbody tr td {
    text-align: left;
    padding: 10px 20px
}

#template-joboffer .content #retrieve_syndication .intuitionpro tbody tr td a,
#template-joboffer .content #retrieve_syndication .intuitionpro tbody tr td a:link {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700
}

#template-joboffer .content #retrieve_syndication h3::after {
    display: block;
    background-image: url(../icons/img/sprites.png);
    background-position: 0 -281px;
    background-size: 150px auto;
    width: 111px;
    height: 7px;
    margin-top: 10px;
    content: ""
}

#template-joboffer .content #retrieve_syndication .intuitionproapply {
    margin-bottom: 50px
}

#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionapplylink a,
#template-joboffer .content #retrieve_syndication .intuitionproapply .intuitionbacklink a {
    margin-right: 20px
}

.page-template-page-homepage #header-site:after,
.page-template-page-homepage #header-site:before {
    display: none
}

.page-template-page-homepage main #container-site {
    max-width: 100%;
    padding: 0
}

.page-template-page-homepage .slider-full {
    position: relative
}

.page-template-page-homepage .slider-full:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 87px;
    background: rgba(158, 0, 84, .7);
    content: ""
}

@media (max-width:979px) {
    .page-template-page-homepage .slider-full:after {
        height: 45px
    }
}

.page-template-page-homepage .slider-full:before {
    display: block;
    position: absolute;
    z-index: 3;
    bottom: 37px;
    left: 50%;
    background-image: url(../icons/img/sprites.png);
    background-position: 0 -252px;
    width: 202px;
    height: 14px;
    content: "";
    transform: translateX(-50%)
}

@media (max-width:1259px) {
    .page-template-page-homepage .slider-full:before {
        bottom: 17px
    }
}

.page-template-page-homepage .slider-full .slide-full {
    min-height: 40vh;
    max-height: 55vh
}

.page-template-page-homepage .slider-full .slide-full img {
    min-height: 40vh
}

.page-template-page-homepage .slider-full .slide-full .text {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    z-index: 1;
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.page-template-page-homepage .slider-full .slide-full .text span {
    display: inline-block;
    padding: 12px 30px;
    background: rgba(167, 62, 126, .73);
    color: #fff
}

@media (min-width:980px) {
    .page-template-page-homepage .slider-full .slide-full .text span {
        font-size: 1.64286rem
    }
}

.page-template-page-homepage .slider-full .slide-full .text span.text_bold {
    text-transform: uppercase;
    font-weight: 700;
    transform: translateX(-120%)
}

.page-template-page-homepage .slider-full .slide-full .text span.text_normal {
    text-transform: uppercase;
    transform: translateY(-8px)
}

.page-template-page-homepage .presentation {
    background: #890055;
    padding: 0 0 60px
}

@media (max-width:979px) {
    .page-template-page-homepage .presentation .container-wrap {
        max-width: 100%
    }
}

.page-template-page-homepage .presentation .container-wrap h1 {
    padding: 0 15px;
    font-size: 1.35714rem
}

.page-template-page-homepage .presentation .container-wrap .presentation-content {
    padding: 0 15px
}

.page-template-page-homepage .presentation p:last-child {
    margin: 0
}

.page-template-page-homepage .presentation b,
.page-template-page-homepage .presentation strong {
    color: #fff
}

.page-template-page-homepage .presentation h1 {
    font-size: 1.64286rem;
    color: #fff
}

.page-template-page-homepage .presentation h1::after {
    display: none
}

.page-template-page-homepage .presentation .presentation-contentText {
    color: #fff;
    padding: 0 15px
}

.page-template-page-homepage .presentation .presentation-contentText a {
    color: #fff
}

@media (max-width:979px) {
    .page-template-page-homepage .presentation .presentation-contentText {
        padding-bottom: 30px
    }
}

@media (min-width:980px) {
    .page-template-page-homepage .presentation .presentation-contentText {
        text-align: right
    }
}

.page-template-page-homepage .presentation .presentation-contentLink {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.page-template-page-homepage .stepbystep {
    padding: 30px 0;
    text-align: center
}

@media (min-width:980px) {
    .page-template-page-homepage .stepbystep {
        background-image: url(../img/bg-stepbystep.svg);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 1900px auto
    }
}

.page-template-page-homepage .stepbystep h2 {
    text-transform: uppercase;
    color: #52A377;
    font-weight: 200;
    margin-bottom: 80px
}

.page-template-page-homepage .stepbystep b,
.page-template-page-homepage .stepbystep strong {
    color: #52A377
}

.page-template-page-homepage .stepbystep .steps {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    counter-reset: numList
}

.page-template-page-homepage .stepbystep .steps .step {
    display: flex;
    flex-direction: column;
    width: 235px;
    padding: 0 15px;
    position: relative
}

@media (max-width:979px) {
    .page-template-page-homepage .stepbystep .steps .step {
        max-width: 50%;
        flex: 1 0 50%
    }
}

.page-template-page-homepage .stepbystep .steps .step img {
    margin: 0 auto;
    order: 1
}

.page-template-page-homepage .stepbystep .steps .step::before {
    background-color: #fff;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    margin: 0 auto;
    height: 30px;
    border-radius: 50%;
    border: 4px solid #52A377;
    color: #52A377;
    font-weight: 700;
    font-size: .92857rem;
    counter-increment: numList;
    content: counter(numList)
}

@media (min-width:980px) {
    .page-template-page-homepage .stepbystep .steps .step::before {
        font-size: 1.78571rem;
        width: 40px;
        height: 40px
    }
}

.page-template-page-homepage .stepbystep .steps .step .step-text {
    font-size: 1.07143rem;
    margin-top: 30px;
    order: 3;
    color: #52A377;
    line-height: 1
}

@media (max-width:979px) {
    .page-template-page-homepage .stepbystep .steps .step .step-text {
        font-size: .78571rem
    }
}

.page-template-page-homepage .stepbystep .steps .step::after {
    content: '';
    position: absolute;
    top: calc(50% + 13px);
    right: -40px;
    width: 40px;
    height: 80px;
    transform: translateY(-50%);
    display: block;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -80px 0;
    background-size: 400px auto
}

.page-template-page-homepage .stepbystep .steps .step:last-child::after {
    display: none
}

@media (max-width:979px) {
    .page-template-page-homepage .stepbystep .steps .step:nth-child(2)::after {
        display: none
    }
}

.page-template-page-homepage .animate-elem.step {
    opacity: 0;
    left: 60px
}

.page-template-page-homepage .animate-elem-25.step:nth-child(1) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: step1;
    animation-name: step1
}

@-webkit-keyframes step1 {
    0% {
        opacity: 0;
        left: 60px
    }

    20% {
        opacity: 1;
        left: 0
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes step1 {
    0% {
        opacity: 0;
        left: 60px
    }

    20% {
        opacity: 1;
        left: 0
    }

    to {
        opacity: 1;
        left: 0
    }
}

.page-template-page-homepage .animate-elem-25.step:nth-child(2) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: step2;
    animation-name: step2
}

@-webkit-keyframes step2 {
    0% {
        opacity: 0;
        left: 60px
    }

    25% {
        opacity: 0;
        left: 60px
    }

    50% {
        opacity: 1;
        left: 0
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes step2 {
    0% {
        opacity: 0;
        left: 60px
    }

    25% {
        opacity: 0;
        left: 60px
    }

    50% {
        opacity: 1;
        left: 0
    }

    to {
        opacity: 1;
        left: 0
    }
}

.page-template-page-homepage .animate-elem-25.step:nth-child(3) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: step3;
    animation-name: step3
}

@-webkit-keyframes step3 {
    0% {
        opacity: 0;
        left: 60px
    }

    50% {
        opacity: 0;
        left: 60px
    }

    75% {
        opacity: 1;
        left: 0
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes step3 {
    0% {
        opacity: 0;
        left: 60px
    }

    50% {
        opacity: 0;
        left: 60px
    }

    75% {
        opacity: 1;
        left: 0
    }

    to {
        opacity: 1;
        left: 0
    }
}

.page-template-page-homepage .animate-elem-25.step:nth-child(4) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: step4;
    animation-name: step4
}

@-webkit-keyframes step4 {
    0% {
        opacity: 0;
        left: 60px
    }

    75% {
        opacity: 0;
        left: 60px
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes step4 {
    0% {
        opacity: 0;
        left: 60px
    }

    75% {
        opacity: 0;
        left: 60px
    }

    to {
        opacity: 1;
        left: 0
    }
}

.products .is-purple .productgamme-hover {
    background: rgba(167, 62, 126, .6)
}

.products .is-mauve .productgamme-hover {
    background: rgba(104, 73, 130, .6)
}

.products .is-yellow .productgamme-hover {
    background: rgba(231, 176, 66, .6)
}

.products .is-green .productgamme-hover {
    background: rgba(162, 194, 94, .6)
}

.products .is-turquoise .productgamme-hover {
    background: rgba(64, 140, 150, .6)
}

.products .is-orange .productgamme-hover {
    background: rgba(202, 105, 79, .6)
}

.products .is-mauve .productgamme-title h3 {
    background-color: #684982
}

.products .is-orange .productgamme-title h3 {
    background-color: #ca694f
}

.products .is-purple .productgamme-title h3 {
    background-color: #52A377
}

.products .is-turquoise .productgamme-title h3 {
    background-color: #408c96
}

.products .is-green .productgamme-title h3 {
    background-color: #a2c25e
}

.products .is-yellow .productgamme-title h3 {
    background-color: #e7b042
}

.products .title-rubrique {
    color: #52A377;
    z-index: 10;
    text-align: center;
    margin-bottom: 50px
}

.products .title-rubrique b,
.products .title-rubrique strong {
    color: #52A377
}

.products .title-rubrique::after {
    margin: 20px auto 0
}

@media (max-width:979px) {
    .products .productgamme {
        padding: 0 5px
    }
}

.products .productgamme:first-child .productgamme-content {
    border-radius: 20px 0 0 0;
    overflow: hidden
}

.products .productgamme:last-child .productgamme-content {
    border-radius: 0 0 20px 0;
    overflow: hidden
}

.products .productgamme-content {
    margin-bottom: 10px
}

@media (min-width:980px) {
    .products .productgamme-content {
        margin-bottom: 30px
    }
}

.products .productgamme-content .productgamme-hover {
    transform: scale(0);
    opacity: 0;
    transition: .2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.products .productgamme-content .productgamme-hover .text {
    padding: 15px 30px;
    color: #fff;
    text-align: center
}

.products .productgamme-content .productgamme-hover .btn.is-secondary {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px
}

.products .productgamme-content:hover .productgamme-hover {
    transform: scale(1);
    opacity: 1
}

.products .productgamme-content .productgamme-title {
    position: relative;
    z-index: 10
}

.products .productgamme-content .productgamme-title h3 {
    margin: -32px 0 0 0;
    text-align: center;
    padding: 42px 10px 10px;
    text-transform: uppercase
}

.products .productgamme-content .productgamme-title h3 a {
    color: #fff;
    font-weight: 200;
    text-decoration: none;
    font-size: .78571rem;
    line-height: 1;
    display: inline-block
}

@media (min-width:980px) {
    .products .productgamme-content .productgamme-title h3 a {
        font-size: 1.21429rem
    }
}

.products .productgamme-content .productgamme-title .gamme-icon {
    margin: -32px auto 0
}

.products .productgamme-content .productgamme-picture {
    position: relative;
    z-index: 0
}

.products .productgamme-content .productgamme-picture::before {
    display: block;
    width: 100%;
    padding-top: 60%;
    content: ""
}

.products .productgamme-content .productgamme-picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gammes {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
    overflow-x: scroll;
    scrollbar-width: none
}

.gammes::-webkit-scrollbar {
    display: none
}

.gammes .gamme-link {
    font-size: .92857rem;
    color: #fff;
    flex: 1;
    text-decoration: none;
    margin: 0 10px;
    min-width: 130px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:979px) {
    .gammes .gamme-link {
        flex: 1 0 33.3333%;
        flex: 1 0 33.3333%;
        max-width: 33.3333%;
        min-width: auto
    }
}

.testimonials {
    position: relative;
    overflow: hidden
}

.testimonials .testimonials-cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0
}

@media (min-width:980px) {
    .testimonials .testimonials-cover {
        right: 40%
    }
}

@media (max-width:979px) {
    .testimonials .testimonials-bg {
        display: none
    }
}

@media (min-width:980px) {
    .testimonials .testimonials-bg {
        position: absolute;
        z-index: 0;
        left: 39%;
        right: 0;
        bottom: 0;
        top: 0;
        display: flex
    }

    .testimonials .testimonials-bg::after {
        display: block;
        flex: 1 0 auto;
        content: "";
        background-color: #d5d2d4
    }
}

.testimonials .container-wrap {
    position: relative;
    z-index: 10
}

.testimonials .container-wrap .title-rubrique {
    text-align: center
}

.testimonials .container-wrap .title-rubrique h2 {
    font-weight: 400
}

.testimonials .container-wrap .title-rubrique h2 b,
.testimonials .container-wrap .title-rubrique h2 strong {
    color: #52A377
}

.testimonials .container-wrap .title-rubrique::after {
    margin: 0 auto
}

.testimonials .container-wrap .testimonialsList {
    padding: 80px 10% 45px
}

.testimonials .container-wrap .testimonialsList .testimonialsFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

@media (max-width:979px) {
    .testimonials .container-wrap .testimonialsList .testimonialsFooter .stamp {
        display: none
    }
}

@media (min-width:980px) {
    .testimonials .container-wrap .testimonialsList .testimonialsFooter .stamp {
        margin-left: 20px;
        margin-top: -10%
    }
}

.testimonials .container-wrap .testimonialsList .testimonialsFooter .btn {
    margin: 10px auto 0
}

@media (min-width:980px) {
    .testimonials .container-wrap .testimonialsList .testimonialsFooter .btn {
        margin-top: 90px;
        margin-right: 0
    }
}

.testimonials .container-wrap .testimonialsList .content {
    padding: 30px;
    border-radius: 30px 0 30px 0;
    background-color: #f1f1f1
}

.testimonials .container-wrap .testimonialsList .content .tease-content {
    min-height: 280px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.testimonials .container-wrap .testimonialsList .content .tease-content .description {
    color: #52A377;
    text-align: center;
    line-height: 140%;
    font-size: .78571rem
}

@media (min-width:980px) {
    .testimonials .container-wrap .testimonialsList .content .tease-content .description {
        margin-bottom: 5rem;
        font-size: .92857rem
    }
}

.testimonials .container-wrap .testimonialsList .content .tease-content .name {
    font-size: .78571rem;
    font-style: italic;
    text-align: center
}

@media (min-width:980px) {
    .testimonials .container-wrap .testimonialsList .content .tease-content .name {
        font-size: .92857rem
    }
}

.testimonials .container-wrap .testimonialsList .content .slick-dots {
    position: absolute;
    list-style: none;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    display: flex
}

@media (min-width:980px) {
    .testimonials .container-wrap .testimonialsList .content .slick-dots {
        bottom: -60px;
        right: 0;
        left: auto;
        transform: none
    }
}

.testimonials .container-wrap .testimonialsList .content .slick-dots li {
    list-style: none;
    margin: 0 2px
}

.testimonials .container-wrap .testimonialsList .content .slick-dots li button {
    width: 20px;
    height: 20px;
    border: none;
    text-indent: 5000px;
    border-radius: 50%;
    overflow: hidden;
    padding: 0
}

.testimonials .container-wrap .testimonialsList .content .slick-dots li button::after {
    display: none
}

.testimonials .container-wrap .testimonialsList .content .slick-dots li.slick-active button {
    background-color: #52A377
}

.separator {
    padding: 0
}

.adviceTop {
    padding: 20px 0
}

@media (min-width:980px) {
    .adviceTop {
        padding: 5rem 0
    }
}

.adviceTop .picture {
    position: relative;
    height: 100%;
    border-radius: 20px 0 20px 0;
    overflow: hidden
}

@media (max-width:979px) {
    .adviceTop .picture {
        min-height: 280px;
        margin-top: 30px
    }
}

@media (min-width:980px) {
    .adviceTop .picture {
        order: 1
    }
}

.adviceTop .picture img {
    transition: .2s ease-in-out
}

.adviceTop .picture:hover img {
    transform: scale(1.1)
}

@media (min-width:980px) {
    .adviceTop .informations {
        order: 2
    }
}

.adviceTop h2 {
    font-weight: 400
}

@media (min-width:980px) {
    .adviceTop h2 {
        font-size: 2.35714rem
    }
}

.adviceTop h2 a {
    text-decoration: none
}

.adviceTop .description {
    margin: 30px 0
}

.blogHome {
    padding: 0 0 20px
}

@media (min-width:980px) {
    .blogHome {
        padding: 3rem 0 5rem
    }
}

.blogHome .picture {
    position: relative;
    height: 100%;
    border-radius: 20px 0 20px 0;
    overflow: hidden
}

@media (max-width:979px) {
    .blogHome .picture {
        min-height: 280px;
        margin-top: 30px
    }
}

.blogHome .picture img {
    transition: .2s ease-in-out
}

.blogHome .picture:hover img {
    transform: scale(1.1)
}

.blogHome h2 {
    font-weight: 400;
    font-size: 2.35714rem
}

.blogHome h2 a {
    text-decoration: none
}

.blogHome .description {
    margin: 30px 0
}

.gamme-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 20px
}

.gamme-icon img {
    max-width: 70%
}

.gamme-icon.is-green {
    background-color: #a2c25e
}

.gamme-icon.is-purple {
    background-color: #52A377
}

.gamme-icon.is-yellow {
    background-color: #e7b042
}

.gamme-icon.is-mauve {
    background-color: #684982
}

.gamme-icon.is-turquoise {
    background-color: #408c96
}

.gamme-icon.is-orange {
    background-color: #ca694f
}

.slick-slide:focus,
.slick-slider:focus {
    outline: 0
}

#template-leads {
    padding-bottom: 5rem
}

#template-leads .acfe-form {
    background-color: #f1f1f1
}

#template-leads .firststep {
    background-color: #f1f1f1;
    padding: 50px;
    margin-bottom: 5rem;
    text-align: center
}

#template-leads .firststep h2 {
    font-weight: 400
}

#template-leads .firststep svg {
    max-width: 112px;
    margin: 20px auto;
    fill: #353535
}

#template-leads .acf-field-message {
    padding: 30px
}

#template-leads .acf-tab-wrap {
    background-color: #fff;
    margin-bottom: 0
}

#template-leads .acf-tab-wrap .acf-tab-group {
    background-image: url(../img/bg-stepbystep.svg);
    background-position: center 90%;
    background-repeat: no-repeat;
    background-size: 150% auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    padding: 0;
    counter-reset: numList
}

#template-leads .acf-tab-wrap .acf-tab-group li {
    float: none;
    position: relative;
    padding: 30px 0 25px;
    margin: 0;
    flex: 1 0 calc(100% / 3);
    background-color: rgba(255, 255, 255, .5)
}

#template-leads .acf-tab-wrap .acf-tab-group li.active {
    background-color: rgba(255, 255, 255, 0)
}

#template-leads .acf-tab-wrap .acf-tab-group li::after {
    content: '';
    position: absolute;
    top: calc(50% - 22px);
    right: -40px;
    width: 40px;
    height: 80px;
    transform: translateY(-50%);
    display: block;
    background-image: url(../icons/img/sothoferm-sprite.svg);
    background-position: -80px 0;
    background-size: 400px auto
}

#template-leads .acf-tab-wrap .acf-tab-group li:last-child::after {
    display: none
}

#template-leads .acf-tab-wrap .acf-tab-group li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    color: #c7e5c7;
    border: none;
    font-weight: 700;
    background: 0 0;
    text-align: center
}

@media (min-width:980px) {
    #template-leads .acf-tab-wrap .acf-tab-group li a {
        font-size: 1.35714rem
    }
}

#template-leads .acf-tab-wrap .acf-tab-group li a span {
    font-weight: 200;
    flex: 1 0 100%;
    display: block
}

#template-leads .acf-tab-wrap .acf-tab-group li a::before {
    background-color: #fff;
    order: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    margin: 0 auto;
    height: 30px;
    border-radius: 50%;
    border: 4px solid #c7e5c7;
    font-weight: 700;
    font-size: .92857rem;
    color: #c7e5c7;
    counter-increment: numList;
    content: counter(numList)
}

@media (min-width:980px) {
    #template-leads .acf-tab-wrap .acf-tab-group li a::before {
        font-size: 1.78571rem;
        width: 40px;
        height: 40px
    }
}

#template-leads .acf-tab-wrap .acf-tab-group li.active a {
    color: #52A377
}

#template-leads .acf-tab-wrap .acf-tab-group li.active a::before {
    border-color: #52A377;
    color: #52A377
}

#template-leads .acf-input {
    text-align: center
}

#template-leads .acfe-form {
    margin-bottom: 5rem
}

@media (min-width:980px) {
    #template-leads .acfe-form {
        margin: 0 auto;
        max-width: 70%
    }
}

#template-leads .acf-field-acfe-button {
    margin-bottom: 2rem;
    text-align: center
}

#template-leads .acf-field-acfe-button .acf-label {
    display: none
}

#template-leads .acf-field-acfe-button .acf-input {
    float: none
}

#template-leads .acf-field-acfe-button .acf-input input {
    outline: 0
}

#template-leads .acf-field {
    background-color: #f1f1f1;
    padding: 30px 30px 0;
    border: none;
    overflow: hidden
}

#template-leads .acf-field .acf-label {
    font-size: 1.64286rem;
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px;
    color: #52A377
}

#template-leads .acf-field .categorychecklist-holder {
    border: none
}

#template-leads .acf-field .categorychecklist-holder ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#template-leads .acf-field .categorychecklist-holder ul li {
    flex: 1 0 calc(100% / 6)
}

#template-leads .acf-field .categorychecklist-holder ul li label {
    color: #52A377;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: .71429rem;
    line-height: 1
}

#template-leads .acf-field .categorychecklist-holder ul li label span::after {
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #d5d5d6;
    background-color: #d5d5d6;
    margin: 10px auto 0;
    content: ""
}

#template-leads .acf-field .categorychecklist-holder ul li label input {
    display: none
}

#template-leads .acf-field .categorychecklist-holder ul li label input:checked+span::after,
#template-leads .acf-field .categorychecklist-holder ul li label input[type=checked]+span::after {
    background-color: #52A377
}

#template-leads .acf-field .categorychecklist-holder ul li .category-picto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 20px
}

#template-leads .acf-field .categorychecklist-holder ul li .category-picto img {
    max-width: 40px
}

#template-leads .acf-field .categorychecklist-holder ul li.color-mauve .category-picto {
    background-color: #a73e7e
}

#template-leads .acf-field .categorychecklist-holder ul li.color-yellow .category-picto {
    background-color: #e7b042
}

#template-leads .acf-field .categorychecklist-holder ul li.color-purple .category-picto {
    background-color: #684982
}

#template-leads .acf-field .categorychecklist-holder ul li.color-blue .category-picto {
    background-color: #408c96
}

#template-leads .acf-field .categorychecklist-holder ul li.color-orange .category-picto {
    background-color: #ca694f
}

#template-leads .acf-field .categorychecklist-holder ul li.color-green .category-picto {
    background-color: #a2c25e
}

#template-leads .acf-field .categorychecklist-holder ul li.color-turquoise .category-picto {
    background-color: #408c96
}

#template-leads .acf-field .acf-radio-list {
    display: flex;
    justify-content: space-between
}

@media (min-width:980px) {
    #template-leads .acf-field .acf-radio-list li {
        flex: 1 0 20%;
        max-width: 20%
    }
}

#template-leads .acf-field .acf-radio-list li label {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #52A377;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .92857rem
}

#template-leads .acf-field .acf-radio-list li label::after {
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #d5d5d6;
    background-color: #d5d5d6;
    margin: 0 auto;
    content: ""
}

#template-leads .acf-field .acf-radio-list li label input {
    display: none
}

#template-leads .acf-field .acf-radio-list li label.selected::after {
    background-color: #52A377
}

#template-leads .acf-field input[type=email],
#template-leads .acf-field input[type=text],
#template-leads .acf-field textarea {
    border: 1px solid #d5d5d6;
    background-color: #fff
}

#template-leads .acf-field-5fda1d39e9bcb {
    padding: 0
}

#template-leads .acf-field-acfe-column .acf-label {
    display: none
}

#template-leads .acf-field-acfe-column .acf-field-email,
#template-leads .acf-field-acfe-column .acf-field-text {
    padding: 0;
    margin-bottom: 20px
}

#template-leads .acf-field-acfe-column .acf-field-email input,
#template-leads .acf-field-acfe-column .acf-field-text input {
    width: 100%
}

#template-leads .acf-field-acfe-column .acf-field-message {
    padding: 0
}

#template-leads .acf-field-acfe-column .acf-field-message p {
    font-size: .78571rem;
    line-height: 1;
    text-align: left
}

#template-leads .acf-field-acfe-column .acf-field-acfe-recaptcha {
    padding: 0
}

#template-leads .acfe-form-success+#mesage {
    text-align: center;
    font-size: 1.35714rem;
    color: #52A377
}

.acf-field.acf-field-601b19e3075cd .acf-label label {
    display: none
}

.acf-field.acf-field-601b19e3075cd ul li label {
    font-weight: 400;
    text-align: left
}

#template-leads .acf-field.acf-field-601b1e6fcbdfd .acf-fields {
    padding: 0;
    margin: 0
}

#template-leads .acf-field.acf-field-601b1e6fcbdfd .acf-fields ul li label {
    font-weight: 400;
    text-align: left
}

.tease-search {
    margin-bottom: 30px
}

.tease-search .tease-content {
    display: block;
    position: relative;
    height: 100%;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-decoration: none;
    transition: all .8s
}

.tease-search .tease-content .picture {
    position: relative
}

.tease-search .tease-content .picture::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 70%
}

.tease-search .tease-content .title {
    margin: 0 0 30px 0;
    line-height: 1;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.tease-search .tease-content .informations {
    padding: 10px 20px 20px 20px
}

.search-form {
    position: relative;
    width: 450px;
    height: 37px;
    padding-right: 35px;
    background-color: #f1f1f1;
    border-radius: 3px
}

@media (max-width:1259px) {
    .search-form {
        width: 300px
    }
}

.search-form input {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: 0 0;
    border: none;
    color: #52A377;
    font-size: .78571rem
}

.search-form input::-moz-placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form input:-ms-input-placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form input::placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form input::-webkit-input-placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form input:-moz-placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form input::-moz-placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form input:-ms-input-placeholder {
    color: #52A377;
    font-size: .78571rem
}

.search-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    min-height: 45px;
    padding: 0;
    background: 0 0;
    border: none;
    font-size: 0
}

.no-touchevents .search-form button:hover {
    background: 0 0
}

.no-touchevents .search-form button:hover:before {
    color: #575757
}

.search-form button:after {
    display: none
}

.search-form button:before {
    color: #52A377;
    font-size: 19px;
    content: "";
    font-family: iconsfont;
    transition: all .2s
}

.newsletter-form .gform_wrapper {
    padding: 0
}

.newsletter-form .gform_wrapper .ginput_container_email input {
    max-width: 100%;
    background-color: #cecece;
    border: none
}

@media (min-width:980px) {
    .newsletter-form .gform_wrapper #field_5_3 {
        max-width: 40%
    }
}

.newsletter-form .gform_wrapper #field_5_3 .ginput_container {
    display: flex
}

.newsletter-form .gform_wrapper #field_5_3 .ginput_container input {
    margin: 0 10px 0 0
}

.newsletter-form .gform_wrapper #field_5_3 .ginput_container label {
    font-weight: 400;
    font-size: .71429rem;
    line-height: 120%
}

@media (min-width:980px) {
    .newsletter-form .gform_wrapper .gform_footer {
        max-height: 50px;
        margin-left: auto
    }
}

.newsletter-form p {
    margin-bottom: 10px
}

.newsletter-form .title {
    margin-bottom: 5px;
    color: #52A377;
    font-size: 1.21429rem;
    font-weight: 700
}

.newsletter-form form {
    display: flex;
    flex-wrap: wrap
}

.newsletter-form form .form-field {
    flex: 1
}

.newsletter-form form .form-field+.form-field {
    margin-top: 15px
}

.newsletter-form form .form-field:first-child {
    width: 100%;
    flex-basis: 100%
}

.newsletter-form form .form-field:nth-child(2) {
    display: flex;
    padding-right: 20px
}

.newsletter-form form .form-field:nth-child(2) input {
    margin: 3px 5px 0 0
}

.newsletter-form form .form-field:nth-child(2) label {
    font-weight: 400;
    font-size: .78571rem;
    line-height: 1.2em
}

.newsletter-form form input {
    max-width: 100%;
    background-color: #cecece
}

.newsletter-form form button {
    white-space: nowrap
}

.ginput_container_consent {
    display: flex
}

.ginput_container_consent input {
    margin-right: 10px
}

.ginput_container_consent .gfield_consent_label {
    font-size: .78571rem;
    font-weight: 300
}

/*.grecaptcha-badge {
    visibility: hidden;
}*/

p.reCaptchaFooter {
    text-align: center;
    font-size: 12px;
    margin-top: -12px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

#um_field_3_ml_rgpd .um-field-checkbox-option {
    font-weight: 500;
}

@media (max-width: 1200px) {
    #header-site.userNotConnected >.wrap .logo {
        width: 200px
    }
    .sothogam_menu {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    #template-leads .firststep {
        max-width: 100%
    }
    #template-leads .firststep svg {
        display: block;
        max-width: 72px;
    }
    #template-leads .acf-taxonomy-field .categorychecklist-holder {
        max-height: inherit;
    }
    #template-leads .acf-field .categorychecklist-holder ul li {
        flex: 1 0 calc(100% / 3);
    }

    .acf-field .acf-label label {
        line-height: 1.3;
    }
}

@media (max-width: 520px) {
    #template-leads .acf-field .categorychecklist-holder ul li {
        flex: 1 0 calc(100% / 2);
    }
}