.bleu {
  background-color: blue;
  color: white;
}

.violet {
  background-color: blueviolet;
  color: white;
}


.vert {
  background-color: green;
  color: white;
}

.vert a:link{
  color:#FFFFFF;
}
.vert a:visited{
  color:#FFFFFF;
}

.orange {
    background-color: orange;
    color: black;
  }

.orange a:link{
    color:#000000;
  }
.orange a:visited{
    color:#000000;
  }
  
  .rose {
    background-color: pink;
    color: black;
  }


.ribbon {
  height: 100px;
  width: 30px;
  background-color: #ddd;
  position: absolute;
  right:30px;
  top:15px;
  writing-mode: tb-rl;
  z-index: 999;
}

.ribbon span {
  padding: 20px
}

.ribbon::after {
  height: 10px;
  margin-left: 10px solid #000;
}


.custom-column-header {
  font-size: 24px;
  background-color: #007bff;  
  color: white;
  padding: 15px;  
  text-align: center;
}

.custom-column-content {
  font-size: 18px;
  background-color: white;  
  color: black;
  padding: 0px;  
  text-align: center;
}

.custom-column-content-orange {
  font-size: 18px;
  background-color: orange;  
  color: black;
  padding: 0px;  
  text-align: center;
}

.custom-column-empty-header {
  font-size: 24px;
  background-color: #222222;  
  color: white;
  padding: 15px;  
  text-align: center;
}

.orange-list-group-item {
  font-size: 16px;
  background-color: orange;  
  text-align: center;
  list-style-type: none;
  padding: 15px;
  position: relative;
  display: block;
}
.vert-list-group-item {
  font-size: 16px;
  background-color: green;  
  text-align: center;
  list-style-type: none;
  padding: 15px;
  position: relative;
  display: block;
}


.row-margin-30 { margin-top: 3.0em; }
.row-margin-5 { margin-top: 0.5em; }

#comments{
  margin-left: 20px;
  box-shadow: 0 2px 0 #e6e6e6;
  height: 40px;
  padding-left: 10px;
  width: 650px;
  height: 200px;
  }