#ButtonAddAllToCart i {
    color: var(--white);
}

@media screen and (max-width: 47.938rem) {
	.rayon-filter h5 {
		text-align: center;
		margin-bottom: 1rem;
	}
	
	.AddAllItemsToCart {
		text-align: center;
	}
}

tr.pastilles ul {
	display: flex;
	flex-wrap: wrap; 
	padding: 0;
	margin: 0;
}

i.fa.fa-circle.pastille-gam {
	font-size: 1.75rem;
    padding: 0.15rem 0.25rem;
    border: 0.063rem solid var(--grey);
    border-radius: 2rem;
    margin-bottom: 1rem;
}

tr.pastilles ul li {
	width: 20% !important
}

.products-rayons {
      max-width: 1500px;
      margin: 2rem auto;
    }
 
    /* === GRID RESPONSIVE === */
    .rayons-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 1.25rem;
	  padding-left: 1.25rem;
	 padding-right: 1.25rem;
    }
 
	@media (max-width: 1099px) {
      .rayons-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
 
    @media (max-width: 480px) {
      .rayons-grid {
        grid-template-columns: 1fr;
        gap: 0.75rem;
      }
    }
 
    /* === CARTE RAYON === */
    .category-rayon {
      display: flex;
      flex-direction: column;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      transition: box-shadow 0.2s ease, transform 0.2s ease;
      background: #fff;
    }
 
    .category-rayon:hover {
      box-shadow: 0 6px 20px rgba(0,0,0,0.14);
      transform: translateY(-3px);
    }
 
    .category-rayon a img {
      display: block;
      width: 100%;
      height: 270px;
      object-fit: cover;
    }
 
    @media (max-width: 480px) {
      .category-rayon a img {
        height: 110px;
      }
    }
 
    .category-rayon p {
      padding: 0.6rem 0.75rem;
      background: #fff;
    }
 
    .btn-text {
      display: inline-flex;
      align-items: center;
      font-size: 0.875rem;
      font-weight: 600;
      color: #2c5f9e;
      text-decoration: none;
      gap: 0.35rem;
      transition: color 0.15s;
    }
 
    .btn-text:hover {
      color: #1a3f6f;
    }
 
    .btn-text i {
      font-size: 0.7rem;
    }

div#div_JsonSearchItems {
	top: 105% !important;
	border-bottom-left-radius: 0.75rem !important;
	border-bottom-right-radius: 0.75rem !important; 
	background-color: var(--light-grey) !important;
	overflow: auto;
	max-height: 31.25rem
}

div#div_JsonSearchItems h5 {
	background-color: var(--light-blue) !important;
	color: var(--dark-blue) !important;
	margin-top: 0 !important;
}

main#main-content {
    margin-top: 2rem;
}

.reassurances-bloc {
    display: flex;
    justify-content: space-between;
    gap: 1.875rem;
	padding: 2rem;
    border: 0.125rem solid var(--white);
    border-radius: 0.75rem;
    margin-bottom: 5rem;
}

.reassurance {
    display: flex;
    align-items: center;
    gap: 0.938rem;
    flex: 1;
}

.reassurance p {
	color: var(--white);
}

.reassurance img {
    width: 3.125rem; /* ajuste selon ton besoin */
    height: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .reassurances-bloc {
        flex-direction: column;
    }
}

.schoollist-search {
    background-color: var(--white);
    padding: 3rem;
    border-radius: 0.75rem;
    box-shadow: 0rem 0.125rem 0.250rem rgba(0, 0, 0, 0.3);
	margin-top:0 !important;
	margin-left: auto;
	margin-right: auto;
}


#ButtonSearchSchoolList i {
    color: var(--white);
    margin: 0;
}

span.cartfor {
    color: var(--dark-blue);
}

.cart-list .buttons .btn.btn-default {
    border: 0.063rem solid #e9e9e9;
}

.price .PRIX_TARIF_ECOLE {
    color: var(--light-blue);
}

.form-wrap.only-mail {
    font-weight: 600;
    background-color: var(--light-grey);
    border-radius: 0.875rem;
    padding: 0.5rem;
} 

button#ButtonLoginAsSchoolTeacher {
    margin-top: 1rem;
}

