#userMenu {
    padding: 0 !important;
}
.secondBoard {
    background-color: ghostwhite;
    border: 1px lightblue solid;
    border-bottom: 5px lightblue solid !important;
    padding: 30px !important;
}
h3 {
    font-size: 40px;
    margin-top: -7px;
}
h4 {
    font-size: 13px;
}
/*Le style des barres qui séparrent les sections dans les exercices*/
hr {
    height: 2px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
.splitStyle {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
}
.splitPlaceSecond {
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    justify-content:center;

}
/*le style du bouton pour aller à l'exercie précédant'*/
.splitInfoUser {
    height: 30px;
    background-color: #E5E6EB;
    position: relative;
    display: inline-block;
}
.splitInfoUser:after {
    position: absolute;
    right: -29px;
    content: "";
    border-top: 15px solid transparent;  
    border-right: 15px solid transparent;
    border-bottom: 15px solid #E5E6EB;
    border-left: 15px solid #E5E6EB;
}
.splitInfoUser:hover {
    background-color: #D2EEF7;
}
.splitInfoUser:hover:after {
    border-bottom: 15px solid #D2EEF7;
    border-left: 15px solid #D2EEF7;
}

/*le style du bouton pour quitter le parcours*/
.splitMiddle {
    height: 30px;
    background-color: #E5E6EB;
    position: relative;
    display: inline-block;
}
.splitMiddle:after {
    position: absolute;
    right: -29px;
    content: "";
    border-top: 15px solid transparent;  
    border-right: 15px solid transparent;
    border-bottom: 15px solid #E5E6EB;
    border-left: 15px solid #E5E6EB;
}
.splitMiddle:before {
    position: absolute;
    left: -29px;
    content: "";
    border-top: 15px solid #E5E6EB;  
    border-right: 15px solid #E5E6EB;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.splitMiddle:hover {
    background-color: #D2EEF7;
}
.splitMiddle:hover:after {
    border-bottom: 15px solid #D2EEF7;
    border-left: 15px solid #D2EEF7;
}
.splitMiddle:hover:before {
    border-top: 15px solid #D2EEF7;  
    border-right: 15px solid #D2EEF7;
}


/*le style du bouton pour aller à l'exercice suivant*/
.splitRecruitInfo {
    height: 30px;
    background-color: #E5E6EB;
    position: relative;
    display: inline-block;
}
.splitRecruitInfo:before {
    position: absolute;
    left: -29px;
    content: "";
    border-top: 15px solid #E5E6EB;  
    border-right: 15px solid #E5E6EB;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.splitRecruitInfo:hover {
    background-color: #D2EEF7;
}
.splitRecruitInfo:hover:before {
    border-top: 15px solid #D2EEF7;  
    border-right: 15px solid #D2EEF7;
}

/*Le style lorsque le menu est selectionné*/
.splitMiddle.selected, .splitRecruitInfo.selected, .splitInfoUser.selected {
    background:black;
    color: white;
    text-shadow:1px 1px 1px #fff;
}
.splitMiddle.selected:before {
    color:white;
    text-shadow:1px 1px 1px #fff;
    left: -29px;
    content: "";
    border-top: 15px solid black;  
    border-right: 15px solid black;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.splitMiddle.selected:after {
    color:white;
    text-shadow:1px 1px 1px #fff;
    position: absolute;
    right: -29px;
    content: "";
    border-top: 15px solid transparent;  
    border-right: 15px solid transparent;
    border-bottom: 15px solid black;
    border-left: 15px solid black;
}
.splitRecruitInfo.selected {
    background:black;
    color:white;
    text-shadow:1px 1px 1px #fff;
}
.splitRecruitInfo.selected:before {
    color:white;
    text-shadow:1px 1px 1px #fff;
    left: -29px;
    content: "";
    border-top: 15px solid black;  
    border-right: 15px solid black;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}
.splitInfoUser.selected {
    background:black;
    color:white;
    text-shadow:1px 1px 1px #fff;
}
.splitInfoUser.selected:after {
    color:white;
    text-shadow:1px 1px 1px #fff;
    position: absolute;
    right: -29px;
    content: "";
    border-top: 15px solid transparent;  
    border-right: 15px solid transparent;
    border-bottom: 15px solid black;
    border-left: 15px solid black;
}

#wrapper{
    overflow:hidden;
}
#steps{
    overflow:hidden;
}
.step{
    float:left;
}
#modifyInformations{
    margin-right: 10px;
}
.flow {
    overflow-y: auto;
}
.progressBlock .ui-progressbar {
    position: relative;
    border: none !important;
    border-radius: 0 !important;
    border: solid 3px black !important;
}
.progressBlock .progress-label {
    position: absolute;
    left: 47%;
    top: 4px;
    font-weight: bold;
    font-family: 'Press Start 2P', cursive;
    font-size: 12px;
}
.ui-progressbar-value {
    height: inherit !important;
}
/*les couleurs de la barre de progression*/
.progressYellow {
    background: #FFEE75 !important;
}
.progressBlue {
    background: #5588EE !important;
}
.progressGreen {
    background: #89E894 !important;
}
.progressRed {
    background: #FF2E34 !important;
}
.progressBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: solid 1px #8c8b8b;
}
.progressBlock:hover {
    background-color: lightslategray;
    color: white;
}
.progressArmory {
    border-radius: 100%;
    height: 40px;
    width: 75px;
}
.progressPrice {
    height: 100px;
    width: 100px;
}
#showPrices:hover {
    cursor: pointer;
}
.thDark {
    background-color: black;
    color: white;
}
.progressTable {
    margin-top: 5px;
}
.progressTable tr:nth-child(even){
    background-color: #f2f2f2;
}
.fa-chevron-up {
    margin-top: 8px;
}
.fa-chevron-down {
    margin-top: 8px;
}
.menuLogo {
    margin-top: 8px;
    margin-left: 40%;
}