html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    background-color: white;
    color: #000;
    font: 300 12px 'Roboto', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

div.seo {
    margin: 10px auto 30px auto;
    text-align: center;
    padding: 0 20px;
    max-width: 1280px;
}

.hidden {
    display: none
}

.btn {
    background-color: #E61B72;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    width: max-content;
    height: max-content;
    padding: 16px 20px;
    font-weight: 700;
    text-align: center;
    font-stretch: condensed;
    font-size: 16px;
    clear: both;
    cursor: pointer;
    margin: 0 auto;
    transition: .2s ease-in;
    border: none;
}
.btn_primary {
    text-transform: uppercase;
}

.btn.hover,
.btn:hover {
    background-color: rgba(227, 108, 161, 0.7)
}

.btn:active {
    background-color: #B04173
}

.btn.disable,
.btn.disable:hover,
.btn.disable:active {
    background-color: rgba(120, 120, 120, 0.3);
    color: rgba(0, 0, 0, 0.3);
    cursor: default
}

.btn.precommande {
    background-color: rgba(245, 176, 39, 1);
}

.btn.precommande:hover,
.btn.precommande:active {
    background-color: rgba(245, 176, 39, 0.3);
}

.btn.reverse {
    border: 1px solid #FFF
}

.btn.reverse.hover,
.btn.reverse:hover {
    background-color: #FFF;
    color: #E61B72
}

.btn.reverse:active {
    background-color: #B04173;
    color: #FFF
}

.btn.reverse.disable,
.btn.reverse.disable:hover,
.btn.reverse.disable:active {
    opacity: 1;
    background-color: rgba(226, 193, 204, 0.36);
    color: rgba(0, 0, 0, 0.2);
    cursor: default
}

.btn_sec {
    background-color: transparent;
    border: 1px solid #E61B72;
    color: #E61B72;
    padding: 15px 19px;
}

.btn.btn_sec.hover,
.btn.btn_sec:hover {
    background-color: #E61B72;
    color: #FFF
}

.btn_filter {
    background-color: #FFF;
    border: 1px solid #E61B72;
    color: #E61B72;
    width: max-content;
    height: max-content;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 16px;
    font-stretch: condensed;
    clear: both;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 25px;
    transition: .2s ease-in;
}

.btn_filter.hover,
.btn_filter:hover {
    background-color: #E61B72;
    color: #FFF;
}

.btn_filter.disable,
.btn_filter.disable:hover {
    background-color: transparent;
    border-color: rgba(120, 120, 120, 0.3);
    color: rgba(0, 0, 0, 0.3);
    cursor: default
}

.mobile {
    display: block
}

.desktop {
    display: none;
}

.green {
    color: #37A200
}

#btn_submit {
    margin: 20px auto;
    width: calc(100% - 40px);
    padding: 16px 0;
    text-transform: uppercase;
    text-align: center;
}


/* INIT SLICK */

.slick-slider {
    display: none;
    visibility: hidden
}

.slick-slider.slick-initialized {
    display: block;
    visibility: visible
}

#SUG_sliders.slick-slider.slick-initialized {
    padding: 0 20px;
}

.slick-slide {
    height: auto
}

.input-container,
.select-container {
    position: relative
}

.input-container input {
    border: 0;
    background: transparent;
    width: 100%;
    padding: 11px 7px 0 0px;
    font: 300 15px 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #E4E4E4;
}

.input-container img {
    position: absolute;
    right: 10px;
    top: 9px;
    width: 20px;
}

.input-container label,
.select-container label {
    position: absolute;
    top: 12px;
    left: 5px;
    font: 300 12px 'Roboto', sans-serif;
    color: #707070;
    pointer-events: none;
    transition: all 0.15s ease-in-out;
}

.input-container input:focus {
    border: none;
    outline: none;
    border-bottom: 1px solid #E4E4E4;
}

.input-container input:focus~label,
.input-container input:valid~label {
    top: -7px;
    font-size: 12px;
    left: 0px;
}

.breadcrumb,
.breadcrumb a {
    text-align: center;
    font: 300 11px 'Roboto', sans-serif;
    color: #9F9F9F;
}