div#DropDownListCountry {
    background-color: transparent;
}

.border-login {
    background-color: var(--light-grey);
    border-radius: 0.75rem;
    padding: 2rem;
    border: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.heading-divider.login {
    margin-top: 0;
}

.LoginAs {
    padding-bottom: 1rem;
    font-weight: 600;
	margin-top: 1rem;
}

.LoginMethod {
    font-size: 1.5rem;
}

.media.category-rayon {
	text-align:center;
}

button#go-top i {
    color: var(--white);
}

.media a img {
    margin-bottom: 1rem;
}

.btn.btn-primary i {
	color: var(--white):
}

/*ACCESSIBILITE*/
.chosen-container button {
	border: 0;
    background-color: transparent;
    width: 100%;
}
.navbar-lang .chosen-container .chosen-results li {
	padding: 0 0.4375rem !important;
}
.navbar-lang .chosen-container-single .chosen-single {
    font-size: 1rem;
    line-height: 1.625;
    height: 1.625rem;
    padding: 0 0.5375rem;
}
.navbar-lang .chosen-container-single .chosen-single div:after {
    font-size: 0.8125rem;
    line-height: 1.931;
	width: 1.2rem !important;
	right: 0 !important;
    left: auto !important;
	display:none;
}
.navbar-lang  .chosen-container-single .chosen-single span {
	margin-right:0;
}
.validation-errors p,
p.validation-errors {
	margin-bottom : 0 !important;
}
.order-actions button {
	font-weight: 600;
    text-decoration: none;
    color: var(--main-black);
}
.order-actions button:hover {
	color:#d74120;
}
.tp-leftarrow:focus-visible, 
.tp-rightarrow:focus-visible {
    box-shadow: 0 0 0.355rem 0.25rem rgba(0,0,0, 0.4);
    border-radius: 0.25rem;	
}
.navbar-brand:focus-visible img {
  box-shadow: none;
}
.btn:focus-visible,
button:focus-visible,
a:focus-visible:not(:has(img)),
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.product-img:has(button:focus-visible),
.product-img:has(a:focus-visible),
a:focus-visible img {
  box-shadow: 0 0 0.355rem 0.25rem rgba(215, 65, 32, 0.9);
  border-radius: 0.25rem;				
}

.navbar-nav > li > a:focus-visible,
.navbar.container a:focus-visible,
.navbar.container button:focus-visible,
footer .btn:focus-visible,
footer button:focus-visible,
footer a:focus-visible:not(:has(img)),
footer input:focus-visible,
footer select:focus-visible,
footer textarea:focus-visible,
footer [tabindex]:focus-visible,
footer .product-img:has(button:focus-visible),
footer .product-img:has(a:focus-visible),
footer a:focus-visible img {
  box-shadow: 0 0 0.355rem 0.25rem rgba(215, 65, 32, 0.9);
  border-radius: 0.25rem;		
}
/*ACCESSIBILITE-FIN*/

/*TEST JULIE*/
.container.test {
	display:flex;
	flex-direction: row; 
	justify-content: space-evenly;
	flex-wrap: wrap;
	border: 2px solid #3d3a37;
    padding: 10px;
    min-height: 300px; /* pour bien voir l’effet vertical */
    background: white;
}

.item-test {
      background: #4da6ff;
      color: white;
      padding: 20px;
      margin: 5px;
      text-align: center;
      border-radius: 8px;
      flex: 0 0 auto; /* par défaut, ne s'étire pas */
    }

.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px; /* espace entre les cartes */
}

.card {
  padding: 30px;
  border-radius: 15px;
  background: #fdf9f4;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  text-align: center;
}

  .liquid-glass {
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0.05)
    );
    background-size: 200% 200%;
    animation: liquidMove 8s ease-in-out infinite;

    border-radius: 24px;
    padding: 2rem 3rem;
    color: var(--white);

    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.25);

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    text-align: center;
    max-width: 400px;
  }

  @keyframes liquidMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

/*TEST JULIE*/

