@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

.input-group.focus {
    outline: none !important;
    border: none !important
}

.form-control:focus {
    outline: 1px solid #7a7a7a !important;
    border: 1px solid #7a7a7a !important;
    background-color: #f1f1f1 !important;
    color: initial !important
}

.clearResponsive {
    clear: both;
    width: 100%;
    display: none
}

body {
    font-family: 'Roboto', sans-serif !important;
    color: #232323
}

body main {
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
a {
    font-family: 'Roboto', sans-serif !important;
    color: #232323
}

a {
    color: #4b4b4b
}

a:hover {
    color: #e31c79
}

.btn-primary,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #e31c79 !important;
    border-color: transparent
}

.pagination .current a {
    color: #e31c79 !important
}

.pad-left-10 {
    padding-left: 10px
}

#wrapper {
    min-height: 75vh
}

.pointer {
    cursor: pointer
}

.carousel,
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container,
.tabs,
.product cover image,
.product-images>li.thumb-container>.thumb,
#product,
#block-reassurance {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important
}

#waitIcon {
    position: fixed;
    left: 50vw;
    top: 25vh;
    z-index: 2;
    display: none
}

.product-miniature img {
    margin-left: 0 !important
}

.header-top {
    background-color: #a9a9a9;
    padding-bottom: 0 !important;
    max-height: initial !important
}

._mobile_menu_nav {
    display: none;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 998;
    width: 100vw;
    -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    height: 60px
}

._mobile_menu_nav .logo_mobile {
    padding: 10px 15px
}

._mobile_menu_nav .logo_mobile img {
    width: 130px !important
}

._mobile_menu_nav .open_menu_mobile {
    padding: 15px
}

._mobile_menu_nav .open_menu_mobile img {
    width: 30px
}

._mobile_menu_nav .right {
    display: flex;
    justify-content: center;
    align-items: center;
}

._mobile_menu_nav .open_search_menu i {
    font-size: 30px;
}

#mobile_top_menu_wrapper {
    position: fixed;
    z-index: 999;
    width: 100vw;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: scroll;
    margin: 0;
    background: #f5f5f5 !important;
    padding: 0 !important
}

#mobile_top_menu_wrapper #top-menu.left {
    padding: 15px !important;
    background: #fff !important;
    margin-bottom: 0 !important
}

#mobile_top_menu_wrapper #top-menu #lnk-logo-jocatop {
    margin-bottom: 20px !important
}

#mobile_top_menu_wrapper #top-menu #cms-category-2 a.dropdown-item {
    display: none
}

#mobile_top_menu_wrapper #top-menu #cms-category-2 .sub-menu {
    padding-left: 0 !important
}

#mobile_top_menu_wrapper #top-menu #cms-category-2 .sub-menu a {
    margin-bottom: 0 !important;
    text-transform: uppercase
}

#mobile_top_menu_wrapper #top-menu #cms-category-2 .sub-menu a span.txt {
    margin-left: 0 !important
}

#mobile_top_menu_wrapper .close_menu_mobile {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

#mobile_top_menu_wrapper .close_menu_mobile img {
    width: 30px
}

#header .header-top #mobile_top_menu_wrapper a {
    border: 0 !important;
    padding: 10px !important;
    color: #484848 !important
}
#header .header-top #mobile_top_menu_wrapper .Blog a {
    width: fit-content;
    background: #9bd611;
    padding: 10px 20px !important;
    border-radius: 5px;
    color: #FFF !important;
}
#header .header-top #mobile_top_menu_wrapper .Blog a img {
    width: 20px;
    margin-right: 10px;
}
#header .header-top #mobile_top_menu_wrapper a.dropdown-item:after,
#header .header-top #mobile_top_menu_wrapper a.dropdown-item:after {
    content: none !important
}

#mobile_top_menu_wrapper .top-menu .sub-menu {
    width: 100% !important;
    padding: 0;
    padding-left: 15px
}

#mobile_top_menu_wrapper .top-menu .sub-menu a {
    width: 100%;
    display: flex;
    align-items: center
}

#mobile_top_menu_wrapper .sub-menu_mainLinks ul li a span.txt,
#mobile_top_menu_wrapper .sub-menu.small a span.txt {
    margin-left: 25px
}

#mobile_top_menu_wrapper li#category-2 a .navbar-toggler.collapse-icons,
#mobile_top_menu_wrapper li#cms-category-2 a .navbar-toggler.collapse-icons {
    display: none
}

#mobile_top_menu_wrapper #top-menu.right #lnk-espace-client a p {
    margin-bottom: 0 !important;
    color: #fff !important;
    text-transform: uppercase
}

#mobile_top_menu_wrapper #top-menu.right .sub-menu {
    background: 0 0 !important;
    padding-left: 0 !important
}

#mobile_top_menu_wrapper #top-menu.right .sub-menu a {
    margin-bottom: 0 !important
}

#mobile_top_menu_wrapper #top-menu.right .sub-menu a span.txt {
    margin-left: 0;
    font-size: 14px
}

#top-menu.right .title_mobile_client {
    display: none;
    pointer-events: none;
    background: #00a5b5;
    margin-bottom: 10px !important
}

#mobile_top_menu_wrapper #top-menu.right .title_mobile_client p {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

#mobile_top_menu_wrapper #top-menu.right .panier_mobile {
    display: none
}

#header .header-top .client a p {
    display: none
}

#_desktop_logo {
    margin-top: 0 !important;
    width: 20%
}

#header .header-nav {
    border-bottom: 0 !important
}

#_desktop_top_menu {
    width: -moz-max-content !important;
    width: max-content !important;
    padding-top: .7vw;
    padding-bottom: 1.7vh !important
}

#notifications {
    display: none !important
}

#header .header-nav .right-nav {
    justify-content: center !important
}

#header .header-top .menu {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#header .header-top .menu>ul>li {
    float: left;
    width: auto;
    padding: 0
}

#header .header-top .position-static {
    width: 100% !important;
    padding: 0
}

@media only screen and (max-width:767px) {
    #top-menu {
        display: block
    }
}

.top-menu a[data-depth="0"] {
    font-weight: inherit !important
}

#jocastoreLink img {
    width: 100%
}

#_jocastoreLink {
    padding-top: 27px
}

#_mobile_logo,
#_jocastoreLink {
    display: inline-block
}

.top-menu .sub-menu.collapse {
    left: 0
}

.top-menu a.dropdown-submenu {
    text-transform: none !important
}

.top-menu .dropdown-submenu {
    font-weight: 400 !important
}

.top-menu .sub-menu {
    width: calc(100% - 40px) !important;
    min-width: calc(100% - 40px) !important
}

#header .right-nav {
    float: right !important;
    width: 75% !important
}

#header #jocastoreLink {
    float: left !important;
    width: 23% !important;
    margin-top: 15px !important;
    margin-left: 3% !important;
    margin-right: 3% !important
}

#header #_desktop_user_info {
    width: auto
}

#header .header-nav .user-info {
    margin-left: 0 !important
}

#header .header-nav .user-info a {
    float: left !important;
    width: 100% !important;
    text-align: center !important;
    color: #232323 !important
}

#header .header-nav .user-info a i {
    color: #232323 !important
}

#header .header-nav .blockcart {
    margin-left: 0 !important
}

#header .header-nav .cart-preview .shopping-cart {
    color: #fff !important
}

#__loupeMobile {
    display: none
}

#_mobile_logo .logo_small {
    display: none !important
}

.ui-menu {
    box-shadow: rgba(0, 0, 0, .1) 2px 1px 11px 2px !important;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 2px 1px 11px 2px !important
}

.ui-menu-item a .separator {
    display: none !important
}

.ui-menu-item a {
    font-size: small !important
}

.ui-corner-all {
    border-radius: 0 !important;
    background: #fff !important;
    cursor: pointer;
    border-color: #fff !important
}

.ui-corner-all:hover,
.ui-corner-all:active,
.ui-corner-all:visited {
    border-radius: 0 !important;
    background: #fff !important
}

@media only screen and (max-width:990px) {
    #header .header-nav .blockcart span.hidden-sm-down {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    #header .header-nav #menu-icon .material-icons {
        font-size: 28px !important
    }

    #header .header-nav .top-logo {
        padding-top: 0 !important
    }

    #header .active_search {
        display: block !important
    }

    #__loupeMobile {
        font-size: 28px;
        margin: 0 15px !important;
        display: block !important;
        cursor: pointer
    }

    #__loupeMobile i {
        font-size: 36px !important;
        line-height: 36px !important
    }

    #header .header-nav .user-info {
        margin: 10px 0 10px !important
    }

    #_jocastoreLink {
        height: 1.8rem !important;
        padding-top: 0 !important;
        margin-top: 4px
    }

    #_jocastoreLink img {
        height: 100% !important;
        width: auto !important
    }

    #header .header-nav .blockcart {
        padding: 4px 10px !important;
        height: auto !important;
        margin-right: 15px !important
    }

    #header .header-nav .blockcart i {
        font-size: 24px !important;
        line-height: 24px !important
    }

    #header .search i {
        font-size: 38px !important;
        line-height: 38px !important
    }

    #header .header-nav .user-info i {
        margin: 0 15px !important;
        font-size: 38px !important;
        line-height: 38px !important
    }

    #header .header-nav .user-info {
        margin-top: 0 !important
    }

    #header .header-nav .top-logo a img {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    #_mobile_logo .logo_all {
        display: none !important
    }

    #_mobile_logo .logo_small {
        display: block !important
    }

    #search_filters .facet {
        width: 100% !important;
        float: left;
        background: #fff !important
    }

    .subCheckbox {
        background: #fcfcfc !important;
        margin-left: 0 !important;
        width: 100% !important
    }

    #category #wrapper {
        min-height: 90vh
    }

    #search_filters_wrapper {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:480px) {
    #header .header-nav .top-logo a img {
        max-height: 50px;
        max-width: 70%;
        margin-top: 5px
    }
}

.category-sub-menu li[data-depth="3"]:before {
    content: "•" !important
}

.menu_block {
    width: 33.33% !important
}

#top-menu .menu_block a.cycle {
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-weight: 400 !important;
    font-size: 18px;
    color: #e31c79 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

#top-menu .submenu2 a.cycle {
    text-align: left
}

#top-menu .submenu3 li.cycle a {
    color: #e31c79 !important
}

.menu_block .contain_btn {
    width: 100%;
    display: flex;
    justify-content: center
}

.submenu3 .contain_btn {
    margin-top: 20px
}

.menu_block .contain_btn a {
    width: 33.33%;
    border: 0;
    text-align: center;
    padding: 7px 0 !important;
    margin: 0 10px 0 0;
    cursor: pointer;
    background: #f1f1f1;
    color: #4b4b4b !important
}

.menu_block ul {
    list-style: none;
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 15px
}

.menu_block ul li {
    float: left;
    width: 100%;
    display: block
}

.menu_block ul li a {
    float: left;
    width: 100%;
    color: #4b4b4b !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important
}

.submenu_mobile {
    display: none
}

.sub-menu_mainLinks {
    top: 0;
    display: inline-block;
    padding-right: 2vw;
    padding-left: 2vw;
    padding-bottom: 1vh;
    vertical-align: top !important;
    display: table-cell;
    width: 50%
}

.sub-menu_mainLinks a:hover {
    color: #e31c79 !important
}

.manual-submenu {
    padding: .1vh !important
}

.category li {
    display: contents
}

.logo_down {
    display: none !important
}

.popover:hover>.top-menu .sub-menu {
    display: block !important
}

@media only screen and (max-width:767px) {
    .submenu_mobile {
        display: block
    }

    .submenu_web {
        display: none
    }

    .menu_block ul li {
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:580px) {
    .logo_down {
        display: block !important
    }
}

.dropdown-item.dropdown-submenu.manual-submenu.cycleSubFeat {
    padding-left: 1vw !important
}

#search_filters section {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 0;
    margin-right: 2vw
}

#search_filters section.facet i {
    float: right;
    margin-top: -4px
}

#search_filters section.facet li {
    margin-bottom: 5px;
    margin-top: 5px
}

#search_filters section.facet .custom-checkbox i {
    margin-top: -2px;
    margin-right: -3px;
    font-size: 15px;
    font-weight: 600
}

#search_filters ul li .facet-label {
    width: 20px !important;
    float: left !important;
    margin-right: 5px !important
}

#search_filters li.subCheckbox .search-link {
    width: calc(100% - 60px) !important;
    float: left !important
}

#search_filters .subCheckbox .facet-label {
    width: 20px !important;
    float: left !important;
    margin-right: 12px !important;
    margin-left: 1.25rem
}

#search_filters_wrapper {
    padding: 0 !important
}

#search_filters {
    padding: 10px 1.25rem 1.563rem !important
}

#search_filters #_desktop_search_filters_clear_all i {
    margin: 0 !important
}

.clear_test {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    display: flex
}

.clear_test i,
.clear_test .btn-tertiary {
    margin: 0 !important
}

.clear_test button:active,
.clear_test button:focus,
.clear_test button:hover,
.clear_test button:visited {
    border: none !important
}

.checkbox-readonly {
    display: none
}

.collapseBig.in {
    display: block
}

.collapseBig {
    display: none
}

#search_filters li.subCheckbox {
    float: left;
    background: #f1f1f1;
    padding: 5px 0;
    margin-left: -1.25rem;
    width: calc(100% + 2.5rem);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: none !important
}

#search_filters li.subCheckbox.in {
    display: block !important
}

.page-content.page-cms {
    float: left !important;
    width: 100% !important
}

#search_filters::-webkit-scrollbar {
    width: 5px;
    border-radius: 0
}

#search_filters::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px grey;
    border-radius: 0
}

#search_filters::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 0
}

#search_filters::-webkit-scrollbar-thumb:hover {
    background: #a9a9a9
}

.cancelSearch {
    color: #fff;
    font-size: 24px;
    cursor: pointer
}

.overlayFacets {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 9;
    top: 0;
    left: 0;
    display: none
}

.js-search-filters-clear-all {
    float: right;
    background: 0 0 !important;
    box-shadow: none !important;
    color: #232323 !important;
    padding: 0 !important;
    margin-top: -5px !important
}

@media only screen and (max-width:990px) {

    #category #left-column,
    #category #content-wrapper {
        width: 100% !important
    }

    #category #left-column {
        overflow: initial !important
    }

    .clearResponsive {
        display: block
    }

    #search_filters,
    #search_filters_brands,
    #search_filters_suppliers {
        max-height: 30vh;
        width: 100%
    }

    #category #content-wrapper {
        margin-top: 3vh
    }

    #search_filters {
        max-height: initial !important;
        position: initial !important
    }
}

@media only screen and (max-width:767px) {
    #search_filters section {
        width: -moz-max-content !important;
        width: max-content !important
    }

    #search_filters,
    #search_filters_brands,
    #search_filters_suppliers {
        max-height: 70vh !important;
        width: 100%
    }

    #category #content-wrapper {
        margin-top: 0
    }

    #category #left-column #search_filters_wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #category #left-column #search_filters {
        max-height: initial !important;
        padding: 0 !important
    }
}

.filterSeparator {
    border-bottom: 1px dotted gray;
    width: 60%
}

#left-column {
    overflow-y: auto;
    overflow-x: hidden
}

.collectionFeatures {
    background-color: #fff;
    padding: 1vw
}

.collectionFeature {
    background-color: #eee;
    margin-bottom: .7vw
}

.collectionFeature a {
    display: flex;
    align-items: center
}

.collectionFeature a:hover {
    color: #e31c79 !important;
    text-decoration: none
}

.collectionFeature a>.material-icons {
    font-size: 40px !important;
    background-color: #777;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 60px;
    margin-right: 15px;
    text-align: center;
    padding-top: 5px;
    height: 50px;
    float: left;
    padding-bottom: 5px
}

.collectionFeature a:hover>.material-icons {
    background-color: #e31c79
}

.material-icons.md-light {
    color: rgba(255, 255, 255, 1) !important
}

.row.collectionFeatures {
    margin: 0;
    margin-bottom: 1vh
}

.collectionTitle {
    text-align: center
}

.iconTextAccueil {
    display: flex;
    align-items: center;
    text-align: left
}

.iconTextAccueil i:last-of-type {
    margin-right: 10px
}

@media only screen and (max-width:1200px) {
    .iconTextAccueil {
        width: 50% !important;
        margin-bottom: 15px
    }

    .iconTextAccueil i {
        width: 65px
    }

    .iconTextAccueil i.first {
        width: 20px
    }

    .iconTextAccueil i.second {
        width: 45px
    }
}

@media only screen and (max-width:770px) {
    .iconTextAccueil {
        width: 90% !important
    }
}

#jocatopRgpdConsent {
    padding: 15px;
    position: fixed;
    bottom: 0;
    z-index: 10;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .8) !important;
    font-family: Roboto, sans-serif !important;
    width: 100vw
}

#jocatopRgpdConsent a {
    color: #e31c79;
    font-weight: 600
}

#jocatopRgpdConsent span {
    margin: auto;
    background-color: #e31c79;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    line-height: 4rem;
    font-family: Ruluko;
    font-size: large
}

#jocatopRgpdConsent p {
    font-size: 14px !important;
    color: #fff !important
}

.finalRgpdButton a {
    background-color: #e31c79;
    margin: auto 5px;
    padding: 10px;
    font-weight: 300 !important;
    font-size: 14px !important;
    cursor: pointer
}

#jocatopRgpdConsent #jocaRgpdDetails {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    width: 90%;
    margin-left: 5%
}

#jocatopRgpdConsent #jocaRgpdDetails .jocaRgpdDetailsOpt {
    margin: 10px 0;
    display: flex;
    align-items: center;
    color: #000;
    font-family: "Nunito" !important;
    text-align: left;
    line-height: 1
}

#jocatopRgpdConsent #jocaRgpdDetails .jocaRgpdDetailsOpt input {
    margin-right: 5px;
    cursor: pointer
}

#jocatopRgpdConsent #jocaRgpdDetails .jocaRgpdDetailsOpt input[type=checkbox][disabled] {
    filter: grayscale()
}

#jocatopRgpdConsent .centerFlex {
    align-items: center
}

#ul_address1,
#ul_address2,
#ul_city,
#ul_postcode {
    text-align: center;
    align-content: start
}

#ul_address1 li,
#ul_address2 li,
#ul_city li,
#ul_postcode li {
    cursor: pointer;
    margin-top: .3vh;
    margin-left: .3vw;
    margin-right: .3vw
}

#cegidAddress .cegidWarning {
    color: red;
    font-size: 85%;
    font-weight: 700;
    animation: 1s ease-in-out infinite animationCegidWarning
}

