/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 /*Following code by Laura Dauzat*/

 /*GLOBALS */

 .icons {
    height: 30px;
	margin-right: 5px;
}
 
body {
font-family: 'Open Sans'; 
} 

p, ol, ul, dl {
    font-size: 16px;
	font-family: 'Open Sans';
}

.homepage h1 {
	display: flex;
	align-items: center;
	justify-content: center;
}


.title_block span {
	font-family: 'Roboto Slab';
	font-weight: 600;
}
.blockreassurance_product p {
	font-size: 14px;
}

.block.rails.ApRawHtml {
    margin-bottom: 0px;
}

#back-top {
  right: 45px;
  bottom: 100px;
}



 /* HEADER */

 /* cache previous login menu de léo alaska déplacé dans displaTop */



.top-menu-right {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    height: 60px;

}


.header-nav  {
    min-height: initial;
    border-bottom: none;
}

.header_logo {
    padding-top: 0px;
    padding-bottom: 0px;
}

div.promo_bandeau {
    box-shadow: 0 0 0 10vmax #454545;
    clip-path: inset(0 -100vmax);
}

#search_widget {
    min-width: unset;
}

ap-btn-compare {
    display: none;
}


.header-top {
    margin: 20px 0px 0px 0px;
}



div#_desktop_cart:before {
    display: none;
}


#search_widget {
    padding: 15px;
}

.header-top  .userinfo-selector  .popup-content {
    padding: unset;
}

.leo-megamenu .navbar-nav>li>a {
    margin-right: 20px;
    text-transform: uppercase;
    color: #232323;
    height: 49px;
    background: #EDEDED;
    box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
}

.leo-megamenu .navbar-nav>li.active>a:after, .leo-megamenu .navbar-nav>li:hover>a:after, .leo-megamenu .navbar-nav>li:focus>a:after {
    display: none;
    padding: 0px;
    margin: 0px;
}

.leo-megamenu .navbar-nav>li>a {
    display: flex;
    align-items: center;
}


.leo-megamenu .dropdown-menu .menu-title {
	color: #565656;
	font-weight: 500;
	text-transform: capitalize;
	height: 40px;
}

.dropdown-menu.level1 {
    background-color: white;
}

li.nav-item.sous-menu.leo-1 .nav-link > .menu-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #222222;
}

form#search_form input.search_query {
    height: 50px;
}

.leo-megamenu .navbar-nav>li.active>a {
    background-color: #5A5A5A;
    color: white;
}

.leo-megamenu .navbar-nav>li.active>a {
    background-color: #5A5A5A;
    color: white;
}

/* .leo-megamenu .dropdown:hover > .dropdown-menu {
    left: 0px;
    right: 0px;
    min-width: fit-content;
}
 */

.userinfo-selector {
    float: unset;
}

#_desktop_cart .blockcart {
    background-color: #FF8214;
    padding: 7px;
	 color: white;
}

div#_desktop_cart .dropdown {
    background-color: white;
	color: black;
}

.fa-shopping-cart:before {
    color: white;
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
    content: "\f77d";
    color: white;
}

#_desktop_cart .cart-products-count {
    background: #FF8214 ;
}

div#_desktop_cart .blockcart span {
    color: white;
    font-size: 16px;
}

#_desktop_cart .blockcart a {
    display: flex;
    align-items: center;
    gap: 13px;
}

#_desktop_cart .blockcart img {
    width: 25px;
}

#_desktop_cart .blockcart .header {
    display: flex;
    align-items: center;
    gap: 10px;
}



ul.popup-content.dropdown-menu.user-info li  {
    border: solid 1px #929292;
    padding : 10px;
}

.userinfo-selector .popup-content li {
  margin-left: 0px;
}





.contact_header > div  {
    display: flex;
    gap: 20px;
	/*width: fit-content;
	position: relative;
    top:40px;
    margin-bottom: -60px;*/
}

.contact_header p {
    margin-bottom: unset ;
}


#button-form-professionnal {
	padding: 8px 14px;
    height: 40px;
	background-color: #FFC700;
	font-family: 'Monserrat', sans-serif;
}

.header-top #button-form-professionnal {
    height: 54px;
}

.block.contact_header.ApRawHtml a {
    font-size: 16px !important;
}

 .header-top  .ApColumn .block {
    margin-bottom: unset;
}

.header-top {
    border-image: url( /themes/leo_alaska/assets/img/barre-orange-menu.png);
}

.contact_header, .pro_account_btn {
    width: fit-content;
}

.nav-down {
    display: flex;
    justify-content: center;
    /* top: -35px; */
	margin-top: 2%; 
	margin-bottom: 2%;
}

@media (min-width: 990px) {
	.nav-down {
		padding: 0px;
	}
}




@media (max-width: 1200px) {
	.contact_header {
		display: none;
	}

	.leo-megamenu .navbar-nav>li>a {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1200px) {
	.contact_header {
		display: none;
	}
}


.nav-down > div  {
    float: unset;
}

span.hasicon.menu-icon {
	padding: 10px 25px 10px 50px;
    background-position: left !important;
    background-size: contain !important;
}




.leo-megamenu .dropdown-menu li {
    width: max-content;
}

[data-menu-type="url"] > div  {
	background-color: #004F9E;
	color: whitesmoke;
}

.leo-megamenu .navbar-nav .dropdown-toggle:after {
	display: none;
}

 #search_content {
        bottom: 0px;
    }


/* Menu Mobile */


.off-canvas-nav-megamenu .nav-item a {
	  line-height: 30px ;
}

.off-canvas-nav-megamenu .offcanvas-mainnav {
  background-color: #FF8214 ;
}


/* cat spec*/
/* .diy-container .leo-megamenu .dropdown:hover > .dropdown-menu {
  left: -440px;
  right: 17px;
}

.diy-container  .hasicon.menu-icon {
  display: flex;

}

.leo-megamenu  .diy-container .dropdown-menu li {
  width: min-content;
}


 */


/* .off-canvas-nav-megamenu .offcanvas-mainnav {
  width: 325px;
} */


/*
div#rail-div > * {
    margin: 0px;
}

 */


.leo-megamenu .dropdown-menu a > .menu-title {
	font-family: 'Monserrat', sans-serif;
}



/*phone*/

@media only screen and (min-device-width : 320px) and (max-device-width :576px) {
	#caroussel-container {
	  height: 400px;
	}

}



@media ( width  > 990px) {

	.leo-megamenu .diy-container:hover .dropdown-menu   {
			right: -82px;
			left: -662px;
	}

	.leo-megamenu  .diy-container li a {
/* 	  line-height: 85px; */
		height: 80px;
		width: 100px;
		line-height: unset;
	}

	.diy-container .dropdown-menu .menu-title {
	  /* position: relative;
	  top: 48px; */
	/*   display: inline flow-root list-item;
		line-height: 20px;
		margin-top: 100px; */
		line-height: 16px;
	}

/* 	.diy-container span.hasicon.menu-icon {
	  padding-left: 0px;
	  background-size: contain !important;
	} */

	.diy-container span.hasicon.menu-icon {
	/*   padding: 0px;
	  background-position: unset !important;
	  background-size: unset !important;
	  width: 100px; */
	  padding:unset;
	  background-position-y: 35px !important;
	  height: 170px;
	    display: flex;
    justify-content: center;
	margin: 10px;

	}

	.diy-container .dropdown-menu  .diy-special-cat {
		padding: 15px 0;
	}

	.diy-container .level1 .dropdown-menu-inner .inner {
		margin: 0px 52px 0px 10px;
	}


}

@media only screen and ( width  > 990px) {

	.leo-megamenu .diy-container:hover .dropdown-menu   {
			right: -82px;
			left: -662px;
	}

	.leo-megamenu  .diy-container li a {
/* 	  line-height: 85px; */
		height: 80px;
		width: 100px;
		line-height: unset;
	}

	.diy-container .dropdown-menu .menu-title {
	  /* position: relative;
	  top: 48px; */
	/*   display: inline flow-root list-item;
		line-height: 20px;
		margin-top: 100px; */
		line-height: 16px;
	}

/* 	.diy-container span.hasicon.menu-icon {
	  padding-left: 0px;
	  background-size: contain !important;
	} */

	.diy-container span.hasicon.menu-icon {
	/*   padding: 0px;
	  background-position: unset !important;
	  background-size: unset !important;
	  width: 100px; */
	  padding:unset;
	  background-position-y: 35px !important;
	  height: 170px;
	    display: flex;
    justify-content: center;
	margin: 10px;

	}

	.diy-container .dropdown-menu  .diy-special-cat {
		padding: 15px 0;
	}

	.diy-container .level1 .dropdown-menu-inner .inner {
		margin: 0px 52px 0px 10px;
	}


}

@media (max-width: 990px) {

	 .horizontal .col-md-1 {
		float: none;
		width: unset;
	}

	span.hasicon.menu-icon {
		padding: 10px 0px 10px 70px;
	}
}


@media only screen and (max-width: 990px) {
	
	.horizontal .col-md-1 {
		float: none;
		width: unset;
	}

	span.hasicon.menu-icon {
		padding: 10px 0px 10px 70px;
	}
}

/*not a phone*/
@media ( width > 990px) {

		/* menu general rere */

	span.hasicon.menu-icon {
		    background-position: center;
			background-size: contain;
	}

	li.nav-item.leo-1 {
		width: max-content;
	}

/* 	.leo-megamenu .dropdown-menu .menu-title {

		position: relative;
		padding-right: 55px;
		margin-right: 8px;

	}
	    */

    #search_content.showsearch {
        width: 92.8%;
    }

	.dropdown-menu ul {
		column-count: 3;
	}

/* 	.fer-acier .dropdown-menu ul {
		column-count: 4;
	} */

	.dropdown-menu ul li {
		break-inside: avoid-column;
	}

	.dropdown-menu li.nav-item.sous-menu.break {
		break-before: column;
		-moz-column-break-before: always;
		-webkit-column-break-before: always;
		break-before: always;
		
		
	}



	.diy-container .dropdown-menu ul {
		column-count: auto;
	}


/* 	.dropdown-menu .dropdown-menu-inner > .row {
	   margin-bottom: 30px !important;
   }
    */
   .dropdown-menu .dropdown-menu-inner .sub-title {
	   position: relative;
		bottom: -70px;
		font-size: 16px;
		/* font-family: 'Montserrat', sans-serif; */
		display: flex;
		left: -40px;
   }


   /* diy*/

	.diy .row {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.diy .row ul {
		    height: 100px;
		width: 100px;
		    margin-bottom: 17px;

	}

	.leo-megamenu .dropdown-menu li a {
		line-height: unset;
	}




	.leo-megamenu .dropdown-menu li a {
	  line-height: 40px;
	}

		.leo-megamenu  .diy-container li a {
/* 	  line-height: 85px; */
		height: 135px;
		width: 90px;
		line-height: unset;
	}


}






/* tablet */
@media (width  < 1200px) {

    .top-menu-right {
        width: 100%;
		margin-top: 10px;
    }


    .logo-div {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }

    .header_logo {
        padding: 0px;

    }

    .nav-down {
        top: 0px;
        margin-bottom: 20px;
    }

    #search_content.showsearch {
            width: 88%;
    }

	.leo-megamenu .navbar-nav>li>a {
    margin-right:0px;
	margin-top: 10px;
    padding: 29px 13px;
	}

	#search_widget {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
	}

	form#search_form input.search_query {
		height: 58px;
	}
}

/*phone*/

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

	.popup-over a.popup-title:before {
		display:none;
	}

	.popup-over a.popup-title {
		padding:0px;;
	}

	.leo-dropdown-cart.defaultcart {
		/* right: -200px; */
		right: 0px;
	}
    .header-top {
       background-color: #FF8214 !important;
       margin-top: 0px;
        padding-top: 20px;
    }

    .header-nav {
        display: none;
    }
