@font-face {
    font-family: 'Diagramm';
    src: url('font/Diagramm/TTF/Diagramm-Regular.ttf') format('truetype');
}  
@font-face {
    font-family: 'Gilmer';
    src: url('font/Gilmer/Gilmer/Gilmer-Regular.otf') format('opentype');
}  


/* Classes globales */

body {
    background: white!important;
    font-family: Gilmer;
}
p {
    margin: 0!important;
}
p+p {
    margin-top: 10px!important;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-family: Diagramm;
    color: #000;
    font-weight: 700;
}
a, a:hover {
    color: #333;
    text-decoration: none;
}
a.link, a.link:hover {
    color: rgb(0, 140, 186);
    text-decoration: underline;
}
ul {
    /*display: table;*/
    list-style: none;
    padding: 0;
    margin: 0;
}
.hidden {
    display: hidden;
}
.line {
    float: left;
    width: 100%;
}
.clear {
    clear: both;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}
.nav-list > li > .submenu .open > a, .nav-list > li > .submenu .open > a:hover, .nav-list > li > .submenu .open > a:focus{
	/* border-color: transparent; */
}

.nav-list > li > .submenu:before {
    /* border: none; */
}
.nav-list > li > .submenu > li:before {
    /* border: none; */
}
.nav-list li.active>a:after, .nav-list>li.active:after {
    /* border: none; */
}
.nav-list>li a>.arrow {
    /* top: 11px; */
    /* padding-left: 8px; */
}
.nav-list>li>a:hover:before {
    /* background: none; */
}

.nav-list > li .submenu {
	/* border: none; */
}

.main-content {
    padding: 15px;
}
.page-content {
    background: none!important;
    padding: 0;
}
/* Page de connexion */

/* .login_b */

/*liste langue*/
.home_change_langage .dropdown-menu{
    background-color: lightgray;
    border: medium none;
    box-shadow: none;
    min-width: 0;
    top: 33px;
}   
.dropdown-menu li a{
    /* color: #FFFFFF; */
}

a.menu_button{
    border-style: none;
}

.home_header{
    width: 100%;
    margin: 0 auto;
    color: #000a0b;
    
}
.home_header .home_change_langage .lang_button {
    border: none;
    float: none;
    display: flex;
    align-items: center;
    padding: 0;
}

.home_header .home_change_langage{
    float: right;
    margin: 1rem 2rem 0 0;
}
.home_header .home_change_langage .flag {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
    background: lightgray;
    color: #1a171b;
    font-weight: 900;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_lang{
	background-image: url("img/icons/CHOIXLANGUE-blanc.png");
    background-size: 30px auto;
    display: inline-block;
    height: 35px;
}

.login-layout .main-content {
    padding: 0!important;
}
.login_brosette {
    position: absolute;
    left: 0;
    top: 0;
}

.login_wallpaper {
    height: 100vh;
    width: 40%;
    overflow: hidden;
    position: sticky;
    top: 0;
    left: 0;
    float: left;
    background: url("img/monoprint_wallpaper.png") no-repeat center top;
    background-size: cover;
}
.login_forms {
    height: 100vh;
    width: 60%;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
}

.login_zone_b {
    width: 80%;
    margin: 0 auto;
}
/* .login_form_b {} */
.login_form_b .line {
    padding-top: 2rem;
}
.login_form_b h2 {
    font-family: 'Gilmer', sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}
.login_form_b label {
    font-family: 'Gilmer', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
}
.login_form_b .forgot label {
    font-size: 12px;
}
.login_form_b .validate a {
    float: left;
    margin-bottom: 10px;
    color: #000a0b;
    background: url("img/login_indicateur_rouge.png") left center no-repeat;
    font-family: arial;
    font-size: 12px;
    display: block;
    padding: 2px 0 0 16px;
}
.login_form_b .forgot a {
    font-family: 'Gilmer', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;

}
.login_form_b input {
    padding-left: 9px!important;
}
.login_form_b input[type="text"], .login_form_b input[type="password"] {
    font-family: 'Gilmer', sans-serif;
    width: 100%;
    height: 40px;
    border: 2px solid #E6E6E6;
    border-radius: 4px;
}
.login_form_b input[type="checkbox"] {
    border: 2px solid #E6E6E6;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    margin: 0 !important;
}
.login_form_b label[for="remember_me"] {
    margin-left: 1rem;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.42px;
}
.login_form_b button {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border: none;
    border-radius: 8px;
    background-color: #F2F2F2;
    transition: background-color .2s;

    /* color: black; */
    font-family: 'Gilmer', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}
.login_form_b button:hover {
    background-color: #c4c4c4;
}
.login_title {
    padding: 8rem 0;
    width: 100%;
}
.login_title img.trademark {
    max-width: 80%;
    max-height: 4rem;
}
.login_title h2.blabla {
    font-family: 'Diagramm', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-top: 2rem;
}

.login_degrade {
    /*background: url("img/form_degrade2.jpg") center top repeat-x;*/
    position: absolute;
    width: 100%;
    height: 238px;
    z-index: -1;
    /*margin-top: 80px;*/
}
.login_logo {
    background: url("img/login_logo.png") center center no-repeat;
    width: 242px;
    height: 59px;
    margin: 0 auto;
}
.remember input, .remember label {
    float: left;
}
.remember input {
    width: 30px!important;
    margin-top: 3px!important;
}
.login-layout .widget-box {
    width: auto!important;
    background: none!important;
    position: relative!important;
    height: 0;
}
.login-layout .widget-box.visible {
    height: auto;
}
/* Page d'accueil */

.bloc_b {
    font-size: 12px;
}
.tel_assist {
    border-bottom: 1px solid #1a171b;
    border-top: 1px solid #1a171b;
    width: 100%;
    overflow: hidden;
    color: #1a171b;
    margin-top: 20px;
    margin-bottom: 15px;
}
.tel_assist h5 {
    position: absolute;
    margin-top: -10px;
    margin-left: 16%;
    background: white;
    padding: 0 5px;
    font-weight: bold;
}
.tel_assist h6 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
}
/* Header simply */