@keyframes animationCegidWarning {
    from {
        transform: translate3d(2vmin, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

#cegidAddressSelection ul li {
    margin-top: .3vh;
    margin-left: .3vw;
    margin-right: .3vw;
    padding: .3vmin 0;
    text-align: center;
    align-content: start;
    border-radius: .5vmin;
    background-color: #f8f8f8
}

#cegidAddressSelection ul li div {
    color: #666;
    font-size: 85%
}

#cegidAddressSelection ul li div:first-child,
#cegidAddressSelection ul li div:last-child {
    color: #000;
    font-size: 100%
}

#cegidAddressSelection ul li:hover {
    background-color: #dae4f0;
    cursor: pointer
}

#addrConf {
    text-align: center
}

.block-promo {
    color: #ff9a52 !important
}

#product-modal {
    background-color: rgba(255, 250, 253, .8)
}

.clearModal {
    background-color: #fff
}

.block-category {
    display: none !important
}

#products .thumbnail-container,
.products .thumbnail-container {
    height: 260px !important;
    width: 250px !important;
    text-align: center;
    background-color: #fff
}

#product .breadcrumb {
    display: none
}

#product .back {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .4);
    width: max-content;
    margin-bottom: 30px;
    text-decoration: none
}

#product .back img {
    height: 20px;
    margin-right: 10px
}

#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
    width: 250px !important
}

#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
    width: 250px !important
}

.tabDescriptionBlock {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    margin-top: 2rem;
    background: #fff;
    padding: 1.25rem 1.875rem;
    margin-bottom: 20px
}

#products .products,
.featured-products .products,
.product-accessories .products,
.product-miniature .products {
    justify-content: center !important
}

.products-sort-order .select-title {
    padding: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 5px 10px !important
}

.products-sort-order .dropdown-menu {
    background: #fff !important
}

.products-sort-order .select-list {
    font-size: small !important;
    color: #222;
    padding: 5px 1em !important;
    transition: .2s;
    line-height: 1.5 !important
}

.products-sort-order .select-list:hover {
    background: initial !important;
    color: #e31c79 !important;
    transition: .2s
}

.product-miniature .product-title {
    text-transform: initial !important
}

.carousel .carousel-inner {
    height: auto !important
}

#carousel figure {
    margin: 0 !important
}

#footer {
    background-color: #e31c79;
    padding-top: 1rem !important
}

.footer-container {
    font-family: 'Open Sans' !important;
    background-color: #a9a9a9;
    color: #232323 !important;
    margin-top: 0 !important
}

.footer-container a:hover {
    color: #e31c79 !important
}

.footer-container .row {
    margin: 0 !important
}

#contact_form_box {
    width: 95%;
    margin-left: 5%
}

.block-contact {
    color: #232323 !important
}

.contact-form .input-group-btn .btn-default {
    background: #e31c79 !important;
    padding: .8rem 1rem !important
}

.fixed_buttons {
    position: fixed;
    bottom: 5vh;
    z-index: 9;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.fixed_buttons .btn {
    border-radius: 3px;
    display: flex;
    align-items: center;
    width: 40px;
    padding: 10px 10px;
    transition: 0.2s;
    overflow: hidden;
}

.fixed_buttons .btn img {
    width: 20px;
    margin-right: 10px;
}

.fixed_buttons .assistance:hover {
    border-radius: 10px;
    background-color: #00a5b5;
}

.fixed_buttons .recontacter:hover {
    border-radius: 10px;
    background-color: #9bd611;
}

.fixed_buttons .commande:hover {
    border-radius: 10px;
    background-color: #e31c79;
}

.fixed_buttons .assistance {
    margin: 10px 0;
}

.fixed_buttons .assistance img {
    filter: invert(1);
}

.fixed_buttons .commande.large {
    width: 190px;
    transition: 0.2s;
}

.fixed_buttons .assistance.large {
    width: 140px;
    transition: 0.2s;
}

.fixed_buttons .recontacter.large {
    width: 170px;
    transition: 0.2s;
}

#backToTop {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #e31c79;
    color: #fff;
    transition: .2s;
    z-index: 10;
    margin-bottom: 30px;
}

#backToTop i {
    text-align: center;
    width: 100%;
    line-height: 40px
}

#backToTop:hover {
    transition: .2s;
    background-color: #484848
}

.block_newsletter .btn-primary {
    background-color: #a9a9a9 !important
}

.block_newsletter .newsletterRow {
    width: 73vw
}

.block_newsletter form input[type=text]:focus {
    border: none !important;
    outline: none !important
}

.block_newsletter form input[type=text] {
    min-width: 255px;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 255px
}

.block_newsletter form input[type=submit] {
    width: 150px;
    text-align: center
}

.newsletterAlert {
    width: 405px;
    float: right
}

@media only screen and (max-width:750px) {
    .block_newsletter form input[type=text] {
        width: calc(100% - 150px);
        min-width: calc(100% - 150px) !important
    }

    .newsletterAlert {
        width: 100%
    }

    #backToTop {
        right: 0;
        left: 0;
        bottom: 0;
        height: 40px;
        width: 100vw;
        position: fixed;
        margin: 0;
    }

    .block-social {
        margin-bottom: 40px
    }
}

.block-social {
    text-align: left !important
}

.block-social li {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 30px
}

.facebook {
    background-color: #3b5998 !important
}

.instagram {
    background-color: #3f729b !important
}

.pinterest {
    background-color: #c8232c !important
}

.youtube {
    background-color: red !important
}

.contactLabel {
    color: #e31c79
}

.contactBlock {
    margin-bottom: 2vh
}

.contact-address-jocatop h2 {
    color: #e31c79
}

.row.contactStandard {
    margin-bottom: 1vh
}

.input-del-mobile {
    float: left;
    width: 100%;
    display: none;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px
}
.input-del-mobile.show {
    display: block;
}

.input-del-mobile input[type=text]:focus {
    border: 1px solid #7a7a7a !important;
    outline: 1px solid #7a7a7a !important
}

.input-del-mobile button[type=submit] {
    position: absolute;
    background: 0;
    border: 0;
    top: 2px;
    right: 0;
    color: #7a7a7a;
    height: 40px
}

.input-del-mobile button[type=submit] i,
.input-del-mobile button[type=submit] {
    color: #7a7a7a !important
}

.page-stores #wrapper .breadcrumb {
    display: none;
}

.vmapContent p.under-map {
    font-size: 1.1em
}
.popup_rappel .alert {
    margin-bottom: 0;
    margin-top: 20px;
}
.popup_rappel .vmapContent #vmapRes {
    width: 100%;
    padding: 2.5%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.popup_rappel .vmapContent #vmapRes h2 {
    grid-column: 1 / 3;
}
.vmapContent #vmapRes .store-small span.btn.rappel {
    border-radius: 0;
}
#cms #content .collectionFeature a:hover {
    text-decoration: none !important
}
.popup_rappel .vmapContent #vmapRes .store-small span.email,
.popup_rappel .vmapContent #vmapRes .store-small span.phone,
.popup_rappel .vmapContent #vmapRes .store-small span.rs {
    display: none;
}
.showSpinner {
    pointer-events: none;
}
.lds-dual-ring {
    height: autopx;
    margin: 0 !important;
    opacity: 0;
    width: 0!important;
    transition: 0.2s;
    overflow: hidden;
  }
  .showSpinner .lds-dual-ring {
    opacity: 1;
    transition: 0.2s;
    width: auto !important;
}
.showSpinner .txt {
    opacity: 0;
    width: 0!important;
    overflow: hidden;
    transition: 0.2s;
}
.vmapContent #vmapRes .store-small span.txt {
    width: auto;
}
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 4px solid #fdd;
    border-color: #fdd transparent #fdd transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }


  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
@media only screen and (min-width:991px) {
    #content {
        padding-right: 0
    }

    #vmapRes {
        padding: 2vh
    }
}

#vmap {
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width:990px) {
    #vmap {
        width: 100% !important
    }

    .carousel-control {
        width: 5% !important;
        background: rgba(0, 0, 0, .2) !important
    }

    .carousel .carousel-control .icon-prev,
    .carousel .carousel-control .icon-next {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    #vmap {
        display: none !important
    }

    .input-del-mobile {
        display: block
    }

    .vmapContent .page-stores {
        width: 100% !important
    }

    .container {
        width: 100% !important;
        max-width: 100% !important
    }
}

.page-my-account #content .links a:hover i {
    color: #e31c79 !important
}

#header .header-nav .user-info .account {
    display: block !important
}

#header .header-nav .user-info {
    display: inline-flex;
    margin-left: 2.5rem !important;
    text-align: right;
    white-space: nowrap;
    margin-top: 0 !important;
    position: relative
}

.user-info span {
    padding-right: 1vw;
    background-color: #eee !important;
    height: 3rem;
    padding: .75rem;
    text-align: center;
    display: flex;
    align-items: center;
    transition: .2s;
    color: #000
}

.user-info span:hover,
.activeLoginSelect span {
    transition: .2s;
    color: #fff
}

#loginSelect {
    position: relative
}

#loginSelectOpt {
    display: none;
    position: absolute;
    top: 3rem;
    left: 0;
    z-index: 1;
    width: min-content;
    padding: 0
}

.user-info #loginSelectOpt span {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 11px solid #a9a9a9;
    padding: 0;
    background-color: transparent !important;
    display: initial;
    transition: 0s;
    height: auto;
    float: left
}

#header .header-nav .user-info #loginSelectOpt a {
    border: 0;
    text-align: left !important;
    padding: 15px 20px 15px 15px;
    background: #fff;
    box-shadow: 0 0 2px 0 #b8b8b8
}

#header .header-nav .user-info #loginSelectOpt a:first-of-type {
    border-top: 10px solid #a9a9a9
}

#header .header-nav .user-info #loginSelectOpt a i {
    margin-right: 10px
}

#loginSelectOpt a:hover {
    background-color: #eee
}

.user-info a.pointer {
    display: none !important
}

#header .header-nav .user-info .account i.logged {
    display: none
}

.account {
    cursor: pointer;
    position: relative
}

@media(max-width:1024px) {
    #loginSelectOpt {
        right: 0;
        left: initial
    }

    .user-info #loginSelectOpt span {
        float: right
    }
}

@media(max-width:767px) {
    #loginSelect {
        padding: 8px 10px !important;
        height: auto !important;
        margin-right: 15px !important
    }

    #header .header-nav .user-info .account i.logged {
        display: block;
        color: #000
    }
}

@media(max-width:500px) {
    #loginSelectOpt {
        position: fixed;
        width: 100vw
    }

    .user-info #loginSelectOpt span {
        margin-right: 20%
    }

    #header .header-nav .user-info #loginSelectOpt a {
        background: rgba(255, 255, 255, .95)
    }
}

.product-features>dl.data-sheet {
    width: 100%;
    float: left;
    display: initial !important
}

.product-features>dl.data-sheet dt.name,
.product-features>dl.data-sheet dd.value {
    font-size: .8rem !important
}

.product-features>dl.data-sheet dt.name {
    width: 28%;
    text-transform: none !important;
    float: left;
    margin-right: 2% !important
}

.product-features>dl.data-sheet dd.value {
    margin-right: 0 !important;
    width: 70%;
    float: left;
    text-transform: initial !important
}

.heightDt {
    min-height: 10px !important;
    transition: all .5s ease-in-out
}

.product-information p {
    margin-bottom: 0 !important
}

.product-prices div {
    margin-bottom: 3px !important
}

p.product-minimal-quantity {
    margin-bottom: 3px !important
}

.productIsbnLabel {
    padding-left: 1vw
}

.product-features .h6 {
    font-size: .9rem
}

#blockcart-modal .product-name {
    color: #e31c79 !important
}

.bootstrap-touchspin {
    width: max-content !important
}

body#checkout #header .header-nav {
    padding: 1rem 0 .9375rem !important
}

body#checkout section.checkout-step .address-item.selected {
    border: 0 solid #e31c79 !important
}

#delivery label {
    text-align: left
}

@media(max-width:991px) {
    .container {
        width: 100% !important;
        max-width: 100% !important
    }
}

#customer-form .custom-radio {
    width: 15px !important;
    height: 15px !important
}

#customer-form .custom-radio input[type=radio]:checked+span {
    width: 7px !important;
    height: 7px !important;
    background-color: #e31c79 !important
}

#customer-form .radio-inline {
    cursor: pointer;
    margin-right: 10px
}

.input-group .input-group-btn>.btn[data-action=show-password] {
    padding: .4rem 1rem !important
}

.famillecliPresel {
    padding-left: 2vw !important
}

#authentication .radio-inline .custom-radio,
#identity .radio-inline .custom-radio {
    margin: 0 1px 2px 0 !important
}

.tabArticleSpec h1 {
    color: #e31c79;
    padding-top: 15px;
    padding-bottom: 15px
}

.tabArticleSpec h2 {
    text-align: left;
    color: #e31c79;
    padding-top: 15px;
    padding-bottom: 15px
}

.tabArticleSpec h3,
.tabArticleSpec h4 {
    font-size: 1rem;
    padding-left: 1vw
}

.tabArticleSpec a {
    color: #e31c79
}

.tabArticleSpec a:hover {
    color: #e31c79;
    text-decoration: underline
}

.tabArticleSpec p,
.tabArticleSpec ul,
.tabArticleSpec ol {
    list-style-type: none;
    font-size: .9375rem;
    color: #7a7a7a;
    font-weight: 400
}

.tabArticleSpec ol {
    list-style-type: decimal
}

.tabArticleSpec p {
    text-align: justify
}

.tabArticleSpec ul,
.tabArticleSpec ol {
    padding-left: 20px
}

.tabArticleSpec ul li:before {
    content: '– '
}

.tabArticleSpec .image {
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center
}

.tabArticleSpec img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.tabArticleSpec .video {
    width: 70%;
    height: 30vh;
    margin: 1vh auto
}

.tabArticleSpec .footer {
    background-color: #a9a9a9;
    padding: .5vw;
    font-family: 'Open Sans';
    line-height: normal;
    margin: 0 -1vmin -1vmin;
    width: calc(100% + 2vmin)
}

.tabArticleSpec .footer a {
    width: 40vw;
    max-width: 250px;
    margin: auto;
    display: flex
}

.tabArticleSpec .footer a:hover>img {
    transition: .2s;
    transform: scale(1.1)
}

.tabArticleSpec .footer a img {
    width: 100%;
    transition: .2s
}

.tabArticleSpec .footer p {
    text-align: center;
    color: #000
}

.tabArticleSpec .tabSommaire {
    width: 100%
}

.tabArticleSpec .tabSommaire .bloc {
    width: 49%;
    margin-bottom: 1vh;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 0;
    margin-left: 1%
}

.tabArticleSpec .tabSommaire .bloc ul,
.tabArticleSpec .tabSommaire .bloc ol {
    padding-left: 40px;
    width: 100%;
    margin: 0
}

.tabArticleSpec .tabSommaire .bloc ul li,
.tabArticleSpec .tabSommaire .bloc ol li {
    margin: 5px 0
}

.tabArticleSpec .tabSommaire .blocTitre {
    width: 100%;
    margin: 0 0 1vh;
    border: 1px solid #f1f1f1;
    float: left
}

.tabArticleSpec .tabSommaire .bloc:nth-of-type(2n) {
    margin-right: 1%;
    margin-left: 0
}

.tabArticleSpec .tabSommaire .blocTitre .up {
    background-color: #f1f1f1;
    padding: .5vw;
    text-align: center
}

.tabArticleSpec .tabSommaire .bloc .up {
    background-color: #f1f1f1;
    padding: .5vw
}

.tabArticleSpec .tabSommaire .blocTitre .desc {
    padding: 1vw;
    text-align: center;
    font-size: .9375rem;
    color: #7a7a7a;
    font-weight: 400
}

.tabArticleSpec .tabSommaire .bloc .desc {
    padding: 1vw
}

.tabArticleSpec .greyBg {
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
    padding: 1vmin
}

@media only screen and (max-width:1200px) {
    .tabArticleSpec .tabSommaire .bloc {
        width: 100%;
        margin: 0;
        margin-bottom: 1vh
    }
}

@media only screen and (max-width:990px) {
    .tabArticleSpec .video {
        width: 100%
    }
}

.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important
}

#header .header-top,
.containerCustum,
.footer-container,
.jocastore_acceuil .up,
.defineContain,
.cart-grid,
.breadcrumb,
.page-order .container,
.page-sitemap #wrapper,
.cms-id-3 #wrapper,
.cms-id-2 #wrapper,
.cms-id-23 #wrapper,
#module-psgdpr-gdpr #wrapper {
    width: 1300px !important;
    max-width: 95% !important;
    margin: auto !important;
    box-shadow: none
}

.cms-id-3 .breadcrumb,
.cms-id-2 .breadcrumb,
.cms-id-23 .breadcrumb {
    display: none
}

@media only screen and (max-width:1200px) {

    #header .header-top,
    .containerCustum,
    .footer-container,
    .jocastore_acceuil .up,
    .defineContain {
        width: 1140px
    }
}

@media only screen and (max-width:992px) {

    #header .header-top,
    .containerCustum,
    .footer-container,
    .jocastore_acceuil .up,
    .defineContain {
        width: 960px
    }
}

@media only screen and (max-width:768px) {

    #header .header-top,
    .containerCustum,
    .footer-container,
    .jocastore_acceuil .up,
    .defineContain {
        width: 720px
    }
}

@media only screen and (max-width:576px) {

    #header .header-top,
    .containerCustum,
    .footer-container,
    .jocastore_acceuil .up,
    .defineContain {
        width: 540px
    }
}

h2 {
    font-family: 'Caveat', cursive !important
}

.btn,
.btn:focus,
.btn:visited {
    color: #fff !important;
    transition: .2s
}

.btn.rose {
    background: #e31c79
}

.btn.vert {
    background: #00a5b5
}

.btn.vert_clair {
    background: #9bd611
}

.btn.light,
.btn.grey {
    color: #484848 !important;
    background: rgba(0, 0, 0, .05)
}

.btn.light:hover,
.btn.grey:hover {
    color: #fff !important
}

.btn:hover {
    color: #fff;
    transition: .2s;
    background: #484848
}

.cms-category {
    position: relative
}

.popover.sub-menu.small {
    min-width: fit-content !important;
    width: fit-content !important;
    margin-left: 0;
    padding: 15px 20px;
    padding-bottom: 5px
}

.link.client .popover.sub-menu.small {
    right: 0;
    left: inherit
}

.popover.sub-menu.small a {
    cursor: pointer;
    padding: 0 .625rem;
    width: max-content;
    transition: .2s;
    position: relative;
    margin-bottom: 10px;
    font-size: 15px !important
}

