@import 'img_titre.css';
@import 'animation.css';
@import 'button_delegation.css';

:root {
--dominante: #212529ff;
--txt-dom: #ffffffff;
--secondaire: #0bbff2ff;
--txt-sec: #ffffffff;
--arr-plan: #d7dde3ff;
--txt-corps: #212529ff;
--separateur: #0bbff2ff;
--menu: #ffffffff;
--menu-txt: #212529ff;
--menu-txt-hover: #0bbff2ff;
--menu-active: #0bbff2ff;
--menu-seperateur: #212529ff;
--hamburger: #ffffffff;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

}

/* Paramètres du body */
body {
  padding-top: 68px;
  max-width: 1100px;
  color: var(--txt-corp);
  background-color: var(--arr-plan);

}

/* Espacement du bas de site */
footer {
  padding: 15px 15px;
}

/* Couleur des textes des contenu */
.txt-corps {
    color: var(--txt-bdy);
}

/* Largeur maximum du site */
.container{
  max-width: 1000px;
}

/* SEO */
.seo {
	max-height: 0px;
    overflow: auto;
  	overscroll-behavior-y: contain;
  	visibility: hidden;
}

/* Largeur maximum du menu */
.navbar{
  max-width: 1100px;
}

/* Couleur du toggler */
.navbar-light .navbar-toggler{
  background-color: var(--hamburger);
}

/* Couleur du texte du menu */
.navbar-light .navbar-nav .nav-link {
    color: var(--menu-txt);
}

/* Couleur du texte au passage de la souris */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
  color: var(--menu-txt-hover);
}

/* Barre sous le menu actif */
.nav-item.active  {
    border-bottom: 3px solid var(--menu-active);
}

/* Dropdown pour les sous-menus */
.navbar-expand-md .navbar-nav .dropdown-menu {
  border-color: var(--menu-txt);
  background-color: var(--menu);
}

/* Dropdown pour les sous-menus */
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item {
  color: var(--menu-txt);
}

/* Dropdown pour les sous-menus au passage de la souris */
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:hover {
  color: var(--menu);
  background-color: var(--menu-active);
}

/* Dropdown pour les sous-menus actifs */
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--dominante);
}

/* Fond du menu */
.bg-menu{
    background-color: var(--menu);
    --bs-bg-opacity: 1;
}

/* Barre juste en dessous du menu */
.separateur-menu{
  border-bottom: 5px solid var(--menu-seperateur);
}

/* Barre dessous des sections */
.bb {
    border-bottom: 5px solid var(--separateur);
}

/* Couleur du fond dominant */
.bg-dom{
    color: var(--txt-dom);
    background-color: var(--dominante);
}

/* Couleur des textes sur fond dominant */
.txt-dom{
    color: var(--txt-dom);
}

/* Couleur du fond secondaire */
.bg-sec{
    color: var(--txt-sec);
    background-color: var(--secondaire);
}

/* Couleur des textes sur fond secondaire */
.txt-sec{
    color: var(--txt-sec);
}

/* Couleur des textes des liens */
.txt-href {
    color: var(--dominante);
}

/* Bouton */
.btn-primary {
    color: var(--txt-dom);
    background-color: var(--secondaire);
    border-color: var(--secondaire);
}

/* Bouton au survol de la souris*/
.btn-primary:hover {
    color: var(--txt-dom);
    background-color: var(--dominante);
    border-color: var(--dominante);
}

/* Bouton pour remonter */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    color: var(--txt-sec);
    background-color: var(--secondaire);
}

/* Bouton pour remonter au survol de la souris */
.back-to-top:hover {
    color: var(--txt-dom) !important;
    background-color: var(--dominante) !important;
}

/* Barre de progression */
#myProgressBar {
width: 0;
color: var(--txt-sec);
background-color: var(--secondaire);
}
/* Barre de progression format */
.progress {
  z-index: 1030;
  border-radius:0px;
  width: 100%;
}