.newHeader {
    /* background: url("img/monop_homepage_top.jpg") no-repeat center; */
    /* background-color: #22807c; */
    height: 72px;
    /* background-size: contain; */
    /* margin: 0 auto; */
    /* width: 1280px; */
    /* position: relative; */
    display: flex;
    justify-items: center;
    padding: 2rem;
}

.header-logo {
    height: 100%;
    /* margin: 0 1rem 0 2rem; */
}

.div_header_magasin {
    /* left: 860px;
    position: absolute;
    top: 21px; */
}

.header_user {
    /* background-image: url("img/icons/utilisateur_blanc.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    left: 1060px;
    position: absolute;
    top: 20px;
    width: 180px; */
}

.header_user a{
	/* color: white; */
}

.select_magasin {
	/* border: 0 none;
    color: #303030;
    width: 250px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("img/down_arrow_select.png") no-repeat scroll right center #fff;
    position: absolute;
    top: 23px;
    left: 600px; */
}

.select_magasin:focus {
	border: none;
}

.menu_button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color white;
    border-image: none;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: white;
    height: 35px;
}

.aide_button {
    /* background-image: url("img/icons/aide_blanc.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    padding-left: 38px;
    float: left; */
}

.admin_button {
	background-image: url("img/icons/administration_blanc.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    padding-left: 45px;
}

.header_b {
    /*height: 300px;*/
}
.first_nav>.content {
    max-width: 960px;
    width: 100%;
    height: 127px;
    margin: 0 auto;
}
.first_nav h1 {
    background: url("img/Logo_TFM_noir_mini.png") no-repeat;
    width: 130px;
    height: 65px;
    padding: 0;
    margin: 35px 0 0 0px;
    text-indent: -9999px;
    position: absolute;
}
.test5 h1 {
    background: url("img/Logo_TFM_noir_mini.png") no-repeat;
    margin-top: 30px;
    width: 125px;
    height: 107px;
}
.test5 h2 {
    text-transform: uppercase;
    float: left;
    margin-left: 145px;
    margin-top: 35px;
    font-size: 20px;
}
.first_nav h1 a {
    display: block;
    width: 138px;
    height: 134px;
}
.test5 h1 a {
    width: 110px;
    height: 107px;
}
.menu_1 {
    width: 620px;
    float: left;
    border-bottom: 1px solid #afaab4;
    margin-left: 150px;
}
.menu_1 ul {
    list-style: none;
    float: left;
    margin: 40px 0 -7px 0;
    width: 600px;
    padding: 0;
}
.menu_1 ul>li {
    float: left;
    margin-left: 40px;
    font-size: 15px;
    font-weight: bold;
    background: url("img/firstnav_indicateur_Jaune.png") left bottom no-repeat;
    padding-bottom: 20px;
    padding-left: 5px;
}
.menu_1 ul>li>a {
    color: #333;
}
.menu_1 ul>li>a:hover {
    text-decoration: underline;
}
.user_granted {
    /*position: absolute;*/
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
}
.ace-nav {
    float: right;
}
.ace-nav select {
    height: 31px;
}
.ace-nav>li.light-blue>a {
    background: #1a171b;
}
.ace-nav>li.light-blue>a:hover, .ace-nav>li.light-blue>a:focus, .ace-nav>li.open.light-blue>a {
    background: #1a171b!important;
}
.ace-nav>li>a {
    background: #268c89;
}
.ace-nav>li>a:hover {
    background: #22807c;
}
.home_banner {
    background: url("img/home_banner.png") top center repeat-x;
    height: 262px;
    text-align: center;
    padding-top: 245px;
}
.home_title {
    border-bottom: 1px solid black;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0;
}
/* Siderbar */

.sidebar_b {
    /* border-right: 1px solid black; */
    /*margin-left: -70px;*/
    padding-bottom: 12px;
    /*width: 285px;*/
}
.nav-list>ul {
    border-right: 1px solid black;
}
.nav-list > li > a {
    /* border-bottom: 1px solid;
    height: 35px;
    line-height: 25px;
    margin-left: 4px;
    margin-right: 15px;
    background-color: #fff; */
}

.nav-list > li .submenu > li > a {
	/* border: none;
    color: #616161;
    display: block;
    margin: 0;
    position: relative; */
}

#menu {
    /*border-right: 1px solid #c0c0c1;*/
    margin-top: 24px;
    list-style: none;
}
#menu.short {
    /* margin-top: 13px; */
}

