/*
	Theme Name: In'box Container
	Version: 10.0
    Author: Poivre&sell
    Author URI: https://www.poivre-et-sell.com
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;700;900&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
*/

/* Customizing text selection for other browsers */
::selection {
    /* Background color when text is selected in other browsers */
    background-color: #008000; /* Green color */
    /* Text color when text is selected in other browsers */
    color: #fff;
}

/* latin-ext */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/maven-pro/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/maven-pro/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/maven-pro/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/maven-pro/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/maven-pro/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/maven-pro/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/roboto/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/roboto/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/roboto/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/roboto/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/roboto/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/roboto/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/roboto/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/roboto/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --primary: #00a870;
    --vert: #86bc25;
    --jaune: #e8e100;
    --light: #f4f6f5;
    --dark: #13100d;

    --primary-hover: #008257;
    --vert-hover: #6f9c1f;
    --jaune-hover: #c2bc00;
    --light-hover: #dfe5e2;
    --dark-hover: black;
}

body {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: var(--dark);
}

a {
    color: var(--primary);
    transition: all 150ms ease-out;
}
a:hover {
    color: var(--primary-hover);
}

a.loupe {
    transition: transform 150ms ease-out;
}
a.loupe:hover {
    transform: scale(1.1);
}

.text-legende {
    color: #bbc1be !important;
}

@media (min-width: 1360px){
    .container-max{
        max-width: 100%;
        padding-left: 110px;
        padding-right: 110px;
    }
}

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

.d-a400-none {
    display: none;
}
@media (min-width: 370px){
    .d-370-none {
        display: none;
    }
}
@media (min-width: 400px){
    .d-a400-none {
        display: inline;
    }
}


/* Affichage du numero de tel page contact*/
.aff-numtel {
    display: none;
}
.aff-numtel.show  {
    display: block;
}


h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5 {
    font-family: "Maven Pro";
    font-weight: 700;
}

h1 u,.h1 u,
h2 u,.h2 u,
h3 u,.h3 u,
h4 u,.h4 u,
h5 u,.h5 u {
    text-decoration: none;
    display: inline-block;
    position: relative;
}
h1 u:before,.h1 u:before,
h2 u:before,.h2 u:before,
h3 u:before,.h3 u:before,
h4 u:before,.h4 u:before,
h5 u:before,.h5 u:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: -4px;
    bottom: 1px;
    right: -4px;
    height: 12px;
    background-color: var(--jaune);
}
h1 u:before,.h1 u:before {
    bottom: 3px;
}
h1 u span,.h1 u span,
h2 u span,.h2 u span,
h3 u span,.h3 u span,
h4 u span,.h4 u span,
h5 u span,.h5 u span {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px){
    h1,.h1 {
        font-size: 2rem;
    }
}

.pad-65 {
    padding-bottom: 65%;
}
.pad-80 {
    padding-bottom: 80%;
}
.pad-100 {
    padding-bottom: 100%;
}
.filter-gray {
    filter: grayscale(80%);
}
.page-content .content-texte {
    margin-top: 24px;
}

.section-bloc {
    margin-top: 24px;
}
.section-bloc-40 {
    margin-top: 40px;
}
.last-bloc {
    margin-bottom: 40px;
}
.para-bloc {
    margin-top: 24px;
}

@media (min-width: 768px) {
    .page-content .content-texte {
        margin-top: 12px;
    }
    .last-bloc {
        margin-bottom: 80px;
    }
    .para-bloc {
        margin-top: 48px;
    }
}
@media (min-width: 992px) {
    .page-content .content-texte {
        margin-top: 40px;
    }
    .section-bloc {
        margin-top: 32px;
    }
@media (min-width: 1200px) {
    .page-content .content-texte {
        margin-top: 80px;
    }
    .section-bloc {
        margin-top: 80px;
    }
}
}


#homeImage {
    position: relative;
    /*background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;*/
    margin-top: 8px;
    min-height: 350px;
    background-color: var(--light);
}
@media (min-width: 768px){
    #homeImage {
        min-height: 640px;
    }
}
#homeImage:before {
    content: '';
    width: 168px;
    height: 8px;
    background-color: var(--vert);
    position: absolute;
    top: -8px;
    left: 8px;
}
#homeImage:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(30,30,30,.04);
    z-index: 2;
}
#homeImage #bandeau-video {
    position: relative;
    overflow: hidden;
    height: 92%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
#homeImage .bg_video {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%,-50%);
}
#homeImage .baseline {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    z-index: 3;
}
#homeImage .baseline h1 {
    color: #FFFFFF;
    /*text-transform: uppercase;*/
    font-size: 1.85rem;
    margin-bottom: 24px;
}
#homeImage .baseline h1 span {
    display: inline-block;
    padding: 0 4px;
    background-color: #FFFFFF;
    color: var(--dark);
}
#homeImage .baseline h1 span:not(.typed-me):not(.typed-cursor) {
    text-transform: uppercase;
}
#homeImage .baseline a+br+a {
    margin-top: 12px;
}
@media (min-width: 768px) {
    #homeImage .baseline {
        top: 45%;
    }
    #homeImage .baseline h1 {
        font-size: 2.5rem;
        margin-bottom: 40px;
    }
}
@media (min-width: 992px){
    #homeImage .baseline a+br+a {
        margin-top: 0;
        margin-left: 80px;
    }
    #homeImage .baseline h1 {
        margin-bottom: 80px;
    }
}
#homeSlider {
    position: relative;
    z-index: 1;
}
#homeSlider,
#homeSlider div {
    height: 100%;
}
#homeImage .homeSliderItem {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media (min-width: 576px){
    #homeImage:before {
        width: 188px;
        left: calc(50% - 270px);
    }
}
@media (min-width: 768px){
    #homeImage:before {
        left: calc(50% - 360px);
    }
}
@media (min-width: 992px){
    #homeImage:before {
        left: calc(50% - 480px);
    }
}
@media (min-width: 1200px){
    #homeImage:before {
        width: 290px;
        left: 100px;
    }
}

@media (max-width: 991px){
    #homeImage.new-home-mobil {
        min-height: initial;
    }
    #homeImage.new-home-mobil .home-boutons {
        display: none;
    }
    #homeImage.new-home-mobil .baseline {
        position: static;
        top: initial;
        left: initial;
        transform: none;
    }
    #homeImage.new-home-mobil .baseline h1 {
        margin-bottom: 0;
        padding: 12px 0 20px;
        background-color: var(--light);
        color: var(--dark);
    }
    #homeImage.new-home-mobil #bandeau-video {
        padding-bottom: 56%;
        height: auto;
    }
    #homeImage .baseline h1 span {
        background-color: var(--primary);
        color: #FFFFFF;
    }
    #homeImage .bg_video {
        max-width: 100%;
    }
}

#homeRecherche {
    padding: 24px 24px 0;
}
#homeRecherche .bloc-recherche {
    max-width: 970px;
    /*box-shadow: 0 12px 24px -8px rgba(54,78,9,.4);*/
    box-shadow: 0 12px 24px -8px rgba(54,54,54,.4);
}
@media (min-width: 768px){
    #homeRecherche {
        position: absolute;
        left: 50%;
        width: 90%;
        padding: 0;
        z-index: 2;
        transform: translateY(-26%) translateX(-50%);
    }
}
@media (min-width: 992px){
    #homeRecherche {
        transform: translateY(-81%) translateX(-50%);
    }
}

.texte-long h2 {
	font-size: 22px;
}
.texte-long h3 {
	font-size: 20px;
}
.texte-long h4 {
	font-size: 20px;
}

.bloc-recherche {
    /*background-color: var(--vert);*/
    background-color: var(--light);
    padding: 1.5rem 2rem;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}
.bloc-recherche select {
    height: calc(2.75rem + 2px)!important;
    border-color: var(--dark)!important;
    margin-top: .75rem;
}
.bloc-recherche .bloc-quoi {
    padding-right: 2rem;
}
.bloc-recherche .bloc-qui {
    padding-right: 3rem;
    padding-left: 15px;
}
.bloc-recherche .bloc-pour,
.bloc-recherche .bloc-accessoire {
    padding-left: 15px;
    padding-right: 2rem;
}
.bloc-recherche .bloc-go {
    margin-top: 24px;
}
.bloc-recherche .bloc-go {
    padding-left: 2rem;
}
.btn-search {
    /*background-color: #FFFFFF;*/
    background-color: var(--primary);
    color: var(--primary);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px -8px rgba(54,78,9,.4);
    transition: all 150ms ease-out;
    margin-left: auto !important;
}
.btn-search span {
    font-size: 3rem;
    color: var(--light);
}
.btn-search:hover {
    transform: translateX(4px);
    box-shadow: -8px 12px 24px -8px rgba(54,78,9,.4);
}
@media (min-width: 576px){
    .bloc-recherche .bloc-qui {
        padding-left: 1.5rem;
    }
    .bloc-recherche .bloc-pour,
    .bloc-recherche .bloc-accessoire {
        padding-left: 2rem;
    }
    .bloc-recherche .bloc-pour {
        margin-top: 24px;
    }
    .bloc-recherche .bloc-quoi,
    .bloc-recherche .bloc-pour,
    .bloc-recherche .bloc-accessoire
    {
        border-right: solid 1px rgba(255,255,255,.4);
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    .bloc-recherche .bloc-qui {
        border-right: solid 1px rgba(255,255,255,.4);
    }
    #homeRecherche {
        width: 100%;
        left: auto;
        transform: translateY(-91%);
    }
    .bloc-recherche .bloc-pour,
    .bloc-recherche .bloc-go {
        margin-top: 0px;
    }  
}


ul.is-style-space-list li + li {
    margin-top: .65rem;
}

