.back{
  background-color: #4285F4;
}

.textcolor{
  color: #4285F4;
}

.clickpl{
  text-size-adjust: 120%;
}

.sup{
  position: fixed; bottom: 40px; right: 40px;
}

.splu{
  font-size: 175%;
}

.alerte{
  width : 80%;
}

.logo-img {
  position:relative;
  bottom:15px;
width : 60px;
margin-bottom:-15px;
}

.iconCQF{
  position:relative;right:7px;
}

.iconF{
margin-right:3px;
}

.icon-hover{
transition:0.4;
border:solid 0.7px;
border-color: white;
border-radius: 20%;
}
.icon-hover:hover{
transition:0.4;
border-color: #6c757d;
background-color:#f8f9fa;
}

@media (max-width:400px) {
.custom-dropdown {
  width: 350px;
}
}
@media (max-width:450px) and (min-width:400px){
.custom-dropdown {
  width: 400px;
}
}
@media (max-width:500px) and (min-width:450px){
.custom-dropdown {
  width: 450px;
}
}
@media (max-width:600px) and (min-width:500px) {
.custom-dropdown {
  width: 500px;
}
}

@media(min-width:600px) {
.custom-dropdown {
  width: 600px;
}
}
@media(min-width:900px) {
  .list-group {
    margin-top: -10px;
  }
  
    .img-profil{
      width : 400px;
      height: 400px;
    }
}

@media(max-width:899px) {
    .img-profil{
      width : 320px;
      height: 320px;
    }
}

@media(max-width:767px) {
  #nav-bar-min{display: block;}
  #nav-bar-max{display: none;}
}
@media(min-width:768px) {
  #nav-bar-min{display: none;}
  #nav-bar-max{display: block;}
}