@charset "UTF-8";
@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: 400;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local('Gotham Book'), url('https://www.alpinstore.com/themes/warehouse/fonts/Gotham/GothamBook.woff2') format('woff2'), url('https://www.alpinstore.com/themes/warehouse/fonts/Gotham/GothamBook.woff') format('woff'), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma")
}
@font-face {
font-family: FontAwesome;
src: url('https://www.alpinstore.com/themes/warehouse/fonts/fontawesome-webfont.eot');
src: url('https://www.alpinstore.com/themes/warehouse/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('https://www.alpinstore.com/themes/warehouse/fonts/fontawesome-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal
}
* {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline
}
html {
line-height: 1;
font-size: 13px;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Gotham Book';
color: #3a382b;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
line-height: 17px;
min-width: 320px;
height: 100%;
overflow-x: hidden;
}
a {
color: #3a382b;
cursor: pointer;
text-decoration: none;
}
a:focus,
a:hover,
.product-content a,
.blockproductspack a,
#buy_block a {
color: #39B54A;
}
.product_list a:hover
{
color: #3a382b;
}
img {
border: 0;
vertical-align: middle;
}
td,
th {
vertical-align: middle
}
ol,
ul {
list-style: none
}
footer,
header,
main,
menu,
nav,
section {
display: block
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
svg:not(:root) {
overflow: hidden
}
legend {
display: block;
width: 100%;
margin-bottom: 18px;
font-size: 19.5px;
line-height: inherit;
color: #333;
border-bottom: 1px solid #e5e5e5
}
button {
position: relative;
font-family: inherit;
resize: none;
vertical-align: top;
font-size: inherit;
padding: 10px; 
} 
input,
select,
textarea {
font-family: inherit;
resize: none;
vertical-align: top;
font-size: inherit;
line-height: inherit;
padding: 10px; 
border: 1px solid #39b54a !important;
border-radius: 4px;
}
button,
input {
line-height: normal
}
textarea {
height: auto
}
.radio,
.checker {
float: left;
padding-right: 10px;
}
button,
html input[type=button],
input[type=reset],
input[type=submit],
.pointer {
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}

input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
width: 20px;
height: 20px;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
width:45px;
height:50px;
opacity: 1;
margin: 0;
margin-right:-10px;
}
#quantity_wanted_p input::-webkit-outer-spin-button,
#quantity_wanted_p input::-webkit-inner-spin-button {
margin-top:-7px
}
p {
margin: 0 0 9px
}
small {
font-size: 85%
}
table {
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
background-color: transparent
}  
strong,
b,
.fdp_gratuit {
font-weight: bold;
}

ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #3a382b !important
}
h1 {
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: 400;
line-height: 1
}
h1,
h1 small,
h2,
h3,
h4,
h5,
h6,
.title_block {
margin-top: 9px;
margin-bottom: 9px;
font-size: 18px;
font-weight: 500;
}
h4,
h2 {
font-weight: bold;
}
h6 {
font-size: 15px
}
h2 small {
font-size: 17px
}
h3 small,
h4 small {
font-size: 13px
}

