* {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; 
    font-smoothing: antialiased; 
    font-family: "Inter Tight", sans-serif;
}

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

html, body {
    box-sizing: border-box;
    font-family: "Inter Tight", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    background: #fff;
    color: #352f2f;
    text-rendering: optimizeLegibility; 
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
    font-optical-sizing: auto;
    font-style: normal;
}

:root {
    --leftright: 6vw;
    --rouge: #b30035;
    --noir: #352f2f;    
    --gris-light: #f4f4f4;
    --grislight: #f4f4f4;
    --grisclair: #f4f4f4;
    --gris: #d6d6d6;
    --bleu: #7fa2d5;
    --gris-fonce: #949191;
    --grisfonce: #949191;
    --materialicon: 'Material Symbols Outlined';
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/font-awesome/fa-brands-400.eot");
  src: url("fonts/font-awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"),
       url("fonts/font-awesome/fa-brands-400.woff2") format("woff2"),
       url("fonts/font-awesome/fa-brands-400.woff") format("woff"),
       url("fonts/font-awesome/fa-brands-400.ttf") format("truetype"),
       url("fonts/font-awesome/fa-brands-400.svg#fontawesome") format("svg");
}

/* Masquer le lien d'édition de page "Modifier" */
.edit-link {
    display: none;
}


strong,
.bold {
    font-weight: 800;
}

.intertight-300,
.intertight300 {
    font-weight: 300;
}

.intertight-600,
.intertight600 {
    font-weight: 600;
}

.intertight-700,
.intertight700 {
    font-weight: 700;
}

.intertight-800,
.intertight800 {
    font-weight: 800;
}

.bkg-blanc {
    background: #fff !important;
}

.bkg-rouge {
    background-color: var(--rouge);
}

.bkg-gris {
    background-color: var(--gris);
}

.bkg-gris-fonce,
.bkg-grisfonce {
    background-color: var(--grisfonce);
}

.bkg-grisclair,
.bkg-gris-clair,
.bkg-gris-light,
.bkg-grislight {
    background-color: var(--grislight);
}

.rouge {
    color: var(--rouge);
}

.gris {
    color: var(--gris);
}

.gris-fonce,
.grisfonce {
    color: var(--grisfonce);
}

.gris-light,
.grislight {
    color: var(--grislight);
}

.bkg-noir {
    background-color: var(--noir);
}

p {
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
    margin-bottom: 12px;
    font-family: "Inter Tight", serif;
    margin-top: 0;
    font-weight: 400;
    font-style: normal;
    position: relative;
    font-optical-sizing: auto;
}

.entry-content p {
    margin: 0;
    margin-bottom: 10px;
}

a.small,
.small,
.small p,
p.small {
    font-size: .8rem;
    line-height: 1.1rem;
}

.big {
    font-size: 1.4rem;
    line-height: 1.9rem;
}

.superbig {
    font-size: 4.5rem;
    line-height: 3.6rem;
}

.big + p,
.big + h3,
.big + h4,
.big + h5,
.big + h2,
.big + div,
.big + ul,
.big + a {
    margin-top: 20px;
}



.cap {
    text-transform: uppercase;
}

ul, ol {
    margin: 0 0 0 15px;
}

a {
    outline: none;
}

a,
a:hover,
a:visited,
a::after,
a:hover::after {
    color: inherit;
    outline-style: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a img {

}

img {
    max-width: 100%;
}


:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
    margin: 0;
    font-weight: 800;
    position: relative;
    letter-spacing: 0 !important;
}

h1 {
    font-size: 2.1rem;
    line-height: 2.3rem;
}

table tbody h2,
h2 {
    font-size: 1.7rem;
    line-height: 2.2rem;
}

h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

h4 {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

h5 {
    font-size: 1rem;
    line-height: 1.4rem;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

a.underline,
a.underline:hover {
    text-decoration: underline !important;
}

a.underline:hover {
    color: var(--rouge);
}


p+h2, p+header h2, p+h3, p+h4, ul+h2, ul+header h2, ul+h3, ul+h4, ol+h2, ol+header h2, ol+h3, ol+h4, table+h2, table+header h2, table+h3, table+h4, blockquote+h2, blockquote+header h2, blockquote+h3, blockquote+h4, form+h2, form+header h2, form+h3, form+h4 {
    margin-top: 25px;
}

section ul {
    list-style: none;
}

h4 + ul,
p + ul {
    margin-top: 20px;
}

h1:not(.marginzero) + article,
h1:not(.marginzero) + div,
h1:not(.marginzero) + p,
h1:not(.marginzero) + a,
h1:not(.marginzero) + ul,
h1:not(.marginzero) + img,
h1:not(.marginzero) + h2,
h1:not(.marginzero) + div,
h1:not(.marginzero) + h3,
h1:not(.marginzero) + h4 {
    margin-top: 25px;
}

h2:not(.marginzero) + article,
h2:not(.marginzero) + div,
h2:not(.marginzero) + p,
h2:not(.marginzero) + a,
h2:not(.marginzero) + ul,
h2:not(.marginzero) + img,
h2:not(.marginzero) + h3,
h2:not(.marginzero) + div,
h2:not(.marginzero) + h4,
h2:not(.marginzero) + h5 {
    margin-top: 25px;
}

h3:not(.marginzero) + article,
h3:not(.marginzero) + div,
h3:not(.marginzero) + p,
h3:not(.marginzero) + a,
h3:not(.marginzero) + ul,
h3:not(.marginzero) + img,
h3:not(.marginzero) + div,
h3:not(.marginzero) + h4,
h3:not(.marginzero) + h5 {
    margin-top: 20px;
}

h4:not(.marginzero) + article,
h4:not(.marginzero) + div,
h4:not(.marginzero) + p,
h4:not(.marginzero) + a,
h4:not(.marginzero) + ul,
h4:not(.marginzero) + img,
h4:not(.marginzero) + div,
h4:not(.marginzero) + h4,
h4:not(.marginzero) + h5 {
    margin-top: 10px;
}

h5:not(.marginzero) + article,
h5:not(.marginzero) + div,
h5:not(.marginzero) + p,
h5:not(.marginzero) + a,
h5:not(.marginzero) + ul,
h5:not(.marginzero) + img,
h5:not(.marginzero) + div,
h5:not(.marginzero) + h4,
h5:not(.marginzero) + h5 {
    margin-top: 10px;
}

h1.before::before,
h2.before::before,
h3.before::before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    background: var(--rouge);
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: middle;
}

/*------------------------------------------------------*/
/* Structure */
/*------------------------------------------------------*/

.site-main {
    margin-bottom: 0;
}

section {
    padding: 50px 0;
    position: relative;
}

section + section {
    padding-top: 0;
}

a.absolute {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 14;
    top: 0;
    left: 0;
}

.wrap {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    max-width: 98%;
    z-index: 3;
}

.thin {
    position: relative;
    width: 767px;
    margin: 0 auto;
    max-width: 98%;
    z-index: 3;
}

.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.display-table {
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.blanc p,
p.blanc,
.blanc {
    color: #fff;
}

.bkg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.padding80 {
    padding: 80px;
}

.padding60 {
    padding: 60px;
}

.padding50 {
    padding: 50px;
}

.padding40 {
    padding: 40px;
}

.padding30 {
    padding: 30px;
}

.padding20 {
    padding: 20px;
}

.padding15 {
    padding: 15px;
}

.padding10 {
    padding: 10px;
}

.hentry {
    padding: 0;
    margin: 0 0 30px 0;
}

.filet {
    width: 100%;
    height: 1px;
    margin: 15px 0;
}

.filet-epais {
    width: 100%;
    height: 6px;
    margin: 25px 0;
    border-radius: 3px;
}

.container-flex {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.container-flex-center {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: wrap;
    column-gap: 3%;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.container-flex-nowrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.container-flex-start {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.container-flex-end {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.container-flex-start-nowrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.container-flex img,
.container-flex-center img,
.container-flex-nowrap img,
.container-flex-start img {
    max-width: 100%;
    height: auto;
}

.flex-item-moitie {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 48%;
    position: relative;
}

.flex-item-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 23%;
    position: relative;
}

.flex-item-trois-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 70%;
    position: relative;
}

.flex-item-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 31%;
    position: relative;
}

.flex-item-deux-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 65%;
    position: relative;
}

.flex-item-auto {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.flex-item-full {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.flex-item-cinq {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 18%;
    position: relative;
}

.flex-align-middle {
    align-self: center;
}

.align-center {
    align-self: center;
}

.align-bottom {
    align-self: flex-end;
}

.marginzero,
.margin-zero {
    margin: 0 !important;
}

.paddingzero,
.padding-zero {
    padding: 0 !important;
}

iframe {
    max-width: 100%;
    margin-bottom: 30px;
}

p + iframe,
ul + iframe {
    margin-top: 15px;
}

.displaynone,
.display-none {
    display: none !important;
}

.displayblock,
.display-block {
    display: block !important;
}

.displayinlineblock,
.display-inlineblock {
    display: inline-block!important;
}

.relative {
    position: relative;
}

.mobile-only {
    display: none;
}

#container,
#content {
    margin: 0 auto;
    position: relative;
}

#content {
    padding-top: 80px;
}

#primary {
    padding-top: 50px;
    padding-bottom: 50px;
    float: none;
}

body.home #primary {
    padding-top: 0;
}

input[type=button].cta span,
input[type=submit] span,
.button.cta span,
button.cta span,
a.cta span,
.cta a span {
    position: relative;
}

input[type=button].cta,
input[type=submit],
.button.cta,
button.cta,
a.cta,
.cta a {
    background: var(--rouge);
    height: 45px;
    line-height: 45px;
    color: #fff !important;
    padding: 0 25px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    font-weight: 700;
}

input[type=button].cta::before,
input[type=submit]::before,
.button.cta::before,
button.cta::before,
a.cta::before,
.cta a::before {
    content: '';
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.0);
    display: block;
    transition: all .3s;
}

input[type=button].cta:hover::before,
input[type=submit]:hover::before,
.button.cta:hover::before,
button.cta:hover::before,
a.cta:hover::before,
.cta a:hover::before {
    bottom: 0;
    background: rgba(0,0,0,0.4);
}

input[type=button].cta:hover,
input[type=submit]:hover,
.button.cta:hover,
button.cta:hover,
a.cta:hover,
.cta a:hover {
    text-decoration: none !important;
}

