/* creation date: Wed, 18 Dec 2024 16:07:43 GMT
concat references:
https%3A%2F%2Fwww.woodbrass.com%2Fcss%2FshopInShop.css%3F1734517695
https%3A%2F%2Fwww.woodbrass.com%2Fcss%2Falgolia.css%3F1734517695
https%3A%2F%2Fwww.woodbrass.com%2Fcss%2Fproduct_info.css%3Fscss%3Dtrue%26v%3D60.%261734517695
https%3A%2F%2Fwww.woodbrass.com%2Fcss%2Faccount.css%3Fscss%3Dtrue%26v%3D60.%261734517695
*/
/*! https%3A%2F%2Fwww.woodbrass.com%2Fcss%2FshopInShop.css%3F1734517695 */
.shopInShopBg {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    height: 480px;
}

.shopInShopMenu {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    padding-top: 10px;
    padding-bottom: 10px;
    flex-direction: column;
    justify-content: center;
}

.shopInShopMenu .faded-btn {
    display: inline-block;
    border-color: #cccccc;
    background: transparent;
    color: #000000;
    padding: 15px 20px;
    margin: 10px 10px 10px 30px;
}

.shopInShopMenu .faded-btn:hover {
    background: #2b2b2b;
    color: #ffffff;
}

.shopInShopMenu .faded-btn.active {
    background: #2b2b2b;
    color: #ffffff;
    border: none;
}

.shop-history {
    max-height: none;
}

.shop-history div {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media only screen and (min-device-width: 64rem) {
    .shop-history div {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .shopInShopMenu .ActifTrait {
        position: relative;
    }

    .shopInShopMenu .ActifTrait::before {
        border-top: 1px solid black;
        content: ' ';
        width: 30px;
        position: absolute;
        left: 0;
        height: 1px;
        top: 50%;
    }
}

@media only screen and (max-device-width: 64rem) {
    .shop-history div {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .shopInShopMenu {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgb(245, 245, 245);
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: center;
        flex-direction: row;
        top: auto;
        width: 100%;
        right: auto;
    }

    .shopInShopMenu .faded-btn {
        padding: 10px;
    }
}

@media only screen and (max-device-width: 46.875rem) {
    .shopInShopBg {
        height: 200px;
    }

    .shopInShopMenu {
        padding-bottom: 0;
        padding-top: 0;
    }

    .shopInShopMenu .faded-btn {
        padding: 5px;
        margin: 10px 5px 10px 15px;
    }
}
/*! https%3A%2F%2Fwww.woodbrass.com%2Fcss%2Falgolia.css%3F1734517695 */
:root {
    --max-width: 100rem;
    --color-blue-wb: #0066cc;
    --color-green: #00cc66;
    --color-orange: #ff7200;
    --color-red: #cc0000;
    --color-gray-light: rgba(30, 30, 30, 0.05);
    --color-gray-solid: #efefef;
    --color-gray-medium: #ababab
}

.clr-blue-wb { color: var(--color-blue-wb); }

.clr-green { color: var(--color-green); }
.bg-green { background-color: var(--color-green); }

.clr-orange { color: var(--color-orange); }
.bg-orange { background-color: var(--color-orange); }

.clr-red { color: var(--color-red); }
.bg-red { background-color: var(--color-red); }

.bg-gray-light { background-color: var(--color-gray-light) }
.bd-gray-light { border: 1px solid var(--color-gray-solid) }

.clr-gray-solid { color: var(--color-gray-solid) }
.bg-gray-solid { background-color: var(--color-gray-solid) }

.clr-gray-medium { color: var(--color-gray-medium) }
.bg-gray-medium { background-color: var(--color-gray-medium) }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

.flex-1  { flex: 1 1 10%; }
.flex-5  { flex: 5 5 50%; }
.flex-9  { flex: 9 9 90%; }
.flex-10 { flex: 1 1 100%; }


input:focus { outline: none; }
.force-hide { display:none!important; }

.input-symbol-euro {
    position: relative;
}
.input-symbol-euro input {
    padding-right:18px;
}
.input-symbol-euro:after {
    position: absolute;
    top: 5px;
    content:"€";
    right: 10px;
}

.ais-SearchBox-input.search-input.keywords::placeholder {
    text-transform:none;
}

.ais-SearchBox-input.search-input.keywords:focus {
    outline: none;
}

.ais-SearchBox-input::placeholder {
    text-transform: none;
}

#search-algolia button {
    border: none;
    background:  none;
}

#search-algolia ol,
#search-algolia ul {
    margin: 0;
    padding: 0;
}

#search-algolia ol > *,
#search-algolia ul > * {
    list-style: none;
}

#search-algolia {
    position: absolute;
    width: 100vw;
    display: none;
    z-index: 20000;
    background: #FFFFFF;
    overflow: auto;
}

#search-algolia #search-algolia-container {
    position: relative;
    width: calc(100vw - 5px);
    overflow: hidden;
}

#search-algolia .image-filter {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--color-gray-light);
}

#search-algolia #current-detail {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}

#search-algolia #current-detail > * {
    border: 1px solid var(--color-gray-solid);
    display: flex;
    align-items: center;
    height: 40px;
}

#search-algolia #current-detail,
#search-algolia .container {
    width: 100%;
    /* max-width: var(--max-width); */
    box-sizing: border-box;
    margin: auto;
}

#search-algolia .facet {
    padding: 1rem;
    border: .5px solid var(--color-gray-solid);
    & .facet__label {
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        font-weight: bold;
        unicode-bidi: isolate;
    }
}

#search-algolia #brand-list .ais-RefinementList-list,
#search-algolia #categories-list {
    max-height: 250px;
    overflow: auto;
    padding-right: 1rem;
}

#search-algolia #brand-list .ais-RefinementList-list::-webkit-scrollbar,
#search-algolia #categories-list::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}

#search-algolia #brand-list .ais-RefinementList-list::-webkit-scrollbar-thumb,
#search-algolia #categories-list::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: #000000;
}

#search-algolia #brand-list .ais-RefinementList-list::-webkit-scrollbar-track,
#search-algolia #categories-list::-webkit-scrollbar-track {
    width: 1px;
    background-color: var(--color-gray-solid);
}

#search-algolia .search-panel {
    display: flex;
}

#search-algolia .search-panel.active {
    position: fixed;
    height: 100%;
}

/*#search-algolia .ais-SortBy-select,*/
#search-algolia .search-panel__filters {
    width: 100vw;
    position: fixed;
    z-index: 1;
    background: #fff;
    left: -100%;
    transition: left .25s ease;
    overflow: auto;
}

#search-algolia .search-panel__filters {
    left: -100%;
}

#search-algolia .search-panel__filters.active {
    left: 0;
    transition: left .25s ease;
    padding-bottom: 115px;

}

#search-algolia .ais-SortBy-select.active {
    right: 0;
    transition: right .25s ease;
}

#search-algolia .search-panel__results {
    padding: 1rem;
    border: .5px solid var(--color-gray-solid);
}

#search-algolia .ais-Hits img {
    object-fit: cover;
    width: 100%;
    mix-blend-mode: multiply;
    transition: all .5s ease;
}

#search-algolia .ais-Hits .ais-Hits-item:hover img {
    transform: scale(.95);
}

#search-algolia .ais-Hits .ais-Hits-item .integer {
    font-size: 24px;
}

#search-algolia .ais-Hits .ais-Hits-item .decimal {
    font-size: 16px;
}

#search-algolia .ais-Hits .ais-Hits-item .currency {
    font-size: 20px;
}

#search-algolia .ais-Hits .ais-Hits-item .strike_price {
    position: relative;
}

#search-algolia .ais-Hits .ais-Hits-item .strike_price:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    top: 60%;
    background-color: var(--color-gray-medium);
}

#search-algolia .ais-Hits .ais-Hits-item .strike_price .integer,
#search-algolia .ais-Hits .ais-Hits-item .alma .integer {
    font-size: 14px;
}

#search-algolia .ais-Hits .ais-Hits-item .strike_price .decimal,
#search-algolia .ais-Hits .ais-Hits-item .alma .decimal {
    font-size: 10px;
}

#search-algolia .ais-Hits .ais-Hits-item .strike_price .currency,
#search-algolia .ais-Hits .ais-Hits-item .alma .currency {
    font-size: 12px;
}

#search-algolia .tag {
    padding: 5px 10px;
    border-radius: 5px;
}

