html {
    scroll-behavior: smooth;
}

.header-main-menu.shrink #header-top {
    display: none;
}

/******************************************************
MENU SIDE DASHBOARD
******************************************************/

.menu-admin-side {
    text-align: left !important;
}

.menu-admin-side ul {
    list-style: none;
    padding: 0;
}

.admin-customer .right-menu-bar .rotation {
    transform: rotate(-90deg) translate(-100%, 125%);
}

.admin-customer.en .right-menu-bar .rotation {
    transform: rotate(-90deg) translate(-100%, 150%);
}

/******************************************************
NEW CODE YOCO
******************************************************/

/*******  General  **************/
.admin-customer h2 {
    font: 400 26px/30px 'Cantata One', serif;
    display: flex;
    align-items: center;
}

.admin-customer h2.titre2 {
    margin: 30px auto;
}

.admin-rounded {
    border-radius: 10px !important;
}

.admin-shadow {
    box-shadow: 0 20px 30px 0 rgb(0 0 0 / 10%);
}

.a-txt {
    text-decoration: underline;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.form-check label {
    margin-bottom: 0;
}

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

/***************************  Orange (Default)  *************************************/

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

.border-couleur.txt-couleur {
    background-color: #fff;
}

.orange5 {
    color: #fff8f0;
}

.bt:hover,
.bt:active,
.bt:focus {
    color: #fff !important;
}

.bt.bt-contour:hover,
.bt.bt-contour:focus,
.bt.bt-contour:active {
    background-color: #fff !important;
    color: #fff !important;
}

.ms-aide a:not(.bg-couleur):hover {
    color: #ff570a;
}

.orange1,
.ms-aide .txt-couleur,
.ms-aide .active {
    color: #f78c26 !important
}

.bg-orange1,
.ms-aide .bg-couleur,
.ms-aide .bt-couleur {
    background-color: #f78c26 !important;
}

.ms-aide .bg-couleur:hover,
.ms-aide .bg-couleur:active,
.ms-aide .bg-couleur:focus,
.ms-aide .bt-couleur:hover,
.ms-aide .bt-couleur:active,
.ms-aide .bt-couleur:focus,
.ms-aide a.bg-couleur:hover,
.admin-nav .dropdown-wrapper.ms-:hover .menu-button-hover,
.admin-nav .dropdown-wrapper.ms-:hover .drop-menu {
    background-color: #ff570a !important;
}

.ms-aide .bt-contour:hover,
.ms-aide .bt-contour:focus,
.ms-aide .bt-contour:active {
    border-color: #f78c26 !important;
    background-color: #f78c26 !important;
}

.orange2, .ms-aide .txt-couleur2 {
    color: #fab265;
}

.ms-aide .bg-couleur2 {
    background-color: #fab265 !important;
}

.orange3,
.ms-aide .txt-couleur3 {
    color: #ffe8ce;
}

.ms-aide .bg-couleur3 {
    background-color: #ffe8ce !important
}

.ms-aide .border-couleur {
    border: 1px solid #ffe8ce !important;
}

.ms-aide .border-couleur3 {
    border-color: #ffe8ce !important
}

.orange4 {
    color: #ffefdd
}

/**** perso couleur table ******/
.mod.ms-aide .table-customer .table th {
    color: #fe872c
}

.mod.ms-aide .table-customer .table td {
    border-top: 1px solid #ffefdd !important;
}

.mod.ms-aide .table-customer .table td a::after {
    color: #fe872c
}

.mod.ms-aide .table-customer .table td a:hover,
.mod.ms-aide .table-customer .table td a:active,
.mod.ms-aide .table-customer .table td a:focus {
    color: #fe872c
}


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

/***************************  Orange / Vitaleo  ************************************/

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

.yellow1,
.ms-vitaleo .txt-couleur,
.ms-vitaleo .active {
    color: #f7c436 !important
}

.yellow2,
.ms-vitaleo .txt-couleur2 {
    color: #fdf3cd !important
}

.yellow3,
.ms-vitaleo .btn-couleur,
.ms-vitaleo .txt-couleur3 {
    color: #fef9e6 !important;
}

.admin-nav .dropdown-wrapper.ms-vitaleo:hover .menu-button-hover,
.admin-nav .dropdown-wrapper.ms-vitaleo:hover .drop-menu,
.bg-yellow1,
.ms-vitaleo .btn-couleur,
.ms-vitaleo .bg-couleur,
.ms-vitaleo .bt-couleur {
    background-color: rgb(0 176 217) !important;
    box-shadow: 0 40px 20px -20px rgb(9 240 175) inset;
}

.ms-vitaleo a:not(.bg-couleur, .bt.bt-contour.border-couleur):hover {
    color:  rgb(0 176 217) !important;
}

.ms-vitaleo a:not(.bg-couleur, .bt.bt-contour.border-couleur).menu-button.menu-button-hover:hover {
    color: var(--bs-white) !important;
}

.skin-vitaleo .popover.admin-portal-popover {
    --bs-popover-border-color: #06dbbd !important;
    --bs-popover-header-bg: #06dbbd !important;
    --bs-popover-header-color: var(--bs-white);
}

.ms-vitaleo .bt-couleur:hover,
.ms-vitaleo .bt-couleur:active,
.ms-vitaleo .bt-couleur:focus,
.ms-vitaleo a.bg-couleur:hover {
    background-color:rgb(0 176 217) !important;
}

.ms-vitaleo .bt-contour:hover,
.ms-vitaleo .bt-contour:focus,
.ms-vitaleo .bt-contour:active {
    border-color: #06dbbd !important;
    background-color: #06dbbd !important;
}

.ms-vitaleo .bg-couleur2 {
    background-color: #fdf3cd !important;
}

.ms-vitaleo .bg-couleur3 {
    background-color: #fef9e6 !important
}

.ms-vitaleo .border-couleur {
    border: 1px solid #06dbbd !important;
}

.ms-vitaleo .border-couleur2 {
    border: 1px solid #fdf3cd !important;
}

.ms-vitaleo .border-couleur2.bg-couleur3 {
    border: 1px solid #ffd3d3 !important;
}

.ms-vitaleo .border-couleur3 {
    border-color: #fef9e6 !important
}

/**** perso couleur select2 ******/
.admin-customer.ms-vitaleo .select2-container--open .select2-dropdown--below, .admin-customer.ms-vitaleo .select2-container--open .select2-dropdown--above {
    border: 1px solid #fdf3cd;
}

.admin-customer.ms-vitaleo .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #fef9e6;
    background: #fef9e6;
}

.admin-customer.ms-vitaleo .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fef9e6;
    color: #424242;
}

.admin-customer.ms-vitaleo .select2-container--default .select2-results__option--selected {
    background-color: #fdf3cd !important;
    color: #fff !important;
}

/**** perso couleur table ******/
.mod.ms-vitaleo .table-customer .table {
    border-spacing: 0 10px;
    border-collapse: separate;
}

.mod.ms-vitaleo .table-customer .table th {
    color: #f7c436;
    border-radius: 10px 0 0 10px;
}

.mod.ms-vitaleo .table-customer .table td:first-child {
    border-radius: 10px 0 0 10px;
}

.mod.ms-vitaleo .table-customer .table td:last-child {
    border-radius: 0 10px 10px 0;
}

.mod.ms-vitaleo .table-customer .table td {
    background-color: #fdf3cd !important;
    padding: 15px;
}

.mod.ms-vitaleo .table-customer .table td a::after,
.mod.ms-vitaleo .table-customer .table td a:hover,
.mod.ms-vitaleo .table-customer .table td a:active,
.mod.ms-vitaleo .table-customer .table td a:focus {
    color: #f7c436;
}

.mod.ms-vitaleo .dt-container thead input {
    border-color: #f7c436;
}

.mod.ms-vitaleo .dt-container thead input::placeholder {
    opacity: 0.5;
    color: #424242;
}

.mod.ms-vitaleo .dt-container thead input,
.mod.ms-vitaleo .table-customer .table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px #fdf3cd !important;
}


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

/***************************  Blue (Dispensers)  ************************************/

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

.bleu1,
.ms-dhc .txt-couleur,
.ms-dhc .active {
    color: #2d9bda !important;
}

.bleu2,
.ms-dhc .txt-couleur2 {
    color: #6dbce9;
}

.bleu3,
.ms-dhc .txt-couleur3 {
    color: #c1e2f5 !important;
}

.admin-nav .dropdown-wrapper.ms-dhc:hover .menu-button-hover,
.admin-nav .dropdown-wrapper.ms-dhc:hover .drop-menu,
.bg-bleu1,
.ms-dhc .bg-couleur,
.ms-dhc .bt-couleur {
    background-color: #2d9bda !important;
}

.ms-dhc a:not(.bg-couleur):hover {
    color: #106291 !important;
}

.ms-dhc .bt-couleur:hover,
.ms-dhc .bt-couleur:active,
.ms-dhc .bt-couleur:focus,
.ms-dhc a.bg-couleur:hover {
    background-color: #106291 !important;
    color: #fff !important;
}

