/*
  Encodage de la feuille de styles
*/

@charset "UTF-8";

/*
  Couleur de sélection du texte
*/

::-moz-selection {
  background-color: #003957;
  color: #FFFFFF;
}

::selection {
  background-color: #003957;
  color: #FFFFFF;
}

/*
  Images
*/

.site-header img, /* En-tête */
.custom-page img, /* Contenu de page */
footer img { /* Pied de page */
  /* Largeur maximale */
  max-width: 100%; /* 100% permet d'adapter les images à la largeur des éléments parents */
}

/*
  En-tête du site
*/

.site-header {
  padding: 1.5rem 0;
  height: auto;
  min-height: auto;
  /*
    Image de fond de l'en-tête
    - soit vous pouvez utiliser l'une des images proposées à utiliser sur un fond coloré (/img/ng/header/X.white.png, X allant de 01 à 10)
    - soit vous pouvez utiliser l'une des images proposées à utiliser sur un fond blanc (/img/ng/header/X.rvb.png, X allant de 01 à 10)
    - soit vous pouvez déposer votre propre image et utiliser son URL, par exemple background-image: url(bandeau.svg)
  */
  /* background-image: url(); */
  /* Couleur de fond de l'en-tête */
  background-color: #003957;
}

.site-header .header-title {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: default;
}

.site-header .header-title a {
  color: #FFFFFF;
}

.site-header .header-title a:hover,
.site-header .header-title a:focus,
.site-header .header-title a:active {
  color: #FFFFFF;
}

/*
  Menu de navigation
*/

.website-navigation {
  /* Couleur de fond du menu */
  background-color: #D4E8EF;
}

.website-navigation .nav-pills .nav-link {
  /* Graisse du texte : normal ou bold */
  font-weight: 400;
  /* Couleur du texte */
  color: #2A6496;
}

.website-navigation .nav-pills .nav-link.active,
.website-navigation .nav-pills .show > .nav-link {
  /* Couleur de fond des éléments actifs de premier niveau */
  background-color: #EEEEEE;
  /* Couleur du texte des éléments actifs de premier niveau */
  color: #003957;
}

.website-navigation .nav-pills .show > .nav-link {
  /* Couleur de fond des éléments actifs de premier niveau renvoyant aux sous-menus */
  color: #003957;
}

.website-navigation .dropdown-menu {
  /* Coins arrondis des sous-menus */
  border-radius: 0;
}

.website-navigation .dropdown-menu a,
.website-navigation .dropdown-menu button {
  /* Couleur du texte des éléments des sous-menus */
  color: #2A6496;
  /* Transition */
  transition: .2s background ease-in-out;
}

.website-navigation .dropdown-menu li.nav-item:hover a,
.website-navigation .dropdown-menu li.nav-item:hover a:focus,
.website-navigation .dropdown-menu li.nav-item:hover a.active {
  /* Couleur de fond des éléments actifs des sous-menus */
  background-color: #FAFAFA;
  /* Couleur du texte des éléments actifs des sous-menus */
  color: #003957 !important;
}

ul.dropdown-menu li:not(.not-white):hover {
  background-color: transparent !important;
}

/*
  Contenu des pages personnalisables
*/

.custom-page {
  /*
    Les pages personnalisables sont contenues dans une balise ayant comme classe CSS custom-page
    Il est recommandé de bien indiquer cette classe si vous souhaitez définir des règles spécifiques, pour éviter les effets de bord sur les autres pages générées automatiquement
  */
}

/* Titres */

.custom-page h1,
.custom-page h2,
.custom-page h3,
.custom-page h4,
.custom-page h5,
.custom-page h6 {
    /* Couleur du texte */
    color: #2A6496;
}

/* Liens */

.custom-page a {
    /* Couleur du texte */
     color: #2A6496;
}

.custom-page a:hover,
.custom-page a:focus,
.custom-page a:active {
    /* Couleur du texte */
    color: #003957;
}

/* Boutons */

.custom-page .btn-primary {
    /* Couleur de fond */
    background-color: #2A6496 !important; /* Cette déclaration est prioritaire par rapport à la précédente */
    /* Couleur du texte */
    color: #FFFFFF !important; /* Cette déclaration est prioritaire par rapport à la précédente */
    /* Bordure */
    border: 0;
}

.custom-page .btn-primary:hover,
.custom-page .btn-primary:focus,
.custom-page .btn-primary:active {
    /* Couleur de fond */
    background-color: #003957 !important; /* Cette déclaration est prioritaire par rapport à la précédente */
    /* Couleur du texte */
    color: #FFFFFF !important; /* Cette déclaration est prioritaire par rapport à la précédente */
    /* Ombre/contour pour :hover, :focus, :active */
    box-shadow: rgba(0, 0, 67, 1) 0px 0px 0px 2.88px;
}

/* Menu accordéon : Bootstrap Collapse */

.custom-page .accordion .card-header .btn {
    /* Soulignement du texte */
    text-decoration: none;
    /* Couleur du texte */
    color: #2A6496;
}

.custom-page .accordion .card-header .btn:hover,
.custom-page .accordion .card-header .btn:focus,
.custom-page .accordion .card-header .btn:active {
    /* Soulignement du texte */
    text-decoration: none;
    /* Ombre/contour pour :hover, :focus, :active */
    box-shadow: rgba(0, 0, 67, 1) 0px 0px 0px 2.88px;
}

/* Widgets */

.custom-page .widget {
  /* Ombre */
  box-shadow: 0px 3px 15px #00000029;
  /* Marge basse */
  margin-bottom: 25px;
}

/*
.custom-page .widget:last-child {
  / * Marge basse * /
  margin-bottom: 0;
}
*/

.custom-page .widget .widget-header {
  /* Taille de fonte */
  font-size: 1rem;
  /* Capitalisation du texte : capitalize, uppercase ou none */
  text-transform: none;
  /* Couleur du texte */
  color: #FFFFFF;
  background-color: #003957; 
}

.custom-page .widget .widget-content {
  /* Écarts de remplissage */
  padding: 1rem 0;
}

.custom-page .widget .widget-content .label,
.custom-page .widget .widget-content .keyword {
  /* Couleur du texte des chiffres et des mots clés */
  color: #003957;
}