#search-algolia .alma img {
    width: auto;
    height: 20px;
    margin: -4px 0;
    aspect-ratio: unset !important;
    display: unset !important;
}

#search-algolia .ais-Hits-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 2rem;
    column-gap: 1rem;
}

#search-algolia .ais-CurrentRefinements-category {
    background-color: #000000;
    color: #ffffff;
    border-radius: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
}

#search-algolia .ais-CurrentRefinements-list {
    overflow-y: auto;
    white-space: nowrap;
    width: 90vw;
    height: 40px;
}

#search-algolia .ais-CurrentRefinements-list::-webkit-scrollbar {
    display: none;
}
#search-algolia .ais-CurrentRefinements-item {
    white-space: nowrap;
}

#search-algolia .ais-CurrentRefinements-delete {
    color: #FFFFFF;
    font-size: 8px;
    width: 10px;
    height: 10px;
}

#search-algolia #active_filters_length {
    border-radius: 10px;
}

#search-algolia #pagination {
    margin: 2rem auto;
    text-align: center;
}

.ais-SearchBox-submit {
    flex: 0 0 auto;
    color: #000;
    display: inline-flex;
    align-items: center;
    padding: 8px;
    border: 0;
    margin: 0;
    border-radius: 4px;
    background: transparent;
}

.ais-SearchBox-submit span:first-child g {
    stroke: #000;
}

.ais-SearchBox-submit span:last-child {
    display: none;
}

.ais-SearchBox-form {
    margin: 0;
}

#show_results {
    position: sticky;
    bottom: 20px;
    margin: 20px;
    padding: 10px;
    text-align: center;
    background: #000000;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 4px;
    z-index: 1;
}


/* Tablet
================================================== */
@media only screen and (min-device-width: 46.876rem) {
    #show_results {
        display: none;
    }

    #current-refinements {
        overflow-y: auto;
    }

    .flex-wrap-md { flex-wrap: wrap; }
    .flex-nowrap-md { flex-wrap: nowrap; }

    .ais-SearchBox-submit span:first-child,
    .ais-SearchBox-submit span:first-child svg {
        width: 20px;
        height: 20px;
    }

    #search-algolia .search-panel__filters {
        width: 375px;
    }

    #mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        backdrop-filter: blur(0);
        transition: backdrop-filter .25s ease;
    }

    #mask.active {
        backdrop-filter: blur(5px);
        z-index: 1;
        transition: backdrop-filter .25s ease;
    }

    #search-algolia .ais-Hits-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #algolia-close {
        flex: none;
        width: 40px;
    }

    #number-results {
        flex: none;
        white-space: nowrap;
        width: auto;
        padding: 0 10px;
    }

    #resume-refinements {
        width: auto;
        border: none!important;
        overflow: hidden;
    }

    #filter-button {
        flex: none;
        border-right: none!important;
    }

    #active_filters_length {
        display: none;
    }

    #clear-refinements {
        flex: none;
    }

    #search-algolia .ais-CurrentRefinements-list {
        width: auto;
    }

    #sort-by {
        flex: none;
    }
}


/* Desktop :: 1024px
================================================== */
@media only screen and (min-device-width: 64rem) {
    .flex-wrap-lg { flex-wrap: wrap; }
    .flex-nowrap-lg { flex-wrap: nowrap; }

    #search-algolia .ais-CurrentRefinements-list::-webkit-scrollbar {
        display: block;
    }

    #search-algolia .ais-Hits-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #search-algolia .search-panel__filters {
        position: static;
        flex: 1;
        height: max-content!important;
    }

    #search-algolia .search-panel__results {
        flex: 3;
    }

    #mask.active {
        position: static;
        backdrop-filter: blur(0px);
        z-index: 0;
    }
}


/* Desktop - 1160px
================================================== */
@media only screen and (min-device-width: 72.5rem) {
    #search-algolia .ais-Hits-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #search-algolia .search-panel__results {
        flex: 4;
    }
}


/* Desktop - 1500px
================================================== */
@media only screen and (min-device-width: 93.75rem) {
    .ais-SearchBox-submit {
        background: var(--color-blue-wb);
        color: #fff;
    }

    .ais-SearchBox-submit span:first-child g {
        stroke: #fff;
    }

    .ais-SearchBox-submit span:last-child {
        display: block;
    }

    #mask.active {
        display: none;
    }

    #search-algolia .ais-Hits-list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}


