.SearchAccordion{ max-width: 100%; margin: 0; padding: 0;}

/* Search field definitions */

#myBtnContainer{ position: fixed; z-index: 1; width: 98%; padding: 0 0 20px 20px; margin 0; background-color: #fff; }

.flt-title{ color: #1F407A; font-family: Arial; }

#mybtn {
  height: 2rem;
  width: auto;
  padding: 0px .8rem 0px .8rem;
  display: inline;
  outline: none;
  font-weight: normal;
  font-size: .8rem;
  color: #6a7277;
  border: solid #D3D9DB 1px;
  cursor: pointer;
  margin-right: .3rem;
  margin-bottom: .3rem;
  background-color: #EAECEE;
}
#mybtn:hover { background-color: #ddd; }

#mybtn.bactive { background-color: #666; color: white; }

.filterDiv{ display:none; }

.show { display: block; }

/* Accordion definitions */

.accordionList{ position: relative; margin: 0; padding: 120px 0; }

/* Accordion entête */
.myaccordion {
  height: 2rem;
  width: 100%;
  color: #222;  
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: .85rem;
  line-height: 1.3rem;
  transition: 0.4s;
  margin-bottom: .2rem;
  padding-left: 10px;
}
.bleu { background-color: rgba(106, 90, 205, 0.5); }
.jaune { background-color: rgba(255, 165, 0, 0.5); }
.rouge { background-color: rgba(255, 0, 0, 0.5); }
.vert { background-color: rgba(60, 179, 113, 0.5); }

.active {
  color: #fff;
  background: rgba(127,127,127,.8);  
  margin-bottom:-.4rem;
}
/* Accordion intérieur */
.panel {					
  max-width: 100%;
  display: none;
  font-size: .85rem;
  background: #fff;
  overflow: hidden;
  border: solid #D3D9DB 1px;
}
.panel >p { padding: .4rem; }

.myopen{ z-index: 1; float: right; }

button.active > span > img {
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}