/*!
Références couleur
Couleur bleu / primary : #25303b
Couleur vert / success : #64b5f6
Couleur gris /secondary : #A9A9A9
 */

 @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');

body, .museo, strong, .strong, .light{font-family: 'Raleway', sans-serif !important;}

.navbar{
  background-color: #25303b;
  width: 50%;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.navbar:after{
  content: "";
  display: block;
  background-color: #64b5f6;
  width: 100%;
  height: 76px;
  position: absolute;
  top: 0;
  right: -100%;
}
.navbar:before{
  -webkit-transform: skewX(25deg);
      -ms-transform: skewX(25deg);
          transform: skewX(25deg);
  content: "";
  display: block;
  background-color: #25303b;
  width: 70px;
  height: 76px;
  position: absolute;
  top: 0;
  right: -25px;
  border-radius: 0 6px 12px;
  z-index: 1;
}
.navbar img{
  height: auto;
  max-height: 40px !important;
  z-index: 2;
  position: relative;
}

body > header > .card.bg-secondary.rounded-0.mb-3{
  background-color: transparent !important;
  border: none !important;
  margin-bottom: 0 !important;
  }


body > header > .card.bg-secondary.rounded-0.mb-3 .card-body h3,
body > header > .card.bg-secondary.rounded-0.mb-3 .card-body strong{
  text-align: center !important;
  text-transform: none !important;
}


/* BOUTONS */ 


/* -------------------------------------------------------------------- */

.custom-control-input:checked ~ .custom-control-label::before {
    color: #FFF;
border-color:#25303b !important;
background-color: #25303b !important;
}

.btn-primary { 
  color: #FFF !important; 
  background-color: #25303b; 
  border-color: #25303b; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #FFF !important; 
  background-color: #25303b; 
  border-color: #25303b; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
  background-color: #25303b !important; 
  border-color: #25303b !important;
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #25303b; 
  border-color: #25303b; 
} 
 
.btn-primary .badge { 
  color: #25303b; 
  background-color: #FFF; 
}

/* -------------------------------------------------------------------- */

.btn-success { 
  color: #000 !important; 
  background-color: #64b5f6; 
  border-color: #64b5f6; 
} 
 
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success { 
  color: #000 !important; 
  background-color: #64b5f6; 
  border-color: #64b5f6; 
} 
 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success { 
  background-image: none; 
  background-color: #64b5f6 !important; 
  border-color: #64b5f6 !important; 
} 
 
.btn-success.disabled, 
.btn-success[disabled], 
fieldset[disabled] .btn-success, 
.btn-success.disabled:hover, 
.btn-success[disabled]:hover, 
fieldset[disabled] .btn-success:hover, 
.btn-success.disabled:focus, 
.btn-success[disabled]:focus, 
fieldset[disabled] .btn-success:focus, 
.btn-success.disabled:active, 
.btn-success[disabled]:active, 
fieldset[disabled] .btn-success:active, 
.btn-success.disabled.active, 
.btn-success[disabled].active, 
fieldset[disabled] .btn-success.active { 
  background-color: #64b5f6; 
  border-color: #64b5f6; 
} 
 
.btn-success .badge { 
  color: #64b5f6; 
  background-color: #000; 
}

/* -------------------------------------------------------------------- */

.btn-secondary { 
  color: #000 !important; 
  background-color: #A9A9A9; 
  border-color: #A9A9A9; 
} 
 
.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active, 
.btn-secondary.active, 
.open .dropdown-toggle.btn-secondary { 
  color: #000 !important; 
  background-color: #A9A9A9; 
  border-color: #A9A9A9; 
} 
 
.btn-secondary:active, 
.btn-secondary.active, 
.open .dropdown-toggle.btn-secondary { 
  background-image: none; 
  background-color: #A9A9A9 !important; 
  border-color: #A9A9A9 !important; 
} 
 
.btn-secondary.disabled, 
.btn-secondary[disabled], 
fieldset[disabled] .btn-secondary, 
.btn-secondary.disabled:hover, 
.btn-secondary[disabled]:hover, 
fieldset[disabled] .btn-secondary:hover, 
.btn-secondary.disabled:focus, 
.btn-secondary[disabled]:focus, 
fieldset[disabled] .btn-secondary:focus, 
.btn-secondary.disabled:active, 
.btn-secondary[disabled]:active, 
fieldset[disabled] .btn-secondary:active, 
.btn-secondary.disabled.active, 
.btn-secondary[disabled].active, 
fieldset[disabled] .btn-secondary.active { 
  background-color: #A9A9A9; 
  border-color: #A9A9A9; 
} 
 
.btn-secondary .badge { 
  color: #A9A9A9; 
  background-color: #000; 
}



/* -------------------------------------------------------------------- */

.nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    color:#000 !important;
}


.bg-secondary{
  background-color: #A9A9A9 !important;
  color: #000
}