h1.main {
text-align: center;
line-height: 25px !important;
margin: 0 auto;
padding: 10px 0
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-lg-15,
.col-md-15,
.col-ms-15,
.col-sm-15,
.col-xs-15 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-15 {
width: 20%;
float: left
}
.container {
padding-left: 5px;
padding-right: 5px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.container:after,
.container:before {
content: " ";
display: table
}
.container:after {
clear: both
}
#category_description_full img:not(.responsive) {
width: auto;
position: relative;
}
#category_description_full img,
.img-responsive {
max-width: 100%;
height: auto
}
.img-zoom {
display: block;
max-width: 100%;
max-height: max-content
}
.img-rounded {
border-radius: 6px
}
.img-circle {
border-radius: 50%
}
.img-thumbnail,
.thumbnail {
padding: 4px;
line-height: 1.428;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.thumbnail>img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
a.thumbnail:focus,
a.thumbnail:hover,
.thumbnail .caption {
border-color: #777
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-top: 18px;
margin-bottom: 18px;
border: 0;
border-top: 1px solid #eee
}
#loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .4);
z-index: 10000000
}
#loading-overlay div {
position: relative;
top: 30%;
text-align: center;
background: #fff;
margin: 20px auto;
border: 1px solid #39b54a;
width: 300px;
height: 190px;
border-radius: 5px
}
#loading-overlay img {
position: relative;
top: -50px;
mix-blend-mode: multiply
}
#loading-overlay span {
position: relative;
top: -120px;
display: block
}
.breadcrumb {
top: -6px;
font-size: 12px;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
border-bottom: 1px solid #d6d4d4;
display: block;
padding-bottom: 2px;
line-height: 24px;
min-height: 6px;
position: relative;
z-index: 0;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
content: "/\00a0";
padding: 0 5px;
}
.breadcrumb.fullwidth-breadcrumb {
display: block;
padding: 6px 0;
color: #8f8f8f;
background: #f2f2f2;
position: static;
margin: 0
}
.breadcrumb .container {
display: block
}
.breadcrumb .navigation-pipe {
width: 20px;
display: inline-block;
text-indent: -5000px
}
.breadcrumb div {
display: inline
}
.breadcrumb a {
display: inline-block;
position: relative;
z-index: 99;
font-size: 12px;
color: #3a382b;
}
.breadcrumb a.home i {
vertical-align: -1px
}
.breadcrumb a.home:after {
right: -15px
}
.breadcrumb a:after {
display: inline-block;
content: ".";
position: absolute;
right: -11px;
top: 8px;
width: 8px;
height: 8px;
border-right: 1px solid #555b47;
border-top: 1px solid #555b47;
text-indent: -5000px;
z-index: -1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.breadcrumb a:hover,
.fdp_gratuit {
color: #39b54a !important
}
.breadcrumb::-webkit-scrollbar {
display: none;
}
.product-name {
line-height: 20px;
margin: 0;
margin-bottom: 15px;
letter-spacing: -1.2px;
}
.letter-spacing{
letter-spacing: -0.8px;
}
.product-name a {
font-size: 14px
}
.header_avis {
float: left;
}
.obflink {
cursor: pointer
}
#columns {
position: relative;
padding-bottom: 10px;
padding-top: 5px
}
.row {
margin-left: -5px;
margin-right: -5px
}
.row:after,
.row:before {
content: " ";
display: table
}
.row:after {
clear: both
}
.font-awesome {
font-family: FontAwesome;
}
header {
z-index: 1;
position: relative
}
.container-header {
padding: 0;
}
header .toogle_content {
display: none;
position: absolute;
width: 300px;
top: 35px;
padding: 5px;
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
border: 1px solid #39b54a;
background: #fff;
z-index: 50000
}
ul.toogle_content.livraison span,
ul.toogle_content.retours span {
display: block;
width: 250px;
text-align: center;
color: #3a382b
}
.social-block li {
width: 30px;
height: 30px;
position: relative;
float: left;
background: #3a382b;
border-radius: 50%;
margin-right: 5px;
padding:7px;
text-align:center;
font-family: "FontAwesome" !important;
}
.social-facebook a:before {
content: "\F09A";
}
.social-youtube a:before {
content: "\F167";
}
.social-instagram a:before {
content: "\F16D";
}
.avis-cartouche {
width: 130px;
padding-left: 2px;
background: #3a382b;
color: #fff !important;
border-radius: 14px;
height: 30px;
margin:auto;
line-height: 30px;
}
.avis-cartouche img {
mix-blend-mode: lighten; 
position: relative; 
width: 83px;
height: 22px;
}
.avis-note { 
float:left;
margin-right:3px;
}
.avis-etoile {
width: 17px;
height: 24px;
float:left;
margin-top: 8px;
margin-left: 0px;
background:url('/img/alpinstore/header/etoile_blanc_full.png') no-repeat;
}
.avis-etoile-half {
width: 17px;
height: 24px;
float:left;
margin-top: 8px;
margin-left: 0px;
background:url('/img/alpinstore/header/etoile_blanc_empty.png') no-repeat;
}
.circle-f {
float:left;
width: 60px;
height: 60px;
margin: 0 auto;
margin-bottom: 10px; 
font-size:36px;
background-color: #f2f2f2;
border-radius: 50%;
padding-top: 10px; 
position: absolute; 
}
footer h6 {
color: #fff !important;
padding: 10px;
border-bottom: 1px solid #fff;
font-weight: 700;
}
footer h6::after {
content: "v";
float: right;
}
.footer-block li {
margin: 0px 0px 8px 18px;
list-style-type: disclosure-closed;
}