.popover.sub-menu.small a .txt {
    display: flex;
    align-items: center
}

#header .header-top .popover.sub-menu.small a img {
    margin-right: 10px;
    width: 20px
}

#top-menu .sub-menu.small a:hover {
    color: initial
}

#top-menu .sub-menu {
    top: 25px !important
}

#header .header-top .row {
    display: flex;
    align-items: center;
    justify-content: center
}

#header .header-top .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
    width: initial !important
}

#header .header-top .menu .top-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
    margin: 0
}

#header .header-top .menu .top-menu.right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#header .header-nav {
    display: none
}

#header .search-widget {
    opacity: 0;
    transition: .2s;
    pointer-events: none;
    position: fixed;
    width: 100vw !important;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

#header .search-widget .voile {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#header .search-widget.show {
    transition: .2s;
    opacity: 1;
    pointer-events: initial
}

#header .search-widget form {
    margin-top: 10vh
}

.search-widget form .center {
    position: relative
}

.search-widget form input[type=text] {
    width: 30vw !important;
    padding: 20px !important;
    font-size: 16px;
    border: 1px solid transparent !important
}

.search-widget form input[type=text]:focus {
    border-color: #2fb5d2 !important;
    outline: none !important
}

.search-widget .material-icons.search {
    color: #FFF !important;
}

.search-widget form button[type=submit],
.search-widget form button[type=submit]:hover,
.search-widget form button[type=submit]:active,
.search-widget form button[type=submit]:focus,
.search-widget form button[type=submit]:visited {
    font-size: 16px;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 15px;
    bottom: 0 !important;
    right: 0 !important;
    color: #fff !important;
    background: #00a5b5 !important;
    outline: none !important;
    cursor: pointer
}

#header .header-top {
    background: #fff;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#product .dlIsDownloading {
    margin-bottom: 2vh
}

#product .dlIsDownloading .btn.grey {
    margin-left: 20px
}

#header .header-top .menu>ul>li {
    float: left;
    width: auto;
    padding: 5px
}

#header .header-top .menu>ul>li.Blog a {
    background: #9bd611 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    border-radius: 5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

#header .header-top .menu>ul>li.Blog a img {
    width: 20px !important;
    transition: 0.2s;
    margin-right: 5px;
}

@media (hover: hover) {
    #header .header-top .menu>ul>li.Blog a:hover>img {
        transition: 0.2s;
        transform: rotate(10deg);
    }
}

#header .header-top .menu>ul>li.Blog a::after {
    display: none;
}

#header .header-top .menu>ul>li#cms-page-38 {
    padding-right: 0
}

#header .header-top .menu>ul>li.link.client {
    position: relative;
    cursor: pointer
}

#header .header-top .menu>ul>li.link.client a.dropdown-item {
    pointer-events: none
}

#top-menu li.link.client .sub-menu {
    top: 35px
}

#top-menu li#category-2 .sub-menu {
    top: 50px !important
}

#header .header-top a.logo img {
    cursor: pointer;
    transition: .2s;
    width: 150px
}

#header .header-top a.logo:hover>img {
    transition: .2s;
    transform: scale(1.05) rotate(-2deg)
}

#header .header-top a.dropdown-item {
    color: #484848 !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 5px !important;
    font-size: 16px;
    transition: .2s;
    position: relative
}

#header .header-top a.dropdown-item span.txt {
    z-index: 2;
    position: inherit
}

#header .header-top a.dropdown-item:hover {
    transition: .2s;
    color: #e31c79 !important
}

#header .header-top .top-menu.right a {
    text-transform: initial !important;
    position: relative;
    font-size: 14px
}

#header .header-top .top-menu.right a.dropdown-item:before:hover {
    width: 0 !important
}

#header .header-top .top-menu.left a.dropdown-item img {
    width: 150px
}

#header .header-top .jocastore {
    padding-right: 0 !important
}

#header .header-top .jocastore a {
    display: flex;
    align-items: center;
    margin-right: 10px !important
}

#header .header-top .top-menu.right a:hover {
    color: #484848 !important
}

#header .header-top .jocastore a img {
    width: 120px;
    transition: .2s;
    margin-left: 10px
}

#header .header-top .jocastore a:hover>img {
    transform: scale(1.02);
    transition: .2s
}

#header .header-top .jocastore a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #484848;
    right: 0
}

#header .header-top .client a img {
    width: 25px
}

#header .header-top .category a.dropdown-item:after,
#header .header-top .cms-category a.dropdown-item:after {
    content: '\25be';
    color: #484848
}

#header .header-top .open_search_menu {
    cursor: pointer
}

#header .header-top .open_search_menu img {
    width: 25px
}

.blockcart .header {
    position: relative
}

.blockcart img {
    width: 30px
}

.blockcart span.cart-products-count {
    position: absolute;
    top: -13px;
    right: -8px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background: rgba(227, 28, 121, .8)
}

.blockcart span.hidden-sm-down {
    display: none
}

.sub-menu_mainLinks ul li a {
    padding: 0;
    width: auto;
    position: relative
}

.sub-menu_mainLinks ul li a span.txt,
#top-menu .sub-menu.small a span.txt {
    z-index: 2;
    position: inherit
}

.sub-menu_mainLinks.rose ul li a:before,
#top-menu .sub-menu.small a:before {
    background-color: rgba(227, 28, 121, .4)
}

.sub-menu_mainLinks.bleu ul li a:before {
    background-color: rgba(0, 165, 181, .4)
}

.sub-menu_mainLinks.vert ul li a:before {
    background-color: rgba(155, 214, 17, .4)
}

.sub-menu_mainLinks ul li a:before,
#top-menu .sub-menu.small a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 11px;
    z-index: 1;
    transition: .2s
}

.sub-menu_mainLinks ul li a:after,
#top-menu .sub-menu.small a:after {
    content: none;
    width: 0
}

.sub-menu_mainLinks ul li a:hover:before,
#top-menu .sub-menu.small a:hover:before {
    transition: .2s;
    width: 100%
}

.sub-menu_mainLinks ul li a:hover:after,
#top-menu .sub-menu.small a:hover:after {
    content: none;
    width: 0
}

#index #wrapper {
    padding-top: 0
}

.sliderHome {
    height: 60vh;
    margin-bottom: 80px;
}

.sliderHome .bandeau {
    background: rgba(255, 255, 255, .8);
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10vw
}

.sliderHome h1 {
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: 500;
    text-align: left;
    width: 100%
}

.sliderHome h1 span {
    font-family: 'Caveat', cursive !important;
    font-size: 45px;
    font-weight: 700;
    line-height: 0
}

.sliderHome p {
    margin-bottom: 40px
}

.sliderHome a {
    width: fit-content;
    text-transform: uppercase
}

.sliderHome .bandeau .slides {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0
}

.sliderHome .bandeau .slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.sliderHome .bandeau .slides input {
    display: none
}

.sliderHome .bandeau .slide-container {
    display: block
}

.sliderHome .bandeau .slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transform: scale(0);
    transition: all .7s ease-in-out
}

.sliderHome .bandeau .slide.basic {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.sliderHome .bandeau .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.sliderHome .bandeau input:checked+.slide-container .slide {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out
}

.sliderHome .bandeau .nav-dots {
    width: 100%;
    bottom: 9px;
    height: 11px;
    display: block;
    position: absolute;
    text-align: center
}

.sliderHome .bandeau .nav-dots .nav-dot {
    top: -5px;
    width: 11px;
    height: 11px;
    margin: 0 4px;
    position: relative;
    border-radius: 100%;
    display: inline-block;
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer;
    transition: .2s
}

.sliderHome .bandeau .nav-dots .nav-dot.active,
.sliderHome .bandeau .nav-dots .nav-dot:hover {
    background: rgba(0, 0, 0, .6);
    transition: .2s
}

.featured-products {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    width: 100%
}

.featured-products .left {
    width: 30%;
    margin-right: 5%;
    background: url('/img/cms/Accueil/produits_populaires_jocatop.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45vh;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.featured-products .left .txt {
    padding: 40px 25px;
    background: rgba(255, 255, 255, .8);
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.featured-products .left .txt p {
    color: #484848;
    margin-bottom: 30px
}

.featured-products .right {
    width: 65%
}

.featured-products .right h2 {
    text-align: left;
    text-transform: initial !important;
    font-size: 32px;
    font-weight: 500;
    padding: 0 3vmin
}

.productCustom .thumbnail-container {
    transition: .2s;
    padding: 15px
}

.productCustom .product-thumbnail {
    position: relative
}

.productCustom .product-title {
    font-size: 14px;
    height: 45px
}

.productCustom .thumbnail-container:hover .product-description:after {
    border-top: none !important
}

.productCustom:hover>.thumbnail-container {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    transition: .2s;
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.productCustom .quick-view,
.productCustom .quick-video {
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    position: absolute;
    right: 11px;
    bottom: 10px;
    z-index: 2;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    transition: .2s
}

.productCustom .quick-video {
    bottom: 45px
}

.productCustom:hover>.thumbnail-container .quick-view,
.productCustom:hover>.thumbnail-container .quick-video {
    transition: .2s;
    opacity: 1;
    pointer-events: initial
}

.productCustom .quick-view:hover,
.productCustom .quick-video:hover {
    transition: .2s;
    border-radius: 10px
}

#products .productCustom .product-description,
.productCustom .product-description {
    display: block;
    height: auto !important;
    position: relative !important;
    z-index: 1;
    width: 100% !important;
    padding: 15px;
    background-color: transparent !important
}

.productCustom .product-description .btn {
    opacity: 0;
    transition: .2s;
    pointer-events: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.productCustom:hover>.thumbnail-container .product-price-and-shipping .btn {
    opacity: 1;
    transition: .2s;
    pointer-events: initial
}

.jocastore_acceuil {
    margin-top: 5vh !important;
    margin-bottom: 5vh !important
}

.jocastore_acceuil .up {
    display: flex;
    width: 100%;
    padding: 0 30px;
    justify-content: center;
    margin-bottom: 50px !important
}

.jocastore_acceuil .up .description {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%
}

.jocastore_acceuil .up .description h3 {
    font-size: 24px;
    font-weight: 500
}

.jocastore_acceuil .up .description img {
    width: 40%;
    margin: 30px 0
}

.jocastore_acceuil .up .description p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px
}

.jocastore_acceuil .up .illustration {
    width: 45%;
    margin-left: 5%
}

.jocastore_acceuil .up .illustration img {
    width: 100%
}

.jocastore_acceuil .middle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .03);
    padding: 20px 0
}

.jocastore_acceuil .middle h3 {
    font-size: 24px;
    font-weight: 500
}

.jocastore_acceuil .middle h3 img {
    margin-left: 20px;
    width: 230px
}

.jocastore_acceuil .down {
    background: rgba(0, 0, 0, .03);
    padding-top: 5vh;
    padding-bottom: 7vh
}

.card.js-cart .card-block.cart-summary-totals {
    margin-top: 10px
}

.card.js-cart .block-promo {
    margin-bottom: 10px
}

.jocastore_acceuil .down .defineContain,
.cms-id-13 .et_avant {
    position: relative
}

.cms-id-13 .et_avant {
    flex-direction: initial !important;
    display: block !important
}

.jocastore_acceuil .down .textes,
.cms-id-13 .et_avant .textes {
    background: rgba(255, 255, 255, .95);
    padding: 30px;
    border-radius: 20px;
    width: 47%;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.cms-id-13 .et_avant .textes {
    width: 50%
}

.jocastore_acceuil .down .textes p.title,
.cms-id-13 .et_avant .textes p.title {
    font-size: 26px;
    font-family: 'Caveat', cursive !important;
    color: #fff;
    background-color: #00a5b5;
    padding: 10px 25px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: fit-content;
    margin-bottom: 40px
}

.jocastore_acceuil .down .textes .line p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left
}

.cms-id-13 .et_avant .textes .line p {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left
}

.jocastore_acceuil .down .textes .line p:hover>span,
.cms-id-13 .et_avant .textes .line p:hover>span {
    transform: rotateY(180deg);
    transition: .5s
}

.jocastore_acceuil .down .textes .line p span,
.cms-id-13 .et_avant .textes .line p span {
    width: 45px;
    transition: .5s;
    height: 45px;
    border-radius: 50%;
    box-shadow: #7fffd4;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    margin-right: 15px
}

.jocastore_acceuil .down .textes .line p img,
.cms-id-13 .et_avant .textes .line p img {
    width: 100%
}

.jocastore_acceuil .down .photo,
.cms-id-13 .et_avant .photo {
    position: absolute;
    bottom: -3vh;
    right: 0;
    width: 60%;
    height: 100%
}

.cms-id-13 .et_avant .photo {
    top: 5vh;
    height: 35vh
}

.jocastore_acceuil .down .photo img,
.cms-id-13 .et_avant .photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom
}

.jocastore_acceuil .down .defineContain.second {
    margin-top: 10vh !important;
    display: flex;
    justify-content: flex-end
}

.jocastore_acceuil .down .defineContain.second .photo {
    left: 0;
    top: -3vh
}

.jocastore_acceuil .down .defineContain.second .textes {
    align-items: flex-end
}

.jocastore_acceuil .down .defineContain.second .textes .line p {
    justify-content: flex-end;
    text-align: right
}

.jocastore_acceuil .down .defineContain.second .textes .line p span {
    margin-right: 0;
    margin-left: 10px
}

.jocastore_acceuil .down .defineContain.second .textes p.title {
    margin-bottom: 0
}

.jocastore_acceuil .down .defineContain.second .photo img {
    object-position: left top
}

.jocastore_acceuil .center_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, .03);
    padding-bottom: 5vh
}

#custom-text .defineContain {
    display: flex;
    justify-content: center
}

#custom-text .defineContain p {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    font-size: 16px
}

#custom-text .defineContain p:hover>span {
    transform: rotateY(180deg);
    transition: .5s
}

#custom-text .defineContain p span {
    width: 100px;
    transition: .5s;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: rgba(0, 165, 181, .5);
    margin-bottom: 15px
}

#custom-text .defineContain p span img {
    width: 80%
}

#footer {
    background-color: #fff
}

.footer-container .h3 {
    font-weight: 500 !important;
    font-family: Roboto, sans-serif !important;
    margin-bottom: 15px;
    font-size: 14px;
    text-transform: initial
}

.footer-container a {
    color: #484848 !important;
    font-size: 14px !important;
    position: relative
}

.footer-container a:hover {
    color: #484848
}

.block_newsletter {
    width: 33.33333% !important;
    max-width: initial !important;
    float: left !important;
    clear: initial !important
}

.block_newsletter .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.block_newsletter h3 {
    font-weight: 500 !important;
    font-family: Roboto, sans-serif !important;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: initial;
    text-align: left;
    margin-left: 15px
}

.block_newsletter p {
    padding: 0 !important;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 12px !important;
    width: auto;
    color: #e31c79 !important
}

.block_newsletter form .input-wrapper {
    display: flex
}

.block_newsletter form input[type=text] {
    display: block;
    padding: 9px 20px;
    font-size: 16px;
    line-height: 1.45;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 80%;
    transition: .2s;
    font-size: 14px;
    min-width: 0 !important
}

.block_newsletter form input[type=submit] {
    background-color: #484848 !important;
    color: #fff;
    cursor: pointer;
    box-shadow: none;
    font-weight: initial;
    text-transform: initial;
    transition: .2s;
    border-radius: 0;
    display: flex;
    align-items: center;
    border: 0;
    justify-content: center;
    outline: 0;
    width: auto
}

.block_newsletter form input[type=text]:focus {
    border: 1px solid rgba(227, 28, 121, .5) !important
}

.block_newsletter form input[type=submit]:hover {
    height: initial;
    border: 0;
    border-radius: 0;
    background-color: #e31c79 !important;
    outline: 0
}

.block-social li {
    background-color: transparent !important;
    padding: 2px
}

.block-social li a {
    height: initial !important;
    white-space: initial !important;
    text-indent: initial !important;
    overflow: initial !important
}

.block-social li a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .2s
}

.block-social li a:hover>img {
    transition: .2s;
    transform: rotate(10deg)
}

#category .breadcrumb {
    display: none
}

#category #left-column {
    opacity: 0;
    transition: .2s;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9
}

#category #left-column .voile_overlay {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100vw;
    height: 100vh;
    z-index: 9;
    top: 0;
    left: 0
}

#category #left-column.show {
    opacity: 1;
    pointer-events: initial;
    transition: .2s
}

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    position: absolute !important;
    margin-right: 10px !important;
    left: 0;
    height: 100%;
    width: 20vw;
    overflow: hidden;
    z-index: 10;
    padding: 0 !important
}

#search_filters .hide_scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px 40px 20px 20px;
    width: calc(100% + 20px)
}

.active_filters {
    position: relative;
    background: 0 0 !important;
    padding: 0 !important;
    margin-top: 10px;
    margin-bottom: 10px !important
}

.active_filters .filter-block {
    box-shadow: none !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    background: rgba(0, 0, 0, .07) !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
    border-radius: 7px
}

#product_list_top .show_filter_product {
    color: rgba(0, 0, 0, .4);
    font-size: 16px;
    cursor: pointer
}

#category .left-column {
    width: 100% !important
}

.active_filters .filter-block .close {
    margin-left: 20px !important;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s
}

.active_filters .filter-block .close:hover {
    background: rgba(0, 0, 0, .05);
    border-radius: 50%
}

#search_filters .facet .facet-title {
    color: #232323 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

#search_filters .facet ul {
    margin-bottom: 0 !important
}

#search_filters .facet .super_matiere {
    margin-bottom: 0;
    color: #232323c2;
    font-size: 14px;
    font-weight: 400
}

#search_filters .text_label {
    font-size: 14px !important;
    color: #232323a1
}

#search_filters li .search-link {
    margin-left: 20px
}

#search_filters section.facet li {
    cursor: pointer;
    transition: .2s;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

#search_filters .title_filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px
}

#search_filters .title_filters .h6 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400
}

#search_filters .title_filters button {
    border: 0;
    background: 0;
    cursor: pointer;
    color: #232323
}

#search_filters .title_filters button span {
    display: none
}

#search_filters .clear_filters {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px
}

#search_filters .clear_filters .js-search-filters-clear-all {
    background: rgba(0, 0, 0, .07) !important;
    padding: 3px 10px !important;
    font-size: 12px;
    border-radius: 7px;
    cursor: pointer;
    transition: .2s
}

#search_filters .clear_filters .js-search-filters-clear-all:hover {
    transition: .2s;
    background: rgba(0, 0, 0, .1) !important
}

.page-category .bloc_collection,
.page-search .bloc_collection {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 80px !important
}