.ms-dhc .bt-contour:hover,
.ms-dhc .bt-contour:focus,
.ms-dhc .bt-contour:active {
    border-color: #2d9bda !important;
    background-color: #2d9bda !important;
}

.ms-dhc .bg-couleur2 {
    background-color: #6dbce9;
}

.ms-dhc .bg-couleur3 {
    background-color: #c1e2f5 !important;
}

.ms-dhc .border-couleur {
    border: 1px solid #2d9bda !important;
}

.ms-dhc .border-couleur2 {
    border: 1px solid #6dbce9 !important;
}

.ms-dhc .border-couleur3 {
    border-color: #c1e2f5 !important;
}

.ms-dhc .in-time .vis-timeline {
    border-bottom: 1px solid #c1e2f5;
    border-right: 1px solid #c1e2f5;
}

.ms-dhc .in-time .vis-time-axis .vis-grid.vis-minor,
.ms-dhc .in-time .vis-panel.vis-center {
    border-color: #c1e2f5;
}

.ms-dhc .in-time .vis-item {
    background-color: #c1e2f5;
}

.ms-dhc .in-time .vis-panel.vis-left, .ms-dhc .in-time .vis-panel.vis-top {
    border-top: 1px solid #c1e2f5;
    border-left: 1px solid #c1e2f5;
    border-right: 1px solid #c1e2f5;
}

.ms-dhc .in-time .vis-item.vis-range.vis-selected.vis-readonly,
.ms-dhc .in-time .vis-item.vis-selected,
.ms-dhc .in-time .vis-item.vis-range.vis-readonly + .in-time .vis-item.vis-selected,
.ms-dhc .in-time .vis-item.vis-range.vis-readonly + .vis-item.vis-range.vis-selected.vis-readonly {
    background-color: #2d9bda !important;
    color: #fff;
    border: 1px solid #2d9bda !important;
}

.ms-dhc .in-time .vis-panel.vis-left .table-customer {
    font-weight: 700;
}

.ms-dhc .in-time .vis-panel.vis-left .table-customer ul {
    font-weight: 400;
}

.homepage .ms-dhc .titre + p {
    margin-top: -20px;
}

.homepage .ms-dhc {
    margin-bottom: 80px;
}

.skin-dhc .popover.admin-portal-popover {
    --bs-popover-border-color: #6dbce9 !important;
    --bs-popover-header-bg: #6dbce9 !important;
    --bs-popover-header-color: var(--bs-white);
}


/******** personnalisation couleur tableau liste *********/
.mod.ms-dhc .table-customer .table th {
    color: #2d9bda
}

.mod.ms-dhc .table-customer .table td {
    border-top: 1px solid #c1e2f5 !important;
}

.mod.ms-dhc .table-customer .table td a::after,
.mod.ms-dhc .intro-admin .in-time .table-customer .dropdown-menu-start a.dropdown-item::after {
    color: #2d9bda !important;
}

.mod.ms-dhc .table-customer .table td a:hover,
.mod.ms-dhc .table-customer .table td a:active,
.mod .table-customer .table td a:focus {
    color: #2d9bda
}

.mod.ms-dhc .table-customer .table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px #c1e2f5 !important;
}

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

/***************************  Red (Project)  ****************************************/

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

.rouge1,
.ms-projet .txt-couleur,
.ms-projet .active {
    color: #ff5b5b !important
}

.rouge2,
.ms-projet .txt-couleur2 {
    color: #ff9898 !important
}

.rouge3,
.ms-projet .btn-couleur,
.ms-projet .txt-couleur3 {
    color: #fff1f1 !important
}

.admin-nav .dropdown-wrapper.ms-projet:hover .menu-button-hover,
.admin-nav .dropdown-wrapper.ms-projet:hover .drop-menu,
.bg-rouge1,
.ms-projet .btn-couleur,
.ms-projet .bg-couleur,
.ms-projet .bt-couleur {
    background-color: #ff5b5b !important;
}

.ms-projet a:not(.bg-couleur):hover {
    color: #c92c2c !important;
}

.skin-projet .popover.admin-portal-popover {
    --bs-popover-border-color: #ff5b5b !important;
    --bs-popover-header-bg: #ff5b5b !important;
    --bs-popover-header-color: var(--bs-white);
}

.ms-projet .bt-couleur:hover,
.ms-projet .bt-couleur:active,
.ms-projet .bt-couleur:focus,
.ms-projet a.bg-couleur:hover {
    background-color: #c92c2c !important;
}

.ms-projet .bt-contour:hover,
.ms-projet .bt-contour:focus,
.ms-projet .bt-contour:active {
    border-color: #ff5b5b !important;
    background-color: #ff5b5b !important;
}

.ms-projet .bg-couleur2 {
    background-color: #ff9898 !important;
}

.ms-projet .bg-couleur3 {
    background-color: #fff1f1 !important
}

.ms-projet .border-couleur {
    border: 1px solid #ff5b5b !important;
}

.ms-projet .border-couleur2 {
    border: 1px solid #ff9898 !important;
}

.ms-projet .border-couleur2.bg-couleur3 {
    border: 1px solid #ffd3d3 !important;
}

.ms-projet .border-couleur3 {
    border-color: #fff1f1 !important
}

/**** perso couleur select2 ******/
.admin-customer.ms-projet .select2-container--open .select2-dropdown--below, .admin-customer.ms-projet .select2-container--open .select2-dropdown--above {
    border: 1px solid #ff9898;
}

.admin-customer.ms-projet .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #fff1f1;
    background: #fff1f1;
}

.admin-customer.ms-projet .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fff1f1;
    color: #424242;
}

.admin-customer.ms-projet .select2-container--default .select2-results__option--selected {
    background-color: #ff9898 !important;
    color: #fff !important;
}

/* Skin tables */
.mod.ms-projet .table-customer .table th {
    color: #ff5b5b
}

.mod.ms-projet .table-customer .table td {
    border-top: 1px solid #fff1f1;
}

.mod.ms-projet .table-customer .table td a::after,
.mod.ms-projet .table-customer .table td a:hover,
.mod.ms-projet .table-customer .table td a:active,
.mod.ms-projet .table-customer .table td a:focus {
    color: #ff5b5b
}

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

/***************************  Green (Collection)  ***********************************/

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

.vert1,
.ms-collection .txt-couleur,
.ms-collection .active {
    color: #00b074 !important
}

.vert2,
.ms-collection .txt-couleur2 {
    color: #a4e6d0 !important
}

.vert3,
.ms-collection .txt-couleur3 {
    color: #d6efe6 !important
}

.admin-nav .dropdown-wrapper.ms-collection:hover .menu-button-hover,
.admin-nav .dropdown-wrapper.ms-collection:hover .drop-menu,
.bg-vert1,
.ms-collection .bg-couleur,
.ms-collection .bt-couleur {
    background-color: #00b074 !important;
}

.ms-collection a:not(.bg-couleur):hover {
    color: #01734c !important;
}

.ms-collection .bt-couleur:hover,
.ms-collection .bt-couleur:active,
.ms-collection .bt-couleur:focus,
.ms-collection a.bg-couleur:hover {
    background-color: #01734c !important;
    color: #fff !important;
}

.ms-collection .bt-contour:hover,
.ms-collection .bt-contour:focus,
.ms-collection .bt-contour:active {
    border-color: #00b074 !important;
    background-color: #00b074 !important;
}

.ms-collection .bg-couleur2 {
    background-color: #a4e6d0 !important;
}

.bt.bt-podcast audio::-webkit-media-controls-enclosure,
.bt.bt-podcast audio::-webkit-media-controls-play-button,
.bt.bt-podcast audio::-webkit-media-controls-panel,
.ms-collection .bg-couleur3 {
    background-color: #d6efe6 !important;
}

.ms-collection .panier.admin-rounded.bg-couleur3 {
    padding: 10px 0 2px;
}

.ms-collection .border-couleur {
    border: 1px solid #00b074 !important;
}

.ms-collection .border-couleur3 {
    border-color: #d6efe6 !important
}

/* special case for pagination buttons */
.ms-collection .pagination-button.active {
    background-color: #01734c !important;
    color: #fff !important;
}

/* Skin tables */
.mod.ms-collection .table-customer .table th {
    color: #00b074
}

.mod.ms-collection .table-customer .table td {
    border-top: 1px solid #d6efe6 !important;
}

.mod.ms-collection .table-customer .table td a::after {
    color: #00b074
}

.mod.ms-collection .table-customer .table td a:hover,
.mod.ms-collection .table-customer .table td a:active,
.mod .table-customer .table td a:focus {
    color: #00b074
}

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

/***************************  Purple (Forum) ****************************************/

/***********************************************************************************  */
.violet1,
.ms-tchat a:hover,
.ms-tchat .txt-couleur,
.ms-tchat .active {
    color: #7650e0 !important
}

.violet2,
.ms-tchat .txt-couleur2 {
    color: #baa7ef !important
}

.violet3,
.ms-tchat .txt-couleur3 {
    color: #f5f2fd !important
}

