/* CUSTOM FONT-FAMILY */
        /*
        *   MONTSERRAT
        */
        /** Montserrat Thin **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 100;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-Thin.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Thin.woff') format("woff");
        }
 
        /** Montserrat Thin-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 100;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-ThinItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-ThinItalic.woff') format("woff");
        }

        /** Montserrat ExtraLight **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 200;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-ExtraLight.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-ExtraLight.woff') format("woff");
        }

        /** Montserrat ExtraLight-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 200;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-ExtraLightItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-ExtraLightItalic.woff') format("woff");
        }

        /** Montserrat Light **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 300;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-Light.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Light.woff') format("woff");
        }

        /** Montserrat Light-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 300;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-LightItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-LightItalic.woff') format("woff");
        }

        /** Montserrat Regular **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 400;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-Regular.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Regular.woff') format("woff");
        }

        /** Montserrat Regular-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 400;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-Italic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Italic.woff') format("woff");
        }

        /** Montserrat Medium **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 500;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-Medium.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Medium.woff') format("woff");
        }

        /** Montserrat Medium-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 500;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-MediumItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-MediumItalic.woff') format("woff");
        }

        /** Montserrat SemiBold **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 600;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-SemiBold.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-SemiBold.woff') format("woff");
        }

        /** Montserrat SemiBold-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 600;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-SemiBoldItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-SemiBoldItalic.woff') format("woff");
        }

        /** Montserrat Bold **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 700;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-Bold.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Bold.woff') format("woff");
        }

        /** Montserrat Bold-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 700;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-BoldItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-BoldItalic.woff') format("woff");
        }

        /** Montserrat ExtraBold **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 800;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-ExtraBold.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-ExtraBold.woff') format("woff");
        }

        /** Montserrat ExtraBold-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 800;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-ExtraBoldItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-ExtraBoldItalic.woff') format("woff");
        }

        /** Montserrat Black **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 900;
            font-style: normal;
            src: url('../fonts/montserrat/webfonts/Montserrat-Black.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-Black.woff') format("woff");
        }

        /** Montserrat Black-Italic **/
        @font-face {
            font-family: "Montserrat";
            font-weight: 900;
            font-style: italic;
            src: url('../fonts/montserrat/webfonts/Montserrat-BlackItalic.woff2') format("woff2"),
                url('../fonts/montserrat/webfonts/Montserrat-BlackItalic.woff') format("woff");
        }
        /*
        *   OPEN SANS
        */
        /* BEGIN Light */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-Light.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-Light.woff?v=1.1.0') format("woff");
        font-weight: 300;
        font-style: normal;
        }
        /* END Light */
        /* BEGIN Light Italic */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-LightItalic.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-LightItalic.woff?v=1.1.0') format("woff");
        font-weight: 300;
        font-style: italic;
        }
        /* END Light Italic */
        /* BEGIN Regular */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-Regular.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-Regular.woff?v=1.1.0') format("woff");
        font-weight: normal;
        font-style: normal;
        }
        /* END Regular */
        /* BEGIN Italic */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-Italic.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-Italic.woff?v=1.1.0') format("woff");
        font-weight: normal;
        font-style: italic;
        }
        /* END Italic */
        /* BEGIN Semibold */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-Semibold.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-Semibold.woff?v=1.1.0') format("woff");
        font-weight: 600;
        font-style: normal;
        }
        /* END Semibold */
        /* BEGIN Semibold Italic */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-SemiboldItalic.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-SemiboldItalic.woff?v=1.1.0') format("woff");
        font-weight: 600;
        font-style: italic;
        }
        /* END Semibold Italic */
        /* BEGIN Bold */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-Bold.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-Bold.woff?v=1.1.0') format("woff");
        font-weight: bold;
        font-style: normal;
        }
        /* END Bold */
        /* BEGIN Bold Italic */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-BoldItalic.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-BoldItalic.woff?v=1.1.0') format("woff");
        font-weight: bold;
        font-style: italic;
        }
        /* END Bold Italic */
        /* BEGIN Extrabold */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-ExtraBold.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-ExtraBold.woff?v=1.1.0') format("woff");
        font-weight: 800;
        font-style: normal;
        }
        /* END Extrabold */
        /* BEGIN Extrabold Italic */
        @font-face {
        font-family: 'Open Sans';
        src: url('../fonts/open-sans/webfonts/OpenSans-ExtraBoldItalic.woff2?v=1.1.0') format("woff2"), url('../fonts/open-sans/webfonts/OpenSans-ExtraBoldItalic.woff?v=1.1.0') format("woff");
        font-weight: 800;
        font-style: italic;
        }
        /* END Extrabold Italic */
    /* END CUSTOM FONT-FAMILY */

    body {
        font-family: "Montserrat", "Open Sans", Helvetica, Arial, serif;
        font-size: 0.89rem;
    }

    .custom-footer{
        color : #005ca6;      
        text-align : center;  
    }
    .main-footer{
        margin-top: 180px;
    }
    .custom-footer a{
        color : #D7A442; 
        font-size : 14.4px;     
        padding-top : 0px;
        padding-bottom : 0px;
        margin : auto;
    }
    .custom-footer a:hover {
        color : #a1853e;
    }
    /*
    .custom-nav-link a{
        color : #D7A442 !important; 
    }
    */
    .nav-link {
        color: green;
    }

    .nav-item>a:hover {
        color: green;
    }

    /*code to change background color*/
    .navbar-nav>.active>a {
        background-color: #C0C0C0;
        color: green;
    }
    /*
    .custom-nav-link a:hover{
        color : #a1853e !important;
    }
    */
    .custom-menu-bg{
        /*background-color : rgb(244, 246, 249) !important;*/
        background-color : rgb(255, 255, 255) !important;
    }
    
    .custom-anch-bg{
        /*background-color : rgb(244, 246, 249) !important;*/
        background-color : rgb(255, 255, 255) !important;
        text-decoration-line : none;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #4b545c;
    }
    .custom-anch-bg span{
        color : #005ca6;
    }

    .custom-anch-bg-V2{
        /*background-color : rgb(244, 246, 249) !important;*/
        background-color : #005ca6 !important;
        text-decoration-line : none;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #F6F6F6;        
    }
    .custom-anch-bg-V2 span{
        color : #ffffff;
    }

    .banniere{
        border-bottom : 1px solid #ccc;
        background-color : rgb(255, 255, 255);
        height : 120px;
        text-align : left;
        color : #005ca6;
        font-size : 15px;
    }
    .content-header{
        padding-top: 180px;
    }
    /*for the toggle menu link*/
    .custom-pushmenu{
        color: #ffffff !important; 
        position: absolute !important; 
        top: -22px !important; 
        left: -28px !important; 
        padding: 1px !important; 
        /*display : none;*/
        width: 40px;
        height: 40px;
        border-radius: 5px;
        background-color: #005ca6 !important;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .custom-pushmenu i{
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: 20px;
        margin-top: 5px;
    }

    .banniere-img{
        margin-bottom : 5px;
    }
    .banniere-h6-1{       
        margin-bottom : 3px;       
    }

    .banniere-h6-1V2{       
        margin-bottom : 3px;   
        margin-left: 10px;;    
    }
    .banniere-h6-2{
        margin-bottom : 3px;
        padding-top : 3px;
        border-top : 1px solid #312F2F;
    }
    .banniere-sous-h6{
        margin-bottom : 3px;
        color : #1C6F7F;
        border-top : 1px solid #312F2F;
    }

    .banniere-sous-h6-V2{
        margin-left: 10px;
        margin-bottom : 3px;
        color : #D7A442;
        font-size: 0.9vw;
    }

    .img-lienutile{
        vertical-align: top; 
        border : 1px solid #F6F6F6;
        border-radius: 10px;
        margin-left: 10px;
        margin-right: 10px;
        height: 48px;
        display: inline-block;
    }

    .img-lienutile:hover{
        border-radius: 50%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
    }

    .bg-ban-right{
        background-image : url('../dist/img/bg-ban-right.png');
        background-position : center;
        background-repeat : no-repeat;
        text-align : center;
        height : 100%;
    }
    .bg-ban-right h5{
        padding-top : 70px;
    }
    /*
    .nav-link a:hover{
        background-color : #000;
    }
    */
    .imp-message{
        background-color : #005ca6;
        color : #fff;  
        padding: 0%;   
    }
    /*
    .imp-message a{
        text-decoration-line : none;
        color : #fff;
    }
    .imp-message a:hover{
        color : #a1853e;
    }
    */
    .information{
        width : 100%;
        height : 70%;
        color : #fff;
        background-color : #ff0000;
        text-align : center;
    }
    .information-slide{
        height : 70%;
        color : #fff;
        text-align : left;
    }
    .information-slide h6{
        margin-bottom : 0px;
    }
    .toolbar{
        float : right;
    }
    .toolbar ul {
        display:table-row;
    }
    .toolbar ul li
    {
        display: table-cell;
        height: 70%;
        list-style-type: none;
        margin: 10px;
        vertical-align: middle;
    }
    .toolbar ul li a {
        display:table-cell;
        vertical-align: middle;
        height:70%;
        padding-left : 5px;
        padding-right : 5px;
    }
    /* for active and not active toolbar ul li style  */
    .toolbar ul li a.active{
        background-color: #4CAF50;
        color: #a1853e;
    }

    .toolbar ul li a:hover:not(.active) {
        background-color: #104B75;
        color: #a1853e;
    }

    .toolbar ul li a:hover {
        background-color: #104B75;
        color: #a1853e;
    }

    .compar-dropdown{
        background-color : transparent !important;
        color : #000;
        width : 100%;
        text-align : left;
    }
    .compar-dropdown:hover{
        color : #000;
    }
    .compar-dropdown:focus{
        color : #000;
    }
    /*for the dropdown arrow*/
    .compar-dropdown:after{
        float : right;
        margin-top : 10px;
    }
    .compar-form{
        width : 100%;
    }
    .compar-form div label{
        /*width : 45%;*/
        margin : 5px;
        display : block;
    }

    .compar-search-label{
        margin-top : 10px;
        /*margin-bottom : 10px;
        padding-bottom : 5px;
        border-bottom : 1px solid #005ca6;*/
        font-size : 13px !important;
    }
    .form-check-label{
        padding-left : 5px;
        display: inline-block;
    }
    .form-check-label input[type="radio"]{
        margin-left : -10px;
    }
    /* change menu-group title color */
    .nav-header{
        color: #005ca6!important;
    }
    /* Customization of adminLte sidebar menu style */

    /*When mouse is over the menu link*/
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
        background-color: rgba(194, 199, 208, 0.4) !important;
        color: #000 !important;        
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
        background-color: rgba(194, 199, 208, 0.4) !important;
        color: #000 !important; 
    }
    /*menu Icon color and transition animation link*/
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link > i,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link > i,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus > i {
        transform: translateX(5px);
        transition: transform 0.1s ease-in !important;
        color: #000 !important; 
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item.menu-open > .nav-link > i, 
    [class*="sidebar-dark-"] .nav-treeview > .nav-item:hover > .nav-link > i, 
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus > i {
        transform: translateX(5px);
        transition: transform 0.1s ease-in !important;
        color: #000 !important; 
    }
    /*When menu is Active*/
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
        background-color: #005ca6 !important;
        color: #fff !important;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active {
        background-color: #8DADDA !important;
        color: #fff !important;
    }
    /*When menu is in normal status the paragraph color is*/
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > p,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link > p {
        color: #a1853e !important;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link > p {
        color: #a1853e !important;
    }
    /*When menu is in normal status the icon color is*/
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > i,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link > i {
        color: #000 !important;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link > i {
        color: #000 !important;
    }
    /*When menu is in active status the icon color is*/
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active > i,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active > i {
        color: #FFF !important;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active > i {
        color: #FFF !important;
    }
    /*When menu is in active status the paragraph color is*/
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active > p,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active > p {
        color: #FFF !important;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active > p {
        color: #FFF !important;
    }
    /*For margin between menu's icon and menu's text*/
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .nav-icon,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link > .nav-icon {
        margin-right: 10px !important;
    }
    /* For menu link border radius */
    .nav-pills .nav-link {
        border-radius: 10px !important;
    }
    /* END */

    .msg-alert{
        color : red;
        text-align: left;
        padding : 4px;
        margin : 5px;
        height : 50px;
        background-color: white; 
        width: 95%; 
        padding-top: 15px; 
        padding-left: 15px;
        margin: 20px
    }

    .msg-success{
        color : green;
        text-align: left;
        padding : 4px;
        margin : 5px;
        height : 50px;
        background-color: white; 
        width: 95%; 
        padding-top: 15px; 
        padding-left: 15px;
        margin: 20px
    }
    /* For Language select arrow color */
    .customarrow {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    }

    .customarrow option {
        color: #212529;
    }
    /*END*/

    /* Datatable style customization */
    table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 92, 166, 0.075);
    }

    table.dataTable.table-hover {
        border-bottom-color: #747373!important;
        border-bottom-style: solid!important;
        border-bottom-width: 1.5px!important;
    }

    thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
    border-bottom-color: #747373!important;
    border-bottom-style: dotted!important;
    border-bottom-width: 1.5px!important;
    }

    td.td-bg{
        box-shadow: inset 0 0 0 9999px rgba(0, 92, 166, 0.075);
    }

    td.td-colspan-bg{
        box-shadow: inset 0 0 0 9999px rgba(45, 248, 12, 0.075);
        text-align: center;
    }

    td.td-no-bg{
        text-align : center;
    }

    table.dataTable.table-hover > thead > * {
    /*font-family : Montserrat, Helvetica, Arial, serif;*/
    font-size : 11px;
    color : white;
    box-shadow: inset 0 0 0 9999px rgba(0, 92, 166, 1);
    }

    .thead-serv-title {
    text-align : center!important;
    vertical-align : middle!important;
    padding-right : 20px!important;
    }

    /* END dataTable style customization */
    /* Pour le tableau des lien utiles du footer */
    thead,
    tbody,
    tfoot,
    tr,
    td.tab-link {
    border : 0px solid white!important;
    }
    /* END */

    .form-control {
        border-radius:  0px;        
        border-color: black;
    }
    .form-control:valid {
        background-color:  transparent!important;        
    }
    .form-control:focus {
        border-color: #005ca6!important;
        color: black!important;
    }
    .input-icons i {
        position: absolute;
    }
        
    .input-icons {
        width: 100%;
        margin-bottom: 10px;
    }
        
    .icon {
        padding: 10px;
        min-width: 40px;
    }
        
    .input-field {
        width: 100%;
        padding-left: 30px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
    }

    /*§§§CUSTOM ASIDE MENU§§§*/
    
    .navigation{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 250px;
        box-sizing: initial;
        background: #005ca6;
        transition: width 0.5s;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
        overflow: hidden;
        z-index: 1038;
    }
    .navigation.active{
        width: 70px;
    }
    .navigation ul{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding-left: 5px;
        margin-top: 50px;
    }

    .navigation ul li{
        position: relative;
        list-style: none;
        width: 100%;     
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;   
    }
    .navigation ul li b:nth-child(1){
        position: absolute;
        top: -20px;
        height: 20px;
        width: 100%;
        background: #fff;
        display: none;
    }
    .navigation ul li b:nth-child(1)::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;        
        width: 100%;
        height: 100%;
        border-bottom-right-radius: 20px;
        background: #005ca6;
    }
    .navigation ul li b:nth-child(2){
        position: absolute;
        bottom: -20px;
        height: 20px;
        width: 100%;
        background: #fff;
        display: none;
    }
    .navigation ul li b:nth-child(2)::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;        
        width: 100%;
        height: 100%;
        border-top-right-radius: 20px;
        background: #005ca6;
    }
    .navigation ul li.active b:nth-child(1),
    .navigation ul li.active b:nth-child(2){
        display: block;
    }
    .navigation ul li.active{
        background: #fff;
    }
    .navigation ul li a{
        position: relative;
        display: block;
        width: 100%;
        display: flex;
        text-decoration: none;
        color: #fff;
    }
    .navigation ul li.active a{
        color: #a1853e;
    }
    .navigation ul li a .icon{
        position: relative;
        display: block;
        min-width: 60px;
        height: 60px;
        line-height: 40px;
        text-align: center;
    }
    .navigation ul li a .icon i{
        font-size: 1.5em;
    }
    .navigation ul li a .title{
        position: relative;
        display: block;
        padding-left: 10px;
        height: 60px;
        line-height: 60px;
        white-space: normal;
    }
    .toggle{
        position: fixed;
        top: 40px;
        left: 228px;
        width: 40px;
        height: 40px;
        background: #005ca6;
        border-radius: 10px;
        cursor: pointer;
        justify-content: center;
        display: flex;
        align-items: center;

        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1038;
    }
    .toggle.active{
        background: #a1853e;
        left: 48px;
    }
    .toggle i{
        position: absolute;
        color: #fff;
        margin-left: 17px;
        margin-top: -17px;
        font-size: 15px;
        display: none;

        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        z-index: +1;
    }
    .toggle i.open,
    .toggle.active i.close{
        display: block;
    }
    .toggle i.close,
    .toggle.active i.open{
        display: none;
    }
    .content-wrapper.active{
        margin-left: 70px!important;
    }
    .main-footer.active{
        margin-left: 70px!important;
    }
    .main-header.active{
        margin-left: 70px!important;
    }
    .imp-message.active{
        margin-left: 70px!important;
    }
    .brand-text.active{
        display: none!important;
    }
    .custom-anch-bg.active{
        padding-bottom: 35px!important;
    }
    .custom-anch-bg-V2.active{
        padding-bottom: 35px!important;
    }
    /*§§§END§§§*/
    .accordion-body {
        background-color: #ffffff!important;
    }
    /*
     * Flox Flox box
     */
    .flow{
        bottom: 0px;
        width: 300px;
        height: 0px;        
        right: 100px;
        transition: 0.2s;
        overflow-x: hidden;
        z-index: 1;
        position: fixed;
        padding-right: 10px;
        padding-left: 10px;
        text-align: justify;
        padding-top: 10px;
    }

    .flow-active{
        height: 10%;
        border: 1px solid #a1853e;
        background-color: white;
    }

    #flow-bt{
        bottom: 0px;
        right: 225px;
        transition: 0.2s;
        overflow-x: hidden;
        z-index: 1;
        position: fixed;
    }
    /*
     * BLINKING ALERT ICON
     
    .icon-alert {
        vertical-align: middle; 
        margin-top: 8px; 
        animation: blink 2s linear infinite;
    }
    .icon-alert-active {
        vertical-align: middle; 
        margin-top: 8px;
        animation: none!important;
        -webkit-animation: none!important;
        -moz-animation: none!important;
    }
    .icon-alert-2 {
        vertical-align: middle; 
        margin-top: 8px;
        animation: none!important;
        -webkit-animation: none!important;
        -moz-animation: none!important;
    }
    @keyframes blink {
        0% {
            opacity: 0;
        }
        50% {
            opacity: .5;
        }
        100% {
            opacity: 1;
        }
    }
    */
    /*
    * Border menu link to "simulateur" animation
    */
    .card1 {
        position: relative;
        color: #fff;
        background: transparent;
        overflow: hidden;
        border-top: 1px solid rgba(0, 92, 166, 0.5);
        border-right: 1px solid rgba(0, 92, 166, 0.5);
        border-bottom: 1px solid rgba(0, 92, 166, 0.5);
        border-left: 1px solid rgba(0, 92, 166, 0.5);
        font-family: sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
      }

      .card1 span {
        position: absolute;
        border-radius: 100vmax;
      }

      .card1 .top {
        top: 0;
        left: 0;
        width: 0;
        height: 5px;
        background: linear-gradient(
          90deg,
          transparent 50%,
          rgba(255, 49, 49, 0.5),
          rgb(255, 49, 49)
        );
      }

      .card1 .bottom {
        right: 0;
        bottom: 0;
        height: 5px;
        background: linear-gradient(
          90deg,
          rgb(57, 255, 20),
          rgba(57, 255, 20, 0.5),
          transparent 50%
        );
      }

      .card1 .right {
        top: 0;
        right: 0;
        width: 5px;
        height: 0;
        background: linear-gradient(
          180deg,
          transparent 30%,
          rgba(0, 255, 255, 0.5),
          rgb(0, 255, 255)
        );
      }

      .card1 .left {
        left: 0;
        bottom: 0;
        width: 5px;
        height: 0;
        background: linear-gradient(
          180deg,
          rgb(255, 255, 113),
          rgba(255, 255, 113, 0.5),
          transparent 70%
        );
      }

      .card1 .top {
        animation: animateTop 3s ease-in-out infinite;
      }

      .card1 .bottom {
        animation: animateBottom 3s ease-in-out infinite;
      }

      .card1 .right {
        animation: animateRight 3s linear infinite;
      }

      .card1 .left {
        animation: animateLeft 3s ease-in-out infinite;
      }

      @keyframes animateTop {
        25% {
          width: 100%;
          opacity: 1;
        }

        30%,
        100% {
          opacity: 0;
        }
      }

      @keyframes animateBottom {
        0%,
        50% {
          opacity: 0;
          width: 0;
        }

        75% {
          opacity: 1;
          width: 100%;
        }

        76%,
        100% {
          opacity: 0;
        }
      }

      @keyframes animateRight {
        0%,
        25% {
          opacity: 0;
          height: 0;
        }

        50% {
          opacity: 1;
          height: 100%;
        }

        55%,
        100% {
          height: 100%;
          opacity: 0;
        }
      }

      @keyframes animateLeft {
        0%,
        75% {
          opacity: 0;
          bottom: 0;
          height: 0;
        }

        100% {
          opacity: 1;
          height: 100%;
        }
      }