.ui.vertical.menu {
    width: auto;
    margin-top: 12px;
    font-size: 16px;
    border-top: 3px solid #B2105A;
    border-bottom: 3px solid #B2105A;
    padding: 10px 0px 25px 0px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 20px;
}


.ui.vertical.menu .header {
    font-size: 17px;
    margin-left: 18px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #B2105A;
}

.ui.vertical.menu .title-link{
    color: #B2105A;
    text-decoration: none;
    font-size: 17px;
}

.ui.vertical.menu .lien {
    text-decoration: none;
}

.ui.vertical.menu .menu .item {
    color: rgb(0 0 0 / 55%);
    padding-left: 40px;
}

.ui.vertical.menu .item:hover,
.ui.vertical .item:hover,
.ui.vertical.menu .item:focus,
.ui.vertical .item:focus,
.ui.vertical.menu .menu .item:focus,
.ui.vertical.menu .menu .item:hover {
    background: rgba(179, 15, 89, 0.13)
}


.ui.vertical.menu .active.item,
.ui.vertical.menu .active.item:focus,
.ui.vertical.menu .active.item:hover {
    color: white;
    background: #B2105A;
}



.espace-membre .blue li a,
.espace-membre .blue li a:hover,
.espace-membre .blue li a:focus {
    color: #1e77ba;
}

.espace-membre {
    padding: 30px 0 30px;
}

sup {
    margin-left: 5px;
    font-weight: bolder;
    color: #B2105A;
}

.espace-membre a.btn-light {
    color: black;
    background-color: transparent;
    border-color: transparent;
}


.espace-membre a.btn:hover,
.espace-membre a.btn:focus {
    text-decoration: none;
    color: #B2105A;
    text-decoration: none;
}

.espace-membre .membre-toolbar a.btn:hover,
.espace-membre .membre-toolbar a.btn:focus {
    text-decoration: none;
    color: white;
    text-decoration: none;

}



/* =============================
    Formulaire profil
================================ */

.connexion-style-3 .eval-form form .single-input .input-label {
    top: 40px;
}


.connexion-style-3 .profil-form form .single-input i {
    top: 52px;
}


.connexion-style-3 .eval-form form .single-input select {
    height: 40px;
}

.connexion-style-3 .connexion-form-wrapper form .single-input i.niveau-avancement {
    top: 68px;
}



/* =============================
    Partie espace membre - titre
========================= */

.membre-toolbar {
    margin-bottom: 10px;
}

.title-espace-membre i {
    font-size: 2rem;
    color: white;
    margin-right: 10px;
}

.bg-rhf {
    background-color: #B2105A;
}

.eval-form .tab-content {
    margin-top: 20px;
    margin-bottom: 20px;
}


/* =============================
    Partie espace membre - auto-evaluation
========================= */
.bg-warning {
    color: black;
}


.eval-form .tab-content .card {
    margin-top: 10px;
    margin-bottom: 10px;
}


.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
    color: #007bff;
}

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.text-white-50 {
    color: rgba(255, 255, 255, .5);
}


.espace-membre .breadcrumb {
    background-color: transparent;
}

.espace-membre .breadcrumb-item.active {
    color: black;
}

.eval-form .breadcrumb-item.active {
    color: #B2105A;
}


/* gestion des videos aides espace-membre */

#page-aide .carousel-indicators button {
    padding-top: 5px;
    padding-bottom: 5px;
}





@font-face {
    font-family: FontAwesome;
    src: url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/fonts/font-awesome-v1/fontawesome-webfont.eot?v=3.2.1);
    src: url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/fonts/font-awesome-v1/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/fonts/font-awesome-v1/fontawesome-webfont.woff?v=3.2.1) format('woff'), url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/fonts/font-awesome-v1/fontawesome-webfont.ttf?v=3.2.1) format('truetype'), url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/fonts/font-awesome-v1/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');
    font-weight: 400;
    font-style: normal
}


.search-box {
    position: relative
}

.search-box .form-control {
    border-radius: 20px;
    padding-left: 18px;
    padding-right: 45px
}

.search-box:after {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f002";
    font-size: 20px;
    color: #bac3c7;
    position: absolute;
    right: 16px;
    top: 5px
}



.article h1,
.article h2,
.article h3.header-h1,
.article h3.header-h2 {
    border-bottom: 1px solid #ecf0f1
}