.img_center,
.img_center_slide_amenagement,
.img_center_slide_access {
    position: relative;
}
.bg_img {
    position: absolute;
    opacity: 1;
    transition: opacity 200ms ease-out;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
.img_center_slide_amenagement .bg_img {
    object-fit: contain;
}
.bg_img.loading {
    /* opacity: 0; */
}
/*.load_temp {
    background-color: rgba(30,30,30,.12);
}*/
.load_temp {
    background-color: #fff;
}
#breadcrumbs {
    padding-top: 32px;
    padding-left: 12px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: .875rem;
    color: rgba(30, 30, 30, .24);
}
#breadcrumbs a {
    color: rgba(30, 30, 30, .4);
}
#breadcrumbs .breadcrumb_last {
    color: var(--primary);
    font-weight: 700;
}

.cardItem {
    display: flex;
    flex-direction: column;
    transition: all 150ms ease-out;
}

#homeTypeConteneur {
    padding-top: 40px;
}
#homeTypeConteneur .section-titre {
    margin-bottom: 48px;
}
#homeTypeConteneur .bloc-conteneur_type {
    padding-left: 20px;
    padding-right: 20px;
}
#homeTypeConteneur .bloc-conteneur_type .cardItem {
    display: flex;
    flex-direction: column;
    transition: all 150ms ease-out;
}
#homeTypeConteneur .bloc-conteneur_type .cardItem_img {
    padding-bottom: 60%;
    margin-left: 24px;
    margin-right: 24px;
}
#homeTypeConteneur .bloc-conteneur_type .cardItem_img img {
    filter: grayscale(100%);
    transition: all 150ms ease-out;
}
#homeTypeConteneur .bloc-conteneur_type .cardItem_content {
    padding: 12px;
}
#homeTypeConteneur .bloc-conteneur_type .cardItem_title {
    margin-bottom: 12px;
}
#homeTypeConteneur .bloc-conteneur_type .cardItem_text {
}
#homeTypeConteneur .bloc-conteneur_type .cardItem_btn {
    padding-bottom: 40px;
    transition: all 150ms ease-out;
}
@media (min-width: 768px){
    #homeTypeConteneur {
        padding-top: 220px;
    }
    #homeTypeConteneur .bloc-conteneur_type .cardItem_content {
        padding: 24px 36px 24px;
    }
}
@media (min-width: 992px){
    #homeTypeConteneur {
        padding-top: 96px;
    }
}
@media (min-width: 1200px){
    .cardItem:hover {
        box-shadow: 0 24px 40px -24px rgba(30,30,30,.24);
        transform: translateY(-8px);
    }
    #homeTypeConteneur .bloc-conteneur_type .cardItem_btn {
        opacity: 0;
        visibility: hidden;
        transform: translateY(12px);
    }
    #homeTypeConteneur .bloc-conteneur_type .cardItem:hover .cardItem_btn {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    #homeTypeConteneur .bloc-conteneur_type .cardItem:hover {
        box-shadow: 0 24px 40px -24px rgba(30,30,30,.24);
        transform: translateY(-8px);
    }
    #homeTypeConteneur .bloc-conteneur_type .cardItem:hover img {
        filter: grayscale(0%);
    }
}



#homeNeufOccasion {
    margin-top: 64px;
}
.bloc-pictos {
    padding: 24px 24px 40px;
    background-color: var(--light);
    position: relative;
    z-index: 1;
}
.bloc-pictos .section-titre {
    font-size: 1.6rem;
    margin-bottom: 40px;
    margin-top: 24px;
}
.bloc-pictos .pictoItem {
    text-align: center;
}
/*.popmake-content .bloc-pictos .pictoItem {
    text-align: left;
}*/
.bloc-pictos .pictoItem svg {
    width: 94px;
}
.bloc-pictos .textItem {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 40px;
    font-weight: 900;
    line-height: 1.05;
}
.bloc-pictos .textItem small {
    font-size: 90%;
    font-weight: 700;
}
#popmake-479 .bloc-pictos .pictoItem svg {
    width: 94px;
    height: 94px;
}
.bloc-pictos .blocItem>.row {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
@media (min-width: 768px){
    .bloc-pictos {
        padding: 40px 96px 64px;
    }
    .bloc-pictos .section-titre {
        font-size: 2rem;
        margin-bottom: 72px;
    }
}
@media (min-width: 992px){
    .bloc-pictos {
        padding: 40px 40px 64px;
    }
    .bloc-pictos .section-titre {
        padding-left: 40px;
        padding-right: 40px;
    }
    .bloc-pictos .textItem {
        text-align: center;
        margin-top: 36px;
        margin-bottom: .5rem;
    }
    .popmake-content .bloc-pictos .textItem {
        text-align: center;
    }
}
@media (min-width: 1200px){
    .bloc-pictos {
        padding: 40px 96px 64px;
    }
    .bloc-pictos .section-titre {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1360px){
    .bloc-pictos .blocItem>.row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important;
    }
    .bloc-pictos .textItem {
        text-align: left;
    }
}

.bloc-cadre-primary,
.bloc-cadre-light,
.bloc-cadre-dark {
    position: relative;
}
.bloc-cadre-primary:before,
.bloc-cadre-light:before,
.bloc-cadre-dark:before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: 60%;
    bottom: 70%;
    background-color: var(--primary);
    z-index: -1;
}
.bloc-cadre-primary:after,
.bloc-cadre-light:after,
.bloc-cadre-dark:after {
    content: '';
    position: absolute;
    top: 70%;
    left: 40%;
    right: -8px;
    bottom: -8px;
    background-color: var(--primary);
    z-index: -1;
}
.bloc-cadre-light:before,
.bloc-cadre-light:after {
    background-color: var(--light);
}
.bloc-cadre-dark:before,
.bloc-cadre-dark:after {
    background-color: var(--dark);
}

.bloc-up {
    font-size: 1.15rem;
    padding: 24px 36px;
    margin-bottom: 64px;
    position: relative;
    z-index: 1;
}
.bloc-up p:last-child {
    margin-bottom: 0;
}
.pictos-entreprise {    
    margin-bottom: 64px;
}
.pictos-entreprise .pictoItem svg {
    width: 70px;
    height: 70px;
}


.page-entreprise .para-bloc {
    margin-top: 40px;
}
.page-entreprise .para-bloc h2 {
    color: var(--primary);
    margin-bottom: 24px;
    position: relative;
}


@media (min-width: 768px){
    .page-entreprise .para-bloc {
        margin-top: 64px;
    }
}


#homeRealisations {
    position: relative;
    background-color: var(--vert);
    margin-top: 64px;
    padding-top: 56px;
    padding-bottom: 40px;
}
#homeRealisations:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 54%;
    right: 15%;
    height: 8px;
    background-color: var(--jaune);
}
#homeRealisations .section-titre {
    margin-bottom: 48px;
}
#homeRealisations .pad-real {
    padding-left: .5rem;
    padding-right: .5rem;
}
#homeRealisations .bloc-real {
    padding: 0 5px;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    transition: all 200ms ease-out;
}
#homeRealisations .realImg {
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
}
#homeRealisations .bloc-real .realContent {
    position: absolute;
    top: calc(100% - 230px);
    bottom: 0;
    width: 100%;
    padding: 80px 24px 40px 24px;
    color: #FFFFFF;
    transition: top 200ms ease-out, padding 350ms ease-out;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+40 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
#homeRealisations .bloc-real .realContent a {
    color: #FFF;
}
#homeRealisations .realContent_text {
    transition: all 500ms ease-out;
    opacity: 0;
    visibility: hidden;
    margin-top: 56px;
}
#homeRealisations .realContent_text a.read-more {
    color: var(--primary);
}
@media (min-width: 768px){
    #homeRealisations .bloc-real .realContent {
        padding: 80px 24px 40px 24px;
    }
}
@media (min-width: 992px){
    #homeRealisations .bloc-real .realContent {
        padding: 120px 24px 40px 40px;
    }
}
@media (min-width: 1200px){
    #homeRealisations .bloc-real:hover .realContent {
        top: 0;
        bottom: 0;
        padding-top: 40px;
    }
    #homeRealisations .bloc-real:hover .realContent_text {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
    }
    #homeRealisations .pad-real {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media (min-width: 1360px){
.col-1360 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
}


#homeReassurance {
    position: relative;
    margin-top: 40px;
    margin-bottom: 24px;
}
#homeReassurance .section-titre {
    margin-top: 24px;
}
#homeReassurance .bloc-pictos {
    padding-bottom: 40px;
}
#homeReassurance .bloc-pictos .textItem {
    margin-top: 12px;
}
/*#homeReassurance .bloc-pictos .picto_metre {
    margin-top: 20px;
}
#homeReassurance .bloc-pictos .picto_plan {
    margin-top: 12px;
}*/
#homeReassurance .bloc-pictos .blocItem:nth-child(n+3) {
    /*margin-top: 64px;*/
}
#homeReassurance .bloc-pictos .blocItem>.row {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
@media (min-width: 768px){
    #homeReassurance {
        margin-top: 110px;
        margin-bottom: 80px;
    }
}
@media (min-width: 1360px){
    #homeReassurance .bloc-pictos .blocItem>.row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important;
    }
    #homeReassurance .bloc-pictos .textItem {
        margin-top: 36px;
    }
    #homeReassurance .bloc-pictos .picto_metre {
        margin-top: 20px;
    }
    #homeReassurance .bloc-pictos .picto_plan {
        margin-top: 12px;
    }
}
#homeReassurance .bloc-pictos .pictoItem svg {
    width: 74px;
    height: 74px;
}
#homeReassurance .bloc-pictos .pictoItem svg.picto_plan {
    width: 64px;
}

#homeReassurance .bloc-contact {
    margin-top: 48px;
    padding-top: 48px;
    position: relative;
}
#homeReassurance .bloc-contact .h5 {
    margin-bottom: 24px;
}
#homeReassurance .bloc-contact:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: solid 2px var(--primary);
    border-top-color: transparent;
    border-left-color: transparent;

    transform: translate(-50%,-50%);
    border: 0;
    background-color: var(--primary);
    width: 80px;
    height: 4px;
}

#homeReassurance .btn-contact,
#conteneur-accessoires .btn-contact {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}