.alert {
    padding: 10px 20px;
}

.alert.alert-danger {
    color: #FF7F1E;
    background-color: rgba(255, 127, 30, 0.15);
    font: 16px 'Roboto', sans-serif;
    margin-top: 20px;
}

.alert.alert-success {
    color: #37A200;
    background-color: rgba(55, 162, 0, 0.15);
    font: 16px 'Roboto', sans-serif;
}

.alert.alert-default {
    color: #004085;
    background-color: #CCE5FF;
    font: 16px 'Roboto', sans-serif;
}

.alert.alert-info {
    color: #0C5460;
    background-color: #D1ECF1;
    font: 16px 'Roboto', sans-serif;
}

.empty-error {
    margin-top: 20px;
    margin-left: 5%;
    margin-bottom: 70px;
}

.empty-error #LIST_UNIVERS {
    width: 100%;
    overflow-x: auto;
}

.empty-error #LIST_UNIVERS ul {
    text-align: center;
    width: 1080px;
    padding-bottom: 20px;
    margin: 20px auto;
}

.empty-error #LIST_UNIVERS ul li {
    width: auto;
    display: inline-block;
    margin: 0 10px;
}

.empty-error #LIST_UNIVERS ul li .btn {
    border-radius: 30px;
}

#block_desktop {
    display: none;
}

header {
    width: 100%;
    margin: 0 auto;
}

header #block_top {
    width: 100%;
    /* padding-top: 10px;
    padding-bottom: 5px; */
    border-bottom: 0.25px solid #EFEFEF;
    /* display: inline-block; */
    font-size: 9px;
    display: flex;
    justify-content: space-between;
}

header #block_logo {
    width: 110px;
    margin-left: 20px;
    float: left;
}

header #block_logo img {
    margin-top: 5px;
}

header #block_menu {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border-bottom: 0.25px solid #EFEFEF;
    padding-bottom: 10px;
}

header #block_menu #link_menu {
    float: left;
    width: 40px;
    margin-left: 10px;
}

header #block_search_mobile {
    display: flex;
    align-items: center;
}

header #block_search_desktop input,
header #block_search_mobile input {
    border: 0;
    font-size: 14px;
    width: 90%;
    height: 40px;
    padding-left: 2%;
    display: inline-block;
}

header #block_search_desktop {
    display: none
}

header #block_search_desktop .search_submit,
header #block_search_mobile .search_submit {
    display: inline-block;
    width: 5%;
    cursor: pointer;
}

header #block_search_desktop .search_submit img,
header #block_search_mobile .search_submit img {
    vertical-align: sub;
    width: 20px;
    height: 20px;
}

header #menu_slider {
    position: absolute;
    left: -300px;
    top: 0;
    width: 300px;
    min-height: 100%;
    height: auto;
    background-color: #FFF;
    z-index: 11;
    -moz-transition: 0.8s cubic-bezier(0.71, 0.01, 0.28, 0.97);
    -o-transition: 0.8s cubic-bezier(0.71, 0.01, 0.28, 0.97);
    transition: 0.8s cubic-bezier(0.71, 0.01, 0.28, 0.97);
}

header #menu_slider.open {
    left: 0
}

header #menu_slider #block_menu {
    width: 300px;
}

header #menu_slider #block_top_menu #block_menu_logo {
    width: 100%;
    margin-top: 20px;
    height: 25px;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: 0.25px solid #EFEFEF;
}

header #menu_slider #block_top_menu #block_menu_logo img.logo {
    margin-left: 75px;
    float: left;
}

header #menu_slider #block_top_menu #block_menu_logo div {
    float: left;
    font: 14px 'Roboto', sans-serif;
    margin-top: 3px;
    margin-left: 10px;
}

header #menu_slider #block_top_menu #block_menu_logo img.close,
header #menu_slider #block_top_menu #block_menu_univers img.close {
    margin-top: -5px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}

header #menu_slider #block_top_menu #block_menu_univers {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 0.25px solid #EFEFEF;
    display: inline-block;
}

