.projects  {
    overflow:auto;
    max-height:100%;
   min-height:100%;
 }

.projects.active {
    border:2px dotted #109448;
   background:#dceee4;
}


#colonne-photos .img-thumbnail2 {
  margin-bottom: .4rem;
  max-width: 80px;
}

.boite-job.active {
  border: 4px solid var(--vert);
}

.job-accordion .accordion-body {
  padding: .2rem 2rem;
}


/* ACCORDEON JOB */
.job-accordion .accordion-item {
  border-color: white ; /*var(--vert) !important;*/
}

.job-accordion .accordion-button.collapsed {
  color: var(--noir);
  font-weight: bold;
  text-transform: uppercase;
}

.job-accordion .accordion-button:not(.collapsed) {
  background-color: var(--gris-pale) !important; 
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.job-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-body {
  padding: .2rem;
}

.accordion-body > .btn {
  margin-left: 0 !important;
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.job-accordion .card {
  border-color: var(--gris-pale);
  margin: 0rem 0;
} 

.job-accordion .card .card-header.btn-card {
  margin: 0 !important;
  background-color: white;
  color: var(--vert);
  text-transform: uppercase;
  text-align: start;
}



.job-accordion .card .card-header.btn-card:not(.collapsed) {
  background-color: var(--vert-pale);
  color: white;
}

.job-accordion .card .card-body {
  padding: .2rem 2rem;
}

.job-accordion .card .card-body .btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0rem !important;
}

.job-accordion .card-header:not(.collapsed) span {
  transform: rotate(180deg);
}