button.cta.picto::after,
a.cta.picto::after,
.cta.picto a::after {
    content: '';
    font-family: var(--materialicon);
    display: inline-block;
    margin-left: 15px;
    font-size: 1.3rem;
    vertical-align: middle;
    position: relative;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

button.cta.picto.plus::after,
a.cta.picto.plus::after,
.cta.picto.plus a::after {
    content: 'add_circle';
}

button.cta.picto.fleche::after,
a.cta.picto.fleche::after,
.cta.picto.fleche a::after {
    content: 'expand_circle_right';
}

button.cta.picto.check::after,
a.cta.picto.check::after,
.cta.picto.check a::after {
    content: 'check_circle';
}

button.cta.picto.ring::after,
a.cta.picto.ring::after,
.cta.picto.ring a::after {
    content: 'add_alert';
}

a.cta.step {
    border-radius: 30px;
    margin-top: 30px;
    margin-left: 20px;
    display: inline-block;
}

a.cta.step::before {
    display: none;
}

a.cta.step:not(.inactif):hover {
    background: #c43660;
}

a.cta.step.inactif {
    background: var(--grisfonce);
    cursor: default;
    pointer-events: none;
}

a.bkg-grislight {
    background: var(--grislight);
}

.cta.bkg-grisfonce {
    background: var(--grisfonce);
}

.cta.bkg-noir {
    background: var(--noir);
}

.cta.bkg-grisfonce:hover {
    background: var(--noir);
}

.cta.bkg-noir:hover {
    background: var(--rouge);
}

.cta.cta-filet {
    background: #fff;
    color: var(--rouge) !important;
    border: 2px solid var(--rouge);
    line-height: 43px;
}

.cta.cta-filet::before {
    display: none;
}

.cta.cta-filet:hover {
    color: var(--noir) !important;
    border-color: var(--noir);
}

a.noir {
    color: var(--noir) !important;
}

a.cta.noir:hover {
    color: #fff !important;
}

.woocommerce-cart-form button,
.woocommerce-cart-form .button,
.widget a.button {
    background: var(--grisfonce);
}

button.bouton,
a.bouton {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    padding: 0 20px;
    font-size: .9rem;
}

a.bouton.after,
a.bouton.before,
.bkg-grislight a.bouton,
.bkg-gris a.bouton {
    background: #fff;
}

a.bouton:hover {
    display: inline-block;
    background: var(--gris);
}

a.bouton.before::before {
    content: '';
    font-family: var(--materialicon);
    font-weight: 200;
    display: inline-block;
    margin-right: 10px;
    font-size: 1.2rem;
    vertical-align: middle;
    position: relative;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

a.bouton.before.logout::before {
    content: 'logout';
}

a.bouton.before.close::before {
    content: 'arrow_back';
}

a.bouton.before.delete::before {
    content: 'backspace';
}

a.bouton.after::after {
    content: '';
    font-family: var(--materialicon);
    font-weight: 200;
    display: inline-block;
    margin-left: 10px;
    font-size: 1.2rem;
    vertical-align: middle;
    position: relative;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

a.bouton.after.panier::after {
    content: 'shopping_cart_checkout';
}

a.bouton.after.annonce::after {
    content: 'post_add';
}

a.bouton.after.refresh::after {
    content: 'refresh';
}

a.bouton.after.boost::after {
    content: 'rocket_launch';
}

a.bouton.after.arrow::after {
    content: 'arrow_forward';
}

a.bouton.after.cote::after {
    content: 'monitoring';
}

a.bouton.after.send::after {
    content: 'send';
}

a.bouton.bkg-rouge {
    background: var(--rouge);
    color: #fff;
    margin-right: 20px;
}

.bouton.bkg-rouge {
    background: var(--noir);
    color: #fff;
}

.bouton.bkg-rouge:hover {
    background: var(--grisfonce);
    color: #fff;
}

a.bouton.bkg-rouge:hover {
    background: var(--noir);
}

a.bouton.bkg-rouge::before,
a.bouton.bkg-rouge::after {
    color: #fff;
}

a.bouton.round {
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0 12px 0 0;
    background: var(--grisclair);
}

a.bouton.round:hover {
    background: var(--noir);
}

a.bouton.round.after::after {
    margin-left: 0;
    font-size: 1.2rem;
    margin-left: 0;
    line-height: 40px;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

a.bouton.round.after:hover::after {
    color: #fff;
}

a.bouton.round.pause.after::after {
    content: 'pause';   
}

a.bouton.round.activer.after::after {
    content: 'play_arrow';   
}

a.bouton.round.supprime.after::after {
    content: 'delete';   
}

a.bouton.round.edite.after::after {
    content: 'edit_document';   
}

a.bouton.round.whishlist.after::after {
    content: 'heart_plus';   
}

a.bouton.round.whishlist.after.add::after {
    content: 'heart_check';
}


.border-radius,
.borderradius {
    border-radius: 16px;
}

.border-radius-small,
.borderradiussmall {
    border-radius: 10px;
}

.borderfilet {
    border-style: solid;
    border-width: 1px;
}

.filetgris {
    border-color: var(--gris);
}


/*------------------------------------------------------*/
/* Header */
/*------------------------------------------------------*/

header.header {
    padding: 15px 0;
    z-index: 30;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    position: fixed;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

.container-logo-header {
    overflow: hidden;
}

.logo-header {
    width: 300px;
    height: 45px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.logo-header.logo-header-scroll {
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .2s;
}

header.header.scroll {
    padding: 8px 0;
}

header.header.scroll .logo-header:not(.logo-header-scroll) {
    margin-top: -100%;
}

header.header.scroll .logo-header.logo-header-scroll {
    top: 0;
}

header.header.scroll .cta a {
    height: 35px;
    line-height: 35px;
}

header.header nav li {
    display: inline-block;
    float: none;
    padding: 0 20px;
}

header.header nav li a {
    font-size: 1rem;
    font-weight: 700;
    position: relative;
}

header.header nav li.cta {
    padding-right: 0;
}

ul.menu li.current-menu-item>a {
    color: inherit;
}

#menu-menu-cta li {
    padding: 0;
}

#menu-menu-utilisateur li {
    padding: 0 10px;
    position: relative;
}

#menu-menu-utilisateur-resp li a::before,
#menu-menu-utilisateur li a::before {
    content: '';
    display: block;
    font-weight: 200;
    font-family: var(--materialicon);
    font-size: 1.5rem;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

#menu-menu-utilisateur-resp li a::before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

#menu-menu-utilisateur-resp li.recherche a::before,
#menu-menu-utilisateur li.recherche a::before {
    content: 'search';
}

#menu-menu-utilisateur-resp li.favoris a::before,
#menu-menu-utilisateur li.favoris a::before {
    content: 'favorite';
}

#menu-menu-utilisateur-resp li.compte a::before,
#menu-menu-utilisateur li.compte a::before {
    content: 'account_circle';
}

.user-connecte #menu-menu-utilisateur-resp li.compte a::before,
header.user-connecte #menu-menu-utilisateur li.compte a::before,
#menu-menu-utilisateur li a:hover::before {
    color: var(--rouge);
}

header #menu-menu-utilisateur li.compte span {
    display: none;
}

header.user-connecte #menu-menu-utilisateur li.compte span {
    display: block;
    position: absolute;
    font-size: .75rem;
    text-transform: uppercase;
    color: var(--rouge);
    left: 50%;
    transform: translateX(-50%);
}


/*------------------------------------------------------*/
/* Sous-menu */
/*------------------------------------------------------*/

.nav li a:hover {
    color: var(--rouge);
}

.nav li.menu-item-has-children::after {
    content: 'keyboard_arrow_down';
    display: block;
    position: absolute;
    font-family: var(--materialicon);
    color: var(--noir);
    font-size: 1.5rem;
    right: -5px;
    top: 2px;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

.nav li.menu-item-has-children li.menu-item-has-children::after {
    display: none;
}

.nav li ul.sub-menu  {
    border: 0;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 8px;
    margin: 0;
    text-align: left;
    position: absolute;
    display: none;
    z-index: -1;
    white-space: nowrap;
    width: auto;
    min-width: 250px;
}

.nav li.menu-item-has-children:hover > ul.sub-menu,
.nav li.menu-item-has-children ul.sub-menu:hover {
    display: block;
    z-index: 8999;
}

.nav li.menu-item-has-children {
    position: relative;
}

.nav li ul.sub-menu li ul.sub-menu {
    min-width: 2px;
    left: 90%;
    top: 0;
    padding: 10px;
}

.nav li ul.sub-menu li:nth-child(2) ul.sub-menu {
    top: -42px;
}

.nav li ul.sub-menu li:nth-child(3) ul.sub-menu {
    top: -84px;
}

.nav li ul.sub-menu li:nth-child(4) ul.sub-menu {
    top: -126px;
}

.nav ul.sub-menu li:hover ul.sub-menu {
    display: block;
    z-index: 9200;
}


.nav li ul.sub-menu li {
    float: none;
    height: auto;
    padding: 0;
    width: auto;
    display: block;
    /*width: 220px;*/
}

.nav li ul.sub-menu li a {
    padding: 0;
    width: auto;
    border: 0;
    color: var(--noir);
    font-size: .9rem;
    opacity: .5;
    display: block;
    padding: 10px 20px;
    line-height: 1.4rem;
    text-align: left;
    font-weight: 600;
    transition: all 0;
}

.nav li ul.sub-menu li a:hover {
    color: var(--noir);
    opacity: 1;
}

li.hovered-submenu>a {
    color: var(--noir) !important;
    opacity: 1 !important;
}



/*------------------------------------------------------*/
/* Menu responsive */
/*------------------------------------------------------*/


.declenche-panneau {
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 120;
    cursor: pointer;
    display: none;
    color: var(--noir);
}

.declenche-panneau::after {
    content: 'menu';
    display: block;
    position: absolute;
    font-family: var(--materialicon);
    color: var(--noir);
    font-size: 2.2rem;
    top: 0;
    left: 0;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

.declenche-panneau.inactif {
    display: none;
}

.declenche-panneau.actif::after {
    content: 'close';
}

body.noscroll {
    overflow-y: hidden;
}

.panneau-menu {
    padding: 20px;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 110;
    overflow-y: auto;
    max-width: 480px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.panneau-menu.actif {
    left: 0;
}

.opacifie {
    background: var(--noir);
    opacity: .85;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 80;
}

.opacifie.actif {
    left: 0;
}

.panneau-menu nav li {
    display: block;
    padding: 10px 0;
    position: relative;
}

.panneau-menu nav li a {
    font-size: .9rem;
    font-weight: 600;
}

.panneau-menu .nav li ul.sub-menu {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    position: relative;
    display: block;
    z-index: 1;
    min-width: 1px;
}

.panneau-menu .nav li ul.sub-menu li ul.sub-menu {
    left: 0;
    padding: 0;
}

.panneau-menu .nav li.menu-item-has-children::after {
    display: none;
}

.panneau-menu .nav li ul.sub-menu li a {
    opacity: 1;
    padding: 12px 0;
    font-weight: 400;
}

.panneau-menu .nav li ul.sub-menu li:nth-child(1) ul.sub-menu,
.panneau-menu .nav li ul.sub-menu li:nth-child(2) ul.sub-menu,
.panneau-menu .nav li ul.sub-menu li:nth-child(3) ul.sub-menu,
.panneau-menu .nav li ul.sub-menu li:nth-child(4) ul.sub-menu {
    top: 0;
    display: none;
}

.panneau-menu #menu-menu-principal #menu-item-18>a {
    pointer-events: none;
}

.panneau-menu #menu-menu-principal #menu-item-18>ul.submenu {
    margin-top: 20px;
}

.panneau-menu #menu-menu-utilisateur {
    padding: 10px 15px;
    background: var(--grislight);
    border-radius: 12px;
    margin: 15px 0;
}

.panneau-menu #menu-menu-utilisateur li {
    padding: 12px 0;
}

.panneau-menu #menu-menu-utilisateur li a {
    font-weight: 400;
}

.panneau-menu #menu-menu-utilisateur li a::before {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.panneau-menu #menu-menu-utilisateur li.compte span {
    display: none !important;
}

.panneau-menu.user-connecte #menu-menu-utilisateur li.compte a,
.panneau-menu.user-connecte #menu-menu-utilisateur li.compte a::before {
    color: var(--rouge);
}

.panneau-menu #menu-menu-cta {
    margin: 20px 0 0;
}

.panneau-menu ul {
    margin-left: 0;
}




/*
#shiftnav-toggle-main {
    position: fixed!important;
    top: 0 !important;
    z-index: 1620 !important; 
    right: 0 !important;
    left: auto !important;
    max-width: 40px !important;
    font-size: 20px !important;
}

#shiftnav-toggle-main .shiftnav-toggle-burger,
#shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    float: right !important;
}

#shiftnav-toggle-main-button {
    background: transparent !important;
    color: #fff !important;
}

.shiftnav {
    background: #fff !important;
    max-width: 85% !important;
    z-index: 5200 !important;
    border-right: 4px solid var(--gris) !important;
}

.shiftnav:after {
    display: none !important;
}

.shiftnav-open.shiftnav-open-left #shiftnav-toggle-main,
.shiftnav-open.shiftnav-open-left .shiftnav-fixed-left,
.shiftnav-open.shiftnav-open-left .shiftnav-wrap {
    transform: none !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
    background: #fff !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
    font-weight: 600 !important;
    color: var(--noir) !important;
    font-size: 1.1rem !important;
    border-bottom: 2px solid var(--gris) !important;
}

.shiftnav ul.shiftnav-menu.shiftnav-targets-medium li.menu-item>.shiftnav-target {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


.shiftnav li.lien-compte,
.shiftnav li.lien-panier {
    display: none !important;
}
*/