#conteneur-accessoires {
    position: relative;
    margin-top: 110px;
    margin-bottom: 0;
    padding: 40px 0 24px;
}
#conteneur-accessoires:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 54%;
    right: 12%;
    height: 8px;
    background-color: var(--jaune);
}
#conteneur-accessoires .cardItem {
    background-color: #FFFFFF;
    padding: 8px 8px 36px;
}
#conteneur-accessoires .cardItem .cardItem_content {
    padding: 12px 12px 40px;
}
#conteneur-accessoires .cardItem .cardItem_title {
    margin-bottom: 12px;
}
#conteneur-accessoires .cardAccessoires {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 40px;
    margin-top: 12px;
}
#conteneur-accessoires .section-titre {
    margin-bottom: 36px;
}
#conteneur-accessoires .cardItem_btn {
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translate(-50%,0);
    transition: all 250ms ease-out;
}
#conteneur-accessoires .slick-prev:before,
#conteneur-accessoires .slick-next:before {
    color: rgba(19,16,13,.36);
}
@media (min-width: 768px){
    #conteneur-accessoires {
        padding: 40px 40px 24px;
    }
    #conteneur-accessoires .cardAccessoires {
        padding-left: 20px;
        padding-right: 20px;
    }
    #conteneur-accessoires .cardItem .cardItem_content {
        padding: 28px;
    }
}
@media (min-width: 992px){
}
@media (min-width: 1200px) {
    #conteneur-accessoires {
        padding: 64px 210px 40px;
    }
    #conteneur-accessoires .cardItem_btn {
        position: absolute;
        bottom: -24px;
        left: 50%;
        transform: translate(-50%,8px);
        opacity: 0;
        visibility: hidden;
        transition: all 250ms ease-out;
    }
    #conteneur-accessoires .cardItem:hover .cardItem_btn {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%,0);
    }
}


.list-conteneurs,
.list-amenagements,
.list-realisations {
    margin-top: 80px;
    margin-bottom: 80px;
}
@media (max-width: 767px){
    .list-conteneurs,
    .list-amenagements {
        margin-top: 24px;
    }
    .list-amenagements {
        margin-bottom: 24px;
    }
}
.conteneurItem {
    padding: 12px 0 40px;
    border-bottom: solid 4px transparent;
    transition: all 150ms ease-out;
    /*margin-bottom: 40px;*/
}
body:not(.archive) .conteneurs .conteneurItem {
    margin-bottom: 40px;
}
.conteneurItem:hover {
    transform: translateY(-8px);
    border-bottom-color: var(--primary);
    box-shadow: 0 24px 40px -24px rgba(30,30,30,.24);
}
.conteneurItem a:hover {
    text-decoration: none;
}
.conteneurItem:hover a:not([class*="btn-outline"]) {
    text-decoration: none;
    color: var(--primary)!important;
}

.list-amenagements .conteneurItem,
.list-realisations .conteneurItem {
    padding: 8px;
    border: solid 1px var(--light-hover);
}
.list-amenagements .conteneurItem_title,
.list-realisations .conteneurItem_title {
    margin-top: 20px;
    margin-bottom: 12px;
}
.list-amenagements .conteneurItem_content,
.list-realisations .conteneurItem_content {
    padding: 0 16px;
}
.list-amenagements .read-more,
.list-realisations .read-more {
    display: none;
}
.list-realisations .conteneurItem_content {
    padding-bottom: 24px;
}
.list-realisations .conteneurItem_lieu {
    margin-top: 20px;
    margin-bottom: 0;
    color: #c4c6c5;
}
.list-realisations .conteneurItem_title {
    margin-top: 0px;
}
.list-realisations .conteneurItem {
    display: flex;
    flex-direction: column;
}
.list-realisations .conteneurItem_bouton {
    margin-top: auto;
    margin-bottom: 12px;
}
.list-realisations>div {
    margin-bottom: 32px;
}
.list-realisations .conteneurItem_img {
    width: 100%;
}

#realisations_filters {
    margin-top: 24px;
}
#realisations_filters > li {
    margin-top: 8px;
    margin-right: 8px;
}
#realisations_filters > li button.active,
#realisations_filters > li a.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #FFFFFF;
}
#grid_realisation {
    margin-top: 24px;
}



.single-conteneurs .page-content .content-texte {
    margin-top: 24px;
}
#product-siblings {
	margin-top: 40px;
}
.content-bloc-resume {
    padding: 0 24px;
    margin-top: 40px;
}
.content-bloc-resume .picto_resume {
    background-color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 700;
    /*border: solid 1px var(--light);*/
    border-radius: 6px;
    line-height: 1.2rem;
}
.content-bloc-resume.resume-primary .picto_resume {
    background-color: var(--primary);
    padding: 24px 12px 12px;
    box-shadow: 0 12px 24px -12px rgb(0,58,39,.36);
}
.content-bloc-resume svg {
    width: 48px;
    height: 48px;
    fill: var(--primary);
}
.content-bloc-resume.resume-primary svg {
    fill: #FFFFFF;
}
.content-bloc-resume .legende {
    font-size: .8rem;
    font-weight: normal;
    opacity: .6;
    display: inline-block;
    margin-bottom: 4px;
}

.content-image .cadre_img {
    position: relative;
}
.content-image .tampon {
    position: absolute;
    left: 0px;
}
.content-image .tampon.norme_haccp svg {
    width: 80px;
    height: 80px;
}
.content-image .tampon.certificat_csc svg {
    width: 72px;
    height: 72px;
}
.content-image .tampon.norme_haccp {
    top: 24px;
}
.content-image .tampon.certificat_csc {
    top: calc(80px + 24px + 12px);
}
.content-image .tampon.certificat_csc.not_haccp {
    top: 24px;
}
@media (min-width: 768px){
    .content-image .tampon {
        left: auto;
        right: 0;
    }
    .content-image .tampon.norme_haccp {
        top: auto;
        bottom: 0;
        right: 12px;
    }
    .content-image .tampon.certificat_csc {
        top: auto;
        bottom: calc(80px - 32px);
        right: 20px;
    }
    .content-image .tampon.certificat_csc.not_haccp {
        top: auto;
        bottom: 0;
    }
}
@media (min-width: 1200px){
    .content-image .tampon {
        /*left: 40px;*/
        right: auto;
        bottom: auto;
    }
    .content-image .tampon.norme_haccp {
        right: 32px;
    }
    .content-image .tampon.certificat_csc {
        right: 40px;
    }
}
@media (min-width: 1360px){
    .content-image .tampon.norme_haccp {
        right: 40px;
        bottom: 40px;
    }
    .content-image .tampon.certificat_csc {
        right: 48px;
        bottom: calc(120px - 32px);
    }
}

#accordion.faq .icon-faq {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: var(--primary);
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    vertical-align: bottom;
    line-height: 40px;
}
#accordion.faq .card {
    border-radius: 0;
}
.page-faq #accordion.faq .card {
    margin-bottom: 12px;
}
#accordion.faq .card-header {
    background-color: var(--light);
    padding: 0;
}
#accordion.faq .card-header button {
    position: relative;
    padding: .75rem 2rem .65rem 3.5rem;
    text-transform: initial;
    font-size: 1.3rem;
    white-space: normal;
}
#accordion.faq .card-header button:hover,
#accordion.faq .card-header button:focus {
    color: var(--primary-hover);
    text-decoration: none;
}
#accordion.faq .card-header button[aria-expanded="true"] {
    color: #FFF;
    background-color: var(--primary);
}
#accordion.faq .card-header button:before {
    content: 'add';
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: inherit;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
#accordion.faq .card-header button[aria-expanded="true"]:before {
    content: 'remove';
}
#accordion.faq .card-body {
    padding: 2.5rem 2rem 2.3rem 1.5rem;
}
#accordion.faq .card-body p {
    margin-bottom: 0;
}
#accordion.faq .h2 {
    margin-bottom: 24px;
}


.content-avantages {
    margin-top: 40px;
    padding: 32px 40px 40px;
    background-color: var(--light);
    border-left: solid 4px var(--primary);
}
.amenagements_parents .content-avantages:not(.with_content) {
    margin-top: 0;
}
.amenagements_parents .content-avantages {
    padding: 0 0 0 0;
    background-color: transparent;
    border-left: 0;
}
.amenagements_parents .page-content .content-texte {
    margin-top: 48px;
}
.content-avantages .avantage-titre {
    margin-bottom: 32px;
    color: var(--primary);
}
.content-avantages li+li {
    margin-top: 12px;
}
.content-avantages .avantage .avantage-picto svg,
.content-avantages .avantage .avantage-picto img {
    width: 32px;
    height: 32px;
}
.content-avantages .avantage .icon-item svg {
    width: 28px;
    height: 28px;
}
.content-avantages .avantage .icon-item svg .fill-dark {
    fill: transparent;
}
.content-avantages .avantage .icon-item svg .fill-jaune {
    fill: var(--primary);
}
.content-avantages .avantage .icon-item svg .fill-vert {
    fill: var(--primary);
}
.content-avantages .avantage .h5 {
    font-size: 1.15rem;
}
@media (min-width: 768px){
    .amenagements_parents .content-avantages {
        padding: 0 0 0 40px;
    }
}

.content-content,
.content-bouton {
    margin-top: 40px;
}
.content-content .titre2 {
    margin-bottom: 24px;
}
.single-accessoires .content-image {
    margin-top: 40px;
}

.content-caracteristiques {
    margin-top: 40px;
}
.content-caracteristiques .caracteristiques-titre {
}
.content-caracteristiques li::marker {
    color: var(--primary);
}
.content-caracteristiques ul {
    margin: 0;
    padding: 0;
}
.content-caracteristiques li {
    padding: 4px;
    margin-left: 24px;
}
.content-caracteristiques li+li {
    /*border-top: solid 1px var(--light);*/
}