#ButtonReturnToShippingChoiceFromBPost {
	margin-top:20px;
	margin-bottom:15px;
}
.modal-title {
	font-weight: 600;
    color: var(--main-black);
	font-size: 1.0625rem;
    line-height: 1;
    margin-bottom: 0;
}
.checkbox-deliveryaddress {
	font-size: 1.0625rem;
    line-height: 1;
    margin: 0 0 0.75rem;
}
.container.AIsearch + .container {
	margin-top:-3.125rem;
}
.result-ai {
	margin-bottom:1.25rem;
}
.AIsearch {
	padding-top: 3.125rem;
	padding-bottom: 4.375rem;
}
.Aisearch + .container-wrap {
	padding-bottom: 4.375rem;
	margin-top: -4.375rem;
}
.AIsearch .title {
	font-size: 2.8125rem;
    border: 0;
	margin-bottom: 2.8125rem;
}
.border-ombre-ia {
  box-shadow: 0.125rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.2);
  padding: 2.8125rem 0.9375rem;
  border-radius: 1.25rem;
  margin-left: 0;
}
.image-ia img {
	padding:1.875rem;
} 
.modal-title {
	font-weight: 600;
	color: var(--main-black);
	font-size: 1.0625rem;
	line-height: 1;
	margin-bottom: 0;
}
.checkbox-deliveryaddress {
	font-size: 1.0625rem;
	line-height: 1;
	margin: 0 0 0.75rem;
}
.container.AIsearch + .container {
    margin-top: -3.125rem;
}
.result-ai {
	margin-bottom: 1.25rem;
}
.AIsearch {
	padding-top: 3.125rem;
	padding-bottom: 4.375rem;
}
.Aisearch + .container-wrap {
	padding-bottom: 4.375rem;
	margin-top: -4.375rem;
}
.AIsearch .title {
	font-size: 2.8125rem;
	border: 0;
	margin-bottom: 2.8125rem;
	line-height: 1.2;
}
.border-ombre-ia {
    box-shadow: 0.125rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.2);
    padding: 2.8125rem 0.9375rem;
    border-radius: 1.25rem;
    margin-left: 0;
}

.image-ia img {
    padding: 1.875rem;
}

button {
	border: 0;
	background-color: transparent;
}
.footer .raty .fa-star, 
.footer .raty .fa-star-half-o {
	color:#ffffff;
}
.title {
	font-weight: 600;
    color: var(--main-black);
	font-size:
 1.125rem;
    line-height: 2.222;
	border-bottom: 0.125rem solid var(--main-black);
	display:inline-block;
}
.infosearchkeys {
	font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.056;
    color: var(--main-black);
    font-style:italic;
}
.number-of-products {
	margin-top: 0.9375rem;
	text-align:center;
}
.product-img {
	overflow: hidden; /* Cache la partie de l'image qui dépasse */
	position: relative;
	width: 12.5rem;
}
.product-img img {
	object-fit: cover; /* Assure que l'image couvre toute la zone sans déformation */
    transition: transform 0.6s ease; /* Douce transition lors du zoom */
}
.product-img:hover img {
	transform: scale(1.05); /* Zoom à 120% */
}
#widgetbar .widget-title {
	margin-bottom: 1.25rem !important;
}
.border-login .form-wrap {
    margin-bottom: 0.9375rem;
}
.border-login h5 {
	margin-bottom:1.25rem;
}
.border-login p {
    margin-bottom: 0.9375rem;
}
#shippingmethod .panel p {
	line-height:1.313;
}
#shippingmethod .radio label {
	display:block;
	color: var(--main-black);
	font-size: 1rem;
	line-height:1.313;
}
#shippingmethod .radio label i {
	font-size: 1.875rem;
	line-height: 1;
}
#shippingmethod .radio, .checkbox {
    margin-top: 0rem;
}
@media screen and (min-width: 992px) and (max-width: 1150px) {
	.filters-vue [class*=col-] {
		padding-right:0.625rem;
	}
}
#shippingmethod .panel {
	border: 0.0625rem solid #e9e9e9;
	padding: 0.625rem 0.9375rem;
	margin-bottom: 0.9375rem;
}
#shippingmethod .panel input[type="radio"] {
   margin-top: 0.5rem;
}
.col-cart-border input[type=checkbox] {
    margin-top: 0.125rem;
}
.news img {
	width:100%;
}
.background-light {
    background-color: var(--light-grey);
}
.background-grey {
	background-color: var(--light-grey);
	padding: 3.75rem 0rem;
}