/*
    .header-top .top-menu-right, .header-top .pro_account_btn  {
        display: none;
    } */

    .header-top #search_widget {
        overflow: visible;
        width: 100%;
    }

    .header-top .header_logo .img-fluid {
		content: url(../img/LogoBlanc.png)
    }

    .leo-megamenu .navbar-toggler {
        background: none;
        font-size: 30px;
        width: 24px;
        height: 26px;
    }

    .under-nav {
        display: none;
    }

	.header-top .container .inner {
    width: unset !important;
	}



	form#search_form input.search_query {
		height: 40px;
		width: 60vw;
	}


	.nav-down {

    margin-bottom: 10px;
	}

	.search-widget form input[type=text] {
		position: unset;
	}

	div#memgamenu-form_5505828687281410 {
		display: flex;
		align-items: center;
	}

	#search_widget {
    margin-bottom: 0px;
	}
	button.navbar-toggler.hidden-lg-up:hover {
		cursor: pointer;
	}



}

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

	.leo-megamenu .dropdown-menu li a:hover {
		color: #FF8214;
	}

	.non-cliquable a {
		cursor:unset;
	}

	.non-cliquable a:hover {
		color:#2c2c2c;
	}

	.popup-over a.popup-title:before {
		display:none;
	}

	.popup-over a.popup-title {
		padding:0px;;
	}

	.leo-dropdown-cart.defaultcart {
		/* right: -200px; */
		right: 0px;
	}
    .header-top {
       background-color: #FF8214 !important;
       margin-top: 0px;
        padding-top: 20px;
    }

    .header-nav {
        display: none;
    }
/*
    .header-top .top-menu-right, .header-top .pro_account_btn  {
        display: none;
    } */

    .header-top #search_widget {
        overflow: visible;
        width: 100%;
    }

    .header-top .header_logo .img-fluid {
		content: url(../img/LogoBlanc.png)
    }

    .leo-megamenu .navbar-toggler {
        background: none;
        font-size: 30px;
        width: 24px;
        height: 26px;
    }

    .under-nav {
        display: none;
    }

	.header-top .container .inner {
    width: unset !important;
	}



	form#search_form input.search_query {
		height: 40px;
		/* width: 60vw; */
	}


	.nav-down {

    margin-bottom: 10px;
	}

	.search-widget form input[type=text] {
		position: unset;
	}

	div#memgamenu-form_5505828687281410 {
		display: flex;
		align-items: center;
	}

	#search_widget {
    margin-bottom: 0px;
	}
	button.navbar-toggler.hidden-lg-up:hover {
		cursor: pointer;
	}




}


.leo-megamenu .dropdown-menu .menu-title {
  margin-bottom: 0px;
  font-size: initial;
  font-family: 'Montserrat', sans-serif;
  text-transform: unset;
  color: #0D0D0D;
  font-weight: 500;

}


.leo-megamenu .dropdown-menu .diy .menu-title {
	      position: relative;
    bottom: -85px;
}

/*specifics */

/*acier speciaux */

.leo-megamenu .acier-speciaux:hover > .dropdown-menu {
  left: -250px;
}


/*fer forgé*/

.leo-megamenu .fer-forge:hover > .dropdown-menu {
  left: -125px;
}


/*caillebottis*/

 @media (width > 990px)  {

	.leo-megamenu .dropdown-menu li a > .menu-title:hover {
		color: #FF8214;
	}

	.leo-megamenu .dropdown-menu .non-cliquable a > .menu-title {
		cursor:unset;

	}

	.leo-megamenu .dropdown-menu .non-cliquable a > .menu-title:hover {
		color:#474747;
	}


	.caillebottis .dropdown-menu ul {
	  column-count: 2;
	}

	.leo-megamenu .caillebottis:hover > .dropdown-menu {
	  left: -200px;
	}

}

 /* @media (width > 1200px)  {

	.leo-megamenu .caillebottis:hover > .dropdown-menu {
	  left: -418px;
	} */




/*tôles*/

 @media (width > 990px)  {

	.toles .dropdown-menu ul {
	  column-count: 3;
	}


	.leo-megamenu .toles:hover > .dropdown-menu {
		left: -419px;
	}

}

 /* @media (width > 1200px)  {

	.leo-megamenu .toles:hover > .dropdown-menu {
	  left: -432px;
	}

} */

/*quinca*/

 @media (width > 990px)  {


	.leo-megamenu .quincaillerie:hover > .dropdown-menu {
		  left: -531px;
		    right: -176px;
}
	

}

 @media (width > 1200px)  {

	.leo-megamenu .quincaillerie:hover > .dropdown-menu {
	  left: -650px;
	}

}

/*diy*/

 @media (width > 990px)  {

	.diy-container .nav-link {
	  display: grid;
	}


	.diy-container .menu-title {
	  display: initial;
	}

	ul:has(li.nav-item.diy-special-cat.non-cliquable.break.leo-1) {
		width: 100%;
		height: 30px;
		margin-left: 20px;

	}





/* 	.leo-megamenu .diy-container li a {
		line-height: 85px !important;
	}
	 */

}


@media only screen and (width > 990px)  {

	.diy-container .nav-link {
	  display: grid;
	}


	.diy-container .menu-title {
	  display: initial;
	}

	ul:has(li.nav-item.diy-special-cat.non-cliquable.break.leo-1) {
		width: 100%;
		height: 30px;
		margin-left: 20px;

	}





/* 	.leo-megamenu .diy-container li a {
		line-height: 85px !important;
	}
	 */

}

 @media (width > 1200px)  {

	.leo-megamenu .diy-container:hover .dropdown-menu {
	  right: -86px;
	  left: -804px;
	}

}

@media only screen and (width > 1200px)  {

	.leo-megamenu .diy-container:hover .dropdown-menu {
	  right: -86px;
	  left: -804px;
	}

}







/* MISC LEO ALASKA FEATURES */

/* Flying Cart */
.leo-fly-cart {
    display: none;
}



/* Ressurance Page d'accueil */

#carousel-2259693108 .row > div {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

div#carousel-3137808669 .img-fluid {
    width: 40%;
}



/*newsletter subscription */



#blockEmailSubscription_displayFooter .container-gazette-left {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-around;
	margin-right: 20px;
}

#blockEmailSubscription_displayFooter .container-gazette-right {
    display: flex;
    align-items: center;
}

#blockEmailSubscription_displayFooter img {
 vertical-align: middle;
    width: inherit;
    height: fit-content;
    transform: rotate(-0.1turn);
    margin-right: 10px;
	padding: 20px;

}

#blockEmailSubscription_displayFooter {
	display: flex;
}

#gdpr_consent > * {
	color: white;
}

label.psgdpr_consent_message {
    color: whitesmoke;
}

#blockEmailSubscription_displayFooter #gdpr_consent a {
    color: whitesmoke !important;
}


/*globals footer */


#footer img:not(.rs-logo, .popUp){
    filter: invert(100%) !important;
}

#footer .rs-logo {
	height: 20px;
}

.footer-center .inner span {
	color: #cccccc !important;
}


#footer h4.title_block {
	display: flex;
	    justify-content: center;
}

.footer-top {
    background: #f6f6f6;
}

#footer li {
	text-align: center;
}

#footer #rs-icons {
    display: flex;
    justify-content: space-evenly;
	font-size: 25px;
	align-items: center;
}


#footer .payment-method-footer {
    filter: invert(1);
    background-color: #000000b5;
    padding: 15px;
    border-radius: 5px;
	gap: 10px;
}




.ps_checkout.payment-method-logo {
    display: inline-block;
    padding: 4px 2px;
    height: 3rem;
}

.ps_checkout.payment-method-logo-block-title {
    margin-bottom: 0.5rem;
    color: #666;
    margin-left: 4px;
}

#footer .ps_checkout.payment-method-logo img {
    height: 30px;
    min-width: 30px;
    object-fit: contain;
	filter: unset !important;
	border: 1px solid #ddd;
    border-radius: 6px;
	display: inline-block;
	padding: 4px;
	background-color: #f5f5f5b3;
	margin-bottom: 5px;
}

.payment-method-footer {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* Footer responsive -----*/


.block.block-toggler.ApHtml.accordion_small_screen {
  margin-bottom: 0px;
}

@media ( width  < 768px) {


	#blockEmailSubscription_displayFooter {
		flex-direction: column;
	}

	#blockEmailSubscription_displayFooter .container-gazette-left {
		width: 60%;
	}

	#footer .float-xs-right :not(.btn,.fa-paper-plane) {
	  position: relative;
	  top: -10px;
	}

	.footer-container .footer-links .block .title_block {
		margin: 0px 0px -7px;
	}
}

@media only screen and ( width  < 768px) {


	#blockEmailSubscription_displayFooter {
		flex-direction: column;
	}

	#blockEmailSubscription_displayFooter .container-gazette-left {
		width: 60%;
	}

	#footer .float-xs-right :not(.btn,.fa-paper-plane) {
	  position: relative;
	  top: -10px;
	}

	.footer-container  .footer-links  .block .title_block {
		margin: 0px 0px -7px;
	}
}




/* BeadCrumb - Fil d'arianne et headert category */

#wrapper {
	padding-top: Opx;
}

.breadcrumb {
	text-align: left;
	margin: 0px;
	margin: 20px;
}


.category-cover .img-fluid, .subcategory-image {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
    width: 100%;
}



#category-head > h2 {
	color: whitesmoke;
    position: relative;
    top: -84px;
    padding: 15px;
    background-color: #3c3c3cb0;
    width: 100%;
}



#subcategories img.replace-2x {
    width: 100%;
    margin: 0;
    padding: 0;
    object-fit: none;
}

.block-category #category-description p, .block-category #category-description strong {
    font-weight: 400;
    color: whitesmoke;
}

 .subcategory-image {
	    height: 159px;
 }


.breadcrumb li a, .breadcrumb li::after {
    color: black !important;
    text-transform: initial !important;
}

.breadcrumb li:last-child {
    color: grey;
}


.block-category #category-description p, #category-description strong {
  color: #0b0b0b !important;
}

.block-category.card.card-block {
  display: flex;
  flex-direction: column;
}

.block-category .block-category-inner {
  display: flex;
  flex-direction: column-reverse;
}

.block-category .category-cover {
  margin-bottom: 10px;
}

.block-category .category-cover img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

 #subcategories .subcategory-description.cat_desc {
  display: none;
}

.subcategory-image .img-fluid {
  max-width: 100%;
  height: 100px;
  object-fit: cover;
}

.subcategory-image {
  height: 100px;

}

.subcategory-meta h5 a {
  color: #e6e6e6 !important;

}

.subcategory-meta {
  position: relative;
  top: -50px;
  background: linear-gradient(rgba(0,130,170,0),rgb(0, 0, 0));
  padding: 20px 20px 10px 20px;
}

/*promo*/

span.discount-amount.discount-product {
    background-color: #FFC700;
    color: whitesmoke;
    padding: 10px;
}


/* logo reassurance caroussel dans le main page */

.marketing-reassurance-container .img-fluid {
	width: 100px !important;

}

.marketing-reassurance-container .row > div {
	display: flex !important;
	align-items: center !important;
    justify-content: space-around !important;
}

.marketing-reassurance-container .img-fluid, .marketing-reassurance-container .carousel-inner > .carousel-item > img, .marketing-reassurance-container .carousel-inner > .carousel-item > a > img {
  max-width: 33% !important;
  height: auto;
}


.marketing-reassurance-container  .col-lg-4 {
  display: flex !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.marketing-reassurance-container .descript {
    padding: 20px;
}

@media (max-width: 480px){
	 .histoire-de-confiance .col-sp-12 {
		width: 100%;
		text-align: center;
	}
}
/*transformer ce panier en devis */

div#devis > a {
    font-size: 10px;
}




/* page produit */

.compare {
    display: none !important;
}



.product-flags .product-flag.new {
       background: #004F9E;
       left: -89px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.product-flags .product-flag.new, .product-flags .product-flag.on-sale {
    text-align: center;
    display: block;
    border-radius: 0;
    width: 265px;
    line-height: 40px;
    top: 22px;
    color: #FFFFFF;
    font-size: 18px;
}



/* carrousel */

/* Attention le carroussel est compliqué à gérer, remplacer les images sans supprimer les éléments et garder la même taille d'image */
.last-child {
    margin-bottom: 0px !important;
}

div#\#car-left\ >  .effect-julia  {
	width: 100% ;
    /* left: -20px ; */
}
div#\#car-right > .effect-julia {
	/* width: 123% ; */
	width: 116% ;
	/* left: -20px ; */
}


#caroussel-container > div:nth-child(2) {
  height: 0px;
}

#caroussel-container {
  margin-top: 20px;
}