header #menu_slider #block_top_menu #block_menu_univers .arrow_back {
    float: left;
    transform: rotate(180deg);
    margin-left: 10px;
}

header #menu_slider #block_top_menu #block_menu_univers .info_univers {
    float: left;
    text-align: center;
    width: 200px;
    font: 700 14px 'Roboto', sans-serif;
    text-transform: uppercase;
}

header #menu_slider #block_top_menu #block_menu_univers .info_univers img {
    background-color: #EAEAEA;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    margin-bottom: 10px;
}

header #menu_slider #block_top_menu .head_desktop {
    display: none
}

header #menu_slider #block_top_menu ul li.elem {
    font: 300 14px 'Roboto', sans-serif;
    cursor: pointer;
    padding-left: 20px;
    height: 40px;
    padding-bottom: 5px;
    position: relative;
}

header #menu_slider #block_top_menu #s_home ul li.elem {
    text-transform: uppercase;
}

header #menu_slider #block_top_menu ul#s_home li.elem {
    text-transform: uppercase
}


/* Languages display */

header #menu_slider #block_top_menu ul#s_home li.language {
    font: 300 14px/24px 'Roboto', sans-serif;
    text-transform: inherit;
}

header #menu_slider #block_top_menu ul#s_home li.language img {
    width: 19px;
    border-radius: 25px;
    vertical-align: sub;
    margin-right: 5px;
}

header #menu_slider #block_top_menu ul#s_home li.language ul {
    display: none;
    margin-left: 0;
}

header #menu_slider #block_top_menu ul#s_home li.language ul li.elem {
    margin: 5px 0;
    border-top: 0.25px solid #EFEFEF;
    padding-top: 4px;
    padding-left: 0px;
    text-transform: none;
    height: 24px;
    padding-bottom: 0px;
}

header #menu_slider #block_top_menu ul#s_home li.language ul li.elem img {
    width: 19px;
    border-radius: 25px;
    vertical-align: sub;
    margin-right: 5px;
}

header #menu_slider #block_top_menu ul li.elem:hover {
    opacity: 0.8
}

header #menu_slider #block_top_menu ul li.elem a {
    text-decoration: none;
    color: #333
}

header #menu_slider #block_top_menu ul li.elem img {
    width: 35px;
    background-color: #EAEAEA;
    border-radius: 23px;
    vertical-align: middle;
    margin-right: 2px;
}

header #menu_slider #block_top_menu ul.s_univers li.elem img,
header #menu_slider #block_top_menu ul.s_categories li.elem img {
    float: left;
}

header #menu_slider #block_top_menu ul li.sep {
    height: 20px
}

header #menu_slider ul li span {
    background-position: 0 -10px;
    background-repeat: repeat-x;
    padding-left: 5px;
}

header #menu_slider #block_top_menu ul li.elem.o_slider {
    font: 700 14px 'Roboto', sans-serif
}

header #menu_slider ul li.o_slider:after {
    background: url('/img/ico/icon-arrow.svg') right no-repeat;
    height: 15px;
    width: 100%;
    right: 10px;
    top: 5px;
    float: right;
    content: "";
    position: absolute;
    display: block;
    padding-bottom: 6px;
}

header #menu_slider ul li.o_mobile {
    display: none
}

header #menu_slider ul.s_univers,
header #menu_slider ul.s_categories {
    display: none
}

header #menu_slider ul.s_univers .name_univers {
    margin: 20px 0 10px;
}

header #menu_slider ul.s_univers .name_univers span {
    background: url('../../img/bg_menu_univers.png') 0 -3px repeat-x;
    padding: 5px;
    font: bold 26px 'Roboto Condensed', sans-serif;
    margin-left: 10px;
}

header #menu_slider ul.s_univers .previous {
    cursor: pointer;
    vertical-align: bottom
}

header #menu_slider ul.s_univers .title {
    margin-left: 10px;
    font: 700 14px 'Roboto Condensed', sans-serif;
    padding: 10px 0;
    text-transform: uppercase;
}

