.miniClock{
position: relative;
width: 200px;
height: 200px;
border-radius: 200px;
background: white;
box-shadow: inset 0 0 10px gray;
border: 10px solid black;
margin:0 auto
}

.miniClock::before, .miniClock::after, .miniClock .mClockM{/* Tous les crans */
content: "";
position: absolute;
width: 8px;
height: 100%;
background: black;
z-index: 0;
left: 50%;
margin-left: -4px;
top: 0
}

.miniClock .mClockM {
background: gray;
width: 6px;
margin-left: -3px
}

.miniClock::after {transform: rotate(90deg)}
.miniClock .mClockM.mcm1{transform: rotate(30deg)}
.miniClock .mClockM.mcm2 {transform: rotate(60deg)}
.miniClock .mClockM.mcm4 {transform: rotate(120deg)}
.miniClock .mClockM.mcm5 {transform: rotate(150deg)}

.miniClockC {
position: relative;
width: 88%;
height: 88%;
background: white;
border-radius: 1000px;
z-index: 2;
left: 6%;
top: 6%
}

.miniClockC::before {
content: "";
width: 18px;
height: 18px;
border-radius: 18px;
margin-left: -9px;
margin-top: -9px;
background: black;
position: absolute;
top: 50%;
left: 50%;
box-shadow: 0 0 30px gray
}

.miniClockC::after {
content: "";
width: 8px;
height: 8px;
border-radius: 8px;
margin-left: -4px;
margin-top: -4px;
background: gold;
position: absolute;
top: 50%;
left: 50%;
box-shadow: 0 0 30px gray
}

.mClockE{
position: absolute;
top: 15%;height: 35%;
width: 4px;margin-left: -2px;
left: 50%;
background: black;
transform: rotate(0deg);
transform-origin: bottom;
z-index: -1;
box-shadow: 0 0 3px gray
}

.mClockE.mceM {
top: 7%;height: 43%;
width: 6px;margin-left: -3px;
}

.mClockE.mceS { 
top: 0;height: 50%;
width: 2px;margin-left: -1px;
background: red
}

.mClockD {
position: absolute;
width: 100%;
font: normal 0.8em Arial;
color: black;
text-align: center;
top: 75%;
text-shadow:-1px 1px 2px #FFF,
				  1px 1px 2px #FFF,
				  1px -1px 0 #FFF,
				  -1px -1px 0 #FFF;
font-family:'LED'
}
.miniClock.cAub {background:#95D9DA}
.miniClock.cJou {background:#E5FEF5}
.miniClock.cCre {background:#E7BDD5}
.miniClock.cNui {background:#323232}

@font-face {
  font-family: "LED";
  /*src: url("../../css/fonts/Immortal/immortal.ttf");*/
   /* src: url("../../css/fonts/Metro/Metro.otf"); */
   /* src: url("../../css/fonts/sedgwick-co/sedgwick_co.ttf"); */
   src: url("../../css/fonts/unibody/Unibody8Pro-RegularSmallCaps.otf");
   /* src: url("../../css/fonts/DayPosterBlack/DAYPBL.ttf"); */
   src: url("../../css/fonts/Days/Days.otf");
}

/*********************************/
/*MINI CAL*/
.miniCal{background-image:url("../../images/cal_bg.png");width:100px;height:100px;position:relative;margin:0 auto}
.miniCal div{position:absolute;text-shadow:0px 1px 2px #A8A8A8}
.miniCalM{top:3px;left:10px;color:white;max-width:47px;overflow:hidden;text-overflow:ellipsis;line-height:1}
.miniCalY{top:3px;right:10px;color:white;line-height:1}
.miniCalD,.miniCalN{width:100px;text-align:center}
.miniCalD{bottom:10px;font-size:36px}
.miniCalN{top:25px;font-size:18px}

/*********************************/
/*TIME BAND*/
.timeBand{
	
	border-top:1px solid #000;border-bottom:1px solid #000;
	position:relative;margin:5px;padding:0 5px;
	flex-grow:1;
	display:flex;align-items: stretch;
}
.timeBandH{border-left:1px solid gray;flex-grow:1;background:#FAFAFA}
.timeBandH:nth-last-child(2) {border-right:1px solid gray;}
.timeBand .evTimeEv{position:absolute;top:33%}
.hrs00{background-color:#49B8FE}
.hrs01{background-color:#49B8FE}
.hrs02{background-color:#49B8FE}
.hrs03{background-color:#49B8FE}
.hrs04{background-color:#49B7FD}
.hrs05{background-color:#EEFE60}
.hrs06{background-color:#EEFE60}
.hrs07{background-color:#FEFB3D}
.hrs08{background-color:#FEFB3D}
.hrs09{background-color:#FEFB3D}
.hrs10{background-color:#FEFB3D}
.hrs11{background-color:#FEDF2C}
.hrs12{background-color:#FEDF2C;border-width:2px}
.hrs13{background-color:#FEDF2C}
.hrs14{background-color:#FEDF2C}
.hrs15{background-color:#FEDF2C}
.hrs16{background-color:#FEDF2C}
.hrs17{background-color:#FECE1D}
.hrs18{background-color:#FECE1D}
.hrs19{background-color:#FECE1D}
.hrs20{background-color:#FECE1D}
.hrs21{background-color:#FECE1D}
.hrs22{background-color:#49B7FD}
.hrs23{background-color:#49B7FD;}

.days6{background-color:#CCC}
.days7{background-color:#BBB}