body {
  padding-top: 56px;
  height:100vh;
  display:flex;
  flex-direction:column;}

.black{
  color:#152621;
}

.bg-black{
  background-color:#152621;
  color:white;
}
.orange-overline{
	background: linear-gradient(to top, #F29849 0%, rgb(0 128 128 / 14%) 60%, transparent 5px);
    color: white;
    padding: 0 10px 0 10px;
}

.green-overline{
	background: linear-gradient(to top, #028374 0%, rgb(0 128 128 / 14%) 60%, transparent 5px);
    color: black;
    padding: 0 10px 0 10px;
}

.titre{
  font-weight:bold;
  width:fit-content;
}

.btn-accueil{
  margin-right:3px;
}
.rouge{
  background-color:#ce4040;
  color:white;
}

.orange{
  background-color:#F29849;
  color:white;
}

.vert{
  background-color:#028374;
  color:white;
}

.purple{
  background-color:#734874;
  color:white;
}

.text-purple{
	color:#734874;
}
.text-rouge{
	color:#ce4040;
}
.text-vert{
	color:#028374;
}
.text-orange{
	color:#F29849;
}

.fit-picture{
margin-bottom:20px;
}

.imgt{
	width:700px;
  display:flex;
  margin:auto;
}

.header-site{
    background: url(/images/covea-affinity-header.webp) no-repeat center;
    min-height: 35vh;
    width: 1700px;
    max-width: 100%;
    display: block;
    text-align: center;
    position: relative;
    margin: auto;
}
.nav-item{
  margin: 0 2px 0 2px;
  padding: 0 2px 0 2px;
}
.nav-item.active{
 color: #212529;
 background-color: #e2e6ea;
 border-color: #dae0e5;
 border-radius: 5px;
}

.nav-item:hover {
 background-color: #e2e6ea;
 border-color: #dae0e5;
 border-radius: 5px;
}

.detail-api .card-text{
  padding-top: 20px;
}
  .detail-api .card{
    border: none;
    text-align: center;
    color: #375975!important;
  }
  .detail-api .card.disabled{
    opacity: .4;
  }
  .detail-api .card h4{
    font-size: 1.4em;
  }

  .detail-api .card .card-text{
    padding: 0px;
  }

.table.table-striped{
  border-collapse: collapse;
  border-radius: 0.5em;
  overflow: hidden;
  border: solid 1px #454D55;
}

.swagger-ui{}
  .swagger-ui .info {
    margin: 20px 0 20px 0px;    
  }
  .swagger-ui .info .main .url{
    display: none;   
  }
  .swagger-ui .info .description, 
  .swagger-ui .info .info__tos, 
  .swagger-ui .info .info__contact, 
  .swagger-ui .info .info__license{
    display: none;
  }
  .swagger-ui .opblock .opblock-summary-path a{
    font-weight: normal;
  }
  .swagger-ui .opblock .opblock-summary-description{
    text-align: right;
  }


/**
 * Card indicator
 */
.card.card-indicator{
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-left-width: thick;
}
  .card.card-indicator h5{
    float: left;
    font-weight: bold; padding-right: 5px; 
    margin: 0px;
  }

  .card.card-indicator i{
    font-size: 3em;
  }

  .card.card-indicator.border-warning{
    background-color: #fff9ea;
  }

  .card.card-indicator.border-danger{
    background-color: #fef0f1;
  }

  .card.card-indicator.border-primary{
    background-color: #f4fbfc;
  }

/**
  * Spécifiques Marques
  */
h2, h4{
  color: #ce4040;
}

.btn-info.disabled, .btn-info:disabled{
    color: #fff;
    background-color: #75b2ab;
    border-color: #75b2ab;  
}
.btn-primary, .btn-info  {
    color: #fff;
    background-color: #028374;
    border-color: #028374;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active  {
    color: #fff;
    background-color: #008080;
    border-color: #008080;
}

.btn-outline-info, .badge-info{
  color: #375975;
  border-color: #375975;
}
.btn-outline-info:hover, .btn-outline-info:focus{
  background-color: #375975;
  border-color: #375975;
}

.text-info{
  color: #375975!important;
}

/* footer */
footer {
  flex-shrink:0;
  width:100%;
}

main{
  flex: 1 0 auto;
}

.box {
  display: grid;
  width: 800px;
  grid-template-columns: 200px 200px 200px 200px;
}

.list {
  padding: 0.5rem;
  counter-increment: list;
  font-size: 13px;
  text-align: center;
}

.list::before {
  content: counter(list);
  border: 1px solid grey;
  color:green;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50%;
  margin-right: 0.5rem; 
  padding: 0.2rem 0.6rem;
}