header #menu_slider ul.s_univers .title.no_subCat {
    border-top: 0.25px solid #EFEFEF;
    margin-right: 10px;
}

header #menu_slider ul.s_univers .elem a,
header #menu_slider ul.s_categories .elem a {
    font: 300 14px 'Roboto', sans-serif;
    text-decoration: none;
    color: #3E3E40;
}

header #menu_slider ul.s_univers .elem a div,
header #menu_slider ul.s_categories .elem a div {
    height: 30px;
    padding-top: 9px;
    margin-left: 8px;
    float: left;
}

header #menu_slider #block_top_menu ul li.elem.link:hover a {
    color: #E61B72
}

header #block_info {
    /* width: 90px;
    float: right; */
    text-align: center;
}

header #block_info #block_user {
    width: 50px;
    float: left;
}

/* Dons Panier Octobre rose */
#order #PINK {
    width: calc(100% - 70px);
    margin: 20px auto 0;
    background-color: #FEF4F6;
    color: #D06977;
    padding: 25px;
}

#order #PINK.pink_empty {
    margin-bottom: 20px;
}

#order #PINK .hDark img{
   width: 50px;
   margin-bottom: 20px;
}

#order #PINK .hDark{
    font-size: 27px;
}

#order #PINK .hCenter{
   text-align: center;
}

#order #PINK .PINK_logos {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

#order #PINK .PINK_logos img {
    max-width: 200px;
}

#order #PINK .PINK_radio_wrapper {
    margin-top: 30px;
    text-align: center;
    font-weight: 700;
}

#order #PINK .PINK_radio_wrapper p {
    font-weight: 700;
    margin-bottom: 20px;
}

#order #PINK .PINK_radio {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0 30px;
}

#order #PINK .PINK_radio .radio_item {
    position: relative;
    background-color: #FFF;
    width: 80px;
    box-shadow: 3px 3px 6px #00000012;
    border: 1px solid #FFFFFF;
    border-radius: 48px;
    font-size: 28px;
    padding: 5px 0;
}

#order #PINK .PINK_radio_wrapper img {
   width: 35px;
   position: absolute;
}

#order #PINK .PINK_radio .radio_item:hover {
    border-color: #D06977;
    cursor: pointer;
}

#order #PINK .PINK_radio .radio_item.radioChecked {
    background-color: #D06977;
    border-color: #D06977;
    color: #FFF;
}

#order #PINK .PINK_operationLink {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

#order #PINK a {
    color: #D06977!important;
    text-decoration: underline;
    font: bold 16px 'Roboto condensed';
}
#order #PINK a:hover {
    text-decoration: none;
}
/* Fin des dons Octobre Rose */

header #block_info #block_cart {
    width: 30px;
    float: left;
}

header #block_info #block_user .icon_user,
header #block_info #block_cart .icon_cart {
    width: max-content;
    height: 19px;
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    margin-bottom: 5px;
    position: relative;
}

header #block_info #block_cart .icon_cart .qte_cart {
    position: absolute;
    top: -5px;
    right: -14px;
    border: 1px solid #999;
    color: #999;
    padding: 5px 6px 7px;
    text-align: center;
    display: none;
}

header #block_wrapper {
    width: 100%;
    height: 38px;
    border-bottom: 0.25px solid #EFEFEF;
    float: left;
    font: bold 14px 'Roboto';
    position: relative;
    overflow: hidden;
}

header #block_wrapper .messagedefilant {
    display: block;
    margin: 11px auto;
    overflow: hidden;
    position: relative;
    /* table-layout: fixed; */
    width: calc(100% - 20px);
    height: 25px;
    max-width: 800px;
    font: bold 14px 'Roboto';
}

.messagedefilant div {
    position: absolute;
    min-width: 100%;
    /* au minimum la largeur du conteneur */
}

.messagedefilant a {
    margin-right: 20px;
}

#block_wrapper .messagedefilant div,
#block_wrapper .messagedefilant a,
#block_wrapper .messagedefilant span {
    font: bold 14px 'Roboto';
}

.messagedefilant div span {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    white-space: nowrap;
}