.background-schoollist-search {
	background-color: var(--orange);
	padding: 5rem 0rem;
}

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

	.btn-text{
	font-weight:400;
	color:#262421;
	padding:0;
	font-size: 1rem;
	line-height:1.063;
}
.btn-text:hover{
	color:var(--light-blue);
}
.products-rayons h2 {
	margin-bottom: 0.3125rem;
	font-size: 1.0625rem;
    line-height: 1;
    margin: 0 0 0.75rem;
}
.products-rayons .media-left img {
    width: 8.75rem !important;
	max-width: max-content;
}
@media screen and (min-width: 992px) and (max-width: 1300px)
{
    .products-rayons .media-left img {
    width: 6.25rem !important;
	max-width: max-content;
	}
	.products-rayons [class*=col-] {
		padding-right:0.625rem;
		padding-left:0.625rem;
	}
	.products-rayons [class*=col-]:last-child {
		padding-right:1.875rem;
	}
	.products-rayons [class*=col-]:first-child {
		padding-left:1.875rem;
	}	
}
@media screen and (min-width: 600px) and (max-width: 768px) {
	.media-left,
	.media-body {
		display:inline-block;
		vertical-align:middle;
	}
    .products-rayons .media-left img {
    width: 7.1875rem !important;
	max-width: max-content;
	}	
}
@media screen and (max-width: 599px) {
	.media-left,
	.media-body {
		display:block;
		text-align:center;
	}
	.products-rayons .media-left img {
		width: 6.875rem !important;
		max-width: max-content;
	}		
	.cost {
		display: none !important;
	}
	h1 {
		font-size: 2.3125rem;
		line-height: 2.3125rem;
		margin: 0 0 1.3125rem;
		font-weight: 400;
	}
	h2 {
		font-size: 2rem;
		line-height: 1;
		margin: 0 0 0.875rem;
		font-weight:400;
	}
	h3 {
		font-size: 1.6875rem;
		line-height:1.111;
		margin: 0 0 0.75rem;
		font-weight:400;
	}
	h4 {
		font-size: 1.4375rem;
		line-height: 1.5rem;
		margin: 0 0 0.6875rem;
	}
	h5 {
		font-size: 1.125rem;
		line-height:1.111;
		margin: 0 0 0.625rem;
	}

	h6 {
		font-size: 1rem;
		line-height:1;
		margin: 0 0 0.625rem;
	}
}
.products-rayons .media-left {
	padding-bottom:0.625rem;
	padding-right: 0.9375rem;
}
.products-rayons .media-body {
	vertical-align:middle;
}
@font-face {
    font-family: "dm-sans";
    src: url('/assets/fonts/web/DM_sans.woff');
}

@font-face {
    font-family: "poppins";
    src: url('/assets/fonts/web/Poppins-Regular.ttf');
}

@font-face {
    font-family: "poppins-bold";
    src: url('/assets/fonts/web/Poppins-Bold.ttf');
}

