/* Ton CSS personnalisé ici */
.block-category {min-height: 0rem; margin-bottom: 0rem;}
h1.h1 {text-transform:initial; font-size:1 rem;}
.media-list, ul {padding-left: 0rem; line-height:1.5rem;}
#category-description h2 {padding-top:2rem !important;}
.text-uppercase.h6 {display:block; width:100%; background-color:#065286; color:#ffffff; padding:1rem; border-top:solid 5px #0A71B3;}
ul.category-sub-menu li a {background-color:#71B6DF; color:#00000; padding:1rem;}
ul.category-sub-menu li a:hover {background-color:#0A71B3;}
ul.category-sub-menu li[data-depth="1"] a {display:flex; width:100%; background-color:#D4E3F6; color:#00000; align-items: center;}
ul.category-sub-menu li[data-depth="1"] a:hover {background-color:#B6C5D8;}
ul.category-sub-menu li[data-depth="0"] a {padding-bottom:1rem !important;}
.block-categories .collapse-icons {top: 25%;}
#search_filters .facet {border-bottom:solid 2px #065286; padding:0.8rem 1rem;}
#subcategories ul li:hover .subcategory-image a {padding: 5px; border: 5px solid #F4A000;}
#subcategories ul li .subcategory-name:hover,.block-categories .arrows .arrow-down:hover,.block-categories .arrows .arrow-right:hover,.block-categories .collapse-icons .add:hover,.block-categories .collapse-icons .remove:hover,.cart-grid-body a.label:hover {color: #F4A000;}
#subcategories ul li .subcategory-image a {border-color:#065286;}
article.product-miniature .product-description h2.h3.product-title a {font-size:1.1rem; color:#0A71B3; font-weight:600; display:inline-flex; padding:1rem 0;}
article.product-miniature .product-description span.price {font-size:1.8rem; color:#F4A000; font-weight:600;}
.product-miniature .regular-price {font-size:1.2rem; font-weight:500; display:block; padding-bottom:0.7rem;}
.product-miniature .thumbnail-container:hover .product-description::after {border-top:none;}
.product-flags li.product-flag.on-sale, .product-flags li.product-flag.discount {background-color:#F20000;}
.block-categories .h6, #search_filters>.h6 {font-size: 1.17rem;}
#product #content {max-width: 95%;}
img.js-qv-product-cover.img-fluid {border: solid 1px #c8c8c8;}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {border: #c8c8c8 1px solid;}
.btn-primary {background-color: #065286;}
.btn-primary:hover, .btn-primary:active  {background-color: #F4A000;}
#blockcart-modal .product-name {color: #065286;}
#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count, #blockcart-modal .cart-content p.cart-products-count, .page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {color: #F4A000;}
table.table-product-discounts {width:98%;}

@media (max-width: 575px) {.product-discounts>.table-product-discounts thead tr th {padding:.625rem;} #Perso button.btn.btn-primary.float-xs-right {font-size:0.8rem;}}
.product-prices, .product-prices .tax-shipping-delivery-label {display: inline-block;}
.product-price, .product-prices .tax-shipping-delivery-label, .has-discount.product-price {color:#F4A000; font-size:2rem; font-weight:550;}
#selected-quantity-message {display:inline-block;}
#QtyProduct.control-label {display:inline-block !important; width:60px;}
#selected-quantity-value {display:none;}
.has-discount .discount {display: none;}
.product-discount {display: inline-block; font-size: 1.2rem;}
.tabs .nav-tabs .nav-link { border: 0; background-color:#c8c8c8; padding:1rem; color:#ffffff;}
.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active:hover { background-color:#065286; border: 0; color:#ffffff;}
.tabs .nav-tabs .nav-link.active {background-color:#065286; border: 0; color:#ffffff;}
.blockreassurance_product {display:block; background-color:#065286; padding:1rem; text-align:center;}
.blockreassurance_product div {display:inline-block; text-align: center; vertical-align: top;}
.blockreassurance_product .item-product {display:block; float:none; width: 100%; text-align:center; margin:1rem; min-width:205px;}
.blockreassurance_product .item-product img, .blockreassurance_product .item-product svg {height: 48px; width: 70px;}
.blockreassurance_product p.block-title, .blockreassurance_product span.block-title {font-size:1.1rem; font-weight:600; line-height: 1.4rem; margin-top:1.8rem; display: block;}
body p, body {color:#3B3B3B;}
.product-information ul li {color:#3B3B3B !important;}
#blockcart-modal .product-price {color:#F4A000;}
#blockcart-modal .modal-body {padding: 1.5rem;}
#blockcart-modal .modal-body span {font-size: 0.9rem;}

.product-discounts>.product-discounts-title {font-size: 1rem; font-weight: 600;}

#Variant, #Perso {padding:1rem; margin:1rem 0; border:solid 5px #F4A000;}
#Variant {border-color:#c8c8c8;}
#Perso .card-block, #Variant .card-block {padding:0;}
#Perso .product-customization, #Variant .product-customization {margin:0;}
#Perso p.h4, #Variant p.h4 {font-size}
#Perso .product-customization .custom-file, #Variant .product-customization .custom-file {display: inline-block;}
#Perso .product-customization .product-customization-item, #Variant .product-customization .product-customization-item {margin:0; width:100%;}
#Perso .product-customization .product-customization-item, .ProductPersonnalisation>.product-variants-item, #Variant .product-customization .product-customization-item, .ProductPersonnalisation>.product-variants-item {display:inline-block; margin:1rem 1rem 1rem 0;}

#Perso .label, label, #Perso .product-information, #Perso .control-label, #Variant .label, label, #Variant .product-information, #Variant .control-label  {display: inline-block; font-size: .9375rem; margin-bottom: 0.5rem; color: #065286; font-weight:600;}
#Perso .product-customization .custom-file, #Variant .product-customization .custom-file {margin-top: 0 !important;}
.product-add-to-cart span.control-label {display:none;}
#Perso button.btn.btn-primary.float-xs-right {float:left !important; background-color:#F4A000;}
#Perso button.btn.btn-primary.float-xs-right:hover {background-color:#065286;}
#Perso span.custom-file {margin-top: 0 !important;}
p.info-perso {color:red;}
ul.cart-items .product-line-info a {color:#282828;}
.cart-items .product-price {font-size:1.4rem;}
#Variant input[type="radio"].input-color {display: none !important;}
#Variant label .color {width:1.8rem !important; height:1.8rem !important;}
#Variant .input-container input[type="radio"].input-color:checked + .color {border: 2px solid #7a7a7a; /* couleur de la bordure */box-sizing: border-box;}
#Variant span.radio-label{font-weight:normal; color:#7a7a7a; padding: .125rem .625rem .125rem .125rem;}
.tabs {padding:0;}
.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {text-transform: none;}
.product-features>dl.data-sheet dd.value {font-weight:normal; color:#065286;}
/* Masquer par défaut les sous-menus */
.mm_menus_li.mm_has_sub .mm_columns_ul {opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
/* Lorsqu'on ajoute la classe .hover, on les rend visibles */
.mm_menus_li.mm_has_sub.hover .mm_columns_ul {opacity: 1; visibility: visible;}
.mm_menus_li.mm_has_sub .mm_columns_ul {transform: translateY(10px); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;}
.mm_menus_li.mm_has_sub.hover .mm_columns_ul {transform: translateY(0);}
.mm_menus_li.mm_has_sub > a::after {content: none !important; border-bottom: none !important; box-shadow: none !important; display: none !important;}
#blog_post_container a {color:#065286 !important;}
#blog_post_container .post-title h2 a, .hi-blog-author-page h2 {font-size:1.6rem;}
#blog_post_container a.post-read-more-button {color:#F4A000 !important;}
#blog_post_container a:hover.post-read-more-button {color:#F4A000 !important;}
#blog_post_container .post-title h2 a {color:#065286 !important;}
#blog_post_container .post-title h2 a:hover {color:#F4A000 !important;}
#blog_post_container .post-desc p, .hi-blog-author-page p {font-size:1rem !important;}
#blog_category_container .blog-category-title {font-size: 2.4rem;color: #065286;}
#blog_desc_container .blog-desc-image-block img {height: 300px; width: 100%; object-fit: cover; object-position: center; display: block;}
.hi-blog-sidebar-block-17 {box-shadow:none; margin-bottom: none; background: none; padding: 1.563rem 1.25rem;}
.hi-blog-sidebar-block-17 p.text-uppercase.h6 { font-size: 1.17rem;}
.table {margin-bottom: 30px; width: 100%; max-width: 100%; margin-bottom: 20px; background-color: transparent; border-collapse: collapse; border-spacing: 0;}
.TableauFicheProduit > tbody > tr > td {text-align: center; border: solid 1px #dfdfdf;}
.TableauFicheProduit > thead > tr > th {background-color: #0a71b3; color: #ffffff; text-align: center; border: solid 1px #dfdfdf;}
.TableauFicheProduit > tbody > tr > td.CellTableauProduit { padding: 1rem;}
p.LegendeLivraisonVerte::before, p.LegendeLivraisonRouge::before { content: ""; background-color: #49971f; width: 56px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 5px;}
p.LegendeLivraisonRouge::before { background-color: #b02626;}
#checkout-personal-information-step label, #checkout-addresses-step label, #checkout-delivery-step label, #checkout-payment-step label {color: #232323!important;}
#cart-summary-product-list .product-price {font-size:1.3rem;}
.block-categories {padding-bottom:0.250rem; margin-bottom:0;}
.contact-form h3 {display:none !important;}
.hi-blog-sidebar-block-17 {padding:0 1.25rem !important;}

body.cms-id-29 #header, body.cms-id-29 #footer, body.cms-id-29 .breadcrumb, body.cms-id-29 .page-header, body.cms-id-30 #header, body.cms-id-30 #footer, body.cms-id-30 .breadcrumb, body.cms-id-30 .page-header {display: none !important;}