#menu li a:hover, #menu li.active>a {
    /* color: #1a171b; */
}

#menu li.open > a {
	border-bottom: none;
}

#menu li.open a {
    background: none;
}
#menu ul {
    list-style: none;
}
#menu li.active .btn-default {
    background-color: #F5F5F5 !important;
    color: #E22121;
}
#menu li.active li:not(.active) .btn-default {
    color: unset;
    background-color: unset !important;
}
#menu li a:not(.collapsed) img.arrow,
#accordion_commandes a:not(.collapsed) img.arrow,
#accordion_thematics a:not(.collapsed) img.arrow {
    content: url(img/icons/keyboard_arrow_up.svg);
}
#menu li.active img.home {
    content: url(img/icons/home_red.svg);
}
#menu li.active img.campaign {
    content: url(img/icons/widgets_red.svg);
}
#menu li.active img.panier {
    content: url(img/icons/local_grocery_store_red.svg);
}
#menu li.active img.commande {
    content: url(img/icons/receipt_long_red.svg);
}
#menu li.active img.reporting {
    content: url(img/icons/bar_chart_red.svg);
}
#menu li.active img.contact {
    content: url(img/icons/contact_support_red.svg);
}
#menu li.active img.faq {
    content: url(img/icons/quiz_red.svg);
}
#menu li.active img.admin {
    content: url(img/icons/store_red.svg);
}
#menu .btn-default:hover {
    background-color: #F5F5F5 !important;
}
#menu .btn {
    border: none !important;
    text-align: left;
    padding-left: 2rem;
    padding: 8px 16px;
}

/* TEMPORAIRE */

.test1, .test2, .test5 {
    width: 100%;
    float: left;
}
.test1 {
    background: url("img/header_degrade_jaune.jpg") center top repeat-x;
    height: 100px;
}
.test2 {
    background: url("img/Bandeau_interieur.jpg") center top no-repeat;
    height: 176px;
    margin-top: 10px
}
.test5 {
    height: 55px;
}
.grid {
    /* max-width: 1440px; */
    /*border: 1px solid red;*/
    
    margin: 0 auto;
}
.test3 {
    float: left;
    width: 18%;
    /* max-width: 300px; */
    /* margin-right: 12px; */
}
.test4 {
    width: 82%;
    /* max-width: 1300px; */
    /*padding: 12px 0 0 0;*/
    padding: 32px;
    float: left;
    /*border: 1px solid green;*/
    background-color: #F1EFEE;
}
.menu_b {
    padding: 0;
    margin: 0;
}
.menu_b>li {
    min-height: 24px;
    display: block;
    vertical-align: middle;
    padding: 4px 0 0 25px;
    font-size: 13px!important;
}

.menu_b > li {
    display: block;
    font-size: 12px !important;
    min-height: 24px;
    padding: 10px 0 0 30px;
    vertical-align: middle;
}

.nav-list > li {
	/* border: none;	 */
}

.menu_b>li:last-child {
    padding-bottom: 12px;
}
.menu_b .home_p {
    background: url("img/icons/accueil.png") no-repeat scroll -2px 4px / 35px auto rgba(0, 0, 0, 0);
}
.menu_b .video_p {
    background: url("img/icons/video.png") no-repeat scroll -2px 4px / 35px auto rgba(0, 0, 0, 0);
}
.menu_b .cart_p {
    background: url("img/icons/panier.png") no-repeat scroll -5px -1px / 40px auto rgba(0, 0, 0, 0);
}
.menu_b .command_p {
    background: url("img/icons/commandes.png") no-repeat scroll -8px -1px / 45px auto rgba(0, 0, 0, 0);
}
.menu_b .webbanner_p {
    background: url("img/icons/jpg.png") no-repeat scroll -6px 0px / 42px auto rgba(0, 0, 0, 0);
}
.menu_b .calendar {
    background: url("img/icons/plv.png") no-repeat scroll -11px -10px / 57px auto rgba(0, 0, 0, 0);
}

.menu_b .alert_p {
   background: url("img/icons/plan_action_commerce.png") no-repeat scroll 5px 3px / 27px auto rgba(0, 0, 0, 0);
}
.menu_b .admin_b {
    background: url("img/icons/administration_noir.png") no-repeat scroll 2px 6px / 24px auto rgba(0, 0, 0, 0);
}
.menu_b .produit_b {
    background: url("img/icons/base_produit.png") no-repeat scroll 0px 3px / 30px auto rgba(0, 0, 0, 0);
}

.menu_b .contact_b {
    background: url("img/icons/contact.png") no-repeat scroll -11px -7px / 50px auto rgba(0, 0, 0, 0);
}

.menu_b .contact_c {
    background: url("img/icons/icon_noir.png") no-repeat scroll -1px 9px / 28px auto rgba(0, 0, 0, 0);
}

.menu_b .reporting_p{
   background: url("img/icons/reporting.png") no-repeat scroll -17px -12px / 65px auto rgba(0, 0, 0, 0);
}