.cart_item .product-quantity {
    width: 11.875rem;
}
.cart-form .cart-xs .cart_item {
    margin-bottom: 0rem;
}
.cart-xs hr {
    margin-top:0.625rem;
    margin-bottom:1.25rem;
}
.cart-xs .product-price,
.cart-xs .product-subtotal {
    display: block;
    line-height: 2.5rem;
}
.cart-xs .remove {
    margin-right: 0.9375rem;
}
.cart-xs .actions {
    text-align: right;
    border-top: 0rem solid #dedede;
}
.cart-form [class*=col-] {
    margin-bottom: 1.875rem;
}
.cart-form .cart-xs [class*=col-] {
    margin-bottom: 0rem;
}
.cart-modal {
    padding: 1.875rem !important;
}
@media screen and (max-width:47.625rem) {
    .cart-modal {
        padding: 0.3125rem !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
    .coupon {
        display: block;
    }

        .coupon input {
            margin-bottom:0.3125rem;
            max-width: 100% !important;
        }
}
@media screen and (min-width: 200px) and (max-width: 768px) {
    .coupon {
        display: block;
    }

        .coupon input {
            margin-bottom:0.3125rem;
            max-width: 100% !important;
        }
}
#ButtonCheckOut, #ButtonCheckOutXs {
    width: 100%;
}
.in-sale {
    background-color: #d74120;
    color: var(--white);
    padding: 0.1875rem 0.5rem;
    margin-left: 0.375rem;
    border-radius: 1.25rem;
}
.icon-login {
    font-size: 1.125rem !important;
}
.icon-login.connected {
    color:var(--light-blue) !important;
}
#PanelThumbnails img {
    border: 0.0625rem solid #e9e9e9;
	aspect-ratio: 1 / 1;
    overflow: hidden;
}
.picture-product {
	aspect-ratio: 1 / 1;
    overflow: hidden;
}
#PanelThumbnails.clients-flat [class*=col-] {
    border:0;
}
.features .table > thead > tr > th,
.features .table > tbody > tr > th,
.features .table > thead > tr > td,
.features .table > tbody > tr > td {
    border-top: 0;
    padding:0.3125rem;
}
.features .table td a {
    font-weight: 400;
    color: var(--main-black);
}
.features .table th {
    color: var(--main-black);
    text-transform:uppercase;
    font-size: 0.875rem;
	width: 25%;
}
#ButtonAddToCart {
    height: 3.125rem;
    line-height: 2.5rem;
    padding: 0 1.75rem;
}
.filters-vue + hr {
    margin-top: 0rem;
}
@media screen and (min-width: 62rem) {
    .filters-vue .catfilters [class*=col-] {
        padding: 0rem 0.625rem 0.625rem 0.625rem;
    }
}
.catfilters [class*=col-] {
	padding-bottom:0.625rem;
}
#divCatFilter li:first-child .chosen-container {
	margin-top: 1.25rem
}
#ButtonEditAccount {
	margin-right:0.3125rem;
	padding: 0 0.9375rem;
}
.navbar-search.collapse.in .fa.fa-search {
    right: 0.625rem !important;
    color: var(--main-black);
}

.navbar-search.collapse.in .fa.fa-search:hover {
    color: var(--light-blue);
}

.navbar-search.collapse.in .fa.fa-times {
    right: 2.5rem !important;
    color: var(--main-black);
}

.navbar-search.collapse.in .fa.fa-times:hover {
    color: var(--soft-red);
}

.tp-bullets {
	-webkit-transform: translate3d(0,0,0) !important;
	z-index: 20 !important;
}

.tp-rightarrow.default {
	-webkit-transform: translate3d(0,0,0) !important;
	z-index: 20 !important;
	right: 1rem !important;
}

.tp-leftarrow.default {
	-webkit-transform: translate3d(0,0,0) !important;
	z-index: 20 !important;
	left: 1rem !important;
}
@media screen and (max-width: 992px) {
	.form-wrap .col-xs-12 {
		padding-right: 0;
		padding-left: 0;
		border-left: 0rem solid #272727;
	}
	.form-wrap .form-group [class*=col-]:nth-child(2n) input {
		border-top: 0rem solid #272727;
	}
	.form-wrap {
		border-bottom: 0rem solid #272727;
	}
}
.text ul li {
	list-style-type: disc;
}
.text ul {
    margin: 0 1.0625rem 1.5625rem !important;
}
@media screen and (max-width: 47.9375rem) {
    .form-group [class*=col-] {
        margin-bottom: 0rem !important;
    }
}
.modal-body-inside .chosen-results {
    padding: 0rem;
}
#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}

#components-reconnect-modal {
     display: none !important;
}

.validation-errors {
	color: #d74120;
}

#overlay-disable-all {
	width: auto;
	height: auto;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	z-index: 8010;
	background: url('/assets/images/overlay.png');
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

#async-not-finished {
	width: auto;
	height: 40vh;
	overflow: auto;
	overflow-y: scroll;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	z-index: 8010;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.centered-in-parent {
	position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);    
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

input[type="number"] {
	text-align: center;
}


.active-result:hover {
	color: var(--main-black) !important;
}

