/* Changer les styles associés au Brand */

#image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.imgrond {
    border-radius: 50%;
    height: 200px;
    /*width: 100%;*/
    justify-content: center;
    max-width: 100%;
    height: auto;
}

div > .imgrond, p > .imgrond {
    width: 200px;
}


.contenu {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    word-spacing: -0.05em;
}
#contenu {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    word-spacing: -0.05em;
}

#menu > .container{
	background: linear-gradient(to bottom, #161616 0%, #1d1d1d 100%);
    border-radius: 4px;
	padding:0 ;
    border: 0;
    font-family: sans-serif;
    font-size: 14px;	
} 

.ecrit {
    padding: 50px 0 0 0;
}

.center {
    margin: auto;
    width: 80%;
    padding: 20px;
}

/* Permet de changer les styles d'un hyperlien */


#lecon {
    padding: 0 0 0 50px;
    border-right: 5px solid #30302f;
    white-space: normal;
}

div {
    white-space: normal;
}


.plan > p > a.active {
    background-color: white;
    width: 100%;
    border-left: 10px solid #30302f !important;
}

/* Couleur du bouton (toggler) */


/* Permet de changer les styles d'un hyperlien s'il est actif (active)*/

.btn-inscription , .btn-connexion ,.btn-soumettre, .btnForgot, .btnLogin, .btnsendResult{
    background-color: #000d1a;
    color: white;
}
#rowresult {
    margin-top: 10px;
}
.btn-commencer{
    color: black;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
    border-radius: 8px;

}
.trLastTakenQuiz{
    background-color: #131313;
    color: black;
}
#btnLeconSuivant{
   background-color: #131313;
    color: white;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;
    border-radius: 4px; 
    border-color: transparent;
}

h1, h2, h3, h4, h5, h6,
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    color: #30302f;    
}

    h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a :hover,
    h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a :focus {
        color: #30302f !important;
    }

ol > li::marker {
    color: #30302f !important;
    font-size: 1.75em;
    font-weight: bolder;
}
.erreur {
    color: red;

}

.btnLoggedUser, .btnLecon {
    background-color: transparent;
    border: none;
}
  #btnEdit {
    border: none;
    color: blueviolet;
    background-color: transparent;
  }
  .btn-group-vertical{
    background-color:#C0C0C0;
    border-radius: 2px;
  }
  #btnallstudents,#btnstudentsbycountry,#btnstudentswithnotes,
  #btnstudentspassedallexams,#btnInfos,#btnResults,#btnCertificate,#btnCgangepassword{
    border-bottom-color: white;
  }