footer img {
mix-blend-mode: multiply
}
#block_contact_infos li {
margin: 0px 0px 10px 0px;
list-style-type: none;
line-height: 22px !important;
}
#block_contact_infos i {
padding-right: 10px;
}
.lazyload {
background-image: url("../img/ajax-loader.gif");
background-repeat: no-repeat;
background-position: center center;
min-height: 60px;
text-indent: -999px
}
.lazyload,
.lazyloading {
opacity: 0 !important
}
.lazyloaded {
opacity: 1;
transition: opacity 0.4s
}
.icon,
[class^=icon-] {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0)
}
.icon-lg {
font-size: 1.33333em;
line-height: .75em;
vertical-align: -15%
}
.icon-2x {
font-size: 2em
}
.icon-3x {
font-size: 3em
}
.icon-4x {
font-size: 4em
}
.icon-5x {
font-size: 5em
}
.icon-fw {
width: 1.28571em;
text-align: center
}
.icon-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none
}
.icon-ul>li {
position: relative
}
.icon-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: .14286em;
text-align: center
}
.icon-li.icon-lg {
left: -1.85714em
}
.icon-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.icon-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.icon-shopping-cart:before {
content: "\f07a"
}
.icon-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
.icon-search:before {
content: "\f002";
}
.header-icon:before { 
font-size: 42px;
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 43px;
display: block;
text-align: center;
margin-bottom: 8px
}
.icon-map-marker:before {
content: "\f041"
}
.icon-star:before {
content: "\f005"
}
.icon-phone:before {
content: "\f095"
}
.icon-newspaper-o:before {
content: "\f1ea"
}
.icon-lock:before {
content: "\f023"
}
.icon-home:before {
content: "\f015"
}
.icon-truck:before {
content: "\f0d1"
}
.icon-credit-card:before {
content: "\f09d"
}
.icon-trash:before {
content: "\f1f8"
}
.icon-trash-o:before {
content: "\f014"
}
.icon-chevron-left:before {
content: "\f053"
}
.icon-chevron-right:before {
content: "\f054"
}
.icon-plus:before {
content: "\f067"
}
.icon-minus:before {
content: "\f068"
}
.icon-envelope:before {
content: "\f0e0"
}
.icon-list-ul:before {
content: "\f0ca"
}
.icon-list-ol:before {
content: "\f0cb"
}
.icon-refresh:before {
content: "\f021"
}
.icon-file-o:before {
content: "\f016"
}
.icon-building:before {
content: "\f1ad"
}
.icon-user:before {
content: "\f007"
}
.icon-barcode:before {
content: "\f02a"
}
.icon-heart-o:before {
content: "\f08a"
}
.icon-eur:before,
.icon-euro:before {
content: "\f153"
}
.icon-gbp:before {
content: "\f154"
}
.icon-dollar:before,
.icon-usd:before {
content: "\f155"
}
.icon-group:before,
.icon-users:before {
content: "\f0c0"
}
.icon-file-text:before {
content: "\f15c"
}
.icon-close:before,
.icon-remove:before,
.icon-times:before {
content: "\f00d"
}
.icon-check-square:before {
content: "\f14a"
}
.icon-check-circle:before {
content: "\f058"
}
.icon-rotate-left:before,
.icon-undo:before {
content: "\f0e2"
}
.icon-sign-out:before {
content: "\f08b"
}
.icon-external-link:before {
content: "\f08e"
}
.icon-sign-in:before {
content: "\f090"
}
.icon-bars:before,
.icon-navicon:before,
.icon-reorder:before {
content: "\f0c9"
}
.icon-heart:before {
content: "\f004"
}
.icon-circle:before {
content: "\f111"
}
.icon-arrow-left:before {
content: "\f060"
}
.icon-arrow-right:before {
content: "\f061"
}
.icon-arrow-up:before {
content: "\f062"
}
.icon-arrow-down:before {
content: "\f063"
}
.icon-angle-left:before {
content: "\f104"
}
.icon-angle-right:before {
content: "\f105"
}
.icon-angle-up:before {
content: "\f106"
}
.icon-angle-down:before {
content: "\f107"
}
.icon-eye:before {
content: "\f06e"
}
.icon-eye-close:before {
content: "\f070"
}
.icon-chat:before {
content: "\f075"
}
.icon-gift:before {
content: "\f06b"
}
.mh-icon {
font-size: 36px !important;
padding-top: 7px; 
}
.mobile-main-wrapper {
background-color: #3a382b;
background-size: cover;
color:#fff !important;
height: 55px;
padding-left: 0;
padding-right: 0;
font-size:24px;
}
#mh-menu {
display: inline-block;
background: #39b54a;
padding: 11px 10px;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
color: #fff
}
#mh-menu .mh-icon {
border: none;
display: block;
width: 30px;
height: 33px;
position: relative;
font-size: 24px;
text-align: center;
padding-top:0px;
}
header .mobile-condensed-header .mobile-main-bar {
position: relative
}
header .mobile-condensed-header .mh-button {
width: 44px;
padding-right: 5px
}
header .mobile-condensed-header .mh-button.mh-menu {
width: 46px
}
header .mobile-condensed-header.mobile-style1 .mobile-h-logo {
padding: 0
}
header .mh_langue,
header .mobile-condensed-header .mobile-main-bar .mh-button,
header .mobile-condensed-header .mobile-main-bar .mobile-h-logo {
vertical-align: middle;
line-height: 48px
}
.mh-langue {
text-align: center;
width: 50px;
display: table-cell;
padding-top: 7px;
position: absolute;
top: -50px;
right: 0px;
}
.mh-langue,
.mh-langue a div,
.mh-langue a {
color: #000 !important;
}
.mh-langue div {
float: left;
padding-right: 5px;
padding-top: 7px;
}
.mh-langue img {
width: 20px;
height: 15px;
}
.mh-langue .modal {
color: #000;
text-align: left
}
header .mobile-condensed-header .mh-drop {
background: #3a382b;
color:#fff;
left: 0;
width: 100%;
z-index: 2;
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}
.search-btn-mob {
right:0px;
}
header .mobile-condensed-header .mh-drop ul {
margin: 0
}
header .mobile-condensed-header.mobile-search-expanded .not-sticked .mh-search {
opacity: 0;
visibility: hidden
}
header .mobile-condensed-header.mobile-search-expanded .not-sticked .mh-search-drop {
visibility: visible;
opacity: 1;
}
header .mobile-condensed-header.mobile-search-expanded.mobile-style3 .not-sticked .mh-search {
display: none
}
header .mobile-condensed-header .active .mh-drop {
opacity: 1;
visibility: visible;
position: relative;
}
#AV_widget_iframe {
height: 320px
}
.bloc-slide {
height: 350px;
position: relative; 
float:left;
width:200px;
}
.bloc-height380 {
height: 380px;
position: relative; 
}
.bloc-height420 {
height: 420px;
position: relative; 
}
.modal,.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1150;
display: none;
outline: 0
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translateY(-25%);
transform: translateY(-25%)
}
.modal.in .modal-dialog {
-webkit-transform: translate(0);
transform: translate(0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 1px
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin:0px auto !important;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1149;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}

.modal-backdrop.in {
opacity: .5
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1;
background:transparent
}
@media (min-width: 576px) {
.modal-dialog {
max-width:600px;
margin: 10px
}
.modal-sm {
max-width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
max-width:900px
}
}
.button-search {
top: -45px;
right: 10px;
border-left: 1px solid;
padding-left: 5px;
height: 40px;
}
.form-control-header {
color: #fff !important;
}
.pagination a {
float: left;
}
.pagination div {
line-height: 30px;
border: 1px solid #ccc;
margin-right: 2px;
width: 34px;
height: 34px;
float: left;
}
.pagination div.active {
border: 1px solid #39B54A;
color: #fff;
background-color: #3a382b;
}
.pagination div:hover {
border: 1px solid #39B54A;
color: #39B54A;
}
.bloc-pagination div.pagination {
margin: 0;
display: inline-table;
justify-content: center;
align-items: center;
text-align: center;
line-height: 24px;
}
.hidden,
.unvisible {
display: none !important;
}
#need-help {
position: fixed;
right: 5px;
bottom: 36px;
opacity: 0;
color: #fff;
background-color: #3a382b!important;
width: max-content!important;
padding: 10px 10px 10px 15px!important;
float: left;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
cursor: pointer;
z-index: 500;
min-width: 90px;
}
.table,
.sponsorshipBlock table,
#rewards_account table {
width: 100%;
margin-bottom: 18px;
border-top: 1px solid #d6d4d4;
border-left: 1px solid #d6d4d4;
}
.table tbody>tr>th,
.table tfoot>tr>td,
.table tfoot>tr>th,
.table thead>tr>td,
.table thead>tr>th,
.table tr>td,
.sponsorshipBlock table tr>td,
.sponsorshipBlock table tr>th,
.table:not(#cart_summary) tbody>tr>td,
#rewards_account table tr>td,
#rewards_account table tr>th{
padding: 5px;
line-height: 24px;
vertical-align: middle;
border-bottom: 1px solid #d6d4d4;
border-right: 1px solid #d6d4d4;
}
.table thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #d6d4d4
}
.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table:not(#order-list) thead:first-child tr:first-child th {
border-top: 0
}
.table tbody+tbody {
border-top: 1px solid #d6d4d4
}
.table .table {
background-color: #fff
}
.alert {
padding: 15px;
margin-bottom: 18px;
border: 1px solid transparent;
border-radius: 0
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable {
padding-right: 35px
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success,
.label-success {
background-color: #39b54a;
border-color: #48b151;
color: #fff
}
.alert-success hr {
border-top-color: #419f49
}
.alert-success .alert-link {
color: #e6e6e6
}
.alert-info {
background-color: #7adeff !important;
border-color: #4b80c3;
color: #fff
}
.alert-info hr {
border-top-color: #3d73b7
}
.alert-info .alert-link {
color: #e6e6e6
}
.alert-warning,
.label-warning {
background-color: #e4752b !important;
color: #fff !important;
border-color: #e4752b;
}
.alert-warning hr {
border-top-color: #da681c
}
.alert-warning .alert-link {
color: #e6e6e6
}
.alert-danger {
border-color: #d4323d;
background-color: #f5c7ca !important;
color: #000 !important
}
.alert-danger hr {
border-top-color: #c32933
}
.alert-danger .alert-link {
color: #fff !important
}
.alert-danger.red,
.label-danger {
background-color: #f13340 !important
}
.alert-link.douanes {
font-weight: 700;
position: relative;
top: 2px;
display: block
}
.is_required:after,
label.required:after {
content: "*";
color: red;
font-size: 24px;
position: relative;
line-height: 25px;
}
.erreur,
.form-group.is_required input,
.form-group.form-error input,
.form-group.form-error textarea {
border: 1px solid #f13340 !important;
color: #f13340;
background: url(../img/icon/form-error.png) 98% 50% no-repeat #fff1f2
}
.erreur::placeholder,
.form-group.form-error input::placeholder,
.form-group.form-error textarea::placeholder {
color: #f13340
}
.form-group.form-ok input,
.form-group.form-ok textarea {
border: 1px solid #46a74e;
color: #35b33f;
background: url(../img/icon/form-ok.png) 98% 50% no-repeat #ddf9e1
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after,
.clear {
clear: both
}
.bloc-height320, .height-320  {
height: 320px;
position: relative; 
}
.bloc-height350, .height-350 {
height: 350px;
position: relative; 
}
.height-max64{
max-height: 64px;
}
.height400 {
height: 400px;
position: relative; 
}
.height-30{
height:30px !important;
}
.height-40{
height:40px !important;
}
.height-50{
height:50px !important;
}
.height-60{
height:60px !important;
}
.height-70{
height:70px !important;
}
.height-80{
height:80px !important;
}
.height-100{
height:100px !important;
}
.width-50{
width:50px !important;
}
.width-80{
width:80px !important;
}
.width-100{
width:100px !important;
}
.width-120{
width:120px !important;
}
.width-150{
width:150px !important;
}
.height-190{
height:190px !important;
}
.width-190{
width:190px !important;
}
.width-200{
width:200px !important;
}
.width-230{
width:230px !important;
}
.width-290{
width:290px !important;
}
.width-320{
width:320px !important;
}
.width-97p{
width:97% !important;
}
.display-inline-block{
display: inline-block;
}
.top-165 {
top:165px;
}
.flex {
display: flex;
justify-content: center;
align-items: center
}
.float-none {
float:none !important
}
.float-left {
float:left
}
.float-right {
float:right !important
}
.text-muted {
color: #999
}
.text-justify {
text-align: justify !important;
}
.text-right {
text-align: right !important;
}
.text-blanc,
.text-blanc:focus,
.text-blanc a,
.text-primary,
.text-warning,
.text-danger,
.text-success,
.text-info {
color: #fff !important
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-grisc {
color: #eee
}
.text-noir {
color: #000 !important
}
.text-gris {
color: #ccc
}
.text-brun {
color: #3a382b
}
.text-rouge {
color: red !important
}
.text-vert,
.text-vert a,
#category_description_full a,
.ph_simpleblog_post a,
.ph_simpleblog_post h2,
.ph_simpleblog_post h3,
.ph_simpleblog_post h4,
.ph_simpleblog_post h5 {
color: #39b54a !important
}
.text-barre {
text-decoration: line-through;
}
.hide {
display: none !important
}
.show {
display: block !important
}
.opacity-05 {
opacity: 0.5 !important;
}
.border-gris-dash {
border: 1px dashed #ccc
}
.border-vert {
border: 1px solid #39b54a;
appearance: auto;
}
.border-gris {
border: 1px solid #ccc
}
.border-gris-dash-btn {
border-bottom: 1px dashed #ccc
}
.border-gris-dash-top {
border-top: 1px dashed #ccc
}
.border-gris-dash-right {
border-right: 1px dashed #ccc
}
.border-gris-dash-left {
border-left: 1px dashed #ccc
}
.border-radius-4 {
border-radius: 4px;
}
.line-btn,
.title_block {
border-bottom: 1px solid #ccc
}
.line-top {
border-top: 1px solid #ccc
}
.line-top-vert {
border-top: 1px solid #39b54a !important
}
.line-btn-b {
border-bottom: 2px solid #ccc !important
}
.line-btn-noir-b {
border-bottom: 2px solid #000 !important
}
.line-btn-vert {
border-bottom: 1px solid #39b54a !important
}
.line-right-vert {
border-right: 1px solid #39b54a !important
}.line-left-vert {
border-left: 1px solid #39b54a !important
}
.line-btn-vert-b {
border-bottom: 2px solid #39b54a !important
}
.margin-auto{
margin: 0px auto
}
.margin-0 {
margin: 0
}
.margin-5 {
margin: 5px
}
.margin-lr-m10 {
margin-left: -10px !important;
margin-right: -10px !important;
}
.margin-lr-m20 {
margin-left: -20px !important;
margin-right: -20px !important;
}
.margin--m5 {
margin: -5px !important;
}
.margin-10 {
margin: 10px
}
.margin-20 {
margin: 20px
}
.margin-t0{
margin-top: 0px !important
}
.margin-t5 {
margin-top: 5px !important
}
.margin-t10 {
margin-top: 10px !important
}
.margin-t20 {
margin-top: 20px !important
}
.margin-t30 {
margin-top: 30px !important
}
.margin-b0 {
margin-bottom: 0px !important
}
.margin-b5 {
margin-bottom: 5px !important
}
.margin-b10 {
margin-bottom: 10px !important
}
.margin-r5 {
margin-right: 5px !important
}
.margin-r10 {
margin-right: 10px !important
}
.margin-r20 {
margin-right: 20px !important
}
.margin-l10 {
margin-left: 10px !important
}
.margin-l20 {
margin-left: 12px !important
}
.margin-b20 {
margin-bottom: 20px !important
}
.pad-0 {
padding: 0 !important
}
.pad-3 {
padding: 3px !important
}
.pad-5 {
padding: 5px !important
}
.pad-10 {
padding: 10px !important
}.pad-12 {
padding: 12px !important
}
.pad-15 {
padding: 15px !important
}
.pad-20 {
padding: 20px !important
}
.pad-b5 {
padding-bottom: 5px !important 
}
.pad-b10,
.title_block {
padding-bottom: 10px !important 
}
.pad-b20 {
padding-bottom: 20px !important 
}
.pad-lr10 {
padding-left: 10px !important;
padding-right: 10px !important
}
.pad-l5 {
padding-left: 5px !important;
}
.pad-l10 {
padding-left: 10px !important;
}
.pad-l20 {
padding-left: 20px !important;
}
.pad-l50 {
padding-left: 50px !important
}
.pad-l60 {
padding-left: 60px !important
}
.pad-r5 {
padding-right: 5px !important
}
.pad-r10 {
padding-right: 10px !important
}
.pad-t0 {
padding-top: 0px !important
}
.pad-t5 {
padding-top: 5px !important
}
.pad-t10 {
padding-top: 10px !important
}
.pad-t20 {
padding-top: 20px !important
} 
.pad-t30 {
padding-top: 30px !important
} 
.pad-b0 {
padding-bottom: 0 !important
}
.no-pad-left,
.pad-l0 {
padding-left: 0 !important
}
.no-pad-right,
.pad-r0 {
padding-right: 0 !important
}
.liste {
}
.liste a:before {
content: "\f105";
display: inline;
font-family: fontawesome;
padding-right: 10px;
}
.titre-b11 {
font-size: 11px !important;
font-weight: 700 !important
}
.titre-b12 {
font-size: 12px !important;
font-weight: 700 !important
}
.titre-b13 {
font-size: 13px !important;
font-weight: 700 !important
}
.titre-b14 {
font-size: 14px !important;
font-weight: 700 !important
}
.titre-b16 {
font-size: 16px !important;
font-weight: 700 !important
}
.titre-b18 {
font-size: 18px !important;
font-weight: 700 !important
}
.titre-b32 {
font-size: 32px !important;
font-weight: 700 !important
}
.titre-10 {
font-size: 10px !important;
}
.titre-12 {
font-size: 12px !important;
font-weight: 200 !important
}
.titre-13 {
font-size: 13px !important;
font-weight: 200 !important
}
.titre-14 {
font-size: 14px !important
}
.titre-15 {
font-size: 15px !important
}
.titre-16 {
font-size: 16px !important
}
.titre-18 {
font-size: 18px !important
}
.titre-20 {
font-size: 20px !important
}
.back-grisc {
background-color: #f7f7f7
}
.back-gris-transparent {
background: rgb(58,56,43,.75);
}
.back-noir {
background-color: #000
}
.back-transparent {
background-color: transparent !important
}
.back-gris {
background-color: #ccc
}
.back-rouge {
background-color: red
}
.back-brun {
background-color: #3a382b!important
}
.back-brunc {
background-color: #524c38 !important
}
.back-vert {
background-color: #39b54a
}
.back-jaune {
background-color: #FFCD00 !important;
}
.back-blanc {
background-color: #fff
}
.position-relative{
position: relative;
}
.position-absolute{
position: absolute;
}
.align-bottom {
position: absolute;
bottom:0px
}
.align-justify{
text-align: justify;
}
.bottom-p30 {
position: absolute;
bottom:30px
}
.bottom-10 {
position: absolute;
bottom:10px
}
.ecofriendly {
width:35px;
}
.bloc-entete {
background: #3a382b;
color: #fff !important;
padding: 5px;
}
.fond-bloc {
background: url(/img/alpinstore/cart-summary-bg.png) top right no-repeat;
background-size: cover
}
.souligne {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
padding-left: 5px;
}
.button, .btn,
.button_large {
border: 1px solid #d6d4d4 !important;
color: #fff !important;
background: linear-gradient(#39b54a, green) !important;
line-height: 30px !important;
margin: 0px 0px 5px 0px;
min-width: 50px;
padding:10px 15px 10px 15px;
font-size: 14px !important;
font-weight: 200;
letter-spacing:0;
}
.back,
.btn-back {
border: 1px solid #ccc !important;
color:#39b54a  !important;
background: linear-gradient(white, #ddd) !important
}
.btn-small {  
padding: 4px 10px 4px 10px !important;
}
.btn-superpose {
top: 0px;
right: 0px;
margin: 0px;
}
@media (max-width: 768px) {
.payment-options .col-xs-12,
.paiement_block .col-xs-12 {
padding:0px;
}
.mob-titre-b16 {
font-size: 14px !important;
font-weight: 200 !important;
padding-top: 10px;
}
.pad-mob-0 {
padding: 0 !important
}
.iqitmegamenu-wrapper {
display: none;
}
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.ph_simpleblog .post-content img {
max-width: 100%;
height: auto;
}
.ctitle_block {
position: absolute;
font-size: 28px;
line-height: 34px;
color: #fff !important;
font-weight: bold;
text-transform: uppercase;
text-shadow: #3a382b 1px 3px 5px;
top: 15px;
left: 30px;
z-index: 10;
}
.home_selection a {
display: block;
margin: 1px 0;
color: #fff!important;
margin-left: 10px;
text-shadow: #3a382b 1px 3px 5px;
}
.home_selection {
width: 50%;
background-color: rgba(58,56,43,.6);
height: 80%;
padding-bottom: 5px;
margin-left: 10px;
top:15px;
position: absolute;
}
.title_selection {
position: relative;
padding: 6px 0;
text-align: left;
font-size: 17px;
line-height: 24px;
margin-left: 10px;
color:#fff;
font-weight: bold;
}  
.select_outof {
color: #ccc !important;
}
.bul_preco,
.bul_rupture,
.bul_stock {
background: #39b54a;
border-radius: 15px;
width: 15px;
height: 15px;
float: left;
margin-right: 10px;
margin-top: 4px
}
.bul_preco {
background: #3a382b
}
.bul_rupture {
background: #f13340
}
.multiselect {
min-width: 120px;
margin-right: 5px;
margin-bottom: 5px;
}
.checkboxes {
display: none;
border-top: 1px #39B54A solid;
z-index: 1000;
background: rgb(255, 255, 255);
border: 1px solid rgb(57, 181, 74);
padding: 10px;
overflow-x: hidden;
overflow-y: auto;
min-width: 300px;
position: fixed;
top: 0px;
left:0px;
width: 100%;
height: 100%;
}
.checkboxes-filter {
border-top: 1px grey solid;
z-index: 1000;
background: rgb(255, 255, 255);
overflow-x: hidden;
overflow-y: auto;
min-width: 300px;
position: relative;
top: 0px;
left:0px;
width: 100%;
max-height: 250px;

}
.checkboxes-filter label,    
.checkboxes label {
display: block;
padding-bottom:10px;
padding-top:10px;
border-bottom: 1px solid lightgray;
}
.checkboxes-filter label:hover,  
.checkboxes label:hover {
background-color: #39B54A;
color:#fff;
}
.checkbox-save {position: sticky;
bottom: -10px;
background: #fff;
height: 55px;
width: 300px;
}
.checkbox-close {
position:fixed;
top:0px;
right:0px;
width: 50px;
height: 50px;
z-index:1001;
}
.easyzoom-flyout {
z-index:20001;
}
.fit {
max-width: 99%;
max-height: 99%;
}
.full-box2 {
max-width: fit-content;
display: flex;
width: 100vh;
}
.full-box {
max-height: fit-content;
display: flex;
height: 100vh;
}
.content_sortPagiBar{
text-align: center;
}
#account-creation_form input,
#account-creation_form select {
margin-bottom: 10px;
margin-right: 10px;
}
.btn.disabled, .btn[disabled]:hover {
opacity: .2;
}
#relaisErreur {
display: none
}
.payment_module {
min-height: 190px;
}
div.payment_module a {
border: 1px solid #39B54A;
font-size: 17px;
line-height: 23px;
color: #000;
font-weight: bold;
padding: 33px 40px 34px 99px;
letter-spacing: -1px;
position: relative;
display: flex!important;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px!important;
min-height: 170px;
border-radius: 0;
margin-bottom: 10px;
text-align:center;
}
div.payment_module a span {
font-weight: 200 !important;
text-align: center;
margin-bottom:10px;
}.js-payment-ps_checkout-card {
margin-top: 10px;
}
.haut-droit {
position:absolute;
right: 1px;
top: 1px;
}
.cr-body{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.carousel{
width: 100vw;
max-width: 678px;
overflow-x: hidden;
position: relative;
display: flex;
justify-content: flex-start;
overflow: hidden;
}
.carousel-inner{
height: 100%;
display: flex;
transition: all ease .5s;
}
.carousel-item{
flex: 1;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.carousel-item h1{
opacity: .5;
}
.carousel-controls .carousel-prev{
display: inline-block;
height: 40;
width: 40;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
background-position: center;
background-size: auto 100%;
background-repeat: no-repeat;
cursor: pointer;
font-size: 28px;
font-weight: bold;
color: #39b54a;
background: rgba(168, 168, 168, 0.5);
border-radius: 50%;
padding: 12px;
}
.carousel-controls .carousel-next {
display: inline-block;
height: 40px;
width: 40px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
content: ">";
cursor: pointer;
font-size: 28px;
font-weight: bold;
color: #39b54a;
background: rgba(168, 168, 168, 0.5);
border-radius: 50%;
padding: 12px;
}
.carousel-prev:hover, .carousel-next:hover{
opacity: 1;
}
.carousel-indicators{
position: absolute;
bottom: 12px;
margin:0px auto;
text-align: center;
width:100%
}
.carousel-indicators span{
display: inline-block;
background-color: gray;
width: 15px;
height: 8px;
border-radius: 4px;
opacity: .5;
cursor: pointer;
margin: 3px;
}
.carousel-indicators span.active{
opacity: 1;
}
.display-flex,
.slider {
scroll-padding-left: 0px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
margin:0;
display: flex;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
transform: translateZ(0);
overflow-x: auto;
list-style: none;
flex-wrap: nowrap;
overflow-y: hidden;
}
@media  (max-width:850px) {
.slider::-webkit-scrollbar {
display: none;
}
}
.slide {
flex-shrink: 0;
scroll-snap-align: start;
scroll-snap-stop: always;
flex-basis: 66%;
display: flex;
}
@media (min-width:550px) {
.slide {
flex-basis: 44%;
max-width: 44%;
}
}
@media (min-width:650px) {
.slide {
flex-basis: 39%;
max-width: 39%;
}
}
@media (min-width:750px) {
.slide {
flex-basis: 31%;
max-width: 31%;
}
}  
@media (min-width:880px) {
.slide {
flex-basis: 27%;
max-width: 27%;
}
}  
@media (min-width:1000px) {
.slide {
flex-basis: 24%;
max-width: 24%;
}
}  
@media (min-width:1250px) {
.slide {
flex-basis: 21%;
max-width: fit-content;
}
}  
@media (min-width:1350px) {
.slide {
flex-basis: 18%;
max-width: fit-content;
}
}  
@media (min-width:1400px) {
.slide {
flex-basis: 16%;
max-width: fit-content;
}
}

.display-inline-flex {
display: flex;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
min-width: 300px;
}
.display-table {
display: table;
}
.sticky-price-not-amp {
position: fixed;
bottom: 0;
left: 0;
right: unset;
z-index: 5000;
width: 100%;
height: 60px;
margin-bottom: 0;
padding-right: 0;
border-radius: 0;
border-top: 1px solid #d6d4d4;
display: flex;
justify-content: center;
align-items: baseline;
transform: unset;
background: #f7f7f7;
vertical-align: middle;
line-height: 50px;
white-space: nowrap;
}
.sticky-price-not-amp .tax-label {
display:none;
}
.sticky-price-not-amp .float-left {
float:unset;
}
.sticky-price-not-amp #old_price_display {
display: block
}
.sticky-price-not-amp #old_price_display>.sticky-price-not-amp {
border: 0 solid transparent !important;
height: unset !important
}
.sticky-price-not-amp .our_price_display {
margin: 0 !important
}
.sticky-price-not-amp #reduction_amount,
.sticky-price-not-amp #reduction_percent {
margin-left: 5px !important
}
.sticky-price-not-amp #old_price {
padding: 0 !important;
margin: 0 !important;
display: unset
}
.sticky-price-not-amp #old_price span {
margin-right: 5px !important
}
.sticky-price-not-amp #old_price.hidden {
height: 0;
margin: 0;
padding: 0
}
.sticky-price-not-amp #old_price.hidden .sticky-price-not-amp {
height: 0;
margin: 0;
padding: 0;
display: none;
width: 0
}
#packPrice.sticky-price-not-amp p,
.box-info-product .sticky-price-not-amp p {
margin: 0 !important
}
.avis-liste-prod {
position: relative;
top: -50px;
float: right;
}
.order_carrier_logo {
width: 60px;
}
@media (max-width:1023px) {
.hidden-mobile,
.avis-etoile,
.avis-etoile-half{
display: none;
}}
.description_content_tab h3 {
font-weight:700;
}
.df-compact .df-all-results,
.df-card__title {
color: #39b54a !important;
}
.rev_slider_wrapper {
margin-top:-5px !important;
}
.guide-taille tr:nth-child(even)  {
background-color: #eaeaea;
}
.guide-taille td {
padding: 5px;
border: 1px dotted black;
white-space: nowrap;

}

