/*Bootstrap theme.*/


.navbar-brand{
  background: url(/img/sigle_20.png) no-repeat 0 14px;
  padding-left: 22px;
}

nav.navbar-default {
  background-color: #888;
  border:none;
}

.navbar-default .navbar-brand {
  color: #fff;
  border-right: 1px solid white;
}

.navbar-default .navbar-brand:hover {
  color: #fff;
}

.nav-header {
  padding: 3px 20px;
  font-weight: bolder;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.navbar-default .navbar-nav>.active>a{
  background-color: #eee;
}

#header-navbar-collapse-1 > ul > li:hover {
  background-color: white;
}

.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
  background-color: white;
}

.dropdown-menu{
  border-top: #333;
  margin-left: -1px;
  min-width: 100%;
  box-sizing: content-box;
}

.navbar {
  margin: 0;
  border-radius: 0;
}

.dropdown:nth-child(1) .dropdown-menu {
  margin-left: -2px;
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-default .navbar-nav>.dropdown:hover>a{
  color: black;
  background-color: white;
}


.jumbotron h1 {
  font-size: 50px;
  font-family: "Lucida Bright", cambria, Georgia, serif;
}

.jumbotron p {
  font-size: 19px;
  font-family: "Lucida Bright", cambria, georgia, serif;
  font-style: italic;
}

h1.homeTitle {
  background: url(/img/sigle_60.png) no-repeat;
  padding-left: 64px;
}


p.homeTitle {
  padding-left: 66px;
}

h2.mainh2 {
  color: white;
}

.municipalesMain > .back {
  background: url(/img/ville.jpg) no-repeat;
  background-size: cover;
  height: 20em;
}

.hollandeMain > .back {
  background: url(/img/hollande.jpg) no-repeat;
  background-size: auto 100%;
  height: 20em;
  background-color: #000;
}

.presidentielleMain > .back {
  background: url(/img/presidence_republique.jpg) no-repeat;
  background-size: auto 80%;
  height: 20em;
  background-color: white;
  background-position-y: 4em;
  background-position-x: center;
  text-align: center;
}

.presidentielleMain h2 {
  color: black;
}

.europeMain > .back{
  background: url(/img/europe.png) 0 7em no-repeat;
  background-size: 100% auto;
  height: 20em;
}

/* Coming soon */
/*.europeMain > .back {
  opacity:0.5;
}

.europeSoon{
  position: absolute;
  left: 7em;
  top: 6em;
  font-size: 30px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  color: #222;
  background-color: white;
  padding: 0 1em;
  border: 1px solid #222;
}
*/
/* End coming soon */

.back {
  padding: 1em;
}

.mainBlock {
  padding: 1em;
  border:1px solid white;
}

a.hollandeMain:hover{
  color:white;
}

ul.municipalesList {
  list-style: none;
}

ul.municipalesList > li > a {
  color: white;
  font-size: 120%;

  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

.municipalesListPlus{
  margin-top: 1em;
}

.mainh2.hollandeh2 {
  padding-left: 57%;
}

.europeMain h2 {
  color: black;
}

.electionLinks {
  display: block;
/*  background-color: #333;
  color:white;
*/  
  font-size: 130%;
  padding: 1em;
  text-align: center;
  width: 15em;
}

.electionInstanceList{
  margin: 1em;
  -ms-column-width:16em;
  -webkit-column-width:16em;
  -moz-column-width:16em;
  column-width:16em;
}

.electionInstanceNational{
  margin:1em;
}

.soutienListe{
  font-size: 80%;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, 
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding:6px;
}

/*ul.dropdown-menu{
  border: 5px solid #888;
}*/

/*
nav.navbar-default a.navbar-brand {
  color: white;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: white;
  background-color: #e51400;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: white;
  background-color: #e51400;
}

.navbar-default .navbar-nav>li>a {
  color:white;
}


.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: white;
  background-color: #e51400;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: white;
  background-color: #e51400;
}*/

/* App specific*/

.summaryLine:hover {
  background-color: #eee;
}

.summaryLine{
  cursor: pointer;
}

.centercol {
  text-align: center;
}

.questionText {
  font-weight: bold;
}

.resultDetail{
  display:none;
}

.summarySelected{
  background-color: #ddd;
}

.rescol_nsp{
  color:#999;
}

.rescol_parent {
  text-transform: uppercase;
}

.rescol_date {
  white-space: nowrap;
}

.trend-up {
  color: #0C0;
}

.trend-down {
  color: #F00;
}

.trend-zero {
  color: #777;
}

.summary_notice{
  font-style: italic;
}

/* Force scrollbar to avoid scroll change page width and center jump.*/
html {
  overflow-y: scroll;
}

.jumbotron {
  padding:1em;
  margin-bottom: 15px;
}

body {
  font-size: 16px;
}

table.hovercol {
  overflow: hidden;
  z-index:1;
}

.table-nonfluid {
   width: auto;
}

th.hovercol, td.hovercol {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}


th.summaryColSelected, td.summaryColSelected {
  background-color: #ddd;
}


th.summaryColHovered, td.summaryColHovered {
  background-color: #eee;
}


/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -3em;
  /* Pad bottom by footer height */
  padding: 0 0 3em;
}

/* Set the fixed height of the footer here */
#footer {
  height: 3em;
  background-color: #f5f5f5;
  padding-top: 0.8em;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .jumbotron h1 {
    font-size: 24px;
  }

  .jumbotron {
      padding: 0;
  }

  .jumbotron p {
    font-size: 12px;
  }

  .breadcrumb {
    font-size: 11px;
  }

  h2 {
    font-size: 20px;
  }

  table.table {
    font-size: 12px;
  }
}