.content-dimensions {
    background-color: #FFFFFF;
    padding: 12px;
    color: rgba(19,16,13,.72);
    font-size: .875rem;
    margin-top: 40px;
    border: solid 2px var(--light);
}
.content-dimensions .table {
    margin-bottom: 0;
}
.content-dimensions .table th {
    color: rgba(19,16,13,.32);
}
.content-dimensions .table th.dim {
    color: var(--primary);
    font-weight: 700;
}
.content-dimensions .table td,
.content-dimensions .table th {
    border-top-color: var(--light);
}
.content-dimensions .table td.border-left {
    border-left-color: var(--light)!important;
}
.content-dimensions .table thead th {
    border-top: 0;
    border-bottom: 0;
}
.content-dimensions .table td {
    vertical-align: middle;
    text-align: center;
}

.content-fiche {
    margin-top: calc(40px - 1rem);
}
.content-fiche a {
    margin-top: 1rem;
    margin-right: 1rem;
}

.content-texte>div:first-child {
    /*margin-top: 0!important;*/
}

.bloc-list-conteneurs {
    margin-top: 24px;
    margin-bottom: 40px;
    padding: 0;
    border: solid 1px var(--light-hover);
}
@media (min-width: 992px){
    .bloc-list-conteneurs {
        margin-top: 64px;
        margin-bottom: 80px;
    }
}
.bloc-list-conteneurs .h3 {
    padding: 24px 0;
    margin-bottom: 0;
    background-color: var(--light);
    border-bottom: solid 4px var(--primary);
}
.bloc-list-conteneurs .conteneurs-list {
    background-color: #FFF;
    border-top: solid 1px var(--light-hover);
    /*border: solid 1px var(--light-hover);*/
    padding: 8px 0 4px;
    position: relative;
    z-index: 1;
    transition: transform 150ms ease-out, box-shadow 150ms ease-out;
}
.bloc-list-conteneurs .conteneurs-list:hover {
    transform: translate(4px, -8px);
    border: solid 1px var(--light-hover);
    z-index: 2;
    box-shadow: 0 8px 24px -8px rgba(30,30,30,.24);
}
.bloc-list-conteneurs .conteneurs-list a {
    color: inherit;
}
.bloc-list-conteneurs .conteneurs-list a:hover {
    text-decoration: none;
}
.bloc-list-conteneurs .conteneurs-list:hover .h5 {
    color: var(--primary);
}


.single-amenagements .content-content,
.single-realisations .content-content {
    margin-top: 0;
}
.single-amenagements:not(.amenagements-template-amenagements-parent) .content-image,
.single-realisations .content-image {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
}

#sliderAmenagement .cadre_img {
    height: 280px;
}
/*.single-realisations #sliderAmenagement .cadre_img {
    background-color: var(--light);
}*/
.single-realisations #sliderAmenagement .cadre_img {
    background-color: #fff;
}
.single-amenagements #sliderAmenagement .cadre_img {
    height: 200px;
}
#sliderRealisations .slick-list,
#sliderRealisations .slick-track {
    min-width: 100%;
}
.single-accessoires #sliderAmenagement .cadre_img {
    height: 240px;
}
.single-post #sliderAmenagement .cadre_img {
    height: 240px;
}
@media (min-width: 576px){
    .single-amenagements #sliderAmenagement .cadre_img {
        height: 280px;
    }
    .single-post #sliderAmenagement .cadre_img {
        height: 300px;
    }
}
@media (min-width: 768px){
    .single-accessoires #sliderAmenagement .cadre_img {
        height: 370px;
    }
    .single-amenagements:not(.amenagements-template-amenagements-parent) .content-image {
        padding-left: 64px;
        padding-right: 96px;
        padding-top: 40px;
    }
    .single-realisations .content-image {
        padding-left: 64px;
        padding-right: 96px;
        padding-top: 40px;
    }
    #sliderAmenagement .cadre_img {
        height: 400px;
    }
    .single-amenagements #sliderAmenagement .cadre_img {
        height: 320px;
    }
    .single-post #sliderAmenagement .cadre_img {
        height: 280px;
    }
}
@media (min-width: 992px){
    #sliderAmenagement .cadre_img {
        height: 480px;
    }
    .single-accessoires #sliderAmenagement .cadre_img {
        height: 230px;
    }
    .single-bungalows #sliderAmenagement .cadre_img {
        height: 380px;
    }
    .single-amenagements #sliderAmenagement .cadre_img {
        height: 210px;
    }
    .single-amenagements:not(.amenagements-template-amenagements-parent) .content-image {
        padding-left: 12px;
        padding-right: 24px;
        padding-top: 40px;
    }
    .single-post #sliderAmenagement .cadre_img {
        height: 350px;
    }
}
@media (min-width: 1200px){
    #sliderAmenagement .cadre_img {
        height: 580px;
    }
    .single-accessoires #sliderAmenagement .cadre_img {
        height: 290px;
    }
    .single-amenagements #sliderAmenagement .cadre_img {
        height: 240px;
    }
    .single-amenagements:not(.amenagements-template-amenagements-parent) .content-image {
        padding-left: 64px;
        padding-right: 96px;
        padding-top: 40px;
    }
    .single-post #sliderAmenagement .cadre_img {
        height: 340px;
    }
}
@media (min-width: 1360px){
    .single-amenagements #sliderAmenagement .cadre_img {
        height: 360px;
    }
    .single-bungalows #sliderAmenagement .cadre_img {
        height: 480px;
    }
    .single-accessoires #sliderAmenagement .cadre_img {
        height: 380px;
    }
    .single-post #sliderAmenagement .cadre_img {
        height: 330px;
    }
}
@media (min-width: 1500px){
    .single-post #sliderAmenagement .cadre_img {
        height: 350px;
    }
}
@media (min-width: 1700px){
    .single-post #sliderAmenagement .cadre_img {
        height: 380px;
    }
}
@media (min-width: 1900px){
    .single-post #sliderAmenagement .cadre_img {
        height: 420px;
    }
}


.content-tarif {
    background-color: var(--light);
    padding: 12px 12px;
    margin-top: 40px;
    border-bottom: solid 4px var(--light-hover);
}
.content-tarif .ligne_tarif+.ligne_tarif {
    border-top: solid 1px var(--light-hover);
}
.content-tarif .ligne_tarif {
    padding: 8px 0;
}
.content-tarif .ligne_tarif .tarif {
    font-weight: 700;
    font-size: 1.2rem;
}
.content-tarif .h4 {
    padding-left: 8px;
    padding-top: 8px;
}


#conteneur-temoignages .info-photo {
    display: inline-block;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    border: solid 4px #FFF;
    box-shadow: 0 0 0 2px var(--jaune);
}
#conteneur-temoignages .item-alt .info-photo {
    box-shadow: 0 0 0 2px var(--vert);
}
#conteneur-temoignages .titre {
    margin-bottom: 24px;
}
#conteneur-temoignages .info-texte p {
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}
#conteneur-temoignages .info-texte {
    position: relative;
    display: table;
    padding: 32px 24px 24px;
    background-color: var(--jaune);
    border-radius: 8px;
    font-style: italic;
}
#conteneur-temoignages .item-alt .info-texte {
    background-color: var(--vert);
}
#conteneur-temoignages .info-texte:before {
    content: '"';
    color: #FFF;
    font-family: serif;
    font-weight: 700;
    font-size: 6rem;
    line-height: 2rem;
    position: absolute;
    top: 12px;
    left: 0;
}
#conteneur-temoignages .info-texte .close-quote {
    color: #FFF;
    font-family: serif;
    font-weight: 700;
    font-size: 6rem;
    line-height: 2rem;
    position: absolute;
    bottom: -22px;
    right: 14px;
}
#conteneur-temoignages .info-texte:after {
    content: '';
    position: absolute;
    left: calc(0px + (96px / 2) - 10px);
    top: calc(100% - 1px);
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-top-color: var(--jaune);
    border-top-width: 18px;
}
#conteneur-temoignages .item-alt .info-texte:after {
    border-top-color: var(--vert);
}
@media (min-width: 1200px){
    .page-temoignages #conteneur-temoignages .info-texte:after,
    .page-template-template-landingpage #conteneur-temoignages .info-texte:after {
        transform: rotate(-90deg);
        left: calc(100% + 3px);
        top: 58px;
    }
    .page-temoignages #conteneur-temoignages .item-alt .info-texte:after,
    .page-template-template-landingpage #conteneur-temoignages .item-alt .info-texte:after {
        transform: rotate(90deg);
        left: -23px;
        top: 58px;
    }
}
#conteneur-temoignages .info-temoin {
    padding-left: 0;
    padding-top: 24px;
    padding-bottom: 24px;
}
@media (min-width:1200px){
    .page-temoignages #conteneur-temoignages .info-temoin.text-alt,
    .page-template-template-landingpage #conteneur-temoignages .info-temoin.text-alt {
        text-align: right;
    }
}
#conteneur-temoignages .info-name {
    font-weight: 700;
    font-size: 1.2rem;
}
#conteneur-temoignages .info-function {
    font-style: italic;
    font-weight: 400;
    font-size: 1rem;
}
#conteneur-temoignages .info-society {
    color: var(--jaune);
}
#conteneur-temoignages .item-alt .info-society {
    color: var(--vert);
}
#sliderTemoignages .slick-dots li button:before {
    font-size: 10px;
}
@media (min-width: 992px){
    #conteneur-temoignages .info-texte {
        padding: 40px 32px 24px;
    }
}