/* responsive carrousel */
@media (max-width: 1200px){
	#slideshow-form_6985259230952054 .ApSlideShow {
	  width: 372px;
	}

	#slideshow-form_6985259230952054 .ApSlideShow .slide_config  {
		background-size: contain;
	}

	div#\#car-right> .effect-julia {
	  width: 120%;
	  left: 20px;
	}

	div#\#car-left\ > .effect-julia {
	  width: unset;
	  left: 20px;
	}
	.iview-directionNav a {
		top: 40%;
	}

	#caroussel-container > div:nth-child(2) {
		left: 20px;
	}



}

@media (max-width: 1000px){

	.iview-directionNav a {
		top: 32%;
	}


}



@media (max-width: 800px){

	.iview-directionNav a {
		top: 30%;
	}
}




@media (max-width: 700px){

	.iview-directionNav a {
		top: 25%;
	}
}



@media (max-width: 600px){

	.iview-directionNav a {
		top: 22%;
	}

}

/* //Mobile config */

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

	div#\#car-left\  {
		margin-top: 30px;
	}


	div#\#car-left\ > .effect-julia {
		width: unset;
		left: unset;
	}

	#caroussel-container > div:nth-child(2) {
		left: unset;
		margin-top: 30px;
		height: 0px;
	}

	div#\#car-right > .effect-julia {
		width: unset;
	}

	div#\#car-right > * {
		width: unset;
		left: unset;
	}

	.bannercontainer .iview {
		height: 400px;
	}


}


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

	div#\#car-left\  {
		margin-top: 30px;
	}


	div#\#car-left\ > .effect-julia {
		width: unset;
		left: unset;
	}

	#caroussel-container > div:nth-child(2) {
		left: unset;
		margin-top: 30px;
		height: 0px;
	}

	div#\#car-right > .effect-julia {
		width: unset;
	}

	div#\#car-right > * {
		width: unset;
		left: unset;
	}

	.bannercontainer .iview {
		height: 400px;
	}


}



/* page category display of subcategoies */

@media only screen and (max-width: 767px) {
  #subcategories {
    display: none;
  }
}


/*put back log in in display mobile */

@media (max-width: 990px) {

	.block.contact_header.ApRawHtml, .block.pro_account_btn.ApRawHtml {
		display: none;
	}

	.userinfo-selector.links.dropdown.js-dropdown.popup-over a {
		color: white;
	}
	.userinfo-selector.links.dropdown.js-dropdown.popup-over a:hover {
		color: white;
		cursor: pointer
	}

	.userinfo-selector.links.dropdown.js-dropdown.popup-over .popup-content a {
		color: #6e6e6e;
	}

	.userinfo-selector .popup-content {
	  right: 0;
	  left: 0;
	}

	ul.popup-content.dropdown-menu.user-info li {
	  border: none;
	}

	.popup-over .popup-content {
		width: max-content
	}

}

@media (min-width: 990px) {

	.popup-content .ap-btn-wishlist span, .popup-content .logout span  {
	  display: none;
	}

}



/* Filtre sur la version mobile */


/* @media (max-width: 767px) {
	#category .sidebar .block {
		display: block;
	}

	.block-categories.block.block-highlighted > * {
	  display: none;
	}


	#search_filter_controls {
		display: none;
	}


	#search_filters .title.hidden-md-up {
	  display: flex;
	}

	.products-selection .filter-button {
	  display: none;
	}

	.col-sm-6.col-xs-8.col-sp-12.col-md-9.products-sort-order.dropdown {
		width: 50%;
	}



} */


 @media screen and (max-width: 768px) {
		#products #search_filters_wrapper {
			margin-bottom: 20px;
			background-color: #f1f1f1;
			padding: 8px 20px;
		}

		#products #search_filters_wrapper div.title.hidden-md-up {
			display: flex;
			align-items: center;
		}

		#products #search_filters_wrapper div#search_filters {
			display: grid;
			grid-template-columns: repeat(2, 45%);
			justify-content: space-between;
		}

		#products #search_filters_wrapper #search_filters p.text-uppercase.h6 {
			display:none;
		}


		#products #search_filters_wrapper #search_filters .collapsed ul.collapse {
			display: none;
		}

		#products #search_filters_wrapper #search_filters .add {
			display: block;
		}

		#products #search_filters_wrapper #search_filters .remove {
			display: none;
		}

		#products #search_filters_wrapper #search_filters .collapsed .add {
			display: none;
		}

		#products #search_filters_wrapper #search_filters .collapsed .remove {
			display: block;
		}

		#search_filters .facet .facet-title {

			padding: 8px 12px;
			margin-bottom: 0px;
			font-size:12px;
		}

		#search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet {
			padding: 0px;
		}



}


/* handling new display of alma */

div#alma-in-express-checkout {
	display: flex;
	justify-content: center;
  }
  
  #alma-in-express-checkout ._TSkFv {
  width: 216px;
  margin: 10px;
  }
  
  #alma-in-express-checkout .alma-payment-plans-eligibility-options ._2Kqjn {
	  font-size: 20px;
  }
  

/* upgrade shopping cart */

.card.cart-summary {
    padding: 20px;
}

#btn-devis-container a.btn.btn-primary {
    background-color: unset !important;
    color: #ff8314 !important;
    box-shadow: none !important;
	padding: 10px !important;
	border: 3px solid  #ff8314 !important ;
}

#btn-devis-container a.btn.btn-primary:hover {
    color: #ff8314b0 !important;
	border: 3ps solid #ff8314b0 !important ;
}

#btn-devis-container span b {
  font-size: 12px;
}

#btn-devis-container .clearfix {
	display: flex !important;
}

.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.checkout.text-sm-center.card-block {
  display: flex;
}

.block-promo a.collapse-button:hover {
	 color: #ff8314b0 !important;
}

.block-promo .promo-input+button {
	    margin-left: -3px;
}

.block-promo .btn-primary {
	box-shadow: none;
	padding : 10px 1.25rem;
}

.promo-code input.promo-input:focus-visible {
    outline: solid 1px #ff8314b0;
    border: none;
}

.promo-code input.promo-input {
    border: none;
    outline: solid 1px #7a7a7a;
}


/* modal 'produit ajouté au wagon' fix display */
/* @media (max-width: 990px){ */
	/* #blockcart-modal .modal-dialog { */
		/* width: calc(100% - 120px); */
	/* } */
/* } */

/* fix caroussel mobile*/

@media (max-width: 576px){
	#caroussel-container {
		margin-top: 0px;
		margin-right: 0px;
	}

	#caroussel-container > div:nth-child(2) {
		left: 7px;
	}

}

p.product-reference {
    display: block;
    margin: 0px;
    font-size: 12px;
    height: 20px;
}

/* pb in page produti with display of produit de la m^me catégorie et you might also like*/

@media (max-width: 576px){
	.slick-slide {
		height: unset;
	}
}

/* Disp rupture de stock in thumb*/
.rupture {
    /* position: absolute;
    top: -170px;
	background-color: #3f3f3f9e;
    border-radius: 3px;
    left: 50px;
    right: 50px; */
	position: absolute;
    top: -110px;
    background-color: #3f3f3f9e;
    border-radius: 3px;
    left: 5px;
    right: 5px;
}

.rupture p {
    color: white !important;
    margin: 6px;
}



/* vous devez être connecté pour gérer votre liste bug*/

@media (min-width: 576px){
	.modal-dialog {
		max-width: 326px;
	}
}


/* pop up affrettement */

/* #checkout-delivery-step span.alert.alert-danger {
    line-height: 50px;
} */


#checkout-delivery-step .alert {
padding: 12px 20px 12px 50px;
}


/* Page produit */

#main .product-prices .current-price {
	font-size: 30px;
	font-weight: 600;
}

#main .product-prices {
    display: flex;
    gap: 10px;
	color: #FF8214;
	
}


/*List of products new design */

.product-meta .functional-buttons.clearfix {
	display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
}

.product-meta .functional-buttons.clearfix .wishlist {
    width: 25%;
}

.product-meta .functional-buttons.clearfix .quickview , .thumbnail-container .quick-view {
    width: 40px;
	background: #3c3c3d;
	line-height: 38px;
	height: 38px;
}

.product-meta .functional-buttons.clearfix .button-container.cart {
    width: 50%;
}

.thumbnail-container .quick-view:before {
    display: flex;
    justify-content: center;
}

@media (min-width: 990px) {
	.product-accessories .thumbnail-container:hover .quick-view, .product-miniature .thumbnail-container:hover .quick-view{
		width: 100%;
	}

	.profile-default .thumbnail-container .quick-view {
		opacity: 100;
	}
}



.profile-default .quick-view {
	width: auto;
    height: auto;
    line-height: unset;
	background: #3c3c3d;
}

/*footer */

h3#block-newsletter-label {
    margin-right: 10px;
}

.custom-checkbox input[type="checkbox"] + span {
    border: 2px #dddddd solid;
}

.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
    color: #c9c9c9;
}

/*pop up ajouté au panier - demande de jeff */ 

#blockcart-modal .modal-title {
    color: #2c2c2c;
}

#blockcart-modal .modal-header {
    background: #f6f6f6;

}

/* wish list */

.wishlist-product-info .hidden {
    display: none;
}

@media (min-width: 576px) {
	.leo-modal-send-wishlist .modal-dialog {
		max-width: 600px;
	}
}

/*random*/ 
/*wagon*/

@media (max-width: 1850px) {
	.leo-dropdown-total .shipping > div {
		min-height: 23px;
	}
}



/*newsletter*/
#blockEmailSubscription_displayFooter {
    display: flex;
    align-items: center;
    justify-content: center;
}


/*have cursor: pointer on ly when on mobile to open up the sections */

.block-toggler .title {
	cursor: unset !important;
}

@media (max-width: 767px) {
	.block-toggler .title {
		cursor: pointer !important;
	}
}


/* rendre les liens visible dans la page de livraison */ 

.page-cms-1 a {
	color: #FF8214;
}

/*Cedric recommendations */

.leo-megamenu .navbar-nav > li > a {
    font-weight: 700;
}
.leo-megamenu .navbar-nav>li>a {
	box-shadow: none;
}

.leo-megamenu  .dropdown:hover > .dropdown-menu {
	box-shadow:
		4.4px 4.3px 4.3px rgba(0, 0, 0, 0.042),
		10.6px 10.2px 10.2px rgba(0, 0, 0, 0.061),
		20px 19.3px 19.3px rgba(0, 0, 0, 0.075),
		35.7px 34.4px 34.4px rgba(0, 0, 0, 0.089),
		66.8px 64.3px 64.3px rgba(0, 0, 0, 0.108),
		160px 154px 154px rgba(0, 0, 0, 0.15)
		;
}



.leo-megamenu .navbar-nav > li:hover > a {
	box-shadow:
	4.4px 4.3px 4.3px rgba(0, 0, 0, 0.042),
	10.6px 10.2px 10.2px rgba(0, 0, 0, 0.061),
	20px 19.3px 19.3px rgba(0, 0, 0, 0.075),
	35.7px 34.4px 34.4px rgba(0, 0, 0, 0.089),
	66.8px 64.3px 64.3px rgba(0, 0, 0, 0.108),
	160px 154px 154px rgba(0, 0, 0, 0.15)
	;
}

#product #content {
    max-width: 100%;
}

.product-discounts {
    margin-bottom: 25px;
    margin-top: 25px;
}



.product-discounts > .table-product-discounts tbody tr td, .product-discounts > .table-product-discounts thead tr th {
    border: 5px #e6e6e6 solid;
}

.product-description a {
	color: #FF8214;
}

.thumbnail-container .product-image, .images-container.js-images-container {
    border: solid 1px #dddddd;
    border-radius: 5px;
}

/* img.logo.img-fluid {
    width: 100%;
} */

/* add icon to cart buttons */
.product-actions .add-to-cart .material-icons {
  display: inline-block;
  line-height: 50px;
}

.product-add-to-cart .material-icons {
	height: 50px;
}

.product-actions .add-to-cart {
	padding: 0 25px;
}

/* mobile header */

@media (width < 1200px){
	#search_widget {
		padding: 6px;
	}

}



