/****** 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)  à  utiliser 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) à  utiliser sur un fond blanc
     - soit vous pouvez déposer votre propre image et utiliser son url (commençant par /public/XXX)
     */
    /* couleur de fond de l'en-tete du site */
    background-color: #ffffff;     /* blanc */
    /* hauteur du bandeau */
    height : auto;
    min-height : auto;
}

.site-header .title {
    /* couleur du titre du site */
    color: #ffffff;     /* blanc */
}

.site-header img, /* En-tête */
.custom-page img, /* Contenu de page */
.footer-custom img { /* Pied de page */
    /* Largeur maximale */
    max-width: 100%; /* 100% permet d'adapter les images à  la largeur des éléments parents */
}

/****** Navigation ******/
.website-navigation {
    /* Couleur de fond de la navigation*/
    background: #d9230f; /* COULEUR DOMINANTE SITE LABO */
}

.website-navigation .nav-pills .nav-item > .nav-link {
    /*couleur du texte des menus de 1er niveau */
    color: #ffffff; /* blanc */
}

.website-navigation .nav-pills .nav-item > .nav-link.active {
    /*couleur du fond du menu actif de 1er niveau*/
    background: #e9edf0; /* GRIS BLEU CCSD BARRE RECHERCHE */
    /*couleur du texte du menu actif de 1er niveau*/
    color: #000000; /* noir*/
}

.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: #e9edf0; /* GRIS BLEU CCSD BARRE RECHERCHE */
    /*couleur du texte des menus de 1er niveau survolés */
    color: #000000; /* noir*/
}

.website-navigation .nav-pills .dropdown-menu {
    /*couleur du fond des sous-menus */
    background: #d9230f; /* COULEUR DOMINANTE SITE LABO */
}

.website-navigation .dropdown-menu a,
.website-navigation .dropdown-menu button {
    /*couleur du texte des sous-menus */
    color: #ffffff; /* blanc */
}

ul.dropdown-menu li:not(.not-white):hover,
ul.dropdown-menu li:not(.not-white):focus {
    /*couleur du texte des sous-menus survolés*/
    color: #000000; /* noir*/
}

.website-navigation .dropdown-menu li.nav-item:hover a,
.website-navigation .dropdown-menu li.nav-item:focus a {
    /*couleur du texte des sous-menus */
    color: #000000; /* noir*/
}

.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 du texte des sous-menus */
    color: #000000; /* noir*/
}

.website-navigation .nav-pills .dropdown-item:focus, .website-navigation .nav-pills .dropdown-item:active{
    /*couleur du fond du sous-menu actif */
    #e9edf0; /* GRIS BLEU CCSD BARRE RECHERCHE */
    /*couleur du texte du sous-menu actif */
    color: #000000; /*noir*/
    font-weight: bold; /* gras*/
}

.website-navigation .nav-pills .dropdown-item:hover {
    /*couleur du fond du sous-menu survolé*/
    #e9edf0; /* GRIS BLEU CCSD BARRE RECHERCHE */
    /*couleur du texte du sous-menu survolé*/
    color: #000000; /*noir*/
}

/* Corps de la page */
body {
    font-family: Verdana,Arial,Helvetica,sans-serif; /* famille de police*/
    font-weight: 100; /* taille de police*/
}

/* couleur des titres = couleur du rubriquage de base :  noir */

h1{ /* Propriété texte titre « Bienvenue » */
    color: #556268; /* gris foncé */
    font-size:25px;  /* taille de police */
}

    h2 {  /* Propriété texte de niveau 2 (ex. Contact) */
    font-size:22px; /* taille de police */
    color: #000000; /* noir */
}

h3{ /* Propriété texte Widgets notices et dépôts */
    color: # ffffff; /* blanc */
    font-family: Alegreya Sans,sans-serif; /* famille de police*/
    font-size: large ; /* taille de police : grande*/
    line-height: 150%;  /* interligne*/
    font-weight: 300; /* épaisseur du gras*/
}
    h4 {font-size:14px;} /* taille de police */