.grid-column-filter {
	font-size: 0.625rem;
	height: 1.5rem;
	margin-bottom: 0;
}
.grid-column-filter input {
	font-size: 0.625rem;
	height: 1.5rem;
	padding: 00.3125rem;
	border: 0.0625rem solid #e9e9e9;
}
.grid-column-filter select {
	font-size: 0.625rem;
	height: 1.5rem;
	padding: 00.3125rem;
}
.out-of-column-filters input {
	font-size: 0.625rem;
	height: 1.5rem;
	padding: 00.3125rem;
	border: 0.0625rem solid #e9e9e9;
}
::-webkit-calendar-picker-indicator { margin-left: -0.625rem; }

.table > thead > tr > th {
  vertical-align: top !important;
}

select {
	border: 0.0625rem solid #e9e9e9;
	color: var(--main-black);
}


/*------------------------------------------------------------------
FIN AJOUT POUR BLAZOR
-------------------------------------------------------------------*/

.product-quantity form { margin-bottom: 0; }

@media (min-width: 768px) {
	.pull-right-lg {
		float: right;
	}

	.align-right-lg {
		text-align: right;
	}
}

@media (max-width: 768px) {
	.checkoutcenter {
		text-align: center;
		margin-bottom: 0.625rem;
	}

	.align-right-lg {
		text-align: center;
	}
	.news .btn-inverse.pull-right {
        float:none !important;
    }
}
@media screen and (max-width: 702px) {
	.navbar-form .fa
	{
		font-size: 1.25rem;
		line-height: 3.5625;
	}
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
    height: 0; overflow: hidden;
    clear: both;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.noDownArrowInDropdown::after
{
    color: transparent !important;
}

.ShipToADifferentAddressDisabled { color: #b3b3b3; }

.brand a,
.meta {
	font-size: 0.875rem;
	color: var(--main-black) ;
	display: block;
	font-weight:400;
}
.news .meta {
	margin-top:0.625rem;
}
.news h4,
.news h2 {
    margin-bottom:0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    margin: 0 0 0.9375rem;	
}
.removeCatFilter {
	color: #d74120 !important;
	margin-left: 0.1875rem;
}

.removeCatFilter:hover {
	color: var(--main-black) !important;
}

#ctl00_ContentPlaceHolder1_RayonsRepeater1_LinkButtonRemoveSearchKey { color: #d74120; }
#ctl00_ContentPlaceHolder1_RayonsRepeater1_LinkButtonRemoveSearchKey:hover { color: var(--main-black); }
#ctl00_ContentPlaceHolder1_RayonsRepeater1_PanelSearchKeys { margin-top: 0.9375rem; }

.resetPriceSlider { color: #d74120 !important; }
.resetPriceSlider:hover { color: var(--main-black) !important; }
.resetPriceSlider { margin-left: 0.9375rem; }

#h1item { 
    font-size: 1.875rem !important; 
    line-height: 1; 
    margin: 0 0 0.625rem !important; 
}
#h2item {     
    margin-top: -0.1875rem !important;
    font-size: 1.375rem !important;
    font-weight: 400 !important;
    line-height: 1.364 !important;
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: middle !important;
    color: var(--main-black) !important;
}

@media screen and (min-width: 768px) {
    .rowvcenter {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 602px) {
    #ctl00_ContentPlaceHolder1_divButtonCancel {
        margin-bottom: 0.625rem !important;
    }
}

div[class^="col-"] img {
    max-width: 100%;
	height:auto;
}

#ctl00_cartInMenu1_PanelCartList li 
{
    padding: 0.625rem !important;
}

.comments .comment .comment-text {
    margin-left: 0 !important;
}

.rtPlus 
{
    margin-top: 0.625rem !important;
}

.rtMinus
{
    margin-top: 0.625rem !important;
}

.widget_product_categories_selected
{
    color: var(--marron) !important;
}

#ctl00_ContentPlaceHolder1_ButtonAddToCart {
    margin-top: 0.625rem;
}
#ctl00_ContentPlaceHolder1_RadNumericTextBoxQty {
    margin-top: 0.625rem;
}
#ctl00_ContentPlaceHolder1_HyperLinkMinus {
    margin-top: 0.625rem;
}
#ctl00_ContentPlaceHolder1_HyperLinkPlus {
    margin-top: 0.625rem;
}
#single-product-description {
    margin-bottom: 1.25rem !important;
}

