* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
body{
  /* background-image: url('../pictures/carte1.png'); */
  background-color: rgb(240, 240, 240);
}
.main{
  z-index: 1;
}
/* ---- CAROUSEL ---- */
.slideshow {
  display:flex;
  overflow: hidden;
  position: fixed;
  top: 135px;
  right: 5px;
  width: 13%;
}
.slideshow img{
  width: 100%;
  height:100%;
}
/* ---- END CAROUSEL ---- */

/* ---- PICTURES ---- */
.wave-container{
  position:relative;
  display:flex;
  align-items:center;
  height:280px;
  background-image: url("../images/plage_large_screen_01-siMEGEh.jpg");
  background-repeat: no-repeat;
  background-size:cover;
}
#header-logo{
  margin-left:10%;
  color: white;
  font-family: Ubuntu, sans-serif;
  font-size: 1.7rem;
}
.divider{
  position:absolute;
  width:100%;
  bottom: -6px;
}
@media screen and (max-width: 768px){
  .wave-container{
    height:150px;
  }
  #header-logo{
    font-size: 1rem;
  }
}
/* ---- PICTURES END ---- */

.restricted_container{
  margin:30px auto 0 auto;
  padding:0 20px 10px 20px;
  border-radius:10px;
  background-color: white;
  width: 80%;
/* ---- USEFULL LINK ---- */
.useful-link{160
  font-size: 1.2rem;
}
.useful-link p{
  margin:10px 0;
}
.useful-link a{
  text-decoration: none;
  color:Navy;
  font-style: italic;
}
/* ---- TABLE ---- */
.table{
  width:100%;
}
/* ALERT */
}
.alert{
  width: 100%;
  margin:15px 0;
  padding:15px 15px;
  border-radius: 10px;
  color: black;
}
.alert-success{
  background-color:#2ecc71;
}
.alert-danger{
  background-color:#e74c3c;
}
/* ---- EMOJI ---- */
.emoji:hover{
  cursor: pointer;
}
.emoji-trigger:hover{
  cursor: pointer;
}
.emoji-picker{
  width: 80%;
}
@media screen and (max-width: 768px){
  .emoji-trigger{
    display: none;
  }
}
/* Fait clignoter l'objet */
.clignotant {
  color: red;
  animation-name : myAnimation;
  animation-duration:1s;
  animation-iteration-count: infinite;
}

@keyframes myAnimation {
  0% {color: white;}
  50% {color: red;}
  100% {color: white;}
}

/* ---- ACTIVITIES ----  */
.activities{
  padding:10px 0px 10px 60px;
  background-image: url("{{asset('pictures/activities_bg.jpg')}}");
  background-repeat: no-repeat;
  background-size:cover;
}