.admin-nav .dropdown-wrapper.ms-tchat:hover .menu-button-hover,
.admin-nav .dropdown-wrapper.ms-tchat:hover .drop-menu,
.bg-violet1,
.ms-tchat .bg-couleur,
.ms-tchat .bt-couleur {
    background-color: #7650e0 !important;
}

.ms-tchat .bt-couleur:hover,
.ms-tchat .bt-couleur:active,
.ms-tchat .bt-couleur:focus,
.ms-tchat a.bg-couleur:hover {
    background-color: #5032a4 !important;
    color: #fff !important;
}

.ms-tchat .bt-contour:hover,
.ms-tchat .bt-contour:focus,
.ms-tchat .bt-contour:active {
    border-color: #7650e0 !important;
    background-color: #7650e0 !important;
}

.ms-tchat .bg-couleur2 {
    background-color: #baa7ef !important;
}

.ms-tchat .bg-couleur3 {
    background-color: #f5f2fd !important
}

.ms-tchat .border-couleur {
    border: 1px solid #7650e0 !important;
}

.ms-tchat .border-couleur2 {
    border-color: #baa7ef !important
}

.ms-tchat .border-couleur3 {
    border-color: #f5f2fd !important
}

/***************************
 *******  MENU LEFT ********
 ***************************/