/* Desktop - 1600
================================================== */
@media only screen and (min-device-width: 100rem) {
    #search-algolia .ais-Hits-list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}




















.ais-RangeSlider .rheostat {
    overflow: visible;
    margin-top: 40px;
    margin-bottom: 40px
}

.ais-RangeSlider .rheostat-handle {
    top: -4px;
    width: 12px;
    height: 12px;
    border: 2px solid var(--color-blue-wb);
    border-radius: 50%;
    background-color: #ffffff;
    cursor: grab;
}

.ais-RangeSlider .rheostat-handle.rheostat-handle-lower {
    margin-left: -10px;
}

.ais-RangeSlider .rheostat-handle.rheostat-handle-upper {
    margin-left: -2px;
}

.ais-RangeSlider .rheostat-progress {
    position: absolute;
    top: 1px;
    height: 4px;
    background-color: #333
}

.rheostat-value {
    margin-left: 50%;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

.rheostat-tooltip {
    margin-left: 50%;
    position: static;
    float: left;
    top: -22px;
    text-align: center;
    transform: translateX(-50%)
}

.ais-RangeSlider .rheostat {
    margin: 20px 10px 0;
}

.ais-RangeSlider .rheostat-horizontal {
    cursor: pointer;
    width: calc(100% - 20px)
}

.ais-RangeSlider .rheostat-background {
    height: 4px;
    top: 0;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .1), 0 .5px 0 0 rgba(255, 255, 255, .05);
}

.ais-RangeSlider .rheostat-progress {
    background-color: var(--color-blue-wb);
    border-radius: 3px;
    height: 4px;
    max-width: 100%;
    top: 0
}

.ais-SortBy {
    width: 100%;
    height: 100%;
}

.ais-SortBy-select {
    width: inherit;
    height: inherit;
    border: none;
}

.ais-SortBy-select:focus {
    outline: none;
}








.search-panel__filters h3 {
    margin: 0 0 10px;
}

.ais-ToggleRefinement-label,
.search-panel__filters li {
    font-size: 14px;
}

.ais-Menu-count,
.ais-ToggleRefinement-count,
.ais-RefinementList-count,
.ais-HierarchicalMenu-count {
    color: #D5D5D5;
}

.ais-HierarchicalMenu-list--child {
    margin-left: 20px;
}

.rating-item,
.ais-Menu-link,
.ais-HierarchicalMenu-link .ais-HierarchicalMenu-label,
.search-panel__filters label input {
    position: relative !important;
    appearance: none;
    margin: 0 8px 4px 0;
    box-sizing: content-box;
    display: block!important;
    border: unset;
    width: unset;
    height: unset;
    background: unset;
    outline: unset;
    box-shadow: unset;
}

.ais-RefinementList-item img {
    width: auto;
    height: 20px;
    margin-top: -2px;
}

.rating-item,
.ais-Menu-link,
.ais-HierarchicalMenu-link .ais-HierarchicalMenu-label {
    display: flex!important;
}

.rating-item,
.ais-Menu-link,
.ais-HierarchicalMenu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rating-item:before,
.ais-Menu-link:before,
.ais-HierarchicalMenu-link .ais-HierarchicalMenu-label:before,
.search-panel__filters label input:before {
    content: '';
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    transition: 0.2s border-color ease;
    position: relative;
    z-index: 1;
}

.rating-item:before,
.ais-Menu-link:before,
.ais-HierarchicalMenu-link .ais-HierarchicalMenu-label:before {
    margin-right: 10px;
}

.ais-RefinementList-item--selected .rating-item:before,
.ais-Menu-item--selected .ais-Menu-link:before,
.ais-HierarchicalMenu-link--selected .ais-HierarchicalMenu-label:before,
.search-panel__filters label input:checked:before {
    border-color: var(--color-blue-wb);
    transition: 0.5s border-color ease;
}

.ais-RefinementList-item--selected .rating-item:after,
.ais-Menu-item--selected .ais-Menu-link:after,
.ais-HierarchicalMenu-link--selected .ais-HierarchicalMenu-label:after,
.search-panel__filters label input:after {
    content: '';
    display: none;
    position: absolute;
    box-sizing: content-box;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;
    background-color: var(--color-blue-wb);
    width: 16px;
    height: 16px;
    border-radius: 100vh;
    transform: translate(-50%, -50%) scale(0);
}


.ais-RefinementList-item--selected .rating-item:after,
.ais-Menu-item--selected .ais-Menu-link:after,
.ais-HierarchicalMenu-link--selected .ais-HierarchicalMenu-label:after {
    top: 9px;
    left: 9px;
}

.rating-item:before,
.ais-Menu-link:before,
.ais-HierarchicalMenu-link .ais-HierarchicalMenu-label:before,
.search-panel__filters label input[type="checkbox"]:before {
    border-radius: 4px;
}

.ais-RefinementList-item--selected .rating-item:after,
.ais-Menu-item--selected .ais-Menu-link:after,
.ais-HierarchicalMenu-link--selected .ais-HierarchicalMenu-label:after,
.search-panel__filters label input[type="checkbox"]:after {
    width: 9.6px;
    height: 16px;
    border-radius: 0;
    transform: translate(-50%, -85%) scale(0) rotate(45deg);
    background-color: transparent;
    box-shadow: 4px 4px 0px 0px var(--color-blue-wb);
}

.ais-RefinementList-item--selected .rating-item:after,
.ais-Menu-item--selected .ais-Menu-link:after,
.ais-HierarchicalMenu-link--selected .ais-HierarchicalMenu-label:after,
.ais-HierarchicalMenu-link--selected .ais-HierarchicalMenu-label:after,
.search-panel__filters label input[type="checkbox"]:checked:after {
    display: block;
    animation: toggleOnCheckbox 0.2s ease forwards;
}

@keyframes toggleOnCheckbox {
    0% {
        opacity: 0;
        transform: translate(-50%, -85%) scale(0) rotate(45deg);
    }
    70% {
        opacity: 1;
        transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
    }
    100% {
        transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
    }
}
/*! https%3A%2F%2Fwww.woodbrass.com%2Fcss%2Fproduct_info.css%3Fscss%3Dtrue%26v%3D60.%261734517695 */
@charset "UTF-8";
/* Fiche Produit
========================================= */
.mainProdDetails, .prodBreadcrumbContainer {
  transition: padding 0.25s ease;
}
@media only screen and (max-width: 100rem) and (min-device-width: 46.875rem) {
  .mainProdDetails, .prodBreadcrumbContainer {
    padding: 0 1rem;
  }
}
.prodBreadcrumbContainer .breadcrumb-container {
  padding-left: 0;
}
@media only screen and (min-device-width: 46.876rem) {
  .prodTitleContainer {
    margin-top: -0.5rem;
  }
  .prodTitleContainer .prodTag {
    margin-top: 0.5rem;
  }
}
@media only screen and (min-device-width: 46.876rem) and (max-device-width: 64rem) {
  .prodAnchorMenu + div .prodTag {
    position: absolute;
    left: 0px;
    top: -10px;
  }
}
.prod-name {
  width: 100%;
  -webkit-line-clamp: 2;
  /*max-height:52px;*/
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (max-width: 61.63rem) {
  .prod-name-mobile {
    max-height: 75px;
    line-height: 38px;
  }
  .prodSticky .prod-name {
    -webkit-line-clamp: 1;
  }
}
/*@media only screen and (max-width: 61.63rem) { .prod-name {max-height:2em;line-height: 1em;} }*/
.prodAnchorMenu li {
  border-bottom: solid 1px black;
  transition: border-bottom 0.2s ease-in-out;
  position: relative;
}
.prodAnchorMenu li:hover {
  border-bottom: solid 1px transparent;
}
.prodAnchorMenu li + li:before {
  content: "|";
  position: absolute;
  left: -0.625rem;
}
.btnContact {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 61.63rem) {
  .btnContact {
    width: auto;
    height: auto;
    line-height: 50px;
  }
}
form[name="produit"] input[type="submit"] {
  border: none;
}
/*.detailFP { border:1px solid #cccccc; }*/
/*.detailFP { background:#f7f7f7; }*/
.detailFP .otherFinish {
  width: 25px;
  height: 25px;
  border: 1px solid #cccccc;
  margin: 5px 5px -5px 0;
}
.imgPrinc {
  position: relative;
}
/*.imgPrinc img { width:450px; }*/
.imgPrinc .over-img-princ {
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.3);
  font-size: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.imgPrinc:hover .over-img-princ {
  opacity: 0.8;
  transition: all 0.5s ease;
}
.imgPrinc > img {
  max-width: 600px;
  max-height: 600px;
}
@media only screen and (max-width: 64rem) {
  .imgPrinc > img {
    max-width: 400px;
    max-height: 400px;
  }
}
#img_zoomed {
  opacity: 0;
}
/* — swiperProductMin — */
.swiperProd .swiper-button-next, .swiperProd .swiper-button-prev {
  height: auto;
  width: 85px;
}
.swiperProd .swiper-button-next:after, .swiperProd .swiper-button-prev:after {
  content: none;
}
.swiperProdMin {
  height: 400px;
  width: 85px;
}
.swiperProdMin .swiper-slide {
  box-sizing: border-box;
  padding-top: 7px;
}
.swiperProdMin .swiper-slide div {
  border: solid 2px #f2f2f2;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 10%;
  height: 85px;
  transition: border 0.2s ease-in-out;
}
.swiperProdMin .swiper-slide div:hover {
  border-color: #333333;
}
.mediaProdMin {
  width: 85px;
  height: 85px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  transition: opacity 0.2s ease-in-out;
}
.mediaProdMin:hover {
  opacity: 0.6;
}
.mediaProdMin img {
  mix-blend-mode: darken;
}
.mediaProdMin span {
  opacity: 0.8;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.retailer {
  position: relative;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/*.retailer .btnBrand .anim-btn { border:1px solid #fff; }
.retailer .btnBrand .anim-btn:hover { color:#000000; }
.retailer .btnBrand .anim-btn:hover:after { background:#ffffff; }*/
.retailer > div:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 15%;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: solid 1px #cccccc;
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}
.bdLeftBlanc {
  border-left: 1px solid #ffffff;
}
@media only screen and (min-width: 61.63rem) {
  /*#financement {width: 290px;}*/
  .detailFP .btnAjouter {
    width: 290px;
  }
}
.warnStock {
  display: flex;
}
.warnStock form {
  flex: 1 1 auto;
  display: flex;
  position: relative;
}
.warnStock input {
  flex: 1;
  border: none;
}
.warnStock input::-webkit-input-placeholder {
  color: #000000;
}
.warnStock input::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.warnStock input:-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}
.warnStock input:-moz-placeholder {
  color: #000000;
}
.warnStock button {
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
}
.cover-brand {
  position: relative;
}
.cover-brand > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
}
.cover-brand, .cover-brand svg {
  height: 40px;
}
.custom-pack-boxes {
  border: 1px solid #eeeeee;
  position: relative;
}
.custom-pack-boxes .prod-name {
  max-height: 32px;
}
.custom-pack-boxes .custom-pack-hover {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.custom-pack-boxes .custom-pack-hover > .bgNoir {
  opacity: 0.75;
}
.custom-pack-boxes .custom-pack-hover > * {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.custom-pack-boxes:hover .custom-pack-hover {
  display: block;
}
.custom-pack-boxes.selected {
  border: 3px solid #00cc66;
}
.custom-pack-boxes.selected.reveal {
  border-color: #0066cc;
}
.custom-pack-boxes img {
  width: 100%;
}
*[class*=economie-] {
  display: none;
}
.total-price {
  display: none;
}
.prodBrandLink {
  transition: opacity 0.2s ease-in-out;
}
.prodBrandLink:hover {
  opacity: 0.6;
}
.list-prod-custom-pack .btn-plus, .list-prod-custom-pack .btn-moins, .list-prod-custom-pack .nb-item {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 2px 0 -1px;
}
.list-prod-custom-pack .qty {
  height: 20px;
  line-height: 20px;
  margin: 1;
}
.free-prod {
  position: absolute;
  top: 0;
  left: 0;
}
.conseiller > * {
  margin: 0 0px;
}
.conseiller .flexCenter .flexCenter {
  flex: 1;
}
.avatarConseiller img {
  border-radius: 50%;
}
.infoConseiller {
  color: #0266cc;
  border-bottom: solid 1px #0266cc;
  transition: border-bottom 0.2s ease-in-out;
}
.infoConseiller:hover {
  border-bottom: solid 1px transparent;
}
.biCol {
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  column-count: 2;
  column-gap: 40px;
}
.biCol a {
  color: inherit;
}
/*#zoom { position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:10000; }*/
#zoom {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.2);
  overflow-y: scroll;
  margin-right: -17px;
}
/*#zoom .zone-mini { position:absolute;top:20px;bottom:20px;left:20px;width:125px;display:flex;flex-flow:column;align-items:center; }*/
/*@media only screen and (max-width: 61.63rem) { #zoom .zone-mini img { height:4rem; } }*/
/*#zoom .zone-zoom { position:absolute;top:50%;left:50%;transform:translate( -50%, -50% );width:calc(100% - 410px);}*/
#zoom .zone-zoom img {
  max-width: 100%;
}
#zoom #pan_zoom {
  background: #fff;
  max-width: 100%;
  width: 100%;
  min-width: 45rem;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 37.5rem);
  margin: 0 auto;
  margin-bottom: 0px;
  padding-bottom: 185px;
  /*box-shadow: -8px 10px 24px 0 rgba(96, 96, 96, 0.5);*/
}
.close_zoom {
  position: absolute;
  background: #fff;
  top: 40px;
  right: 40px;
  border: 1px solid #000;
  opacity: 0.4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 48px;
  z-index: 10;
}
#zoom .zone-zoom {
  position: relative;
  top: 0%;
  left: 0%;
  transform: none;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
