/******************************************************************************/
/*                                  compBody                                  */
/******************************************************************************/

#compBody {
}
#compBody #compBodyHeader {
}
#compBody #compBodyHeader #compBodyFooter {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
    font-size: 18px;
    color: #0D90CE;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
    padding-left: 15px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants span {
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 0 5px;
    display: inline-block;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants:after {
    content: " ";
    width: 100%;
    height: 2px;
    background: #0D90CE;
    display: block;
    position: absolute;
    bottom: 7px;
    z-index: 1;
    margin-left: -15px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .bottomContentComposants {
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants {
   
}
#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .descContent {
        display: none;
}
#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .descContent span{
        display:none;
}


.ongletContent {
    margin-top: 30px;
    position: relative;
}

.ongletContent a {
    background: none repeat scroll 0 0 #BDBDBD;
    color: #ffffff;
    display: inline-block;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    font-family: "dinlightlight",Arial,Helvetica,sans-serif;
    border-radius: 3px;
    margin: 10px 5px;
    width: calc(50% - 13px);
    transition: all 0.5s;
}
.ongletContent a.ongletSelected:hover {
    filter: brightness(100%);
}
.ongletContent a:hover {
    filter: brightness(85%);
}

.ongletContent a.ongletSelected {
    background: #0D90CE;
    cursor: default;
}

.ongletContent a#compteDeconnexion {
    background: none;
    color: #0c90ce;
    display: block;
    font-size: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -30px;
    width: 100px;
    text-decoration: underline;
    transition: all 0.5s;
}

.ongletContent a span {
    display: block;
    font-size:11px;
}

.ongletContent a .libelles span.ongletLibelle{
    font-size: 16px;
    font-weight: bold;
}

#monCompte {
    display: none;
}