.page-category .bloc_collection .collection,
.page-search .bloc_collection .collection {
    display: flex;
    align-items: center;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    border-radius: 40px;
    padding: 10px 15px;
    transition: .2s;
    margin: 10px;
}

.page-category .bloc_collection .collection:hover,
.page-search .bloc_collection .collection:hover {
    transition: .2s;
    background: rgba(0, 165, 181, .05)
}

.page-category .bloc_collection .collection:hover>img,
.page-search .bloc_collection .collection:hover>img {
    transition: .2s;
    transform: rotate(15deg)
}

.page-category .bloc_collection .collection img,
.page-search .bloc_collection .collection img {
    transition: .2s;
    width: 30px;
    margin-right: 10px;
    font-size: 14px
}

.page-category .bloc_collection .collection.big img,
.page-search .bloc_collection .collection.big img {
    width: 50px
}

.page-category .bloc_collection .collection p,
.page-search .bloc_collection .collection p {
    margin: 0;
    color: #232323
}

.page-category .back_hide_collec {
    display: flex;
    align-items: center;
    width: fit-content;
    color: rgba(0, 0, 0, .4)
}

.page-category .back_hide_collec img {
    height: 20px;
    margin-right: 10px
}

.page-category .presentation_collec {
    background: #f4fbfc;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 70px;
    width: 90%;
    margin-left: 5%
}

.page-category .presentation_collec .bird {
    position: absolute;
    right: 15px;
    height: 50px;
    top: -50px
}

.page-category .presentation_collec h2 {
    color: #17adbd;
    font-size: 30px;
    margin-left: 15px
}

.page-category .presentation_collec p {
    margin: 0;
    margin-left: 15px
}

.page-category .presentation_collec .rounded {
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 80px;
    padding: 15px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff
}

.page-category .presentation_collec .rounded img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0
}

.page-category .show_if_collec_open {
    display: none
}

.page-category .back_hide_collec.show {
    display: flex
}

.page-category .show_if_collec_open.show {
    display: block
}

.page-category .hide_if_collec_open.hide {
    display: none
}

.feed_insta h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400
}

.feed_insta h2 a {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Caveat', cursive !important;
    transition: .2s;
    text-decoration: none !important;
    color: #e31c79 !important
}

.feed_insta h2 a:hover,
.feed_insta h2 a:focus,
.feed_insta h2 a:visited {
    text-decoration: none !important;
    color: #e31c79 !important;
    transition: .2s
}

.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled,
.eapps-instagram-feed a.eapps-link {
    display: none !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
    position: relative !important
}

.eapps-instagram-feed a.eapps-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.eapps-widget-toolbar {
    display: none !important
}

.home_actus {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin-bottom: 50px;
    position: relative
}

.home_actus img.bdg {
    position: absolute;
    bottom: -5vh;
    right: 3vw;
    width: 25vh
}

.home_actus .title {
    background: #00a5b5;
    width: 5%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.home_actus .title h2 {
    transform: rotate(-90deg);
    font-size: 32px;
    color: #fff;
    white-space: nowrap
}

.home_actus .contain_actus {
    width: 80%;
    padding-left: 10%;
    display: grid;
    grid-template-columns: 50% 50%;
    z-index: 1
}

.cms-id-63 .contain_actus {
    padding: 0;
    width: 100%
}

.home_actus .contain_actus .link {
    width: 100%;
    display: flex
}

.home_actus .contain_actus .actu {
    display: flex;
    width: 100%;
    padding: 20px;
    margin: 1%
}

.home_actus .contain_actus .actu .illu {
    width: 40%
}

.home_actus .contain_actus .actu .illu img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.home_actus .contain_actus .actu .descr {
    width: 60%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.home_actus .contain_actus .actu .descr h4 {
    margin-bottom: 20px;
    color: #484848
}

.home_actus .contain_actus .actu .descr p {
    margin-bottom: 20px
}

#products .productCustom .thumbnail-container:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    transition: .2s;
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.popup_video_tuto {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: .2s
}

.popup_video_tuto .voile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.popup_video_tuto iframe {
    position: relative;
    width: 50%;
    height: 50%;
    border-radius: 15px
}

.popup_video_tuto.show {
    opacity: 1;
    pointer-events: initial;
    transition: .2s
}

.page-cms-63 {
    position: relative
}

.page-cms-63 .bdg {
    position: absolute;
    width: 15vw;
    bottom: 0;
    right: 0
}

.page-cms-63 .nav {
    margin-top: 5vh;
    display: flex;
    justify-content: center
}

.page-cms-63 .nav .btn {
    margin: 0 10px
}

.page-cms-63 .nav .btn.disabled {
    pointer-events: none;
    background: rgba(0, 0, 0, .05);
    opacity: .3;
    transition: .2s
}

.tabDetailsProduct {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0 !important;
    float: left;
    padding: 0;
    box-shadow: none !important
}

.product-features {
    margin-top: 0 !important;
    width: 100%;
    display: flex;
    margin-left: 0 !important
}

.contain_product_feature {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px
}

.contain_product_feature a,
.contain_product_feature a:visited,
.contain_product_feature a:focus {
    background: rgba(0, 0, 0, .1);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    color: #282828;
    cursor: pointer;
    transition: .2s;
    text-decoration: none
}

.contain_product_feature a:hover {
    transition: .2s;
    text-decoration: none;
    opacity: .8;
    color: #282828
}

.contain_product_feature.auteur:last-of-type {
    margin-bottom: 15px
}

.contain_product_feature.auteur {
    margin-top: 7px
}

.contain_product_feature.auteur .icon {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 165, 181, .5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
    padding: 7px;
    margin-right: 10px
}

.contain_product_feature.auteur .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.contain_product_feature.auteur p {
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 5px
}

.contain_product_feature.auteur a {
    background: no-repeat;
    padding: 0
}

#product h1 {
    font-weight: 400
}

.product-price .current-price span {
    color: #e31c79 !important;
    display: inline-block !important;
    font-weight: 500
}

.product-reference {
    font-size: 12px !important;
    margin-bottom: 20px
}

.product-reference .label {
    margin-bottom: 0 !important;
    color: #7a7a7a;
    font-size: 12px
}

.productRef,
.productIsbn {
    color: #00a5b5
}

.product-quantity .add,
.product-quantity .qty {
    margin-bottom: 0 !important;
    margin-right: 15px !important
}

.product-quantity #quantity_wanted,
.bootstrap-touchspin .js-cart-line-product-quantity {
    display: block;
    border-right: 0 !important;
    border-radius: 0 !important;
    width: 60px !important
}

.product-quantity #quantity_wanted:focus {
    border: 1px solid rgba(0, 0, 0, .25) !important;
    border-right: 0 !important
}

.product-quantity .input-group-btn-vertical .btn,
.bootstrap-touchspin .input-group-btn-vertical .btn {
    color: #484848 !important
}

.product-quantity .input-group-btn-vertical .bootstrap-touchspin-down,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-top: 0
}

.images-container .product-images>li.thumb-container>.thumb {
    border-bottom: 2px solid transparent
}

.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
    border: 2px solid #e31c79 !important
}

#product-modal .modal-content .modal-body {
    height: 85vh
}

#product-modal .modal-content .modal-body .product-cover-modal {
    height: 100%;
    object-fit: contain
}

#product-modal .modal-content .modal-body .mask {
    overflow-y: scroll !important;
    max-height: 85vh !important;
    margin-top: 0 !important
}

#product .note_auteur {
    background: #f4fbfc;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    margin-top: 40px !important;
    margin-bottom: 90px !important;
    width: calc(1300px - 90px) !important;
    max-width: calc(95% - 90px) !important
}

#product .note_auteur .bird {
    position: absolute;
    right: 15px;
    height: 50px;
    top: -50px
}

#product .note_auteur h2 {
    color: #17adbd;
    font-size: 24px;
    margin-left: 15px
}

#product .note_auteur p {
    margin: 0;
    margin-left: 15px
}

#product .note_auteur .rounded {
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 80px;
    padding: 15px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff
}

#product .note_auteur .rounded img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0
}

#product .tuto_video {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 90px !important
}

#product .tuto_video .title {
    background: #00a5b5;
    width: 5%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#product .tuto_video .title h2 {
    transform: rotate(-90deg);
    font-size: 32px;
    color: #fff;
    white-space: nowrap
}

#product .tuto_video iframe {
    width: 60%;
    height: 45vh
}

#product .tabDescriptionBlock .nav_description {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    border-bottom: 1px solid #484848
}

#product .tabDescriptionBlock .nav_description h3 {
    margin: 0;
    padding: 10px 35px;
    background: rgba(72, 72, 72, .6);
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    cursor: pointer;
    transition: .2s
}

#product .tabDescriptionBlock .nav_description h3.active {
    background: #484848
}

#product .tabDescriptionBlock .nav_description h3:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 10px
}

#product .tabDescriptionBlock .nav_description h3:hover {
    background: #484848;
    cursor: pointer;
    transition: .2s
}

.product-accessories {
    background: rgba(0, 0, 0, .03);
    padding: 20px 0;
    float: left;
    width: 100%;
    display: block
}

#product .page-footer {
    display: none
}

#product .product-accessories h3 {
    color: #00a5b5;
    font-family: 'Caveat', cursive !important;
    text-transform: none !important;
    font-size: 30px;
    margin-top: 0 !important;
    font-weight: 300
}

#product .tabDescriptionBlock .tabArticleSpec {
    margin-top: 30px
}

#wrapper .breadcrumb {
    margin-bottom: 30px !important
}

#wrapper .breadcrumb a span {
    font-size: 14px;
    color: #7a7a7a
}

.header.small {
    height: 35vh;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 50px
}

.page-category .header.small,
.page-search .header.small {
    background: url('/img/cms/header_produits.jpg');
    background-position-y: 65%
}

.cms-id-13 .header.small {
    background: url('/img/cms/header_notre_histoire.jpg');
    background-position-y: 19%
}

.cms-id-32 .header.small {
    background: url('/img/cms/header_nos_equipes.jpg');
    background-position-y: 68%
}

.cms-id-63 .header.small {
    background: url('/img/cms/header_presse.jpg');
    background-position-y: 27%
}

.cms-id-17 .header.small {
    background: url('/img/cms/header_presse.jpg');
    background-position-y: 27%
}

.cms-id-18 .header.small,
.page-contact .header.small {
    background: url('/img/cms/header_contact.jpg');
    background-position-y: 55%
}

.page-stores .header.small {
    background: url('/img/cms/header_commercial.jpg');
    background-position-y: 32%
}

.page-category .header.bg_nouveautes {
    background: url('/img/cms/collec_nouveautes.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 45%
}

.page-category .header.bg_orthos {
    background: url('/img/cms/collec_orthos.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 50%
}

.page-category .header.bg_lecons {
    background: url('/img/cms/collec_lecons.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 19%
}

.page-category .header.bg_gomme {
    background: url('/img/cms/collec_gomme.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 69%
}

.page-category .header.bg_cahiers {
    background: url('/img/cms/collec_cahiers.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 70%
}

.page-category .header.bg_app {
    background: url('/img/cms/collec_app.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 53%
}

.page-category .header.bg_jeux {
    background: url('/img/cms/collec_jeux.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 63%
}

.page-category .header.bg_rallyes {
    background: url('/img/cms/collec_rallyes.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 52%
}
.page-category .header.bg_litterature {
    background: url('/img/cms/collec_litterature.jpg');
    background-repeat: repeat;
    background-size: auto;
    background-position-y: 50%
}
.header.small .bandeau {
    background: rgba(255, 255, 255, .9);
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-left: 10vw
}

.header.small .bandeau h1 {
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #232323
}

.header.small .bandeau h1 span {
    font-family: 'Caveat', cursive !important;
    font-size: 45px;
    font-weight: 700;
    line-height: 0
}

.header.small .bandeau a {
    text-transform: uppercase;
    color: rgba(0, 0, 0, .4);
    font-weight: 500;
    font-size: 14px
}

#category #wrapper,
.page-search #wrapper {
    padding-top: 0 !important
}

#category #content-wrapper {
    padding: 0
}

.cms-id-13 .page-header,
.cms-id-13 .breadcrumb,
.cms-id-13 .page-footer,
.cms-id-32 .page-header,
.cms-id-32 .breadcrumb,
.cms-id-32 .page-footer {
    display: none
}

.cms-id-13 #wrapper,
.cms-id-32 #wrapper {
    padding-top: 0
}

.page-cms-13,
.page-cms-32 {
    padding: 0 !important
}

.page-cms-13 .defineContain {
    margin-top: 60px !important;
    margin-bottom: 20vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.page-cms-13 .defineContain .lineV {
    position: absolute;
    height: 100%;
    width: 1px;
    background: #000
}

.page-cms-13 .item {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 80px;
    width: 100%
}

.page-cms-13 .item .image {
    width: 50%;
    height: 15vh
}

.page-cms-13 .item .image img {
    width: 50%;
    height: 100%;
    object-fit: contain
}

.page-cms-13 .item .year {
    margin: 0;
    font-size: 24px;
    color: #00a5b5
}

.page-cms-13 .item .text p:first-of-type {
    font-family: 'Caveat', cursive !important;
    font-size: 30px;
    margin-bottom: 15px;
    color: #484848
}

.page-cms-13 .item .text p:last-of-type {
    font-size: 16px
}

.page-cms-13 .item .rounded {
    width: 15px;
    height: 15px;
    background: #00a5b5;
    border-radius: 50%;
    position: absolute;
    z-index: 1
}

.page-cms-13 .item .line {
    width: 80px;
    height: 1px;
    background: #00a5b5
}

.page-cms-13 .item .infos {
    width: 50%;
    display: flex;
    align-items: center
}

.page-cms-13 .right .infos {
    justify-content: flex-start;
    margin-left: -15px
}

.page-cms-13 .right .line {
    margin-right: 15px
}

.page-cms-13 .right .image {
    padding-right: 50px
}

.page-cms-13 .right .text {
    margin-left: 20px
}

.page-cms-13 .text .image_mobile {
    display: none
}

.page-cms-13 .item .text img {
    width: 150px;
    margin-bottom: 20px
}

.page-cms-13 .item:nth-of-type(7) .text img {
    width: 50px
}

.page-cms-13 .item:nth-of-type(9) .text img {
    width: 100px
}

.page-cms-13 .right .image img {
    margin-left: 50%
}

.page-cms-13 .left .infos {
    justify-content: flex-end;
    margin-right: -15px
}

.page-cms-13 .left .line {
    margin-left: 15px
}

.page-cms-13 .left .text {
    margin-right: 20px
}

.page-cms-13 .left .image {
    padding-left: 50px
}

.page-cms-13 .left .image img {
    margin-right: 50%
}

.page-cms-13 .separator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    margin: 40px 0;
    background: rgba(0, 0, 0, .03)
}

.page-cms-13 .separator img {
    width: 25%
}

.cms-id-63 #wrapper .breadcrumb,
.cms-id-63 .page-header,
.cms-id-63 .page-footer {
    display: none
}

.cms-id-63 #wrapper,
.cms-id-63 .page-content {
    padding: 0 !important
}

#content.page-cms-32 {
    position: relative
}

.cms-id-32 .nav_team {
    display: flex;
    justify-content: space-between
}

.cms-id-32 .nav {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    transition: .2s;
    font-size: 14px;
    width: 210px;
    z-index: 1
}

.cms-id-32 .nav img {
    width: 30px
}

.cms-id-32 .nav.left {
    justify-content: flex-start;
    text-align: left
}

.cms-id-32 .nav.left img {
    margin-right: 10px
}

.cms-id-32 .nav.right {
    justify-content: flex-end;
    text-align: right
}

.cms-id-32 .nav.right img {
    margin-left: 10px;
    margin-right: 20px
}

.cms-id-32 .nav.rose {
    background: #e31c79
}

.cms-id-32 .nav.vert {
    background: #9bd611
}

.cms-id-32 .nav.bleu {
    background: #00a5b5
}

.cms-id-32 .nav:hover {
    transition: .2s;
    background: #484848
}

.pole {
    padding: 30px 20px;
    border-radius: 15px
}

.pole.hide {
    display: none
}

.pole h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px
}

.pole p.firstText {
    color: #484848;
    font-size: 16px;
    margin: auto;
    width: 50%;
    position: relative
}

.pole p.firstText span {
    z-index: 1;
    position: relative
}

.pole .grid {
    display: grid;
    padding: 50px 15%;
    grid-template-rows: auto;
    grid-gap: 25px;
    border-radius: 15px;
    position: relative;
    margin-top: 50px
}

.pole .grid .align_self_end {
    align-self: end
}

.pole .grid .align_self_center {
    align-self: center
}

.pole .grid span {
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 30vh
}

.pole .grid span img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pole .grid p {
    width: 80%;
    margin: auto;
    z-index: 1;
    text-align: left;
    position: relative;
    color: #484848
}

.pole .grid p span {
    z-index: 1;
    position: relative
}

.pole .grid .rs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

.pole .grid .rs a {
    width: 40px;
    height: 40px;
    margin: 0 8px
}

.pole .grid .rs a:first-of-type {
    margin: 0
}

.pole .grid .rs a img {
    width: 100%;
    height: 100%;
    object-position: bottom;
    object-fit: contain
}

.pole .grid p:before,
.pole p.firstText:before {
    content: '';
    position: absolute;
    width: 20px;
    height: calc(100% + 6px);
    z-index: 0;
    top: -3px;
    left: -10px
}

.pole .center_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5vh
}

.pole .center_btn img {
    width: 200px;
    margin-right: 40px
}

.pole .center_btn .btn {
    background-color: #006682
}

.cms-id-32 .icone {
    position: absolute;
    left: 15px;
    bottom: 15px;
    opacity: .1;
    width: 15%
}

.pole .team {
    display: grid;
    margin-top: 8vh;
    margin-bottom: 5vh;
    justify-content: center
}

.pole .team .one {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px
}

.pole .team .one span {
    width: 18vmin;
    height: 18vmin;
    border-radius: 50%;
    display: flex;
    margin-bottom: 20px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    transition: .5s
}

.pole .team .one:hover>span {
    transform: rotateY(180deg);
    transition: .5s
}

.pole .team .one span img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.pole .team .one p {
    font-size: 16px;
    padding: 10px 25px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #fff;
    text-align: center;
    background-color: #484848;
    margin-bottom: 0
}

.pole .team .one a.btn {
    margin-top: 15px
}

.pole .team .one p.poste {
    background: 0 0 !important;
    color: #484848;
    height: 60px
}

.pole.edito .grid {
    background: rgba(227, 28, 121, .03);
    grid-template-columns: 50% 50%
}

.pole.edito .grid .lastPicture {
    grid-column: 1/3
}

.pole.edito .team {
    grid-template-columns: 25% 25% 25%;
    margin-top: 10vh
}

.pole.edito .grid p:before,
.pole.edito p.firstText:before {
    background-color: rgba(227, 28, 121, .8)
}

.pole.retd .grid {
    background: rgba(155, 214, 17, .03);
    grid-template-columns: 50% 50%
}

.pole.retd .grid .firstPicture {
    grid-column: 1;
    grid-row: 1/3
}

.pole.retd .grid .lastPicture {
    grid-column: 2;
    grid-row: 2/5;
    height: 50vh
}

.pole.retd .grid p {
    grid-row: 2/5
}

.pole.retd .team {
    grid-template-columns: 25% 25% 25%;
    margin-top: 10vh;
    margin-bottom: 0;
}

.pole.retd .grid p:before,
.pole.retd p.firstText:before {
    background-color: rgba(155, 214, 17, .8)
}
.pole .team.two {
    grid-template-columns: 25% 25%!important;
    margin-top: 0!important;
}
.pole .team.two:last-of-type {
    margin-bottom: 5vh;
}
.pole.communication .grid {
    background: rgba(0, 165, 181, .03);
    grid-template-columns: 50% 50%
}

.pole.communication .grid .lastPicture {
    grid-column: 2;
    grid-row: 2/4
}

.pole.communication .team {
    grid-template-columns: 25% 25% 25%;
    margin-top: 0;
}

.pole.communication .grid p:before,
.pole.communication p.firstText:before {
    background-color: rgba(0, 165, 181, .8)
}

.pole.commercial .grid {
    background: rgba(227, 28, 121, .03);
    grid-template-columns: 50% 50%
}

.pole.commercial .grid .firstPicture {
    grid-column: 1;
    grid-row: 1/3;
    height: 50vh
}

.pole.commercial .grid .lastPicture {
    grid-column: 1/3
}

.pole.commercial .grid span:not(.lastPicture,
    .firstPicture) {
    height: auto
}

.pole.commercial .team {
    grid-template-columns: 25% 25% 25%;
    margin-top: 10vh
}

.pole.commercial .grid p:before,
.pole.commercial p.firstText:before {
    background-color: rgba(227, 28, 121, .8)
}

.pole.communication .grid {
    background: rgba(0, 165, 181, .03);
    grid-template-columns: 50% 50%
}

.pole.communication .grid .lastPicture {
    grid-column: 2;
    grid-row: 2/4;
    height: 50vh
}

.pole.communication .grid p {
    grid-row: 2/4
}

.pole.communication .team:first-of-type {
    grid-template-columns: 50% 50%;
    width: 50%;
    margin: 10vh auto 0 auto;
}
.pole.communication .team {
    grid-template-columns: 25% 25% 25%;
}

.pole.communication .grid p:before,
.pole.communication p.firstText:before {
    background-color: rgba(0, 165, 181, .8)
}

.pole.adv .grid {
    background: rgba(155, 214, 17, .03);
    grid-template-columns: 50% 50%
}

.pole.adv .grid p {
    grid-row: 2/4
}

.pole.adv .grid .lastPicture {
    grid-column: 2;
    grid-row: 2/4;
    height: 50vh
}

.pole.adv .team {
    grid-template-columns: 25% 25% 25%;
    margin-top: 10vh
}

.pole.adv .grid p:before,
.pole.adv p.firstText:before {
    background-color: rgba(155, 214, 17, .8)
}

.pole.expedition .grid {
    background: rgba(0, 165, 181, .03);
    grid-template-columns: 50% 50%
}

.pole.expedition .grid span:not(.lastPicture,
    .firstPicture) {
    height: 50vh
}

.pole.expedition .grid .lastPicture {
    grid-column: 1/3
}

.pole.expedition .grid .lastPicture img {
    object-position: top
}

.pole.expedition .team {
    grid-template-columns: 25% 25% 25% 25%;
    margin-top: 10vh
}

.pole.expedition .grid p:before,
.pole.expedition p.firstText:before {
    background-color: rgba(0, 165, 181, .8)
}

.pole.assistance .grid {
    background: rgba(227, 28, 121, .03);
    grid-template-columns: 50% 50%
}

.pole.assistance .grid .lastPicture {
    grid-column: 1/3
}

.pole.assistance .grid .lastPicture img {
    object-position: top
}

.pole.assistance .team {
    grid-template-columns: 25% 25%;
    margin-top: 10vh
}

.pole.assistance .grid p:before,
.pole.assistance p.firstText:before {
    background-color: rgba(227, 28, 121, .8)
}

.pole.jocanet .grid {
    background: rgba(0, 165, 181, .03);
}

.pole.jocanet .grid .lastPicture {
    grid-column: 1/3;
}

.pole.jocanet .team {
    grid-template-columns: 25% 25%;
    margin-top: 10vh;
}

.pole.jocanet .grid p:before,
.pole.jocanet p.firstText:before {
    background-color: rgba(0, 165, 181, .8);
}

.cms-id-18 .breadcrumb,
.cms-id-18 #main .page-header,
.cms-id-18 #main .page-footer {
    display: none;
}
.cms-id-18 h3 {
    margin-bottom: 5vh;
    text-align: center;
    font-weight: 400
}

.cms-id-18 .top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    width: 100%;
    margin: auto;
}

