body
{
	background-color:#FDF5E6;
}
label
{
font-weight:bold;
font-family:Arial,Verdana;
font-size:20px;
color:indigo;
text-align:left;
border:1px solid white;
}
li
{
font-family:Arial,Verdana;
font-size:15x;
text-align:left;
margin-top:12px;
margin-left:5px;
	
}
.label2
{
font-weight:bold;
font-family:Arial,Verdana;
font-size:16px;
font-variant:italic;
color:indigo;
text-align:left;
}
th
{
font-family:Arial,Verdana;
font-size:20px;
}
.ficheMedLabel
{
	font-family:Arial;
	font-size:16px;
	font-variant:small-caps;
	color:blue;
	border:1px solid grey;
	background-color:whitesmoke;
}
.loginBox
{
position:absolute;
top:100px;
left:300px;
width:470px;
height:200px;
border:82px outset whitesmoke;
border-radius:52px;
}
.popCircle
{
	width:20px;
	height:20px;
	background-color:green;
	border-radius:50%;
	margin:2px;
	
}
.smallPop
{
	width:10px;
	height:10px;
	
}
.inputBig
{
	width:220px;
	height:35px;
	font-family:Arial;
	font-size:25px;
	border-radius:5px;
	
}
.urgenceAction
{
	font-family:Arial,Verdana;
	font-size:24px;
	width:600px;
	border:1px solid red;
	
}
.longtoo
{
	width:400px;
}

.verylongtoo
{
	width:600px;
}

.inputMed
{
	width:250px;
	height:35px;
	font-family:Arial;
	font-size:20px;
	border-radius:5px;
}
.smalltxt
{
	width:50px;
	height:20px;
	font-family:Arial;
	font-size:15px;
}
.icon
{
	background-image:url('loupe.png');
	background-repeat:no-repeat;
	border:2px solid red;

}
.ta_80
{
	width:900px;
	height:70px;
	
}
.urgence_people
{
	text-align:center;
	background-color:white;
	font-family:Arial,Verdana;
	font-size:30px;
	font-variant:small-caps;
	color:red;
}

.manivelle {
  width: 10px;
  height: 10px;
  background: transparent;
  position: relative;
  top:10px;
  left:30%;
  border:1px solid blue;
  border-radius:20%;
  animation: mymove 700ms infinite linear;
}

@keyframes mymove {
  from {transform:rotateZ(0deg);}
  to {transform:rotateZ(360deg);}
}
.line
{
width:12px;
height:0px;
border:1px solid red;
transform:translate(4px,4px);
}

.ball
{
background-color:blue;
width:13px;
height:13px;
border-radius:50%;
transform:translate(14px,-10px);
}
.stopMed
{
	background-image:url(../img/stop.png);
	background-size:auto;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid transparent;
}
.playMed
{
	background-image:url(../img/play.png);
	background-size:auto;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid transparent;
}
.public
{
background-color:lightsteelblue;
width:100%;
}
.protected
{
background-color:#7BFFB9;
width:100%;
}
.restrictedInfo
{
background-color:yellow;
width:100%;
}
.isactive
{
border:4px solid rgb(0, 139, 139);
border-radius:10px;
}
.inactive
{
font-family:Arial;
border:8px solid white;
}
.isactiveR
{
font-family:Arial;
border:4px solid green;
border-radius:10px;
color:crimson;
}
.inactiveR
{
border:4px solid grey;
border-radius:10px;
}
.popUtility
{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	opacity:0;
	border:3px solid indigo;
	border-radius:10px;
	background-color:white;
	transition:top 1s linear,left 1s linear,opacity 1s;
}

.EventBox
{
width:80px;
border:1px solid black;
border-radius:3px;
margin:3px;
}
.TopMenu
{
position:absolute;
top:10px;
left:13.5%;
width:75%;
height:150px;
border:0px solid black;
text-align:center;
background-color:#FDF5E6;
transition:opacity 1500ms;
z-Index:10;
}
.SessionBox
{
position:absolute;
top:10px;
left:1px;
width:12%;
height:50px;
border:1px solid black;
background-color:lightsteelblue;
text-align:center;
transition:opacity 1500ms;
}

