body {
    padding-top: 0px;
    padding-bottom: 20px;
}
.navbar {
    margin-bottom: 20px;
}

nav.navbar.affix{
    position: fixed;
    top: 0;
    z-index: 999;
      width: 100%;
}

.navbar .navbar-brand{
  display: flex;
}

h1.titrelogosite{
  text-indent: -100000px;
  margin: auto;
  margin-left: 15px;
  color: inherit;
  background-position: center left;
  background-size: contain;
  background-repeat: no-repeat;
  width: 180px;
  height: auto;
  margin-top: -10px;
  margin-bottom: -10px;
  font-size: 34px;
}

h1.titrelogosite.nologo{
  text-indent: 0px;
  font-weight: normal;
  margin: auto;
  color: inherit;
  font-size: 18px;
  width: auto;
}

.container .container.navbar{
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width:768px) {
  .navbar {
    width: auto;
  }
	.container .container.navbar{
		width:720px;
    margin-left: 0px;
    margin-right: 0px;
	}
}
@media (min-width:992px) {
	.container .container.navbar {
		width:940px;
	}
}
@media (min-width:1200px) {
	.container .container.navbar {
		width:1140px;
	}
}

@media(min-width:768px){
  body {
      padding-top: 20px;
  }
}