.admin-customer .left-menu-bar {
    display: block !important;
    transform: none !important;
    width: 220px;
    z-index: 100;
    height: 100vh;
    padding: 0;
    overflow: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.admin-customer .left-menu-bar::-webkit-scrollbar {
    display: none;
}

.admin-customer .left-menu-bar .logo-client {
    border: 1px solid #ffefdd;
    background: #fff;
    padding: 22px;
    margin: 15px 15px 30px;
    max-width: 180px
}

.admin-customer .left-menu-bar .logo-content-admin img {
    max-height: 80px;
}

.admin-customer .left-menu-bar .logo-content-admin a {
    display: block;
}

.admin-customer .left-menu-bar .admin-logo {
    font: 19px/24px 'Cantata One', serif;
    padding-top: 10px;
}

.admin-customer .left-menu-bar .admin-logo .txt-admin-edito {
    font: 14px/20px 'Cantata One', serif;
}

.admin-customer .admin-nav {
    margin-left: 15px;
    position: relative;
}

.admin-customer .admin-nav .menu-button {
    border-radius: 10px 0 0 10px;
    padding: 8px 30px 8px 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    max-width: 195px;
    margin-bottom: 10px;
}

.admin-customer .admin-nav .menu-button.active {
    font-weight: 700;
}

.admin-customer .admin-nav .menu-button-solo {
    border-radius: 10px;
}

.admin-customer .admin-nav .menu-button .icon {
    display: block;
    width: 50px;
    text-align: center;
    margin-right: 5px;
    font-size: 26px;
    flex-shrink: 0;
}

.admin-customer .admin-nav .menu-button .icon-dhc {
    font-size: 50px;
}

.admin-customer .admin-nav .menu-button .icon-projet,
.admin-customer .admin-nav .menu-button .icon-collection {
    font-size: 35px;
}

.admin-customer .admin-nav .menu-button .icon-vitaleo,
.admin-customer .admin-nav .menu-button .icon-aides {
    font-size: 42px;
}

.admin-customer .admin-nav .dropdown-wrapper:hover a.menu-button {
    color: #fff !important;
    background: rgb(247 140 38 / 100%);
}

.admin-customer .admin-nav a.menu-button:hover .icon {
    color: #fff !important;
}

.admin-customer .admin-nav .drop-menu {
    position: fixed;
    top: 0;
    left: 210px;
    overflow: hidden;
    background: rgb(247 140 38 / 100%);
    max-width: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 10px 0 6px 0 rgb(0 0 0 / 0%);
}

.admin-customer .admin-nav .dropdown-wrapper:hover .drop-menu {
    max-width: 500px;
    transition: max-width .2s ease-in-out;
    box-shadow: 10px 0 6px 0 rgb(0 0 0 / 20%);
}

/* Pseudo-element for better hover handling */
.admin-customer .admin-nav .dropdown-wrapper:hover {
    position: relative;
}

.admin-customer .admin-nav .dropdown-wrapper:hover::before {
    content: '';
    position: absolute;
    top: -70%;
    left: 70%;
    width: 55px;
    height: 250%;
    z-index: 1;
}

/* End of pseudo-element handling */

.admin-customer .admin-nav .dropdown-wrapper .bloc-inter {
    display: flex;
    align-items: center;
    flex-direction: column;
    min-width: 250px;
    overflow: hidden;
}

.admin-customer .admin-nav .dropdown-wrapper .bloc-inter a {
    font: 19px / 35px "Cantata One", serif;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid rgb(255 255 255 / 30%);
    max-width: 270px;
    color: #fff;
    position: relative;
    transition: all .2s ease-in-out;
}

.admin-customer .admin-nav .dropdown-wrapper .bloc-inter a:last-child {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.admin-customer .admin-nav .dropdown-wrapper .bloc-inter a span {
    color: #fff;
    position: relative;
    left: 0;
    transition: all .2s ease-in-out;
}

.admin-customer .admin-nav .dropdown-wrapper .bloc-inter a:hover span {
    color: rgb(255 255 255 / 70%);
    left: 8px
}

@media (max-width: 1429.8px) {
    .admin-customer .menu-contextuel .bt-site-voir {
        position: relative !important;
        text-align: right;
        height: 30px;
    }
}

@media (max-width: 1199.8px) {
    .admin-customer .admin-nav {
        margin-left: 4px;
    }

    .admin-customer .left-menu-bar .logo-client {
        margin: 15px;
    }

    .admin-customer .admin-nav .menu-button {
        font-size: 11px;
        margin-bottom: 5px;
        padding: 5px 10px;
    }

    .admin-customer .admin-nav .dropdown-wrapper:hover .drop-menu {
        max-width: 400px;
    }

    .admin-customer .admin-nav .dropdown-wrapper .bloc-inter a {
        font-size: 20px;
        line-height: 26px;
        padding: 22px 0;
    }
}

@media (max-width: 991px) {
    .admin-customer .nav-mobil .menu-arrow a {
        color: #fff;
        background: inherit;
        padding: 15px 0;
    }

    .admin-customer .nav-mobil .menu-arrow a::before {
        content: none;
    }

    .admin-customer .nav-mobil .card-nav .ms-dhc .icon {
        font-size: 50px;
    }

    .admin-customer .nav-mobil .card-nav .ms-projet .icon,
    .admin-customer .nav-mobil .card-nav .ms-collection .icon,
    .admin-customer .nav-mobil .card-nav .ms-aide .icon {
        font-size: 25px;
    }

    .admin-customer .nav-mobil .card-nav .ms-tchat .icon {
        font-size: 22px;
    }

    .admin-customer .nav-mobil .card-nav .ms-aides .icon {
        font-size: 35px;
    }
}

/*******  LAYOUT  **************/
.admin-customer .actualite {
    padding: 0;
    min-height: 90vh;
}

.admin-customer .actualite .bloc-titre {
    font: 34px/40px 'Cantata One', serif;
    padding: 30px 10px 0;
    border-bottom: 1px solid transparent;
    margin: 0 0 30px;
}

.admin-customer .actualite .bloc-titre-page {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.admin-customer .actualite .bloc-titre-page h1.main-title {
    font: 34px/40px 'Cantata One', serif;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.admin-customer .actualite .bloc-titre-page h1.main-title > * {
    font: 34px/40px 'Cantata One', serif;
    margin: 0;
    display: inline-flex;
    align-items: center;
    text-align: left;
    text-overflow: ellipsis;
}

.admin-customer .actualite .bloc-titre-page h2 {
    text-align: left;
    flex: 2 0 min-content;
    justify-content: flex-start;
}

.admin-customer .actualite .bloc-titre-page h2 .icon-f3-r {
    font-size: 12px;
    margin: 0 20px;
    position: relative;
    top: 4px;
    left: 0;
}

.admin-customer .actualite h2 {
    font: 34px/40px 'Cantata One', serif;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin-customer .actualite h1.main-title .icon {
    font-size: 50px;
    margin-right: 25px;
}

.admin-customer .actualite h3 {
    font: 20px/26px 'Cantata One', serif;
}


.admin-customer .collapse-submenu-nav {
    border: none;
}

.admin-customer .bloc-section .titre {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.admin-customer .bloc-section .titre h2 {
    margin: 0 20px 10px 0;
}

.admin-customer .bloc-section .titre a.bt {
    margin: 0 0 10px;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%);
}

.admin-customer .bloc-section .titre a.bt:hover {
    margin: 0 0 10px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

/* ************************************************************************
SOUS-MENU
****************************************************************************/
.admin-customer .menu-contextuel {
    margin-top: -30px;
}

.admin-customer .menu-contextuel .bt-site-voir {
    right: 0;
    top: 6px;
    font-size: 12px;
}

.admin-customer .menu-contextuel .bt-site-voir .fa-arrow-up-right-from-square {
    padding-right: 5px;
}

.admin-customer .entries {
    font-size: 12px;
    text-align: center;
    padding: 6px 0;
    border-bottom: 1px solid transparent;
}

.admin-customer .entries a {
    color: #424242;
    padding-left: 10px;
    padding-right: 10px;
}

/* ************************************************************************
List with tab
****************************************************************************/

.gestion-p .gerer-liste .titre {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}

.gestion-p .gerer-liste .nav-tabs {
    justify-content: center;
    border: none;
    align-items: stretch;
}

.gestion-p .gerer-liste .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    border-radius: 10px 10px 0 0;
    margin: 0 3px;
    padding: 12px 30px;
    height: 100%;
}

.gestion-p .gerer-liste .nav-tabs .nav-link i {
    font-size: 24px;
    margin-right: 15px;
}

.gestion-p .gerer-liste table .status-col i {
    font-weight: bold;
}

.gestion-p .gerer-liste .nav.nav-tabs > .nav-item > .nav-link.active {
    background-color: #fff;
    padding: 15px 30px;
    margin-bottom: -1px;
    font-weight: 700;
    position: relative;
    top: 1px;
    bottom: 0
}

.gestion-p .gerer-liste .nav-tabs .nav-link:focus,
.gestion-p .gerer-liste .nav-tabs .nav-link:hover {
    color: #fff;
}

.gestion-p .gerer-liste .bloc-tabs {
    border: 1px solid transparent;
    padding: 40px;
    margin-bottom: 50px;
}

.gestion-p .gerer-liste .bloc-tabs .form-text {
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    margin: 0 0 20px;
}


@media (max-width: 1199.8px) {
    .admin-customer .bloc-section .titre {
        display: block;
    }

    .gestion-p .gerer-liste .nav-tabs {
        flex-wrap: wrap;
    }

    .gestion-p .gerer-liste .nav-tabs .nav-link {
        width: auto;
        border-radius: 10px;
        margin: 0 5px 10px;
        padding: 10px 15px;
        height: auto;
    }

    .gestion-p .gerer-liste .nav.nav-tabs > .nav-item > .nav-link.active {
        padding: 10px 15px;
        margin-bottom: 0;
        top: 0;
    }


}

/*******  header  **************/

.admin-customer .form-text {
    font-size: 14px;
    color: #6c757d;
    font-family: 'Open Sans', sans-serif;
}

/******************************************************
Infos bulles d'aide
******************************************************/
.admin-customer .txt-tips {
    font-size: 11px;
    font-weight: 700;
    border-radius: 50px;
    height: 18px;
    width: 18px;
    border: 1px solid;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.admin-customer .bloc-admin-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    position: relative;
}

.admin-customer .bloc-admin-head .aide-g {
    padding: 10px 30px 10px 0;
}

.admin-customer .bloc-admin-head .aide-d {
    margin: 30px 30px 15px 0;
    padding: 0 30px;
}

.admin-customer .collec-edit .bloc-admin-head {
    justify-content: center;
}

.admin-customer .bloc-admin-head .bloc-admin-head1,
.admin-customer .bloc-admin-head .bloc-admin-head3 {
    flex-shrink: 0;
    width: 100%;
}

.admin-customer .bloc-admin-head2 {
    margin-right: 45px;
}


.admin-customer .bloc-admin-head2 h1 {
    margin: 0;
}

.admin-customer .bloc-admin-head .infobulle1 {
    min-height: 132px;
}

.admin-customer .bloc-admin-head .infobulle-bloc {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    min-height: 132px;
    padding: 15px 25px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.admin-customer .bloc-admin-head .infobulle-bloc p {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 5px;
    width: 100%;
    position: relative;
    font-size: 14px;
    line-height: 18px;
}

.admin-customer .bloc-admin-head .infobulle-bloc a {
    text-decoration: underline;
    font-size: 14px;
}


.admin-customer .bloc-admin-head .w140 {
    max-width: 140px;
}

.admin-customer .bloc-admin-head .w160 {
    max-width: 160px;
}

.admin-customer .bloc-admin-head .w180 {
    max-width: 180px;
}

.admin-customer .bloc-admin-head .w200 {
    max-width: 200px;
}

.admin-customer .bloc-admin-head .w220 {
    max-width: 220px;
}

.admin-customer .bloc-admin-head .w240 {
    max-width: 240px;
}

.admin-customer .bloc-admin-head .w260 {
    max-width: 260px;
}

.admin-customer .bloc-admin-head .w280 {
    max-width: 280px;
}

.admin-customer .bloc-admin-head .w300 {
    max-width: 300px;
}

.admin-customer .bloc-admin-head .w320 {
    max-width: 320px;
}

.admin-customer .bloc-admin-head .w340 {
    max-width: 340px;
}

.admin-customer .bloc-admin-head .w360 {
    max-width: 360px;
}

.admin-customer .bloc-admin-head .w380 {
    max-width: 380px;
}

.admin-customer .bloc-admin-head .w400 {
    max-width: 400px;
}

.admin-customer .bloc-admin-head .w420 {
    max-width: 420px;
}

.admin-customer .bloc-admin-head .infobulle-bloc::before {
    background: url(/build/images/dhc-info2.8c9f91a7.png) no-repeat bottom left;
    content: '';
    position: absolute;
    bottom: -20px;
    left: -39px;
    width: 72px;
    height: 131px;
}

.ms-collection .bloc-admin-head .cube .infobulle-bloc::before {
    background: url(/build/images/dhc-info3.fbce68f1.png) no-repeat bottom left;
}


.admin-customer .bloc-infobulle2 .infobulle2-txt a,
.admin-customer .bloc-admin-head .infobulle-bloc a {
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline;
    width: 100%;
    display: inline-block;
    position: relative;
}

.admin-customer .bloc-infobulle2 {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.admin-customer .bloc-infobulle2 .infobulle2-content {
    display: inline-flex;
    justify-content: center;
    max-width: 500px;
    align-items: flex-start;
}

.admin-customer .bloc-infobulle2.max-width .infobulle2-content {
    max-width: 100%;
}

.admin-customer .bloc-infobulle2 .infobulle2-img {
    width: 100px;
    flex-shrink: 0;
    padding-top: 18px;
}

.admin-customer .bloc-infobulle2 .infobulle2-txt {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
    position: relative;
}

.admin-customer .bloc-infobulle2 .infobulle2-txt h2 {
    font-size: 18px;
    line-height: 20px;
}

.admin-customer .bloc-infobulle2 .infobulle2-txt p {
    font-size: 12px;
    line-height: 16px;
}

.admin-customer .bloc-infobulle2 .infobulle2-txt::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    left: -20px;
}

@media (max-width: 992px) {
    .admin-customer .bloc-admin-head {
        display: block;
    }

    .admin-customer .bloc-admin-head > div {
        max-width: 100% !important;
        margin: 0;
    }

    .admin-customer .bloc-admin-head .bloc-admin-head3 {
        padding-left: 30px;
        margin: 0 auto;
    }
}


/* ************************************************************************
ACTUALITé
****************************************************************************/
.actu-portal {
    background-color: #fff0dd;
    padding: 40px 50px;
    margin-bottom: 60px;
    margin-top: 20px;
}

.admin-customer .actualite .actu-portal h3 {
    font: 400 26px/30px 'Cantata One', serif;
    margin-bottom: 10px;
    color: #fe872c;
}

.admin-customer .actualite .actu-portal a {
    color: #fe872c;
}


/* ************************************************************************
MENU
****************************************************************************/

.counter-bloc .counter {
    border-radius: 10px;
    border: 1px solid #f1e9e0;
    font-size: 20px;
    padding: 40px 10px 80px;
    margin: 30px 20px 20px;
    background: #fff url(/build/images/present.aa7f51a6.gif) no-repeat center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter-bloc .counter .total {
    display: block;
    margin: 10px auto;
    font-size: 24px;
}

.counter-bloc .counter.second {
    background: none;
    padding: 20px 10px;
}

/****** tableau liste ************/
.mod .table-customer .table {
    margin: 20px 0;
}

.mod .table-customer .table th {
    border-top: none !important;
    border-bottom: none !important;
    font-size: 14px;
    font-weight: 400;
    color: #c7c7c7
}

.mod .table-customer .table:not(.js-datatables) th:first-child {
    padding-left: 0;
}

.mod .table-customer .table:not(.js-datatables) td:first-child {
    padding-left: 0;
}

.mod .table-customer .table td {
    border-top: 1px solid #ffefdd;
    border-bottom: 0 !important;
    font-size: 14px;
}

.mod .table-customer .table td a {
    position: relative;
}

.mod .table-customer .table td a:not(.remove-arrow)::after,
.mod.ms-dhc .intro-admin .in-time .table-customer .dropdown-menu-start a.dropdown-item:not(.dropdown-toggle)::after {
    font-family: short-font !important;
    margin-left: 5px;
    content: "\e935";
    font-size: 10px;
    text-decoration: none;
    color: #fe872c
}

.mod .table-customer .table td .bt::after {
    display: none !important
}

.mod .table-customer .table tr th.actions:last-child,
.mod .table-customer .table tr td.actions:last-child {
    text-align: right;
    padding-right: 10px;
}

.mod .table-customer .table.js-datatables .dt-empty {
    color: #424242;
    font-style: italic;
    padding: 10px;
}


/******** personnalisation homepage *********/
.admin-customer .actualite .ms-homepage .bloc-titre {
    display: block !important;
    text-align: center;
}

.admin-customer .actualite .ms-homepage .bloc-titre .icon {
    display: none !important;
}


/******  personnalisation table activité  ****/
.admin-customer .activite .table-customer .status i {
    font-size: 6px;
    position: relative;
    top: -2px;
}

.admin-customer .activite .bt-center .bt {
    padding: 10px 40px;
}

.admin-customer .activite .title {
    display: flex;
    align-items: center;
}

.admin-customer .activite .title img {
    margin-right: 10px;
}

.admin-customer .bt-center {
    text-align: center;
}

.admin-customer .bt-center .bt + .bt {
    margin-left: 10px;
}

.intro-admin {
    margin-bottom: 20px;
    margin-top: 30px;
}

.admin-customer .intro-admin h2 {
    justify-content: flex-start;
}


/******  personnalisation table en ce moment  ****/
.in-time {
    margin-bottom: 30px;
}

.in-time .vis-timeline {
    border: none;
    border-bottom: 1px solid #f1e9e0;
    border-right: 1px solid #f1e9e0;
}

.in-time .vis-panel.vis-center,
.in-time .vis-panel.vis-left,
.in-time .vis-panel.vis-right,
.in-time .vis-panel.vis-top,
.in-time .vis-panel.vis-bottom {
    border-color: #f1e9e0;
}

.in-time .vis-panel.vis-left,
.in-time .vis-panel.vis-top {
    border-top: 1px solid #f1e9e0;
    border-left: 1px solid #f1e9e0;
    border-right: 1px solid #f1e9e0;
    min-width: 250px;
}

.in-time .vis-panel.vis-background.vis-vertical {
    border-width: 1px;
}

.in-time .vis-foreground .vis-group,
.in-time .vis-labelset .vis-label {
    border-bottom: 1px solid #f1e9e0;
}

.in-time .js-container-charts {
    font-size: 14px;
}

.in-time .vis-item {
    background: #efe9e3;
}

.in-time .vis-item.vis-range.vis-readonly {
    /* background: rgba(176, 145, 113, 0.3) !important; */
    border: 1px solid #fff !important;
    margin-top: 10px;
}

.in-time .vis-item.vis-range.vis-selected.vis-readonly,
.in-time .vis-item.vis-selected,
.in-time .vis-item.vis-range.vis-readonly + .in-time .vis-item.vis-selected,
.in-time .vis-item.vis-range.vis-readonly + .vis-item.vis-range.vis-selected.vis-readonly {
    background: rgb(176 145 113 / 100%) !important;
    color: #fff;
    border: 1px solid rgb(176 145 113 / 100%) !important;
}

.in-time .vis-item.vis-range.vis-readonly a:hover,
.in-time .vis-item.vis-range.vis-readonly a:focus,
.in-time .vis-item.vis-range.vis-readonly a:active {
    color: #424242;
    text-decoration: none;
}

.in-time .vis-item.vis-range.js-period-alert {
    background-color: #a94442;
}

.in-time .vis-item.vis-range.js-period-alert a,
.in-time .vis-item.vis-range.js-period-alert .js-tips,
.in-time .vis-item.vis-range.js-period-alert small.txt-couleur {
    color: #fff !important;
}

.in-time .vis-item.vis-range.js-period-alert a:hover {
    color: #2d9bda !important;
}

.in-time .vis-labelset .vis-label {
    color: #575757;
    padding: 0 30px;
    min-height: 61px;
    display: table;
}

.in-time .vis-group {
    padding: 30px 0;
}

.in-time .vis-background {
    z-index: -1;
}

.in-time .vis-item .vis-item-content .icon-calendar2 {
    font-size: 14px;
}

.in-time .vis-labelset .vis-label .vis-inner .icon-plus2 {
    font-size: 14px;
    position: relative;
    top: 1px;
    left: 4px;
}

.in-time .vis-item .vis-item-content {
    white-space: unset;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    color: #575757;
}

.in-time .vis-item.vis-selected .vis-item-content {
    color: #fff;
}

.in-time h3 {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}

.in-time .vis-panel.vis-left .vis-labelset .vis-label:last-child {
    padding-bottom: 10px !important;
}

.in-time .vis-labelset .vis-label .vis-inner {
    padding: 20px 5px;
}

/******************************************************
Customization timeline
******************************************************/
.in-time #js-container-period .vis-labelset .vis-label {
    padding: 0 5px;
}

.in-time #js-container-period .dropdown-button {
    font-size: 13px;
    margin-top: -10px;
    padding: 3px 13px;
}

/******************************************************
Customization timeline side buttons
******************************************************/

.in-time .vis-timeline.vis-bottom.vis-ltr,
.in-time .vis-panel.vis-left,
.in-time .vis-labelset {
    overflow: visible;
}

/******************************************************
Collections Short
******************************************************/
.cata-list h2 {
    padding: 0 !important;
}

.cata-list .table-customer .table-round {
    border-spacing: 0 7px;
    margin-bottom: 50px;
}

.cata-list .table-customer tr > :first-child {
    width: 25%;
}

.cata-list .table-customer td:first-child {
    width: 230px;
}

.cata-list .table-customer td:first-child a {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    line-height: 20px;
    display: block;
}

.cata-list .table-customer td:first-child a::after {
    content: '\e931';
    position: absolute;
    font-family: short-font !important;
    left: 5px;
    top: 1px;
    font-size: 8px;
    color: #ece2d9;
}

.oeuvre .table-customer .actions,
.cata-list .table-customer .actions {
    width: 5% !important;
}

.cata-list .form-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
}

.cata-list .form-text .help-dhc {
    max-width: 230px;
    font: 400 20px/30px 'Cantata One', serif;
    display: block;
    padding: 20px;
}

.admin-customer .mod.collec-edit table td,
.admin-customer .mod.collec-edit .table th {
    border: none !important;
}

.admin-customer .mod.collec-edit .bloc3 {
    border: none !important;
}

/******************************************************
Mes collections
******************************************************/
.mes-collections .table-customer .table-round td {
    height: 55px;
}

.admin-customer .navbar.fixed-bottom {
    background: #ece2d9 !important;
    font-size: 14px;
    padding: 20px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
    z-index: 100 !important;
}

/******************************************************
Liste des œuvres
******************************************************/
.texte-intro-cat {
    width: 70%;
    text-align: center;
    display: block;
    margin: 0 auto 60px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.admin-customer .copyright {
    font-size: 14px;
    color: #929292;
}

.admin-customer h2.liste-dispo {
    border-bottom: 1px solid #f1e9e0 !important;
    margin-bottom: 40px;
    position: relative;
}

.admin-customer h2.liste-dispo::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #f1e9e0;
    position: absolute;
    left: 20px;
    bottom: -18px;
}

.admin-customer .liste-dispo::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #fff;
    position: absolute;
    left: 20px;
    bottom: -16px;
}

.admin-customer .bs-popover-bottom {
    max-width: 30%;
}

/***********************  FORM SELECT 2  *********************/
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border-radius: 20px;
    border-color: #f1e9e0;
}

.select2-container .select2-selection--single {
    height: 40px;
}

.select2-container .select2-selection--multiple {
    min-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #424242;
    line-height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #424242;
    line-height: 30px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 30px;
    font-size: 14px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 0 7px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear,
.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 7px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #f1e9e0;
    background: #f1e9e0;
    border-radius: 40px;
    font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f1e9e0;
    color: #424242;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #f1e9e0;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #424242;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 40px;
    margin-right: 30px;
}

/******************************************************
Contact
******************************************************/
.admin-customer .admin-contact .bloc-img {
    background: #f8f4ef;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 600px;
    padding: 40px;
    border-radius: 10px;
}

.admin-customer .admin-contact h1 {
    margin-bottom: 30px;
}

.admin-customer .form-admin {
    font-size: 14px;
}

.admin-customer .form-admin .form-control:disabled,
.admin-customer .form-admin .form-control[readonly] {
    background-color: #f1e9e0;
    border-color: #f1e9e0;
}

.admin-customer .form-admin .select2-container--default .select2-selection--multiple {
    background-color: #f8f4ef;
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    padding: 7px 10px;
}

.admin-customer .form-admin .label-form label {
    font-weight: 400;
    font-size: 14px;
    color: #acaaa7;
}

.admin-customer .form-admin label {
    font-size: 14px;
    font-weight: 700;
}

.admin-customer .form-admin .label-form span {
    color: #acaaa7;
    font-weight: 700;
}

.admin-customer .form-admin .date input {
    margin-bottom: 5px;
}

.admin-customer .form-admin .date .form-group.form-dyn {
    margin-bottom: 0;
}

.admin-customer .form-admin .date .form-dyn input {
    background-color: #f8f4ef;
}

.admin-customer .form-admin textarea {
    background-color: #f8f4ef;
    margin-bottom: 30px;
}

.admin-customer .form-admin .bt-envoi {
    text-align: right;
}

.admin-customer .select2-container--open .select2-dropdown--below {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.admin-customer .select2-container--open .select2-dropdown--above {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.admin-customer .select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #d9ba9e;
    color: #fff;
}

.admin-customer .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #d9ba9e 1px;
}

.admin-customer .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.admin-customer .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-color: #d9ba9e;
}


