.letter_page {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 650px;
  margin: auto; }
  .letter_page .letter {
    transition-property: color, background-color;
    transition-duration: .5s;
    font-size: 32px;
    color: #8E8E8E;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 50%; }
    .letter_page .letter.active {
      color: white;
      background-color: #EE1D25; }

.pagination {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .pagination .number {
    transition-property: color, font-size;
    transition-duration: .5s;
    margin: 20px;
    font-size: 30px;
    color: #505050;
    cursor: pointer;
    height: 55px;
    display: flex;
    align-items: center; }
    .pagination .number.active {
      font-size: 36px;
      color: #EE1D25; }
  .pagination .left_Arrow {
    cursor: pointer;
    height: 0;
    width: 0;
    border: 25px solid transparent;
    border-right-color: black; }
  .pagination .right_Arrow {
    cursor: pointer;
    height: 0;
    width: 0;
    border: 25px solid transparent;
    border-left-color: black; }

.glossaire {
  overflow: hidden; }
  .glossaire .glossaire_collumn {
    width: 50%;
    float: left;
    padding: 50px; }

#search {
  margin: 35px auto 15px;
  display: block;
  width: 300px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid #707070; }

@media only screen and (max-width: 875px) {
  .letter_page {
    width: 100%; }

  .glossaire .glossaire_collumn {
    width: 100%;
    padding: 0 25px; } }

/*# sourceMappingURL=glossaire.css.map */