/*------------------------------------------------------*/
/* Footer */
/*------------------------------------------------------*/

.site-footer {
    padding: 30px 0;
    position: relative;
    z-index: 2;
}

.site-footer a {
    color: var(--gris) !important;
    font-weight: 600 !important;
    font-size: .9rem;
    line-height: 1.2rem;
}

.site-footer p,
.site-footer h3,
.site-footer h4 {
    color: var(--grislight) !important;
}

.site-footer nav ul {
    list-style: none;
    margin: 0;
}

.site-footer nav ul li {
    margin-bottom: 15px;
}

.site-footer nav ul li a {
    color: var(--gris) !important;
    text-decoration: none !important;
}

.site-footer nav ul li a:hover {
    color: #fff !important;
    text-decoration: underline!important;
}



/*------------------------------------------------------*/
/* Home + Pages */
/*------------------------------------------------------*/

.accueil-site {
    padding: calc(var(--leftright)/2);
    position: relative;
    min-height: 50vh;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 16px;
}

.accueil-site .img-categorie {
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #eaeaea;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s;
    opacity: 0;
}

.accueil-site .img-categorie.actif {
    transition: all .3s;
    opacity: 1;
}

.align-self-end {
    align-self: flex-end;
}

.module-recherche-home {
     z-index: 3;
    position: relative;
}

.select-categorie-search {
    
}

