body {
  margin-left: 0px;
  margin-top: 0px;
  font-family: helvetica;
  font-size: 0.6rem;
}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
@media only screen and (max-width: 480px) {
  .col {  margin: 1% 0 1% 0%; }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
/* Tableau */

.tableau2 caption {
  font-size:0.8rem;
  color:#ffffff;
  background-color: #e30613;
 /* caption-side: bottom; // Ex : aligné en bas */
}

.tableau2 td:nth-child(1) {
  text-align:center;
  background-color:lightgrey;
  font-size:0.73rem;
}
.tableau2 td:nth-child(2) {
  background-color:#e30613;
  color:white;
  text-align:center;
  font-size:0.73rem;
}
.tableau2 td:nth-child(3) {
  text-align:center;
  background-color:#03BFFE;
  font-size:0.73rem;
}

/*tableau1 global*/
.tableau1 {
  width:100%;
  table-layout: fixed;
  border-collapse: separate; /* pour ligné */
 border-spacing: 1px; // pour contrer les style de base */
}
.tableau1 caption {
  font-size:0.8rem;
  color:#ffffff;
  background-color: #5d625c;
 /* caption-side: bottom; // Ex : aligné en bas */
}

/* Entête */
.tableau1 th {
  color:#fff;
  .tableau1 th.col1 {
    background-color:#e30613;color:#fff;text-align:right;
  }
  .tableau1 th.col2 {
    background-color:black;color:#fff;text-align:right;
  }
  .tableau1 th.col3 {
    background-color:#03BFFE;color:#fff;text-align:right;
  }
}

/* Pied */
.tableau1 tfoot td {
  color:#fff;
  font-size:1.2rem;
  background-color:#999690;
  border-top:1px solid #5d625c;
  border-bottom:1px solid #5d625c;
}

.tableau1 col.col1 {
  background-color:#e30613;color:#fff;text-align:right;
}
.tableau1 col.col2 {
  background-color:black;color:#fff;text-align:right;
}
.tableau1 col.col3 {
  background-color:#03BFFE;color:#fff;text-align:right;
}
/* Alignement par colonnes sans classe */
.tableau1 td:nth-child(1) {

  text-align:center;
  background-color:#e30613;
}
.tableau1 td:nth-child(2) {
  background-color:black;
  text-align:center;
}
.tableau1 td:nth-child(3) {
  text-align:center;
  background-color:#03BFFE;
}
iframe{
  width: 100%;
  height: 400px;
  border: 1px solid #000;
  overflow: hidden;
}
#onglets
{
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
    margin-bottom : 0;
}
#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}
#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #fff;
}
#mapid {
  height: 180px;
}
.td3 {
  font-weight: : bold;
  background-color: grey;
  color:white;
}
.td4 {
  background-color: #e5e5e5;
  color:black;
}
.td5 {
  background-color: #ffffff;
  color:black;
}
.legend {
  padding: 6px 8px;
  font: 14px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
  /*border-radius: 5px;*/
  line-height: 24px;
  color: #555;
}
.legend h4 {
  text-align: center;
  font-size: 16px;
  margin: 2px 12px 8px;
  color: #777;
}

.legend span {
  position: relative;
  bottom: 3px;
}

.legend i {
  width: 18px;
  height: 18px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  float: left;
  margin: 0 8px 0 0;
  opacity: 0.7;
}

.legend i.icon {
  background-size: 18px;
  background-color: rgba(255, 255, 255, 1);
}
.butmen {
	/*background:linear-gradient(to bottom, lightgrey 5%, darkgrey 100%);*/
	background-color:darkgrey;
	/*border-radius:5px;*/
	display:inline-block;
	cursor:pointer;
/*	color:#ffffff;*/
	font-family:Helvetica;
	font-size:12px;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
/*	text-shadow:0px 1px 5px #3d768a;*/
}
.butmen:hover {
	/*background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);*/
	background-color:#408c99;
}
.butmen:active {
	position:relative;
	top:1px;
}
.boutdays {
  padding:1px 0px 1px 1px;
  font:Bold 9px Arial;
  background:white;
  color:#000;
  width:30px;
  border-radius:0px;
  border:none;
  cursor:pointer;
	text-transform:capitalize;
  margin-bottom: 1px;
}