.texte_bg_cyan {
    background: none repeat scroll 0 0 #d30013;
    color: white;
    font-family: Verdana;
    font-weight: normal;
    margin: 0;
    padding: 8px 10px;
}
h4.texte_bg_cyan {
    /*font-weight: bold;*/
    font-size: 14px;
}
a.texte_bg_cyan {
    color: white;
    cursor: pointer;
    display: block;
}
a.texte_bg_cyan:hover {
    text-decoration: none;
    background: #00baba;
}

.separator {
    background-color: #F2F2F2;
    width: 100%;
    height: 1px;
    margin: 24px 0;
}
.separator.dark {
    background-color: #C1C1C1;
}
.separator-vertical {
    background-color: #F2F2F2;
    height: 2em;
    width: 1px;
    margin: 0 24px;
}
.separator-vertical.dark {
    background-color: #C1C1C1;
}

.title-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 1rem;
}

.title-group h3 {
    margin: 0;
    font-size: 1.2rem;
}

.title-group.baseline {
    align-items: baseline;
}
.title-group.end {
    justify-content: end;
}
.btn-toolbar-link {
    background-color: #fff;
    padding: 10px 12px;
}
.btn-toolbar-link .btn-link {
    color: unset;
    text-decoration: unset;
}
.btn-link .dropdown-menu {
    color: #000;
}
.border-gray {
    border: 1px solid #E6E6E6;
}
.p-0 {
    padding: 0!important;
}
.p-1 {
    padding: 0.5rem!important;
}
.p-2 {
    padding: 1rem!important;
}
.p-3 {
    padding: 1.5rem!important;
}
.p-4 {
    padding: 2rem!important;
}
.pt-0 {
    padding: 0!important;
}
.pr-0 {
    padding-right: 0!important;
}
.pr-1 {
    padding-right: 0.5rem!important;
}
.pr-2 {
    padding-right: 1rem!important;
}
.pr-3 {
    padding-right: 1.5rem!important;
}
.pr-4 {
    padding-right: 2rem!important;
}
.pl-0 {
    padding-left: 0!important;
}
.pl-1 {
    padding-left: 0.5rem!important;
}
.pl-2 {
    padding-left: 1rem!important;
}
.pl-3 {
    padding-left: 1.5rem!important;
}
.pl-4 {
    padding-left: 2rem!important;
}
.pb-0 {
    padding-bottom: 0!important;
}
.pb-1 {
    padding-bottom: 0.5rem!important;
}
.pb-2 {
    padding-bottom: 1rem!important;
}
.pb-3 {
    padding-bottom: 1.5rem!important;
}
.pb-4 {
    padding-bottom: 2rem!important;
}
.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-1 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}
.py-2 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-3 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-4 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}
.px-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-1 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
.px-2 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-3 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-4 {
    padding-right: 2rem!important;
    padding-left: 2rem!important;
}
.m-0 {
    margin: 0!important;
}
.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-1 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}
.my-2 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-3 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-4 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important;
}
.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-1 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
}
.mx-2 {
    margin-right: 1rem !important;
    margin-left: 1rem!important;
}
.mx-3 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-4 {
    margin-right: 2rem !important;
    margin-left: 2rem!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-1 {
    margin-top: 0.5rem!important;
}
.mt-2 {
    margin-top: 1rem!important;
}
.mt-3 {
    margin-top: 1.5rem!important;
}
.mt-4 {
    margin-top: 2rem!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-1 {
    margin-bottom: 0.5rem!important;
}
.mb-2 {
    margin-bottom: 1rem!important;
}
.mb-3 {
    margin-bottom: 1.5rem!important;
}
.mb-4 {
    margin-bottom: 2rem!important;
}
.mr-auto {
    margin-right: auto!important;
}
.mr-0 {
    margin-right: 0!important;
}
.mr-1 {
    margin-right: 0.5rem!important;
}
.mr-2 {
    margin-right: 1rem!important;
}
.mr-3 {
    margin-right: 1.5rem!important;
}
.mr-4 {
    margin-right: 2rem!important;
}
.ml-auto {
    margin-left: auto!important;
}
.ml-0 {
    margin-left: 0!important;
}
.ml-1 {
    margin-left: 0.5rem!important;
}
.ml-2 {
    margin-left: 1rem!important;
}
.ml-3 {
    margin-left: 1.5rem!important;
}
.ml-4 {
    margin-left: 2rem!important;
}
.btn {
    border-radius: 8px;
    background-color: #F1EFEE;
    font-family: unset !important;
    font-weight: 700;
}
.btn img.icon {
    height: unset !important;
    width: unset !important;
    margin-right: 1rem;
}
.btn-default {
    background-color: #fff !important;
}
.btn-danger {
    background-color: #E22121 !important;
}
.btn-success {
    background-color: #4AA23E !important;
}
.btn-default:hover, .btn-default:active, .btn-default:visited {
    border-color: #b4b4b4 !important;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:visited {
    background-color: #b31d1d !important;
}
.btn-success:hover, .btn-success:active, .btn-success:visited {
    background-color: #397e30 !important;
}
p img.icon {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 4px;
}

.actu {
    /* padding-top: 12px; */
}
.actu {
    /* padding: 10px; */
}
.actu h5 {
    font-weight: 700;
    font-size: 14px;
    color: #000;
}
.actu p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.actu:last-child {
    /*margin-bottom: 12px;
    padding-bottom: 0;
    border: none;*/
}
.actu>.actu_img, .actu>.content {
    float: left;
}
.actu_img img {
    height: 140px;
    width: 140px;
    object-fit: contain;
}
.actu>.actu_img {
    width: 140px;
    height: 140px;
    margin-right: 15px;
    text-align: center;
}
.actu>.content {
    font-size: 12px;
    width: 54%;
}
.indicLink {
	margin-left: 70px;
    color: #333;
    background: url("img/login_indicateur.png") right center no-repeat;
    padding-right: 15px;
    font-weight: bold;
    border: none;
}
.indicLink:hover {
    color: #1a171b;
}
.assistance {
    /*margin: 12px 0;
    border: 1px solid #918c85;
    background: #918c85;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-bottom: 6px;*/
}
.assistance h5 {
    font-size: 15px;
    margin-top: 12px;
    font-weight: bold;
}
.assistance p {
    margin-top: 5px !important;
    float: left;
    width: 100%;
    font-size: 22px;
}
.assistance a {
    color: white;
    margin-top: -2px;
    font-size: 15px;
    float: left;
    width: 100%;
    text-align: center;
}
.assistance a:hover {
    text-decoration: underline;
}
.assistance > .img {
    background: url("img/operatrice.jpg") no-repeat scroll left center / auto 100% #ffffff;
    height: 125px;
    width: 116px;
    float: left;
}

.assistance_text {
    background-color: #d92820;
    color: white;
    float: left;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: bold;
    height: 125px;
    line-height: 1.3;
    padding: 11px 5px 0;
    text-align: center;
    width: 184px;
}

.assistance p.info {
    font-size: 11px !important;
    margin-top: 0px ! important;
}
.black_link {
    color: black;
    text-decoration: underline;
}
.black_link:hover {
    text-decoration: underline;
    color: #666;
}
.resume {
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccd;
}
.resume:last-child {
    margin-bottom: 12px;
    border: none;
}
.resume h5 {
    font-size: 13px;
}
.resume ul {
    font-size: 13px;
    margin-left: 40px;
}
.resume span, .kit-comm span {
    color: #1a171b;
    margin-right: 10px;
}
.logo_simply_mini {
    background: url("img/simply_mini.png") right center no-repeat;
    width: 100%;
    height: 46px;
    margin: 12px 0 0 0;
}
.fil_ariane {
    width: 100%;
    /*float: left;*/
    margin-bottom: 32px;
}
.fil_ariane ul {
    float: left;
}
.fil_ariane ul>li {
    float: left;
    margin-left: 8px;
    background: url("img/ariane_sep.jpg") right center no-repeat;
    padding-right: 15px;
}
.fil_ariane ul>li:first-child {
    margin-left: 0;
}
.fil_ariane ul>li:last-child {
    background: none;
}
.fil_ariane ul>li a {
    color: #7a8284;
}
.fil_ariane ul>li a:hover {
    color: #1a171b;
    text-decoration: underline;
}
.fil_ariane ul>li.active {
    color: #646e70;
}
.etapes {
    height: 40px;
    width: 100%;
    margin: 25px auto 0 auto;
}
.etapes ul {
    /*background-color: #c6ced2;
    height: 30px;*/
}
.etapes ul>li {
    /*margin-top: 5px;
    float: left;
    margin-left: 25px;
    color: #c3bec7;*/
    border-top: 2px solid silver;
    color: #c3bec7;
    float: left;
    height: 50px;
    margin-top: 5px;
    padding-top: 10px;
    text-align: center;
    width: 196px;
}
.title{
    /*background-image: url("img/icons/non_valider_noir.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
    padding-left: 25px;
    color: gray;*/
    background-image: url("img/icons/indicateur_normal.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: gray;
    margin: 0 auto;
    padding-top: 40px;
}
.etapes ul>li.active {
    /*background: url("img/cmd_indicateur_hover_jaune.png") bottom left no-repeat;*/
    color: #1a171b;
    /*font-weight: bold;*/
}

.etapes ul>li.active>.title{
	/*background-image: url("img/icons/valider_noir.png");*/
	background-image: url("img/icons/indicateur_select.png");
	color: #303030;
}

.etapes ul>li:first-child {
    /*margin-left: 25px;*/
}

.etapes ul>li.disabled {
	opacity: 0.3;
}

.w-100 {
    width: 100%;
}

.model_vignette {
    float: left;
    /* margin: 12px 0; */
    padding: 24px;
    width: 100%;
}
.vignette-image img {
    float: left;
    max-width: 150px;
    max-height: 124px;
    object-fit: contain;
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
}
.vignette-image {
    width: 30%;
}
.vignette-data {
    width: 70%;
}
.model_vignette_info {
    float: left;
    width: 100%;
    display: flex;
    gap: 24px;
}
.model_vignette .text {
    float: left;
    /*width: 100%;*/
}
.vignette_list ul {} .vignette_list li {
    border: none;
}
.model_vignette_info a {
    color: #1a171b !important;
}
.cyanTable {
    width: 100%;
    margin: 0 0 12px 0;
}
.cyanTable thead {
    background: #d30013;
    color: white;
    /*text-transform: uppercase;*/
}
.cyanTable th {
    border-right: 1px solid white;
    padding: 5px 12px;
    white-space: nowrap;
}
.cyanTable td {
    /*background: #f9fafb;*/
    padding: 12px;
}
.col_separator {
    background: white!important;
    /*width: 12px;*/
    padding: 0!important;
    border: none!important;
}
.panel_b {} .produits_b {
    border: 1px solid #e4e6e7;
    background: #f9fafb;
    margin-top: 12px;
}
.produits_b h3 {
    padding: 3px 10px;
}
.title_cat {
    border-radius: 0;
    clear: both;
    text-transform: capitalize;
}

.title_scat{
    text-transform: capitalize;
}

.title_sscat{
    text-transform: capitalize;
}

.ace-thumbnails>li {
    border: 1px solid #949494;
    border-radius: 3px;
    width: 31%;
    margin: 1%;
}

.listemagasins {
	    height: 300px;
	        overflow: auto;
	}
.listemagasins .ace-thumbnails > li {
		   /* width: 100%;*/
	    }

.listemagasins li.no-border {
		        border: 0 none;
		}
.bgwhite, .bgwhite td {
    background: white!important;
    border: none!important;
    padding: 0!important;
}
.action {
    background: #1a171b!important;
    border-color: #1a171b;
}
.action:hover {
    background: #00bfbf!important;
    border-color: #00bfbf;
}
.alert {
    width: 100%;
    /* float: left; */
}
.profile-info-row {
    min-height: 32px;
}
.no_border {
    border: none;
}
.form-horizontal input[type="text"], .form-horizontal input[type="email"], .form-horizontal select {
    /* width: 250px; */
}
.form-horizontal input[type="submit"] {
    /* margin-left: 12px; */
}
div.field_form label {
    background-image: none;
    padding-left: 0;
}
.ace-thumbnails>li {
    width: auto;
}
.process {
    /*height: 65px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #a29da8;*/
}
.lt_btn {
    font-size: 12px;
}
.col-md-12+.col-md-12 {
    margin-top: 12px;
}
.nav-list>li .submenu>li>a {
    padding-left: 12px;
}
.nav-list > li > .submenu li > .submenu > li > a {
    /* margin-left: 20px; */
    /* padding-left: 0; */
}
.widget-box {
    margin-bottom: 12px;
}
.dropdown-yellow li a:hover, .dropdown-yellow li a:focus, .dropdown-yellow li a:active, .dropdown-yellow li.active a, .dropdown-yellow li.active a:hover, .dropdown-yellow .dropdown-submenu:hover>a, .nav-tabs .dropdown-yellow li>a:focus {
    background: #94d4d4;
}
.div_header_magasin .dropdown-menu{
    /*min-width : auto;
    top : 0px;
    background-color : #99A5AD;
    box-shadow: none;
    border: none;
    color : #FFFFFF;*/
    background-color: #99a5ad;
    border: medium none;
    box-shadow: none;
    color: #ffffff;
    left: -40px;
    position: relative;
    top: 22px;
    width: 42px;
    min-width: 0px;
}
.div_header_magasin .dropdown-menu li a{
    /* color : #FFFFFF; */
}
.dropdown-menu > li > a:hover {
    color: unset;
    text-decoration: unset;
    background-color: unset;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}


.resume_commandes p {
    margin-top: 12px!important;
}
.date input {
    width: 100px!important;
    text-align: center;
}
.logo_simply_login {
    background: url("img/simply-mini.png") right top no-repeat;
    width: 500px;
    height: 40px;
    margin: 0 auto 12px auto;
}
.kit-comm ul {
    margin-top: 12px;
}
.kit-comm a:hover {
    color: #1a171b;
}

.suite_e360 {
    height: 110px;
    margin-top: 40px;
    position: relative;
}

.tier{
	background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    height: 105px;
    margin: 6px;
    width: 62px;
}

.imgWorkflow{
	background-image: url('img/workflow.jpg');
	opacity: 0.5;
	margin-left: 30px;
}

.imgProximity{
	background-image: url('img/proximity.jpg');
}

.imgMosaik{
	opacity: 0.5;
	background-image: url('img/mosaik.jpg');
}

.logo_e360 {
/*     background-image: url("img/simply.png"); */
/*     background-repeat: no-repeat; */
/*     background-size: 180px auto; */
    height: 100px;
/* 	background-position: center; */
    position: relative;
}

.rounded {
    border-radius: 16px!important;
}
.text-muted {
    color: #6D6D6D;
}
.text-right {
    text-align: start;
}
.etat {
    font-size: 12px;
    padding: 8px 7px 8px 8px;
    border-radius: 16px;
    display: inline-block;
}
.etat.danger{
    background-color: #FDD9D9;
    color: #E32630;
}
.etat.warn{
    background-color: #FEE9D9;
    color: #FF600A;
}
.etat.success{
    background-color: #DAEBD7FF;
    color: #4AA23E;
}
.etat::before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 7.5px;
 }
 .etat.success::before{
    background-color: #4AA23E;
 }
 .etat.warn::before{
    background-color: #FF600A;
 }
 .etat.danger::before{
    background-color: #E32630;
 }


.panel {
    background-color: #ffffff;
    padding: 24px;
    border: none;
    border-radius: 16px;
    box-shadow: none;
    color: #000;
    font-weight: normal;
    font-size: 14px;
}
.panel.bordered {
    border: 1px solid #E6E6E6;
}

.panel h2 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.panel h4 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
}
.panel h3 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
}