@media screen and (min-device-width : 320px) and (max-device-width :  990px){

	.header-top .header_logo .img-fluid {
        content: url(/img/wagon-blanc.png);
		width: fit-content;
    }


	div.promo_bandeau {
		line-height: 15px !important;
	}

	form#search_form input.search_query {
		width: 100%;
	}
	/* #wrapper {
		margin-top: 60px;
	} */

	#search_widget form input {
		padding: 0px 5px;
	}


	.top-menu-right {
		height: 40px;
	}

	#_desktop_cart {
		padding: 0px 0px 0px 0px !important;
	}

	/* display grid format for header in mobile to personalise el order `*/

	div#display-top {
		display: grid;
		grid-template-columns: 90px 3fr 2fr;
		align-items: center;
	}

	.logo-div {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
	}

	.nav-down {
		grid-column: 2/5;
		grid-row: 1;
		width: 100%;
	}

	.top-menu-right{
		grid-column: 5/7;
		grid-row: 1;
		width: 100% !important;
		margin-top: 0px;
		margin-right: 10px; 
		padding-right: 30px;
	}
	.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.col-sp-12.nav-down.ApColumn {
		width: 100%;
		margin: 0px; 
		padding: 0px;
	}

	
	/* end of display grid */


	/*ajout du compteur d'article dans le wagon in mobile */
	div#_desktop_cart .blockcart span {
		color: #ffffff;
		font-size: 20px;
		top: 0px;
		left: 26px;
		font-weight: 900;
	}

	#_desktop_cart .cart-products-count {
		color: #FFFFFF;
		position: absolute;
		background: #eb8f7300 !important;
		
	}

	#_desktop_cart .blockcart img {
		z-index: 1;
	}

		/***********/

	.popup-over a.popup-title i {
		display: inline-block;
	}

	/* .header_logo {
		margin: 20px 0px;
	} */

	.popup-over a.popup-title {
		display: unset;
	}

	.header-top {
		padding-top: 0px;
	}

	.top-menu-right {
		font-size: 20px;
	}	

	i.fa.fa-user {
		position: inherit;
		font-size: 25px;
	}

	.userinfo-selector.links.dropdown.js-dropdown.popup-over {
		right: 30px;
		padding: 0px 10px 0px 5px;
	}

	.header-top .userinfo-selector .popup-content {
		padding: 10px;
		position: absolute;
		top: 41px;
		left: -104px;
	}

}



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

	.header-top .header_logo .img-fluid {
        content: url(/img/wagon-blanc.png);
		width: fit-content;
    }

	
	div.promo_bandeau {
		line-height: 15px !important;
	}

	form#search_form input.search_query {
		width: 100%;
	}


	#search_widget form input {
		padding: 0px 5px;
	}


	.top-menu-right {
		height: 40px;
	}

	#_desktop_cart {
		padding: 0px 0px 0px 0px !important;
	}

	/* display grid format for header in mobile to personalise el order `*/

	div#display-top {
		display: grid;
		grid-template-columns: 90px 3fr 2fr;
		align-items: center;
		
	}

	.logo-div {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
	}

	.nav-down {
		grid-column: 2/5;
		grid-row: 1;
		width: 100%;
	}

	.top-menu-right{
		grid-column: 5/7;
		grid-row: 1;
		width: 100% !important;
		margin-top: 0px;
		margin-right: 10px; 
		padding-right: 30px;
	}
	.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12.col-sp-12.nav-down.ApColumn {
		width: 100%;
		margin: 0px; 
		padding: 0px;
	}


	/* end of display grid */

	/*ajout du compteur d'article dans le wagon in mobile */
	div#_desktop_cart .blockcart span {
	    color: #ffffff;
		font-size: 15px;
		top: -9px;
		left: 19px;
		font-weight: 900;
	}

	#_desktop_cart .cart-products-count {
		color: #FFFFFF;
		position: absolute;
		background: #eb8f7300 !important;
		
	}

	#_desktop_cart .blockcart img {
		z-index: 1;
	}

		/***********/


	.popup-over a.popup-title i {
		display: inline-block;
	}

	/* .header_logo {
		margin: 20px 0px;
	} */

	.popup-over a.popup-title {
		display: unset;
	}

	.header-top {
		padding-top: 0px;
	}

	.top-menu-right {
		font-size: 20px;
	}	

	i.fa.fa-user {
		position: inherit;
		font-size: 25px;
	}

	.userinfo-selector.links.dropdown.js-dropdown.popup-over {
		right: 30px;
		padding: 0px 10px 0px 5px;
	}

	.header-top .userinfo-selector .popup-content {
		padding: 10px;
		position: absolute;
		top: 41px;
		left: -104px;
	}

}


/*fix to sow transition on dropdown menu */ 

.leo-megamenu .dropdown-menu {
    -webkit-transition: opacity 0.1s linear 0s;
    transition-duration: 0.1s;
    -o-transition: opacity 0.1s linear 0s;
    transition: opacity 0.1s linear 0s;
    transition-duration: 0.1s;
}


/* small fix foter */ 

.footer-container p {
	color: #cccccc;
}	

/* header all btns same size */ 


@media (min-width: 990px){
	.header-top ul.popup-content.dropdown-menu.user-info li {
		height: 54px;
		display: flex;
		width: fit-content;
		margin: 0px 2px;
	}
	
	.header-top .userinfo-selector.links.dropdown.js-dropdown.popup-over {
		height: 54px;
	}
	
	
	.header-top .popup-over .popup-content a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.header-top #_desktop_cart .blockcart {
		padding: 20px;
		height: 54px;
		display: flex;
	}
	
	#_desktop_cart {
		padding: unset; 
		height: 54px;
	}
	
	.userinfo-selector .popup-content {
		display: flex !important;
	}

	.popup-over:hover .popup-content {
		display: flex !important;
	}
}


/* faire grossier les titres dans la page category */

.product-miniature h3.h3.product-title a {
    font-size: 20px;
	font-family: 'Montserrat', sans-serif;
    font-style: initial;
    font-weight: 600;
}


/* fix size of select for product variant in page product */

.product-variants > .product-variants-item {
	margin: 10px 0;
}

.product-variants > .product-variants-item select {
    width: fit-content;
    padding: 2px 30px 2px 10px;
	border: solid 1px #dbdbdb;
    border-radius: 2px;
    color: #313131;
	height: 44px; 
}

select.form-control:not([size]):not([multiple]) {
    height: 44px;
}

.product-quantity #quantity_wanted {
	background: #ebebeb
}



/* upgrade tableau in détails de produits */ 

.product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) {
    background: #dfdfdf;
}

.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {
    background: #e7e7e7;
}


/* rail doit prendre toute la width sur les très grands écrans */

.rails img {
	width: -webkit-fill-available;
}

/* force the css code of the theme that makes the header stikcy on the mobile version */

/* #header {
	position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
} */


ul#ui-id-1 {
    z-index: 9999999;
	max-height: 80px;
	position: fixed; 
    box-shadow: 4.4px 4.3px 4.3px rgba(0, 0, 0, 0.042), 10.6px 10.2px 10.2px rgba(0, 0, 0, 0.061), 20px 19.3px 19.3px rgba(0, 0, 0, 0.075), 35.7px 34.4px 34.4px rgba(0, 0, 0, 0.089), 66.8px 64.3px 64.3px rgba(0, 0, 0, 0.108), 160px 154px 154px rgba(0, 0, 0, 0.15);
}

/* fix product on mobile version */
@media only screen and (min-device-width : 320px) and (max-device-width :  990px) and (max-width: 480px){

	
	ul#ui-id-1 {
		position: absolute; 
	}

	li.ajax_block_product.product_block.col-xl-2.col-lg-2.col-md-4.col-sm-6.col-xs-6.col-sp-6, .ajax_block_product.col-sp-6.col-xs-12.col-sm-6.col-md-6.col-lg-4.col-xl-4.first-in-line.first-item-of-tablet-line.last-item-of-mobile-line {
		height: 400px;
	}

	.product_list .col-sp-6 {
		height: 400px;
	}

	.product-miniature h3.h3.product-title a {
		font-size: 16px;
	}

	.product-meta .functional-buttons.clearfix {
		justify-content: space-evenly;
	}
	
	#main .product-prices {
		justify-content: center;
	}

	.promo-bandeau-container, .header-banner  {
		display: none;;
	}

}

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

	
	
	ul#ui-id-1 {
		position: absolute; 
	}


	li.ajax_block_product.product_block.col-xl-2.col-lg-2.col-md-4.col-sm-6.col-xs-6.col-sp-6, .ajax_block_product.col-sp-6.col-xs-12.col-sm-6.col-md-6.col-lg-4.col-xl-4.first-in-line.first-item-of-tablet-line.last-item-of-mobile-line {
		height: 400px;
	}

	.product_list .col-sp-6 {
		height: 400px;
	}

	.product-miniature h3.h3.product-title a {
		font-size: 16px;
	}

	.product-meta .functional-buttons.clearfix {
		justify-content: space-evenly;
	}

	#main .product-prices {
		justify-content: center;
	}

	.promo-bandeau-container, .header-banner {
		display: none;;
	}


}

/*fix ul style	*/

.product-description ol, ul, dl {
	font-size: 16px;
	color: #777;
	font-weight: 400;
	margin-left: 20px; 
}


.offcanvas-mainnav ol, .offcanvas-mainnav ul, .offcanvas-mainnav dl {
	margin-left: 0px;
}




/* gestion de l'afficha des bandeaux de promos */


.thumbnail-container .product-price-and-shipping .discount-percentage {
	background: #fff;
    color: #666666;
    font-size: 12px;
    line-height: normal;
    border: 1px #FFC700 solid;
    margin: 5px 0px;
}

.product-flags .product-flag.discount {
    background: #FFC700;
    border: 1px #FFC700 solid;
    color: #ffffff;
    left: 10px;
    bottom: 5px;
    font-size: 18px;
	padding: 8px;
}

.has-discount .discount {
    background: #FFC700;
}


.promo_bandeau {
	 color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
	justify-content: flex-end;
}
.promo-bandeau-container {
	background-color:#454545;
	color: white;
    background-color: #454545;
    text-align: center;
    font-size: 0.8em;
    line-height: 30px;
	height: 30px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.promo-bandeau-container .promo-bandeau-catchphrase-container {
	height: 100vh;
    width:-moz-available;
}
.promo-bandeau-container .promo-bandeau-catchphrase-container p {
	color: whitesmoke; 

}

.promo-bandeau-container .promo-bandeau-roll {
	text-transform: uppercase;
	height: 30px;
}

.fa {
    transition: transform 0.3s ease;
}

.promo_bandeau:hover .fa:not(#exclude-rotation)  {
    transform: rotate(360deg);
}

#header .container {
	padding: 0px;
}



	/* .promo-bandeau-container {
		box-shadow: 0 0 0 100vmax #131212;
		clip-path: inset(0 -100vmax);
	} */


.header-banner {
	background-color:#454545;
	height: 35px;
	padding-top: 1px;
}


/* test effect on header message */


.promo-bandeau-container .promo-bandeau-roll {
  overflow: hidden;
  margin-left: 1rem;
  position: relative;
  width: 50%;
  min-width: 393px;
}

.promo-bandeau-roll > reassurance-message {
  padding: 0.25rem 0.75rem;
  height: 2.81rem;
  margin-bottom: 2.81rem;
  display: inline-block;

}

.promo-bandeau-roll a {
	opacity: 0;
	position: absolute;
	top: 0px;
}
.promo-bandeau-roll a {
	animation: slide-down 20s infinite;
  }

  .promo-bandeau-roll a:nth-child(1)  {

	animation-delay: 0s;
  }
  

  .promo-bandeau-roll a:nth-child(2)   {
	animation-delay: 4s;
  }
  

  .promo-bandeau-roll a:nth-child(3)   {
	animation-delay: 8s;
  }

  .promo-bandeau-roll a:nth-child(4)  {
	animation-delay: 12s;
  }
  

  .promo-bandeau-roll a:nth-child(5)  {
	animation-delay: 16s;
  }


@media  screen and (max-width: 940px ) {
	.promo-bandeau-container .promo-bandeau-catchphrase-container{
		display: none;
	}
	.promo-bandeau-container .promo-bandeau-roll {
		width: 100%;
	}
	
}


@media only screen and (max-width: 940px ) {
	.promo-bandeau-container .promo-bandeau-catchphrase-container{
		display: none;
	}
	.promo-bandeau-container .promo-bandeau-roll {
		width: 100%;
	}
	
}
  
  @keyframes slide-down {
	0% {
	  opacity: 0;
	  transform: translateY(50px);
	}

	15% {
		opacity: 0;
		transform: translateY(50px);
	}

	20%, 35% {
	  opacity: 1;
	  transform: translateY(0);
	}

	40% {
		opacity: 0;
		transform: translateY(-50px);
	  
	  }

	
	100% {
	  opacity: 0;
	  transform: translateY(-50px);
	
	}
  }
  