.select-categorie-search .cat-search {
    height: 50px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

.select-categorie-search .cat-search:hover::after {
    color: var(--rouge);
}

.select-categorie-search .cat-search::after {
    content: '';
    display: block;
    transition: all .3s;
    font-family: var(--materialicon);
    font-size: 2.4rem;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 50px;
    left: 0;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    color: var(--grisfonce);
}

.select-categorie-search .cat-search.cat-auto-search::after {
    content: 'directions_car';
}

.select-categorie-search .cat-search.cat-moto-search::after {
    content: 'two_wheeler';
}

.select-categorie-search .cat-search.cat-objet-search::after {
    content: 'wall_art';
}

.select-categorie-search .cat-search.cat-mobilite-search::after {
    content: 'airport_shuttle';
}

.select-categorie-search .cat-search.actif {
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.select-categorie-search .cat-search.actif::after {
    color: var(--rouge);
}

.categories-intitules {
     z-index: 3;
    position: relative;
    padding-left: 70px;
}

.categories-intitules .cat-intitule {
    color: #fff;
    font-size: 2.3rem;
    font-weight: 700;
    opacity: .6;
    line-height: 2.2rem;
    cursor: pointer;
    position: relative;
    transition: all .3s;
}

.categories-intitules .cat-intitule:hover,
.categories-intitules .cat-intitule.actif {
    opacity: 1;
}

.categories-intitules .cat-intitule.actif::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -25px;
    height: 16px;
    transition: all .3s;
    width: 16px;
    border-radius: 50%;
    background: var(--rouge);
    top: 20%;
}

.module-recherche-home {
    /*overflow: hidden; */
    position: relative;
}

.container-recherche-home {
    position: absolute;
    left: -9999px;
    top: 140px;
    width: calc(100% - 40px);
    transition: all .3s;
}

.container-recherche-home.actif {
    left: 20px;
}

.container-recherche-home .select2.select2-container.select2-container--default {
    min-width: 100% !important;
}

.container-recherche-home .widget.widget_wpc_filters_widget {
    margin: 0 !important;
}

.container-recherche-home .wpc-filters-widget-wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-recherche-home  .wpc-filters-section {
    justify-content: space-between;
    width: 48%;
    position: relative;
    margin-bottom: 25px;
}

.container-recherche-home  .wpc-filters-section .wpc-filter-header {
    display: none !important;
}

.container-recherche-home  .wpc-filters-section .wpc-filter-header .widget-title {
    margin: 10px 0;
    padding: 0 !important;
    background: none !important;
}

.container-recherche-home  .wpc-instead-of-posts-found {
    display: none !important;
}

.container-recherche-home .wpc-filter-layout-submit-button {
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.wpc-edit-filter-set {
    display: none !important;
}

.container-recherche-home a.wpc-filters-reset-button {
    display: none !important;
    padding: 0 !important;
    border: 0 !important;
}

.wpc-filters-range-inputs form {
    margin-top: 0 !important;
}

.container-recherche-home a.wpc-filters-submit-button {
    border: 0 !important;
    background: var(--rouge) !important;
    color: #fff !important;
    padding: 12px 16px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
}

.container-recherche-home a.wpc-filters-submit-button::after {
    content: 'expand_circle_right';
    font-family: var(--materialicon);
    display: inline-block;
    margin-left: 15px;
    font-size: 1.3rem;
    vertical-align: middle;
    position: relative;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.container-recherche-home a.wpc-filters-submit-button:hover {
    background: var(--noir) !important;
}

/* Filtres catégories width 100% pour module Home */

.container-recherche-home .wpc-filters-section-1209,
.container-recherche-home .wpc-filters-section-1213 {
    width: 100%;
}

.module-marque-recherchee:hover {
    border-color: var(--grislight);
    background-color: var(--grislight);
}

.module-evenements {
    min-height: 27vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.wpc-filters-range-column {
    position: relative;
}

.wpc-filters-range-column::after {
    content: 'euro';
    font-family: var(--materialicon);
    display: block;
    color: var(--grisfonce);
    font-size: 1.3rem;
    right: 5px;
    top: 10px;
    position: absolute;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

/*------------------------------------------------------*/
/* Carrousels annonces */
/*------------------------------------------------------*/

section.section-home {
    
}

.owl-carousel-annonces {
    width: 100%;
    margin-top: 40px !important;
}

.owl-carousel-annonces .item {
    overflow: hidden;
}

.owl-carousel-annonces .item:hover {
    border-color: var(--rouge);
}

.owl-carousel-annonces .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    z-index: 10;
}

.owl-carousel-annonces .owl-nav button.owl-prev:hover,
.owl-carousel-annonces .owl-nav button.owl-next:hover,
.owl-carousel-annonces .owl-nav button.owl-prev,
.owl-carousel-annonces .owl-nav button.owl-next {
    position: relative;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #fff !important;
    position: absolute;
    z-index: 4;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.owl-carousel-annonces .owl-nav button.owl-prev {
    left: -30px;
}

.owl-carousel-annonces .owl-nav button.owl-next {
    right: -30px;
}

.owl-nav button.owl-prev::before,
.owl-nav button.owl-next::before {
    content: '';
    display: inline-block;
    font-weight: 200;
    font-family: var(--materialicon);
    font-size: 1.6rem;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 60px;
    left: 0;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

.owl-nav button.owl-next::before {
    content: 'chevron_right';
}

.owl-nav button.owl-prev::before {
    content: 'chevron_left';
}

.owl-nav button.owl-prev:hover::before,
.owl-nav button.owl-next:hover::before {
    color: var(--rouge);
}

.owl-nav button.disabled {
    display: none;
}

.module-annonce-front {
    min-height: 380px;
}

body.home .module-annonce-front {
    display: block;
}

.module-annonce-front .img-annonce {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.module-annonce-front .img-annonce .marqueur {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 3px 8px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    font-size: .75rem;
    font-weight: 700;
    color: var(--rouge);
    text-transform: uppercase;
    line-height: 1.1rem;
}

.module-annonce-front .img-annonce .marqueur.annonce-enchere {
    background: var(--noir);
    color: #fff;
}

.module-annonce-front .img-annonce .marqueur.actif {
    display: block;
}

.titre-annonce-front {
    font-size: 1rem;
}

.sous-titre-annonce {
    font-weight: 600;
    font-size: .85rem;
}

.module-annonce-front .elements-annonce {
    padding: 20px;
    position: relative;
}

.details-annonce {
    font-size: .8rem;
    color: var(--grisfonce);
    margin-top: 20px;
    font-weight: 400;
    margin-left: 0;
    list-style: none;
}

.details-annonce li {
    margin-bottom: 5px;
}

.details-annonce li:last-child {
    margin-bottom: 0;
}

.details-annonce li::before {
    content: '';
    display: inline-block;
    font-weight: 200;
    margin-right: 6px;
    font-family: var(--materialicon);
    vertical-align: middle;
    font-size: 1.4rem;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

.details-annonce li.annee::before {
    content: 'calendar_month';
}

.details-annonce li.kilometrage::before {
    content: 'avg_pace';
}

.details-annonce li.departement::before {
    content: 'location_on';
}

.details-annonce li.marque::before {
    content: 'list';
}

.details-annonce li.modele::before {
    content: 'menu_open';
}

.details-annonce li.moteur::before {
    content: 'manufacturing';
}

.details-annonce li.vehicule::before {
    content: 'swap_driving_apps_wheel';
}

.details-annonce li.couleur::before {
    content: 'palette';
}

.details-annonce li.carburant::before {
    content: 'local_gas_station';
}

.details-annonce li.boite-vitesses::before {
    content: 'auto_transmission';
}

.details-annonce li.carrosserie::before {
    content: 'swap_driving_apps';
}

.owl-carousel-annonces .item:hover .titre-annonce-front a,
.owl-carousel-annonces .item:hover .sous-titre-annonce {
    color: var(--rouge);
}

.prix-annonce {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-top: 15px;
}

.module-annonce-front.page-home a.add-wishlist {
    z-index: 28;
    top: inherit;
    bottom: 15px;
    right: 15px;
}

.module-marque-recherchee h4 {
    text-transform: uppercase;
}


/*------------------------------------------------------*/
/* Annonce single */
/*------------------------------------------------------*/

body.archive #primary,
body.single-product #primary {
    padding-top: 10px;
}

.module-photos-annonce {
    height: 50vh;
    overflow: hidden;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.module-photos-annonce .flex-item-deux-tiers {
    width: 69%;
    border-right: 8px solid #fff;
}

.item-photo {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

.module-photos-annonce .item-photo.item-superpose {
    height: 50%;
}

.module-photos-annonce .item-photo.item-superpose.item-top {
    border-bottom: 8px solid #fff;
}

.item-video {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.item-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

a.bouton-galerie-photos {
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 20px;
}

a.add-wishlist {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4;
    margin-right: 0 !important;
}

a.bouton.round.add-wishlist:hover {
    background: var(--rouge) ;
}

.annonce-etat {
    padding: 6px 16px;
    border: 1px solid var(--gris);
    border-radius: 8px;
    margin: 0;
    font-weight: 800;
    color: var(--grisfonce);
    display: inline-block;
}

.module-contact-annonce {
    margin-top: 20px;
}

.bouton-vendeur-pro {
    display: block;
    margin: 12px 0;
    background: var(--grislight);
    padding: 8px 15px;
    font-size: .85rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--noir);
    border-radius: 8px;
}

.bouton-vendeur-pro:hover {
    background: var(--grisfonce);
    color: #fff;
}

.bouton-vendeur-pro::before {
    content: 'PRO';
    font-size: .7rem;
    padding: 3px 6px;
    line-height: .7rem;
    background: #fff;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    color: var(--rouge);
    border-radius: 3px;
}

a.contact-annonce {
    margin-top: 15px;
}

a.contact-annonce::after {
    content: '';
    display: block;
    right: 15px;
    top: 0;
    font-family: var(--materialicon);
    font-size: 1.4rem;
    position: absolute;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

a.contact-annonce.contact-annonce-enchere::after {
    content: 'gavel';
    color: #fff;
}

a.contact-annonce.contact-annonce-tel::after {
    content: 'call';
    color: var(--rouge);
}

a.contact-annonce.contact-annonce-msg::after {
    content: 'send';
    color: #fff;
}

.container-description-annonce {
    margin: 30px 0;
}

.container-description-annonce .details-annonce {
    font-size: .95rem;
    color: var(--noir);
    margin-top: 0;
}

.container-description-annonce .details-annonce li {
    margin-bottom: 20px;
}

.container-description-annonce .details-annonce li p {
    margin-bottom: 0;
    display: inline-block;
}

.container-description-annonce .details-annonce li::before {
    display: inline-block;
    font-weight: 300;
    margin-right: 8px;
    font-family: var(--materialicon);
    vertical-align: top;
    color: var(--grisfonce);
    font-size: 1.6rem;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

.popin-galerie-photos.fancybox-content {
    max-width  : 100% !important;
    max-height : 100% !important;
    margin: 0 auto;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    width: 100%;
    min-width: 1px;
    height: 100% !important;
}

.owl-carousel-galerie {
    position: absolute;
    top: 0;
    height: 100vh;
}

.owl-carousel-galerie .item {
   height: 100vh;
    width: auto;
    text-align: center;
    margin: 0;
}

.owl-carousel-galerie .item img {
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}

.owl-carousel-galerie .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    z-index: 10;
}

.owl-carousel-galerie .owl-nav button.owl-prev,
.owl-carousel-galerie .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    z-index: 4;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.owl-carousel-galerie .owl-nav button.owl-prev {
    left: 25px;
}

.owl-carousel-galerie .owl-nav button.owl-next {
    right: 25px;
}

.owl-dots {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 30;
    bottom: 0;
    padding: 30px 0;
    background: #fff;
}

.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--gris) !important;
    margin: 0 6px;
    border: 1px solid var(--gris);
}

.owl-dot.active {
    background: var(--rouge) !important;
    border: 1px solid var(--rouge);
}

.owl-dot:hover {
    background: var(--grisfonce) !important;
    border: 1px solid var(--rouge);
}

.single-post-share {
    margin: 15px 0 0;
    text-align: right;
}

a.share-icone {
    text-decoration: none !important;
    margin-right: 8px;
}

a.share-icone:last-child {
    margin-right: 0;
}

a.share-icone::before {
    content: '';
    display: inline-block;
    font-size: 1.2rem;
    font-family: 'fontAwesome';
}

a.share-icone:hover::before {
    color: var(--rouge);
}

a.share-icone.share-twitter::before {
    content: '\e61b';
}

a.share-icone.share-facebook::before {
    content: '\f082';
}

a.share-icone.share-linkedin::before {
    content: '\f08c';
}

a.share-icone.share-whatsapp::before {
    content: '\f232';
}

span.share-icone.share-link {
    display: inline-block;
}

span.share-icone.share-link::before {
    content: '\e157';
    display: inline-block;
    font-size: 1.5rem;
    cursor: pointer;
    vertical-align: bottom;
    font-family: var(--materialicon);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}


.icon-share::before {
    content: '\e80d';
    display: inline-block;
    font-family: var(--materialicon);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    font-size: 1.3rem;
    color: var(--rouge);
    vertical-align: top;
    margin-right: 10px;
}


/*------------------------------------------------------*/
/* Annonce - Whishlist */
/*------------------------------------------------------*/

.fenetre-compte {
    position: absolute;
    right: 20px;
    top: 80px;
    z-index: -1;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
    max-width: 400px;
    text-align: center;
    display: none;
}

.module-annonce-front .fenetre-compte {
    right: auto;
    top: 15px;
    left: 15px;
    max-width: 300px;
    font-size: .85rem;
    line-height: 1.2rem;
}

.page-home .fenetre-compte {
    top: 10px;
    left: 10px;
    max-width: 300px;
}

.page-home .fenetre-compte a.bouton {
    height: auto;
    line-height: 1.1rem;
    padding-top: 8px;
    padding-bottom: 8px;
}

.module-annonce-front .fenetre-compte a.bouton::after {
    display: none;
}

.fenetre-compte a.bouton {
    margin-right: 0 !important;
}

.fenetre-compte.actif {
    display: block;
    z-index: 80;
}

a.add-wishlist.ajoute {
    background: var(--noir);
}

a.add-wishlist.ajoute::after {
    color: #fff;
    line-height: 38px;
}

.count-favoris {
    position: absolute;
    font-size: .7rem;
    background: var(--rouge);
    color: #fff;
    width: 16px;
    height: 16px;
    font-weight: 700;
    border-radius: 50%;
    z-index: 15;
    top: -3px;
    line-height: 16px;
    right: 0;
    text-align: center;
    display: none;
}

.count-favoris.actif {
    display: block;
}


.count-messages {
    position: absolute;
    font-size: .7rem;
    background: var(--rouge);
    color: #fff;
    width: 16px;
    height: 16px;
    font-weight: 700;
    border-radius: 50%;
    z-index: 15;
    top: -3px;
    line-height: 16px;
    right: 3px;
    text-align: center;
    display: none;
}

.count-messages.actif {
    display: block;
}


/*------------------------------------------------------*/
/* Single Annonce - Messagerie */
/*------------------------------------------------------*/

.popin-message.fancybox-content {
    width: 600px;
    min-width: 400px;
}

.form-mentions.part02 {
    display: none;
}

.form-mentions.part02.actif {
    display: block;
}

.fenetre-compte.fenetre-message {
    position: relative;
    right: auto;
    top: auto;
    z-index: inherit;
    box-shadow: 0 0 16px rgba(0,0,0,0.15);
    max-width: 100%;
    text-align: center;
    display: block;
    margin: 40px auto;
}


/*------------------------------------------------------*/
/* Listes annonces (page archive) */
/*------------------------------------------------------*/

ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
    margin-bottom: 20px;
    padding: 0;
}


.module-annonce-front.page-liste {
    height: auto;
    min-height: 180px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--gris);
}

.module-annonce-front.page-liste .flex-item-full.img-annonce {
    height: auto;
    min-height: 180px;
    width: 40%;
}

.module-annonce-front.page-liste .flex-item-full.elements-annonce {
    height: 100%;
    width: 60%;
    padding: 20px;
    text-align: left;
}

.module-annonce-front.page-liste .img-annonce .marqueur {
    left: 12px;
    top: 12px;
    right: inherit;
}

.module-annonce-front.page-liste .details-annonce {
    margin-top: 8px;
}

.module-annonce-front.page-liste .details-annonce li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
}

.module-annonce-front.page-liste .details-annonce li::before {
    margin-right: 4px;
    font-size: 1.2rem;
}

.module-annonce-front.page-liste a.add-wishlist {
    top: inherit;
    bottom: 12px;
    right: 12px;
    z-index: 35;
}

.module-annonce-front.page-liste:hover {
    border-color: var(--rouge);
    box-shadow: 0 0 14px rgba(0,0,0,0.1);
}

.header-archive {
    padding: 30px 0 0;
}

.header-archive .count {
    font-size: 1.8rem;
}

.titre-filtres::before {
    content: 'tune';
    display: inline-block;
    margin-right: 10px;
    font-family: var(--materialicon);
    vertical-align: middle;
    font-size: 1.8rem;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
}

.woocommerce-pagination {
    width: 100%;
    text-align: center;
    float: none;
    margin-top: 30px;
    border: 0 !important;
}

.woocommerce-pagination .page-numbers li {
    border: 0 !important;
    margin: 0 5px !important;
}

.woocommerce-pagination .page-numbers li a {
    background: none !important;
    color: var(--noir) !important;
    border-radius: 8px;
    font-weight: 600;
    font-size: .9rem;
}

.woocommerce-pagination .page-numbers li a:hover {
    background: var(--rouge) !important;
    color: #fff !important;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    color: var(--noir) !important;
    background: var(--grislight) !important;
    border-radius: 6px;
}


/*------------------------------------------------------*/
/* Filtres de catégories */
/*------------------------------------------------------*/

.wpc-filters-section {
    margin-bottom: 0;
}

.widget .widget-title,
.widget .widgettitle {
    font-size: .9rem;
    border: 0;
    font-weight: 600;
    margin: 35px 0 10px;
    padding: 6px 12px;
    border-radius: 8px;
    background: var(--grislight);
    font-family: inherit !important;
}

.widget-title.no-titre {
    margin: 10px 0;
    background: none;
    padding: 0;
    border-radius: 0;
}

.wpc-filter-content a {
    opacity: 1 !important;
    color: var(--noir) !important;
}

.wpc-filters-ul-list.wpc-filters-labels a {
    font-size: .85rem;
    font-weight: 600 !important;
    line-height: 1rem;
}

.wpc-filters-ul-list.wpc-filters-labels label:hover a {
    color: #fff !important;
}

.wpc-term-count {
    width: 18px !important;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: .7rem;
    background: var(--grislight);
    font-weight: 600;
    color: var(--grisfonce);
    opacity: 1 !important;
}

.wpc-filters-section input[type=checkbox],
.wpc-filters-section input[type=checkbox]::after {
    border-color: var(--noir) !important;   
}

.wpc-filters-section label {
    opacity: 1 !important;
}

.wpc-filter-layout-submit-button {
    flex-direction: row;
    display: block !important;
    margin-top: 35px;
    position: relative;
}

body.archive .wpc-filter-layout-submit-button {
    margin-top: 0;
    position: fixed;
    z-index: 10;
    left: 30px;
    bottom: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--gris);
    box-shadow: 0 -10px 25px rgba(0,0,0,0.15);
}

a.wpc-filters-submit-button {
    width: 100% !important;
    display: block !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    background: var(--noir) !important;
    color: #fff !important;
    padding: 12px 16px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}

.close-groupe {
    display: none;
}

a.wpc-filters-submit-button:hover {
    background: var(--noir) !important;
}

a.wpc-filters-reset-button {
    font-size: .85rem !important;
}

.wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
    overflow-y: inherit !important;
}

a.btn-save-search {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 60;
    display: none;
}

a.btn-save-search.actif {
    display: inline-block;
}

.container-liste-annonces .woocommerce-no-products-found .woocommerce-info {
    font-weight: 600;
    color: var(--noir);
    background: transparent;
    border: 0;
    padding: 0;
    text-align: center;
}

.container-liste-annonces .woocommerce-no-products-found::before {
    content: '';
    height: 240px;
    width: 240px;
    display: block;
    position: relative;
    margin: 0 auto 20px;
    background-image: url(img/no-search-results.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a {
    color: var(--grislight) !important;
}

body.archive .groupe-filtres.actif .wpc-filters-submit-button {
    background: var(--rouge) !important;
}

.select2-search--dropdown.select2-search--hide {
    display: block;
}

body.home .wpc-filters-main-wrap.is-active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .8;
    z-index: 6;
}

body.home .wpc-filters-main-wrap.is-active::after {
    content: '';
    height: 60px;
    width: 60px;
    z-index: 7;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(img/Iphone-spinner-2.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gris);
    transition: .4s;
    border-radius: 28px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: var(--noir);
}

input:checked + .slider:before {
    transform: translateX(24px);
}

.label-text {
    margin-left: 10px;
    padding-left: 50px;
    display: inline-block;
    margin-top: -50px;
    font-size: .9rem;
    line-height: 1.2rem;
    vertical-align: middle;
}

.popin-recherche.fancybox-content {
    width: 600px;
    min-width: 400px;
}




/*------------------------------------------------------*/
/* Section création de compte */
/*------------------------------------------------------*/

.woocommerce-notices-wrapper {
    border-radius: 12px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    max-width: 450px;
}

.woocommerce-error {
    background: var(--rouge);
    font-weight: bold;
}


.module-login.thin {
    width: 380px;
    position: relative;
    overflow: hidden;
}

.module-login .module-form {
    z-index: -1;
    top: 100%;
    position: absolute;
    left: 0;
    transition: all .2s;
}

.module-login .module-form.actif {
    z-index: 2;
    display: block;
    margin-top: 0;
    position: relative;
}

.woocommerce-privacy-policy-text p {
    font-size: .8rem;
    line-height: 1.2rem;
    margin-bottom: 18px;
}

.woocommerce-password-hint {
    font-size: .75rem;
    line-height: 1.1rem;
}

.woocommerce-password-strength {
    text-align: center;
    font-size: .75rem;
    padding: 10px 0;
    color: var(--rouge);
}

.choix-type-compte {
    position: relative;
    height: 50px;
    border-radius: 26px;
    border: 2px solid var(--rouge);
    overflow: hidden;
    max-width: 380px;
    margin: 0 auto;
}

.choix-type-compte a.choix-compte {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    line-height: 44px;
    text-align: center;
    font-weight: 600;
    z-index: 3;
    color: var(--grisfonce);
}

.choix-type-compte a.choix-compte:not(.actif):hover {
    color: var(--rouge);
}

.choix-type-compte a:last-child {
    left: 50%;
}

.choix-type-compte a.choix-compte.actif {
    color: #fff;
}

.curseur-choix {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 50%;
    left: 0;
    background: var(--rouge);
    transition: all .2s;
    display: none;
}



/*------------------------------------------------------*/
/* Éléments formulaires */
/*------------------------------------------------------*/

input:-webkit-autofill {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

form:not(.acf-form) {
    margin: 20px 0;
}

input[type=text],
input[type=search],
input[type=tel],
input[type=number],
input[type=email],
input[type=password],
select,
textarea {
    border-radius: 6px;
    border: 1px solid var(--gris);
    background: transparent;
    box-shadow: none;
    color: inherit;
    padding: 6px 8px;
    font-family: inherit;
    position: relative;
    margin-bottom: 15px;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    background: transparent;
    border-color: var(--noir);
}

input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
textarea::placeholder {
    opacity: 0;
}

input[type=text],
input[type=search],
input[type=tel],
input[type=number],
input[type=email],
input[type=password],
select {
    height: 48px;
    line-height: 48px;
}

.module-login .woocommerce-form-row label {
    font-size: 1rem;
    line-height: 16px;
    background: #fff;
    top: 0;
    left: 8px;
    transform: translateY(12px);
    transform-origin: top left;
    transition: all .2s;
    position: absolute;
    opacity: .8;
    z-index: 2;
}

.module-login .woocommerce-form-row label.actif {
    font-size: 12px;
    line-height: 12px;
    padding: 1px 3px;
    transform: translateY(-8px);
    opacity: 1;
}

.show-password-input {
    background: transparent !important;
    border: 0;
    color: var(--gris);
}

.show-password-input:hover {
    color: var(--noir);
}

.acf-fields .acf-field-67c033cddaa1c {
    margin-bottom: 20px;
}

.wpcf7-form {
    margin-top: 0 !important;
}

.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form input[type=email],
.wpcf7-form input[type=text] {
    width: 100%;
    background: #fff;
}

.wpcf7-list-item.first,
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: .85rem;
}

.groupe-condit {
    margin: 20px 0;
    padding: 15px;
    background: var(--grislight);
    border-radius: 6px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0 !important;
    padding: 15px !important;
    background: var(--grislight);
    border-radius: 8px;
}

/*------------------------------------------------------*/
/* Formulaires comptes particuler/pro */
/* 1. ACF FORM */
/*------------------------------------------------------*/

.acf-form {
    margin-bottom: 0;
}

.acf-fields>.acf-field {
    padding: 20px 0 0;
    border: 0 !important;
    position: relative;
}

.acf-field .acf-label {
    margin: 0;
    vertical-align: inherit;
}

.acf-field .acf-label label {
    font-weight: inherit;
    margin: 0;
}

.acf-fields>.acf-field:not(.acf-field-checkbox, .acf-field-true-false, .acf-field-radio) label {
    font-size: 1rem;
    line-height: 16px;
    background: #fff;
    top: 0;
    left: 12px;
    transform: translateY(16px);
    transform-origin: top left;
    transition: all .2s;
    position: absolute;
    opacity: .8;
    z-index: 2;
}

.acf-fields>.acf-field label.actif {
    font-size: 12px;
    line-height: 12px;
    padding: 1px 3px;
    transform: translateY(-8px);
    opacity: 1;
    color: #999;
}

.acf-form-submit {
    margin-top: 40px;
    text-align: right;
    transition: all .2s
}

.acf-form-submit button:hover,
.acf-form-submit input[type="button"]:hover,
.acf-form-submit input[type="reset"]:hover,
.acf-form-submit input[type="submit"]:hover,
.acf-form-submit .button:hover,
.acf-form-submit .widget a.button:hover {
    background: var(--noir);
}

.acf-field:not(.acf-field-checkbox, .acf-field-textarea, .acf-field-67d93ba7d5952) p.description {
    color: inherit;
    font-size: .9rem;
    position: absolute;
    top: 50px;
    margin-top: 0;
    opacity: .7;
}

.acf-field-textarea p.description,
.acf-field.acf-field-checkbox p.description {
    font-size: .9rem;
    opacity: .7;
}

.acf-field.acf-field-checkbox {
    margin-top: 40px;
    padding: 15px;
    border-radius: 8px;
    background: #f4f4f4;
}

.acf-field.acf-field-checkbox .acf-label label {
    font-size: .85rem;
    font-weight: 700;
}

.acf-field.acf-field-checkbox .acf-input:focus-visible {
    outline: none !important;
}

#billing_country_field .woocommerce-input-wrapper,
.select2-container.-acf .select2-selection {
    height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 48px;
    line-height: 44px;
    color: inherit;
}

.select2-container--default .select2-selection--single {
    border-color: var(--gris) !important;
}

.select2-container--default .select2-selection--single:focus {
    border-color: var(--noir) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
}

.acf-field-true-false .acf-label {
    display: inline-block;
    margin-right: 15px;
    opacity: .7;
    width: 60%;
}

.acf-field.acf-field-true-false {
    padding: 15px;
    border: 1px solid var(--gris) !important;
    border-radius: 8px;
    margin-top: 20px;
}

.acf-field-true-false .acf-input {
    display: inline-block;
}

.acf-switch .acf-switch-on {
    text-shadow: var(--rouge) 0 1px 0;
    font-weight: 600;
}

.acf-switch.-on {
    background: var(--rouge);
    border-color: var(--rouge);
}

.acf-switch.-on .acf-switch-slider {
    border-color: var(--rouge);
}

.acf-switch:hover, .acf-switch.-focus {
    color: var(--rouge);
}

.acf-switch.-on:hover {
    border-color: var(--rouge);
}


/*------------------------------------------------------*/
/* Formulaires comptes particuler/pro */
/* 2. Affichage formulaires */
/*------------------------------------------------------*/


.module-form:not(.form-annonce) {
    margin: 30px 0;
    display: none;
}

.module-form.actif {
    display: block;
}

.acf-field.acf-field-select .acf-label {
    display: none !important;
}

input[type=text].valid,
input[type=tel].valid,
input[type=number].valid,
input[type=email].valid,
select.valid,
textarea.valid {
    border-left-width: 4px;
    border-left-color: var(--noir);
}

.module-form .is-required.acf-error input[type=text],
.module-form .is-required.acf-error input[type=email],
.module-form .is-required.acf-error select,
.module-form .is-required.acf-error .select2-container--default,
.module-form .is-required.acf-error input[type=number],
.module-form .is-required.acf-error texarea {
    border-color: var(--rouge) !important;
    border-left-width: 4px;
}

.acf-field.acf-error:not(.acf-field-checkbox, .acf-field-select, .acf-field-67bc3c99dd6e2, .acf-field-6890bc84ece90) .acf-notice.-error.acf-error-message {
    display: none !important;
}


/*------------------------------------------------------*/
/* Section Espace compte user */
/*------------------------------------------------------*/

.hentry .entry-content a {
    text-decoration: none;
}

.menu-account-customer {
    position: relative;
    border: 2px solid var(--gris);
    border-radius: 8px;
    padding: 25px;
    cursor: pointer;
    transition: all .2s;
}

.menu-account-customer.actif {
    position: relative;
    border-color: #fff;
    cursor: default;
    background: var(--grislight);
}

.menu-account-customer::before {
    content: '';
    display: block;
    font-weight: 200;
    font-family: var(--materialicon);
    font-size: 1.8rem;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    margin-bottom: 12px;
    color: var(--gris);
    transition: all .2s;
}

.menu-account-customer:not(.actif):hover {
    border-color: var(--rouge);
}

.menu-account-customer:not(.actif):hover::before {
    color: var(--noir);
}

.menu-account-customer.account-annonces::before {
    content: 'contextual_token';
}

.menu-account-customer.account-messagerie::before {
    content: 'tooltip_2';
}

.menu-account-customer.account-favoris::before {
    content: 'heart_check';
}

.menu-account-customer.account-recherches::before {
    content: 'manage_search';
}

.menu-account-customer.account-profil::before {
    content: 'manage_accounts';
}

.module-contenu-account {
    background: rgba(244,244,244,0);
    transition: all .3s;
    margin-top: 10px;
    padding: 10px 30px;
}

.module-contenu-account.actif {
    background: rgba(244,244,244,1);
    margin-top: 30px;
    padding: 30px;
}

.spinner-semaine {
  margin: 80px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--noir);
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.container-account .module-form {
    display: flex;
}

/* Ne pas afficher les mentions légales cochées */
.container-profil .acf-field.acf-field-checkbox.acf-field-67c033cddac1a,
.container-profil .acf-field.acf-field-checkbox.acf-field-67bf29293993d {
    display: none !important;
}

.oeil {
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 4;
    cursor: pointer;
}

.oeil::before {
    content: 'visibility_off';
    font-family: var(--materialicon);
    font-size: 1.8rem;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    color: var(--gris);
}

.oeil.actif::before {
    content: 'visibility';
    color: var(--noir);
}

.message-submit.updated,
#message_form.updated {
    display: block !important;
    padding: 8px 12px;
    margin-top: 15px;
    background: var(--noir);
    color: #fff;
    font-size: .85rem;
    font-weight: 600;
    border-radius: 6px;
}

.message-submit.error {
    display: block !important;
    padding: 8px 12px;
    margin-top: 15px;
    background: #fff;
    border: 1px solid red;
    color: red;
    font-size: .85rem;
    font-weight: 600;
    border-radius: 6px;
}

#acf_form_maj_profil .acf-field-67c03432bb3de input,
#acf_form_maj_profil .acf-field-67c03432bb3de input:focus {
    border-left-width: 1px !important;
    border-color: var(--gris) !important;
    color: var(--grisfonce);
}

.illus-account {
    width: 220px;
    height: 220px;
    max-width: 80%;
    margin: 0 auto 40px;
}

.illus-account.no-search {
    background-image: url(img/no-search.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.illus-account.no-favoris {
    background-image: url(img/no-favoris.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.illus-account.no-annonces {
    background-image: url(img/no-annonces.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.illus-account.no-messages {
    background-image: url(img/no-message.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.illus-account.illus404 {
    width: 300px;
    margin: 0 auto;
    background-image: url(img/not-found.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}



/*------------------------------------------------------*/
/* Section Espace Whishlist */
/*------------------------------------------------------*/

.container-account.container-favoris .module-annonce-front.page-liste {
    margin-bottom: 30px;
}

.container-account.container-favoris .module-annonce-front.page-liste .add-wishlist {
    display: none;
}

.supprime-whishlist-espace {
    position: absolute;
    z-index: 70;
    bottom: 10px;
    right: 10px;
}



/*------------------------------------------------------*/
/* Section Espace Recherches enregistrées */
/*------------------------------------------------------*/

.module-recherche-enregistree {
    margin-bottom: 25px;
}


/*------------------------------------------------------*/
/* Section Espace Messagerie */
/*------------------------------------------------------*/

.module-annonce-conversation {
    margin-bottom: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.module-conversation {
    margin-bottom: 15px;
    padding: 10px 10px 10px 20px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--grislight);
    transition: all .3s;
    position: relative;
}

.count-message-conver {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: .7rem;
    font-weight: 600;
    background: #fff;
    color: var(--noir);
    z-index: 2;
    border: 1px solid var(--gris);
}

.module-conversation:hover {
    border-color: var(--noir);
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.module-conversation::before {
    content: 'forum';
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30%;
    line-height: 30px;
    left: -15px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background: #fff;
    font-family: var(--materialicon);
    font-size: 1.4rem;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
    color: var(--grisfonce);
}

.module-conversation:hover::before {
    color: var(--noir);
}

.module-conversation.actif {
    border: 2px solid var(--rouge);
    background: #fff;
    cursor: default;
}

.module-conversation.actif::before {
    color: var(--noir);
}

.conversation-annonce-infos {
    width: 100%;
    margin-bottom: 10px;
}

.conversation-annonce-infos .photo-annonce {
    height: 80px;
    width: 100%;
    margin-bottom: 8px;
    background-position: center center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.infos-conversation {
    margin-bottom: 10px;
    border-radius: 12px;
    border: 1px solid var(--gris);
    overflow: hidden;
}

.infos-conversation .photo-annonce {
    height: 100px;
    width: 100%;
}

.ajax-container-global-conversation {
    height: 98%;
}

.container-overflow .messages-conversation {
    height: 65vh;
    min-height: 400px;
    overflow-y: scroll;
}

.ajax-messages-conversation {
    
}

.messages-conversation {
    padding: 20px 15px 20px 15px;
    border-radius: 12px;
    border: 1px solid var(--gris);
}

.module-message {
    width: 60%;
    margin-left: 0;
    background: var(--grislight);
    margin-bottom: 15px;
    border-radius: 6px;
    padding: 6px 10px;
}

.module-message.message-droite {
    margin-left: 40%;
    background: var(--gris);
}

.form-soumission-msg .flex-item-deux-tiers {
    width: 65% !important;
}

.form-soumission-msg .flex-item-tiers {
    width: 30% !important;
}

.form-soumission-msg .saisie-message {
    border-radius: 10px;
    background: var(--grislight);
    border: 0;
    width: 100%;
}

.form-soumission-msg .saisie-message:focus {
    border: 1px solid var(--gris);
    background: #fff !important;
}

.form-soumission-msg .saisie-message::placeholder {
    color: var(--grisfonce) !important;
    opacity: 1 !important;
    font-size: .85rem !important;
}



/*------------------------------------------------------*/
/* Section Espace Annonces */
/*------------------------------------------------------*/

.espace-groupe-annonces {
    
}

.module-annonce-espace {
    margin-bottom: 30px;
    display: none;
}

.module-annonce-espace.actif {
    display: flex;
}

.photo-annonce {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.module-annonce-espace .photo-annonce {
    height: 120px;
}

.menu-annonces {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--gris);
}

.menu-annonces li {
    display: inline-block;
    padding: 8px 20px;
    font-weight: 700;
    font-size: .85rem;
    cursor: pointer;
    position: relative;
}

.nbre-statut {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 20px;
    font-size: .65rem;
    font-weight: 400;
    background: var(--grisclair);
}

.menu-annonces li:hover {
    
}

.menu-annonces li:first-child {
    padding-left: 0;
}

.menu-annonces li.actif {
    color: var(--noir);
}

.zone-actions-annonce {
    margin-top: 25px;
}

.zone-actions-annonce .bouton {
    position: relative;
}

.menu-supprime {
    padding: 12px;
    background: #fff;
    border-radius: 12px;
    font-size: .75rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    position: absolute;
    top: 50%;
    right: -5px;
    display: none;
    z-index: 15;
}

.menu-supprime.actif {
    display: block;
}

.menu-supprime a {
    font-weight: 600;
    display: block;
    padding: 3px 8px;
    background: var(--grisclair);
    border-radius: 4px;
    margin: 5px 0;
}

.menu-supprime a:hover {
    background: #fff;
}

.message-success-annonce {
    display: none;
}

.message-success-annonce.actif {
    display: block;
    padding: 12px;
    font-size: .9rem;
    border-radius: 6px;
    background: var(--noir);
    color: #fff;
    font-weight: 600;
    margin: 25px 0;
}

/* Masquer les champs non modifiables en modification */
/* Marque auto */
/* Marque moto */
/* Modèle moto */

#acf_form_modification_annonce .acf-field-67eea9aee20ac,
#acf_form_modification_annonce .acf-field-67eea9aee2126,
#acf_form_modification_annonce .acf-field-67d85a07c5153 {
    display: none;
}

.valid-modif-annonce-video.inactif,
.valid-modif-annonce-photo-option.inactif,
.valid-modif-annonce-photo.inactif {
    cursor: default;
    pointer-events: none;
    opacity: .5;
}

.lien-facture {
    position: absolute;
    bottom: 12px;
    right: 12px;
    opacity: .5;
    z-index: 12;
}

.lien-facture:hover {
    opacity: 1;
    text-decoration: underline !important;
}



/*------------------------------------------------------*/
/* Création annonce */
/*------------------------------------------------------*/

#container-steps {
    min-height: 50vh;
}

.timeline-annonce {
    height: 8px;
    width: 4%;
    background: var(--rouge);
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s;
}

.timeline-annonce.step02 {
    width: 18%;
}

.timeline-annonce.step03 {
    width: 36%;
}

.timeline-annonce.step04 {
    width: 50%;
}

.timeline-annonce.step05 {
    width: 80%;
}

.timeline-annonce.end {
    width: 100%;
}


/*----------------------------*/
/* Etape 01 - Choix catégorie */
/*----------------------------*/


.selection-categorie {
    padding: 10px 0;
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
}

.selection-categorie::after {
    content: 'keyboard_arrow_down';
    font-family: var(--materialicon);
    font-weight: 400;
    display: inline-block;
    font-size: 1.6rem;
    vertical-align: middle;
    position: relative;
    margin-left: 30px;
    transform: rotate(0deg);
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    
}

.selection-categorie:hover {
    color: var(--rouge);
}

.selection-categorie.actif::after {
    transform: rotate(180deg);
    cursor: default;
}

.categories-produits {
    display: none;
}

.categories-produits.actif {
    display: flex;
}

.categories-produits .categorie-produit {
    padding: 12px 0 12px 46px;
    border-bottom: 1px solid var(--gris);
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

#container-steps .categories-produits .categorie-produit::before {
    content: '';
    display: block;
    font-family: var(--materialicon);
    font-size: 1.7rem;
    color: var(--noir);
    left: 0;
    font-weight: 200;
    font-style: normal;
    position: absolute;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

#container-steps .categories-produits .categorie-produit.cat-19::before {
    content: 'directions_car';
}

#container-steps .categories-produits .categorie-produit.cat-20::before {
    content: 'two_wheeler';
}

#container-steps .categories-produits .categorie-produit.cat-21::before {
    content: 'wall_art';
}

#container-steps .categories-produits .categorie-produit.cat-22::before {
    content: 'agriculture';
}

.categories-produits .categorie-produit.actif,
#container-steps .categories-produits .categorie-produit:hover::before,
#container-steps .categories-produits .categorie-produit.actif::before,
.categories-produits .categorie-produit:hover {
    color: var(--rouge);
}

.sous-categorie-produit {
    opacity: .6;
}

.sous-categorie-produit:hover,
.sous-categorie-produit.select {
    font-weight: 700;
    opacity: 1;
}

.sous-categorie-produit.select {
    color: var(--rouge);
}

.categories-produits .categorie-produit.actif {
    font-weight: 700;
    display: block;
}

.categories-produits .categorie-produit.actif::after {
    content: 'arrow_forward';
    display: inline-block;
    font-family: var(--materialicon);
    font-size: 1.1rem;
    color: var(--rouge);
    position: absolute;
    right: 0;
    top: 10px;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    
}

.sous-categorie-produit {
    padding: 12px 0;
    border-bottom: 1px solid var(--gris);
    cursor: pointer;
    font-size: .9rem;
    display: none;
}

.sous-categorie-produit.actif {
    display: block;
}

.categorie-selectionnee {
    background: var(--gris-light);
    padding: 0 15px;
    margin: 15px 0;
    border-radius: 8px;
    opacity: 0;
    font-weight: 300;
    transition: all .3s;
}

.categorie-selectionnee.actif {
    opacity: 1;
    padding: 8px 15px;
}

.recap-annonce {
    margin-top: 20px;
    padding-left: 20px;
    border-left: 4px solid var(--rouge);
    border-radius: 4px;
    display: none;
}

.recap-annonce.actif {
    display: block;
}

.recap-annonce .etape-creation {
    font-size: .85rem;
    margin-bottom: 10px;
    opacity: .6;
    position: relative;
}

.recap-annonce .etape-creation .floatleft,
.recap-annonce .etape-creation .floatright {
    width: 48%;
    line-height: 1.3rem;
}

.recap-annonce .etape-creation.actif {
    font-weight: 700;
    opacity: 1;
}


.recap-annonce .etape-creation.actif.done::before {
    content: 'check';
    display: block;
    position: absolute;
    font-family: var(--materialicon);
    top: -2px;
    left: -34px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    line-height: 18px;
    border: 2px solid var(--rouge);
    font-size: .85rem;
    text-align: center;
    color: var(--rouge);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    
}

.montant-total-annonce {
    padding: 8px 20px;
    border-radius: 8px;
    border: 2px solid var(--rouge);
    margin-top: 20px;
    display: none;
}

.montant-total-annonce.actif {
    display: block;
}


/*--------------------*/
/* Etape 02 - Formule */
/*--------------------*/


.module-formule {
    margin-bottom: 60px;
    padding-bottom: 120px;
    position: relative;
    cursor: pointer;
}

.module-formule:hover {
    border-color: var(--noir);
    cursor: pointer;
}

.module-formule.actif h3,
.module-formule:hover h3 {
    color: var(--rouge);
}

.module-formule .description-courte {
    font-size: .85rem;
    line-height: 1.2rem;
    min-height: 140px;
}

.module-formule:hover .bouton,
.bouton.actif:hover {
    background: var(--noir);
    color: #fff;
}

.module-formule .prix-formule {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
}

.module-formule .bouton {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.module-formule.actif {
    border: 4px solid var(--rouge);
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
}

.module-formule.actif .bouton {
    background: var(--noir);
    color: #fff;
}

.module-formule.formule-pro:first-child {
    
}


/*--------------------*/
/* Etape 03 - Annonce */
/*--------------------*/

.module-form.form-annonce {
    max-width: 70%;
}

.form-annonce .acf-fields>.acf-field {
    padding: 20px 0 10px;
}

.acf-field-67d93ba7d5952 label {
    margin-bottom: 0 !important;
    top: 15px !important;
}

.acf-field-67d93ba7d5952 p.description {
    font-size: .85rem;
    text-align: right;
    margin-top: 0;
    z-index: 4;
    top: -5px;
}

.acf-field-67d93ba7d5952 p.description a {
    text-decoration: underline !important;
}

.acf-input-prepend,
.acf-input-append {
    padding: 0 8px !important;
    height: 48px;
    line-height: 40px;
    border-color: var(--grislight);
    background: var(--grislight);
}

.form-annonce .acf-field.acf-field-textarea .acf-label label,
.form-annonce .acf-field.acf-field-select .acf-label label,
.form-annonce .acf-field.acf-field-taxonomy .acf-label label {
    margin-bottom: 12px;
    font-size: .85rem;
    opacity: .8;
}


.form-annonce .acf-field.acf-field-textarea .acf-label label,
.form-annonce .acf-field.acf-field-select .acf-label label,
.form-annonce .acf-field.acf-field-taxonomy .acf-label label {
    position: relative;
    transform: translateY(0);
    left: auto;
    background: none;
}

.form-annonce .acf-field.acf-field-select .acf-label {
    display: block !important;
}

.form-annonce .acf-field.acf-field-true-false,
.form-annonce .acf-field.acf-field-radio,
.form-annonce .acf-field.acf-field-checkbox {
    margin: 20px 0;
    border-radius: 8px;
    background: transparent;
    border: 1px solid var(--gris) !important;
    padding: 20px;
}

.form-annonce .acf-field.acf-field-true-false .acf-label label,
.form-annonce .acf-field.acf-field-radio .acf-label label,
.form-annonce .acf-field.acf-field-checkbox .acf-label label {
    font-size: .85rem;
    font-weight: inherit;
    margin-bottom: 12px;
    opacity: .8;
    line-height: 16px;
}

.form-annonce .acf-field.acf-field-true-false ul label,
.form-annonce .acf-field.acf-field-radio ul label,
.form-annonce .acf-field.acf-field-checkbox ul label {
    font-size: 1rem;
    font-weight: inherit;
    margin-bottom: 0;
    opacity: .8;
    line-height: 16px;
}

.acf-fields .acf-field.acf-field-true-false .acf-label,
.acf-fields .acf-field.acf-field-radio .acf-label,
.acf-fields .acf-field.acf-field-message .acf-label {
    /*display: none;*/
}

.form-annonce input[type="radio"] {
    display: none !important;
}

.form-annonce ul.acf-radio-list li label {
    cursor: pointer;
    margin-right: 30px;
    margin-bottom: 12px;
    display: inline-block;
    font-size: .9rem;
}

.form-annonce ul.acf-radio-list li label::before {
    content: 'radio_button_unchecked';
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-family: var(--materialicon);
    color: var(--noir);
    font-size: 1.5rem;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    
}

.form-annonce ul.acf-radio-list li label.selected::before,
.form-annonce ul.acf-radio-list li label.checked::before {
    content: 'radio_button_checked';
}

.form-annonce input[type="checkbox"] {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    margin-top: 10px;
}

.form-annonce .acf-field-checkbox .acf-input label {
    cursor: pointer;
    margin-right: 30px;
    padding-left: 26px;
    display: block;
    position: relative;
    font-size: .85rem;
    line-height: 1.1rem;
}

.form-annonce .acf-field-checkbox .acf-input label::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: var(--gris);
}

.form-annonce .acf-field-checkbox .acf-input label.selected::before,
.form-annonce .acf-field-checkbox .acf-input label.checked::before {
    content: 'check';
    color: var(--noir);
    font-family: var(--materialicon);
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Pour Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--noir);
    font-weight: 700;
}

.retour-step-form  {
    margin-top: -40px;
}

.acf-field-67d9495242949,
.acf-field-67d9495242949 input[type=number] {
    /*height: 95px;*/
}

.acf-field-67d9495242949 .acf-input-append {
    /*
    height: 95px;
    line-height: 90px;
    */
}

#container-steps .acf-button {
    border-radius: 30px;
}

.form-annonce  .acf-field.acf-error .acf-notice.-error.acf-error-message {
    display: inherit !important;
}

.form-annonce  .acf-field.acf-error.acf-field-text .acf-notice.-error.acf-error-message,
.form-annonce  .acf-field.acf-error.acf-field-number .acf-notice.-error.acf-error-message {
    position: absolute;
    right: 0;
    padding: 0 3px;
    top: -36px;
    margin: 0;
}


/*------------------*/
/* Etape 04 - Photos*/
/*------------------*/


.bloc-options,
.module-photos {
    margin: 30px 0 !important;
}

.zone-download-photo {
    width: 100%;
    height: 150px;
    text-align: center;
    border: 2px solid var(--gris);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}

.zone-download-photo:hover {
    border: 2px solid var(--rouge);
}

.zone-download-photo.dragover {
    border: 2px solid var(--rouge);
}

.upload-btn-video,
.upload-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all .3s;
}

.upload-btn::before {
    content: 'add_a_photo';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--materialicon);
    font-size: 3rem;
    top: 40%;
    color: var(--gris);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    
}

.container-photos-base .flex-item-cinq:first-child .upload-btn::after {
    content: 'Photo principale';
    font-weight: 700;
    font-size: .85rem;
    text-align: center;
    position: absolute;
    bottom: 5px;
    z-index: 8;
    width: 100%;
    left: 0;
    color: var(--grisfonce);
}

.zone-download-photo:hover .upload-btn,
.zone-download-photo.dragover .upload-btn {
    background: var(--rouge);
}

.zone-download-photo:hover .upload-btn::before,
.zone-download-photo.dragover .upload-btn::before {
    color: #fff;
}

.container-photos-base .zone-download-photo.alerte {
    border: 2px solid var(--rouge);
}

.upload-btn:hover::after {
    color: #fff !important;
}

.preview-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.container-photos-options .file-name,
.container-photos-base .file-name {
    margin-top: 10px;
    font-size: .8rem;
    opacity: .5;
    line-height: 1.1rem;
}

.remove-btn {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    right: 15px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.remove-btn::before {
    content: 'delete';
    display: block;
    position: absolute;
    width: 30px;
    top: -2px;
    left: -2px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-family: var(--materialicon);
    font-size: 1rem;
    font-weight: 200;
    color: var(--rouge);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.remove-btn:hover {
    border-color: var(--rouge);
    background: var(--rouge);
}

.remove-btn:hover::before {
    color: #fff;
}

.module-photos-options {
    background: var(--grislight);
    padding: 26px;
    margin-top: 40px;
    border-radius: 12px;
}

.module-photos-options .zone-download-photo {
    background: #fff;
}

.module-video {
    margin: 30px 0;
}

.zone-download-video {
    width: 100%;
    height: 200px;
    text-align: center;
    border: 3px solid var(--gris);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}

.zone-download-video.active,
.zone-download-video:hover {
    border-color: var(--rouge);
    background: var(--rouge);
}

.zone-download-video.dragover {
    border-color: var(--rouge);
    background: var(--rouge);
}

.zone-download-video.active .file-name-video {
    font-weight: 700;
    color: #fff;
}

.upload-btn-video::before {
    content: 'cloud_upload';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--materialicon);
    font-size: 3rem;
    font-weight: 200;
    top: 35%;
    color: var(--gris);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}


.upload-btn-video::after {
    content: 'Glissez-déposez votre vidéo ici';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    top: 55%;
    font-weight: 700;
    color: var(--gris);
}

.zone-download-video:hover .upload-btn-video::before,
.zone-download-video.dragover .upload-btn-video::before,
.zone-download-video:hover .upload-btn-video::after,
.zone-download-video.dragover .upload-btn-video::after {
    color: #fff;
}

.file-name-video {
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: .9rem;
    width: 100%;
    text-align: center;
}

#video-option,
#photos-option {
    display: none;
}

#video-option.actif,
#photos-option.actif {
    display: block;
}

.bloc-options .titre-options {
    margin-bottom: 30px;
}

.bloc-options .titre-options::before {
    content: 'star_shine';
    display: inline-block;
    font-family: var(--materialicon);
    font-size: 2.5rem;
    font-weight: 200;
    color: var(--rouge);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
    margin-right: 10px;
}

.bloc-options .option {
    margin: 20px 0 0;
    cursor: pointer;
}

.bloc-options .option::before {
    content: 'toggle_off';
    display: inline-block;
    font-family: var(--materialicon);
    font-size: 2.5rem;
    font-weight: 200;
    color: var(--noir);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
    margin-right: 10px;
}

.bloc-options .option.actif::before {
    content: 'toggle_on';
    color: var(--rouge);
}


/*-------------------*/
/* Etape 05 - Boost */
/*-------------------*/

.module-boosts {
    margin-bottom: 40px;
}

.module-boost {
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

.module-boost .option-boost {
    margin: 30px 0 12px;
    border-radius: 12px;
    border: 2px solid var(--grislight);
    padding: 20px;
    padding-left: 60px;
    position: relative;
    cursor: pointer;
}

.module-boost .option-boost::before {
    content: 'check_box_outline_blank';
    display: block;
    position: absolute;
    font-family: var(--materialicon);
    font-size: 2rem;
    font-weight: 200;
    color: var(--gris);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
    top: 22px;
    left: 20px;
}

.module-boost .option-boost.actif::before {
    content: 'select_check_box';
    color: var(--rouge);
}

/*-------------------------*/
/* Etape 06 - Finalisation */
/*-------------------------*/

.module-recap {
    margin-bottom: 40px;
}

.cont-input {
    position: relative;
}

.cont-input::after {
    content: '€';
    display: block;
    position: absolute;
    font-size: 1rem;
    font-weight: 200;
    opacity: .7;
    top: 30%;
    right: 20px;
}

#message-new-price.actif {
    padding: 3px 6px;
    background: #fff;
    border: 1px solid var(--rouge);
    margin-bottom: 8px;
    border-radius: 4px;
    font-size: .75rem;
}

#message-success-save.actif {
    padding: 16px 20px;
    background: var(--noir);
    margin-bottom: 15px;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    font-size: .9rem;
}

#annonce-attente {
    position: fixed;
    bottom: 60px;
    right: 60px;
    background: #fff;
    border-radius: 12px;
    padding: 10px 18px 10px 50px;
    font-size: .8rem;
    line-height: 1.2rem;
    font-weight: 600;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    z-index: 12;
    text-decoration: none;
    display: inline-block;
}

#annonce-attente::before {
    content: 'shopping_cart_checkout';
    display: block;
    position: absolute;
    font-family: var(--materialicon);
    font-size: 1.7rem;
    top: 20px;
    left: 12px;
    font-weight: 200;
    color: var(--rouge);
    margin-right: 15px;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

/* Masquer dans les pages Panier et Checkout */
body.page-id-10 #annonce-attente,
body.page-id-11 #annonce-attente {
    display: none !important;
}