.bandeau.hootop {
    width: 100%;
    margin-bottom: 5vh;
    display: block;
}

.bandeau.hootop img {
    width: 100%;
}

.bandeau.hootop img.mobile {
    display: none;
}

.cms-id-18 .top .collectionFeature {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 30px;
    transition: .2s;
    border-radius: 1vmin;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    overflow: hidden
}

.cms-id-18 .top .collectionFeature:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: .2s;
    border-radius: 1vmin;
    z-index: -1
}

.cms-id-18 .top .collectionFeature h3 {
    transition: .1s;
    margin-bottom: 5px;
    margin-top: 23px;
    font-size: 24px;
    text-decoration: none !important;
    font-weight: 600;
    text-align: left
}

.cms-id-18 .top .collectionFeature p,
.cms-id-18 .top .collectionFeature p>a {
    font-size: 15.5px;
    transition: .1s;
    color: #7a7a7a !important
}

.cms-id-18 .top .collectionFeature img {
    position: absolute;
    height: 70%;
    bottom: 5%;
    right: -5%;
    opacity: .05
}

.cms-id-18 .top .collectionFeature:hover:before {
    height: 100%;
    transition: .2s
}

.cms-id-18 .top .collectionFeature.rose:before {
    background: #e31c79
}

.cms-id-18 .top .collectionFeature.rose h3,
.cms-id-18 .top .collectionFeature.rose h3>a {
    color: #e31c79 !important
}

.cms-id-18 .top .collectionFeature.rose:before {
    background: #e31c79
}

.cms-id-18 .top .collectionFeature.bleu:before {
    background: #00a5b5
}

.cms-id-18 .top .collectionFeature.bleu h3,
.cms-id-18 .top .collectionFeature.bleu h3>a {
    color: #00a5b5 !important
}

.cms-id-18 .top .collectionFeature.bleu:before {
    background: #00a5b5
}

.cms-id-18 .top .collectionFeature.vert:before {
    background: #9bd611
}

.cms-id-18 .top .collectionFeature.vert h3,
.cms-id-18 .top .collectionFeature.vert h3>a {
    color: #9bd611 !important
}

.cms-id-18 .top .collectionFeature.vert:before {
    background: #9bd611
}

.cms-id-18 .top .collectionFeature:hover>a,
.cms-id-18 .top .collectionFeature:hover>h3,
.cms-id-18 .top .collectionFeature:hover>h3>a,
.cms-id-18 .top .collectionFeature:hover>i,
.cms-id-18 .top .collectionFeature:hover>p,
.cms-id-18 .top .collectionFeature:hover>p a {
    color: #fff !important;
    transition: .1s
}

.cms-id-18 .infos {
    display: flex;
    justify-content: center;
    margin-top: 10vh;
    margin-bottom: 10vh
}

.cms-id-18 .infos .zone {
    margin: 0 3vw;
    padding: 15px 20px;
    display: grid;
    grid-template-columns: auto auto
}

.cms-id-18 .infos .item {
    position: relative;
    padding: 10px 20px 30px;
    margin: 0 3vw
}

.cms-id-18 .infos .item:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    background: #e31c79
}

.cms-id-18 .infos .item:nth-of-type(2):before,
.cms-id-18 .infos .item:nth-of-type(4):before {
    background: #00a5b5
}

.cms-id-18 .infos .zone .item p,
.cms-id-18 .infos .zone .item a {
    color: #484848;
    font-size: 16px;
    margin: 0;
    transition: .2s
}

.cms-id-18 .infos .zone .item a:hover,
.cms-id-18 .infos .zone .item a:visited,
.cms-id-18 .infos .zone .item a:focus {
    transition: .2s;
    color: #e31c79;
    text-decoration: none
}

.cms-id-18 .infos .zone .item img {
    width: 30px;
    margin-bottom: 15px
}

#stores #main .page-header {
    display: none
}

.vmapContent #wrapper {
    padding-top: 0
}

.vmapContent .page-stores {
    margin: 0 !important
}

.vmapContent .centerMap {
    display: flex
}

.vmapContent .bottomPage {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vmapContent p.under-map {
    width: fit-content;
    border-radius: 15px;
    border: 2px solid #00a5b5;
    padding: 10px 20px;
    background-color: rgba(0, 165, 181, .05);
    margin-top: 20px;
    color: #484848;
    font-size: .9375rem
}

.vmapContent .monde {
    width: 100%;
    border-radius: 15px;
    padding: 10px 20px;
    background-color: rgba(0, 165, 181, 0.1);
    margin-bottom: 20px;
    color: #484848;
    font-size: .9375rem;
    display: flex;
    align-items: center;
}

.vmapContent .monde img {
    width: 50px;
    margin-right: 15px;
}

.vmapContent .monde p {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #484848;
}

.vmapContent .monde p a {
    margin-top: 10px;
    background: #00a5b5;
    color: #FFF;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    align-self: flex-end;
}

.vmapContent .page-stores {
    width: 50% !important
}

.vmapContent h3 {
    font-weight: 400
}

.vmapContent #vmapRes {
    width: 35%
}

.vmapContent #vmap {
    width: 100% !important;
    border-radius: 20px
}
.vmapContent #vmap.hide {
    display: none;
}
.vmapContent #vmapRes .store-small {
    position: relative
}

.vmapContent #vmapRes .store-small span.rs {
    justify-content: flex-end;
    margin: 0;
    bottom: 10px;
    right: 5px
}

.vmapContent #vmapRes .store-small span.rs img {
    width: 25px;
    margin: 0 5px;
    transition: .2s
}

.vmapContent #vmapRes .store-small span.rs img:hover {
    transition: .2s;
    transform: rotate(15deg)
}

.vmapContent .contain_commercial {
    position: relative
}

.vmapContent #main .title {
    background: #00a5b5;
    width: 5%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px
}

.vmapContent .title h2 {
    transform: rotate(-90deg);
    font-size: 32px;
    color: #fff;
    white-space: nowrap
}

.vmapContent .title img.up,
.vmapContent .title img.under {
    position: absolute;
    top: 0;
    width: 70%
}

.vmapContent .title img.up {
    transform: scaleY(-1);
    transform-origin: top right
}

#accordionDistributeurs {
    width: 100%;
}

#accordionDistributeurs.ui-accordion .ui-accordion-header {
    border-color: #00a5b5 !important;
    background: rgba(0, 165, 181, .05) !important;
    border-radius: 5px !important;
}

#accordionDistributeurs.ui-accordion .ui-state-active,
#accordionDistributeurs.ui-accordion .ui-widget-content .ui-state-active,
#accordionDistributeurs.ui-accordion .ui-widget-header .ui-state-active {
    border: 1px solid #00a5b5;
    background: #00a5b5 !important;
    color: #FFF;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#accordionDistributeurs .ui-widget-content {
    border: 1px solid #00a5b5
}

#accordionDistributeurs.ui-accordion p {
    color: #484848 !important;
}

.vmapContent #vmapRes .store-small span.nom img {
    border-radius: 50%;
    width: 80px;
    margin-right: 10px
}

.page-contact #left-column,
.page-contact .breadcrumb {
    display: none
}

.page-contact #wrapper {
    padding-top: 0
}

.page-contact #content-wrapper,
.page-contact #content {
    width: 100% !important;
    padding: 0
}

.page-contact .contain_contact {
    position: relative
}

.page-contact .contain_contact .title {
    background: #00a5b5;
    width: 5%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px
}

.page-contact .contain_contact .title img.up,
.page-contact .contain_contact .title img.under {
    position: absolute;
    top: 0;
    width: 70%
}

.page-contact .contain_contact .title img.up {
    transform: scaleY(-1);
    transform-origin: top right
}

.page-contact .contain_contact .title h2 {
    transform: rotate(-90deg);
    font-size: 32px;
    color: #fff;
    white-space: nowrap
}

.page-contact .back {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .4);
    width: max-content;
    margin-bottom: 30px;
    text-decoration: none
}

.page-contact .back:hover,
.page-contact .back:focus,
.page-contact .back:active {
    text-decoration: none
}

.page-contact .back img {
    height: 20px;
    margin-right: 10px
}

.page-contact .contact-form h3 {
    text-transform: none;
    color: #484848;
    font-weight: 500
}

.page-contact .form-group {
    margin: 10px 0
}

.page-contact .form-group label {
    text-transform: uppercase;
    color: #484848
}

.page-contact .form-group textarea.form-control {
    height: 145px
}

.page-contact .form-group textarea.form-control.smaller {
    height: 100px
}

.page-contact form p.infos {
    float: right;
    width: auto;
    border-radius: 15px;
    border: 2px solid #00a5b5;
    padding: 10px 20px;
    background-color: rgba(0, 165, 181, .05);
    margin-top: 5px;
    color: #484848;
    margin-bottom: 10px
}

.page-contact .form-group.pj {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.page-contact .form-group.pj .btn_pj {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px;
    color: #484848;
    background: rgba(0, 0, 0, .1)
}

.page-contact .form-group.pj .btn_pj img {
    width: 20px;
    margin-right: 10px
}

.page-contact .form-group.pj input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    clip: initial !important;
    cursor: pointer
}

.page-contact .bootstrap-filestyle.input-group {
    display: none
}

.page-contact .form-group.pj p.input_file_name {
    margin-bottom: 0;
    margin-right: 10px;
    font-style: italic;
    display: flex;
    align-items: center
}

.page-contact .form-group.pj p.input_file_name img {
    width: 15px;
    margin-right: 10px
}

.page-contact .form-footer {
    display: flex;
    justify-content: flex-end
}

form .form-group .form_radio,
form .form-group .form_checkbox {
    display: flex;
    height: 45px;
    align-items: center
}