.panel.panel-secondary {
    background-color: #F5F5F5;
    color: #6D6D6D;
}
.panel.panel-secondary.outlined {
    background-color: transparent;
    color: unset;
    border: 1px solid #E6E6E6;
}
.panel.panel-danger {
    background-color: #FDD9D9;
    color: #000;
}
.panel.panel-danger img.icon {
    background-color: #E32630;
    border-radius: 50%;
    padding: 1rem;
    margin-right: 1rem;
}
.panel .panel-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #F5F5F5;
}

.contenus {
    height: 200px;
    /* max-width: 249px; */
}
.contenus img{
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
}


.resume_commandes {
    margin-top: 25px;
}

.step {
    color: #c6ced2;
    font-size: 0px;
}

.img_pdf{
	width: 60px;
}

button.valider, button.refuser {
    /* border: medium none;
    color: #ffffff;
    height: 35px;
    padding: 0 15px;
    transition: all 1s ease 0s; */
}

button.valider {
    /* background-color: #4cae4c; */
}

button.refuser {
    /* background-color: #d43f3a; */
}

button.supprimer {
    /* background: url("img/icons/supprimer_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b; */
}

button.modifier {
    /* background: url("img/icons/modifier_blanc.png") no-repeat scroll 5px center / 38px auto #606f7b; */
}