.btn-final.inactif {
    cursor: default;
    pointer-events: none;
    opacity: .5;
}


/*------------------------------------------------------*/
/* Panier */
/*------------------------------------------------------*/

table.cart {
    margin: 0;
}

table.cart th,
table.cart td {
    padding: 15px 20px !important;
    border-bottom: 1px solid var(--gris) !important;
    background: #fff !important;
}

tr.annonce-panier td,
tr.remove-annonce td {
    border: 0 !important;
}

.bouton.remove-annonce-btn {
    margin-bottom: 60px;
}


tr.row-formule td {
    font-weight: bold;
    background: var(--grislight) !important;
    border-bottom: 0 !important;
}

tr.row-formule td.product-name {
    color: var(--rouge);
}

tr.row-formule .product-remove a {
    display: none !important;
}

table.cart .product-remove a {
    display: inline-block;
    height: 40px;
    width: 40px;
}

table.cart .product-remove a::before {
    content: 'delete';
    display: block;
    position: absolute;
    font-family: var(--materialicon);
    font-size: 1.2rem;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    top: 0;
    left: 0;
    font-weight: 200;
    color: var(--noir);
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

table.cart .product-remove a:hover::before {
    color: var(--rouge);
}

table.cart .text-right {
    text-align: right;
}

.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
    float: none;
    width: 60%;
    margin: 0 auto;
}