.messagedefilant div span:first-child {
    animation: defilement 20s infinite linear;
}

.messagedefilant div span:last-child {
    position: absolute;
    animation: defilement2 20s infinite linear;
}

@keyframes defilement {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes defilement2 {
    0% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

header #block_univers {
    width: 100%;
    height: auto;
    overflow-x: auto;
    border-bottom: 0.25px solid #EFEFEF;
    position: relative;
}

header #block_univers ul {
    display: block;
    width: 100%
}

header #block_univers ul li {
    display: inline-block;
    margin: 10px;
}

header #block_univers ul li a {
    color: #000
}

header #block_univers #list_univers {
    width: 1170px;
    margin: 0 auto;
}

header #block_univers #list_univers ul li .univers_img {
    width: 44px;
    height: 44px;
    margin-right: 10px;
    float: left;
    font: bold 14px 'Roboto';
    border-radius: 60px;
    background-color: #FFF;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    text-align: center;
}

header #block_univers #list_univers ul li .univers_img img {
    width: 75%;
    padding-top: 7px
}

header #block_univers #list_univers ul li label {
    float: left;
    margin-top: 16px;
    font-weight: bold
}

header #block_univers #list_univers ul li.desktop {
    display: none
}

header #block_reassurance {
    display: none
}

#content {
    width: 100%;
    margin: 10px 0;
}

.box {
    text-align: center;
}

.box.margin {
    margin: 0 auto;
    width: calc(100% - 20px);
}


/* .box.margin {
    margin: 0 4%;
    width: 92%;
} */

#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 10;
}

#fade.white {
    background-color: #FFF
}

#page_error {
    width: 80%;
    text-align: center;
    margin: 60px auto;
}

/* LIST PRODUCT */

.list_products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
    justify-items: stretch;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.list_products.per_line {
    grid-template-columns: none;
}

.list_products .slick-arrow {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    z-index: 9;
    cursor: pointer;
}

.list_products .slick-arrow.slick-prev {
    left: 10px;
}

.list_products .slick-arrow.slick-next {
    right: 10px;
    transform: rotate(180deg);
}

.list_products .product {
    vertical-align: top;
    margin-bottom: 50px;
}

.list_products.per_line .product {
    width: 100%!important;
    max-width: 100%;
}