/* couleur des liens = couleur du rubriquage de base : noir.  ATTENTION : agit sur le texte du container mais aussi sur les liens de la Consultation par revue */
a  {
    color: #000000; /*noir*/
    text-decoration : none;
}

/* survol des liens : soulignés */
a:hover, a:focus, a:active {
    color: #f8931f; /* orange clair */
    text-decoration : underline; /* liens soulignés au survol */
}

/****** 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
     */
}

/* aspect des widgets et encarts*/
.widget,
.encart {
    border-width:2px; /* épaisseur de bordure */
    box-shadow: 0px 3px 15px #00000029; /* ombrage sur le contour */
    margin-bottom: 25px; /* taille de la marge inférieure */
    background: #020304;  /* noir */
    border-radius: 3px; /* arrondis sur les coins du widget*/
}

/* contenu des en-têtes de widget */
.custom-page .widget .widget-header{
    background: #d9230f;  /* COULEUR DOMINANTE SITE LABO */
    color: white; /* couleur du texte : blanc */
    padding: 2px 2px; /* espace entre les bords du cadre et le texte */
    height :70% ; /* hauteur du texte */
    text-align:center; /* alignement horizontal du texte */
    font-family: Alegreya Sans,sans-serif; /* famille de polices */
    font-size: large ; /* taille de police */
    line-height: 150%;  /* interligne*/
    font-weight: 300; /* épaisseur du gras*/
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); /* propriété de l'ombre des caractères*/
    text-transform: none; /* transformation du texte en majuscules, minuscules */
    border-radius: 3px; /* arrondis sur les coins du widget*/
}

/* contenu des en-têtes des encarts*/
.encart-header,
.widget-header  {
    background: #d9230f;  /* COULEUR DOMINANTE SITE LABO*/
    color: white; /* couleur du texte : blanc */
    padding: 2px 2px; /* espace entre les bords du cadre et le texte */
    height :70% ; /* hauteur du texte */
    text-align:center; /* alignement horizontal du texte */
    font-family: Alegreya Sans,sans-serif; /* famille de polices */
    font-size: large ; /* taille de police */
    line-height: 150%; /* interligne*/
    font-weight: 300; /* épaisseur du gras*/
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);  /* propriété de l'ombre des caractères*/
    text-transform: none; /* transformation du texte en majuscules, minuscules */
    border-radius: 3px; /* arrondis sur les coins du widget*/
}

/* encarts informatifs  */
.encart-content {
    background: #ececec; /* couleur du fond : gris clair */
    padding: 15px; /* espace entre les bords du cadre et le texte */
    font-size: 12px; /* taille de police */
    text-align:left; /* alignement du texte : à  gauche */
    border-bottom-left-radius: 3px; /* arrondis du coin inférieur gauche du contenu */
    border-bottom-right-radius: 3px; /* arrondis du coin inférieur droit du contenu */
}

/* contenu des widgets de HAL */
.widget {
    background-color:#FFF; /* couleur du fond : blanc */
    vertical-align:middle; /* alignement vertical : milieu */
    font-size: 12px; /* taille de police */
}

/* spécifique aux widgets nb de dépôts et notices */
.custom-page .widget .label{
    color: #429482; /* couleur de police : vert moyen */
    font-size: 20px; /* taille de police */
    position : relative ; /* position du chiffre relative à  la ligne suivante */
    top : 10px ; /* décalage du chiffre par rapport au bord supérieur */
    padding: 0px; /* marge intérieure */
    border-radius: 0px 0px; /* arrondis des coins */
}

/* Caractéristique des containers : ici le contact */
.container {
    background-color: #d9230f; /* couleur de fond : DOMINANTE DU LABO */
    color : white ; /* couleur de texte : blanc */
    font-size: 13px; /* taille de police */
    padding-top: 20px; /* marge interne supérieure */
    padding-bottom: 10px; /* marge interne inférieure */
    border-radius: 3px; /* arrondis des coins */
    box-shadow: 0px 3px 15px #00000029; /* ombrage sur le contour */
}