/* Primary color for this family */

a {
    color: #00a2d8;
}


/************************** Pour la colorisation des icones MTM **********/

.fondiconeMTMmenu {
    background: #015479;
}

#navbarNav>ul>li>a:hover svg #cercle-MTM {
    fill: #858585;
}

#navbarNav>ul>li>a:hover svg #symbole-MTM {
    fill: #e20613;
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a svg #symbole-MTM {
    fill: #e20613;
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a:hover svg #symbole-PROD-MTM {
    fill: #f9b21e;
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a svg #symbole-PROD-MTM {
    fill: #f9b21e;
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a:hover svg #symbole-SCOLAIRE {
    fill: #00d885;
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a svg #symbole-SCOLAIRE {
    fill: #00d885;
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a svg #symbole-MTM {
    filter: drop-shadow(0px 0px 0px #fff) !important;
}

#navbarNav>ul>li>a:hover svg #symbole-PROD-MTM {
    filter: drop-shadow(0px 0px 0px #fff) !important;
}


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

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


/* Bootstrap complements */

.btn-family {
    background-color: #00a2d8 !important;
    border-color: #00a2d8 !important;
    color: white !important;
}

.btn-family:hover {
    background-color: #00a2d8 !important;
    border-color: #00a2d8 !important;
    color: white !important;
}

.btn-outline-family {
    color: #00a2d8;
    border-color: #00a2d8;
}

.btn-outline-family:hover {
    color: white;
    background-color: #00a2d8 !important;
    border-color: #00a2d8 !important;
}

.btn-outline-family-dark {
    color: #0073a6 !important;
    border-color: #0073a6 !important;
}

.btn-family-dark {
    background-color: #0073a6 !important;
    border-color: #0073a6 !important;
    color: white !important;
}

.btn-family-dark:hover {
    background-color: #0073a6 !important;
    border-color: #0073a6 !important;
    color: white !important;
}

.bg-mtm {
    background: rgb(0, 162, 216);
    background: linear-gradient(180deg, rgba(0, 162, 216, 1) 71%, rgb(1 147 195) 100%) !important;
}

.bg-menu {
    border-color: #0073a6 !important;
}

.bg-mtm-light {
    background-color: #ebfaff !important;
}

.bg-mtm-dark {
    background-color: #0073a6 !important;
}

.bg-black-cirlce {
    border-radius: 50%;
    background-color: black;
}

.bg-var-1 {
    background-color: #008fbf;
}

.bg-var-2 {
    background-color: #007ca5;
}

.border-family {
    border-color: #00a2d8 !important;
}

.border-family-dark {
    border-color: #98dfff !important;
    box-shadow: #e1e1e1 2px 1px 5px;
}

.text-family {
    color: #00a2d8 !important;
}

.text-family-dark {
    color: #0073a6 !important;
}

.custom-select-mtm {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129'%3e%3cpath fill='%2300a2d8' d='M7.7,45.38c-0.8-0.8-1.2-1.8-1.2-2.9c0-1.1,0.4-2.1,1.2-2.9c1.6-1.6,4.2-1.6,5.8,0l51,51l51-51c1.6-1.6,4.2-1.6,5.8,0c1.6,1.6,1.6,4.2,0,5.8l-53.9,53.9c-1.6,1.6-4.2,1.6-5.8,0L7.7,45.38z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
}

.fa-search.fa-lg {
    color: #0073a6 !important;
}

.page-item.active .page-link {
    color: #00a2d8;
    background: none;
    border: none;
}


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