.list_products .product .block_image {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.list_products .product .block_image img {
    width: 100%
}

.list_products .product .block_image .price_recommend {
    position: absolute;
    top: 0;
    right: 0px;
    max-width: 90px;
}

.list_products .product .block_image .special_macaron {
    left: 0 !important;
}


.list_products .product .image {
    width: 100%
}

.list_products .product .image img {
    width: 100%
}

.list_products .product .block_info {
    width: calc(100% - 20px);
    margin: 10px auto 0;
    text-align: left;
}


.list_products .product .ventes_flash.jmm {
    border-color: #660DCB;
    color: #660DCB;
    padding: 2px 8px;
}

.list_products .product .block_info .brand_product {
    font: 300 14px 'Roboto', sans-serif;
    color: #787878;
    margin-bottom: 10px;
}

.list_products .product .block_info .name_product {
    font: bold 16px 'Roboto condensed', sans-serif;
    color: #000000;
    margin-bottom: 5px;
    height: 40px;
}

.list_products .product .block_info .note_product {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.list_products .product .block_info .note_product .note {
    width: 94px;
    float: left;
    position: relative;
    margin-top: 1.8px;
}

.list_products .product .block_info .note_product .note ul {
    width: 100%;
    text-align: center;
}

.list_products .product .block_info .note_product .note .star {
    display: inline-block;
    margin-right: 5px;
}

.list_products .product .block_info .note_product .note .star.last_elem {
    margin-right: 0
}

.list_products .product .block_info .note_product .note ul li img {
    width: 12px
}

.list_products .product .block_info .note_product .note .bg_white {
    content: "";
    position: absolute;
    background-image: url('../../img/icon/px-white.jpg');
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.7;
}

.list_products .product .block_info .pf_product {
    font: 300 14px 'Roboto', sans-serif;
    text-align: left;
    margin-top: 8px;
    height: 40px;
}

.list_products .product .block_info .note_product .nombre_note {
    float: left;
    font: 300 10px 'Roboto', sans-serif;
    width: 20px;
    margin-top: 2px;
    margin-left: 5px;
    color: #000;
}

.list_products .product .block_info .price_product {
    height: 20px;
}

.list_products .product .block_info .price_product .price {
    font: bold 18px 'Roboto condensed', sans-serif;
    color: #E61B72;
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.category_227 .list_products .product .block_info .price_product .price {
    color: #FFA800
}

.list_products .product .block_info .price_product .price-cross {
    font: 300 14px 'Roboto', sans-serif;
    color: #000;
    text-decoration: line-through;
    width: auto;
    display: inline-block;
}

.pagination {
    list-style: none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.pagination li {
    width: 20px;
    height: 20px;
    padding: 15px;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700;
    color: #333;
    border: 1px solid #000;
    cursor: pointer;
}

.pagination li.disable {
    opacity: 0.25;
}

.pagination li.no_mobile,
.pagination li.off {
    display: none
}

.pagination li.hover {
    border-color: #CAB4E6;
    color: #CAB4E6;
}

.pagination_v2 {
    list-style: none;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.pagination_v2 li {
    width: auto;
    padding: 10px;
    margin: 0 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #333;
}

.pagination_v2 li {
    display: flex;
    align-items: center;
}

.pagination_v2 li img {
    height: 25px;
}

.pagination_v2 li#PAGE_NEXT img {
    transform: rotate(180deg);
}

.pagination_v2 li.pag_action {
    border: 1px solid transparent;
    cursor: pointer;
}

.pagination_v2 li.pag_action:hover {
    color: #E61B72;
}

.pagination_v2 li.pag_action div {
    display: none
}

.pagination_v2 li.disable {
    opacity: 0.25;
    cursor: default;
}

.pagination_v2 li.pag_action.disable:hover {
    border: 1px solid transparent;
    color: #333;
}

#go_top {
    background-color: #E61B72;
    border-radius: 40px;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 12px;
    bottom: 82px;
    color: #333;
    cursor: pointer;
    opacity: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

#go_top  img {
    width: 33px;
    height: 33px;

}

#page_contact,
body #PASSWORD {
    width: 100%;
    text-align: center;
}

#page_contact h1,
#PASSWORD h1 {
    margin-top: 30px;
    padding: 0 10px;
}

#page_contact h2 img {
    margin-right: 8px
}

#page_contact #CONTENT_contact {
    width: 90%;
    margin: 50px auto;
}

#page_contact .contact_input {
    margin: 20px 0 10px;
}

#page_contact .contact_input input {
    border-bottom: 1px solid #E4E4E4;
}

#page_contact .contact_input .requirements {
    padding: 10px 30px 0 50px;
    color: #999;
    max-height: 0;
    -webkit-transition: 0.28s;
    transition: 0.28s;
    overflow: hidden;
    color: red;
    font-style: italic;
}


/* #page_contact .contact_input #email:valid {
    border-bottom: 1px solid #00ff2a;
}

#page_contact .contact_input input[type="email"]:invalid {
    border-bottom: 1px solid #ff0000;
} */

#page_contact .contact_input .form_title {
    font: bold 16px 'Roboto condensed';
    padding: 11px;
    border: 1px solid #000;
    text-transform: uppercase;
    position: relative;
}

#page_contact .contact_input .form_title:after {
    background: url('/img/ico/icon-arrow.svg') right no-repeat;
    height: 30px;
    width: 20px;
    right: 10px;
    top: -3px;
    float: right;
    transform: rotate(90deg);
    content: "";
    position: absolute;
    display: block;
    padding-bottom: 6px;
}

#page_contact .contact_input .form_message {
    font: 300 16px 'Roboto';
    text-align: left;
}

#page_contact .contact_input textarea {
    font: 300 14px 'Roboto';
    width: 100%;
    height: 140px;
    border: 0.25px solid #EFEFEF;
    padding: 5px;
    margin-top: 5px;
}