button.livraison {
    background: url("img/icons/commander_blanc.png") no-repeat scroll 5px center / 38px auto #606f7b;
}

button.supprimer, button.modifier, button.livraison {
    /* border: medium none;
    color: #ffffff;
    min-height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 130px; */
}

button.commander {
    /* background: url("img/icons/commander_blanc.png") no-repeat scroll 0 center / 38px auto #d30013;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 140px; */
}

button.commander_multi {
    /* background: url("img/icons/commander_blanc.png") no-repeat scroll 0 center / 38px auto #d30013;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 240px; */
}

button.retour {
    /* background: url("img/icons/retour_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 130px; */
}      

button.telecharger {
    background: url("img/icons/download_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 180px;
}

button.ajouter {
    /* background: url("img/icons/panier_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 180px; */
}

button.sansicon{
    background-color: #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    margin: 2px;
    padding: 5px 15px;
    transition: all 1s ease 0s;
}

/* .btn-xs{
    background-color: #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    margin: 2px;
    padding: 5px 15px;
    transition: all 1s ease 0s;
    border: 0;
    min-width: 130px;
} */

/* .btn, .btn-default, .btn:focus, .btn-default:focus, .btn:hover, .btn-default:hover { */
    /* background-color: #606f7b !important; */
    /* border-color: #606f7b !important; */
/* } */

.cyanTable tr {
    border-bottom: 1px solid black;
}

.cyanTable tr:last-child {
    border-bottom: 0px;
}

.edit_qte_panier{
	/* background: transparent; */
	/* width: 150px; */
}

.edit_qte_panier:focus{
	/* background: transparent; */
	/* width: 150px; */
}

.menu-text{
	/* font-size: 12px */
}

.col1{
	width: 150px;
}

.col2{
	width: 250px
}

.col3{
	
}

.font12{
	font-size: 12px;
}

.bg_yellow, .bg_yellow * {
    color: white;
    background-color: #d30013;
}

.superList > li.activated {
    background-image: url(img/indicateur_on.png);
}

#cible li.selected:hover, #cible li.selected {
    background-color: #d30013!important;
    color: white;
}