.bloc-list-categories {
    background: var(--light);
    padding: 24px 24px;
    border-bottom: solid 4px var(--light-hover);
}
.bloc-list-categories .titre {
    margin-bottom: 24px;
}
.bloc-list-articles {
    /*padding-left: 40px;*/
}
.bloc-list-articles .bloc-article {
    padding: 8px;
    border: solid 1px var(--light-hover);
    height: 100%;
    transition: all 150ms ease-out;
}
.bloc-list-articles .bloc-article:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 40px -24px rgb(30, 60, 30, .24);
}
.bloc-list-articles .bloc-article:hover h3 {
    color: var(--primary);
    text-decoration: none;
}
.bloc-list-articles .bloc-article h3 a {
    color: inherit;
}
.bloc-list-articles .bloc-article h3 a:hover {
    text-decoration: none;
}
.bloc-list-articles .article-content {
    padding: 0 24px 12px;
}
.bloc-single-article h2,
#primary.realisations .page-content .content-content h2 {
    font-size: 1.8rem;
    margin-top: 2.4rem;
    margin-bottom: 1.2rem;
    display: inline-block;
    position: relative;
}
.bloc-single-article h3,
#primary.realisations .page-content .content-content h3 {
    font-size: 1.35rem;
}
.bloc-single-article h4,
#primary.realisations .page-content .content-content h4 {
    font-size: 1.20rem;
}
.bloc-single-article h2:not(.overline)::after,
#primary.realisations .page-content .content-content h2:not(.overline)::after {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    height:12px;
    /*bottom: 2px;*/
    top: 17px;
    background-color: var(--vert);
    opacity: .25;
    z-index: -1;
}
.bloc-single-article h2.overline > span,
#primary.realisations .page-content .content-content h2.overline > span {
    background-image: linear-gradient(transparent calc(100% - 12px), rgba(134, 188, 37, .25) 12px);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    padding-right: 4px;
}
.bloc-single-article h2 strong,
#primary.realisations .page-content .content-content h2 strong {
    font-weight: 700;
}
@media (min-width: 992px) {
    .bloc-single-article h2,
    #primary.realisations .page-content .content-content h2 {
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 1200px) {
    .bloc-list-articles {
        padding-left: 40px;
    }
}

.mt-2rem {
    margin-top: 2rem !important;
}

.form-control {
    border-color: #c5c5c5;
}

form.search_accessoire input[name="ofpost_types[]"][value="accessoires"] + ul>li:first-child>ul>li:first-child,
form.search_conteneur input[name="ofpost_types[]"][value="conteneurs"] + ul>li:first-child>ul>li:first-child {
    display: none;
}
form.searchandfilter {
    display: block;
    /*background-color: var(--vert);*/
    border-bottom: solid 1px var(--vert);
    border-top: solid 1px var(--vert);
    /*border-radius: 8px;*/
    padding: .5rem 2rem .5rem;
    margin-left: auto;
    margin-right: auto;
}
form.searchandfilter ul {
    margin: 0;
    padding: 0;
}
form.searchandfilter ul>li>ul {
    display: flex;
    flex-direction: column;
}
form.searchandfilter>div>ul>li {
    padding-right: 2rem;
    padding-left: 1rem;
    padding-top: .5rem;
    border-right: solid 1px rgba(134, 188, 37,.2);
}
form.searchandfilter h4 {
    margin: 0 0 .5rem 0;
}
form.searchandfilter>div>ul>li:last-child {
    border-right: 0;
    align-self: center;
}
form.searchandfilter>div>ul {
    display: flex;
}
form.searchandfilter >div>ul>li>ul>li label {
    margin-bottom: .25rem;
    line-height: 1.2rem;
}
form.searchandfilter select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: calc(2.75rem + 2px)!important;
    border-color: var(--dark)!important;
    margin-top: .75rem;
}
form.searchandfilter input[type="submit"] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: uppercase;
    padding: .55rem 2rem .4rem;
    color: #fff;
    background-color: var(--vert);
    border-color: var(--vert);
    box-shadow: 0 .5rem 1.5rem -.75rem rgba(54, 108, 7,.6);
}
form.searchandfilter input[type="submit"]:hover {
    background-color: var(--vert-hover);
    color: #fff;
}
/*form.searchandfilter >div>ul>li>ul>li label {
    position: relative;
    display: inline-block;
    padding-left: 24px;
}
form.searchandfilter >div>ul>li>ul>li label input[type="radio"] {
    display: none;
}
form.searchandfilter >div>ul>li>ul>li label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #FFF;
    border: solid 1px var(--dark);
}
form.searchandfilter >div>ul>li>ul>li.current-cat label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--primary);
}*/



#phone-mobile {
    position: relative;
}
#phone-mobile i.icon-phone {
    /*margin-right: 40px;*/
    margin-top: 14px;
    background: var(--primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: var(--light);
}
#phone-mobile .phone-number {
    position: fixed;
    top: 77px;
    left: 0;
    background-color: var(--dark);
    width: 100%;
    text-align: center;
    height: 49px;
    color: var(--light);
    line-height: 49px;
    opacity: 0;
    visibility: hidden;
    transition: all 150ms ease-in-out;
    z-index: 999;
}
#phone-mobile .phone-number strong {
    color: var(--primary);
}
#phone-mobile .phone-number.on {
    top: 69px;
    opacity: 1;
    visibility: visible;
}

a[href^="tel"] {
    color: inherit;
}


.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 140px;
}


.bloc-icon {
    position: relative;
    padding-left: 40px;
}
.bloc-icon .icon-item {
    position: absolute;
    top: -4px;
    left: 0;
}

.link-simulator {
    cursor: pointer;
}


.input-radio-perso input[type=radio] {
    display: none;
}
.input-radio-perso input[type=radio] + label {
    position: relative;
    display: inline-block;
    padding-left: 24px;
}
.input-radio-perso input[type=radio] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #FFF;
    border: solid 1px var(--dark);
}
.input-radio-perso input[type=radio]:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--primary);
}


.btn {
    text-transform: uppercase;
    padding: .75rem 2rem .6rem;
}
.btn-primary {
    box-shadow: 0 .5rem 1.5rem -.75rem rgba(0,58,39,4);
}
.btn-dark {
    box-shadow: 0 .5rem 1.5rem -.75rem rgba(10,20,30,4);
}
.btn-dark:hover {
    background-color: #242c20;
}

.btn-sm {
    padding: .54rem 1.2rem .42rem;
    border-radius: .25rem;
}
.btn-sm .material-icons {
    font-size: 22px;
}


.btn[class*="btn-outline"] {
    border-width: 2px;
}
.btn-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
}
.btn-icon {
    position: relative;
}
.btn-icon span[class*="icon"],
.btn-icon i[class*="icon"] {
    font-size: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.btn-demande-devis {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0px;
    left: 0;
    z-index: 999;
    transition: top 150ms ease-out;
}
@media (min-width: 768px){
    .btn-demande-devis {
        top: 51px;
        bottom: auto;
        right: 140px;
        left: auto;
        z-index: 1000000;
        animation: heart-devis 4s ease 2s infinite;
    }
    @keyframes heart-devis {
      0% {
        transform: scale(1); }
      7.5% {
        transform: scale(1.1); }
      12.5% {
        transform: scale(0.95); }
      20% {
        transform: scale(1.1); }
      25% {
        transform: scale(0.95); }
      30% {
        transform: scale(1); }
      100% {
        transform: scale(1); }
    }
}
@media (min-width: 768px){
    .btn-demande-devis {
        top: 48px;
    }
}
@media (min-width: 1200px){
    .btn-demande-devis {
        top: 176px;
        right: 24px;
        left: auto;
    }
    .btn-demande-devis.up {
        top: 122px;
    }
}
@media (max-width: 768px) {
    .btn-demande-devis a {
        display: block;
        border-radius: 0;
        padding: 8px;
    }
}
@media (max-width: 575px) {
    .baseline .btn {
        white-space: normal;
        padding: .6rem 1.2rem .45rem;
        margin-left: 12px;
        margin-right: 12px;
    }
}
.page-template-contact .btn-demande-devis {
    display: none;
}


#picto-right {
    display: inline-block;
    padding: 8px;
    /* background-color: #000; */
    position: fixed;
    top: 40%;
    right: 4px;
    z-index: 999;
    /* box-shadow: 0 8px 8px -4px rgba(78, 76, 0, .24); */
}
#picto-right a {
    display: inline-block;
}
#picto-right a.contact {
    color: #FFF;
}
#picto-right a.contact span {
    font-size: 2rem;
}
#picto-right svg {
    width: 32px;
    height: auto;
    fill: #FFF;
}
#picto-right .contact svg {
    width: 30px;
}
#picto-right .youtube svg,
#picto-right .instagrram svg {
    height: auto;
    width: 32px;
}
#picto-right .contact {
    margin-bottom: 2px;
}
#picto-right .tiktok,
#picto-right .facebook,
#picto-right .twitter,
#picto-right .linkedin {
    margin-bottom: 4px;
}#picto-right .instagram {
    margin-bottom: 0;
}
#picto-right .contact,
#picto-right .tiktok,
#picto-right .facebook,
#picto-right .twitter,
#picto-right .linkedin,
#picto-right .instagram,
#picto-right .youtube {
    transition: transform 100ms ease-out;
}
#picto-right .contact:hover,
#picto-right .tiktok:hover,
#picto-right .facebook:hover,
#picto-right .twitter:hover,
#picto-right .linkedin:hover,
#picto-right .instagram:hover,
#picto-right .youtube:hover {
    transform: scale(1.3);
}
@media (min-width: 1200px){
    #picto-right {
        right: 16px;
    }
}


.rect-gauche {
    position: fixed;
    z-index: 999998;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 400px;
    background-color: var(--jaune);
}
@media (max-width: 767px) {
    .rect-gauche {
        display: none;
    }
}


header {
    width: 100%;
    z-index: 999999;
    background-color: #FFFFFF;
    transition: all 100ms ease-out;
}
header.reduce {
    border-bottom: solid 1px var(--light);
    box-shadow: 0 -12px 24px 8px rgba(30,30,30,.24);
}
header.fix {
    position: fixed !important;
}
header.fix+main {
    padding-top: 164px;
}

main{
    min-height: 700px;
}

.site-branding {
    background-color: var(--light);
}

#logo-site img {
    width: 256px;
    height: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    transition: all 200ms ease-out;
}
header.reduce #logo-site img {
    width: 150px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 44px;
}

.bloc-tel {
    background-color: var(--dark);
    padding: 7px 7px 6px;
}
.bloc-tel.tel-top {
    margin-left: 96px;
}