#page_contact #CONTENT_contact .contact_input select {
    opacity: 0;
    width: 100%;
    margin-top: -43px;
    height: 43px;
}

#page_contact #CONTENT_contact .btn {
    border: 0;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

#page_contact #CONTENT_call {
    border-top: 0.25px solid #EFEFEF;
    width: 100%;
    margin: 50px auto;
    padding-top: 50px;
}

#page_contact #CONTENT_call #CONTENT_info p {
    font: 300 16px 'Roboto';
    margin: 25px auto
}

#page_contact #CONTENT_call #CONTENT_info p.big {
    font: bold 20px 'Roboto'
}

#page_contact #CONTENT_call #CONTENT_info small.small {
    font-style: italic;
}

#page_contact p.mention {
    padding: 0;
}

#PASSWORD form {
    margin: 50px auto;
    max-width: 320px;
    text-align: center
}

#PASSWORD .btn {
    text-transform: uppercase;
    border: 0;
    margin: 20px auto
}

#page_404 {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

#page_404 img {
    max-width: 155px;
    margin-top: 30px;
}

#page_404 div.big {
    font: bold 55px 'Roboto condensed';
    color: #E61B72;
}

#page_404 h5 {
    font: 300 16px 'Roboto';
    color: #E61B72;
    margin: 20px 0;
}


.block_checkbox {
    clear: both;
    width: 230px;
    height: 25px;
    margin: 0 auto;
    padding-top: 5px;
}

.block_checkbox .checkbox {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
}

.block_checkbox .checkbox.select {
    background-color: #000;
}

.block_checkbox label {
    float: left;
    text-align: left;
    width: 195px;
    padding-top: 2px;
    margin-left: 10px;
    font: bold 16px 'Roboto';
    color: #000;
    text-transform: uppercase;
}

.block_input {
    margin-top: 30px;
    margin-bottom: 20px;
}

.block_input .input-container input {
    margin: 0 4%;
    width: 92%;
    border: 0;
    padding-bottom: 5px;
    /* font: bold 16px 'Roboto'; */
    border-bottom: 1px solid #000000;
}

.block_input .input-container label {
    font: bold 16px 'Roboto';
    font-weight: 300;
    left: 20px;
}


/* .block_input .input-container input::placeholder {
    font-weight: 300;
} */

/* Doofinder */

#dfclassic {
    width: 85%!important;
    height: 100%!important;
    left: 208px!important;
    top: 70px!important;
}

.df-branding {
    display: none!important
}

.df-classic .df-term[data-selected] {
    background-color: #E61B72!important
}

.df-classic .df-mobile__button--switch-on {
    color: #E61B72!important
}

.df-classic .df-card {
    border-bottom: 1px solid #EFEFEF!important;
}

.df-classic .df-card:hover {
    background-color: transparent!important;
    border-color: #E61B72!important;
}

.df-mobile .df-term[data-selected] {
    background-color: #E61B72!important
}

.df-mobile .df-mobile__button--switch-on {
    color: #E61B72!important
}

.df-mobile .df-card {
    border-bottom: 1px solid #EFEFEF!important;
}

.df-mobile .df-card:hover {
    background-color: transparent!important;
    border-color: #E61B72!important;
}

@media screen and (min-width: 800px) {
    .list_products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    #dfclassic {
        width: 100%!important;
        top: 0!important;
        right: 0;
        bottom: 0;
        left: 0!important;
    }
}

@media screen and (max-width: 800px) {
    .list_products .slick-arrow {
        top: 20%;
    }
}

@media only screen and (min-width: 280px) and (max-width: 1024px) {
    header #block_info {
        margin-right: 10px;
    }
    header #block_top {
        padding-bottom: 10px;
    }
    header {
        padding-top: 10px;
    }
}

.category_89 #subcategories #slider_subcategories .slick-list .slick-track {
    width: 490px;
}

.category_89 #subcategories #slider_subcategories .slick-list .slick-track li {
    margin: 0px 5px;
}


/* @media screen and (min-width: 280px) and (max-width: 540px) { */