/* prix dans AutoContent3Filters */

.mask-dark.mask-info .amount {
    font-size: 1.125rem;
}
.mask-dark.mask-info del .amount {
    margin-right:0.3125rem;
    color: #808080;
}

.mask-dark.mask-info ins .amount {
    color: #d93636;
    font-weight: bolder;
}

.mask-dark.mask-info .amount {
    color: var(--white);
}

.RadSocialShare_Default { border: 0 !important; }

.RadSocialShare_Default li { 
    padding-top: 0.625rem !important; 
}

.RadSocialShare_Default li:first-child { padding-bottom: 0.75rem !important; }

@media screen and (max-width: 479px) {
    #ctl00_ContentPlaceHolder1_ProcessSteps1_HyperLink1 { float: left; }
    #ctl00_ContentPlaceHolder1_ProcessSteps1_HyperLink2 { float: left; }
    #ctl00_ContentPlaceHolder1_ProcessSteps1_HyperLink3 { float: left; }
    #ctl00_ContentPlaceHolder1_ProcessSteps1_HyperLink4 { float: left; }
    #ctl00_ContentPlaceHolder1_ProcessSteps1_HyperLink5 { float: left; }
}

/***********************************************************************************
 *	+ GO TOP
 ***********************************************************************************/
	
	#go-top {
		z-index: 7000;
		display: none;
		position: fixed;
		bottom: 3.125rem;
		right: 3.125rem;
		width: 2.625rem;
		height: 2.625rem;
		border-radius: 50%;
		font-size: 1.25rem;
		line-height: 1.9;
		text-decoration: none;
		cursor: pointer;
		text-align: center;
		background-color: var(--main-black);
		color: var(--white);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	#go-top:hover {
		background-color: var(--dark-blue);
	}
	
	@media screen and (max-width: 767px)
    {
        #go-top { right: 0.625rem;}
    }