/* avis garantis on mobile */

/* @media screen and (max-width: 480px){

	.product-container #agWidgetH.inline .reviewGlobal {
		justify-content: center !important;
	}

	#agWidgetH.inline .agBt, #agWidgetH.inline, #agWidgetH.inline .inner, a.agBt.rad4  {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.product-info-mobile.col-xl-4-8.col-lg-4-8.col-md-4-8.col-sm-12.col-xs-12.col-sp-12  {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.product-variants > .product-variants-item, .product-add-to-cart .product-variants-item  { 
		justify-content: space-evenly !important;
	}

}

@media only screen and (min-device-width : 320px) and (max-device-width :  990px) and (max-width: 480px){
	.product-container #agWidgetH.inline .reviewGlobal {
		justify-content: center !important;
	}

	#agWidgetH.inline .agBt, #agWidgetH.inline, #agWidgetH.inline .inner, a.agBt.rad4  {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.product-info-mobile.col-xl-4-8.col-lg-4-8.col-md-4-8.col-sm-12.col-xs-12.col-sp-12  {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.product-variants > .product-variants-item, .product-add-to-cart .product-variants-item  { 
		justify-content: space-evenly !important;
	}

	
} */

/* fix block reassurance */

@media (max-width: 767px) {
	.product-detail .blockreassurance_product {
		text-align: left;
	}

	.blockreassurance_product {
		margin-left: 25px;
		margin-top: 0px;
	}

	.blockreassurance_product p.block-title {
		line-height: unset;
		margin-bottom: 0px;
		padding-left: 10px;
		height: 50px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}

	.product-container #agWidgetH.inline .reviewGlobal {
		justify-content: center !important;
	}

	#agWidgetH.inline .agBt, #agWidgetH.inline, #agWidgetH.inline .inner, a.agBt.rad4  {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.product-info-mobile.col-xl-4-8.col-lg-4-8.col-md-4-8.col-sm-12.col-xs-12.col-sp-12  {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.product-variants > .product-variants-item, .product-add-to-cart .product-variants-item  { 
		justify-content: space-evenly !important;
	}

	#main .product-prices {
		justify-content: center;
	}



}

@media only screen and (max-width: 767px) {
	.product-detail .blockreassurance_product {
		text-align: left;
	}

	.blockreassurance_product {
		margin-left: 25px;
		margin-top: 0px;
	}

	.blockreassurance_product p.block-title {
		line-height: unset;
		margin-bottom: 0px;
		padding-left: 10px;
		height: 50px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}

	.product-container #agWidgetH.inline .reviewGlobal {
		justify-content: center !important;
	}

	#agWidgetH.inline .agBt, #agWidgetH.inline, #agWidgetH.inline .inner, a.agBt.rad4  {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.product-info-mobile.col-xl-4-8.col-lg-4-8.col-md-4-8.col-sm-12.col-xs-12.col-sp-12  {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.product-variants > .product-variants-item, .product-add-to-cart .product-variants-item  { 
		justify-content: space-evenly !important;
	}

	#main .product-prices {
		justify-content: center;
	}
}

@media only screen and (max-width: 480px)  {
	.blockreassurance_product {
		margin-left: 0px;
	}
}


.product-actions .control-label {
    margin-right: 10px;
}

.blockreassurance_product {
    width: -webkit-fill-available;
}


/* Edit on panier en version mobile */
@media (max-width: 480px) {
	.row.cart-flex {
		display: flex;
		justify-content: flex-end;
	}
}


@media only screen and (max-width: 480px)  {
	.row.cart-flex {
		display: flex;
		justify-content: flex-end;
	}
}


.block-category .category-cover img {
    width: 100%;
    height: 302px;
    object-fit: cover;
}


/* block promo "Avez-vous un code promo */

.block-promo .promo-input+button {
    margin-left: -1px;
    border-radius: 0px 4px 4px 0px;
}

.block-promo .promo-input + button {
    margin-top: 0px;
    height: 42px;
}

.block-promo form {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
	width: -webkit-fill-available;
}

.block-promo  .btn-primary {
    background-color: #ff9a52;
}

.promo-code input.promo-input {
    border: solid 1px #7a7a7a;
    outline: none;
	border-radius: 4px 0px 0px 4px;
}

.promo-code input.promo-input:focus-visible {
    border: solid 1px #ff9a52;
	outline: none; 
}

.block-promo .promo-input {
    height: 42px;
}

.block-promo .promo-code {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
	flex-wrap: wrap;
}

.cancel-promo .fa-window-close {
	color: #4b4b4b;
	font-size: 20px;
}

/* page création de compte en mobile */

@media only screen and  (max-width: 767px) {
	.lpsproaccount-button {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	#login-form footer.form-footer.text-sm-center.clearfix {
		display: flex;
		align-items: center;
		justify-content: center;	
	}
}

@media (max-width: 767px) {
	.lpsproaccount-button {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	#login-form footer.form-footer.text-sm-center.clearfix {
		display: flex;
		align-items: center;
		justify-content: center;	
	}
}


/* lien dans les en orange dans la main page et dans les textes de description */ 

.block_content a, #js-product-list-bottom a {
    color: #ff8214;
    text-decoration: none;
}

.block_content a:hover, #js-product-list-bottom a:hover {
    color: #fa9a46;

}

/*pagination */

.pagination .page-list li .spacer {
	display: initial;
}

ul.page-list.clearfix.text-sm-center {
    float: right;
}

a.view-all {
    float: right;
}

span#affichertouslesproduits {
    float: right;
    padding-right: 20px;
}

/* working on a sticker header on mobile  */

@media (max-width: 480px) {

	header#header {
		position: fixed;
		top: 0;
		width: 100%; 
		z-index: 900; 
	}

	section#main {
		margin-top: 40px;
	}

	#checkout #wrapper , #registration #wrapper {
		margin-top: 60px;
		padding-top: 5px;
	}

	body#checkout section.checkout-step #login-form {
		margin-top: -20px;
	}

	body#checkout section.checkout-step .forgot-password {
		margin: 15px 0;
	}
}



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

	header#header {
		position: fixed;
		top: 0;
		width: 100%; 
		z-index: 900; 
	}

	section#main {
		margin-top: 40px;
	}

	#checkout #wrapper , #registration #wrapper{
		margin-top: 60px;
		padding-top: 5px;
	}

	body#checkout section.checkout-step #login-form {
		margin-top: -20px;
	}

	body#checkout section.checkout-step .forgot-password {
		margin: 15px 0;
	}
	
}


/* faire remonter le add ton cart en version mobile */


@media (max-width: 480px) {


	.product-add-to-cart.js-product-add-to-cart {
		display: flex;
	}

	.product-actions .add-to-cart {
		width:70px;
		min-width: unset;
	}

	.product-prices {
		 margin-top: 5px;
	}

	.product-quantity #quantity_wanted {
		height: 50px;
	}

	.product-actions .control-label {
		 margin-bottom: 0px; 
	}

	.product-quantity .btn-touchspin {
		height: 26px;
	}
}


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


	.product-add-to-cart.js-product-add-to-cart {
		display: flex;
	}

	.product-actions .add-to-cart {
		width:70px;
		min-width: unset;
	}

	.product-prices {
		 margin-top: 5px;
	}

	.product-quantity #quantity_wanted {
		height: 50px;
	}

	.product-actions .control-label {
		 margin-bottom: 0px; 
	}

	.product-quantity .btn-touchspin {
		height: 26px;
	}
}


@media screen  and ( min-width : 990px) {
	.leo-megamenu .dropdown:hover > .dropdown-menu {
		z-index: 2000;
		position: absolute;
	}

	.dropdown-menu-inner {
		z-index: 2000;
	}

	 #menu-overlay {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000; /* This should be less than the menu's z-index */
		background-color: red;
	} 


}



.obfuscated li span {
	color: #cccccc ;

	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
  }

.obfuscated li span:hover {
	color: #FF8214;
	cursor: pointer ;
  }


/*Nouveau module de chat */

i.fa.fa-comments {
    color: whitesmoke;
}

#ochat_window_open span {
    box-shadow: unset;
}

i.fa.fa-times {
    color: whitesmoke;
}

i.fa.fa-envelope {
	color: whitesmoke;
}

i.fa.fa-send-o {
    color: black;
}



.ochat-panel-default {
    box-shadow: unset;
}


/* le design de la cartouche des produits dans les pages catégories à sauté */

.thumbnail-container .product-title a {
    font-size: 18px;
    font-family: "Montserrat", serif;
    font-weight: 600;
     font-style: initial;
}

.thumbnail-container .product-title {
    margin-top: 15px;
}

.product-meta .functional-buttons.clearfix .quickview, .thumbnail-container .quick-view {
    width: 66px;
}

@media (min-width: 990px) {
	.profile-default .functional-buttons, .category-products .functional-buttons, .product-accessories .functional-buttons {
		top: -40px;
	}
}

@media only screen and  (min-width: 990px) {
	.profile-default .functional-buttons, .category-products .functional-buttons, .product-accessories .functional-buttons {
		top: -40px;
	}
}



/* quickfix  panier flottant mobile */

/*media query mobile */


@media only screen and (max-width: 575px){ 
	.leo-dropdown-cart.defaultcart.dropdown.show {
		position: inherit;
		right: 23px;
		top: 63px;
		max-height: 100vw;
		overflow: scroll;
		box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.25);
	}

	#_desktop_cart {
		position: fixed;
	}
}


@media screen and (max-width: 575px){ 
	.leo-dropdown-cart.defaultcart.dropdown.show {
		position: inherit;
		right: 23px;
		top: 63px;
		max-height: 100vw;
		overflow: scroll;
		box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.25);
	}

	#_desktop_cart {
		position: fixed;
	}
}



/* fix carrousel for mise en prod */


#caroussel-container > div#carrousel-center {
    padding: 0px;
    margin: 0px;
    margin-top: 0px !important;
}

#caroussel-container>div:nth-child(2) {
    margin-top: 0px;
}

div#caroussel-container {
    margin-bottom: 20px;
	display: flex;
	justify-content: center;
	margin-right: 20px;
}

div#carrousel-center {
    width: 39.2%;
}

/* div#\#car-right {
    width: 25%;
} */

div#\#car-right > .effect-julia {
    width: 100%;
}

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

	div#caroussel-container {
		margin-bottom: 20px;
		display: block;
		justify-content: center;
		margin-right: 0px; 
		width: 250%;
	}

	#caroussel-container > div#carrousel-center {
		padding: 0px;
		margin: 0px;
		margin-top: 60px!important;
	}

	div#slideshow-form_6409976380198594 {
		margin-left: 20px;
	}
}

@media (max-width: 575px){ 

	div#caroussel-container {
		margin-bottom: 20px;
		display: block;
		justify-content: center;
		margin-right: 0px; 
		width: 250%;
	}

	#caroussel-container > div#carrousel-center {
		padding: 0px;
		margin: 0px;
		margin-top: 60px!important;
	}

	div#slideshow-form_6409976380198594 {
		margin-left: 20px;
	}
}

/* texte de présentation de la page d'accueil */

.block.text-presentation.ApHtml {
    line-height: normal;
}

.text-presentation ul {
    list-style: disc;
    margin-left: 20px;
}


@media (width < 990px) and (width > 719px) {
	.top-menu-right {
		width: 100%;
		/* margin-top: -38px; */
	}
}


@media only screen and (width < 990px) and (width > 719px) {
	.top-menu-right {
		width: 100%;
		/* margin-top: -38px; */
	}
}


@media (width < 990px) {
	div#search_content {
		width: 100%;
	}

	#mega-search-container {
		display: flex;
		flex-direction: row-reverse;
	}
}


@media only screen and  (width < 990px) {
	div#search_content {
		width: 100%;
	}

	#mega-search-container {
		display: flex;
		flex-direction: row-reverse;
	}
		
}


@media only screen and (min-device-width: 320px) and (max-device-width: 575px)  {
	.userinfo-selector.links.dropdown.js-dropdown.popup-over {
		right: 0px; 
		width: 89px;
		/* margin-right: 30px; */
	}

}


@media (min-device-width: 320px) and (max-device-width: 575px)  {
	.userinfo-selector.links.dropdown.js-dropdown.popup-over {
		right: 0px; 
		width: 89px;
		/* margin-right: 30px; */
	}

}