.cart-collaterals .cart_totals h2 {
    text-align: center;
    margin-bottom: 30px;
}

.cart-collaterals .cart_totals th,
.cart-collaterals .cart_totals td {
    background: transparent !important;
    border-bottom: 1px solid var(--noir);
}

.cart-collaterals a.cta {
    width: 100%;
}

.cart-empty.woocommerce-info {
    display: none;
}


/*------------------------------------------------------*/
/* Checkout */
/*------------------------------------------------------*/

.reglement-checkbox-wrapper {
    margin-bottom: 20px;
    font-size: .9rem;
}

.reglement-checkbox-wrapper a {
    font-size: .9rem;
    text-decoration: underline !important;
    font-weight: bold;
}

.statut-part #woocommerce_eu_vat_number_field {
    display: none !important;
}

#order_review_heading,
#order_review {
    float: none;
    width: 100%;
}

table.woocommerce-checkout-review-order-table {
    margin: 0;
}

table.woocommerce-checkout-review-order-table thead tr {
    display: none;
}

table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table th {
    background: transparent !important;
    padding: 4px 15px !important;
    font-size: .85rem;
    border-bottom: 1px solid var(--gris);
}

table.woocommerce-checkout-review-order-table tr.order-total td,
table.woocommerce-checkout-review-order-table tr.order-total th {
    border: 0;
}