.grid-flex {
    display: flex;
    flex-wrap: wrap;
}
.grid-flex .item {
    width:50%;
    padding: 12px
}
.grid-flex .item.full-width {
    width:100%;
}
.fancybox-close {
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background-image: url('/theme/monoprix/css/img/icons/close.svg');
}

.display-flex {
    display: flex;
}
.display-flex.justify-content-between {
    justify-content: space-between;
}
.display-flex.justify-content-center {
    justify-content: center;
}
.flex-wrap {
    flex-wrap: wrap;
}

.btn-outlined, .btn-outlined:hover {
    background-color: transparent !important;
    border: none;
    text-decoration: none;
}
.btn-outlined.btn-danger {
    color: red;
}
.btn-outlined:hover.btn-danger {
    background-color: #FDD9D9 !important;
}
.btn-outlined:hover.btn-default {
    background-color: #F1EFEE !important;
}

.alert {
    border-radius: 6px;
    border: none;
}
.alert img.icon {
    border-radius: 50%;
    padding: 4px;
    margin-right: 1rem;
}
.alert-info {
    color: #000;
    background-color: #E6ECFC;
    border: none;
}
.alert-info img.icon {
    background-color: #033FE2;
}
.alert-warning {
    color: #000;
    background-color: #FEE9D9;
    border: none;
}
.alert-warning img.icon {
    background-color: #FF600A;
}

