@charset "utf-8";
/* CSS Document */

.my-body { background-image:url(../_images/_fond_ecran/fond_ecran_800.jpg); background-repeat:repeat-x; background-attachment:fixed; }

.my-enveloppe-ext { width:960px; margin:0 auto; }
.my-enveloppe-int { width:900px; margin:0 auto; }

.my-compteur-jour { position: absolute; left: 65px; }
.my-compteur-hr   { position: absolute; left: 160px; }
.my-compteur-min  { position: absolute; left: 270px; }
.my-compteur-sec  { position: absolute; left: 370px; }

.my-feux1 { position: absolute; left: 250px; top: 150px; }
.my-feux2 { position: absolute; left: 100px; top: 250px; }
.my-feux3 { position: absolute; left: 450px; top: 180px; }
.my-feux4 { position: absolute; left: 217px; top: 200px; }
.my-feux5 { position: absolute; left: 550px; top: 175px; }

.my-vignette-evenement { width:165px; height:150px; line-height: 80%;}
.my-vignette-personne  { width:110px; height:150px; line-height: 90%;}

.my-card-height { height:120px; }

.my-frame { width:900px; }

.my-map-canvas { position:relative; width:466px; height:350px; left:220px; border:1px solid #000; box-shadow:10px 10px 5px rgba(0,0,0,0.6); z-index:2; }

/* Compteur a rebour */
#holder			{ position:absolute; width:450px; top: 200px; font-size:18px; left: 234px; height: 150px; }
#timer 			{ position: relative; top: 0px; left: 0px; width: 420px; height: 105px; }
#note 			{ position: relative; top: 6px; height: 20px; width: 260px; }
.title 			{ width: 30px; }

.material-icons {vertical-align:-14%}

/* Onglet */

/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 7px 8px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
}