@media only screen and (min-device-width: 575px) and (max-device-width: 990px)  {
	.userinfo-selector.links.dropdown.js-dropdown.popup-over {
		right: 0px; 
		width: 0px;
		margin-right: 20px;
		width: fit-content;
	}

}


@media (min-device-width: 575px) and (max-device-width: 990px)  {
	.userinfo-selector.links.dropdown.js-dropdown.popup-over {
		right: 0px; 
		width: 0px;
		margin-right: 20px;
		width: fit-content;
	}

}

.thumbnail-container .product-price-and-shipping .price {
    font-weight: 800;
    font-size: 20px;
}

.thumbnail-container .product-title {
    margin: 5px 0px;
}

header#header {
    z-index: 9998;
}


.zaboveall{
	z-index: 9999;
}

.promo-bandeau-container p, .promo-bandeau-container {
    font-size: 12px !important;
}

@media (min-width: 990px) {
    #search_widget .btn_search a {
        color: #595959;
        font-size: 23px;
	}
}


@media only screen and (min-width: 990px) {
    #search_widget .btn_search a {
        color: #595959;
        font-size: 23px;
	}
}

#categoryStarsMain {
	margin-top: -13px;
    margin-bottom: 0px;
	transform: scale(0.61);
}

p.product-reference {
    font-size: 10px;
    height: 15px;
}

.thumbnail-container .product-price-and-shipping .price {
    font-weight: 800;
    font-size: 20px;
    margin-top: 5px;
}


/* floating el chat and arrow on mobile */



@media only screen and (min-device-width: 320px) and (max-device-width: 575px)  {
	#open_ochat_conversion {
		right: 15px !important;
		bottom: 15px;
	}

	#back-top {
		right: 15px;
		bottom: 90px;
	}

}


@media (min-device-width: 320px) and (max-device-width: 575px)  {
	
	#open_ochat_conversion {
		right: 15px !important;
		bottom: 15px;
	}

	#back-top {
		right: 15px;
		bottom: 90px;
	}
}


/* réduire la taille de l'img dans la pop up d'ajout au panier pour avoir le bouton commander plus accessible */

@media (max-width: 990px) {
	#blockcart-modal .product-image {
		max-width: 100px;
	}
	
}

@media only screen and (max-width: 990px) {
	#blockcart-modal .product-image {
		max-width: 100px;
	}
	
}



/* page de création de compte format mobile */

@media (max-width: 575px) {
	#registration .form-group.row {
		display: flex;
		align-items: flex-start;
	}

	#registration .form-control-comment {
		display: none;
	}
	
	#registration .form-control {
		border: solid 1px;
	}

	#registration .input-group .input-group-btn > .btn {
		background-color: #acaaa6;
		padding: 11.8px 16px;
		border-radius: 0px 5px 5px 0px;
	}

	#registration .password-strength-feedback.mt-1 {
		margin-top: 0px !important;
	}
	
	.top-menu-right {
		margin-right: 0px;
		padding-right: 0px;
	}

	body#checkout section.checkout-step .delivery-option {
		flex-wrap: nowrap;
	}
	
}

@media only screen and (max-width: 575px) {
	#registration .form-group.row {
		display: flex;
		align-items: flex-start;
	}

	#registration .form-control-comment {
		display: none;
	}

	#registration .form-control {
		border: solid 1px;
	}

	#registration .input-group .input-group-btn > .btn {
		background-color: #acaaa6;
		padding: 11.8px 16px;
		border-radius: 0px 5px 5px 0px;
	}

	#registration .password-strength-feedback.mt-1 {
		margin-top: 0px !important
	}

	.top-menu-right {
		margin-right: 0px;
		padding-right: 0px;
	}
	
	body#checkout section.checkout-step .delivery-option {
		flex-wrap: nowrap;
	}
	
}


span.mendatory-star {
	font-family: cursive;
   color: #ff8314b0; 
}

#login-form .mendatory-star {
   display: none; 
}

.mendatory-details {
	display: flex; 
	justify-content:flex-end; 
}

.mendatory-details p {
	font-size: 14px;
}



/* pop up affrettement */

/* #checkout-delivery-step     span.alert.alert-danger {
    line-height: 50px;
	    margin-left: 1rem;
} */

/* #pl-alert-container {
	display: none;
}

#driver-alert-container {
	display: none;
} */

.row.carrier-extra-content.js-carrier-extra-content {
    margin: 0px;
}


/* hover orange sur menu */
.megamenu a.nav-link:hover .menu-title {
    color: #FF8214;
}


div#devis {
    margin-bottom: 0px !important;
    margin-top: 10px !important;
    display: flex;
    justify-content: center;
}

@media (min-width: 576px) {
	#bankwire-modal .modal-dialog {
		max-width: 600px; 
	}
}

@media (max-width: 576px) {
	#bankwire-modal .modal-dialog dl {
		font-size: 13px;
		margin-left: 0px;
	}
}


.payment-options p {
	font-size: 13px; ;
}

.payment-options a {
	cursor: pointer;
	color:#FF8214 !important;
}

body#checkout .payment-options .additional-information {
    font-size: 13px;
    margin-left: 46px;
    margin-top: 5px;
}

#category-description p a {
	color: #FF8214;
}


/*equilibrer taille du btn vider le wagon et continuer mes achats*/

.checkout-extra-btn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 500px) {
	.checkout-extra-btn a.btn.btn-secondary {
		background: none;
		text-transform: inherit;
		padding:0px;
		font-size: 14px;
	}
}


/* responsive for Qui Sommmes Nous Page */

.page-cms-4 img {
    max-width: 100%;
    height: auto;
}


/* UPGRADE MENU EN MODE TABLETTE ET MOBILE + SAFARI */

@media  (min-width: 576px) and (max-width: 1200px) {
	.logo-div {
		 width: 20%; 
		display: inline-block;
	}

	.top-menu-right {
		/* margin-top: -38px; */
		/* margin-top: -60px; */
		justify-content: flex-end;
		width: 100%;
	}

	.nav-down {
		margin-top: 0px;
	}

	div#display-top {
		margin: 0px;
		display: block;
	}

	.header_logo {
		width: 100px;
	}




	form#search_form input.search_query {
		width: 100%;
	}

}



@media only screen and  (min-width: 576px) and (max-width: 1200px)  {
	.logo-div {
		 width: 20%; 
		display: inline-block;
	}

	.top-menu-right {
		/* margin-top: -38px; */
		/* margin-top: -60px; */
		justify-content: flex-end;
	}

	.nav-down {
		margin-top: 0px;
	}

	div#display-top {
		margin: 0px;
		display: block;
	}

	.header_logo {
		width: 100px;
	}



	form#search_form input.search_query {
		width: 100%;
	}
	
}



@media  screen and  (min-width: 576px) and (width < 1200px) {
	.logo-div {
		 width: 20%; 
		display: inline-block;
	}

	.top-menu-right {
		/* margin-top: -38px; */
		/* margin-top: -60px; */
		justify-content: flex-end;
	}

	.nav-down {
		margin-top: 0px;
	}

	div#display-top {
		margin: 0px;
		display: block;
	}

	.header_logo {
		width: 100px;
	}

	

	form#search_form input.search_query{
		width: 100%;
	}
}



@media  (min-width: 990px) and (max-width: 1200px) {
	.logo-div {
		width: 20%; 
	   display: inline-block;
   }

   .top-menu-right {
	   /* margin-top: -38px; */
	   /* margin-top: -60px; */
	   justify-content: flex-end;
   }

   .nav-down {
	   margin-top: 0px;
	   display: block;
   }

   div#display-top {
	   margin: 0px;
   }


}



/* bug top header */

.promo-bandeau-container .promo-bandeau-catchphrase-container {
	height: auto;
  }


/* media query for tablet safari portrait mode to use the new profile for tablet withoutprevious edits */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{ 
	.header-top #search_widget {
		width: auto;
	}

	div#display-top {
		display: flex;
	}

	.top-menu-right {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
		margin-top: 0px;
		height: auto;
		width: 66.66667% !important;
	}
}


@media  screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

	.top-menu-right {
		margin-top: 0px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{ 
	.header-top #search_widget {
		width: auto;
	}

	div#display-top {
		display: flex;
		align-items: center;
		justify-content: center;
	}



	.top-menu-right {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
		margin-top: 0px;
		height: auto;
		width: 66.66667% !important;
	}
}

/* fix bug fond transparent éléments de recherches */
.ui-menu .ui-menu-item {
    width: 100%;
    background-color: white;
}

ul#ui-id-1 {
    position: relative;
}


/* pop up transporteur */

.row.carrier-extra-content.js-carrier-extra-content:has(span) {
    margin: 23px;
}


/* Amazon Pay checkout setup */ 

#checkout-payment-step #payment-option-3-container img {
    height: 18px;
}


/* Module activer/désactiver les déclinaisons hors stocks */

#product-availability {
    display: flex;
}

/* Bandeau headermessage.tpl de Noël */

/* .header-banner, .promo-bandeau-catchphrase-container, .promo-bandeau-container {
	background-color:#182718;
  }  */

  #carrousel-center .slide_config {
	background-position: center !important;
	width: unset !important;
	height: unset !important;
	cursor: pointer;
	
  }

  #carrousel-center .iviewSlider {
    height: 456px !important;
    cursor: pointer;
  }

  .iview.iview-group-656daf8044cb4-6 {
	height: 456px !important;
  } 

.slide_config.data-link {
    cursor: pointer;
}


@media (max-width: 480px) {
	.col-sp-12:has(.homepage) {

		margin-top: 30px;
	}
}


/* Se connecter avec mon compte Amazon */

.amzbuttoncontainer {
	display: flex;
	align-items: center;
	justify-content: center;
}
.amzbuttoncontainer h3.page-subheading, .amzbuttoncontainer   p {
    display: none;
}


/*Souvent Acheté Ensemnble -  Cross Selling */

.featured-products .thumbnail-container .product-image img {
    display: inline-block;
    object-fit: cover; 
	aspect-ratio: 1;
	
  }

  .featured-products .functional-buttons {
    display: flex;
    align-items: flex-end;
	width: 100%;
}

.featured-products .leo-list-product-reviews {
	text-align: center;
	display: none;
}



.featured-products .leo-wishlist-button, .featured-products .add-to-cart, .featured-products .quickview {
	color: #FFFFFF;
	background-color: unset;
}

@media (min-width: 990px) {
	.featured-products .name-btn-product {
		display: none;
	}
	
}

.featured-products .leo-wishlist-button:hover, .featured-products .add-to-cart:hover,  .featured-products .quickview:hover {
	background-color: #FF8214;
}



.featured-products .thumbnail-container .product-image {
    aspect-ratio: 1;
}



.featured-products .functional-buttons {
  
	display: none;
}

.featured-products .thumbnail-container .product-image:hover .functional-buttons {
   display: flex;
   position: 10px;
   bottom: 0px;
   position: absolute;
   left: 0px;
   z-index: 1;
 
	
}




.featured-products  .thumbnail-container:hover .quick-view {
    width: unset;
}

.featured-products .thumbnail-container .quick-view {
    height: 42px;
}

@media (min-width: 990px) {
	.featured-products  .thumbnail-container:hover .quick-view {
		width: unset;
	}
}

.featured-products .functional-buttons > div {
	width: 100%;
	color: #FFFFFF;
    background-color: #3C3C3D;
}

.featured-products .functional-buttons > div:hover {

	color: #FFFFFF;
    background-color: #FF8214;
}

.featured-products .functional-buttons > div:hover > div {
	transition: unset;
	-webkit-transition: unset;
    background-color: unset;
}

.featured-products .functional-buttons * {
	transition: none !important;
  }
  
  .featured-products .functional-buttons > div:hover .quick-view {
	background-color: #FF8214;
	  }

@media only screen and (max-width: 600px) {
	/* fonctional buttons are displayed at all time below the img*/
	/* .featured-products .functional-buttons {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.featured-products .thumbnail-container .product-image {
		aspect-ratio: unset;
	}

	.featured-products span.name-btn-product {
		display: none;
	}
	.featured-products span.name-btn-product.hidden.hide.text-remove {
		display: none;
	}
	.featured-products span.name-btn-product.text-add {
		display: none;
	}

	.featured-products .product-flags .product-flag.discount {
		left: 8px;
		bottom: 49px;
		
	} */

	.featured-products .functional-buttons {
		display: none !important;
	}

	#_desktop_cart {
		right: 10px;
	}
}