label.required::after {
    content: "*";
    color: red;
    margin-left: 0.5rem;
}

.btn-group-justified {
    border: 1px solid #F2F2F2;
    padding: 4px;
    border-radius: 8px;
}
.btn-group-justified .btn-group {
    float: unset;
}
.btn-group-justified .btn-group > .btn-group:first-child > .btn:last-child,
.btn-group-justified .btn-group > .btn-group:last-child > .btn:first-child {
    border-radius: 8px !important;
}
.btn-group-justified .btn-group label {
    height: 100%;
    width: 100%;
    padding: 6px 12px;
    cursor: pointer;
}
.btn-group-justified .btn-default {
    border: none;
    border-radius: 8px !important;
    /* color: #A7A7A7; */
}
.btn-group-justified input[type=radio] {
    visibility: hidden;
}
.btn-group-justified .btn-default:has(input[type=radio]:checked) {
    background-color: #000 !important;
    color: #fff;
}

.text-danger, .text-danger:hover {
    color: #E22121;
}

.btn-icon-add::before {
    /* background: url("img/icons/add_white.svg") no-repeat scroll 5px center / 20px auto #606f7b; */
    /* padding-left: 30px; */
    /* content: url("img/icons/add_white.svg"); */
    background-image: url('img/icons/add_white.svg');
    background-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 20px; 
    height: 20px;
    content:"";
}

.form_step_1 {
    gap: 0 1rem;
}
.form_step_1 .form-group:has(input.form-control.society) {
    flex: 1;
}
.form_step_1 .form-group:has(input.form-control.contact) {
    flex: 1;
}
.form_step_1 .form-group:has(input.form-control.address) {
    width: 100%;
}
.form_step_1 .form-group:has(input.form-control.address2) {
    width: 100%;
}
.form_step_1 .form-group:has(input.form-control.cp) {
    flex: 1;
}
.form_step_1 .form-group:has(select.form-control.city) {
    flex: 1;
}
.form_step_1 .form-group:has(select.form-control.city:disabled) {
    display: none;
}
.form_step_1 .form-group:has(input.form-control.city-free) {
    flex: 1;
}
.form_step_1 .form-group:has(input.form-control.city-free:disabled) {
    display: none;
}
.form_step_1 .form-group:has(input.form-control.country) {
    flex: 1;
}
.form_step_1 .form-group:has(textarea.form-control.infos) {
    width: 100%;
}
.form_step_1 .form-group:has(input.form-control.delivery-date) {
    width: 100%;
}

.form_dispatch {
    gap: 0 1rem;
    width: 100%;
    align-items: end;
}
.form_dispatch .form-group:has(select.form-control.shop) {
    flex: 2;
}
.form_dispatch .form-group:has(input.form-control.quantity) {
    flex: 1;
}
.form_dispatch .form-group:has(button[type="submit"].form-control) {
    flex: 1;
}


.div-filter form {
    display: flex;
    gap: 1rem;
}
.div-filter form select,
.div-filter form button {
    border-radius: 18px;
    background-color: #fff;
    color: black;
    height: 40px;
    border: none;
    font-weight: 600;
    padding-left: 2rem;
}
.div-filter form select {
    border-right: 2rem solid transparent;
}
.div-filter form button:hover {
    background-color: #606F7B;
    color: #fff;
}
.div-filter form button:hover img {
    filter: invert(1);
}
.div-filter form select.shop {
    padding-left: 9rem;
}
.div-filter form select.state {
    padding-left: 6rem;
}
.div-filter form select.campaign {
    padding-left: 11rem;
}
.div-filter form select.support {
    padding-left: 9rem;
}
.form-group label:has(+.form-filter) {
    position: absolute;
    padding-top: 1rem;
    padding-left: 2rem;
    font-weight: 400;
}
.form-group label:has(+.form-filter)::after {
    content: " :";
}
.div-filter form ul.dropdown-filter {
    padding: 1rem;
}

.header-shop label {
    position: absolute;
    padding-top: 0.5rem;
    padding-left: 2rem;
}
.header-shop select {
    padding-left: 5rem !important;
    border: none;
    background-color: transparent;
    font-weight: 700;
}
.header-shop {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    display: inline-block;
    padding-right: 1rem;;
    margin-left: 1rem !important;
}

.bg-warning {
    background-color: #FEE9D9;
}

.pagination li a {
    background-color: transparent;
    border: 0;
    color: #000;
}
.pagination li span {
    background-color: transparent;
    border: 0;
    color: #000;
}
.pagination li.active span,
.pagination li.active span:hover {
    background-color: #E32630;
    border: 0;
    border-radius: 50%;
}

.dropdown-toggle.no-caret::after {
    display: none;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fancybox-inner form {
    cursor: auto;
}

.form-control:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.border-left {
    border-left: 1px solid #E6E6E6;
}

form.form-contact input[type="file"]::file-selector-button {
    display: none !important;
}

form.form-contact label:has(+input[type="file"]) {
    border-radius: 8px;
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
    background-color: #F2F2F2;
    margin-right: 2rem;
}

#thematics li.active .btn-default {
    background-color: #606F7B !important;
    color: #fff;
}

#pdf_viewer canvas {
    border: 1px solid #606F7B;
}