.UserBox
{
position:absolute;
top:10px;
left:90%;
width:50px;
height:42px;
border:5px solid crimson;
border-radius:50%;
background-color:#FDF5E6;
text-align:center;
transition:opacity 1500ms;
}
.SideMenu
{
position:absolute;
top:60px;
left:1px;
width:12%;
border:0px solid black;
background-color:#FDF5E6;
text-align:center;
transition:opacity 1500ms;
z-Index:10;
}
.RightMenu
{
position:absolute;
top:60px;
left:90%;
width:8.8%;
background-color:#FDF5E6;
border:0px solid hotpink;
text-align:center;
transition:opacity 1500ms;
z-Index:10;
}
.WorkSheet
{
position:absolute;
top:170px;
left:13.5%;
width:75%;
height:750px;
border:0px solid black;
background-color:#FDF5E6;
text-align:center;
transition:top 1s;
z-Index:0;
}
.Menubtn
{

text-align:center;
font-family:Tahoma;
font-size:28px;
}
.MenubtnR
{
width:100px;
margin-left:5x;
margin-bottom:2px;
padding:2px;
text-align:center; 
font-family:Arial Narrow;
font-size:18px;
}
.MenuTable
{
table-width:fixed;
width:80%;
table-align:left;
border-spacing:10px;
border:2px solid white;
}
.tdMenu
{
font-family:Arial;
font-size:20px;
font-weight:bold;
color:indigo;
}
.EventTable
{
border-collapse:collapse;
border-spacing:1px;
border:2px solid red;
background-color:whitesmoke;
}
.BigX
{
position:relative;
top:-24px;
left:480px;
border:1px solid red;
width:30px;
color:white;
font-size:20px;
font-weight:bolder;
background-color:red;
text-align:center;
}
.BIGGERX
{
border:1px solid red;
width:30px;
color:red;
font-size:30px;
font-weight:bolder;
background-color:lightgrey;
text-align:center;
}
.square
{
.width:20px;
.height:20px;
border-radius:5px;
}
.red
{
background-color:red;
}
.tbl
{
align:center;
border:3px solid purple;
border-radius:10px;
padding:3px;
table-layout:fixed;
width:800px;
}
.header
{
background-color:aquamarine;
font-family:Console,Lucinda,Monotype;
font-size:20px;
font-variant:italic;
}
.triangleGT
{
width:0px;
height:0px;
border-top:25px solid transparent;
border-left:55px solid red;
border-bottom:25px solid transparent;
}
.triangleLT
{
width:0px;
height:0px;
border-top:25px solid transparent;
border-right:55px solid red;
border-left:0px transparent;
border-bottom:25px solid transparent;
margin:20px;
}
.tinytriangleGT
{
width:0px;
height:0px;
border-top:10px solid transparent;
border-left:10px solid red;
border-bottom:10px solid transparent;
}
.tinytriangleLT
{
width:0px;
height:0px;
border-top:10px solid transparent;
border-right:10px solid red;
border-left:0px transparent;
border-bottom:10px solid transparent;
margin:0px;
}
.tab{
	position:absolute;
	top:172px;
	left:10px;
	width:100%;
	opacity:0;
	z-Index:0;
	transition:opacity 300ms;
}

.afterCurrent
{
background-color:lightgrey;
}
.PersonIDCARD
{
	font-family:Arial, Verdana;
	font-size:24px;
	font-weight:bold;
	
}
.redf 

{
	font-family:Arial Narrow;
	font-size:20px;
	color:red;
}
.bluef 
{
	font-family:Arial Narrow;
	font-size:20px;
	font-weight:bold;
	color:DodgerBlue;
}