.cookie-alert {
  position: fixed;
  bottom: 60px;
  right: 20px;
  border-radius: 10px;
  background:#2f2f2f;
  color:#fff;
  padding:10px 15px;
  width:280px;
  z-index:100;
  margin-left: auto;
  margin-top: 2em;
  box-shadow: 0 0 0.7em black;
}

.okcookies {
  width: 100%;
  text-align: center;
  margin-top: 2em;
}

.okcookies a{
  text-align: center;
  padding:5px 20px;
  border-radius: 10px;
  background:transparent;
  transition: all .3s ease;
  margin:auto;
  margin-top: 2em;
  width: 150px;
}

@media only screen and (max-width:480px) {
  .cookie-alert {
    text-align: center;
    left: 0; 
    margin: 0 auto;
    max-width:700px;
  }
}

.okcookies a.home {
  border: 2px solid #00FF96;
  color:#00FF96;
}

.okcookies a.home:hover {
  background: #00FF96;
  color:#2f2f2f;
}

.okcookies a.about{
  border: 2px solid #CE2A01;
  color:#CE2A01;
}

.okcookies a.about:hover {
  background: #CE2A01;
  color:#2f2f2f;
}

.okcookies a.communaute {
  border: 2px solid #FFEC01;
  color:#FFEC01;
}

.okcookies a.communaute:hover {
  background: #FFEC01;
  color:#2f2f2f;
}

.okcookies a.groupe {
  border: 2px solid #F4E106;
  color:#F4E106;
}

.okcookies a.groupe:hover {
  background: #F4E106;
  color:#2f2f2f;
}

.okcookies a.contact {
  border: 2px solid #FFCD00;
  color:#FFCD00;
}

.okcookies a.contact:hover {
  background: #FFCD00;
  color:#2f2f2f;
}

.okcookies a.lab {
  border: 2px solid #FFA300;
  color:#FFA300;
}

.okcookies a.lab:hover {
  background: #FFA300;
  color:#2f2f2f;
}

.okcookies a.work {
  border: 2px solid #FF6524;
  color:#FF6524;
}

.okcookies a.work:hover {
  background: #FF6524;
  color:#2f2f2f;
}