/* bannière */

.bann {
  background-color: #fff;
  height: auto;
  border-bottom: 1px solid #f5f5f5;
  padding: 20px 0;
}

.bann img.logo {
  max-height: 100px;
  max-width: 300px;
  height:auto;
}

.social-link{
	float: right;
}

.social-link a{
	display:inline-block;
	
}
.social-link a:hover, .social-link a:focus{
	text-decoration: none;
}
.social-link a:hover i, .social-link a:focus i{
	color: #222;
}

.bann .social-link i {
  margin-top: 4px;
      color: #828282;
  display: block;
 
}

/* tr-green */

.tr-green {
  background-color: #008744;
  height: 1vh;
}

/* media queries */

@media screen and (min-width: 200px) and (max-width: 680px) {
  .bann img {
    width: 40%;
  }
}

@media (min-height: 100px) and (max-height: 560px) {
  .bann .social-link i {
    display: inline-block;
  }
}