/*Table communes
Code couleur - 
Lignes tableau
	Doubs: #F1EDED;
	Haute-Saône: #DDE7EF;
	Jura: #D9EDCF;
	TdB: #F9EBCB;

Surlignement
	Doubs: #d2c6c6;
	Haute-Saône: #a8c2d6;
	Jura: #b6dca3;
	TdB: #f2d38d;
*/
body,div,table,thead,tbody,tfoot,tr,th,td,p { font-family:Calibri; font-size:normal; }

h2 {text-align: center;}
p { color: #000000; font-family: "Calibri"; font-size: 12pt }
a:link {color:#005460;font-weight:bold; text-decoration:none;} 
a:hover {
	color: #003366;
	background-color: transparent;
	text-decoration: underline;
}
/* Formatage tableau */
.center {
  margin-left: auto;
  margin-right: auto;
}
th {
  font-family: Calibri;
  font-size: 13pt;
  font-weight: bold;
  text-align: left;
  padding: 2px;
}
td {
	padding: 5;
	}
tr:nth-child(odd) {
	background-color: honeydew; /* #f2f2f2; #f9ebcb; */
}
tr:hover {
	background-color: #e6e6e6; /* #f2d38d; */
	}

/* Tableau Statistiques communes */
table.titre   {
	margin-left: auto;
	margin-right: auto;
}
table.titre td {background-color: white;}

/* Dernière ligne tableau */
.col-foot {
	background: white;
	bottom: -1px; /* Fixes issue w/ sticky where sometimes text from table shows below footer */
	color: #000;
	position: -webkit-sticky;
	position: sticky;
	z-index: 999; /* Ensures the footer stays on top of everything else */
	}
.col-foot td {
	background-color: white;
	font-weight: bold;
	border-top: 2px solid; 
	border-bottom: 2px solid;
	}

/* En-tête tableau */
.sticky-top {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 20;
    /* set some style (optional)*/
    background-color: whitesmoke; /* #c0c0c0 ;#CCCCff; */
    color: black ;
    }
.sticky-left {
    position: sticky;
    position: -webkit-sticky;
    left: 0px;
    z-index: 1;
    /* set some style (optional)*/
    background-color: ;
    color: noir;
    }
.sticky-top-left {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    left: 0px;
    z-index: 2;
    /* set some style (optional)*/
    background-color: #ebd2ad;
    color: noir;
    }
/* Bouton Retour haut de page */
#scroll {
    position:fixed;
    right:100px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/* Bouton Aide ? - flex */
.flex-container {
  display: flex;
  align-items: stretch;
  background-color: ;#f1f1f1;
}

.flex-container > div {
  background-color: ;DodgerBlue;
  color: black;
  margin: 0px 0px 5px 0px;
  text-align: center;
  line-height: ;
  font-size: 20px;
}

.flex-container h3 {  
  margin: 0;
  padding: 10px 10px 0px 0px; /* haut, bas, droit, gauche */
  height: 50px;
  background: ;
  color: black;
  font-family: calibri;
  font-size: 22px;
}

.flex-container h4 {  
  margin: 0;
  padding: 15px 0px 0px 0px;
  height: 40px;
  background: ;
  color: black;
  font-family: calibri;
  font-size: 18px;
}

.help {
  padding: 10px;
  width: 40px;
  margin: 0 auto;
}

.help .question {
  height: 40px;
  width: 40px;
  background: #ffff99;
  font-family: ubuntu;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

.help .popup, .help .popup2 {
  width: 500px;
  height: 0px;
  text-align: left;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  background: #eee;
  opacity: 0;
  transition: 1s;
}

.help .popup {
  left: -380px; /* décalage bord droit */
  top: 10px;
}

.help .popup2 {
  height: 220px;
}

.help .popup2 h4 {
  font-size: 18px;
  padding: 10px;
  margin: 0;
}

.help:hover .popup {
  opacity: 1;
  height: 230px; /* hauteur fenêtre */
}

.help .tell-me p:first-child {
  color: #317eac;
  cursor: pointer;
}

.tell-me {
  width: 150px;
}

.help .tell-me:hover .popup2 {
  top: -220px;
  opacity: 1;
}

.help .popup h3 {
  margin: 0;
  padding: 10px 0 0 10px;
  height: 30px;
  background: #555;
  color: #fff;
  font-family: calibri;
  font-weight: 400;
  font-size: 18px;
}

.help .popup p {
  font-family: calibri;
  font-size: 16px;
  padding: 10px;
  margin: 0;
}

.help .popup .popup2 .sub-levels {
  padding: 0 0 10px 140px;
}

.help .popup .popup2 .sub-levels strong {
  font-size: 20px;
}

.help .popup .popup2 p:nth-child(5) {
  padding: 20px 0 0 10px;
}

.help .popup a {
  text-decoration: none;
  color: #317eac;
}

.help .popup a:visited {
  color: #317eac;
}

.help .popup p em {
  font-size: 12px;
}