.nav-menu {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: row;
}
.nav-menu > li {
    position: relative;
}
@media (min-width: 1200px){
    #primary-menu.nav-menu > li {
        padding-bottom: 8px;
    }
}
.nav-menu .sub-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 4px;
    min-width: 100%;
    list-style: none;
    margin: 0;
    padding: 12px 0;
    background-color: var(--light);
    border-bottom: solid 4px var(--primary);
    box-shadow: 0 8px 24px -8px rgb(19, 16, 13, .48);
    visibility: hidden;
    opacity: 0;
    transition: all 150ms ease-out;
}
.nav-menu .sub-menu.visible {
    visibility: visible;
    opacity: 1;
    top: calc(100%);
}
.nav-menu .sub-menu > li > a {
    white-space: nowrap;
}
.nav-menu .sub-menu-right .sub-menu {
    left: auto;
    right: 0;
}

#top-menu li:last-child {
    margin-left: 12px;
}
#top-menu a {
    display: inline-block;
    color: rgba(255,255,255,.6);
    height: 40px;
    padding: 10px 12px 6px;
    font-size: .9rem;
}
#top-menu a:hover, #top-menu a.active {
    color: rgba(255,255,255,.9);
    text-decoration: none;
}
#top-menu .link-primary a {
    position: relative;
    background-color: var(--primary);
    color: rgba(255,255,255,.9);
    padding: 10px 24px 6px 56px;
}
#top-menu .link-primary a:hover, #top-menu .link-primary a.active {
    background-color: var(--primary-hover);
}
#top-menu .link-primary a:before {
    content: 'payment';
    position: absolute;
    top: 8px;
    left: 22px;

    transform: rotate(-15deg);

    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#primary-menu {
    margin-top: 52px;
    transition: all 200ms ease-out;
}
header.reduce #primary-menu {
    margin-top: 12px;
}
#primary-menu a {
    position: relative;
    display: inline-block;
    color: rgba(30,30,30,.6);
    text-transform: uppercase;
    padding: 12px 24px;
    font-weight: 700;
}
#primary-menu .sub-menu a {
    padding: 14px 32px 12px 24px;
    display: block;
}
@media (min-width: 1200px){
    #primary-menu .sub-menu li+li {
        border-top: solid 1px var(--light-hover);
    }
}
#primary-menu > li > a:after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 22px;
    right: 22px;
    height: 6px;
    background-color: var(--jaune);
    transition: all 200ms ease-out;
    opacity: 0;

}
#primary-menu a:hover, #primary-menu a.active {
    color: var(--dark);
    text-decoration: none;
}
#primary-menu > li > a:hover:after, #primary-menu > li.show a:after {
    bottom: 0;
    height: 8px;
    opacity: 1;
}
#primary-menu > li.menu-item-has-children > a:before {
    content: 'arrow_drop_down';
    position: absolute;
    right: -12px;
    top: 12px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 1200px){
    #primary-menu > li.menu-item-has-children > a:before {
        display: none;
    }
}
@media (min-width: 1360px){
    #primary-menu > li.menu-item-has-children > a:before {
        display: block;
    }
}
@media (min-width: 1496px){
    #primary-menu > li.menu-item-has-children > a:before {
        right: 0px;
    }
}

@media (min-width: 1360px) and (max-width: 1495px){
    .col-menu {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-menu .nav-menu {
        justify-content: space-between;
    }
    .col-menu .nav-menu>li>a {
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
}

@media (max-width: 1359px) {
    header #logo-site img {
        width: 250px;
    }
    .col-menu .nav-menu>li>a {
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
}

#toggle-nav {
    display: none;
    margin-top: 18px;
}
@media (max-width: 1199px){
    .menu-menu-principal-container {
        position: fixed;
        left: 0;
        right: 0;
        top: 109px;
        height: calc(100vh - 73px);
        transform: translateY(40px);
        opacity: 0;
        visibility: hidden;
        transition: all 200ms ease-out;
        background-color: var(--primary);
    }
    .menu-menu-principal-container.in {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        overflow-y: auto;
    }
    #primary-menu.nav-menu{
        flex-direction: column;
        text-align: center;
    }
    #primary-menu.nav-menu .sub-menu {
        position: relative;
        display: none;
        left: 0;
        padding-top: 8px;
        padding-bottom: 8px;
        border: none;
        border-bottom: solid 1px rgba(30,30,30,.12);
        box-shadow: none;
        background-color: rgba(0,0,0,.12);
    }
    #primary-menu.nav-menu .sub-menu.visible {
        display: block;
    }
    #primary-menu.nav-menu .sub-menu a {
        padding: 8px 24px;
    }
    header #logo-site img {
        width: 150px;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: 0px;
    }
    header.reduce #logo-site img {
        margin-left: 0px;
    }
    header.fix+main {
        padding-top: 109px;
    }
    .bloc-tel.tel-top {
        margin-left: 0;
    }
    #primary-menu {
        margin-top: 12px;
    }
    #toggle-nav {
        display: block;
        position: relative;
        /*right: 0px;
        top: 11px;*/
        z-index: 999;
    }
    #toggle-nav p {
        margin: 0;
        font-size: .85em;
    }
    #nav-icon3 {
        width: 35px;
        height: 24px;
        position: relative;
        margin: 0px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        cursor: pointer;
    }
    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: var(--primary);
        /*border-radius: 9px;*/
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 9px;
    }
    #nav-icon3 span:nth-child(4) {
        top: 18px;
    }
    #nav-icon3.open span:nth-child(1) {
        top: 9px;
        width: 0%;
        left: 50%;
    }
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #nav-icon3.open span:nth-child(4) {
        top: 9px;
        width: 0%;
        left: 50%;
    }
}
@media (max-width: 767px){
    header.fix+main {
        padding-top: 69px;
    }
    .menu-menu-principal-container {
        top: 69px;
    }
}

.timeline {
    background-color: var(--light);
    padding-top: 24px;
    padding-bottom: 24px;
}
.timeline .timeline-item .timeline-item-content {
    border-left: solid 2px var(--light-hover);
    padding-bottom: 12px;
    padding-top: 24px;
    padding-left: 24px;
}
.timeline .timeline-item .timeline-item-title {
    position: relative;
    text-align: right;
    padding-bottom: 12px;
    padding-top: 24px;
    padding-right: 24px;
    font-weight: 700;
}
.timeline .timeline-item .timeline-item-title:after {
    content: '';
    position: absolute;
    top: 26px;
    right: -10px;
    width: 18px;
    height: 18px;
    background-color: var(--primary);
    border: solid 3px #FFFFFF;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 0 2px var(--light-hover);
}
.timeline .timeline-item.point_cle .timeline-item-title {
    color: var(--primary);
}
.timeline .timeline-item.point_cle .timeline-item-title span {
    color: #FFF;
    display: inline-block;
    padding: 3px 8px 1px;
    border-radius: 4px;
    background-color: var(--primary);
}
.timeline .timeline-item.point_cle .timeline-item-content {
    font-weight: 700;
}

.bloc-formulaire {
    margin-top: 40px;
}
.bloc-formulaire label[for='validationTypeContainer'],
.bloc-formulaire label[for='validationCategorieProjet'] {
    margin-top: 6px;
}
.bloc-formulaire .wpcf7-not-valid {
    border-color: #e98d8d;
}
.bloc-formulaire .form-control:focus,
.bloc-formulaire .custom-select:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,168,112,.25);
}
.input-field label {
    position: absolute;
    top: -10px;
    left: 24px;
    z-index: 1;
    padding: 0px 6px;
    color: #bbb;
    background-color: #fff;
    font-size: .8rem;
}
.input-field  {
    margin-bottom: 0rem !important;
}
.bloc-carte {
    margin-top: 40px;
}
.bloc-carte .legend {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    border: solid 1px rgba(0,0,0,.5);
    border-radius: 50%;
    /* float: right; */
    display: inline-block;
    vertical-align: text-bottom;
}
.bloc-carte .nord-ouest-idf .legend {
    background-color: #007f5c;
}
.bloc-carte .grand-est .legend {
    background-color: #53d34d;
}
.bloc-carte .centre-est .legend {
    background-color: #9ce05f;
}
.bloc-carte .sud-est .legend {
    background-color: #86bc25;
}
.bloc-carte .sud-ouest .legend {
    background-color: #e8e100;
}
.bloc-carte .centre-ouest .legend {
    background-color: #00a870;
}
.bloc-carte .nord-ouest .legend {
    background-color: #007f5c;
}




.bloc-carte .bloc-tel.tel-top {
    display: inline-block;
    margin-left: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    box-shadow: 0 .5rem 1.5rem -.75rem rgba(10,20,30,4);
}
.bloc-carte .carte-france {
    width: min(650px,100%);
    /* max-width: 100%; */
    height: auto;
    position: relative;
}
.carte-frontieres {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}

@media (min-width: 768px){
    .bloc-carte {
        margin-top: 64px;
    }
}



.fill-primary {
    fill: var(--primary);
}
.fill-dark {
    fill: var(--dark);
}
.fill-vert {
    fill: var(--vert);
}
.fill-jaune {
    fill: var(--jaune);
}
.fill-light {
    fill: var(--light);
}


/**********/
/* FOOTER */
footer {
    position: relative;
    overflow: hidden;
    font-size: .9rem;
    padding-top: 8px;
    /*margin-top: -56px;*/
}
footer .site-info {
    margin-top: 24px;
    padding-top: 24px;
	margin-bottom: 24px;
    border-top: solid 1px rgba(255,255,255,.24);
}
@media (max-width: 767px){
    footer .site-info {
        padding-bottom: 64px !important;
    }
}
footer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 46%;
    left: 12%;
    height: 8px;
    background-color: var(--primary);
    z-index: 1;
}
footer a {
    color: rgba(255,255,255,.7);
}
footer a:hover {
    color: rgba(255,255,255,.9);
    text-decoration: none;
}
footer .container {
    position: relative;
    z-index: 2;
}
footer .bg_footer_in {
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 40px;
}
footer .bg_footer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

