body{
  background-color: #D50000 !important;
}

.bouton{
  color:white;
}

.bouton:hover{
  color:white;
  text-decoration: underline;
  transition: 300ms;
}

.color-red{
  background:#D50000;
}
.color-noir{
  background:black;
}

.text-color-white{
  color:white;
}

.font-20{
  font-size: 20px
}
.font-30{
  font-size: 30px
}


.front{
  border-radius: 4px;
  background-color: white;
  color: black;
}
.front:hover{
  border-radius: 4px;
}

.back{
  border-radius: 4px;
  background-color: white;
  color: black;

}

.back:hover{
border-radius: 4px;
}

.m-50{
  margin: 50px;
}

.mt-70{
  margin-top: 70px;
}
.pt-70{
  padding-top:70px;
}

.center {
  text-align: center;
}

.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#FFF;
}

.card:hover {
  box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card > .card-inner {
  padding:10px;
}
.card .header h2, h3 {
  margin-bottom: 0px;
  margin-top:0px;
}
.card .header {
  margin-bottom:5px;
}
.card img{
  width:100%;

}

.loader {
background : url('https://i.giphy.com/media/B31PVtBGFpPyYvIV2M/giphy.mp4') 50% 50% no-repeat;
top : 0px;
left : 0px;
width: 250px;
height: 250px;
cursor : wait;
border-radius: 50%;
z-index: 9999;
}