table.woocommerce-checkout-review-order-table tr.cart-subtotal {
    display: none;
}

.woocommerce-billing-fields h3 {
    display: none;
}

.woocommerce-billing-fields__field-wrapper {
    margin-top: 0 !important;
}

.woocommerce-additional-fields {
    display: none;
}

#order_review_heading {
    display: none;
}

.select2-container .select2-selection--single {
    height: 48px;
}

.woocommerce-billing-fields__field-wrapper p {
    margin-bottom: 0;
}

.woocommerce-billing-fields__field-wrapper label {
    font-size: .85rem;
}

.woocommerce-billing-fields__field-wrapper .select2 {
    margin-bottom: 15px;
}

.detail-client {
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
}

.detail-client::after {
    content: 'Éditer ›';
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: .85rem;
    font-weight: 600;
    color: var(--grisfonce);
}

.detail-client #customer_details {
    display: none;
}

.detail-client #customer_details.actif {
    display: block;
}

#order_review table {
    display: none;
    padding: 25px;
    border: 1px solid var(--gris);
    border-radius: 12px;
}

#order_review table.actif {
    display: block;
}

.total-commande {
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
}

.total-commande::after {
    content: 'Détail ›';
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: .85rem;
    font-weight: 600;
    color: var(--grisfonce);
}