.h2-family:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 449.6 512'%3e%3cpath fill='%2300a2d8' d='M4.5,159.3c-8.9-33.7-4.7-65.5,12.8-95.6S60.8,14.1,94.8,4.9s66.2-5.4,96.3,11.2c30,16.6,49.4,41.3,58.3,74.2c8.5,31.8,6.2,61.3-6.8,88.4c-8.2,16.6-20.5,32.8-37,48.5l6.3,4.4l52.7,34l14-54.2c7.4-28.6,12.2-38.9,12.2-38.9l93.4-25.1c0,0-5.6,18.6-15.8,60.1c-7.8,30.8-16.2,66.8-25.6,108.2l106.8,68.1l-47.5,71.5l-82.3-53c-8.5,19.7-19,37.5-31.7,53.5c-21.1,25.7-45.6,42.3-73.7,49.9c-43.7,11.7-85,6.9-123.7-14.2C52,470.4,27,438.8,15.7,396.7c-9.4-35.1-6-69.1,10.3-101.9c10.4-20.8,25.3-39.6,44.5-56.3l-26-21.1C23,198.1,9.8,178.8,4.5,159.3z M186.5,424.3c14.3-3.8,27.1-14.6,38.5-32.3c6.4-11,12.6-23.9,18-38.7l-78.6-50.8l-21.3-13.8c-9.2,7.9-17.3,16.8-24.3,26.8c-15.5,22-20.7,42.8-15.5,62.4c4.8,17.9,15.3,31.3,31.5,40.3C150.7,427.2,168,429.2,186.5,424.3z M85.9,137.3c2.1,8.3,8.8,16.5,19.8,24.8l30.7,20.9c7.8-6.4,14.4-12.8,19.8-19.5c12.9-15.9,17.2-31.7,13-47.5c-3.4-12.4-9.8-21.3-19.4-27c-9.6-5.5-20.6-6.7-33.1-3.4c-11.6,3.1-20.3,9.7-26.5,19.7C84.3,115.2,82.9,125.9,85.9,137.3z'/%3e%3c/svg%3e") no-repeat;
}

#header {
    background-image: url("/img/header/background/family_blue.jpg");
    background-size: cover;
    background-position: center;
}

#global-search.form-control:focus {
    box-shadow: none !important;
}

#navbarNav>ul>li:not(:hover) {
    color: #fff;
    display: grid;
    align-content: baseline;
}

#navbarNav>ul>li:not(:hover) p {
    white-space: normal;
    margin: 0;
}

#navbarNav .dropdown-menu {
    /*background-color: #ebfaff; */
    background-color: transparent !important;
}

#navbarNav .nav-link {
    color: #fff;
}

#navbarNav li>a[href] {
    color: inherit;
}

#navbarNav small a[data-target="#shortcuts"] {
    color: #00a2d8;
}

#navbarNav>ul.bg-mtm-dark>li:hover {
    color: #0073a6;
    background-color: #ebfaff;
}

#navbarNav>ul.bg-mtm-dark>li:hover .nav-link {
    color: #0073a6;
    background-color: #ebfaff;
}

#navbarNav>ul:not(.bg-mtm-dark)>li:hover {
    color: #00a2d8;
    background-color: #ebfaff;
}

#navbarNav>ul:not(.bg-mtm-dark)>li:hover .nav-link {
    color: #00a2d8;
    background-color: #ebfaff;
}

#navbarNav>ul:not(.bg-mtm-dark)>li:hover small a[data-target="#shortcuts"] {
    color: #000;
}

#navbarNav>ul:not(last-child)>li {
    min-width: 75px;
    max-width: 105px;
}

#navbarNav .card,
#navbarNav .card-header {
    background-color: inherit;
    border: inherit;
    padding: 0;
    white-space: nowrap;
    overflow: visible;
}

#navbarNav .card .card-body,
#navbarNav .card-header .card-body {
    padding: 0;
}

#navbarNav .card .card-body ul,
#navbarNav .card-header .card-body ul {
    padding: 1rem;
}

#navbarNav .card .card-body ul li,
#navbarNav .card-header .card-body ul li {
    list-style-type: initial;
    color: #00a2d8;
}

#navbarNav .card .collapsed::after,
#navbarNav .card-header .collapsed::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.furnitures ul.text-white li:hover:not(.bg-mtm) {
    color: #0073a6;
}

.furnitures ul.text-white li.bg-mtm:hover {
    color: #00a2d8;
}

.furnitures ul.text-white li:hover:not(.bg-mtm) svg {
    fill: #0073a6;
}

.furnitures ul.text-white li.bg-mtm:hover svg {
    fill: #00a2d8;
}

.furnitures ul.text-white li:hover {
    cursor: pointer;
    background-color: #ebfaff !important;
}

.text-link-inherit a {
    color: inherit;
}