form .form-group .form_radio [type=radio]:checked,
form .form-group .form_radio [type=radio]:not(:checked),
form .form-group .form_checkbox [type=checkbox]:checked,
form .form-group .form_checkbox [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

form .form-group .form_radio p,
form .form-group .form_checkbox p {
    margin: 0;
    margin-right: 20px
}

form .form-group .form_radio [type=radio]:checked+label,
form .form-group .form_radio [type=radio]:not(:checked)+label,
form .form-group .form_checkbox [type=checkbox]:checked+label,
form .form-group .form_checkbox [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-bottom: 0
}

form .form-group .form_checkbox [type=checkbox]:checked+label,
form .form-group .form_checkbox [type=checkbox]:not(:checked)+label {
    text-transform: initial
}

form .form-group .form_radio [type=radio]:checked+label:before,
form .form-group .form_radio [type=radio]:not(:checked)+label:before,
form .form-group .form_checkbox [type=checkbox]:checked+label:before,
form .form-group .form_checkbox [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

form .form-group .form_checkbox [type=checkbox]:checked+label:before,
form .form-group .form_checkbox [type=checkbox]:not(:checked)+label:before {
    border-radius: 2px
}

form .form-group .form_radio [type=radio]:checked+label:after,
form .form-group .form_radio [type=radio]:not(:checked)+label:after,
form .form-group .form_checkbox [type=checkbox]:checked+label:after,
form .form-group .form_checkbox [type=checkbox]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #00a5b5;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

form .form-group .form_checkbox [type=checkbox]:checked+label:after {
    border-radius: 2px;
    content: "\2713";
    color: #fff;
    font-size: 20px;
    height: 19px;
    width: 19px;
    top: 1px;
    left: 1px;
    padding-left: 1px
}

form .form-group .form_radio [type=radio]:not(:checked)+label:after,
form .form-group .form_checkbox [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

form .form-group .form_radio [type=radio]:checked+label:after,
form .form-group .form_checkbox [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.page-contact .form-group.ss_titre {
    text-transform: uppercase;
    font-size: 20px;
    color: #484848;
    padding-left: 60px;
    display: flex;
    align-items: center;
    margin: 30px 0
}

.page-contact .form-group.ss_titre:before {
    content: "";
    height: 2px;
    width: 50px;
    background-color: #e31c79;
    position: absolute;
    left: 0
}

select.form-control:not([size]):not([multiple]) {
    height: 45px !important
}

.page-contact .form-group label.noUppercase {
    text-transform: initial
}

.page-contact .custom_radio label {
    position: relative;
    background: rgba(0, 0, 0, .1);
    padding: 8px 20px !important;
    cursor: pointer;
    color: #484848;
    transition: .2s
}

.page-contact .custom_radio label:hover {
    background: #00a5b5;
    color: #fff !important;
    transition: .2s
}

.page-contact .custom_radio label:after,
.page-contact .custom_radio label:before {
    content: none !important
}

.page-contact .custom_radio [type=radio]:checked+label {
    background: #00a5b5;
    color: #fff !important;
    transition: .2s
}

.cart-item {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0 !important
}

.card-block {
    padding: 0 !important
}

.card.cart-summary {
    padding-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    margin-top: 50px
}

.card.cart-container .separator {
    display: none
}

.block-promo .promo-code-button,
.block-promo .cart-voucher p {
    margin-bottom: 0 !important
}

.block-promo .promo-code-button {
    margin-top: 20px
}

.block-promo .promo-code-button:hover,
.block-promo .promo-code-button:active,
.block-promo .promo-code-button:focus {
    text-decoration: none !important;
    color: #484848
}

.card.cart-summary .separator {
    border-color: #e31c79;
    margin: 20px 0
}

.card.cart-summary .separator:last-of-type {
    display: none
}

.cart-summary-line.cart-total .label {
    font-size: 1.1rem
}

.cart-grid-right .checkout.cart-detailed-actions.card-block .btn {
    margin-top: 50px;
    width: 100%
}

.block-promo .promo-input {
    margin-top: 5px
}

.product-line-grid-left img {
    width: 100%
}

.product-line-grid-body .product-line-info {
    margin-bottom: 5px
}

.product-line-grid-body .product-line-info a {
    text-transform: uppercase;
    font-weight: 500
}

.product_jocastore_eleve {
    margin: 5vh 0
}

.product_jocastore_eleve h3 {
    font-size: 26px;
    font-family: 'Caveat', cursive !important;
    color: #fff;
    background-color: #00a5b5;
    padding: 10px 25px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: fit-content;
    margin-bottom: 25px
}

.product_jocastore_eleve .add_to_cart {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.product_jocastore_eleve .add_to_cart p {
    margin-right: 30px;
    margin-bottom: 0;
    margin-top: 10px
}

.product_jocastore_eleve .add_to_cart p span.first {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.product_jocastore_eleve .add_to_cart p span.price {
    display: block;
    padding: 10px;
    width: fit-content;
    border-radius: 15px;
    border: 2px solid #e31c79;
    font-weight: 500;
    padding: 10px 20px;
    background-color: rgba(227, 28, 121, .05);
    text-decoration: line-through
}

.product_jocastore_eleve .add_to_cart p span.offer {
    margin-left: 10px;
    color: #e31c79;
    font-weight: 700;
    display: flex;
    align-items: center
}

.product_jocastore_eleve .add_to_cart p span.offer img {
    width: 25px;
    margin-right: 5px;
    margin-top: -5px
}

.product_jocastore_eleve .infos_joca {
    border: 3px solid rgba(0, 165, 181, .3);
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center
}

.product_jocastore_eleve .infos_joca .bloc {
    width: 50%
}

.product_jocastore_eleve .infos_joca .bloc p {
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start
}

.product_jocastore_eleve .infos_joca .bloc p.first {
    margin-bottom: 10px;
    font-size: 16px
}

.product_jocastore_eleve .infos_joca .bloc p:not(.first):before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #e31c79;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 5px;
    flex-shrink: 0
}

#ul_postcode {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 5px;
    max-height: 200px;
    overflow-y: scroll;
    margin-top: -1rem
}

#ul_postcode li {
    font-size: 14px;
    transition: .2s;
    padding: 5px;
    margin: 0
}

#ul_postcode li:hover {
    background-color: rgba(0, 0, 0, .9);
    transition: .2s
}

.tabDescriptionBlock .jocateam {
    padding-top: 30px
}

.tabDescriptionBlock .jocateam .edito,
.tabDescriptionBlock .jocateam .rd {
    margin-right: 5%
}

.tabDescriptionBlock .jocateam p:first-of-type {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #484848
}

.tabDescriptionBlock .jocateam p {
    font-size: 16px;
    color: #484848;
    line-height: 1.5
}

.tabDescriptionBlock .jocateam p:first-of-type span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: #7fffd4;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    margin-right: 10px
}

.tabDescriptionBlock .jocateam p:first-of-type span img {
    width: 90%;
    height: 90%;
    object-fit: contain
}

.tabDescriptionBlock .centerFlex {
    width: 100%;
    display: flex;
    justify-content: center
}

.tabDescriptionBlock .center_jocateam {
    justify-content: flex-start;
    display: flex;
    width: 100%
}

.tabDescriptionBlock .jocateam .btn {
    margin-top: 50px
}

.tabDescriptionBlock .product-description .btn {
    margin-top: 50px;
    color: #fff;
    display: flex;
    align-items: center
}

.tabDescriptionBlock .product-description .btn img {
    width: 20px;
    margin-left: 10px
}

.tabDescriptionBlock .product-description .btn:hover {
    color: #fff
}

.ytp-expand-pause-overlay .ytp-pause-overlay {
    display: none !important
}

.page-authentication #main .page-header,
.page-registration #main .page-header,
.page-password #main .page-header {
    display: none
}

.page-authentication #wrapper,
.page-registration #wrapper,
.page-password #wrapper {
    padding-top: 0
}

.page-authentication #content,
.page-registration #content,
.page-password #content {
    max-width: 100% !important;
    min-height: 70vh;
    background: url('/img/cms/header_connexion.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top !important;
    padding-top: 8vh !important;
    padding-bottom: 8vh !important
}

.login-form,
.register-form,
.forgotten-password,
.password_infos_contain,
.new-pass-form {
    margin-top: 15px;
    width: 640px;
    margin: auto;
    max-width: 100%;
    background-color: #fff;
    padding: 20px !important;
    box-shadow: 0 1px 14px -2px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 1px 14px -2px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 1px 14px -2px rgba(0, 0, 0, .7)
}

.login-form h2,
.register-form h2,
.forgotten-password h2,
.new-pass-form h2 {
    color: #484848;
    font-size: 36px;
    text-align: center;
    width: 100%;
    margin-bottom: 40px
}

.register-form form,
.forgotten-password form {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 30px
}

.login-form form .form-group,
.register-form form .form-group,
.forgotten-password form .form-group,
.new-pass-form form .form-group {
    width: 70%;
    margin: 10px auto
}

.login-form form .form-group label,
.register-form form .form-group label,
.forgotten-password form .form-group label,
.new-pass-form form .form-group label {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    color: #484848;
    padding: 0;
    margin-left: 0
}

.login-form form .form-group .col-md-6,
.register-form form .form-group .col-md-6,
.forgotten-password form .form-group .col-md-6,
.new-pass-form form .form-group .col-md-4 {
    width: 100%;
    padding: 0
}

.login-form form .form-footer .btn.rose,
.register-form form .form-footer .btn.rose,
.forgotten-password form .form-footer .btn.rose {
    width: 70%
}

.login-form form .form-footer,
.register-form form .form-footer,
.forgotten-password form .form-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
    padding-bottom: 30px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .2) !important
}

.register-form form .form-footer {
    padding-bottom: 0 !important;
    border: 0 !important
}

.page-customer-account #content .forgot-password {
    display: flex;
    justify-content: center;
    padding-bottom: 0;
    align-items: center;
    margin-top: 25px !important
}

.page-customer-account #content .forgot-password a {
    font-size: .875rem;
    background: rgba(0, 0, 0, .1);
    margin: 0 10px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #7a7a7a;
    transition: .2s
}

.page-customer-account #content .forgot-password a:hover {
    transition: .2s;
    background: rgba(0, 0, 0, .2)
}

.page-customer-account #content .no-account .btn {
    margin-left: 10px
}

.register-form p.deja_compte {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1rem
}

.register-form p.deja_compte .btn {
    margin-left: 10px
}

.forgotten-password .back {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .4);
    width: max-content;
    margin-bottom: 30px;
    text-decoration: none
}

.forgotten-password .back img {
    height: 20px;
    margin-right: 10px
}

.forgotten-password .retour_connexion {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
    padding-top: 30px !important;
    border-top: 1px solid rgba(0, 0, 0, .2) !important
}

.new-pass-form .email {
    width: 70%;
    margin: auto
}

.new-pass-form form .btn.rose {
    width: 70%
}

.cms-id-38 .page-header {
    display: none
}

.cms-id-38 h2 {
    font-size: 36px;
    display: flex;
    align-items: center
}

.cms-id-38 h2 span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    background: #9bd611;
    margin-right: 10px
}

.cms-id-38 h2 span img {
    width: 100%;
    height: 100%
}

.cms-id-38 p.infos {
    width: fit-content;
    border-radius: 15px;
    border: 2px solid #00a5b5;
    padding: 10px 20px;
    background-color: rgba(0, 165, 181, .05);
    margin-top: 20px;
    color: #484848
}

.cms-id-38 .dlNotConnected {
    box-shadow: 0 1px 14px -2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 14px -2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 14px -2px rgba(0, 0, 0, .1);
    width: 50%;
    margin: auto;
    padding: 20px;
    margin-top: 50px
}

.cms-id-38 .dlNotConnected .has-account {
    display: flex;
    align-items: center;
    flex-direction: column
}

.cms-id-38 .dlNotConnected p {
    color: #484848
}

.cms-id-38 .dlNotConnected .no-account {
    text-align: center;
    font-size: 1rem;
    margin: 30px 0;
    padding-top: 30px !important;
    border-top: 1px solid rgba(0, 0, 0, .2) !important;
    color: #7a7a7a
}

.cms-id-38 .dlNotConnected .no-account .btn {
    margin-left: 10px
}

.cms-id-38 .dlContent {
    margin-top: 50px !important
}

.cms-id-38 .dlContent h3 {
    color: #e31c79;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.cms-id-38 .dlContent p.warning {
    display: flex;
    align-items: center;
    background: rgba(252, 85, 63, .05);
    border-radius: 10px;
    padding: 10px 20px;
    color: #484848;
    width: fit-content;
    margin-bottom: 50px
}

.cms-id-38 .dlContent p.warning img {
    width: 40px;
    margin-right: 10px
}

.cms-id-38 .dlContent .list_link h4 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
    background: rgba(0, 165, 181, .1)
}

.cms-id-38 .dlContent .list_link {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 50% 50%
}

.cms-id-38 .dlContent ul {
    margin-bottom: 30px
}

.cms-id-38 .dlContent ul li {
    list-style-type: none;
    cursor: pointer;
    padding: 7px 0;
    border-radius: 2px;
    transition: .2s;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cms-id-38 .dlContent ul li img {
    width: 25px;
    margin-right: 10px
}

.cms-id-38 .dlContent li:hover {
    transition: .2s;
    background: rgba(227, 28, 121, .05);
    border-color: #e31c79
}

.cms-id-38 .dlBonCommande {
    margin-top: 80px
}

.cms-id-38 .dlBonCommande .center_btn {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px
}

.cms-id-38 .dlBonCommande a {
    display: flex;
    align-items: center
}

.cms-id-38 .dlBonCommande a img {
    margin-right: 10px;
    width: 20px;
    filter: invert(1)
}

.undownloadable {
    cursor: auto !important
}

.undownloadable:hover {
    color: #2fb5d2 !important
}

.cms-id-38 #dlAjaxCont {
    width: 50%;
    position: fixed;
    background-color: #fff;
    background-clip: padding-box;
    z-index: 9991;
    top: 20vh;
    left: 25%;
    transition: .2s;
    opacity: 0;
    pointer-events: none;
    border-radius: 10px
}

.cms-id-38 .voiledlAjaxCont {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    transition: .2s;
    opacity: 0;
    pointer-events: none;
    outline: 0;
    background: rgba(0, 0, 0, .5)
}

.cms-id-38 #dlAjaxCont.show,
.cms-id-38 .voiledlAjaxCont.show {
    transition: .2s;
    opacity: 1;
    pointer-events: initial
}

.cms-id-38 .dlIsDownloading {
    padding: 35px;
    font-size: 1rem;
    color: #484848;
    font-weight: 400;
    float: left;
    width: 100%;
    font-size: 14px
}

.cms-id-38 .dlIsDownloading p {
    color: #484848;
    text-align: center
}

.cms-id-38 .dlIsDownloading p a,
.cms-id-38 .dlIsDownloading p a:hover {
    transition: .2s;
    color: #e31c79;
    position: relative
}

.cms-id-38 .dlIsDownloading p a:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e31c79;
    transform: scaleX(0);
    transform-origin: right;
    backface-visibility: hidden;
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.cms-id-38 .dlIsDownloading p a:hover:after {
    transform-origin: left;
    transform: none
}

.cms-id-38 .dlIsDownloading span {
    font-weight: 700;
    color: #00a5b5
}

.cms-id-38 .dlIsDownloading .center_btn {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.cms-id-38 .dlIsDownloading a {
    color: #fff !important
}

.cms-id-38 .dlIsDownloading .center_btn .btn {
    margin: 0 30px
}

.cms-id-38 .dlIsDownloading .center_btn .btn.grey {
    background-color: rgba(0, 0, 0, .3);
    color: #fff
}

.cms-id-38 .dlIsDownloading .center_btn .btn.grey:hover {
    background-color: #484848
}

#product .dlIsDownloading p.successDownload,
.cms-id-38 .dlIsDownloading p.successDownload,
#product .dlIsDownloading p.oups,
.cms-id-38 .dlIsDownloading p.oups,
#product .dlIsDownloading p.question,
.cms-id-38 .dlIsDownloading p.question {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #89d52c
}

.cms-id-38 .dlIsDownloading p.oups {
    color: #fc553f
}

.cms-id-38 .dlIsDownloading p.question {
    color: #00a5b5
}

#product .dlIsDownloading p.successDownload img,
.cms-id-38 .dlIsDownloading p.successDownload img,
#product .dlIsDownloading p.oups img,
.cms-id-38 .dlIsDownloading p.oups img,
#product .dlIsDownloading p.question img,
.cms-id-38 .dlIsDownloading p.question img {
    margin-right: 20px;
    width: 50px
}

.cms-id-38 .dlIsDownloading .form-control {
    width: 50%;
    margin: 20px 0 0 25%
}

.cms-id-3 .page-header,
.cms-id-23 .page-header {
    display: none
}

.cms-id-3 .page-content .page-header h2 {
    font-size: 26px
}

@media(max-width:990px) {
    #dlAjaxCont {
        max-width: 80%;
        width: 80%;
        top: 15vh;
        left: 10%
    }

    .dlIsDownloading {
        padding: 25px
    }
}

.dlGuides,
.dlGuides:focus,
.dlGuides:visited {
    margin: 0 0 20px;
    background-color: #e31c79;
    color: #fff;
    width: 100%;
    border: 0;
    padding: 7px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
    cursor: pointer
}

.dlAjaxContFromProduct {
    left: 14vw
}

.page-my-account .page-header,
.page-customer-account .page-header,
.page-addresses .page-header,
.page-history .page-header {
    display: none
}

.page-my-account #wrapper .breadcrumb[data-depth="1"],
.page-addresses #wrapper .breadcrumb[data-depth="1"],
.page-history #wrapper .breadcrumb[data-depth="1"] {
    display: block
}

.page-my-account h2,
.page-customer-account h2,
.page-addresses h2,
.page-history h2 {
    font-size: 36px;
    display: flex;
    align-items: center;
    color: #484848
}

.page-authentication .login-form h2,
.page-authentication .register-form h2,
.page-registration .login-form h2,
.page-registration .register-form h2,
.page-password .forgotten-password h2 {
    justify-content: center
}

.page-authentication .register-form .defineContain h2,
.page-authentication .register-form .defineContain .back,
.page-registration .register-form .defineContain h2,
.page-registration .register-form .defineContain .back
 {
    display: none
}

.page-my-account h2 span,
.page-customer-account h2 span,
.page-addresses h2 span,
.page-history h2 span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    background: #9bd611;
    margin-right: 10px
}

.page-my-account h2 span img,
.page-customer-account h2 span img,
.page-addresses h2 span img,
.page-history h2 span img {
    width: 100%;
    height: 100%
}

.page-customer-account #main .page-footer,
.page-addresses #main .page-footer,
.page-history #main .page-footer {
    display: none
}

.page-customer-account .back,
.page-addresses .back,
.page-history .back {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    color: rgba(0, 0, 0, .4)
}

.page-customer-account .back img,
.page-addresses .back img,
.page-history .back img {
    height: 20px;
    margin-right: 10px
}

.page-my-account #content .links {
    margin-top: 50px
}

.page-my-account #content .links a span.link-item span.number {
    bottom: 0;
    color: #000;
    opacity: .05;
    font-size: 200px;
    line-height: 1;
    position: absolute;
    right: 10px;
    transition: .2s;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2
}

.page-my-account #content .links a span.link-item {
    position: relative;
    z-index: 1;
    background: #fff !important;
    padding: 30px !important;
    transition: .2s;
    border-radius: 1vmin;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1) !important;
    display: flex !important;
    align-items: center !important
}

.page-my-account #content .links a span.link-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: .2s;
    border-radius: 1vmin;
    z-index: -1
}

.page-my-account #content .links a span.link-item.rose:before {
    background: #e31c79
}

.page-my-account #content .links a span.link-item.bleu:before {
    background: #00a5b5
}

.page-my-account #content .links a span.link-item h3 {
    text-align: left;
    width: 80%;
    font-size: 16px
}

.page-my-account #content .links a span.link-item.rose h3 {
    color: #e31c79
}

.page-my-account #content .links a span.link-item.bleu h3 {
    color: #00a5b5
}

.page-my-account #content .links a span.link-item span.number i {
    font-size: 4.6rem
}

.page-my-account #content .links a span.link-item:hover:before {
    height: 100%;
    transition: .2s
}

.page-my-account #content .links a span.link-item:hover>span.number {
    opacity: .2;
    color: #fff !important;
    transition: .1s
}

.page-my-account #content .links a span.link-item:hover>span.number i {
    color: #fff !important;
    transition: .1s
}

.page-my-account #content .links a span.link-item:hover>h3 {
    transition: .1s;
    color: #fff
}

.page-addresses .address,
.page-addresses .addresses-footer {
    margin-top: 30px
}

.page-addresses .addresses-footer a,
.page-addresses .addresses-footer a:hover {
    color: #fff !important
}

.page-order-confirmation .card-block h3.message_title {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    color: #89d52c
}

.page-order-confirmation .card-block h3.message_title img {
    margin-right: 20px;
    width: 50px
}

.page-order-confirmation .card-block p.message_email {
    width: fit-content;
    border-radius: 15px;
    border: 2px solid #00a5b5;
    padding: 10px 20px;
    background-color: rgba(0, 165, 181, .05);
    margin-top: 20px;
    color: #484848;
    font-weight: 500
}

.page-order-confirmation #order-details {
    border: 3px solid #484848;
    padding: 0;
    margin-top: 40px;
    border-radius: 10px;
    width: 90%;
    margin: auto;
    margin-top: 30px
}

.page-order-confirmation #order-items h3 {
    text-transform: none
}

.page-order-confirmation #order-details h3 {
    border-bottom: 1px solid;
    padding: 10px;
    text-transform: none;
    margin-bottom: 20px;
    background: #484848;
    color: #fff;
    font-weight: 400
}

.page-order-confirmation #order-details ul {
    margin-bottom: 20px;
    padding: 0 20px
}

.page-order-confirmation #order-details ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.page-order-confirmation #order-details ul li:before {
    content: '';
    display: block;
    width: 17px;
    height: 12px;
    background-color: #00a5b5;
    border-top-right-radius: 5px;
    margin-right: 5px;
    border-bottom-right-radius: 5px
}

.page-order-confirmation .order-confirmation-table .details {
    color: #7a7a7a;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .875rem
}