#zoom .zone-mini {
  position: absolute;
  bottom: 50px;
  left: 50px;
  right: 50px;
  display: flex;
  flex-flow: row;
  align-items: center;
  overflow-y: auto;
  z-index: 10;
}
#zoom .zone-mini img {
  width: 95px;
}
#zoom .zone-mini img.active {
  border: 1px solid #979797;
}
#zoom .btnFloat {
  position: absolute;
  top: 50%;
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  opacity: 0.2;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
}
#zoom .btnFloat.btnNext {
  right: 40px;
}
#zoom .btnFloat.btnPrev {
  left: 40px;
}
@media only screen and (max-device-width: 64rem) {
  #zoom #pan_zoom {
    background: #fff;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    min-height: auto;
    height: 100%;
    position: relative;
    left: 0;
    margin: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #zoom .zone-zoom {
    box-sizing: border-box;
    margin: 0px;
    padding: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
  }
  .close_zoom {
    width: 150px;
    height: 50px;
  }
  #zoom .zone-zoom .pupop-info {
    position: absolute;
    background: rgba(135, 135, 135, 0.6);
    color: #fff;
    font-size: 2rem;
    padding: 50px;
    max-width: 80%;
    transition: visibility 1s, opacity 0.5s linear;
    z-index: 11;
  }
  #zoom .zone-zoom .pupop-info.hidden {
    opacity: 0;
  }
  #zoom * {
    touch-action: pan-x;
  }
  #zoom .zone-zoom, #zoom .zone-zoom img {
    touch-action: pan-x pan-y;
    z-index: 1;
  }
  #zoom .zone-zoom img.zoomed {
    position: absolute;
    transform: scale(3);
    transform-origin: 50% 50%;
  }
}
@media only screen and (max-device-width: 46.875rem) {
  /*#zoom * {touch-action:pan-x;}
  #zoom .zone-zoom, #zoom .zone-zoom img {touch-action: pan-x pan-y;}
  #zoom .zone-zoom img.zoomed{position:absolute;transform: scale(3);transform-origin: 50% 50%;}*/
  /*#zoom .zone-zoom { box-sizing:border-box;margin: 0px;padding: 50px;height: 100%;display: flex;align-items: center;justify-content: center;overflow: auto;}*/
  /*#zoom #pan_zoom{background:#fff;max-width: 100vw;width: 100%;min-width: 100vw;min-height: auto;height:100%;position: relative;margin: 0;margin-bottom: 0px;padding-bottom: 0px;}*/
  .close_zoom {
    width: 110px;
    height: 35px;
    z-index: 13;
    top: 13px;
    right: 25px;
  }
  #zoom .zone-mini {
    bottom: 15px;
    left: 15px;
  }
  #zoom .zone-mini img {
    height: 4rem;
    width: auto;
    max-width: none;
  }
  #zoom .zone-mini img.active {
    border: 3px solid #979797;
  }
}
@media only screen and (min-device-width: 46.876rem) and (max-device-width: 64rem) {
  #zoom .btnFloat {
    top: calc(50% - 30px);
    z-index: 13;
  }
  #zoom .btnFloat.btnNext {
    right: 40px;
  }
}
@media only screen and (min-device-width: 64.001rem) {
  #zoom #pan_zoom {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zoomTest {
    overflow: hidden;
  }
}
.prodSticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  transform: translateY(100%);
  transition: transform 0.4s ease-out;
}
.prodStickyActive {
  transform: none;
}
.prodSticky .btnAjouter {
  margin-top: 0.625rem !important;
}
.description:not(.avis) {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.descContainer {
  max-height: 390px;
  overflow: hidden;
  transition: 0.4s;
}
.descSmBtn {
  border-radius: 3px;
}
.divBtnDescContainer {
  background: linear-gradient(0deg, whitesmoke 55%, rgba(245, 245, 245, 0) 100%);
  margin-top: -4.125rem;
  transition: 0.4s ease-in-out;
}
.divBtnDescContainer.divBtnDescContainerActive {
  background: transparent;
  margin-top: -1.875rem;
}
@media only screen and (max-device-width: 46.875rem) {
  .descContainer {
    max-height: 160px;
  }
  .descContainer .descSm {
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
  .divBtnDescContainer {
    background: transparent;
    margin-top: 0;
  }
  #hubspot-messages-iframe-container {
    transform: translateY(0);
    transition: 0.4s ease-out;
  }
  #hubspot-messages-iframe-container.hubspot-message-active {
    transform: translateY(-76px);
  }
}
.notify {
  position: relative;
}
.notify .resp-notify {
  position: absolute;
  top: 10px;
  right: 4.2%;
  bottom: 10px;
  left: 96%;
  transition: all 0.125s ease;
  display: none;
}
.notify .resp-notify.active {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inherit;
}
.notify .resp-notify span {
  transition: all 0.25s ease 0.25s;
  opacity: 0;
}
.notify .resp-notify.active span {
  opacity: 1;
}
#share .close {
  top: 25px;
}
#share .flexCenter {
  flex-flow: column;
  align-items: stretch;
}
.share-fb {
  background: url("https://www.woodbrass.com/images/v4/elements/ico_svg/social/fb.svg") center left no-repeat #4f77b3;
  background-size: auto 100%;
}
.share-gplus {
  background: url("https://www.woodbrass.com/images/v4/elements/ico_svg/social/g+.svg") center left no-repeat #d94935;
  background-size: auto 100%;
}
.share-twitter {
  background: url("https://www.woodbrass.com/images/v4/elements/ico_svg/social/twitter.svg") center left no-repeat #55acee;
  background-size: auto 100%;
}
.share-pin {
  background: url("https://www.woodbrass.com/images/v4/elements/ico_svg/social/pinterest.svg") center left no-repeat #CD2129;
  background-size: auto 100%;
}
.product-service {
  position: relative;
  padding-left: 1.75rem;
}
.product-service:before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 1.25rem;
  border: 1px solid #00cc66;
  position: absolute;
  left: 0.4rem;
  top: calc(50% - .75rem);
  transform: translateY(-50%);
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bann-prod img {
  width: 100%;
}
.dispo .material-icons {
  width: 20px;
}
.dispo .dispoP {
  flex-flow: wrap;
}
.storePartenaire {
  border: 1px solid #cccccc;
}
.storePartenaireS {
  line-height: 40px;
}
.storePartenaireWrapper {
  border: 1px solid #cccccc;
  border-top: none !important;
  z-index: 2;
  position: absolute;
  background: white;
}
@media only screen and (max-device-width: 46.875rem) {
  .storePartenaireS {
    line-height: 90px;
  }
  .storePartenaire {
    border: 2px solid #cccccc;
  }
  .storePartenaireWrapper {
    border: 2px solid #cccccc;
  }
}
/* Tooltip LG & Click SM */
@media only screen and (min-device-width: 64.001rem) {
  .bgBleuPayPal img {
    width: 270px;
    width: 16.875rem;
  }
  .btnAjouter .bgBleuPayPal {
    height: 55px;
    line-height: 55px;
  }
  [data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  [data-tooltip]:before, [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
  }
  [data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 300px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
  }
  .w100 {
    width: 100px !important;
    height: 100%;
  }
  .w120 {
    width: 120px !important;
    height: 100%;
  }
  .w48 {
    height: 3rem;
    width: 3rem;
  }
  .w40 {
    height: 40px;
    width: 40px;
  }
  [data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid rgba(51, 51, 51, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
  }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@media only screen and (min-device-width: 46.876rem) and (max-device-width: 64rem) {
  /*.garantie-info {text-decoration: underline; text-decoration-color:#1a1a1a;-webkit-text-underline-position: under;-ms-text-underline-position: below; text-underline-position: under;  }
.garantie-info-ttsm {position: fixed; top:0; bottom:0; right:0; z-index:10; width: 20rem; margin-right:-20rem;background: #fff; transition: margin-right .30s ease;     }
.garantie-info-ttsm.active {margin-right: 0;}
*/
  .swiperReviews {
    max-height: 335px;
  }
  .swiperReviews .expand {
    max-height: 570px;
  }
  .expand {
    max-height: 100%;
  }
  .expRev {
    /*transform: rotate(90deg);*/
    font-weight: 700;
  }
  .w100 {
    width: 100px !important;
    height: 100%;
  }
  .w120 {
    width: 120px !important;
    height: 100%;
  }
  .w48 {
    height: 3rem;
    width: 3rem;
  }
  .w40 {
    height: 40px;
    width: 40px;
  }
  .close-sb {
    width: 3rem !important;
    height: 3rem !important;
    font-size: 32px;
  }
  .sidebar-info {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: inherit !important;
    z-index: 10;
    width: 20rem;
    margin-right: -20rem;
    background: #fff;
    transition: margin-right 0.3s ease;
  }
  .sidebar-info.zoomp {
    width: 55rem;
    margin-right: -55rem;
  }
  .sidebar-info.active {
    margin-right: 0 !important;
  }
  .sidebar-info:not(:empty) {
    margin-right: 0;
  }
}
@media only screen and (max-device-width: 46.875rem) {
  /*.paypal-button-shoppingcart {width: 408px!important; height:70px!important;}*/
  /*.garantie-info {text-decoration: underline; text-decoration-color:#1a1a1a;-webkit-text-underline-position: under;-ms-text-underline-position: below; text-underline-position: under;  }
.garantie-info-ttsm {position: fixed; top:0; bottom:0; right:0; z-index:10; width: 45rem; margin-right:-45rem;background: #fff; transition: margin-right .30s ease;    }
.garantie-info-ttsm.active {margin-right: 0;}
*/
  /*#zoom .zone-zoom { position:absolute;top:50%;left:50%;transform:translate( -50%, -50% );width:calc(100% - 100px); }*/
  .avatarConseiller img {
    border-radius: 7.5rem;
    border: none;
  }
  .swiperReviews {
    max-height: 335px;
  }
  .swiperReviews .expand {
    max-height: 570px;
  }
  .expand {
    max-height: 100%;
  }
  .expRev {
    /*transform: rotate(90deg);*/
    font-weight: 700;
  }
  .titleCrumb {
    min-height: 134px;
  }
  .hide-sm {
    visibility: hidden;
  }
  .w800 {
    width: 800px !important;
  }
  .w100 {
    width: 220px !important;
    height: 100%;
  }
  .mw80-sm {
    max-width: 80%;
  }
  .mw85-sm {
    max-width: 85%;
  }
  .w48 {
    height: 100px;
    width: 100px;
  }
  .w52 {
    height: 45px;
    width: 45px;
  }
  .w40 {
    height: 80px;
    width: 80px;
  }
  .bdtBread {
    border-top: 1px solid #585858;
  }
  .sidebar-content {
    position: absolute;
    top: 15%;
    padding-left: 20px;
    padding-right: 10px;
  }
  .sidebar-content-close {
    position: absolute;
    top: 14% !important;
    left: 88%;
  }
  .sidebar-tooltip {
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
  }
  .sidebar-info {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: inherit !important;
    z-index: 10;
    width: 45rem;
    margin-right: -45rem;
    background: #fff;
    transition: margin-right 0.3s ease;
  }
  .sidebar-info.active {
    margin-right: 0;
  }
  .sidebar-info:not(:empty) {
    margin-right: 0 !important;
  }
  .with-tooltip {
    transform: translateX(-450px);
  }
}
.percentPriceProd {
  width: 170px;
  height: 80px;
  margin: 0 0 0 -15px;
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  background: #00cc66;
  overflow: hidden;
  position: relative;
}
.decreasingPriceSeparator {
  position: relative;
  border-top: 1px solid #cccccc;
}
.decreasingPriceTable {
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.decreasingPriceHeader {
  border-bottom: 1px solid #cccccc;
}
.decreasingPriceCell {
  height: 68px;
  border-right: 1px solid #cccccc;
}
.decreasingPriceQuantity {
  background: #0066CC;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 20px;
  border: 1px solid #0066CC;
}
.decreasingPriceDiscount {
  background: #F57223;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 20px;
  border: 1px solid #F57223;
}
.decreasingPriceControl.enable {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B9B9B;
  border: 1px solid #979797;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  /*
    Introduced in IE 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}
.decreasingPriceControl.disable {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B9B9B;
  border: 1px solid #979797;
  opacity: 0.31;
  cursor: default;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  /*
    Introduced in IE 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}
.decreasingPriceContainer-sm {
  border: 1px solid #cacaca;
}
/* OVERFLOWS */
.overscroll {
  overflow-y: auto;
}
.TextIndentLeft {
  text-indent: -13px;
  padding-left: 13px;
}
/*  loader */
#loader {
  z-index: 1001;
  display: block;
  position: relative;
  top: 25%;
  width: 100%;
  height: 100%;
}
#loader img {
  width: 40%;
  margin: 0 auto;
  display: flex;
}
#loader-wrapper {
  opacity: 1;
  background-color: #ffffff;
  display: block;
  position: fixed;
  width: 100%;
  height: 2500px;
  z-index: 1001;
}
.btnVideo {
  text-transform: uppercase;
  float: left;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
.btnVideo:first-child {
  border-radius: 4px 0 0 4px;
}
.btnVideo:last-child {
  border-radius: 0 4px 4px 0;
}
.btnVideo.active {
  background: #ffffff;
  color: #0066CC;
}
.medias {
  display: none;
}
.medias [class*=container-].active {
  /*transition: opacity 0.25s linear, visibility 0.25s linear;*/
  visibility: visible;
  opacity: 1;
  height: 825px;
}
.medias [class*=container-] {
  /*transition: opacity 0.25s linear, visibility 0.25s linear;*/
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.medias [class*=content-slider-].active {
  /*transition: opacity 0.25s linear, visibility 0.25s linear;*/
  visibility: visible;
  opacity: 1;
  height: auto;
}
.medias [class*=content-slider-] {
  /*transition: opacity 0.25s linear, visibility 0.25s linear;*/
  visibility: hidden;
  opacity: 0;
  height: 0;
}
@media only screen and (max-device-width: 64rem) and (min-device-width: 46.876rem) {
  .medias .container-teester.active {
    height: 504px;
  }
  .btnVideo {
    border: 0.81px solid #ffffff;
  }
  .btnVideo:first-child {
    border-radius: 3.23px 0 0 3.23px;
  }
  .btnVideo:last-child {
    border-radius: 0 3.23px 3.23px 0;
  }
}
@media only screen and (max-device-width: 46.876rem) {
  .medias .container-teester.active {
    height: 504px;
  }
  .btnVideo {
    border: 2px solid #ffffff;
  }
  .btnVideo:first-child {
    border-radius: 8.13px 0 0 8.13px;
  }
  .btnVideo:last-child {
    border-radius: 0 8.13px 8.13px 0;
  }
  .medias [class*=container-].active {
    height: 186px;
  }
  .decreasingPriceImg {
    max-width: 50%;
  }
}
/*ALMA*/
.alma-btns img {
  height: 20px;
}

/*! https%3A%2F%2Fwww.woodbrass.com%2Fcss%2Faccount.css%3Fscss%3Dtrue%26v%3D60.%261734517695 */
@charset "UTF-8";
#tooltip input, #Woodbrass input, select, textarea {
  height: 45px;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 15px;
  background: #fff;
  outline: none;
  box-shadow: none;
}
@media only screen and (max-device-width: 46.875rem) {
  #Woodbrass input, select, textarea {
    height: 2rem;
    padding: 5px 7px;
  }
}
/*@media only screen and (max-device-width:46.875rem) { input:not(#MotRech), select, textarea { height:90px; } }*/
.review textarea {
  padding: 0;
}
textarea {
  resize: none;
  margin: 0 0 -4px 0;
}
select::-ms-expand {
  display: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background: url(https://www.woodbrass.com/images/v4/elements/fleche_bas_checkout.jpg) center right 10px no-repeat white;
  background-size: 30px 30px;
}
.dob select {
  background-position: center right 5px;
}
.dobfield option[value=""] {
  color: red;
}
@media only screen and (max-device-width: 46.875rem) {
  select {
    background-position: center right 5px;
    background-size: 15px 15px;
  }
}
label {
  position: relative;
  display: block;
}
input:not([type=hidden]):focus + .active-input {
  right: 0;
}
/*.active-input { position:absolute;bottom:0;left:0;right:100%;height:2px;background:#000;transition:right .25s linear, height .25s linear; }*/
.active-input.invalid {
  display: flex;
  color: #fff;
  height: auto;
  padding: 11px 15px;
  bottom: 0;
  right: 0;
  background: #cc0000;
  /*white-space:nowrap;*/
}
.active-input.invalid {
  padding: 0px;
  bottom: -30%;
  color: red;
  background: none;
  margin-top: 7px;
}
@media only screen and (max-device-width: 46.875rem) {
  .active-input.invalid {
    height: 25px;
    padding: 0px;
    bottom: -30%;
    color: red;
    background: none;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
  }
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  display: flex;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #000;
  position: absolute;
  left: 0.3125rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
input[type="checkbox"]:checked + label:before {
  width: 0.625rem;
  top: calc(50% - .625rem);
  left: 0.5rem;
  border-radius: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type="text"]::-webkit-input-placeholder {
  color: #666666;
  text-transform: lowercase;
}
@media only screen and (max-device-width: 46.875rem) {
  input[type="checkbox"]:checked + label:before {
    width: 1.25rem;
    top: calc(50% - 1.25rem);
    left: 0.6rem;
  }
}
.account-resume .faded-btn {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.account-resume .faded-btn:hover, .faded-btn.selected {
  background: #ffffff;
  color: #004890;
}
.detail {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-left: 2rem;
  padding-bottom: 11px;
}
.detail .close {
  top: 50%;
  right: initial;
}
@media only screen and (max-device-width: 46.875rem) {
  .detail {
    padding-left: 0.75rem;
  }
  .detail .close {
    height: auto !important;
    width: auto !important;
    font-size: 0.75rem;
    top: 50%;
  }
}
.detail .close:before, .detail .close:after {
  background: #ffffff;
}
.detail .faded-btn:hover .close:before, .detail .faded-btn:hover .close:after {
  background: #0066cc;
}
.validation-btn {
  background: #0066cc !important;
  color: #ffffff !important;
  border: none;
}
.account-menu {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.last-order, .last-sav {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.list-orders, .list-sav {
  border-bottom: 1px solid #cccccc;
}
.detail-order {
  display: none;
}
.order {
  display: none;
}
.order:checked + .detail-order {
  display: block;
}
.detail-order {
  border: 1px solid #cccccc;
  border-top: none;
}
.detail-order .faded-btn {
  border: 1px solid #000000;
  color: #000000;
}
.detail-order .faded-btn:hover {
  background: #000000;
  color: #ffffff;
}
.review {
  border: 1px solid #cccccc;
  display: flex;
  align-items: flex-start;
}
.review > a {
  flex: 1 1 auto;
  width: 33%;
}
.review > img {
  flex: 1 1 auto;
  width: calc(33% + 20px);
}
.review > div {
  flex: 2 2 auto;
  width: 67%;
  border-left: 1px solid #cccccc;
  height: 100%;
}
.review form {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}
.review form label {
  flex: 4 4 80%;
  position: relative;
}
.review form .active-input {
  position: absolute;
  top: 0;
}
.review form .active-input.invalid {
  color: #fff;
  height: auto;
  padding: 11px 15px;
  bottom: 0;
  right: 0.3125rem;
  background: #cc0000;
  white-space: nowrap;
}
.review form textarea {
  border: none;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  height: 100%;
}
.review form > div > label {
  flex: 1 1 20%;
}
.review form .rating {
  display: none;
}
.review form .rating + label {
  color: #0066cc;
  float: left;
}
.review form .rating:checked + label ~ label {
  color: #cccccc;
}
.review > div:hover .rating + label {
  color: #0066cc;
}
.review > div .rating + label:hover ~ label {
  color: #cccccc;
}
.sep-ot-total {
  height: 1px;
  background: #ffffff;
  border: none;
}
.bdNoir {
  border: 1px solid #000;
}
.avatar {
  position: relative;
}
.avatar:before {
  content: "";
  display: block;
  float: left;
  padding-top: 100%;
}
.account-resume .avatar {
  width: 7.5rem;
}
.w150 {
  width: 150px;
}
.h150 {
  height: 150px;
}
.listNone {
  list-style: none;
}
@media only screen and (max-width: 61.63rem) {
  .account-resume .avatar {
    width: 7rem;
    height: 6.5rem;
    border-radius: 12rem;
  }
}
@media only screen and (max-width: 46.875rem) {
  .account-resume .avatar {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 6rem;
  }
}
#Download h1 {
  font-size: 34px;
  text-align: center;
}
.form-avatar {
  width: 100%;
  min-width: 500px;
}
.avatar-wrapper {
  position: relative;
  width: 100%;
  max-width: 350px;
  max-height: 350px;
  background: #fcfcfc;
  overflow: hidden;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
}
.avatar-wrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
  position: absolute;
}
.avatar-wrapper img {
  display: block;
  height: auto;
  max-width: 100%;
}
.bubble {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: scale(1.001) translate(-50%, -50%);
  z-index: 11;
  max-width: 85vW;
  max-height: 85vh;
  overflow-y: auto;
}
.bubble .close:after {
  font-size: 18px;
  position: absolute;
  margin-left: 10px;
}
.listAddr .addr {
  border: 1px solid #ccc;
}
.listAddr input[type="radio"] {
  display: none;
}
.listAddr input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 1.25rem 1.25rem 1.25rem 3.75rem;
}
.listAddr input[type="radio"] + label:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #000;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
.listAddr input[type="radio"]:checked + label:before {
  width: 0.625rem;
  top: calc(50% - .625rem);
  left: 1.5rem;
  border-radius: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.depart {
  display: none;
}
.depart.selected {
  display: block;
}
.detail-ticket {
  display: none;
}
.detail-ticket .file img {
  max-width: 6.25rem;
  max-height: 6.25rem;
}
.ticket:checked + .detail-ticket {
  display: block;
}
.ticket:checked + .detail-ticket a:link {
  color: #004890;
}
.ticket:checked + .detail-ticket a:hover {
  text-decoration: underline;
}
.ticket:checked + .detail-ticket a:active {
  text-decoration: underline;
}
.ticket:checked + .detail-ticket a:visited {
  text-decoration: none;
}
.list-prod {
  display: none;
}
.list-prod .active-input.invalid {
  position: static;
  width: 100%;
}
.list-prod.selected {
  display: flex;
}
.list-prod input[type=checkbox] + label {
  padding: 0.625rem 0 0 1.5rem;
}
.list-prod input[type=checkbox] + label:before {
  top: calc(50% + .3125rem);
  left: 0;
}
.list-prod input[type=checkbox]:checked + label:before {
  top: calc(50% - .3125rem);
  left: 0.15625rem;
}
.coupon .flex {
  justify-content: space-between;
}
.coupon .coupon-code {
  border: 1px solid #ffffff;
  flex-shrink: 0;
}
.manual {
  border: 1px solid #000;
}
.manual.flex > div:first-child {
  flex: 1 0 calc(40% - 20px);
}
.manual.flex > div:last-child {
  flex: 3 0 calc(60% - 20px);
}
.manual .flex {
  flex-flow: column;
  justify-content: space-between;
}
.manual .flex .faded-btn {
  align-self: flex-end;
}
.imusic {
  border: 1px solid #000;
}
.imusic.flex > div:first-child {
  flex: 1 0 calc(40% - 20px);
}
.imusic.flex > div:last-child {
  flex: 3 0 calc(60% - 20px);
}
.imusic .flex {
  flex-flow: column;
  justify-content: space-between;
}
.imusic .flex .faded-btn {
  align-self: flex-end;
}
.wbschool {
  position: relative;
}
/*.wbschool img { position:absolute;top:0;left:0; }*/
.wbschool .faded-btn {
  border-color: #fff;
  color: #fff;
  position: absolute;
  top: 20px;
  right: 20px;
}
.wbschool .faded-btn:hover {
  background: #fff;
  color: #000;
}
.wbschool-cours {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.last-seance {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.list-seances {
  border-bottom: 1px solid #cccccc;
}
.detail-seance {
  display: none;
}
.seance {
  display: none;
}
.seance:checked + .detail-seance {
  display: block;
}
.detail-seance {
  border: 1px solid #cccccc;
  border-top: none;
}
.detail-seance .faded-btn {
  border: 1px solid #000000;
  color: #000000;
}
.detail-seance .faded-btn:hover {
  background: #000000;
  color: #ffffff;
}
.avatar-save:before {
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
}
.form-avatar .flexCenterJustify {
  flex-flow: column;
}
#new_addr_form .required-field, #create-account-form .required-field {
  border-right: 4px solid #0066cc;
}
#new_addr_form .required-field-error, #create-account-form .required-field-error {
  border-right: 4px solid #ff0000;
}
@media only screen and (max-device-width: 46.875rem) {
  #create-account-form .required-field {
    border-right-width: 2px;
  }
  #create-account-form .required-field-error {
    border-right-width: 2px;
  }
  .form-avatar {
    min-width: auto;
  }
  .form-avatar .flexCenterJustify {
    flex-flow: row;
  }
  .bubble {
    width: 80%;
  }
}
.required-label {
  border-left: 4px solid #0066cc;
  padding-left: 15px;
  font-size: 12px;
}
@media only screen and (max-device-width: 46.875rem) {
  .required-label {
    border-left: 2px solid #0066cc;
    padding-left: 7px;
  }
  input[type="checkbox"] + label:before {
    width: 1.75rem;
    height: 1.75rem;
  }
}
/* CSS FORM SAV
/* Masquer le bouton radio d'origine */
#form_sav input[type=radio] {
  display: none;
}
/* Affichage par défaut du bouton radio personnalisé */
#form_sav input[type=radio] + label:before {
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-top: -3px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 17px;
  height: 17px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
#form_sav input[type=radio]:checked + label:before {
  background: #004890;
  border-color: #004890;
  box-shadow: inset 0px 0px 0px 2px #fff;
}
#form_sav .element_choix {
  margin-bottom: 14px;
}
#form_sav label {
  cursor: pointer;
  margin: 20px 0px;
}
#form_sav label.text_indent {
  text-indent: 20px;
}
/* bouton radio personnalisé responsive */
@media only screen and (max-device-width: 46.875rem) {
  #form_sav input[type=radio] + label:before {
    margin-right: 5px;
  }
  #form_sav label {
    margin: 10px 0px;
  }
  #form_sav label.text_indent {
    text-indent: 0;
  }
}
/* Retour par convenance */
#form_sav #conseil {
  display: none;
}
/* Retour par convenance */
#form_sav #convenance {
  display: none;
}
/* Duplicata facture */
#form_sav #duplicata {
  display: none;
}
/* Pas encore commande */
#form_sav #nothaveproduct {
  display: none;
}
/* j'ai un problème technique */
#form_sav #technicalIssue {
  display: none;
}
/* j'ai la commande */
#form_sav #ihaveproduct {
  display: none;
}
/* Limit poids img */
#form_sav #retour_conv_text {
  display: none;
}
/* Cache niveau 2 */
#form_sav .element_choix1 {
  display: none;
}
#form_sav .element_choix2 {
  display: none;
}
#form_sav .message_1 {
  display: none;
}
#form_sav .message_2 {
  display: none;
}
#form_sav .message_3 {
  display: none;
}
#form_sav .conseilMessage {
  display: none;
}
/* Textarea form SAV*/
#form_sav .text_area_form, #form_maj_ticket .text_area_form {
  height: 150px !important;
}
/*input files SAV */
#form_sav .file_box, #form_maj_ticket .file_box {
  position: relative;
}
#form_sav .file_box input[type=file], #form_maj_ticket .file_box input[type=file] {
  position: absolute;
  height: 1px;
  width: 1px;
  z-index: -10;
  visibility: hidden;
  display: block;
}
#form_sav .file_box p, #form_maj_ticket .file_box p {
  padding-top: 0;
  margin: 0;
}
#form_sav .file_box .select_file span, #form_maj_ticket .file_box .select_file span {
  position: absolute;
  display: block;
  right: 0;
  top: -1px;
  height: 34px;
  line-height: 34px;
  background: #004890;
  background-size: 20px;
  color: #fff;
  width: 180px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  font-size: 9pt;
  text-align: center;
}
#form_sav .file_box .select_file span:hover, #form_maj_ticket .file_box .select_file span:hover {
  background: #0066cb;
}
#form_sav .file_box .select_file, #form_maj_ticket .file_box .select_file {
  position: relative;
  margin-bottom: 10px;
  background: #fff;
  text-decoration: none;
  font-size: 10pt;
  padding: 0 15px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  border: 1px solid #cdcdcd;
}
@media only screen and (max-device-width: 46.875rem) {
  #form_sav .file_box .select_file {
    height: 20px;
    line-height: 20px;
    padding: 0;
  }
  #form_sav .file_box .select_file span {
    height: 20px;
    line-height: 20px;
    font-size: 1rem;
    position: relative;
    width: 100% !important;
  }
}
/* bouton submit SAV */
#form_sav #btn_sav {
  background: #004890;
  color: #ffffff;
  border: 1px solid #004890;
}
#form_maj_ticket #btn_sav {
  background: #004890;
  color: #ffffff;
  border: 1px solid #004890;
  display: block;
  margin: 0 auto;
}
#form_sav #btn_sav:hover, #form_maj_ticket #btn_sav:hover {
  background: #ffffff;
  color: #004890;
}
/* image piece jointe */
#form_sav .piece_jointe, #form_maj_ticket .piece_jointe {
  max-width: 80%;
}
/* image avant upload */
#form_sav .box_for_img_upload img, #form_maj_ticket .box_for_img_upload img {
  height: 200px;
  margin: 5px 15px;
}
/* bouton delete */
#form_sav .file_box .box_for_img_upload span, #form_maj_ticket .file_box .box_for_img_upload span {
  display: block;
  margin: 5px 15px;
  height: 34px;
  line-height: 34px;
  background: #004890;
  background-size: 20px;
  color: #fff;
  width: 180px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  font-size: 9pt;
  text-align: center;
}
#form_sav .file_box .box_for_img_upload span:hover, #form_maj_ticket .file_box .box_for_img_upload span:hover {
  background: #0066cb;
}
/* * champs required */
#form_sav .info_required {
  font-style: italic;
  margin-top: 10px;
}
#form_maj_ticket .info_required {
  font-style: italic;
  margin-top: 10px;
  text-align: center;
}
/* box majticket */
.border_popup {
  border: 1px solid #004890;
  width: 700px;
}
/* img suivi ticket */
.OpenImg {
  cursor: pointer;
}
/* img trombone */
.piece_jointe {
  width: 80%;
}
/* Bouton téléchargement */
#form_sav .btn_download {
  background: #004890;
  color: #ffffff;
  border: 1px solid #004890;
  padding: 5px 20px;
  font-weight: 600;
}
#form_sav .btn_download:hover {
  background: #ffffff;
  color: #004890;
}
/* Background des forms SAV */
#form_sav .bg_form {
  padding: 10px;
  background-color: #f2f2f2;
}
/* test loader */
#loader:after, #loader:before {
  content: "";
  position: absolute;
}
#loader {
  z-index: 1001;
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #004890;
  animation: spin 2s linear infinite;
}
.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 0.6s ease-out;
}
#loader-wrapper {
  opacity: 0.8;
  background-color: #f2f2f2;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transform: translate(-50%, -50%);
}
#loader:before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #000000;
  animation: spin 3s linear infinite;
}
#loader:after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #004890;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loaded #loader-wrapper.ajaxLoading {
  visibility: visible;
  transform: translateY(0);
  transition: none;
}
.loaded #loader-wrapper.ajaxLoading #loader {
  opacity: 1;
}
/* DEV 2453 */
.detail-ticket a {
  color: #004890;
}
input[type=text]:read-only, #tooltip input[type=text]:read-only, #Woodbrass input[type=text]:read-only, input[type=tel]:read-only, #tooltip input[type=tel]:read-only, #Woodbrass input[type=tel]:read-only {
  cursor: not-allowed;
  background: rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent;
}
/*trix z-index pour google autocomplete sur checkout*/
.pac-container {
  z-index: 8040;
}
@media only screen and (min-device-width: 46.876rem) {
  .fast-account {
    background-color: transparent;
    /* Couleur pour les 2/3 restants */
    background-image: linear-gradient(to right, #fff, #fff);
    /* Couleur pour le premier 1/3 */
    background-size: 48% 100%;
    /* La taille de l'image d'arrière-plan au tiers de la largeur */
    background-repeat: no-repeat;
    /* Pour ne pas répéter l'image d'arrière-plan */
    background-position-x: center;
  }
}
@media only screen and (max-device-width: 46.875rem) {
  .fast-account {
    background-color: var(--color--white);
  }
}
.switch-account {
  height: 50px;
  background-color: var(--color--white);
  border-radius: 25px;
  color: var(--color-gray-medium);
}
.switch-account > div {
  border-radius: 25px;
  cursor: pointer;
  caret-color: transparent;
}
#create-account-form .create-account-form__title--info-connexion {
  grid-area: create-account-form__title--info-connexion;
}
#create-account-form .create-account-form__email {
  grid-area: create-account-form__email;
}
#create-account-form .create-account-form__password {
  grid-area: create-account-form__password;
}
#create-account-form .create-account-form__title--info-perso {
  grid-area: create-account-form__title--info-perso;
}
#create-account-form .create-account-form__lastname {
  grid-area: create-account-form__lastname;
}
#create-account-form .create-account-form__firstname {
  grid-area: create-account-form__firstname;
}
#create-account-form .create-account-form__dob {
  grid-area: create-account-form__dob;
}
#create-account-form .create-account-form__phone {
  grid-area: create-account-form__phone;
}
#create-account-form .create-account-form__title--address {
  grid-area: create-account-form__title--address;
}
#create-account-form .create-account-form__country {
  grid-area: create-account-form__country;
}
#create-account-form .create-account-form__address {
  grid-area: create-account-form__address;
}
#create-account-form .create-account-form__suburb {
  grid-area: create-account-form__suburb;
}
#create-account-form .create-account-form__zipcode {
  grid-area: create-account-form__zipcode;
}
#create-account-form .create-account-form__city {
  grid-area: create-account-form__city;
}
#create-account-form .create-account-form__title--info-com {
  grid-area: create-account-form__title--info-com;
}
#create-account-form .create-account-form__newsletter {
  grid-area: create-account-form__newsletter;
}
#create-account-form .create-account-form__cgv {
  grid-area: create-account-form__cgv;
}
#create-account-form .create-account-form__submit {
  grid-area: create-account-form__submit;
  display: flex;
  justify-content: center;
}
#create-account-form .create-account-form__title--info-society {
  grid-area: create-account-form__title--info-society;
}
#create-account-form .create-account-form__society {
  grid-area: create-account-form__society;
}
#create-account-form .create-account-form__search-society {
  grid-area: create-account-form__search-society;
}
#create-account-form .create-account-form__title--info-vat {
  grid-area: create-account-form__title--info-vat;
}
#create-account-form .create-account-form__vatFR {
  grid-area: create-account-form__vatFR;
}
#create-account-form .create-account-form__vatEXT {
  grid-area: create-account-form__vatEXT;
}
#create-account-form .create-account-form__title--sector-activity {
  grid-area: create-account-form__title--sector-activity;
}
#create-account-form .create-account-form__sector-activity {
  grid-area: create-account-form__sector-activity;
}
#create-account-form input {
  border-radius: 4px;
  font-size: 14px;
}
#create-account-form input[type="date"] {
  text-transform: uppercase;
}
#create-account-form input[name="phone"] {
  border-left: 0 solid transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#create-account-form input[type=radio] {
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  border: 0 solid transparent;
  padding-left: 20px;
}
#create-account-form input[type=radio]:not([name=create-account-form__bouton--sector-speciality])::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background: transparent;
  border: 1px solid #CACACA;
  border-radius: 50%;
}
#create-account-form input[type=radio]:not([name=create-account-form__bouton--sector-speciality]):checked::before {
  border: 5px solid var(--color-blue-wb);
}
#create-account-form input::placeholder {
  color: var(--color-gray-medium);
}
#create-account-form button {
  border-radius: 4px;
  cursor: pointer;
}
#create-account-form button.create-account-form__bouton--submit {
  border: 0 solid transparent;
}
#create-account-form button.selected {
  border-color: var(--color-blue-wb);
}
#create-account-form button.selected.invalid {
  border-color: var(--color--vivid-red);
}
#create-account-form button .material-icons {
  font-size: 16px;
  margin-right: 5px;
}
#create-account-form button.create-account-form__address__cant-find {
  height: auto;
  font-size: 12px;
  cursor: pointer;
  background: transparent;
  margin-top: 5px;
}
#create-account-form label {
  color: var(--color-gray-medium);
}
#create-account-form label.required-label-error {
  color: var(--color--vivid-red);
}
#create-account-form .create-account-form__grid {
  display: grid;
  grid-template-rows: auto 1fr auto;
}
#create-account-form .create-account-form__grid.particulier {
  grid-template-areas: "create-account-form__title--info-connexion" "create-account-form__email" "create-account-form__password" "create-account-form__title--info-perso" "create-account-form__lastname" "create-account-form__firstname" "create-account-form__dob" "create-account-form__phone" "create-account-form__title--address" "create-account-form__country" "create-account-form__address" "create-account-form__suburb" "create-account-form__zipcode" "create-account-form__city" "create-account-form__title--info-com" "create-account-form__newsletter" "create-account-form__cgv" "create-account-form__submit";
}
#create-account-form .create-account-form__grid.particulier .create-account-form__title--info-society {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__society {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__search-society {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__title--info-vat {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__vatFR {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__vatEXT {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__title--sector-activity {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__sector-activity {
  display: none;
}
#create-account-form .create-account-form__grid.particulier .create-account-form__phone__label--professionnel {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel {
  grid-template-areas: "create-account-form__title--info-perso" "create-account-form__lastname" "create-account-form__firstname" "create-account-form__phone" "create-account-form__email" "create-account-form__password" "create-account-form__title--info-society" "create-account-form__society" "create-account-form__zipcode" "create-account-form__search-society" "create-account-form__title--info-vat" "create-account-form__vatFR" "create-account-form__vatEXT" "create-account-form__title--sector-activity" "create-account-form__sector-activity" "create-account-form__title--info-com" "create-account-form__newsletter" "create-account-form__cgv" "create-account-form__submit";
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__title--info-connexion {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__dob {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__title--address {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__country {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__address {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__suburb {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__city {
  display: none;
}
#create-account-form .create-account-form__grid.professionnel .create-account-form__phone__label--particulier {
  display: none;
}
#create-account-form div[class^=create-account-form__] {
  border-left: 1px solid var(--color-gray-medium);
  margin-left: -60px;
  padding-left: calc(60px - 6px);
}
#create-account-form div[class*=create-account-form__title] {
  position: relative;
}
#create-account-form div[class*=create-account-form__title]:first-child, #create-account-form div[class*=create-account-form__title].create-account-form__h2--order-1 {
  padding-top: 0 !important;
}
#create-account-form div[class*=create-account-form__title]:first-child::after, #create-account-form div[class*=create-account-form__title].create-account-form__h2--order-1::after {
  content: "";
  display: inline-block;
  height: 5px;
  width: 12px;
  background-color: var(--color--white);
  position: absolute;
  top: 0;
  left: -6px;
  visibility: visible;
}
#create-account-form div[class*=create-account-form__title]::before {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-top: 5px;
  margin-left: -60px;
  margin-right: calc(60px - 12px);
  border-radius: 50%;
  background-color: var(--color-blue-wb);
  visibility: visible;
}
#create-account-form div.template-block-professionnel__professionnel {
  border-radius: 5px;
  cursor: pointer;
}
#create-account-form div.template-block-professionnel__professionnel.selected {
  border-color: var(--color-blue-wb);
  background: var(--color--light-blue-wb);
}
#create-account-form div.create-account-form__bouton--sector-speciality--chips {
  color: var(--color--black);
  border-radius: 25px;
  border-left: 0 solid transparent;
  caret-color: transparent;
  cursor: pointer;
}
#create-account-form div.create-account-form__bouton--sector-speciality--chips.selected {
  background: var(--color-blue-wb);
  color: var(--color--white);
}