footer .footer-contact {
    margin-top: 40px;
}
footer .footer-reseaux {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
footer .footer-reseaux a+a {
    margin-left: 12px;
}
footer .footer-reseaux svg {
    fill: var(--light);
}
footer .footer-reseaux svg {
    fill: var(--light);
    transition: all 150ms ease-out;
}
footer .footer-reseaux a:hover svg {
    fill: var(--primary)
}
footer .footer-titre {
    font-family: "Maven Pro";
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}
.footer-carte {
    margin-top: 24px;
    padding-top: 24px;
    border-top: solid 1px rgba(255,255,255,.24);
}
.footer-carte ul>li {
    line-height: 1rem;
}
.footer-carte ul>li+li {
    margin-top: 0px;
}
.footer-carte a {
    font-size: .75rem;
    line-height: 1rem;
}
.footer-carte a:hover {
    color: var(--primary);
}
@media (min-width: 768px){
    footer .logo_footer {
        margin-left: 24px;
    }
}
@media (min-width: 992px){
    footer .footer-contact {
        margin-top: 40px;
        margin-left: 0;
    }
    footer .footer-carte {
        padding-left: 72px;
    }
}
@media (min-width: 1200px){
    footer .footer-carte {
        padding-left: 1rem;
    }
}

footer .bg-newsletter {
    background-color: #363330;
    padding: 24px 1rem 12px;
}

#form-newsletter {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: var(--vert);
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 12px 24px -8px rgb(54,78,9,.4);
    z-index: 2;
}
#form-newsletter .h3,
#form-newsletter-in .h3 {
    margin-bottom: 0;
}
#form-newsletter .picto svg,
#form-newsletter-in .picto svg {
    width: 45px;
    height: 46px;
    margin-top: 4px;
}
#form-newsletter .picto svg path {
    fill: var(--dark);
}
#form-newsletter input[type="email"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-color: var(--dark);
    height: 48px;
    width: 300px;
}
#form-newsletter button[type="submit"],
#form-newsletter input[type="submit"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#form-newsletter-in .picto svg path {
    fill: #FFFFFF;
}
#form-newsletter-in input[type="email"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-color: var(--dark);
    border-right: 0;
    height: 40px;
    width: 200px;
    font-size: .9rem;
}
#form-newsletter-in button[type="submit"],
#form-newsletter-in input[type="submit"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    border-color: var(--dark);
    height: 40px;
    padding: .5rem 1.2rem .4rem;
    font-size: .9rem;
}
@media (min-width: 576px){
    #form-newsletter-in input[type="email"] {
        width: 260px;
    }
}
@media (min-width: 768px){
    footer .bg-newsletter {
        padding-top: 32px;
    }
}
@media (min-width: 992px){
}
#myConsent_news {
    max-width: 360px;
    font-size: 85%;
}

#menu-footer {
    margin-top: 16px;
    padding-top: 8px;
    border-top: solid 1px rgba(255,255,255,.24);
}
#menu-footer .titre {
    margin-top: 24px;
}
#menu-footer ul {
    padding-left: 24px;
    margin-bottom: 0;
}
#menu-footer ul li {
    color: rgba(255,255,255,.85);
}
#menu-footer a {
    color: inherit;
}
#menu-footer .titre a {
    color: #FFF;
}
#menu-footer a:hover {
    color: var(--primary);
}
@media (min-width: 768px){
    #menu-footer {
        border-top: 0;
        padding-left: 24px;
    }
}
@media (min-width: 992px){
    #menu-footer {
        margin-left: 40px;
        padding-left: 0;
    }
}
@media (min-width: 1200px){
    #menu-footer {
        margin-right: 40px;
    }
    .footer-carte {
        border-top: 0;
    }
}

.grecaptcha-badge {
    right: -260px !important;
}

#bt-mess {
    position: fixed;
    z-index: 9999999999;
    bottom: 1px;
    left: 24px;
}
#bt-mess button {
    border: none;
    background: none;
    padding: 0;
}
#bt-mess svg circle {
    fill: #ccc;
}

.garantie-decennale {
    margin-bottom: 24px;
    text-align: center;
    transform: rotate(-10deg);
}
.garantie-decennale svg {
    width: 150px;
    height: auto;
}
@media (min-width: 992px) {
    .garantie-decennale {
        position: absolute;
        left: 100%;
        bottom: 8px;
    }
    .amenagements_parents .garantie-decennale {
        position: static;
        margin-top: 56px;
        text-align: right;
    }
}
@media (min-width: 1200px) {
    .garantie-decennale {
        left: calc(100% + 12px);
        bottom: 10%;
    }
    .amenagements_parents .garantie-decennale {
        position: absolute;
        margin-top: 0;
        left: -80px;
        bottom: -150px;
    }
    .amenagements_parents .content-image .sticky {
        margin-bottom: 80px;
    }
}

.single-post .wp-block-image {
    margin-top: 40px;
    margin-bottom: 40px;
}
.single-post .wp-block-image .aligncenter figcaption {
    text-align: center;
    font-size: 80%;
}
.single-post .wp-block-media-text {
    margin-bottom: 40px;
    margin-top: 40px;
}
.single-post .wp-block-media-text .wp-block-media-text__media img {
    height: auto;
}
.single-post .wp-block-media-text .wp-block-media-text__content {
    padding: 0 120px 0 40px;
}
.single-post .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 40px 0 0;
}
.single-post .wp-block-quote {
    padding-left: 24px;
    border-left: solid 4px var(--primary);
}


.single-cocon-semantique .wp-block-media-text {
    margin-top: 48px;
    margin-bottom: 48px;
    grid-template-columns: 35% 1fr;
}
.single-cocon-semantique .wp-block-media-text + .wp-block-media-text {
    margin-top: 80px;
}
.single-cocon-semantique .wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 35%;
}
.single-cocon-semantique .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}
.single-cocon-semantique .wp-block-media-text__media img {
    height: auto;
}
.single-cocon-semantique h2 {
    font-size: 1.8rem;
}
.single-cocon-semantique h3 {
    font-size: 1.35rem;
    position: relative;
    display: inline-block;
}
/* .single-cocon-semantique h3:not(.overline)::after {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    height: 12px;
    top: 17px;
    background-color: var(--vert);
    opacity: .2;
    z-index: -1;
} */
.single-cocon-semantique h2.overline > span {
    background-image: linear-gradient(transparent calc(100% - 12px), rgba(134, 188, 37, .25) 12px);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    padding-right: 4px;
}
@media (max-width:600px){
    .single-cocon-semantique .wp-block-media-text .wp-block-media-text__content {
        margin-top: 24px;
        padding-left: 0;
    }
}


.trophee {
    margin-top: 120px;
}
.trophee .photo img {
    position: absolute;
    bottom: 0;
    right: 16px;
}
.trophee .laureat {
    font-size: 1.8rem;
    font-family: 'Maven Pro';
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    line-height: 1.1;
}
.trophee .laureat p {
    margin-bottom: 56px;
}
.trophee .laureat .region {
    display: inline-block;
    font-size: .8rem;
    color: var(--primary);
    background-color: #FFF;
    border-radius: 303px;
    padding: 5px 20px 4px;
}
.trophee .laureat .titre {
    font-size: 1.2rem;
    text-transform: initial;
    font-weight: 400;
}
.trophee .laureat {
    position: relative;
}
.trophee .laureat .button-more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-61%);
}
.trophee .laureat .button-more .btn-sm {
    padding-top: .42rem;
    background: #FFF;
    border: 0;
    border-radius: 100px;
    color: var(--primary);
    font-weight: bold;
}
@media (max-width:991px){
    #homeRecherche + .avis-google {
        margin-top: 200px;
    }
    .avis-google + .trophee {
        margin-top: 60px;
    }
    .trophee .logo img {
        display: block;
        margin: auto;
        max-width: 160px;
    }
    .trophee .photo img {
        position: static;
        display: block;
        margin: auto;
    }
}
@media (max-width:767px){
    #homeRecherche + .avis-google {
        margin-top: -40px;
    }
    .avis-google + .trophee {
        margin-top: 0px;
    }
}

/* VIDEO */
.wp-block-embed.is-type-video.aligncenter {
    display: flex;
    justify-content: center;
}

/* pagination */
.pagination {
    justify-content: center;
    margin-bottom: 4rem;
}
.pagination .page-numbers {
	display: inline-block;
	background-color: var(--light);
	color: var(--dark);
	padding: 0 8px;
	border-radius: 6px;
	margin-left: 4px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
}
.pagination .page-numbers.current {
	background-color: var(--primary);
    color: var(--light);
}
.pagination a.page-numbers {
	text-decoration: none;
}
.pagination a.page-numbers:hover {
	background-color: var(--primary);
    color: var(--light);
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
	width: auto;
	padding: 0 24px;
}


#check_mailjet {
    display: none;
}

label[for="siteContact"] {
    display: none;
}


.AxeptioConsentCheckbox {
  margin-bottom: 12px;
}
.AxeptioConsentCheckbox input {
  margin-right: 5px;
}
.axeptio_mount span.AxeptioConsentDetailsText {
  font-size: 90%;
}
.AxeptioConsentDetailsLink {
    font-size: 80%;
    display: inline-block;
    background: rgba(0,0,0,.03);
    padding: 3px 10px 2px;
    border-radius: 4px;
}