.page-order-confirmation .order-confirmation-table .details .price {
    color: #e31c79 !important;
    font-weight: 500;
    margin-top: 5px;
    font-size: 1rem
}

.page-order-confirmation .order-confirmation-table .order-line {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 0 !important;
    margin: 0
}

.page-order-confirmation .order-confirmation-table .table_total .subtotal {
    background: #00a5b5;
    color: #fff
}

.page-order-confirmation .order-confirmation-table .table_total .subtotal td {
    padding: 9px 5px
}

.page-order-confirmation .order-confirmation-table .table_total .sub {
    font-size: .9rem
}

.page-order-confirmation .center_btn {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center
}

.page-order .checkout-step .back,
.page-order .checkout-step h2 {
    display: none
}

body#checkout a.btn {
    background: rgba(0, 0, 0, .5)
}

body#checkout a.btn:hover,
body#checkout a.btn.active {
    color: #fff !important;
    background: #00a5b5
}

body#checkout section.checkout-step .step-title {
    display: flex;
    align-items: center;
    color: #484848
}

body#checkout section.checkout-step .step-title span.step-number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
    font-family: 'Caveat', cursive !important;
    font-size: 24px;
    background: rgba(227, 28, 121, .5);
    transition: .2s
}

body#checkout section.checkout-step.-current .step-title span.step-number {
    background: #e31c79;
    transition: .2s
}

body#checkout section.checkout-step.-unreachable .step-title {
    opacity: .3;
    pointer-events: none;
    transition: .2s
}

body#checkout section.checkout-step.-unreachable .step-title span.step-number {
    background: #000;
    opacity: .5;
    transition: .2s
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    margin-left: 15px;
    background: rgba(0, 0, 0, .05);
    padding: 5px;
    border-radius: 5px;
    transition: .2s
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
    background: rgba(0, 0, 0, .1);
    transition: .2s
}

body#checkout section.checkout-step .address-footer {
    display: flex;
    justify-content: space-between
}

body#checkout section.checkout-step .add-address a {
    color: #fff !important
}

body#checkout #order-summary-content {
    font-style: initial
}

body#checkout .payment-options {
    margin-top: 30px
}

body#checkout #order-summary-content .step-edit {
    margin-left: 15px;
    background: rgba(0, 0, 0, .05);
    padding: 5px;
    border-radius: 5px;
    transition: .2s;
    font-size: .875rem
}

body#checkout #order-summary-content .step-edit:hover {
    transition: .2s;
    background: rgba(0, 0, 0, .1)
}

.page-module-faqs-display #left-column {
    display: none
}

.page-module-faqs-display .left-column {
    margin: 0 12.5%
}

.page-module-faqs-display #search_faqs_input_group {
    display: flex
}

.page-module-faqs-display #search_faqs_input_group #search_faqs_submit_button {
    width: auto
}

.page-module-faqs-display #search_faqs_container {
    background-color: #00a5b5
}

.popup_rappel,
.popup_newsletter,
.popup_confirm_news {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    transition: .2s;
    opacity: 0;
    pointer-events: none
}

.popup_rappel.show,
.popup_newsletter.show,
.popup_confirm_news.show {
    transition: .2s;
    opacity: 1;
    pointer-events: initial
}

.popup_rappel .voile,
.popup_newsletter .voile,
.popup_confirm_news .voile {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8)
}

.popup_rappel .cadre,
.popup_newsletter .cadre,
.popup_confirm_news .cadre {
    background-color: #fff;
    position: absolute
}

.popup_rappel .cadre .left,
.popup_newsletter .cadre .left,
.popup_confirm_news .cadre .left {
    width: 30vw;
    height: 100%;
    background: url('/img/cms/newsletter.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    background-position: right
}

.popup_newsletter .cadre .right,
.popup_confirm_news .cadre .right {
    margin-left: 30vw;
    padding: 10vh 5vw;
    width: 40vw
}

.popup_rappel .cadre .right {
    padding: 5vh 4vw;
    width: 50vw;
    max-height: 90vh;
    overflow-y: scroll;
}

.popup_rappel .cadre .right h2,
.popup_newsletter .cadre .right h2,
.popup_confirm_news .cadre .right h2 {
    font-size: 3.5vmin;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.popup_rappel .cadre .right p.first,
.popup_newsletter .cadre .right p.first,
.popup_confirm_news .cadre .right p.first {
    text-align: center;
    margin-top: 30px;
    font-size: 1.6vmin;
    font-weight: 400
}

.popup_rappel .cadre .right p.second .popup_newsletter .cadre .right p.second {
    font-weight: 300;
    font-size: 1.4vmin;
    font-style: italic;
    border: 2px solid #00a5b5;
    background-color: rgba(0, 165, 181, .05);
    padding: 10px;
    border-radius: 5px;
    line-height: 1.3;
    margin-top: 10px
}
.popup_rappel .cadre .right .form-group .form-control {
    margin-top: 20px;
}

.popup_rappel .cadre .right .form-footer,
.popup_newsletter .cadre .right .form-footer {
    display: flex;
    justify-content: center;
    margin-top: 3vh
}

.popup_rappel .cadre .right .close_rappel,
.popup_newsletter .cadre .right .close_news,
.popup_confirm_news .cadre .right .close_news {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    width: 50px;
    opacity: .5;
    cursor: pointer;
    transition: .2s
}

.popup_rappel .cadre .right .close_rappel:hover,
.popup_newsletter .cadre .right .close_news:hover,
.popup_confirm_news .cadre .right .close_news:hover {
    opacity: 1;
    transition: .2s
}
.popup_rappel .vmapContent .centerMap {
    flex-direction: column;
}
.popup_rappel .vmapContent .page-stores {
    width: 100% !important;
}
.cms-id-23 .page-content h2 {
    font-size: 3vmin
}

.cms-id-23 .page-content h3 {
    font-size: 2vmin
}

.verif_execution {
    display: flex;
    flex-direction: column;
    align-items: center
}

.verif_execution p {
    width: fit-content;
    border-radius: 15px;
    border: 2px solid #00a5b5;
    padding: 10px 20px;
    background-color: rgba(0, 165, 181, .05);
    margin-top: 20px;
    color: #484848
}

.verif_execution p img {
    width: 30px
}

.product-actions #add-to-cart-or-refresh .infos {
    width: fit-content;
    border-radius: 15px;
    border: 2px solid #e31c79;
    padding: 10px 20px;
    background-color: rgba(227, 28, 121, .05);
    margin-top: 20px;
    color: #484848;
    display: flex;
    align-items: center
}

.product-actions #add-to-cart-or-refresh .infos img {
    width: 30px;
    margin-right: 10px
}

/*BLOG*/
.cms-id-17 #wrapper {
    padding-top: 0;
}

.cms-id-17 #wrapper .breadcrumb,
.cms-id-17 #main .page-header {
    display: none;
}

#main .page-header h1 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #232323;
    font-family: 'Caveat', cursive !important;
    max-width: 1400px;
    margin: auto;
    width: 80%;
    color: #484848;
    padding: 15px 10%;
    background: #9bd6112e;
    line-height: 1;
    border-radius: 10px;
}

#main .page-content .blog {
    max-width: 1400px;
    margin: auto;
    width: 80%;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    margin-top: 60px;
}

#main .page-content .blog .productCustom .thumbnail-container {
    background-color: #FFF !important;
    margin: 0;
    height: 100% !important;
}

#main .page-content .blog .product-miniature .thumbnail-container .product-thumbnail {
    height: 100%;
}

#main .page-content .blog .product-miniature .thumbnail-container .product-thumbnail img {
    height: 100%;
    object-fit: contain;
}

#main .page-content .blog .productCustom {
    position: relative;
    padding: 0;
    width: calc(100% - 1vmin);
    height: 20vh;
    margin: calc(2vh + 1vmin) 0vmin calc(2vh + 1vmin) 1vmin !important;
}

#main .page-content .blog .product-price-and-shipping .btn {
    opacity: 1;
}

#main .page-content .blog.fixed {
    display: flex;
    align-items: flex-start;
}

#main .page-content .blog .content {
    width: calc(100% - 26vmin);
    margin-right: 26vmin
}

#main .page-content .blog .containArticle {
    width: 100%;
    height: 100%;
    padding: 0 20px 0 20px;
}

#main .page-content .blog.fixed .article_collections {
    position: fixed;
    top: 20px;
}

#main .page-content .blog .productCustom .rounded {
    position: absolute;
    top: -2vmin;
    left: -2vmin;
    width: 5vmin;
    padding: 10px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    height: 5vmin;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    z-index: 1;
}

#main .page-content .blog .productCustom:hover .rounded img {
    transition: .2s;
    transform: rotate(15deg);
}

#main .page-content .blog .productCustom .rounded img {
    width: 100%;
    height: 100%;
    transition: .2s;
    object-fit: contain;
    margin: 0;
}

#main .page-content .blog .article_collections h2 {
    background: #9bd611;
    padding: 5px;
    color: #FFF;
    font-size: 1.8rem;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
    width: 100%;
}

#main .page-content .blog .article_collections {
    background: rgba(0, 0, 0, 0.05);
    height: fit-content;
    position: absolute;
    width: 23vmin;
    border-bottom: 5px solid #9bd611;
    overflow: hidden;
    display: flex;
    flex-direction: column;

}

#main .page-content .blog .article_collections.stopScroll {
    bottom: 0;
    top: initial;
    position: absolute;
}

#main .page-content .blog .content img {
    max-width: 100%;
    height: auto;
}

#main .page-content .blog .content p,
#main .page-content .blog .content ul {
    color: #484848 !important;
    font-size: 0.9375rem;
    font-weight: 400;
}
#main .page-content .blog .content ul li {
    display: flex;
    align-items: center;
    line-height: 1.5;
}
#main .page-content .blog .content ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #e31c79;
    display: block;
    border-radius: 50%;
    margin-right: 5px;
}
#main .page-content .blog .content h2 {
    font-size: 2rem !important;
    font-weight: 500 !important;
    color: #9bd611 !important;
    font-family: Roboto, sans-serif !important;
}

.blog .product-miniature .product-price-and-shipping {
    display: inline-block;
}

.blog .productCustom .product-title {
    color: #484848;
    font-size: 1rem;
}
.header.cat-blog {
    font-size: 40px;
    margin-top: -1.563rem;
}
.blog .productCustom .product-title img {
    width: 30px;
    margin-right: 10px;
}

#main .page-content .blog .shared {
    margin-top: 5vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#main .page-content .blog .shared .btn_shared {
    padding: 3.5px 10px;
    border-radius: 3px;
    margin: 0 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#main .page-content .blog .shared .btn_shared img {
    width: 15px;
    margin-right: 8px
}

#main .page-content .blog .shared .btn_shared.lkd {
    background-color: #0077b5 !important;
    color: #FFF;
}

#main .page-content .blog .shared .btn_shared.copy {
    background-color: rgba(0, 0, 0, .1);
    color: #484848;
    position: relative;
}

#main .page-content .blog .shared .btn_shared.copy .success {
    position: absolute;
    left: 105%;
    color: #9bd611;
    opacity: 0;
    transition: 0.2s;
    pointer-events: none;
    display: flex;
    align-items: center;
}

#main .page-content .blog .shared .btn_shared.copy .success img {
    width: 10px;
    margin-right: 5px;
}

#main .page-content .blog .shared .btn_shared.copy .success.show {
    transition: 0.2s;
    opacity: 1;
    pointer-events: initial;
}

.bck_blog {
    background: rgba(0, 0, 0, 0.1);
    padding: 5px 15px;
    font-size: 14px;
    color: #484848;
    border-radius: 5px;
    transition: 0.2s;
    margin-bottom: 15px;
    display: block;
    width: fit-content;
    position: absolute;
    top: -50px;
    left: 0;
}
.page-cms .breadcrumb {
    display: none;
}

.subcatpages .bck_blog {
    margin-left: 20px;
    margin-top: 15px;
}

.bck_blog:hover {
    transition: 0.2s;
    color: #484848;
    background: rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

#main .page-content .blog .content {
    width: calc(100% - 26vmin);
    margin-right: 26vmin
}

.cms-blog.collectionFeatures {
    width: 1300px !important;
    max-width: 95% !important;
    margin: auto !important;
    box-shadow: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 80px !important;
}

.cms-id-17 .collectionHome .collectionFeature {
    display: flex;
    align-items: center;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1);
    background-color: rgba(224, 255, 151, 0.1);
    border-radius: 1vmin;
    padding: 30px 15px;
    transition: .2s;
    margin: 10px;
    justify-content: center;
}
.cms-id-17 .collectionHome .collectionFeature img {
    height: 70%;
    position: absolute;
    right: 10px;
    filter: invert(1);
    transition: 0.2s;
    opacity: 0.05;
}

.cms-id-17 .collectionHome .collectionFeature.vert h3 {
    font-size: 1.1rem;
    z-index: 1;
    font-weight: 400;
    margin: 0;
    color: #484848 !important;
}

.cms-id-17 .collectionHome .collectionFeature:hover>h3 {
    color: #FFF !important;
}
.cms-id-17 .collectionHome .collectionFeature:hover>img {
    opacity: 0.3;
    filter: initial;
    transition: 0.2s;
}

.cms-id-17 .collectionHome.collectionFeatures .col-md-6 {
    width: 100% !important;
}

.cms-id-17 .collectionHome .collectionFeature span.number {
    display: none;
}

.subcatpages {
    width: 1300px !important;
    max-width: 95% !important;
    margin: auto !important;
    box-shadow: none;
    display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
}
@media(max-width:1540px) {
    #main .page-content .blog .content {
        width: calc(100% - 46vmin);
        margin-right: 46vmin
    }

    #main .page-content .blog .article_collections {
        width: 40vmin;
    }

    #main .page-content .blog .productCustom {
        height: 22vh;
    }

    #main .page-content .blog .productCustom .rounded {
        width: 8vmin;
        height: 8vmin;
    }
}

.subcatpages .subcatpage {
    display: flex;
    width: 100%;
    padding: 20px;
    margin: 1%;
    align-items: center;
}

.subcatpages .subcatpage .illu {
    width: 40%;
    height: 20vh;
}

.subcatpages .subcatpage .illu img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.subcatpages .subcatpage .descr {
    width: 60%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.subcatpages .subcatpage .descr h4 {
    margin-bottom: 20px;
    color: #484848;
}

.subcatpages .subcatpage .descr p {
    margin-bottom: 20px;
}
#products .page-not-found {
    max-width: 1200px!important;
    width: 90%;
}
.page-not-found h4,
.page-not-found p {
    text-align: center;
}
.page-not-found .search-widget {
    width: 100%;
    display: flex;
    justify-content: center;
}
.page-not-found .search-widget form button[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12%;
}
.page-not-found #search_widget form i {
    padding: 0;
}
@media(max-width:1300px) {
    .sliderHome .bandeau {
        width: 30%
    }

    .featured-products .left {
        width: 29%;
        margin-right: 1%
    }

    .productCustom {
        padding: 0 1vmin
    }

    .featured-products .right {
        width: 70%
    }

    .page-category .bloc_collection,
    .page-search .bloc_collection {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%
    }

    .page-category .bloc_collection .collection,
    .page-search .bloc_collection .collection {
        margin: 10px
    }

    #search_filters,
    #search_filters_brands,
    #search_filters_suppliers {
        width: 25vw
    }

    #category #left-column .voile_overlay {
        width: 75vw !important;
        left: 25vw !important
    }
}

@media(max-width:1080px) {
    #header .header-top a.dropdown-item {
        font-size: 15px
    }

    #header .header-top .open_search_menu img,
    #header .header-top .client a img {
        width: 20px
    }

    .blockcart img {
        width: 25px
    }

    #header .header-top a.dropdown-item {
        padding: 0 2px !important
    }
}