.tableau-entete2 {
text-align: center;
height: 40px;
font-weight: bold;
}

.tableau-border-all{
border: 1px solid black !important;
}

td.tableau-solid-left{
border-left: 1px solid black;
}

td.tableau-solid-bottom{
border-bottom: 1px solid black;
}

td.tableau-solid-right{
border-right: 1px solid black;
}

.tableau-solid-left-right{
border-right: 1px solid black !important;
border-left: 1px solid black !important;
}

.tableau-width-50{
min-width: 55px;
max-width: 80px;
}

.tableau-simple{
border: 1px solid black !important;
height: 40px;

min-width: 120px;
max-width: 151px;
}

.scroll-y{
display: flex;
overflow-y: hidden;  
text-align: left!important;
}

.wrap{
flex-wrap: wrap!important;
}
.mix-blend-mode{
mix-blend-mode: multiply;
z-index:1;
}
.texte-barre {
text-decoration: line-through;
transform: rotate(-35deg); 
}
.label-taille {
background: #ccc;
border-radius: 5px;
padding: 3px;
margin: 2px;
line-height: 22px;
font-size: 12px;
}
.hidden {
display: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
position: relative;
bottom: 0px;
z-index: -1;
}

.trigger-affiche:hover > .hidden {
display: block !important; 
opacity: 1; 
background-color: #f0f0f0;
z-index: 1000;
}
.mondialrelay_loader{text-align:center;background-color:#eee;padding:10px}#mondialrelay_save-container{text-align:center;padding:10px 0;border-bottom:1px solid #eee}
.logo-marque {
    background-color: #FFF;
    padding: 10px 5px;
    border-radius: 10px;
    margin: 5px;
    height: 120px;
    max-width: 120px;
    display: flex;
    align-items: center;     
}
.slider li.ajax_block_product {
    width: 300px;
}
label:has(.recherche-label:checked) {
    background-color: #39b54a;
}
.titre-menu {
margin-top:10px;
padding-bottom: 6px;
border-bottom: 1px solid #FFFFFF !important;
font-size: 16px !important;
font-weight: bold;
text-transform: uppercase;
}
#product_listing .checkboxes-filter {
z-index: unset;
}
.bandeau-filtre {
position: fixed;
bottom: 0px;
z-index: 1000;
background: #fff;
width: 100%;
border-top: 1px solid #ccc;
text-align: center;
}