/***********************************************************************************
 *	+ SOCIAL MEDIA
 ***********************************************************************************/
	
	.social-media {
		margin-bottom: 1.25rem
	}
	
	.social-media a {
		display: inline-block;
		font-size: 1rem;
		line-height: 1;
		text-decoration: none;
		margin: 0.3125rem 1.25rem 0.3125rem 0;
		color: #6e6e6e;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.social-media a:last-child {
		margin-right: 0;
	}
	
	.social-media a.adobe-reader:hover { color: #a42222 !important; }
	.social-media a.amazon:hover { color: #fe9608 !important; }
	.social-media a.android:hover { color: #a4c639 !important; }
	.social-media a.apple:hover { color: #d6d7cf !important; }
	.social-media a.badoo:hover { color: #f17834 !important; }
	.social-media a.behance:hover { color: #1e69e1 !important; }
	.social-media a.blogger:hover { color: #f26c37 !important; }
	.social-media a.blueetooth:hover { color: #0a3d91 !important; }
	.social-media a.chrome:hover { color: #ecc31d !important; }
	.social-media a.css:hover { color: #14a0dd !important; }
	.social-media a.deezer:hover { color: #ff0090 !important; }
	.social-media a.delicious:hover { color: #4088da !important; }
	.social-media a.deviantart:hover { color: #b6ca2a !important; }
	.social-media a.digg:hover { color: #006094 !important; }
	.social-media a.dribble:hover { color: #f26798 !important; }
	.social-media a.dropbox:hover { color: #007de4 !important; }
	.social-media a.drupal:hover { color: #3677ad !important; }
	.social-media a.email:hover { color: #262421000 !important; }
	.social-media a.facebook:hover { color: #3b5998 !important; }
	.social-media a.firefox:hover { color: #3194cb !important; }
	.social-media a.flickr:hover { color: #0062dd !important; }
	.social-media a.google:hover { color: #c63427 !important; }
	.social-media a.html:hover { color: #f06129 !important; }
	.social-media a.instagram:hover { color: #a07459 !important; }
	.social-media a.internet-explorer:hover { color: #20bcee !important; }
	.social-media a.itunes:hover { color: #169bf0 !important; }
	.social-media a.java:hover { color: #e66e00 !important; }
	.social-media a.joomla:hover { color: #5aa526 !important; }
	.social-media a.last-fm:hover { color: #f73600 !important; }
	.social-media a.linkedin:hover { color: #0077b5 !important; }
	.social-media a.linux:hover { color: #262421000 !important; }
	.social-media a.myspace:hover { color: #003399 !important; }
	.social-media a.opera:hover { color: #c10d0c !important; }
	.social-media a.outlook:hover { color: #0073c6 !important; }
	.social-media a.paypal:hover { color: #193866 !important; }
	.social-media a.picasa:hover { color: #8b689f !important; }
	.social-media a.pinterest:hover { color: #f71819 !important; }
	.social-media a.reddit:hover { color: #ff4500 !important; }
	.social-media a.rss:hover { color: #fb7629 !important; }
	.social-media a.safari:hover { color: #00a9ec !important; }
	.social-media a.share:hover { color: #010101 !important; }
	.social-media a.skype:hover { color: #00abeb !important; }
	.social-media a.soundcloud:hover { color: #ff3b00 !important; }
	.social-media a.spotify:hover { color: #9ac600 !important; }
	.social-media a.steam:hover { color: #020202 !important; }
	.social-media a.tumblr:hover { color: #34465d !important; }
	.social-media a.twitter:hover { color: #5ea9dd !important; }
	.social-media a.utorent:hover { color: #269036 !important; }
	.social-media a.vimeo:hover { color: #1ca7cc !important; }
	.social-media a.vine:hover { color: #02c594 !important; }
	.social-media a.vk:hover { color: #4c75a3 !important; }
	.social-media a.weibo:hover { color: #d52b2b !important; }
	.social-media a.weixin:hover { color: #f03c48 !important; }
	.social-media a.whatsapp:hover { color: #11ae09 !important; }
	.social-media a.wikipedia:hover { color: #363636 !important; }
	.social-media a.windows:hover { color: #00abf3 !important; }
	.social-media a.word:hover { color: #2a5699 !important; }
	.social-media a.wordpress:hover { color: #464646 !important; }
	.social-media a.xing:hover { color: #005d5e !important; }
	.social-media a.yahoo:hover { color: #44029a !important; }
	.social-media a.youtube:hover { color: #e22d24 !important; }
	
	
	/* COLORS */
	.social-media.color-default a:hover { color: #fe5e3e !important; }
	.social-media.color-blue a:hover { color: #00d2ed !important; }
	.social-media.color-green a:hover { color: #00e095 !important; }

    /* Info Stock*/
.InfoStock {
    color: #b70f0f;
    background-color: #faf0f0;
    display: inline-block;
    padding: 0.125rem 0.75rem;
    border-radius: 1.25rem;
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
}

div#ControlsCatalogs {
    margin-bottom: 2.5rem;
}

#ControlsCatalogs_XS select {
    color: black;
    width: 100%;
    height: 2.5rem;
}
@media only screen and (min-width: 48rem) {
    .is-table-row {
        display: table;
    }

    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
        padding: 1.25rem 0 2.5rem 0;
    }
}

.rcRefreshImage {
    background:url(/assets/images/refresh.png);
    float:right;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.9375rem;
	cursor: pointer;
}

.rcRefreshImage:hover {
	background: url(/assets/images/refresh_black.png);
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
}

.tooltip-content {
    position: absolute;
    bottom: 100%; /* Au-dessus de l'icône */
    left: 50%;
    /*transform: translateX(-50%);*/
    /* Style */
    padding: 5px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    /* Masquer/Afficher */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1000;
}

.tooltip-wrapper:hover .tooltip-content,
.tooltip-wrapper:focus-within .tooltip-content {
    visibility: visible;
    opacity: 1;
}
.tooltip-trigger:focus {
    outline: 2px solid blue; /* Rendre le focus visible */
}

.tooltip-content img {
    max-width: 450px!important;
    height: auto;
    display: block;
}