/******************************************************
Oeuvres administration
******************************************************/
.admin-customer .mod .bloc-ajout-search {
    display: flex;
    align-items: center;
}

.admin-customer .mod .bloc-ajout-search h4 {
    margin-right: 10px;
    font-weight: 400;
}

.admin-customer .mod .bloc-ajout-search .search {
    width: 50%;
}

.admin-customer .bloc-ajout-search #groupe-search2 {
    width: 320px;
    height: 40px;
    border-radius: 40px;
}

.admin-customer .bloc-ajout-search .form-control {
    width: 320px;
    height: 40px;
    border-radius: 40px !important;
    inset: 0;
    padding-right: 40px;
    background: #fbf9f7;
    border: 1px solid #ece2d9;
    font-size: 12px;
}

.admin-customer .bloc-ajout-search button.loupe {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    border-radius: 50%;
    border: none;
    z-index: 10;
}

.admin-customer .bloc-ajout-search .bt {
    margin: 15px 0;
}

.admin-customer .oeuvre {
    margin-top: 10px;
}

.admin-customer .nav-pills .nav-item {
    flex: 1;
    padding: 5px;
}

.admin-customer .nav-pills .nav-item:first-child {
    padding-left: 0;
}

.admin-customer .nav-pills .nav-item:last-child {
    padding-right: 0;
}