#payment .payment_methods > li {
    margin-bottom: 20px;
}

#payment .wc_payment_method label {
    padding: 15px !important;
    font-weight: 600 !important;
    background: var(--grisclair) !important;
    margin: 0 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
}

#payment .wc_payment_method label.actif {
    background: #7fa2d5 !important;
    color: #fff;
}

#payment .wc_payment_method label::before {
    display: none !important;
}

#payment .wc_payment_method label::after {
    content: 'task_alt';
    display: block;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--materialicon);
    font-size: 1.5rem;
    color: #fff;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    transition: all .3s;
}

#payment .wc_payment_method label:hover::after,
#payment .wc_payment_method label.actif::after {
    opacity: 1;
}

#payment .wc_payment_method label:hover::after {
    color: var(--grisfonce);
}

#payment .wc_payment_method {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#payment .payment_box {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 20px;
    background: var(--grisclair);
}

#payment .payment_box p {
    font-size: .9rem;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
    background: transparent;
}

#payment .payment_methods > li:not(.woocommerce-notice):hover {
    background: inherit !important;
}

.wc_payment_methods.payment_methods::before {
    content: 'Choisissez votre mode de paiement';
    display: block;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 1.2rem;
}

#payment button.cta {
    height: 60px !important;
}

#payment button.alt:hover {
    background-color: var(--rouge) !important;
}

#payment .form-row.place-order {
    padding: 0;
    background: transparent;
}

#payment ul.payment_methods [class*=payment_method_monetico] label img,
#payment ul.payment_methods [class*=payment_method_moneticopaiement] label img,
#payment ul.payment_methods [class*=payment_method_wpg_paypal_checkout] label img {
    margin-right: 50px !important;
}

.wc_payment_method.payment_method_wpg_paypal_checkout label img {
    margin-right: 50px !important;
}

body.woocommerce-order-pay .order_details {
    margin: 0 !important;
}

body.woocommerce-order-pay .order_details li {
    display: inline-block;
    width: 24%;
    border-bottom: 0;
}

body.woocommerce-order-pay iframe {
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
    margin-bottom: 0 !important;
    margin-top: 30px !important;
    height: 400px !important;
}


/*------------------------------------------------------*/
/* Thankyou */
/*------------------------------------------------------*/

ul.order_details {
    margin: 30px 0;
}

ul.order_details::before,
ul.order_details::after {
    display: none;
}

.woocommerce-order section.woocommerce-customer-details {
    display: none;
}

ul.order_details li {
    text-transform: none;
}

.instructions-paiement p {
    margin: 0;
    font-size: 1rem;
}

.woocommerce-order.thin .order-print {
    display: none !important;
}

/*------------------------------------------------------*/
/* Popin fancybox */
/*------------------------------------------------------*/

.fancybox-container {
    z-index: 99999999 !important;
}

.fancybox-content {
    max-width  : 95% !important;
    height: auto !important;
    max-height : 99%;
    margin: 0 auto;
    padding: 30px !important;
    border-radius: 16px;
    box-shadow: 8px 8px 0 var(--rouge);
    width: 400px;
    min-width: 300px;
    height: auto !important;
}

.fancybox-close-small {
    opacity: 1 !important;
}

.fancybox-close-small svg {
    display: none;
}

.fancybox-close-small::before {
    content: '\e5cd';
    display: block;
    position: absolute;
    z-index: 403;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--noir);
    font-family: var(--materialicon);
    font-size: 1.6rem;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
    
}

.fancybox-close-small:hover::before { 
    background: var(--rouge);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.fancybox-is-open .fancybox-bg {
    opacity: .9; 
}

.fancybox-content button:not(.owl-next, owl-prev, .cta):hover {
    background-color: transparent !important;
}


/*------------------------------------------------------*/
/* Pages */
/*------------------------------------------------------*/

.top-image-page {
    height: 380px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.container-breadcrumb {
    width: 100%;
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

.container-breadcrumb li {
    font-size: .8rem;
    font-weight: 400;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
    color: var(--grisfonce);
    font-weight: 600;
}

.container-breadcrumb li a {
    position: relative;
    color: var(--noir);
}

.container-breadcrumb li a:hover {
    text-decoration: underline;
    color: var(--rouge);
}

.container-breadcrumb li a::after {
    content: 'chevron_right';
    display: inline-block;
    font-family: var(--materialicon);
    font-size: 1.1rem;
    font-weight: 200;
    margin-left: 5px;
    color: var(--grisfonce);
    vertical-align: middle;
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.container-breadcrumb li.dernier a::after {
    display: none;
}



body.page-template-template-page-contenu #primary,
body.page-template-template-page-contenu section:last-child {
    padding-bottom: 0;
}

body.page-template-template-page-contenu .hentry {
    margin: 0;
}

/*------------------------------------------------------*/
/* Transition pages */
/*------------------------------------------------------*/

.loader-site {
    background: var(--grislight);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
}

.loader {
    margin: 45vh auto 0;
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid var(--rouge);
    border-radius: 50%;
    border-right-color: var(--noir);
    animation: l15 1s infinite linear;
}

.loader::before,
.loader::after {    
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
}

.loader::after {
    margin: 8px;
    animation-duration: 3s;
}

@keyframes l15{ 
    100%{transform: rotate(1turn)}
}

#holder {
	opacity: 0;  
	transition: opacity 0.3s ease-in-out;
 	-moz-transition: opacity 0.3s ease-in-out;
 	-webkit-transition: opacity 0.3s ease-in-out;
}

#holder.visible {
	opacity: 1;
	transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
}



/*------------------------------------------------------*/
/* Réseaux sociaux */
/*------------------------------------------------------*/

li.youtube,
li.tiktok,
li.linkedin,
li.twitter,
li.facebook,
li.instagram {
    display: inline-block !important;
    width: auto !important;
    padding: 0;
}

li.youtube a,
li.tiktok a,
li.linkedin a,
li.twitter a,
li.facebook a,
li.instagram a {
    padding: 0;
    margin-right: 20px;
}

#menu-menu-reseaux-sociaux li:last-child a {
    margin-right: 0;
}

li.youtube a::after,
li.tiktok a::after,
li.linkedin a::after,
li.twitter a::after,
li.facebook a::after,
li.instagram a::after {
    content: '';
    display: inline-block;
    font-size: 1rem;
    font-family: 'fontAwesome';
    color: #fff;
}

li.youtube a:hover::after,
li.tiktok a:hover::after,
li.linkedin a:hover::after,
li.twitter a:hover::after,
li.facebook a:hover::after,
li.instagram a:hover::after {
    color: var(--orange);
}

li.facebook a::after {
    content: '\f39e' !important;
}

li.instagram a::after {
    content: '\f16d' !important;
}

li.twitter a::after {
    content: '\e61b' !important;
}

li.linkedin a::after {
    content: '\f0e1' !important;
}

li.tiktok a::after {
    content: '\e07b' !important;
}

li.youtube a::after {
    content: '\f167' !important;
}

/*------------------------------------------------------*/
/* Formats publicitaires */
/*------------------------------------------------------*/

body.home #page.class-habillage {
    padding-top: 195px;
}

body.home .module-habillage-total {
    position: fixed;
    top: 60px;
    z-index: 0;
    width: 1800px;
    height: 1000px;
    text-align: center;
    left: 50%;
    margin-left: -900px;
}

body:not(.home) .module-habillage-total {
    display: none;
}

#page.class-habillage #primary section {
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.banniere-habillage {
    display: none;
}

.module-habillage-total img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.container-pub {
    padding: 20px;
    background: var(--grislight);
    font-size: .85rem;
}

.container-pub img {
    margin: 15px auto 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border-radius: 4px;
}

.container-banniere-pub {
    margin: 30px auto 20px;
}

.container-banniere-pub img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.container-module-pub {
    margin-bottom: 20px;
}

.container-module-pub img {
    width: 300px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.colonne-pubs .container-pub {
    padding: 20px 0 0;
}


/*------------------------------------------------------*/
/* Contenu flexible */
/*------------------------------------------------------*/

.rangee-page {
    padding-top: 40px;
    padding-bottom: 40px;
}

.rangee-page + .rangee-page {
    padding-top: 0;
}

.contenu-flexible .rangee-page:first-child {
    padding-top: 0;
}

.rangee-page.bkg-noir h2,
.rangee-page.bkg-noir h3,
.rangee-page.bkg-noir h4,
.rangee-page.bkg-noir h5,
.rangee-page.bkg-noir a:not(.cta),
.rangee-page.bkg-noir p,
.rangee-page.bkg-rouge h2,
.rangee-page.bkg-rouge h3,
.rangee-page.bkg-rouge h4,
.rangee-page.bkg-rouge h5,
.rangee-page.bkg-rouge a:not(.cta),
.rangee-page.bkg-bleurouge p  {
    color: #fff;
}

.contenu-flexible img {
    max-width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}

.contenu-flexible ul + img,
.contenu-flexible p + img {
    margin-top: 25px;
}

.contenu-flexible ul {
    margin: 15px 0;
    list-style: none;
}

.contenu-flexible ul li {
    margin-bottom: 6px;
    padding-left: 6px;
    margin-left: 18px;
    position: relative;
}

.contenu-flexible ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--rouge);
    position: absolute;
    top: 8px;
    left: -15px;
    border-radius: 50%;
    display: block;
}

.contenu-flexible img.aligncenter {
    margin-right: auto;
    margin-left: auto;
}

.contenu-flexible p:last-child {
    margin-bottom: 0;
}

.rangee-page.bkg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.rangee-image-seule {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 600px;
    max-height: 60vh;
    width: 100%;
    position: relative;
}

.rangee-image-seule {
    padding: 0;
}

.rangee-page.bkg-image,
.rangee-page.couleur {
    padding-top: 60px;
    padding-bottom: 60px;
}

.rangee-page p a:not(.cta) {
    text-decoration: underline !important;
    color: var(--rouge);
}

.rangee-page p a:hover {
    color: var(--noir);
}


/*------------------------------------------------------*/
/* Fenêtre cookies tarteaucitron */
/*------------------------------------------------------*/

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #fff !important;
    color: #000 !important;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #000 !important;
}


body #tarteaucitronRoot div#tarteaucitronAlertBig {
    border-radius: 0 !important;
    box-shadow: none !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    opacity: .7 !important;
    background: #000 !important;
}


div#tarteaucitronAlertBig:before {
    display: none !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {  
    background: #000 !important;
    padding: 10px 20px !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #f1f1f1 !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #f1f1f1 !important;
}

#tarteaucitronRoot #tarteaucitronAllDenied2 {
    position: absolute !important;
    background: transparent !important;
    top: 10px !important;
    padding: 0 !important;
    color: #000 !important;
    right: 10px !important;
    font-size: .8rem !important;
    text-decoration: none !important;
    opacity: .6 !important;
}

#tarteaucitronDisclaimerAlert {
    font-size: .9rem !important;
    line-height: 1.3rem !important;
    text-align: justify !important;
    display: block !important;
    text-align: center !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    z-index: 99999999 !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    width: 450px !important;
    max-width: 90% !important;
    border-radius: 6px !important;
}

#tarteaucitronDisclaimerAlert::before {
    content: '';
    display: block;
    margin: 0 auto 20px;
    width: 120px;
    height: 40px;
    background-image: url(img/logo-tarte.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}