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

.fondiconeMTMmenu {
    background: #890101;
}

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

#navbarNav>ul>li>a:hover svg #symbole-MTM {
    fill: #00a2d8;
}

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

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

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


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

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

.btn-family {
    background-color: #e2001a;
    border-color: #e2001a
}

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

.btn-family:focus {
    box-shadow: 0 0 0 0.2rem rgba(226, 0, 26, 0.5)
}

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

.btn-outline-family:hover {
    color: #fff;
    background-color: #e2001a !important;
    border-color: #e2001a
}

.btn-outline-family:focus {
    box-shadow: 0 0 0 0.2rem rgba(226, 0, 26, 0.5)
}

.btn-family-dark {
    background-color: #a80000;
    border-color: #a80000
}

.bg-mtm {
    background-color: #e2001a !important
}

.bg-mtm-dark {
    background-color: #a80000
}

.border-mtm-dark {
    border-color: #a80000 !important
}

.text-family {
    color: #e2001a !important
}

.sub-title-family {
    font-size: 1.25rem;
    font-weight: bold;
    color: #e2001a;
    margin: 1.875rem 0
}

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

.title-mtm {
    font-size: 1.2rem;
    font-weight: bold;
    color: #e2001a;
    margin: 2rem 0
}

.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='%23e2001a' 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_red.jpg")
}

#navbarNav>ul>li:hover {
    background-color: #fff2f3
}

#navbarNav>ul>li:hover svg {
    fill: #e2001a
}

#navbarNav>ul>li:hover span,
#navbarNav>ul>li:hover a,
#navbarNav>ul>li:hover p {
    color: #e2001a
}

#navbarNav>ul>ul:hover.bg-family-dark li:hover span,
#navbarNav>ul>ul:hover.bg-family-dark li:hover a,
#navbarNav>ul>ul:hover.bg-family-dark li:hover p {
    color: #a80000
}

#navbarNav>ul>ul:hover.bg-family-dark li:hover svg {
    fill: #a80000
}

.table-family thead th {
    color: white;
    background-color: #e2001a;
    font-weight: bold;
    border: none
}

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

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

.table-family tr {
    border: 1px solid #e2001a
}

.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(3) {
    text-align: right;
    border-right: 1px solid #2d3e41;
    font-weight: bold
}

#tablePrices {
    font-size: .875rem
}

#tablePrices thead {
    height: 63px
}

#tablePrices thead th {
    color: white;
    background-color: #57686c;
    font-weight: bold;
    border: none;
    white-space: nowrap
}

#tablePrices tbody {
    background-color: white
}

#tablePrices tbody tr {
    height: 64px !important
}

#tablePrices td {
    border-color: #57686c;
    vertical-align: inherit
}

#tablePrices td i {
    white-space: nowrap
}

#tablePrices tr {
    border: 1px solid #57686c
}

#tablePrices tr:first-child th {
    padding-bottom: 0
}

#tablePrices tr:last-child th {
    padding-top: 0
}

#tablePrices tr td:not(:first-child),
#tablePrices tr th:not(:first-child) {
    text-align: center;
    font-weight: normal
}

#tablePrices .font-size-big {
    font-size: 1.625rem
}

.carousel-indicators>li {
    background-color: #e2001a
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23E2001A' 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='%23E2001A' 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: .5
}

.basic ul {
    color: #e2001a
}

.basic a,
.basic p {
    color: #e2001a !important
}