.page{
  padding: 40px;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 1s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0
}

.tips{
  margin-left: 80px;
}

.submit{
  margin-top: 30px;
}


.liste{
  margin-top: 30px;
}

.listeItem{
  min-height: 35px;
  display: flex;
  margin-bottom: 15px;
  align-items: center;

  &:nth-child(odd){
    background-color: $grey-lighter;
  }

  .intitule{ flex: 1; }

  .actions{
    .icon{
      cursor: pointer;
      display: inline-block;

      &:not(:last-child){
        margin-right: 8px;
      }
    }
  }
}

@media screen and (max-width: 1024px){
 .tips{
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    img{
      margin-bottom: 20px;
    }
  }
}