@media(max-width:980px) {
    .cms-id-18 .top {
        grid-template-columns: repeat(1, 1fr);
    }
    .bandeau.hootop img.mobile {
        display: block;
    }

    .bandeau.hootop img.desktop {
        display: none;
    }

    ._mobile_menu_nav {
        display: flex
    }

    .header-top .row .position-static {
        display: none
    }

    .sliderHome .bandeau {
        width: 40%
    }

    .sliderHome {
        height: 60vh;
        margin-bottom: 3vh;
    }

    .jocastore_acceuil .down .textes,
    .cms-id-13 .et_avant .textes {
        width: 90%;
        margin-left: 2%
    }

    .jocastore_acceuil .down .second .textes {
        margin-right: 2%
    }

    .jocastore_acceuil .down .photo,
    .cms-id-13 .et_avant .photo {
        bottom: -15vh;
        width: 90%
    }

    .jocastore_acceuil .down .defineContain.second {
        margin-top: 20vh !important
    }

    .home_actus .contain_actus {
        grid-template-columns: 100%
    }

    .popup_newsletter .cadre {
        width: 80vw
    }

    .popup_newsletter .cadre .left {
        width: 100%;
        height: 25vh;
        background-position: center
    }

    .popup_newsletter .cadre .right .close_news,
    .popup_confirm_news .cadre .right .close_news {
        background: #fff;
        opacity: .7
    }

    .popup_newsletter .cadre .right {
        margin-left: 0;
        padding: 2vh 2vw;
        width: 100%;
        margin-top: 25vh
    }

    .popup_newsletter .cadre .right h2 {
        font-size: 24px
    }

    .popup_newsletter .cadre .right p.first {
        margin-top: 20px;
        font-size: 14px;
        margin-bottom: 20px
    }

    .popup_newsletter .cadre .right .form-group {
        margin-top: 0
    }

    .header.small .bandeau {
        width: 40vw;
        margin-left: 5vw
    }

    .page-cms-13 .defineContain {
        align-items: flex-start
    }

    .page-cms-13 .item {
        width: 100%
    }

    .page-cms-13 .right .infos {
        margin-left: -7.5px;
        width: 100%
    }

    .page-cms-13 .image {
        display: none
    }

    .page-cms-13 .left .infos {
        margin-left: -7.5px;
        width: 100%;
        margin-right: 0;
        flex-flow: row-reverse
    }

    .page-cms-13 .left .text {
        margin-right: 0;
        margin-left: 20px
    }

    .page-cms-13 .text .image_mobile {
        display: block
    }

    .page-cms-13 .separator img {
        width: 40%
    }

    .page-cms-13 .defineContain {
        margin-top: 0 !important
    }

    .cms-id-13 .et_avant .photo {
        top: initial
    }

    .page-cms-63 .bdg {
        width: 20vw
    }

    .search-widget form input[type=text] {
        width: 50vw !important
    }

    .cms-id-38 .dlNotConnected {
        width: 80%
    }

    .cms-id-38 .dlContent p.warning {
        margin-bottom: 20px
    }

    .cms-id-38 .dlContent .list_link {
        grid-template-columns: 100%
    }

    .cms-id-38 .dlContent p.warning {
        width: 100%
    }

    .cms-id-38 #dlAjaxCont {
        width: 80%;
        left: 10%
    }

    .cms-id-18 .top .collectionFeature {
        padding: 30px 15px
    }

    .cms-id-18 .top .collectionFeature h3 {
        font-size: 20px
    }

    .page-contact .contain_contact .title {
        width: 10%
    }

    .page-contact .contact-form {
        margin-left: 10% !important;
        width: 90% !important
    }

    .productCustom .product-description .btn {
        display: none
    }

    #search_filters,
    #search_filters_brands,
    #search_filters_suppliers {
        width: 35vw
    }

    #category #left-column .voile_overlay {
        width: 65vw !important;
        left: 35vw !important
    }

    .custom-checkbox input[type=checkbox]+span {
        width: 20px !important;
        height: 20px !important;
        margin: 3px;
        display: flex !important;
        align-items: center;
        justify-content: center
    }

    .custom-checkbox input[type=checkbox] {
        width: 100%;
        height: 100%;
        margin-top: 0 !important
    }

    .vmapContent .centerMap {
        flex-direction: column
    }

    .vmapContent .page-stores,
    .vmapContent #vmapRes,
    .vmapContent .bottomPage {
        width: 100% !important
    }

    .page-category .presentation_collec {
        width: 90%;
        margin-left: 5%
    }

    .popup_video_tuto iframe {
        width: 90%;
        height: 60%
    }

    .productCustom .quick-video {
        opacity: 1;
        bottom: 10px
    }

    .productCustom .quick-view {
        display: none
    }

    #product .note_auteur {
        width: 85% !important
    }

    #product .tuto_video {
        margin-top: 40px !important;
        justify-content: flex-start
    }

    #product .tuto_video iframe {
        width: 70%;
        margin-left: 10%;
        height: 30vh
    }

    ._mobile_menu_nav {
        display: flex
    }

    #_desktop_top_menu {
        display: none
    }

    #backToTop {
        right: 30px !important
    }

    #mobile_top_menu_wrapper #top-menu.right .title_mobile_client {
        display: block
    }

    #header .header-top #mobile_top_menu_wrapper .client a.dropdown-item,
    #header .header-top #mobile_top_menu_wrapper li.searchDesktop {
        display: none
    }

    #mobile_top_menu_wrapper #top-menu.right .panier_mobile {
        display: block
    }

    .featured-products {
        flex-direction: column;
        margin-top: 40px
    }

    .featured-products .left {
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 30px
    }

    .featured-products .left .txt {
        margin: 30px 0;
        width: auto
    }

    .featured-products .right {
        width: 100%
    }

    #footer .links {
        width: 100%;
        margin-bottom: 30px
    }

    #footer .block_newsletter,
    #footer .block-social {
        width: 100% !important
    }

    .productCustom {
        padding: 0 1vmin !important
    }

    .productCustom .thumbnail-container {
        padding: 5px
    }

    .sub-menu_mainLinks ul li a:hover:before,
    #top-menu .sub-menu.small a:hover:before {
        width: 0
    }

    .home_actus {
        margin-bottom: 80px
    }

    #product #wrapper {
        margin-top: 60px
    }

    .subcatpages {
        grid-template-columns: 100%;
    }

    .cms-blog.collectionFeatures {
        grid-template-columns: repeat(3, 1fr);
    }

    #main .page-header h1 {
        width: 90%;
        margin: auto;
    }

    .blog img {
        max-width: 100%;
        height: auto;
    }
    .popup_rappel .cadre .right {
        padding: 5vh 1vw;
        width: 90vw;
    }
    .popup_rappel .cadre .right p.first, .popup_newsletter .cadre .right p.first, .popup_confirm_news .cadre .right p.first {
        font-size: 16px;
    }
    .popup_rappel .vmapContent #vmapRes h2 {
        grid-column: 1 / 1;
    }
    .popup_rappel .vmapContent #vmapRes {
        grid-template-columns:repeat(1, 1fr);
    }
}

@media(max-width:768px) {
    .subcatpages .subcatpage {
        flex-direction: column;
    }

    .subcatpages .subcatpage .illu,
    .subcatpages .subcatpage .descr {
        width: 100%;
    }

    .cms-blog.collectionFeatures {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-container .links ul {
        background-color: #fff !important
    }

    .sliderHome .bandeau {
        width: 50%
    }

    .featured-products {
        flex-direction: column
    }

    .featured-products .left {
        width: 100%;
        margin-right: 0
    }

    .featured-products .right {
        width: 100%;
        margin-top: 2vh
    }

    .featured-products .right h2 {
        text-align: center
    }

    #custom-text .defineContain {
        display: grid;
        grid-template-columns: 50% 50%
    }

    #custom-text .defineContain p {
        width: 100%
    }

    .home_actus .contain_actus {
        width: 95%;
        padding-left: 11%
    }

    .cms-id-63 .home_actus .contain_actus {
        padding-left: 0
    }

    .cms-id-63 .home_actus .contain_actus .actu .illu {
        width: 100%
    }

    .home_actus .contain_actus .actu {
        flex-direction: column
    }

    .home_actus .contain_actus .actu .illu {
        width: 50%;
        margin-bottom: 20px
    }

    .home_actus .contain_actus .actu .descr {
        width: 100%;
        padding: 0
    }

    .jocastore_acceuil .middle h3 {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        width: 90%
    }

    .jocastore_acceuil .up .description img {
        width: 60%;
        margin: 20px 0
    }

    .home_actus .title {
        width: 10%
    }

    .pole p.firstText {
        width: 80%
    }

    .pole.edito .team,
    .pole.retd .team,
    .pole.communication .team,
    .pole.commercial .team,
    .pole.adv .team,
    .pole.expedition .team,
    .pole.assistance .team,
    .pole.jocanet .team {
        grid-template-columns: 50% 50%
    }

    .pole h2 {
        font-size: 30px
    }

    .page-cms-63 .bdg {
        width: 25w
    }

    .search-widget form input[type=text] {
        width: 80vw !important
    }

    #header .search-widget form {
        margin-top: 20vh
    }

    #wrapper,
    #category #wrapper,
    .page-search #wrapper {
        padding-top: 60px !important
    }

    .login-form,
    .register-form,
    .forgotten-password,
    .password_infos_contain,
    .new-pass-form {
        width: 95%
    }

    #module-faqs-display .container,
    #module-faqs-display #left_column,
    #module-faqs-display #content-wrapper {
        margin-left: 0 !important
    }

    #search_faqs_title {
        font-size: 26px !important;
        line-height: 1 !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .page-module-faqs-display #search_faqs_input_group #search_faqs_submit_button {
        padding: 0 15px
    }

    .cms-id-18 .top {
        flex-direction: column
    }

    .cms-id-18 .top .col-md-4 {
        margin: 15px 0
    }

    .page-contact .contain_contact .title {
        width: 100%;
        height: auto;
        padding: 0;
        position: initial;
        justify-content: flex-start
    }

    .page-contact .contain_contact .title img.up,
    .page-contact .contain_contact .title img.under {
        width: 50px;
        margin-left: 10px
    }

    .page-contact .contain_contact .title h2 {
        transform: none;
        margin: 5px 65px
    }

    .page-contact .contact-form {
        margin-left: 2.5% !important;
        width: 95% !important
    }

    .vmapContent .centerMap {
        flex-direction: column
    }

    .vmapContent .page-stores {
        width: 100% !important
    }

    .vmapContent #vmapRes {
        width: 100%
    }

    .page-category .bloc_collection,
    .page-search .bloc_collection {
        grid-template-columns: 50% 50%
    }

    #category #left-column .voile_overlay {
        width: 0 !important
    }

    #search_filters,
    #search_filters_brands,
    #search_filters_suppliers {
        width: 100vw
    }

    #search_filters .clear_filters .js-search-filters-clear-all {
        padding: 6px 20px !important;
        font-size: 14px;
        margin-bottom: 10px
    }

    #category #left-column #search_filters .facet .title {
        background: #00a5b5
    }

    #category #left-column #search_filters .facet .h6 {
        border: 0;
        color: #fff !important
    }

    #search_filters .facet .super_matiere {
        padding: 10px 0
    }

    #category #left-column #search_filters .facet ul li {
        margin: 0;
        align-items: center;
        padding: 10px 0 !important
    }

    #category #left-column #search_filters .facet .navbar-toggler i {
        color: #fff
    }

    #search_filters section.facet i.remove,
    .block-categories .collapse-icons i.remove {
        background: #fff !important;
        color: #484848 !important
    }

    #category #left-column {
        z-index: 99
    }

    .page-category .bloc_collection,
    .page-search .bloc_collection {
        margin-bottom: 30px !important
    }

    #product_list_top .show_filter_product {
        text-align: center;
        cursor: pointer;
        padding: 10px 15px;
        font-size: 18px;
        background: #484848;
        color: #fff;
        width: 100%;
        display: block;
        margin-bottom: 20px
    }

    .active_filters .filter-block {
        font-size: 14px !important
    }

    .active_filters .filter-block a i {
        font-size: 20px
    }

    .products-selection .sort-by-row {
        display: none !important
    }

    #search_filters .title_filters button i {
        display: none
    }

    #search_filters .title_filters button span {
        display: block
    }

    .page-category .presentation_collec .rounded {
        bottom: -30px;
        left: -30px;
        width: 60px;
        height: 60px
    }

    .productCustom .quick-video {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, .6)
    }

    .productTopBlock {
        margin-top: 30px
    }

    .tabDescriptionBlock .center_jocateam {
        flex-direction: column
    }

    .tabDescriptionBlock .jocateam .rd {
        margin-top: 30px
    }

    #product .tuto_video iframe {
        margin-left: 11%
    }

    #product .tuto_video .title {
        width: 10%
    }

    .product_jocastore_eleve .infos_joca {
        flex-direction: column
    }

    .product_jocastore_eleve .infos_joca .bloc {
        width: 100%
    }

    .product_jocastore_eleve .infos_joca .bloc:last-of-type {
        margin-top: 20px
    }

    .pole.edito .grid,
    .pole.retd .grid,
    .pole.communication .grid,
    .pole.commercial .grid,
    .pole.adv .grid,
    .pole.expedition .grid,
    .pole.assistance .grid,
    .pole.jocanet .grid {
        grid-template-columns: 100%
    }

    .pole.edito .grid .lastPicture,
    .pole.retd .grid .lastPicture,
    .pole.communication .grid p,
    .pole.communication .grid .lastPicture,
    .pole.commercial .grid .firstPicture,
    .pole.commercial .grid .lastPicture,
    .pole.adv .grid p,
    .pole.adv .grid .lastPicture,
    .pole.expedition .grid .lastPicture,
    .pole.assistance .grid .lastPicture,
    .pole.jocanet .grid .lastPicture {
        grid-column: initial;
        grid-row: initial
    }

    .pole .grid span,
    .pole.retd .grid .lastPicture,
    .pole.communication .grid .lastPicture,
    .pole.commercial .grid .firstPicture,
    .pole.commercial .grid .lastPicture,
    .pole.expedition .grid span:not(.lastPicture,
        .firstPicture) {
        height: auto
    }

    #content-hook_order_confirmation {
        margin-top: 20px
    }

    .page-my-account h2,
    .page-customer-account h2,
    .page-addresses h2,
    .page-history h2 {
        margin-top: 20px
    }

    .page-customer-account .back,
    .page-addresses .back,
    .page-history .back {
        margin-top: 20px
    }

    .page-my-account .page-footer .text-sm-center {
        display: flex;
        justify-content: center
    }

    .block-social ul {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .productCustom {
        width: 40%
    }
    #main .page-header h1 {
        font-size: 30px;
        margin-top: 10px;
    }
    #main .page-content .blog {
        flex-direction: column-reverse;
    }
    #main .page-content .blog .article_collections {
        position: initial;
        width: 100%;
        margin-top: 30px;
    }
    #main .page-content .blog .content {
        width: 100%;
        margin: 0;
    }
    #main .page-content .blog .productCustom {
        width: calc(70% - 1vmin);
        margin: 24px auto !important;
    }
    #main .page-content .blog .productCustom .rounded {
        width: 11vmin;
        height: 11vmin;
    }
}

@media(max-width:520px) {

    #footer .block_newsletter,
    #footer .block-social {
        width: 100%
    }

    .jocastore_acceuil .up {
        flex-direction: column
    }

    .jocastore_acceuil .up .description,
    .jocastore_acceuil .up .illustration {
        width: 100%
    }

    .jocastore_acceuil .up .description h3 {
        font-size: 20px;
        text-align: center
    }

    .jocastore_acceuil .middle h3 img {
        margin-top: 20px;
        margin-left: 0;
        width: 230px
    }

    .jocastore_acceuil .middle h3 {
        font-size: 20px
    }

    .sliderHome .bandeau {
        width: 90%;
        margin-left: 5%
    }

    #custom-text {
        padding: 0 !important
    }

    .jocastore_acceuil .down {
        padding-top: 0
    }

    #jocatopRgpdConsent .centerFlex {
        flex-direction: column;
        display: flex
    }

    #jocatopRgpdConsent .centerFlex a {
        margin: 5px 0;
        width: 100%
    }

    .popup_newsletter .cadre .right .form-footer .btn {
        width: 100%
    }

    .header.small {
        height: 25vh
    }

    .header.small .bandeau {
        width: 70vw
    }

    .header.small .bandeau h1 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .header.small .bandeau h1 span {
        font-size: 38px
    }

    .header.small .bandeau a {
        font-size: 12px
    }

    .page-cms-13 .item .line {
        width: 30px;
        margin: 0
    }

    .page-cms-13 .item .year {
        font-size: 20px;
        margin-left: 5px
    }

    .page-cms-13 .item .text p:first-of-type {
        font-size: 26px
    }

    .page-cms-13 .item .text p:last-of-type {
        font-size: 14px
    }

    .page-cms-13 .left .text {
        margin-left: 10px
    }

    .page-cms-13 .defineContain {
        margin-bottom: 150px !important
    }

    .page-cms-13 .separator img {
        width: 80%
    }

    .page-cms-63 .bdg {
        width: 30w
    }

    .cms-id-38 .dlNotConnected {
        width: 100%
    }

    .cms-id-38 #dlAjaxCont {
        width: 90%;
        left: 5%;
        max-width: 90%
    }

    .cms-id-38 .dlIsDownloading .center_btn {
        flex-direction: column
    }

    .cms-id-38 .dlIsDownloading .center_btn .btn {
        width: 100%;
        margin: 10px 0
    }

    .cms-id-38 .dlBonCommande a {
        width: 100%
    }

    .login-form form .form-group,
    .register-form form .form-group,
    .forgotten-password form .form-group,
    .new-pass-form form .form-group {
        width: 100%
    }

    .login-form form .form-footer .btn.rose,
    .register-form form .form-footer .btn.rose,
    .forgotten-password form .form-footer .btn.rose {
        width: 100%
    }

    .page-customer-account #content .no-account .btn,
    .register-form p.deja_compte .btn {
        margin-left: 0;
        margin-top: 10px
    }

    .page-customer-account #content .no-account,
    .register-form p.deja_compte {
        display: flex;
        flex-direction: column
    }

    #search_faqs_title {
        display: block !important
    }

    .cms-id-18 .infos {
        margin-top: 0
    }

    .cms-id-18 .infos .zone {
        width: 100%;
        grid-template-columns: 100%;
        margin: 0
    }

    .cms-id-18 .infos .item:before {
        background: #00a5b5 !important
    }

    form .form-group .form_radio,
    form .form-group .form_checkbox {
        flex-direction: column;
        height: auto
    }

    form .form-group .form_radio p {
        margin: 5px 0
    }

    form .form-group.custom_radio .form_radio p {
        width: 100% !important
    }

    form .form-group .form_radio [type=radio]+label {
        width: 100%;
        text-align: center
    }

    .page-contact .form-footer .btn {
        width: 100%
    }

    .page-contact .contact-form {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1%
    }

    .page-contact .form-group {
        padding-right: 15px;
        padding-left: 15px
    }

    .page-category .bloc_collection,
    .page-search .bloc_collection {
        grid-template-columns: 100%
    }

    .page-category .bloc_collection .collection,
    .page-search .bloc_collection .collection {
        height: 60px
    }

    .active_filters .filter-block {
        margin-bottom: 10px !important
    }

    .cart-grid-body .card-block {
        margin-top: 30px
    }

    .product-line-grid {
        display: flex;
        flex-direction: column
    }

    .product-line-grid-left {
        padding-right: 0 !important;
        width: 125px !important;
        padding-left: 0 !important
    }

    .product-line-grid-body {
        width: 100% !important;
        margin-top: 20px !important
    }

    .product-line-grid-right .col-xs-4 {
        display: none
    }

    .product_jocastore_eleve .add_to_cart {
        flex-direction: column;
        align-items: center
    }

    .product_jocastore_eleve .add_to_cart p {
        margin-right: 0;
        margin-bottom: 20px
    }

    .product_jocastore_eleve .product-quantity {
        flex-direction: column;
        width: 100%
    }

    .product_jocastore_eleve .product-quantity .qty {
        display: flex;
        justify-content: center
    }

    .product_jocastore_eleve .product-quantity #quantity_wanted {
        width: 85% !important
    }

    .product_jocastore_eleve .add .btn {
        width: 100%;
        margin-top: 20px
    }

    .pole .grid {
        padding: 20px
    }

    .pole.edito .team,
    .pole.retd .team,
    .pole.communication .team,
    .pole.commercial .team,
    .pole.adv .team,
    .pole.expedition .team,
    .pole.assistance .team,
    .pole.jocanet .team,
    .pole.communication .team:first-of-type {
        grid-template-columns: 100%
    }

    .pole .team {
        margin-top: 5vh !important
    }

    .pole .team .one span {
        width: 50vmin;
        height: 50vmin
    }

    #product .tabDescriptionBlock .nav_description h3 {
        padding: 10px 5px;
        width: 50%;
        font-size: 14px;
        text-align: center
    }

    .tabDescriptionBlock {
        padding: 0
    }

    .home_actus img.bdg {
        width: 35vw
    }

    .tabArticleSpec img {
        max-width: 50% !important;
        margin: 20px 25%
    }

    .cms-id-18 .infos .item {
        display: flex;
        align-items: center
    }

    .cms-id-18 .infos .zone .item img {
        margin-right: 10px;
        margin-bottom: 0
    }

    .productCustom {
        width: 60%
    }

    .productCustom .thumbnail-container {
        padding: 10px
    }
}