/* CARTE */
.carte-zone path {
    transition: fill 150ms ease-out;
}
.carte-zone path {
    fill-opacity: 1;
}
.zone-france:hover .carte-zone:not(:hover) path,
.zone-france:has(.carte-zone.show) .carte-zone:not(.show) path {
    fill-opacity: .5;
}
.bloc-carte .legend {
    border-color: transparent;
    width: 22px;
    height: 22px;
}
.d-sales {
    --gap-sales: 12px;
    --nb-sales: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-sales);
}
.carte-info {
    text-align: left;
    position: relative;
    /* top: -24px;
    left: 16px; */
    max-width: 100%;
    padding: 12px 16px 10px 16px;
    border-radius: 6px;
    background-color: #f2f2f2;
    opacity: 1;
    /* visibility: hidden; */
    transition: all 150ms ease-out;

    /* margin-bottom: 12px; */
    font-size: .85rem;
    box-sizing: border-box;
    border: solid 1px transparent;
    flex-basis: calc(( 100% - ( var(--gap-sales) * ( var(--nb-sales) - 1 ) ) ) / var(--nb-sales) );
    flex-shrink: 1;
    flex-grow: 0;
}
@media screen and (min-width:768px) and (max-width:991px){
    .carte-info {
        /* margin-left: 16px; */
        --nb-sales: 3;
    }
}
@media screen and (min-width:1500px){
    .carte-info {
        --nb-sales: 3;
    }
}
.carte-info > strong {
    font-size: 1rem;
}
.carte-info .legend {
    /* position: absolute;
    top: 12px;
    left: 24px; */
}
.carte-info .nord-idf .legend {
    background-color: #499541;
}
.carte-info .grand-est .legend {
    background-color: #53d34d;
}
.carte-info .centre-est .legend {
    background-color: #9ce05f;
}
.carte-info .sud-est .legend {
    background-color: #86bc25;
}
.carte-info .sud-ouest .legend {
    background-color: #e8e100;
}
.carte-info .centre-ouest .legend {
    background-color: #00a870;
}
.carte-info .nord-ouest .legend {
    background-color: #007f5c;
}




.carte-info.show,
.carte-info:hover {
    opacity: 1;
    visibility: visible;
    border-color: var(--dark);
}
.d-sales:hover .carte-info:not(:hover),
.bloc-carte:has(.carte-info.show) .carte-info:not(.show) {
    opacity: .4;
}
.bloc-carte .row {
    position: sticky;
    top: 150px;
}
/*
@media (min-width:576px){
    .carte-info {
        top: 12px;
        left: 0px;
    }
}
@media (min-width:768px){
    .carte-info {
        top: 12px;
        left: 72px;
    }
}
@media (min-width:992px){
    .carte-info {
        top: -24px;
        left: 0;
    }
}
@media (min-width:1200px){
    .carte-info {
        top: 12px;
        left: 72px;
    }
} */

.page-template-template-landingpage h1 {
    margin-bottom: 24px;
    text-shadow: 3px 3px 0 var(--light-hover);
}
.page-template-template-landingpage .bg-primary h1 {
    text-shadow: 3px 3px 0 var(--dark);
}
.page-template-template-landingpage .pictos-entreprise .pictoItem svg {
    width: 90px;
    height: 90px;
}
.page-template-template-landingpage #conteneur-temoignages {
    margin-top: 40px;
}

.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f'].ti-custom-stars .ti-star{background:#6aa84f !important}.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f'].ti-custom-stars .ti-star.h{background:linear-gradient(90deg, #6aa84f 50%, #cccccc 50%) !important}.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f'] .ti-review-item>.ti-inner{background-color:rgba(255, 255, 255, 0.82) !important}.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f']>.ti-widget-container>.ti-header,.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f']>.ti-widget-container>.ti-footer{background-color:rgba(255, 255, 255, 0.82) !important}
.page-template-template-landingpage .ti-widget-container {
    text-align: center;
}
.page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-header {
    flex-direction: row;
    padding-right: 32px;
    padding-top: 24px;
    display: inline-flex;
    align-items: baseline;
    padding: 1.2rem 1rem 0.8rem 1.2rem;
    border: solid 1px var(--primary);
    border-radius: 12px;
    text-decoration: none;
}
.page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-large-logo img {
    width: 126px !important;
    height: 32px !important;
}
.page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars {
    margin-top: -8px;
    margin-right: 8px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-rating {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 0px;
    margin-right: 8px;
    line-height: 30px;
    background-color: var(--primary);
    padding: 1px 6px;
    color: #FFFFFF;
    border-radius: 4px;
}
.page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars .ti-star {
    background-image: url("img/star.svg");
    display: inline-block;
    margin: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-right: 5px !important;
}
@media (max-width:575px){
    .page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-header {
        flex-direction: column;
    }
    .page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars {
        margin-top: 16px;
        margin-right: 0;
    }
    .page-template-template-landingpage .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-large-logo {
        margin: auto;
    }
}
.page-template-template-landingpage .wpcf7-not-valid-tip {
    font-size: .8rem;
}
.page-template-template-landingpage .wpcf7-not-valid {
    border-color: red;
}
.page-template-template-landingpage .axeptio_mount span.AxeptioConsentDetailsText {
    font-size: .8rem;
}


.form-landingpage {
    padding: 2rem;
    border-radius: 16px;
    background-color: var(--light);
    border: solid 4px var(--primary);
    box-shadow: 0 20px 36px -24px #03563b;
}
@media (min-width:768px){
    .form-landingpage {
        margin-top: -120px;
    }
}
.form-landingpage .input-field label {
    top: -19px;
    left: 12px;
    z-index: 1;
    padding: 0px 6px;
    background-color: transparent;
    color: #363330;
}
.is-style-p-up {
    font-size: 120%;
    color: var(--jaune);
    font-style: italic;
}
.bg-jaune .is-style-p-up {
    color: var(--primary-hover);
}

#validationConsent.wpcf7-not-valid + .wpcf7-not-valid-tip::before {
    content: '';
    position: absolute;
    left: -12px;
    width: 2px;
    height: 140px;
    bottom: 0;
    background-color: #dc3232;
}
@media (min-width:992) and (max-width:1485px) {
    #validationConsent.wpcf7-not-valid + .wpcf7-not-valid-tip::before {
        height: 165px;
    }
}
@media (max-width:539px) {
    #validationConsent.wpcf7-not-valid + .wpcf7-not-valid-tip::before {
        height: 165px;
    }
}
@media (max-width:427px) {
    #validationConsent.wpcf7-not-valid + .wpcf7-not-valid-tip::before {
        height: 190px;
    }
}
@media (max-width:364px) {
    #validationConsent.wpcf7-not-valid + .wpcf7-not-valid-tip::before {
        height: 215px;
    }
}



.page-container-maritime .conteneurItem,
.cocon_parents .conteneurItem {
    box-shadow: 0 8px 12px -8px rgba(30, 30, 30, .32);
}
.page-container-maritime .content-image,
.cocon_parents .content-image {
    margin-top: 80px;
}
.wp-block-buttons {
    margin-bottom: 3rem;
    margin-top: 2rem;
}
.wp-block-button__link {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    text-transform: uppercase;
    text-decoration: none !important;
    padding: .75rem 2rem .6rem;

    color: #fff !important;
    background-color: #00a870;
    border-color: #00a870;
    box-shadow: 0 .5rem 1.5rem -.75rem rgba(0,58,39,4);
}
.wp-block-button__link:hover {
    color: #fff !important;
    background-color: #008257;
    border-color: #00754e;
}
.page-container-maritime .content-image .bloc-cadre-primary,
.cocon_parents .content-image .bloc-cadre-primary {
    position: sticky;
    top: 210px;
}
@media screen and (min-width:1200px){
    .page-container-maritime #conteneur-temoignages .info-texte:after,
    .cocon_parents #conteneur-temoignages .info-texte:after {
        transform: rotate(-90deg);
        left: calc(100% + 3px);
        top: 58px;
    }
    .page-container-maritime #conteneur-temoignages .item-alt .info-texte:after,
    .cocon_parents #conteneur-temoignages .item-alt .info-texte:after {
        transform: rotate(90deg);
        left: -23px;
    }
}
.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f']>.ti-widget-container>.ti-header,
.ti-widget[data-layout-id='56'][data-set-id='drop-shadow'][data-pid='3aecdfb119608863c176ba5055f']>.ti-widget-container>.ti-footer {
    background-color: rgba(255, 255, 255, 0.82) !important;
}
.page-container-maritime .ti-widget-container,
.cocon_parents .ti-widget-container {
    text-align: center;
}
.page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-header,
.cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-header {
    flex-direction: column;
    padding-right: 32px;
    padding-top: 24px;
    display: inline-flex;
    align-items: baseline;
    padding: 1.2rem 1rem 0.8rem 1.2rem;
    border: solid 1px var(--primary);
    border-radius: 12px;
    text-decoration: none;
}
.page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars,
.cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars {
    margin-top: 4px;
    margin-right: 8px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
@media screen and (min-width:576px){
    .page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-header,
    .cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-header {
        flex-direction: row;
    }
    .page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars,
    .cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars {
        margin-top: -8px;
    }
}
.page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-large-logo img,
.cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-large-logo img {
    width: 126px !important;
    height: 32px !important;
}
.page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-rating,
.cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-rating {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 0px;
    margin-right: 8px;
    line-height: 30px;
    background-color: var(--primary);
    padding: 1px 6px;
    color: #FFFFFF;
    border-radius: 4px;
}
.page-container-maritime .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars .ti-star,
.cocon_parents .ti-widget[data-layout-id='56'][data-set-id='drop-shadow'] .ti-stars .ti-star {
    background-image: url("img/star.svg");
    display: inline-block;
    margin: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-right: 5px !important;
}
@media screen and (max-width:767px){
    .single-cocon-semantique .colItemLast,
    .cocon_parents .colItemLast {
        padding-left: 7px;
    }
    .single-cocon-semantique .colItemFirst,
    .cocon_parents .colItemFirst {
        padding-right: 8px;
    }
    .cocon_parents .conteneurItem_content .h5 {
        font-size: 1rem;
    }
    .cocon_parents .conteneurItem_bouton .btn-circle {
        width: 48px;
        height: 48px;
    }
    .cocon_parents .conteneurItem_bouton .btn-circle span {
        font-size: 2rem;
    }
    .cocon_parents .list-amenagements .conteneurItem_content {
        padding: 0 2px;
    }
    .cocon_parents .list-amenagements .conteneurItem_title {
        margin-top: 12px;
    }
    .single-cocon-semantique .bloc-list-articles .article-content {
        padding: 0 0 12px;
    }
    .single-cocon-semantique .bloc-list-articles .article-content h2 {
        font-size: 1rem;
    }
    .single-cocon-semantique .bloc-list-articles .article-content p {
        font-size: .9rem;
        line-height: 1.2rem;
    }
}