.article h1.no-border,
.article h2.no-border,
.article h3.header-h1.no-border,
.article h3.header-h2.no-border {
    border-bottom: none
}

.article h1,
.article h2,
.article h3 {
    margin-bottom: 20px
}

.article h4,
.article h5,
.article h6 {
    margin-bottom: 10px
}

.article h1,
.article h3.header-h1 {
    font-size: 28px
}

.article h2,
.article h3.header-h2 {
    font-size: 26px
}

.article h3 {
    font-size: 24px
}

.article h4 {
    font-size: 22px
}

.article h5 {
    font-size: 20px
}

.article h6 {
    font-size: 18px
}

.article img {
    display: block;
    max-width: 100%;
    height: auto
}

.article img.inline-image {
    display: inline-block
}

.article img.frame {
    border: 1px solid #ecf0f1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.article blockquote {
    border-radius: 3px;
    background: white !important;
    border-left: 7px solid orange;
    margin-left: 10px;
    padding: 10px;
    font-style: inherit;
}

.article blockquote :last-child {
    margin-bottom: 0 !important
}

.article ol ol,
.article ol ul,
.article ul ol,
.article ul ul {
    margin-bottom: 0
}

.article code {
    border-radius: 3px;
    background: #f2f2f2 !important;
    padding: 2px;
    color: #586667
}

.article a.anchor {
    position: relative
}

.article a.anchor:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/images/icons-sprite-v1.png);
    background-position: -157px -536px;
    position: absolute;
    left: -25px;
    top: 7px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-o-min-device-pixel-ratio:1.3),
only screen and (min-resolution:120dpi) {
    .article a.anchor:before {
        background-image: url(https://d2f5cg397c40hu.cloudfront.net/website-static-files/images/icons-sprite-v1%402x.png);
        background-size: 1135px 755px
    }
}

@media (max-width:991px) {
    .article a.anchor:before {
        display: none
    }
}

.article .video-wrapper {
    position: relative;
    padding-top: 25px;
    margin-bottom: 30px;
    height: 0
}

.article .video-wrapper.ratio-5-4 {
    padding-bottom: 80%
}

.article .video-wrapper.ratio-4-3 {
    padding-bottom: 70%
}

.article .video-wrapper.ratio-16-10 {
    padding-bottom: 62.5%
}

.article .video-wrapper.ratio-16-9 {
    padding-bottom: 56.25%
}

.article .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.article table {
    width: 100%
}

.article table td,
.article table th {
    padding: 8px 10px;
    vertical-align: top
}

.article table td:first-child,
.article table th:first-child {
    padding-left: 0
}

.article table td:last-child,
.article table th:last-child {
    padding-left: 0
}

.article table thead {
    color: #213f50;
    font-weight: 400;
    border-bottom: 1px solid #8da6a6
}

.article table thead td,
.article table thead th {
    padding-top: 0
}

.article table tbody td,
.article table tbody th {
    border-bottom: 1px solid #ecf0f1
}

.article table tbody tr:last-child td,
.article table tbody tr:last-child th {
    padding-bottom: 0;
    border-bottom: none
}

.article table.table {
    font-size: 20px
}

.article table.table a {
    text-decoration: none
}

.article ol.manual-counter {
    padding-left: 0
}

.article ol.manual-counter li {
    list-style: none;
    padding-left: 35px;
    position: relative
}

.article ol.manual-counter li span.counter {
    position: absolute;
    left: 0
}

.article ol.manual-counter.offset-3 li {
    padding-left: 45px
}


.panel {
    margin-bottom: 22px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group .list-group-item:first-child {
    border-top: 0
}

.panel>.list-group .list-group-item:last-child {
    border-bottom: 0
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 1px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 1px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 1px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 1px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
    border-top: 1px solid #eaf0f1
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tfoot>tr:first-child>td,
.panel>.table-bordered>tfoot>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-top: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:last-child>td,
.panel>.table-bordered>thead>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel-group {
    margin-bottom: 22px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px;
    overflow: hidden
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #0084ba
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #0084ba;
    border-color: #0084ba
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #0084ba
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #0084ba
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ebccd1
}


/* espace ressource dans la RHF */

.ui.items>.item>.image:not(.ui) {
    width: 75px;
}

.ui.items>.item .extra>[class*="right floated"] {
    background: #B2105A;
    color: white;
}


.table th button {
    border: 0;
    background: transparent;
    font-weight: 700;
}