@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);
.accordion {
  /* background-color: #dadbdb; */
  font-family: 'Source Sans Pro', sans-serif;  font-weight: 900;
  background-color: transparent;
  color: #424243;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13pt;
  transition: 0.4s;
  /* font-weight: bold; */
  
}


.dash{
  background-color: #1781ed;
  font-family: 'Source Sans Pro', sans-serif;  font-weight: 900;
  /* color: #415660; */
  color: #f2f1e9;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13pt;
  transition: 0.4s;
}



.aide{
  /* background-color: #424243; */
  background-color: #d3d3d2;
  font-family: 'Source Sans Pro', sans-serif;  font-weight: 900;
  color: #70706e;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13pt;
  transition: 0.4s;
}


.accordion:hover {
  background-color: transparent;
  color:#3e70c4;
}


.active{
  color: #3e70c4;
}
.active3{
  color: #fff;
  background-color:#0db36b;
}


.accordion:after{
  content: '\002B';
  color: #3e70c4;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.aide:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after{
  content: "\2212";
  color:#3e70c4;
  
}
.active3:after{
  content: "\2212";
  color:#fff;
  
}

.panel {
 padding-left: 1px;
  display: none;
  background-color: rgb(255,255,255,0.3);
  overflow: hidden;
}
.panel3 {
 padding-left: 1px;
  display: none;
  background-color: #424243;
  overflow: hidden;
}

.accordion20 {
  font-family: 'Source Sans Pro', sans-serif;  font-weight: 600;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  padding: 9px;
  width: 92%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12.4pt;
  transition: 0.4s;
  /* font-weight: bold; */
  margin-left:19px;
}







 





.accordion2 {
  font-family: 'Source Sans Pro', sans-serif;  font-weight: 600;
  background-color: transparent;
  /* color: #45505a; */
  color: #3e70c4;
  cursor: pointer;
  padding: 10px;
  width: 92%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12.4pt;
  transition: 0.4s;
  /* font-weight: bold; */
  margin-left:19px;
}

.accordion2:hover {
  background-color: transparent;
  color: #cd3085;
}
.active2{
  color: #cd3085;
}

.accordion2:after {
  /* content: '\002B'; */
  color: #fff;  
  float: right;
  margin-left: 10px;
}

.active2:after {
  content: "\2212";
  color: #fff;
}

.panel2 {
  padding-left: 0;
  display: none;
  background-color: rgb(255,255,255,0.5);
  overflow: hidden;
}
.panel20 {
  padding-left: 0;
  display: none;
  background-color: rgb(255,255,255,0.9);
  overflow: hidden;
}








.accorde{ 
/* background-color: #dee6e7; */
font-family: 'Source Sans Pro', sans-serif;  font-weight: 600;
background-color: transparent;
  color: #000;
  cursor: pointer;
  padding: 7px;
  width: 80%;
  border: none;
  text-align: left;
  font-size: 12.4pt;
  margin-left:30px;
}
.accorde:hover{ 
background-color: transparent;
  color: #08d834;

}


.accorde.selected{
		/* background-color:#05a96d; */
		background-color:transparent;
		color:#0bb42f;
		/* box-shadow: 0 0 5px rgba(81, 203, 238, 1); */
		padding: 5px;
		font-size: 12pt;
		/* border: 1px solid #fff; */
		font-weight:bold;
    }