@media screen and (max-width: 600px) {
	
	.featured-products .functional-buttons {
		display: none !important;
	}

	#_desktop_cart {
		right: 10px;
	}
}

.top-menu-right {
    justify-content: flex-end;
    gap: 20px;
}

.popup-over .popup-content {
	min-width: 100px;
}


/* bug hover img produit */
.zoomContainer {
	display: none !important;
	height: 0px !important;
	width: 0px !important;
}


/* upgrade display on recent apple tablet */

#rail-div {
    display: flex;
    align-items: center;
	justify-content: center;
}

#rail-div #memgamenu-form_9179002506375980 {
    margin: 20px 0px; 
}

/* fix qui sommes nous logo twitter */

.page-cms-4 img.rs-logo {
	filter: invert(1);
	height: 20px;
	margin-bottom: 5px;
}

/* fix mobile span ' je viens récupére mes colis au drive" */ 

#drive-alert-container span {
    padding: 12px 20px 12px 10px;
}

span#drive-alert-container {
    display: inline-block;
}

/*fix promo code error */
.block-promo .promo-code {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
}

.cancel-promo .fa-window-close {
	color: #686868;
	font-size: 30px;
}

.promo-code-inline-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

a.collapse-button.promo-code-button.cancel-promo {
    margin: revert;
}

/* better design for opart devis confirmation page */

#module-opartdevis-createquotation ul.footer_links.clearfix {
    display: flex;
    margin: 30px 0px 0px 0px;
    /* font-size: 90px; */
}

#module-opartdevis-createquotation ul.footer_links.clearfix  i.fa{
    font-size: 25px;
}

/* bold in category description  not visible */

.block-category #category-description strong {
    font-weight: bolder;
}

/* payment option amélioration del'alignement et des tailles */

.payment-option label img[src*="systempay"] {
    max-height: unset; 
    max-width: unset;
    float: unset;
     margin: unset; 
}

.payment-options img {
    height: 15px;
    margin-left: 5px;
}

#checkout-payment-step #payment-option-3-container img {
    height: 23px;
}

div#payment-option-1-container img {
    height: 30px;
}


body#checkout section.checkout-step .payment-options .payment-option {
    line-height: 28px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.payment-options .paypal-mark {
	padding: 0px 5px; 
	border: none;
	margin: 0px;
}

.ps_checkout-payment-option label {
    line-height: unset;
}


body#checkout section.checkout-step .payment-options .payment-option label {
    margin-bottom: unset;
}

.ps_checkout-payment-option span.custom-radio {
    margin-right: 20px !important;
}

/* fix puces description du haut */

#js-product-list-header ul {
    color: #0b0b0b;
}

/* hide classement par catégorie des page produits */

.product-features .DIY {
	display: none;
}


/* 14/05/24 modification du mega menu pour l'ajout de la catégorie INOX */

.leo-megamenu .inox:hover .dropdown-menu {
	left: -250px;
}


.AppButton.\.promo-button.ApButton .btn {
height: 53px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-family: 'Montserrat';
background: #FFC700;
color: white;
margin-right: 10px;
}

.AppButton.\.promo-button.ApButton:hover .btn {
background: #ffc800d3;
}

.AppButton.promo-button.hide-when-burger.ApButton {
	height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: 'Montserrat';
    background: #FFC700;
    color: white;
    margin-right: 10px;
}

.promo-button .hide-when-burger .btn .btn-secondary.btn-lg {
	background: #ffc800d3;
	color: whitesmoke;
}

/* compte pro en gris foncé et  promo en jaune */

.header-top button#button-form-professionnal {
    height: 54px;
    margin-right: 10px;
    width: max-content;
    background-color: #636363;
}

.header-top button#button-form-professionnal:hover {
	background-color: #636363d7;
}

/* hide promo from menu in bigger than mobile */


@media (min-width: 992px) {
    .showOnlyInMobile {
        display: none !important;
    }
}


@media only screen and  (min-width: 992px) {
    .showOnlyInMobile {
        display: none !important;
    }
}



@media (max-width: 992px) {
    .AppButton.\.promo-button.\.hide-when-burger.ApButton {
		display: none !important;
	}

	.AppButton.promo-button.hide-when-burger.ApButton {
		display: none !important;
	}
}


@media only screen and  (max-width: 992px) {
    .AppButton.\.promo-button.\.hide-when-burger.ApButton {
		display: none !important;
	}

	.AppButton.promo-button.hide-when-burger.ApButton {
		display: none !important ;
	}
}

/*promo menu btn*/
.hide-when-burger .btn.btn-secondary.btn-lg {
    background: #FFC700;
    color: white;
    font-size: larger;
}



/* hide the paypal reassurance */

div#ps_checkout-payment-method-logo-block-container {
    display: none;
}

/* make the header smaller */

.header-top {
    margin: 5px 0 0 0;
}

.nav-down {
  
    margin-top: 1%;
    margin-bottom: 1%;
}

/* new breadcrumb */

.breadcrumb {
    background-color: #ffffff;
    color: #ffffff;
    display: flex;
    font-size: 14px;
    position: relative;
    overflow: hidden;
 
}

.breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.breadcrumb li {
    padding-left: 30px;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: fit-content;
    transition: background-color 0.3s ease;
    background-color: #fafafa;
}

.breadcrumb li:first-child {
    padding-left: 10px;
}

.breadcrumb a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 10px;
    position: relative;
    z-index: 2;
}

.breadcrumb li::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(0deg) skew(-10deg);
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -25px;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #fafafa;
    z-index: 1;
    transition: background-color 0.3s ease;
}

.breadcrumb li:last-child,
.breadcrumb li:last-child::after {
    background-color: #f0f0f0;
}

.breadcrumb li:last-child a {
    color: #333;
}

/* Hover effect */
.breadcrumb li:hover,
.breadcrumb li:hover::after {
    background-color: #f5f5f5;
}

/* Ensure the last item also changes on hover */
.breadcrumb li:last-child:hover,
.breadcrumb li:last-child:hover::after {
    background-color: #e8e8e8;
}

/* upgrade telechargmenet onglet */


.attachment {
	display: flex;
	margin: 7px 0px;
	align-items: center;
}

#attachments .attachment i {
	margin-right: 10px;
}

#attachments .attachment .attachment-text-container h4 {
	margin-bottom: 0;
}

/* page présentation compte pro version 2.0 sept2024 */

.cp-avantages-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin: 10px;
    width: 70%;
}

/* assign to each card a different background color switch between orange , whitesmoke and darkgrey */

.cp-avantages-card:nth-child(1) {
    background-color: #f5f5f5;
}

.cp-avantages-card:nth-child(2) {
    background-color: #FF8214;
}

.cp-avantages-card:nth-child(3) {
    background-color: #636363;
}


.cp-avantages-card p {
   color:  #f5f5f5; 
   font-family: 'Roboto Slab', sans-serif;
   font-weight: 500;
}

.cp-avantages-card:nth-child(1) p  {
    color: rgb(33, 33, 33);
}




.cp-avantages-container {
    display: flex;
}

.cp-img-container img {
    object-fit: cover;
    width: -webkit-fill-available;
	width: -moz-available;
    height: 300px;
}

.page-cms-10 h2 {
    margin: 40px 0px 20px 0px;
}

.page-cms-10 a {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

p#cp-1O {
    font-size: 70px;
    font-weight: bold;
    color: #FF8214;
}

#cp-img-percent {
    rotate: 15deg;
}

p.cp-big {
    font-size: 60px;
    font-weight: bold;
    line-height: 70px;
	padding-top: 20px;
}

p.cp-big small {
    font-size: 30%;
    position: relative;
    top: -35px;
}

.cp-inscription-inner-container {
	display: flex;
    align-items: center;
	background-color: #f5f5f5;
	padding: 20px; 
	border: 1px solid #ebebeb;
    border-radius: 5px;
    margin: 10px;
	line-height: 25px;
}

.cp-inscription-inner-container ul {
	margin: 0px; 
	list-style: disc;
    margin-left: 20px;
	
}

.cp-misc-container {
    text-align: right;
}

.cp-misc-container-inner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	line-height: 25px;
}

.cp-misc-container-inner a.btn.btn-default {
    border: solid 1px lightgrey;
    border-radius: 5px;
	padding: 5px; 
}

.page-cms-13 div#modal-more {
	margin-bottom: 10px;
}

/* fix white space above menu on mobile devices */

.header-top {
    margin: 0;
}


/* fix flying cart when vh is too small - 27/01/2025 */


/* Make the dropdown content flex and set a max-height */
.leo-dropdown-cart-content {
	display: flex;
	flex-direction: column;
	max-height: 80vh; 
  }
  
  /* Make the product list wrapper scrollable */
  .leo-dropdown-list-item-warpper {
	flex: 1;
	overflow-y: auto;
	min-height: 0; /* Important for Firefox */
  }
  
  /* Ensure bottom section stays visible */
  .leo-dropdown-bottom {
	flex-shrink: 0; /* Prevents this section from shrinking */
  }
  
  /* Optional: Add some spacing between sections */
  .leo-dropdown-list-item-warpper {
	margin-bottom: 10px;
  }

   /* prevent double scroll bar */
  .mCSB_scrollTools .mCSB_draggerContainer {
    opacity: 0;
} 

/* LD - 19/02/2025 - Lps Pro Account - API Handling */

  
#registration .error-message {
    color: red;
    font-size: 0.8em;
    margin-top: 5px;
  }
  
  #registration .company-selection-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(237, 237, 237);
    border: 1px solid #ccc;
    padding: 20px;
    max-width: 400px;
    width: 100%;
    z-index: 1000;
  }
  
  #registration .company-selection-modal ul {
    list-style-type: none;
    padding: 0;
  }
  
  #registration .company-selection-modal li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
  }
  
  #registration .company-selection-modal li:hover {
    background-color: #f0f0f0;
  }

  #registration	.company-selection-dropdown {
		max-height: 300px;
		width: 48%;
		justify-self: center;
	}
	
	#registration .dropdown-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		background-color: white;
		border: 1px solid #e2e8f0;
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
		max-height: inherit;
		overflow-y: auto;

	}

	#registration	.dropdown-list li {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0.5rem;
	cursor: pointer;
	border-bottom: 1px solid #e2e8f0;
	font-size: medium;
	flex-direction: column;
	color: #414141
	}

	#registration	.dropdown-list li:hover {
	background-color: #f7fafc;
	}

	#registration	.dropdown-list li:last-child {
	border-bottom: none;
	}
	#registration .company-name {
		font-weight: bold;
		flex-grow: 1;
		margin-right: 10px;
	}

	#registration	span.company-location {
    font-size: small;
	}
  
	#registration .dropdown-list li:last-child {
	border-bottom: none;
  }

  #registration  .form-control {
	color: #414141;
  }
  
  #registration  h2.registration-title {
    display: flex;
    justify-content: center;
}




/* tablet header  */
 
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

    #tablet-megamenu #mega-search-container {
        padding: 0px 20px;
    
    }

    #tablet-megamenu .header-top #search_widget {
        width: -webkit-fill-available;
    }

    header#header {
        position: relative;
    }
} 

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

    #tablet-megamenu #mega-search-container {
        padding: 0px 20px;
    
    }

    #tablet-megamenu .header-top #search_widget {
        width: -webkit-fill-available;
    }

    header#header {
        position: relative;
    }
}

/* Tablet and iPad Media Queries */
@media only screen and (min-width: 768px) and (max-width: 1024px),
       /* iPad Pro */
       only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5),
       /* iPad Mini/Air */
       only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
    #tablet-megamenu #mega-search-container {
        padding: 0px 20px;
    }

    #tablet-megamenu .header-top #search_widget {
        width: -webkit-fill-available;
    }

    header#header {
        position: relative;
    }
}

/* For iPad OS specifically */
@supports (-webkit-touch-callout: none) {
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #tablet-megamenu #mega-search-container {
            padding: 0px 20px;
        }

        #tablet-megamenu .header-top #search_widget {
            width: -webkit-fill-available;
        }

        header#header {
            position: relative;
        }
    }
}

/* LD - 07/04/2025 - fix fiche technique with multiple line on mobile 
 - fix display rupture de stock on mobile 
 - fix tableau in product-description mobile 
 -fix fiche technique with multiple line on mobile
 - fix compte pro inscription page
*/