/* End sticky footer styles
-------------------------------------------------- */

.personLists {
  -moz-column-width:16em;
  -ms-column-width:16em;
  -webkit-column-width: 16em;
  column-width:16em;

  -moz-column-rule:1px solid #ddd;
  -ms-column-rule:1px solid #ddd;
  -webkit-column-rule: 1px solid #ddd;
  column-rule:1px solid #ddd;
}

.personLists ul {
  list-style: none;
}

.personListGroup > h2 {
background-color: #ddd;
text-align: center;
font-size: 110%;
padding: 5px 0;
}

.election_info {
  border: 1px solid grey;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 2px 1em;
}

@media screen and (max-width:1199px) {
  .adsenseTop.col-lg-8 {
    padding: 15px 0 0;
  }  
}


.partyCell {
  width:6px;
  background-color:#f0f0f0;
}

.table th.partyCellColumn {
  padding: 0;
}

.NPACell, .LOCell, .extrême-gaucheCell, .Parti_Ouvrier_IndépendantCell{
  background-color: darkred;
}

.PGCell,.FGCell, .PCFCell, .GACell {
  background-color: red;
}

.PSCell, .Divers_gaucheCell, .PRGCell, .Corse_Social_DémocrateCell, .MRCCell,
.Nouvelle_DonneCell {
  background-color: pink;
}

.EELVCell, .Divers_écologistesCell {
  background-color: green;
}

.AEICell, .Europe_CitoyenneCell {
  background-color: darkgreen;
}

.MoDemCell {
  background-color: orange;
}

.UDICell, .Résistons_bangCell {
  background-color: lightblue;
}

.UMPCell, .Divers_droiteCell, .DroiteCell, .droite_radicaleCell, .Les_RépublicainsCell {
  background-color: blue;
}

.DlRCell, .FNCell, .extrême-droiteCell, .Force_VieCell, .Entente_RépublicaineCell, .Debout_la_FranceCell,
.Nissa_RebelaCell {
  background-color: darkblue;
}

.UPRCell{
  background-color: #1d7f85;
}

.Solidarité_et_ProgrèsCell{
  background-color: #ffee00;
}

td.resultCell.centercol {
vertical-align: middle;
}

.table tr.hypothesisRow td{
  font-style: italic;
  padding-bottom: 1px;
}

.first_hyp_cell {
border-left: 5px double lightgrey;
}

.detailTitle {
  padding-top: 1em;
}

.nav>li>.birdie {
background: url(/img/twitter_logo_blue_20.png) no-repeat 0 16px;
padding-left: 27px;
margin-left: 1em;
font-size: 90%;
}

/* Posts */
.table-article {
  width:inherit;
}

td.emphasis, tr.emphasis > td {
  font-weight: bold;
}

article.blog-post {
  max-width: 40em;
}

.post-date {
  color: #666;
}

.old.summaryCol {
  color: #999;
}


ol.breadcrumb {
  padding: 0;
  background: none;
  margin: 0 -15px;
}

.graph {
  max-width: 50em;
}

.graphChooserButton {
    margin: 0 1em;
}