/* header #block_univers:before {
        content: "";
        top: 0;
        left: 85%;
        position: absolute;
        height: 100%;
        width: 1000px;
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
        background-attachment: fixed;
    } */


/* content: "";
        left: 85%;
        position: fixed;
        height: 68px;
        width: 25%;
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 85%, rgba(255, 255, 255, 1) 100%);
        background-attachment: fixed;
        background-size: cover;  
    }*/


/* } */


/* DEV */

#CONTACT_order.valid,
#CONTACT_subject.valid {
    border: 2px solid green;
}

#CONTACT_subject.invalid,
#CONTACT_order.invalid {
    border: 2px solid #FF7F1E;
}

#lastname_deliver.valid,
#firstname_deliver.valid,
#MAIL_deliver.valid {
    background: white no-repeat right/10px url("../../img/icon/form-ok.png");
    padding-right: 20px;
}

div.text_field.valid,
.field.active.valid:not(textarea),
#email.valid {
    background: white no-repeat right/3% url("../../img/icon/form-ok.png");
    padding-right: 20px;
}

#lastname_deliver.invalid,
#firstname_deliver.invalid,
#MAIL_deliver.invalid {
    background: white no-repeat right/10px url("../../img/icon/form-error.png");
    padding-right: 20px;
}

div.text_field.invalid,
.field.active.invalid:not(textarea),
#email.invalid {
    background: white no-repeat right/3% url("../../img/icon/form-error.png");
    padding-right: 20px;
}

div.text_field.valid,
.field.active.valid,
#lastname_deliver.valid,
#firstname_deliver.valid,
#MAIL_deliver.valid,
#email.valid {
    border-bottom-color: green!important;
}

div.text_field.invalid,
.field.active.invalid,
#lastname_deliver.invalid,
#firstname_deliver.invalid,
#MAIL_deliver.invalid,
#email.invalid {
    border-bottom-color: red!important;
}

#page_category #head_filters.fixed {
    height: auto;
    position: fixed;
    top: -20px;
    padding-bottom: 10px;
    border-bottom: 0.25px solid #EFEFEF;
    z-index: 10;
    background: white;
}

.manufacturer footer #SEO #block_SEO p {
    margin-bottom: 10px;
}

span#info {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-decoration: underline;
    flex-direction: column;
    width: calc(100% - 20px);
}

span#info .img-info {
    width: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

#MAIN.rework header #menu_slider #block_top_menu ul li.elem.o_slider {
    font: 700 14px 'Roboto Condensed', sans-serif;
}

#MAIN.rework header #menu_slider #block_top_menu ul#s_home li.elem.small_2 {
    font: 300 14px/24px 'Roboto', sans-serif;
    text-transform: inherit;
    margin-left: 0;
    height: auto;
    padding-bottom: 0px;
}


/* #MAIN.rework header #menu_slider #block_top_menu ul#s_home li.elem.small_1 {
    text-transform: uppercase;
    color: #000;
    margin-left: 15px;
    cursor: pointer;
    font: 300 14px/24px 'Roboto', sans-serif;
    height: auto;
    padding-bottom: 0px;
}

#MAIN.rework header #menu_slider #block_top_menu ul#s_home li.elem.small_1#marques {
    margin-bottom: 30px;
}

#MAIN.rework header #menu_slider #block_top_menu ul li.elem img {
    width: 30px;
} */


/* Début scrollbar */

.scrollbar_vertical {
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollbar_horizontal {
    overflow-x: scroll;
    overflow-y: hidden;
}

.scrollbar::-webkit-scrollbar {
    background-color: #f5f5f5;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #757575;
    border-radius: 10px;
}

.scrollbar_horizontal::-webkit-scrollbar {
    height: 5px;
}

.scrollbar_vertical::-webkit-scrollbar {
    width: 5px;
}


/* Fin scrollbar */


/* Menu img page spé */

header #menu_slider #block_top_menu #s_home a div {
    width: 15px;
    display: inline-block;
    margin-left: 5px;
}

header #menu_slider #block_top_menu #s_home a div img {
    width: 100%;
    background-color: transparent;
}