/*.formations-nav-wrapper {*/
/*    margin-right: 1em;*/
/*    margin-top: 1em;*/
/*    border-left: 1px solid #ccc;*/
/*    border-right: 1px solid #ccc;*/
/*    border-top: 1px solid #ccc;*/
/*}*/


/*@media (max-width: 768px) {*/
/*    .formations-nav-wrapper {*/
/*        width: 100%;*/
/*        padding: 0;*/
/*        margin: 0 0 .5em 0;*/
/*    }*/
/*}*/

/*.formations-nav-wrapper ul.formations-nav li {*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/

/*.formations-nav-wrapper ul.formations-nav li a,*/
/*.formations-nav-wrapper ul.formations-nav li.current {*/
/*    display: block;*/
/*    font-weight: bold;*/
/*    padding: 1em 2em;*/
/*    background-color: #eee;*/
/*    color: #111;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.formations-nav-wrapper ul.formations-nav li a::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 2px;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    background-color: #0b4b80;*/
/*    transform: translateX(-101%);*/
/*    transition: transform .5s;*/
/*}*/

/*.formations-nav-wrapper ul.formations-nav li a:hover::after {*/
/*    transform: translateX(0);*/
/*}*/

/*.formations-nav-wrapper ul.formations-nav li a:hover {*/
/*    background-color: #bfc9d3;*/
/*}*/

/*.formations-nav-wrapper ul.formations-nav li.current {*/
/*    background-color: #bfc9d3;*/
/*    box-shadow: 2px 0 3px 1px #777;*/
/*    cursor: default;*/
/*    z-index: 1;*/
/*}*/

/*.formations-nav-wrapper h3 {*/
/*    font-size: 1.5em;*/
/*    margin: 0;*/
/*    text-align: center;*/
/*    padding: 1.5em 0;*/
/*    color: #0b4a7d;*/
/*    background-color: #eee;*/
/*}*/

/*.menus {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: flex-start;*/
/*    width: 90%;*/
/*    margin-left: 5%;*/
/*}*/

/*.menus > .formations-nav-wrapper {*/
/*    flex: 1;*/
/*}*/


.menus {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 90%;
    margin-left: 5%;
}

.menus > .formations-nav-wrapper {
    flex: 1;
}


.attachements {
    width: 100%;
    padding: 2em 1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fcfcfc;
    border-radius: 3px;
}

.attachements .attachement {
    display: block;
    padding: .3em 1.2em;
    margin: 10px;
    color: var(--main-color);
    font-weight: bold;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e1e9f1;
/*     border-top: 1px solid #e1e9f1; */
}
.attachements .attachement::after {
/* .attachements .attachement::before { */
    content: '';
    position: absolute;
    height: 2px;
    bottom: 0;
    width: 100%;
    background-color: var(--main-color);
    transition: transform .5s;
    left: 0;
    transform: translateX(-101%);
}
/* .attachements .attachement::before {
    right: 0;
    top: 0;
    bottom: auto;
    left: auto;
    transform: translateX(101%);
} */
.attachements .attachement:hover {
    color: var(--main-color);
    background-color: #e1e9f1;
}
.attachements .attachement:hover::after {
    transform: translateX(0);
}
/* .attachements .attachement:hover::before {
    transform: translateX(0);
} */