/*couleur du site 477D8A*/

/* admin */



/* user */

#user p{
  text-align: center;
  width: 100%;
}


#user span{
  color : #4a7d8a;
}

#explication{
  font-style: italic;

  display: inline-block;
  padding: 5px;
  margin-bottom: 10px;
}




/* Sommaire */

/*décalage*/
.article{
margin-left:25px;
}
.article.avec_bouton{
margin-left: 0px;
}
.groupe{
margin-bottom: 10px;
margin-left: 20px;
 }

/* .accessible */
.accessible bouton{
   background-color: #4a7d8a;
   color: white;
   padding: 1px 6px;
   border: 1px solid #4a7d8a;

 }
.accessible bouton:hover{
  background-color: white;
  color: #4a7d8a;
  padding: 1px 6px;
  border: 1px solid #4a7d8a;

}


.chapitre.accessible a{
  color: #4a7d8a;
  font-size: 20px;
  border-bottom: solid 1px #4a7d8a;

  text-decoration: none !important;



}
.article.accessible a{
  color: black;
  text-decoration: none !important;
}

 a:hover{
   font-weight: bolder;
}

.article.accessible a span{
  color: #4a7d8a;
}

.accessible .quiz {
   background-color: #4a7d8a;
   color: white;
   padding: 2px 4px;
   border-radius: 50%;
 }
.accessible .abonnement {
  color: #4a7d8a;
}
.accessible .acces {
  color: #4a7d8a;
}




/* .inaccessible */

.inaccessible bouton{
   background-color: black;
   color: white;
   padding: 1px 6px;
   border: 1px solid black;
 }
 .inaccessible bouton:hover{
    background-color: white;
    color: black;

  }



.chapitre.inaccessible a{
  color: black;
  font-size: 20px;
  border-bottom: solid 1px #4a7d8a;

  text-decoration: none !important;



}
.article.inaccessible a{
  color: black;
  text-decoration: none !important;
}


.article.inaccessible a span{
  color: black;
}

.inaccessible .quiz {
   background-color: black;
   color: white;
   padding: 2px 4px;
   border-radius: 50%;
 }
.inaccessible .abonnement {
  color: grey;
}
.inaccessible .acces {
  color: grey;
}