body{
/*    background-color: #000;*/
    /* background-color: #10135A; */
    padding:50px;
/*background-color: #fff;*/
}
@-webkit-keyframes logo {
  from { -webkit-transform: rotateY(0); }
  to   { -webkit-transform: rotateY(-360deg); }
}
.logo {
    margin-top: 10px;
    margin-left: 150px;
}
.alert-success{
    background-color: #FFF;
}
.logo img{
    -webkit-animation: logo 8s infinite linear;
}

.contenu{
    background-color: rgb(255,255,255);
}

.green{
    background-color: green;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}
.red{
    background-color: red;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

.text{
    color:#880002;
}

.btn-bg,.btn-bg:hover{
    background-color: #880002;
    border: none;
    
}
.btn-frm-lg{
    width: 100%;
}
.btn-succes{
    background-color: #2ecc71;
    border: none;
}
.btn-succes:hover{
    background-color: #2ecc71;
    border: none;
}

input[type=text]{
    color:#880002;
}

th{
    color:#880002;
}

.affichageCode{
    color:#FFF;
    font-weight: bold;
}

.login{
    background-color:#FFF;
    color:  #880002;
    height: 50px;
    width: 50px;
    padding: 10px;
    border-radius: 100px;
    font-weight: bold;
}
.main{
  margin: 20px;
  margin-top: 80px;
  display:fixe;
  justify-content:center;
  align-items:center;
}
/* Toutes les cartes */
.cards{
  display:none;
 flex-wrap:wrap;


}
.cards .card{
  margin-right: 20px;
  cursor:pointer;


}
.cards .card img{
  width: 350px;
}
.cards .card .card-header{
  display: fixe;
  flex-wrap:wrap;
  justify-content: space-between;
}
.cards .card .card-body p{
  margin-top: -10px;
}

.cards .card .card-header{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

 .texts{
  padding: 15px;
  text-align: center;  
}


/*img {
  width: 200px;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}*/
.text{
    text-align: center;
    font-weight: 300px;
    color: #111;
}

.box{
    width: 350px;
    margin: 20px;
    border: 20px solid #fff;
    box-shadow: 10px 10px 8px 10px; 
}

.box{
    position: relative;
    width: 100%;
    height: 300px;
}


img{
     width: 100%;
  height: 50;
}
/*.image { 
 margin: 5px;
  border: 1px solid #ccc;
  float: center;
  width: 180px;
}*/
.image:hover {
     border: 1px solid #777;

} 
/*img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 15px;
margin-left : 0;
} */
/*img.floatTR { 
float : right;
margin-left : 3px;
margin-bottom : 0;
margin-top : 15px;
margin-right : 10px;
} */
.cards{
  display:flex;
  flex-wrap:wrap;
}
.cards .card{
  margin-right: 20px;
  cursor:pointer;
}
.cards .card img{
  width: 350px;
}
.cards .card .card-header{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.cards .card .card-body p{
  margin-top: -10px;
}