/*
  Encodage de la feuille de styles
*/

@charset "UTF-8";

/*
  Couleur de sélection du texte
*/

::-moz-selection {
    background-color: #337AB7;
    color: #FFFFFF;
}

::selection {
    background-color: #337AB7;
    color: #FFFFFF;
}

/*
  Import des polices
*/

/* @import url('URL de votre police'); */ /* Exemple : @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); */

/*
  Déclaration des polices
*/

.site-header, /* En-tête */
.website-navigation, /* Menu de navigation */
.custom-page, /* Contenu de page */
.footer-custom { /* Pied de page */
    /* font-family: 'Nom de votre police', sans-serif; */
}

/*
  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 {
    /* Hauteur de l'en-tête */
    height: auto;
    /* Hauteur minimale de l'en-tête */
    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é (/assets/img/header/X.white.png, X allant de 01 à 10)
      - soit vous pouvez utiliser l'une des images proposées à utiliser sur un fond blanc (/assets/img/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(/assets/img/header/06.white.png); */
    /* Couleur de fond de l'en-tête */
    /* background-color: #337AB7; */
}

.site-header .title {
    /* Couleur du titre */
    color: #00005C;
}

/*
  Menu de navigation
*/

.website-navigation {
    /* Couleur de fond du menu */
    background-color: #00005C;
}

.website-navigation .nav-pills .nav-link {
    /* Graisse du texte : normal ou bold */
    font-weight: 400;
    /* Couleur du texte */
    color: #FFFFFF;
}

.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: #FFFFFF;
    /* Couleur du texte des éléments actifs de premier niveau */
    color: #00005C;
}

.website-navigation .nav-pills .show > .nav-link {
    /* Couleur de fond des éléments actifs de premier niveau renvoyant aux sous-menus */
    color: #00005C;
}

.website-navigation .dropdown-menu {
    /* Coins arrondis des sous-menus */
    border-radius: 0;
}

.website-navigation .dropdown-menu[x-placement="top-start"] {
    /* Position des sous-menus */
    top: -8px !important;
}

.website-navigation .dropdown-menu[x-placement="bottom-start"] {
    /* Position des sous-menus */
    top: 8px !important;
}

.website-navigation .dropdown-menu a,
.website-navigation .dropdown-menu button {
    /* Couleur du texte des éléments des sous-menus */
    color: #00005C;
    /* 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: #00005C !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: #00005C;
}

/* Liens */

.custom-page a {
    /* Couleur du texte */
    color: #00005C;
}

.custom-page a:hover,
.custom-page a:focus,
.custom-page a:active {
    /* Couleur du texte */
    color: #000040;
}

/* Boutons */

.custom-page .btn-primary {
    /* Couleur de fond */
    background-color: #00005C !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: #000043 !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(237, 88, 44, 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: #00005C;
}

.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(237, 88, 44, 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-header {
    /* Taille de fonte */
    font-size: 1rem;
    /* Capitalisation du texte : capitalize, uppercase ou none */
    text-transform: none;
    /* Couleur du texte */
    color: #00005C;
}

.custom-page .widget-content {
    /* Écarts de remplissage */
    padding: 1rem 0;
}

.custom-page .widget .widget-content .label {
    /* Couleur du texte des chiffres */
    color: #FF4600;
}
