.index-page .page-header {height: 50vh;}
.index-page .page-header-index{height:40vh;margin-top:10vh;}
strong {font-weight:inherit;}
p strong{font-weight:300;}

.logocell{text-align:right;}
h1{color:#1cb7cd;}
h2{font-size:4rem;font-weight:700;padding-top:0;margin-top:0;}
.main{background:none;text-align:center;margin-bottom:100px;}
.main-raised{background-color:#fff;}
.main .paragraphes{text-align:left;}

footer{color:#fff;}
footer a{color:#fff;font-weight:700;}
footer a:hover{color:#184798}

.gkeeplink{font-weight:500;color:#0070ac;cursor:pointer;}

@media (min-width: 992px) {
  .logocell {width: 200px;height:40px;}
  .index-page .brand h1{font-size:2.8rem;}
  .index-page .brand h2{font-size:4rem;padding-top:0;line-height:3.8rem;}
  .index-page .brand p{font-size:1.1rem;}
  h2.title{font-size:3rem;display:block;line-height:2.8rem;}
  .main .sursite{width:75%;}
}


@media (max-width: 991px) {
  .logocell{width:140px; height:30px;}
  .index-page .brand h1{font-size:2rem;}
  .index-page .brand h2{font-size:3rem;padding-top:0;line-height:2.4rem;}
  .index-page .brand p{font-size:1rem;}
  h2.title{font-size:2rem;display:block;line-height:1.8rem;}
  .main .sursite{width:90%;}
}

.title h2{font-weight: 700; font-family: "Roboto Slab", "Times New Roman", serif;margin-top:0;padding-top:0;}

#logowhite{display:none;}
.navbar-transparent #logoblue{display:none;}
.navbar-transparent #logowhite{display:block;}
.navbar .navbar-brand{height:50px;}

.bluebadge{background-color:#0070ac}

#cookie-banner{position: fixed;top: 0;z-index: 1040;width: 100%;}

.bluefilter {
  background: rgba(24, 81, 160, 1);
  background: linear-gradient(45deg, rgba(28, 183, 205, 1) 0%, rgba(24, 81, 160, 1) 100%);
  background: -moz-linear-gradient(135deg, rgba(28, 183, 205, 1) 0%, rgba(24, 81, 160, 1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(28, 183, 205, 1) 0%, rgba(24, 81, 160, 1) 100%);
}