/* rapports-analyse 
-----------------------------
Angle carré
Arrière plan du menu : Gris : #4A5A66
Texte sur le menu : blanc #FFFFFF

Menu « Se Connecter » de style odec
En appui en dessus
Angle carré
Arrière plan du menu : #FFD136
Texte : Gris : #4A5A66

*/

.paragraph--type--etape-d-analyse > .field--name-field-indicateur {
  grid-area: indicator;
  font-weight: bold;
  border: none; text-align: center;
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.paragraph--type--etape-d-analyse > .field--name-field-visualisation {
  grid-area: visu; border: none;
  border-left: 1px solid #ccc;
  padding: 0 1.5rem;
}

/* Boutons navigation 
---------------------------------*/ 
.field--name-field-indicateurs label, .field--name-field-niveaux-geographiques label, .field--name-field-annee label, #pager .nav-pills > li { border:none !important; }
.nav-pills > li > a { background: #f1f1f1;color: #4A5A66;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #FFD136;color: #fff;}

/* pastilles */
.nav:not(.menu--account) > li > a {  padding: 7px 12px !important;}

.field--name-field-indicateurs input[type="radio"]:checked + label, .field--name-field-indicateurs input[type="radio"]:focus + label, .field--name-field-indicateurs label:hover, .field--name-field-niveaux-geographiques input[type="radio"]:checked + label, .field--name-field-niveaux-geographiques input[type="radio"]:focus + label, .field--name-field-niveaux-geographiques label:hover, .field--name-field-annee input[type="radio"]:checked + label, .field--name-field-annee input[type="radio"]:focus + label, .field--name-field-annee label:hover, #pager .nav-pills > li:hover, #pager .nav-pills > li:focus {
  background: none !important;
}

/* Table matières 
---------------------------------*/ 
article.indicateur > .content > .headings > label > #headings {
  font-weight: normal;
  padding: 0;
  opacity: 0;
  width: 0;
  height: 100%;
  background: #4A5A66;
  overflow: auto;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  box-shadow: 0 1px 5px #ccc;
 color: #fff
}

article.indicateur > .content > .headings > label > #headings a{
  font-weight: normal;
  color: #fff;
}

/* Précedent - Suivant 
-------------------------------*/ 
article.indicateur > .content > #pager > a {  color: #4A5A66;}

/* Intégration Flourish : limiter l'hauteur à max 310px 
----------------------------------------------------------------------- */
/*.flourish-embed { max-height: 310px !important; }*/