@media only screen and (max-width: 480px) {
    .product-add-to-cart.js-product-add-to-cart {
        flex-wrap: wrap;
     }

     .product-description table {
        width: 100% !important;
        height: 100% !important;
    }

    .product-features>dl.data-sheet dd.value, 
    .product-features>dl.data-sheet dt.name {
        height: 6vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tabs .tab-content {
        padding: 8px;
    }

    .product-features  dl {
        margin-left: 0px;
    }

    .cp-avantages-card {
        width: 100%;
    }

    .cp-avantages-container {
        flex-direction: column;
    }

    .cp-inscription-inner-container {
        flex-direction: column;
    }

    #button-form-professionnal {
        height: unset;
    }

    /*form inscription pro*/
    #registration .col-md-12, #registration .col-md-6 {
        width: 95%
    }

    #registration .form-group.row {
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap; 
        justify-content: center;
    }
    
}

/* For consistency, add the same styles for standard mobile media query */
@media screen and (max-width: 480px) {
    .product-add-to-cart.js-product-add-to-cart {
       flex-wrap: wrap;
    }

    .product-description table {
        width: 100% !important;
        height: 100% !important;
    }

    .product-features>dl.data-sheet dd.value, 
    .product-features>dl.data-sheet dt.name {
        height: 6vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tabs .tab-content {
        padding: 8px;
    }

    .product-features  dl {
        margin-left: 0px;
    }
    
    .cp-avantages-card {
        width: 100%;
    }

    .cp-avantages-container {
        flex-direction: column;
    }

    .cp-inscription-inner-container {
        flex-direction: column;
    }
    #button-form-professionnal {
        height: unset;
    }

    /*form inscription pro*/
    #registration .col-md-12, #registration .col-md-6 {
        width: 95%; 
    }

    #registration .form-group.row {
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap; 
        justify-content: center;
    }
}



/* LD - 17/04/25 - Devis on mobile */


@media (max-width: 992px) { 
	#order-list .btn-primary {
        padding: 5px;
	}
    #order-list .btn-primary i {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 992px) {
	#order-list .btn-primary {
        padding: 5px;
	}
    #order-list .btn-primary i {
        margin-right: 0px;
    }
}

/* Qui sommes-nous page styles (.page-cms-4) */
.page-cms-4 {
    padding: 20px; /* Add overall padding */
    line-height: 1.6; /* Improve readability */
    text-align: left;
}

.page-cms-4 h2 .page-title {
    display: block; /* Ensure span takes full width */
    text-align: center; /* Center the main title */
    font-size: 1.8em; /* Adjust title size */
    margin-bottom: 30px; /* Space below title */
}

.page-cms-4 .section-title {
    font-size: 1.4em; /* Adjust subtitle size */
    margin-top: 40px; /* Space above subtitles */
    margin-bottom: 20px; /* Space below subtitles */
  
}

.page-cms-4 .text-content {
    margin-bottom: 15px; /* Space between paragraphs */
    text-align: left;
}

.page-cms-4 .text-content strong {
    font-weight: 600; /* Ensure strong tags are bold */
}

.page-cms-4 .image-container {
    text-align: center; /* Center images within their container */
    margin: 30px 0; /* Space around image containers */
}



/* Style images directly for responsiveness */
.page-cms-4 img.responsive-img {
    max-width: 50vw; /* Ensure images don't overflow */
    height: auto; /* Maintain aspect ratio */
    display: inline-block; /* Allow multiple images per line if needed */
    margin: 10px 5px; /* Small margin around images */
    vertical-align: middle;
}

.page-cms-4 .social-icons {
    display: flex;
    justify-content: center; /* Center align icons */
    align-items: center;
    gap: 20px; /* Space between icons */
    margin-top: 30px; /* Space above social icons */
    flex-wrap: wrap; /* Allow icons to wrap on small screens */
}

.page-cms-4 .social-icons a {
    color: inherit; /* Inherit text color */
    text-decoration: none;
}

.page-cms-4 .social-icons i {
    font-size: 25px; /* Icon size */
}

.page-cms-4 .social-icons .rs-logo {
    width: 25px; /* Twitter logo size */
    height: 25px;
    vertical-align: middle;
}

/* --- Mobile adjustments --- */
@media (max-width: 992px) {
    .page-cms-4 {
        padding: 15px; /* Reduce padding on mobile */
    }

    .page-cms-4 h2 .page-title {
        font-size: 1.6em; /* Slightly smaller title on mobile */
        margin-bottom: 25px;
    }

    .page-cms-4 .section-title {
        font-size: 1.3em; /* Slightly smaller subtitles */
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .page-cms-4 .image-container {
        margin: 20px 0; /* Reduce space around images */
    }

    .page-cms-4 img.responsive-img {
       max-width: 100%;
       display: block; /* Stack images vertically */
       margin: 15px auto; /* Center stacked images */
    }

    .page-cms-4 .social-icons {
        gap: 15px; /* Reduce gap between icons */
        margin-top: 25px;
    }



/* LD - 12/06/2025 -  breadcrumb on mobile */

@media (max-width: 767px) {
    .breadcrumb {
        top: 65px;
        margin: 5px 0px;
    }


  .breadcrumb li:last-child {
    display: none;
  }

}
/* LD - 12/06/2025 -  breadcrumb on mobile */

@media (max-width: 767px) {
    .breadcrumb {
        top: 65px;
        margin: 5px 0px;
    }


  .breadcrumb li:last-child {
    display: none;
  }

}


    .page-cms-4 .social-icons i {
        font-size: 22px; /* Slightly smaller icons */
    }

    .page-cms-4 .social-icons .rs-logo {
        width: 22px;
        height: 22px;
    }

    /* LD - 17/04/25 - Overall alignement paragraphes on mobile */
    
    #js-product-list-header .block-category-inner {
        padding: 16px 0px;
    }

    .block.text-presentation.ApHtml {
        text-align: left;
    }

    .product-detail {
        text-align: left;
    }

 
    
    

}

@media only screen and (max-width: 992px) {
    .page-cms-4 {
        padding: 15px; /* Reduce padding on mobile */
    }

    .page-cms-4 h2 .page-title {
        font-size: 1.6em; /* Slightly smaller title on mobile */
        margin-bottom: 25px;
    }

    .page-cms-4 .section-title {
        font-size: 1.3em; /* Slightly smaller subtitles */
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .page-cms-4 .image-container {
        margin: 20px 0; /* Reduce space around images */
    }

    .page-cms-4 img.responsive-img {
       max-width: 100%;
       display: block; /* Stack images vertically */
       margin: 15px auto; /* Center stacked images */
    }

    .page-cms-4 .social-icons {
        gap: 15px; /* Reduce gap between icons */
        margin-top: 25px;
    }

    .page-cms-4 .social-icons i {
        font-size: 22px; /* Slightly smaller icons */
    }

    .page-cms-4 .social-icons .rs-logo {
        width: 22px;
        height: 22px;
    }

     /* LD - 17/04/25 - Overall alignement paragraphes on mobile */
    
     #js-product-list-header .block-category-inner {
        padding: 16px 0px;
    }

    .block.text-presentation.ApHtml {
        text-align: left;
    }

    .product-detail {
        text-align: left;
    }

}

.product-detail p {
    text-align: left;
}


/* LD - 17/04/25 - Tabs on mobile */
@media (max-width: 992px) {
    .product-detail .tabs .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 992px) {
    .product-detail .tabs .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
    }
}


/* LD - 17/04/25 - Alert (case à cocher transporteur) */
#checkout-delivery-step .alert {
    padding: 12px 20px 12px 50px;
    display: flex;
    gap: 10px;
}

/* LD - 17/04/25 - Price display on checkout mobile */

@media (max-width: 992px) {
    .delivery-option .carrier-price {
        font-size: medium;
        font-weight: bold;
    }

    .delivery-option :has(.carrier-price) {
        margin-top: 8px;
    }
}


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

    .delivery-option .carrier-price {
        font-size: medium;
        font-weight: bold;
    }

    .delivery-option :has(.carrier-price) {
        margin-top: 8px;
    }
   
}


/* LD - 23/04/25 - Quick fix to hide un produit sofradef Poignée serrure aluminium à crochet 75mm */
.product-id-1714 #group_51 option[title="75 mm "]{
    display: none;
}

/* LD - 20/05/25 - Default Disc for ul / li */

.product-description ul, #category-description ul, #js-product-list-bottom ul {
    list-style: disc;
}

/* LD - 27/05/2025 - full width burger menu */

@media (max-width: 991px) {
    .off-canvas-nav-megamenu .offcanvas-mainnav {
        position: relative;
        width: 100vw;
        left: -100vw;
    }

    .off-canvas-active > .off-canvas-nav-megamenu.active {
        left: 0px;
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
        transform: translateX(100vw);
        -webkit-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        transition: all 400ms ease 0s;
    }

    .off-canvas-active > #page {
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
        transform: translateX(100vw);
        -webkit-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        transition: all 400ms ease 0s; 
    }

    off-canvas-nav-megamenu .offcanvas-mainnav {
        background-color: #FF8214;
        position: absolute;
        top: 0;
        width: 100vw;
        overflow: hidden;
        left: -100vw; 
    }

    .rtl .off-canvas-nav-megamenu .offcanvas-mainnav {
        right: 100vw;
        left: auto; 
    }
}

/* LD - 12/06/2025 -  breadcrumb on mobile */

@media (max-width: 767px) {
    .breadcrumb {
        top: 65px;
        margin: 5px 0px;
    }


  .breadcrumb li:last-child {
    display: none;
  }

}

/* LD - 17/06/2025 -  Gestion des produits en rupture de stock */

.product-flags .product-flag.out_of_stock {
    background: #888888;
    color: #ffffff;
    z-index: 2;
    padding: 8px;
    text-align: center;
    min-width: 200px;
    position: absolute;
    top: 70px;
    left: -55px;
    transform: rotate(-45deg);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 300px;
    text-transform: uppercase;
    letter-spacing: 1px;
}  

.product-additional-info .tabs {
    margin: 10px;
}


/* LD - 17/06/2025 -  Centrer les imgs dans les présentations de produits */

#description p img {
    display: flex;
    justify-content: center;
}


/* LD - 17/06/2025 -  Alignements des caractéristiques dans les produits BO */

.product-page .product-feature {
    gap: 0;
}

/* LD - 19/06/2025 -  Puces disque pour la description des produits  */

.description-short ul {
    list-style-type: disc;
}


/* LD - 30/06/2025 -  Fix img dans le mode de livraison */

.delivery-options-list img {
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}

/* LD = 08/07/2025 */

select#order_status {
    font-size: smaller;
}




/* ld - heading style for defaut description */
.more-info-product .title-info-product {
    margin-bottom: 0.9375rem;
    font-size: 1.3rem;
    position: relative;
    color: #272727;
    padding: 26px 0 18px 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.more-info-product {
    background: #fafafa;
    padding: 40px;
}

.more-info-product h2 {
    margin: 2rem 0;
}

.more-info-product .product-description {
    margin-left: 0px;
}

/* Ancres en dessous du header */
@media (min-width: 990px) {
    :target {
        scroll-margin-top: 200px;
    }
}

/* LD - 03/09/2025 -  Couleur des liens dans la description  */

.product-info-mobile a {
    color: #FF8214;
}

#page-cms-3 a {
    color: #FF8214;
}

#page-cms-3 a.btn.btn-default {
    background-color: #FF8214;
    border: #FF8214;
    padding: 0.25rem;
    border-radius: 2px;
} 




/* LD - 11/12/2025 - Hover organge sur les titres de premier niveau dans le mégamenu */


li.nav-item.sous-menu.leo-1 .nav-link>.menu-title:hover {
        color: #FF8214 !important;
}

/* LD - 14/01/26 - Modification de l'affichage du menu caillebottis qui est devenu trop chargé */

@media (width > 990px) {
    .caillebottis .dropdown-menu ul {
        column-count: 3;
  
    }
}

@media (width > 990px) {
    .leo-megamenu .caillebottis:hover>.dropdown-menu {
        left: -500px;
    }
}

@media (width < 1150px) {
    .caillebottis .dropdown-menu ul {
        column-count: 2;
    }
}

@media (width < 1150px) {
    .leo-megamenu .caillebottis:hover>.dropdown-menu {
        left: -300px;
    }
}




/* LD - 19/01/26 - Newsletter Footer*/

#blockEmailSubscription_displayFooter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
}

#blockEmailSubscription_displayFooter form > div {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
}