.bloc-filtre {
position: fixed;
top: 0px;
z-index: 1000;
background: #fff;
padding: 0px;
margin: 0px;
left:0px;
height: 100%;
}

.btn-close-filtre {
position: fixed;
right: 0px;
top: 0px;
font-size: 24px;
background: #3a382b;
border:1px solid #fff;
padding: 15px;
color:#fff;
}

.entete-fenetre {
color: #fff !important;
background: #3a382b;
line-height: 50px;
padding: 0px 0px 0px 10px;
font-size: 16px;
}
span.obflink.ets_mm_url {
line-height: 30px;
}
div#cookiesplus-modal,
#cookiesplus-modal > div,
#cookiesplus-modal p {
background-color: #FFFFFF !important;
}
#cookiesplus-modal > div,
#cookiesplus-modal p {
color: #000 !important;
}
#cookiesplus-modal .cookiesplus-accept {
background-color: #20BF6B !important;
}
#cookiesplus-modal .cookiesplus-accept {
border: 1px solid #20BF6B !important;
}
#cookiesplus-modal .cookiesplus-accept {
color: #FFFFFF !important;
}
#cookiesplus-modal .cookiesplus-accept {
font-size: 16px !important;
}
#cookiesplus-modal .cookiesplus-more-information {
background-color: #FFFFFF !important;
}
#cookiesplus-modal .cookiesplus-more-information {
border: 1px solid #7A7A7A !important;
}
#cookiesplus-modal .cookiesplus-more-information {
color: #000 !important;
}
.filtre-mobile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
height: 100vh; 
box-sizing: border-box;
}
@media (max-width: 768px) {
.scrollable-content {
    overflow-y: scroll;
    height: 100vh;
    box-sizing: border-box; 
}
}