.carousel-indicators>li {
    background-color: #00a2d8;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a2d8' viewBox='0 0 455 455'%3e%3cpath d='M227.5,0C101.855,0,0,101.855,0,227.5S101.855,455,227.5,455S455,353.145,455,227.5S353.145,0,227.5,0z M276.772,334.411l-21.248,21.178L127.852,227.5L255.524,99.411l21.248,21.178L170.209,227.5L276.772,334.411z'/%3e%3c/svg%3e");
    width: 50px;
    height: 50px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a2d8' viewBox='0 0 455 455'%3e%3cpath d='M227.5,0C101.855,0,0,101.855,0,227.5S101.855,455,227.5,455S455,353.145,455,227.5S353.145,0,227.5,0z M199.476,355.589l-21.248-21.178L284.791,227.5L178.228,120.589l21.248-21.178L327.148,227.5L199.476,355.589z'/%3e%3c/svg%3e");
    width: 50px;
    height: 50px;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 0.5;
    margin: 1rem;
}

.slide-inleft {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    animation-duration: 15s;
}

.slide-inleft.active {
    transform: translateX(0%);
    opacity: 1;
}

.slide-inright {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.slide-inright.active {
    transform: translateX(0%);
    opacity: 1;
}

.title-mtm {
    font-size: 1.2rem;
    font-weight: bold;
    color: #00a2d8;
    margin: 2rem 0;
    text-transform: uppercase;
}

.article-title {
    font-size: 1.125rem;
}

.hover-row {
    background-color: #ebfaff;
    color: #0073a6;
}

.badge-mtm {
    color: white;
    background-color: #00a2d8;
}

.badge-mtm-dark {
    color: white;
    background-color: #0073a6;
}

.table-family thead th {
    color: white;
    background-color: #00a2d8 !important;
    font-weight: bold;
    border: none;
}

.table-family tbody {
    background-color: white;
}

.table-family td {
    border-color: #00a2d8;
    font-size: 0.875rem;
    line-height: 1.7;
    vertical-align: inherit;
}

.table-family tr {
    border: 1px solid #00a2d8;
}

.table-family .special {
    border: none !important;
}

.table-family .special>td:first-child {
    border: none;
}

.table-family .special>td:not(:first-child) {
    background-color: rgba(87, 104, 108, 0.25) !important;
    border-bottom: 1px solid #2d3e41;
}

.table-family .special>td:nth-child(2) {
    border-left: 1px solid #2d3e41;
}

.table-family .special>td:nth-child(n+2) {
    text-align: right;
    font-weight: bold;
}

.table-family .special>td:nth-last-child(1) {
    border-right: 1px solid #2d3e41;
}

.table-sm td,
.table-sm th {
    font-size: 0.75rem !important;
}

.btn-group.quantity button {
    width: 10%;
    padding: 0;
}

.btn-group.quantity input {
    width: 70%;
    text-align: center;
}

.btn-group.quantity-sm button {
    width: 18px;
    height: 20px;
    padding: 0;
    font-size: 0.825rem;
}

.btn-group.quantity-sm input {
    width: 40px;
    height: 20px;
    text-align: center;
}

.popcustom {
    border-color: #0073a6 !important;
}

.popcustom .arrow::before {
    border-bottom-color: #0073a6 !important;
}

#global-search ::-webkit-input-placeholder {
    opacity: 0.5;
}

#global-search ::-moz-placeholder {
    opacity: 0.5;
}

#global-search ::-ms-input-placeholder {
    opacity: 0.5;
}

#navbarNav ul>li>div {
    background-color: #ebfaff;
}

#navbarNav ul>li>div>div {
    background-color: #ebfaff;
}

.modal#shortcuts .shortcut {
    display: grid;
    align-items: center;
    text-align: center;
    height: 100px;
    background-color: #00a2d8;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0.8rem;
    color: #fff;
    padding: 0.3rem 1rem;
}

.modal#shortcuts .shortcut svg {
    margin: auto;
}

.points {
    font-size: 1.125rem;
    font-weight: bold;
    color: #00a2d8;
    text-align: right;
}

#quickArticles div.grid-centered:not(:last-child) {
    border-bottom: 1px solid #00a2d8;
}

.top_anchor {
    color: #00a2d8;
}

.new-price {
    font-size: 20px;
    font-weight: bold;
    color: #00a2d8;
}

.filtersFollow {
    display: inline;
}

[data-toggle=collapse]:after {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.999 41.999'%3e%3cpath fill='white' d='M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40  c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z'/%3e%3c/svg%3e") no-repeat right 0.75rem 10px;
}

[data-toggle=collapse].collapsed:after {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.999 41.999'%3e%3cpath fill='white' d='M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40  c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z'/%3e%3c/svg%3e") no-repeat right 0.75rem 10px;
}


/*# sourceMappingURL=papeterieMobilier.css.map */