@CHARSET "UTF-8";
/****** En-tête ******/
.site-header {
    /* image de fond de l'en-tete du site
     - soit vous pouvez utiliser l'une des images proposées /img/ng/header/X.white.png (X allant de 01 à 10) à utilisé sur un fond coloré
     - soit vous pouvez utiliser l'une des images proposées /img/ng/header/X.rvb.png (X allant de 01 à 10) à utilisé sur un fond blanc
     - soit vous pouvez déposer votre propre image et utiliser son url (commençant par /public/XXX)
     */
    /*background-image: url(/img/ng/header/09.rvb.png);*/
    background-image: url(/public/20221011montage_reseau_bib_h300px.jpg); 
    background-repeat: no-repeat;
    /* couleur de fond de l'en-tete du site */
    background-color: #240c22;
    background-size: contain;
    background-position-x: center;
}

.site-header .title {
    /* couleur du titre du site (pas de titre) */
    color: #ffffff;
}

/****** Navigation ******/
.website-navigation {
    /* Couleur de fond de la navigation*/
    background: #5C2760;
    height: auto;
}

.website-navigation .nav-pills .nav-item > .nav-link {
    /*couleur du texte des menus de 1er niveau */
    color: #F7BC15;
    font-weight: bold;
}

.website-navigation .nav-pills .nav-item > .nav-link.active {
    /*couleur du fond du menu actif de 1er niveau*/
    background: #EA6769;
    /*couleur du texte du menu actif de 1er niveau*/
    color: #3D163B;
    font-weight: bold;
}

.website-navigation .nav-pills .nav-link:hover, .website-navigation .nav-pills .show > .nav-link  {
    /*couleur du fond des menus de 1er niveau survolés */
    background: #F7BC15;
    /*couleur du texte des menus de 1er niveau survolés */
    color: #3D163B;
    font-weight: bold;
}

.website-navigation .nav-pills .dropdown-menu {
    /*couleur du fond des sous-menus */
    background: #5C2760;
}

.website-navigation .dropdown-menu a {
    color: #F7BC15;
}

.website-navigation .nav-pills .dropdown-item:focus, .website-navigation .nav-pills .dropdown-item:active{
    /*couleur du fond du sous-menu actif */
    background: #EA6769;
    /*couleur du texte du sous-menu actif */
    color: #3D163B;
    font-weight: bold;
}

.website-navigation .nav-pills .dropdown-item:hover {
    /*couleur du fond du sous-menu survolé*/
    background: #F7BC15;
    /*couleur du texte du sous-menu survolé*/
    color: #3D163B;
    font-weight: bold;
}

/****** 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 regles spécifiques, pour éviter les effets de bord sur les autres pages générées automatiquement
     */
}

/* Exemples permettant d'accéder aux widgets des pages personnalisables*/
.custom-page .widget {
    box-shadow: 0px 3px 15px #00000029;
    margin-bottom: 25px;
}

.custom-page .section-widget .widget .widget-header, .section-corps .widget .widget-header {
  background-color: #3D163B;
  color: #F7BC15;
  text-align: center;
}

/********** Styles, titres, etc **********/
.custom-page h1, h2, h3 {
    color: #5C2760;
}

.custom-page p, li {
    font-size: initial;
    text-align: justify;
    margin-top: 5px;
}

/********** Liens **********/
a {
    text-decoration : none;
    color : #D56023;
}

a:hover {
    color: #F7BC15;
    font-weight: bold;
}

/********** Pied de page **********/
.pieddepage {
    text-align:center;
    font-weight:bold;
    font-size:medium;
    color : #F7BC15;
    margin-top:10px;
    margin-bottom:10px;
}

footer {
  background-color: #0c053a;
  color: #F7BC15;
  padding-top: inherit;
  margin-top: auto;
}