.box {
  background-color: white;
  color: dodgerblue;
  cursor: pointer;
  padding: 11px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin:.1rem;
}
.bx {
  background-color: white;
  color: dodgerblue;
  cursor: pointer;
  padding: 11px;
  width: 100%;
  border: none;
  text-align: justify;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin:.1rem;
}


.acco {
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin:.1rem;
  margin-bottom:.3rem;
}

.box:after {
  content: "\004F"'\0070'"\0065"'\006E';
  color: inherit;
  float: right;
  margin-left: 5px;
}


 .box:hover {
  background-color: #4582ff;
  color:white;
}

.activer:after {
  content: '\0043''\006C''\006F''\0073''\0065';
}

.panel {
  padding:0 22px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin:.1rem;
}

.panel button:hover {
  color:white;
  background-color:#4582ff;
}

.subacco{
  padding:11px;
  margin:.2rem;
  border:2px solid white;
}

span h3{margin:1rem .5rem;}

.banner{
    background-image:url('images/Bannner 1.png');
    background-repeat:no-repeat;
    background-size:cover;
}