.admin-customer .nav-pills .nav-link.active,
.admin-customer .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #555;
    border-color: #555;
    font-weight: 700;
}

/* .admin-customer .nav-pills .nav-link.active i, */

/* .admin-customer .nav-pills .show > .nav-link i { */

/*    color: #fe872c; */

/* } */

.admin-customer .nav-pills .nav-link {
    border-radius: 10px;
    border: 1px solid #ece2d9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-size: 14px;
    padding: 0 20px;
}

.admin-customer .nav-pills {
    margin-bottom: 10px;
}

.admin-customer .nav-pills .nav-link i {
    font-size: 27px;
    margin-right: 8px;
}

.admin-customer .nav-pills .nav-link:hover,
.admin-customer .nav-pills .nav-link:focus,
.admin-customer .nav-pills .nav-link:active {
    color: #555;
    background: #ece2d9;
}

.admin-customer .oeuvre .img-center {
    margin: 20px 0;
    text-align: center;
}

.admin-customer .oeuvre .table {
    border-collapse: separate;
    border-spacing: 0 10px;
    table-layout: fixed;
    padding-bottom: 60px;
}

.admin-customer .oeuvre .no-lock-column .table {
    table-layout: initial;
}

.admin-customer .oeuvre .table td {
    padding: 7px 10px;
    line-height: 16px;
    background: #f8f4ef;
    border-top: 1px solid #f1e9e0;
    border-bottom: 1px solid #f1e9e0;
    height: 40px;
}

.admin-customer .oeuvre .table td:first-child {
    padding: 7px 3px 7px 15px !important;
    border-left: 1px solid #f1e9e0;
    border-radius: 10px 0 0 10px;
}

.admin-customer .oeuvre .table td:last-child {
    border-right: 1px solid #f1e9e0;
    border-radius: 0 10px 10px 0;
}

.admin-customer .oeuvre .table th:first-child {
    padding: 7px 3px 0 15px !important;
    width: 100px;
}

.admin-customer .oeuvre .table th:last-child {
    text-align: center;
    width: 100px;
}

.admin-customer .oeuvre .table th {
    padding: 5px 10px 0;
    font-size: 12px;
    color: #c7c7c7;
    vertical-align: bottom;
    font-weight: 400;
    border: none;
}

.admin-customer .oeuvre .table td a {
    text-decoration: underline;
}

.admin-customer .table-customer .table-round .actions a.dropdown-item,
.admin-customer .table-customer .table-round .actions .dropdown-item {
    text-decoration: none;
}

/******************************************************
Oeuvres - envoyer
******************************************************/
.admin-customer .submit {
    margin-top: 20px !important;
}

.admin-customer .submit .bloc-img {
    background: #f8f4ef;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 600px;
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.admin-customer .submit textarea,
.admin-customer .template textarea,
.admin-customer .submit select,
.admin-customer .template select {
    font-size: 14px;
    color: #424242;
    margin-bottom: 5px;
    border-radius: 10px;
    padding: 25px 20px 15px;
    border: 1px solid #f1e9e0;
}

.admin-customer .submit textarea.with-background {
    background-color: #f8f4ef;
}

.admin-customer .submit .form-group,
.admin-customer .template .form-group {
    margin-bottom: 25px;
}

.admin-customer .submit label,
.template label {
    font-size: 14px;
    padding-left: 20px;
    color: #777;
    font-weight: 400;
}

.admin-customer .form-group.form-dyn .label-form label {
    padding-left: 0;
}

.admin-customer .submit .bloc-d,
.admin-customer .template .bloc-d {
    padding: 20px 40px 0 0;
}

.admin-customer .submit .select2-container--default .select2-selection--multiple,
.admin-customer .submit .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #f1e9e0;
    border-radius: 20px;
}

.admin-customer .submit .select2-container--open .select2-dropdown--below {
    border-top: 1px solid #f1e9e0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 10px;
}

.admin-customer .submit .select2-container--open .select2-dropdown--above {
    border-top: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 10px;
}

/******************************************************
Oeuvres - detail  administration
******************************************************/

.admin-customer .oeuvre-detail h1 span,
.admin-customer h1 .oeuvre-detail span {
    font-size: 18px;
    color: #999;
}

.admin-customer .oeuvre-detail h1 span.icon,
.admin-customer h1 .oeuvre-detail span.icon {
    font-size: 30px;
    color: #424242;
}

.admin-customer .oeuvre-detail {
    width: 100%;
}

.admin-customer .oeuvre-detail .nav.nav-pills {
    justify-content: center;
    align-items: center;
}

.admin-customer .oeuvre-detail .nav-pills .nav-item {
    max-width: 250px;
}

.admin-customer .oeuvre.form-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.admin-customer .oeuvre.form-text .help-dhc {
    max-width: 230px;
    font: 400 20px/30px 'Cantata One', serif;
    display: block;
    padding: 20px;
}

.admin-customer .oeuvre.form-text .help-dhc a {
    margin-top: 20px;
}

.admin-customer .dash-story-bloc .texte {
    font: 16px/28px "Open Sans", sans-serif;
    padding-bottom: 25px;
}

.admin-customer .dash-story-bloc .time {
    position: relative;
    padding: 13px 0;
    border-top: 1px solid #f1e9e0;
    text-align: center;
    font-size: 14px;
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin-customer .dash-story-bloc .time span {
    position: relative;
    top: -29px;
    padding: 0 20px 0 0;
    background: #fff;
    display: inline-block;
    font-style: italic;
    color: #999;
}

.admin-customer .dash-story-bloc .time span.modifier {
    top: -29px;
    padding: 0 0 0 20px;
    font-style: normal;
}

.admin-customer .form-note {
    font-size: 14px;
    color: #424242;
    margin-bottom: 5px;
    background-color: #f8f4ef;
    border-radius: 10px;
    padding: 25px 20px 15px;
    border: 1px solid #f1e9e0;
}

.admin-customer .form-note .row + .form-group {
    text-align: right;
}

.admin-customer .form-note .row select,
.admin-customer .form-note .row textarea {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    background-color: #fff;
    font-size: 14px;
    color: #424242;
}

.admin-customer .modif-oeuvre .dash-story-bloc {
    padding-right: 40px;
}

.admin-customer .dash-story-detail {
    font-size: 14px;
    color: #424242;
    margin-bottom: 30px;
    background-color: #f8f4ef;
    border-radius: 10px;
    padding: 25px 40px;
    margin-top: 15px;
    width: 100%;
}

.cs-sub-comment .fos_comment_comment_new_form {
    padding: 0;
    background-color: #fff;
}

.cs-sub-comment .fos_comment_comment_new_form img {
    display: none;
}

.cs-sub-comment .fos-new-comment-textarea {
    margin-left: 0;
    margin-right: 0;
}

.cs-sub-comment .fos-new-comment-textarea textarea {
    width: 100%;
    background-color: #fff;
    height: 100px;
    padding-right: 65px !important;
}

.cs-sub-comment .fos_comment_comment_new_form .bt-ok {
    bottom: 10px;
    right: 10px;
    color: white;
}

.cs-sub-comment .comment_body {
    font-weight: normal !important;
}

.historic-bloc {
    margin: 30px 0;
}

.table-customer.historic .table-round td {
    padding: 10px !important;
    background: #fff;
    border-radius: 5px !important;
}

/******************************************************
OEUVRE  affichage
******************************************************/

.admin-customer .oeuvre-main .content img {
    max-width: 75%;
    display: block;
    margin: 0 auto;
}

.admin-customer .oeuvre-main .content img.new-strip-format {
    max-width: 100% !important;
}

.admin-customer .single .oeuvre-author {
    border-radius: 10px;
}

.admin-customer .content-column .telechargement h2 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 30px;
}

