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


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

.fondiconeMTMmenu {
    background: #e9a000;
}

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

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

#navbarNav>ul>li>a:hover svg #symbole-PAPETERIE-MTM {
    fill: #00a2d8;
    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:hover {
    color: white;
    background-color: #c18500 !important;
    border-color: #c18500
}

.btn-family:focus {
    box-shadow: 0 0 0 0.2rem rgba(249, 180, 29, 0.5)
}

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

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

.btn-outline-family:focus {
    box-shadow: 0 0 0 0.2rem rgba(249, 180, 29, 0.5)
}

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

.bg-family {
    background-color: #f9b41d !important
}

.bg-family-dark {
    background-color: #c18500
}

.border-family-dark {
    border-color: #c18500 !important
}

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

#header {
    background-image: url("/img/header/background/family_orange.jpg")
}

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

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

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

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

#navbarNav>ul>li:hover.bg-mtm-dark svg {
    fill: #c18500
}

#navbarNav>ul>li>div {
    box-shadow: 0 3px 4.95px 0.05px rgba(0, 0, 0, 0.25)
}

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

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

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23F9B41D' 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;
    margin-right: -41px;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: .5
}

.basic ul {
    color: #f9b41d
}

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

h2 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #f9b41d
}

h3 {
    font-size: 1rem;
    font-weight: bold
}