@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,82,800;0,100,400;0,100,700;1,100,400;1,100,700&display=swap');

.bg-dark-red {
	background-color: #dc3545;
}
.bg-dark {
	background-color: #212529;
}
.bg-primary {
	background-color: #dc3545;
}
.bg-secondary {
	background-color: #6c757d;
	}
.bg-white {
	background-color: #ffffff;
}
.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}


#header, h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-stretch: 82%;
font-display: swap;
}

h1 {
	font-size: 2.45rem;
}
h2 {
	font-size: 1.60rem;
}
h3 {
	font-size: 1.40rem;
}
h4 {
	font-size: 1.25rem;
	}
body#index #wrapper {
	padding-top: 0;
	background: #f6f6f6
}
	/*header*/
#header .header-nav {
	border-bottom: 8px solid red;
}
#_desktop_contact_link #contact-link a {
	text-transform: uppercase;
}
#_desktop_cart .blockcart.inactive, #_mobile_cart .blockcart.inactive {
	background-color: transparent!important;
}
#header .header-top {
padding:0;	
}


/* haut catégorie */
.titre-cat{}

.bg-transparent {
	background-color: transparent!important;
}
.titre-cat span {
display: block;width: 100px;height: 6px;
background-color: #dc3545; margin :0 auto 1rem auto;
}

.block-categories {
margin-left: -15px;
}
.category-textile 
/* bloc footer rsfollow*/
.block-social ul {
}


#footer-copy a {
	color: #dadada;
}
.footer-container .h3, #block_myaccount_infos .myaccount-title a {
	color:#dc3545;
}
#footer-copy a:hover{
	color: #dadada;
	padding-bottom: 4px;
	border-bottom: 1px dashed #dadada;
}

@media screen and (max-width: 767px) {
	.logo-sluc {
	display: block;
	width: 50px;
	height: 30px;
	background: transparent url('../img/logo-message-factory.png') no-repeat left top;
	background-size: contain;
	z-index: 100;
}
    #search_widget {
        margin: 0.65rem 0;
    }
	#header .header-top {
	padding:0;
}
#header .header-nav {
	border-bottom: 8px solid red;
	}
	.block-categories {
margin-left: 0;
}
}

@media screen and (min-width: 768px) {
	.logo-sluc {
	display: block;
	width: 130px;
	height: 77px;
	background: transparent url('../img/logo-message-factory.png') no-repeat left top;
	background-size: contain;
	z-index: 100;
	margin-top:-8px;
	margin-bottom: 0px;
	}
}
@media screen and (min-width: 981px) {
	.logo-sluc {
	display: block;
	width: 200px;
	height: 118px;
	background: transparent url('../img/logo-message-factory.png') no-repeat left top;
	background-size: contain;
	z-index: 100;
	margin-top:-8px;
	margin-bottom: 0px;
	}
}

/*header mobile*/
#mobile_top_menu_wrapper .js-top-menu-bottom #lien_business, #mobile_top_menu_wrapper .js-top-menu-bottom #lien_billetterie {
	padding: 0.65rem;
}
nav.header-nav .mobile h1{
	 font-size:1.7rem;
	 line-height: 100%;
}

#_mobile_logo a {
	display: block;
position: relative;
	margin: 0.3rem 0;
}

/*header desktop*/
.top-menu a[data-depth="0"] {
	font-size: 1.3rem;
}


/*espaces margin-padding*/

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}