.admin-customer .content-column .telechargement .tele-item a {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    padding: 20px 10px;
}

.admin-customer .content-column .telechargement .tele-item a:hover,
.admin-customer .content-column .telechargement .tele-item a:focus,
.admin-customer .content-column .telechargement .tele-item a:active {
    background: #424242;
}

@media (max-width: 767.8px) {
    .admin-customer .oeuvre-main .content img {
        max-width: 100%;
        margin: 20px auto !important;
    }

    .admin-customer .modif-oeuvre .dash-story-bloc {
        padding: 15px;
    }
}

/******************************************************
Template email
******************************************************/
.table-customer.table-email .table-round td {
    height: 55px;
}

.table-customer.table-email .table-round td:first-child {
    padding: 7px 3px 7px 20px !important;
}

.table-customer.table-email .table-round th:first-child {
    padding: 7px 3px 0 20px !important;
}

.template .bloc-img {
    background: #f8f4ef;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 600px;
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 40px;
}

/******************************************************
Modification publication
******************************************************/

.mod .card,
.mod2 .card {
    border: none;
}

.mod .card h4,
.mod2 .card h4 {
    font-weight: bold;
}

.admin-customer .table.stat-table td {
    border-top: none;
    border-bottom: none
}

/*
.admin-customer h2.liste-dispo,
.cata-list h2,
.mod .card .card-header,
.mod2 .card .card-header {
    padding: 0 0 7px;
    background-color: transparent !important;
    border-bottom: none;
    font: 22px/28px 'Cantata One', serif;
    color: #424242;
}

.mod2 .card .card-body {
    border-radius: 10px;
    border: 1px solid #f1e9e0;
    padding: 30px;
}


.mod .table {
    border-spacing: 0;
    border-collapse: separate;
}

.mod .table tr th,
.mod .table tr td {
    padding: 10px;
    vertical-align: middle;
}

.mod .table tr td {
    border-top: none;
    padding: 10px;
}

.mod .table tr th label {
    font-weight: 700;
    font-size: 14px;
}

.mod .table tr td > label {
    margin-bottom: 0;
}

.mod .table tr > :first-child {
    padding: 10px;
    border-top: none;
    border-left: 1px solid #f1e9e0;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
}

.mod .table tr td .bloc-inter1,
.admin-customer .submit input,
.admin-customer .template input,
.mod .table tr td input,
.mod .table tr td textarea {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    font-size: 14px;
    color: #424242;
    padding-left: 20px;
    padding-right: 30px;
}

.mod .table tr td .recherche-form input[type='text'] {
    background-color: #f8f4ef;
}

.mod .table tr:first-child > th,
.mod .table tr:first-child > td {
    border-top: 1px solid #f1e9e0;
    padding-top: 30px;
}

.mod .table tr:first-child > :first-child {
    border-top-left-radius: 10px;
    border-left: 1px solid #f1e9e0;
    padding-top: 30px;
    width: 30%;
}

.mod .table tr:first-child > :last-child {
    border-top-right-radius: 10px;
}

.mod .table tr > :last-child {
    border-right: 1px solid #f1e9e0;
}

.mod .table tr:last-child > th,
.mod .table tr:last-child > td,
.mod .table tr td.corner-bottom-right {
    border-bottom: 1px solid #f1e9e0;
    padding-bottom: 30px;
}

.mod .table tr:last-child > :first-child {
    border-bottom-left-radius: 10px;
    border-left: 1px solid #f1e9e0;
    padding-bottom: 30px;
}

.mod .table tr td.corner-bottom-right,
.mod .table tr:last-child > :last-child {
    border-bottom-right-radius: 10px;
}

*/
.mod .bloc1 {
    margin-bottom: 40px;
}

/*
.mod .bloc2 .card .table tr td {
    border-radius: 10px !important;
    border: 1px solid #f1e9e0 !important;
    padding: 20px;
}
*/
.mod .rules .table {
    overflow: hidden;
    border: 1px solid #f1e9e0;
    border-radius: 10px;
    padding: 10px;
}

.mod .rules .table tr th,
.mod .rules .table tr td,
.mod .rules.col-md-5 .table tr td {
    border-radius: 0;
    border: none !important;
    text-align: left;
    padding: 10px !important;
}

.mod .rules .table tr td {
    font-size: 14px;
    line-height: 18px;
    border-top: 1px solid #f1e9e0 !important;
    font-weight: normal;
}

.mod .bloc2 .bloc-titre-bt {
    margin-bottom: 0 !important;
    position: relative;
}

.mod .bloc2 .bloc-titre-bt input {
    background: transparent !important;
    position: relative;
    z-index: 100;
    border: 2px solid #424242;
}

.mod .bloc2 .bloc-titre-bt::after {
    content: '\e950';
    font-family: short-font !important;
    position: absolute;
    right: 26px;
    top: 9px;
    font-size: 17px;
    color: #888;
}

.mod .bloc2 .filtre-search span {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
    padding-right: 10px;
}

.mod .bloc2 .filtre-search label {
    margin-bottom: 10px;
    width: 100%;
    max-width: 500px;
    flex: 1;
}

.mod .table,
.mod .table h4 {
    color: #424242;
}

.mod .bloc2 .filtres .ui-checkboxradio-label {
    border: none;
    border-radius: 0;
    font-size: 14px;
    background-color: transparent;
    color: #424242;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0 10px 7px 0;
    text-align: left;
}

.mod .bloc2 .filtres .ui-visual-focus {
    box-shadow: none;
}

.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-visual-focus {
    box-shadow: none;
}

.mod .bloc2 .filtres .ui-checkboxradio-icon {
    background: white;
    height: 15px;
    width: 15px;
    border: 1px solid #424242;
    margin-right: 5px;
    border-radius: 50%;
    box-shadow: none;
    position: relative;
    top: 2px;
}

.bloc2 .filtres .ui-checkboxradio-icon.ui-state-checked {
    background: #424242;
}

.bloc2 .filtres b {
    font-size: 14px;
}

.bloc2 .filtres .ui-state-active,
.bloc2 .filtres .ui-widget-content .ui-state-active,
.bloc2 .filtres .ui-widget-header .ui-state-active,
.bloc2 .filtres a.ui-button:active,
.bloc2 .filtres .ui-button:active,
.bloc2 .filtres .ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
}

.mod .bloc2 .filtres .search-bloc-2 .ui-checkboxradio-label:hover .ui-checkboxradio-icon {
    background: #f1e9e0;
}

.mod .bloc2 .filtres .ui-corner-all .ui-checkboxradio-icon.ui-state-checked {
    background: #424242 !important;
}

.mod .bloc2 h4.pb-6 {
    padding-bottom: 65px;
}


.mod .bloc3 .table tr:last-child td {
    border: none;
}

.mod .bloc4 {
    margin-top: 30px;
}

.mod .bloc4 h3 {
    padding: 0 0 15px;
    background-color: transparent;
    border-bottom: none;
    color: #fe872c;
    font: 18px/26px 'Cantata One', serif;
}

.mod .bloc4 .bloc-aide {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    font-size: 14px;
    background-color: #f8f4ef;
    color: #424242;
    padding: 30px;
}

.mod .bloc4 .bloc-aide p {
    margin-bottom: 10px;
}

/******************************************************
Collection édition
******************************************************/
.collec-edit input,
.collec-edit textarea,
.collec-edit .ui-checkboxradio-label {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    font-size: 14px;
    background-color: #f8f4ef;
    color: #424242;
    text-align: left;
}

.collec-edit .ui-icon {
    width: 13px;
    height: 13px;
}

.collec-edit .ui-icon-check {
    background-position: -65px -146px;
}

.collec-edit .bloc1 {
    border-radius: 10px;
    border: 1px solid #f1e9e0;
    padding: 30px;
}

.collec-edit .bloc1 label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right;
}

.collec-edit .align-items-start {
    padding-top: 10px;
}

.collec-edit .bloc-attention {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -54px;
}

.collec-edit .bloc-attention img {
    z-index: 20;
}

.collec-edit .bloc-alert {
    font: 18px/22px 'Cantata One', serif;
    padding-left: 15px;
}

.collec-edit .bloc3 {
    border-radius: 10px;
    border: 1px solid #f1e9e0;
    padding: 10px;
}

.collec-edit .bloc3 .table td {
    border: none;
}

.collec-edit .bloc3 .js-checkbox label {
    width: 100%;
    max-width: 500px;
    margin: 10px 0 20px;
}

.collec-edit .bloc3 .js-checkbox .search-bloc-2 label {
    width: auto;
    max-width: inherit;
    margin: 0;
    border: none;
    background: transparent;
    padding: 0 10px 7px 0;
    font-weight: 400;
}

.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-button .ui-icon {
    background: white none;
    height: 15px;
    width: 15px;
    border: 1px solid #424242;
    margin-right: 2px;
    border-radius: 50%;
    box-shadow: none;
    position: relative;
    top: 0;
}

.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-checkboxradio-label:hover .ui-checkboxradio-icon {
    background: #f1e9e0;
}

.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-checkboxradio-icon.ui-state-checked {
    background: #424242 !important;
}

.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-state-active,
.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-widget-content .ui-state-active,
.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-widget-header .ui-state-active,
.collec-edit .bloc3 .js-checkbox .search-bloc-2 a.ui-button:active,
.ui-button:active,
.collec-edit .bloc3 .js-checkbox .search-bloc-2 .ui-button.ui-state-active:hover {
    color: #424242;
}

.collec-edit .bloc3 .col-d h4 {
    text-align: right;
}

.collec-edit .bloc3 .list-available,
.collec-edit .bloc3 .list-selectable {
    border-radius: 10px;
    background-color: #f8f4ef;
    padding: 14px;
    min-height: 72px;
    display: block;
}

.collec-edit .bloc3 .list-group-item {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    font-size: 14px;
    background-color: #fff;
    color: #424242;
    margin: 0 0 7px;
}

.collec-edit .bloc3 .form-text {
    min-height: 45px;
}

/******************************************************
MES DHC & mon site  / CONTACT
******************************************************/
.contact .bloc-contact-item .ligne,
.contact .bloc-contact-item .icon {
    display: flex;
    align-items: center;
}

.contact .bloc-contact-item .ligne + .ligne {
    margin-top: 10px;
}

.contact .bloc-contact-item .icon {
    margin-right: 7px;
}

.contact-edit input,
.contact-edit textarea {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    font-size: 14px;
    background-color: #f8f4ef;
    color: #424242;
}

.contact-edit label {
    font-size: 14px;
    font-weight: 700;
}

.contact-edit .separate {
    border-top: 1px solid #f1e9e0;
    padding-top: 30px;
    margin-top: 20px;
}

.contact-edit .col-6 .form-group {
    margin-bottom: 20px;
}

.contact-edit .bloc-time {
    display: flex;
    align-items: center;
}

.mod .contact-edit .table tr > :first-child {
    width: auto;
}

.mod .contact-edit .table tr td .bloc-time input {
    padding: 0.375rem 0.75rem;
}

.contact-edit .select2-container--default .select2-selection--multiple,
.contact-edit.select2-container--default .select2-selection--multiple,
.contact-edit .select2-container--default .select2-selection--single {
    background-color: #f8f4ef;
}

.contact-edit .select2-container .select2-selection--multiple .select2-selection__rendered,
.contact-edit .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
}

.contact-edit .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #d9ba9e;
    border: 1px solid #d9ba9e;
    color: #fff;
    border-radius: 50px;
    margin-top: 3px;
}

.contact-edit .alerts {
    margin: 5px 0 20px;
}

.contact-edit .alerts .form-group {
    margin-bottom: 5px;
}

.contact-edit .alerts .form-group label {
    font-weight: 400;
}

.contact-edit .dropdown-menu.show {
    display: block;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
}

/******************************************************
Page oeuvre
*****************************************************/
.admin-customer .titre-single h1 {
    margin-top: 0;
}

.admin-customer .bloc-cree,
.admin-customer .bloc-cree label,
.admin-customer .bloc-cree input {
    font-size: 14px;
}

.admin-customer .bloc-cree label {
    font-weight: 700;
}

.admin-customer .bloc-cree input {
    border: 1px solid #f1e9e0;
    border-radius: 20px;
    background-color: #f8f4ef;
    color: #424242;
}

/******************************************************
Dash en
*****************************************************/

.admin-customer .table-en i {
    font-size: 16px;
}

@media (min-width: 992px) {
    body.admin-customer,
    body.forum-portal {
        padding: 0 180px 0 250px;
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .admin-customer .bloc-ajout-search {
        display: grid;
    }

    .admin-customer .bloc-ajout-search .search {
        padding-bottom: 20px;
    }

    .admin-customer .actualite,
    .admin-customer .site-home .actualite {
        margin-top: 0;
    }

    .admin-customer .header2-parent #NavLang .menu-button,
    .admin-customer .drop-menu {
        text-align: left;
    }

    .admin-customer .drop-menu {
        display: inline-block;
        max-height: 100%;
        opacity: 1;
        position: initial;
    }

    .text-filtres {
        display: block;
    }

    .mod .bloc2 .filters-bloc,
    .collec-edit .bloc3 .filters-bloc {
        padding: 10px;
    }
}

/******************************************************
 RIGHT MENU
*****************************************************/


.admin-customer .right-menu-bar {
    z-index: 10;
}

.admin-customer .left-menu-bar::after {
    display: none;
}

.admin-customer .right-menu-bar .right1 .group-search a {
    background: transparent;
}

@media (max-height: 650px) {
    .admin-customer .right-menu-bar .footer-logo {
        display: none;
    }
}

/******************************************************
PAGES TUTORIEL
*****************************************************/
.bloc-tuto-titre {
    max-width: 750px;
    justify-content: center;
    margin: 15px auto;
    text-align: center;
}

.bloc-tuto-titre h3 {
    font: 16px/24px 'Cantata One', serif !important;
}

.bloc-tuto .nav {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.bloc-tuto .nav a {
    font-size: 16px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffe8ce;
    border-radius: 10px;
    margin: 20px 5px;
    padding: 15px 50px;
    border: 1px solid #ffe8ce
}

.bloc-tuto .nav a:hover, .bloc-tuto .nav a:focus, .bloc-tuto .nav a:active {
    color: #fff !important;
    background-color: #f78c26;
    border-color: #f78c26;
}

.bloc-tuto .nav a.active {
    background-color: #fff !important;;
    border-color: #f78c26 !important;
    font-weight: 700;
    color: #f78c26 !important;
}


.bloc-tuto .nav .icon {
    font-size: 22px;
    margin-right: 15px;
}

.bloc-tuto .tuto-item {
    margin-bottom: 50px;
}

.bloc-tuto .bloc-tabs {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    text-align: center;
    position: relative;
    top: 0;
    transition: all .2s
}

.bloc-tuto .bloc-tabs:hover {
    top: -4px
}

.bloc-tuto .bloc-tabs .chiffre {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    font: 20px/26px 'Cantata One', serif;
    border-radius: 50%;
    margin: -50px 0 25px
}

.bloc-tuto .bloc-tabs .txt {
    font: 20px/26px 'Cantata One', serif;
    text-align: center;
    padding-bottom: 10px;
    display: inline-block;
}

.bloc-tuto .bloc-tabs .lien {
    font-size: 14px;
}

.bloc-tuto .bloc-tabs .lien .underline {
    text-decoration: underline;
}

.bloc-tuto .bloc-tabs .lien .icon-vid {
    font-size: 20px;
    margin-right: 8px;
    position: relative;
    top: 4px;
}

.menu-aide .nav {
    display: block;
}

.menu-aide .nav a {
    position: relative;
}

.menu-aide .nav a + a::before {
    content: '|';
    color: #fe872c !important;
    position: relative;
    left: -7px;
}

.admin-aide {
    padding: 30px 0;
}

.admin-aide h2 {
    border: none;
    font: 26px/30px 'Cantata One', serif !important;
    margin-bottom: 20px !important;
}

.admin-aide-card .video-aide {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.ms-aides .admin-aide .active {
    color: #424242 !important
}

.admin-aide-card .aide-content {
    text-align: center;
}

.admin-aide-card .aide-content .aide-lien {
    margin: 10px auto 0;
}

.admin-aide-card .aide-content .bloc-d {
    text-align: left;
    padding: 20px 40px;
}

.admin-aide-card .aide-content .bloc-d .a-txt {
    text-decoration: underline;
}

.admin-aide-card .aide-content .bloc-d .a-txt:hover {
    text-decoration: none;
}

.admin-customer .edito .bloc-g {
    width: 200px;
}

.admin-customer .edito .bloc-d {
    padding: 0 30px;
    font-size: 14px;
    line-height: 22px;
}

.admin-customer .edito h2 {
    font: 26px/30px 'Cantata One', serif;
    padding-bottom: 5px;
    margin: 10px 0;
}

.admin-customer .edito .page-faq h2 {
    display: block;
}

.admin-customer .edito h2::after {
    content: none;
}

.admin-customer .edito .bloc-d #accordion {
    margin: 15px 0 30px;
}

.admin-customer .edito .bloc-d .p-0.mb-5 {
    margin: 0 !important
}

.admin-customer .edito .aide-bloc {
    align-items: flex-start;
}