body {
			
			background-color: white;
		    background-attachment: fixed;
			color: white;
			font-family: "MuseoSans","Arial",sans-serif;
			margin: 0px;
		}

.uLogin{
    	background-image: url('img/holiday/sept.jpg');
		background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
}

		a:link, a:visited {
		background-color: rgb(184,215,240);
		color: white;
		padding: 4px 25px;
		text-align: center; 
		text-decoration: none;
		display: inline-block;
		}

		a:hover, a:active {
		background-color: red;
		}
		
		input{
		background-color: white;
		color: black;
		box-sizing: border-box;
		border: .0625rem solid rgba(16,29,35,0);
		box-shadow: 0 0.0625rem 0.125rem 0 grey;
		width: 100%;
		height: 25px;
		line-height: 25px;
		}
		
		form{
		position: relative;
		text-align: left;
		padding: 10px;
		top: -10px;
		}
		
		button{
		vertical-align: middle;
		margin: 0 0 1rem 0;
		padding: 0.5em 0.8em;
		border: 2px solid black;
		border-radius: 0;
		text-align: center;
		cursor: pointer;
		background-color: #0B2161;
		color: white;
		
		font-weight: bold;
		text-decoration: none;
		font-size: 16px;
		text-shadow: 0 0.0625rem 0.0625rem rgba(25,25,25,0.99);
		background: linear-gradient(-180deg, rgb(238,84,24) 0%, rgb(137,45,10) 100%);
		width: 100%;
	
		}
		
		
		    
		
		
		button:active {
		color: white;
		background: rgb(238,84,24);
        box-shadow: inset 0px 0px 5px #0A0A2A;
		outline: none;
		}
		
		button:hover {
		color: black;
		border: 2px solid black;
		}
		
		#privacy{
		    z-index:1;
		    position: absolute;
		    top:0px;
		    height:100%;
		    background: rgb(64,114,157);
		    padding: 10px;
		}

.radioBtn{
    box-shadow: none;
    width: 18px;
    height: 20px;
}		
		
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  top: -12px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 25px;
}

.popup{
    position:absolute;
    top:10px;
    left:2.5%;
    margin-right: auto;
    text-align: center;
	background: rgb(188,218,220);
	color: black;
	width: 90%;
	height: 90%;
	border: 2px solid rgb(30,151,176);
	border: .5625rem solid rgb(30,151,176);
	box-shadow: 0 0.2625rem 0.525rem 5px black, inset 0 0.0625rem 0.525rem 0 black;
}




.popup p{
	position: relative;
	text-align: middle;
	color: white;
	background: rgb(30,151,176);
	height: 50px;
	line-height: 50px;
	left: 0px;
	top: -16px;
	font-weight: bold;
}

.listStudent input[type=checkbox]{
    text-align: left;
    height: 20px;
    line-height: 20px;
    width: 50px;
    border: none;
    box-shadow: none;
}

.listStudent input[type=radio]{
    text-align: left;
    height: 20px;
    line-height: 20px;
    width: 50px;
    border: none;
    box-shadow: none;
}


.studentList{
    
    width: 200px;
    display: inline-flex;
}
#fieldsetList{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

#fieldsetList2{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

		#loading{
		    position:absolute;
		    top:0px;
		    width: 100%;
            height: 100%;
            display: none;
            background-color: rgba(30,151,176, 0.8);
		}
		#loading img{
		    display: block;
            margin-left: auto;
            margin-right: auto;
		}
		#loading h3{
		    text-align: center;
		    text-shadow: 0px 0px 4px #000, -0px -0px 4px #000, 0px -0px 4px #000, -0px 0px 4px #000;
		    margin: 0px;
		    padding: 6px;
	
		}
		
		#privacy button{
		    float: right;
		    width:100px;
		}
		
		#privacy a:visited{
		    background-color: rgb(64,114,157);
		    color:white;
		    text-decoration: underline;
		}
		
		#privacy a:link{
		    background-color: rgb(64,114,157);
		    color:white;
		    text-decoration: underline;
		}
		

		
		#content{
			display: table;
			position: absolute;
			height: 100%;
			width: 100%;
			/*background-image: url('img/holiday/bkWinter9.PNG');*/
			background-image: url('img/holiday/sept.jpg');
			background-size:  auto 100%;
			background-position: right;
		}
		
		@keyframes backMove {
            50% {background-position: top right;}
        }
		
		#mid{
			display: table-cell;
			vertical-align: middle;
		}
		
		#login{
		    background: rgb(184,215,240);
			/* Original   background: rgb(188,218,220);*/
			color: black;
			width: 200px;
			/* Original  border: 2px solid rgb(30,151,176);
			border: .5625rem solid rgb(30,151,176);*/
			border: 2px solid rgb(64,114,157);
			border: .5625rem solid rgb(64,114,157);
			
			box-shadow: 0 0.2625rem 0.525rem 5px black, inset 0 0.0625rem 0.525rem 0 black;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		#head {
		    background-image: url("img/owlbk.png");
		    background-color: rgb(30,151,176);
		    background-repeat: no-repeat;
		    background-size: cover;
		    width: 100%;
		    height: 150px;
		}
		
		#login p{
			position: relative;
			text-align: middle;
			color: white;
			background: rgb(64,114,157);
			height: 50px;
			line-height: 50px;
			left: 0px;
			top: -16px;
			font-weight: bold;
			
		}
		
		
			#user{
		    padding: 0px;
		    margin:0px;
		}
		
		#head h1{
		    
		    text-align: center;
		    text-shadow: 0px 0px 4px #000, -0px -0px 4px #000, 0px -0px 4px #000, -0px 0px 4px #000;
		}
		
		#head h3{
		    
		    text-align: center;
		    text-shadow: 0px 0px 4px #000, -0px -0px 4px #000, 0px -0px 4px #000, -0px 0px 4px #000;
		    margin: 0px;
		    padding: 6px;
	
		}
		
		#topMenu{
		    /* Original background-color: rgb(30,151,176); */
		    background-color: rgb(64,114,157);
		   width:100%;
		   clear:both;
		   text-align:right;
		}
		
		#logout{
            position: relative;
            right: 0px;
		    
		    margin-right:1px;
		    
		}
		
		.clear{
		     background-color: rgb(30,151,176);
		     width:100%;
		}
		
	
	
		#privat{
	    	background: rgb(188,218,220);
			color: black;
			width: 90%;
			
			border: 2px solid rgb(30,151,176);
			border: .5625rem solid rgb(30,151,176);
			box-shadow: 0 0.2625rem 0.525rem 5px black, inset 0 0.0625rem 0.525rem 0 black;
			
			margin-left: auto;
			margin-right: auto;
	}
	
		

	
	
	#privat p{
			position: relative;
			text-align: center;
			color: white;
			background: rgb(30,151,176);
			height: 50px;
			line-height: 50px;
			left: 0px;
			top: -40px;
			font-weight: bold;
		}
	
	#privatTxt{
		
			color: black;
			left: 0px;
		}

.btnX{
		    position:absolute;
		    top:-10px;
		    right:0px;
		    width:50px;
		}	
		
#btnInscrire{
		    background: linear-gradient(-180deg, rgb(0,146,64) 0%, rgb(7,77,52) 100%);
		}
		
		
#btnWebinar:hover{
    color:white;
   background: rgb(255,231,0);
background: linear-gradient(180deg, rgba(255,231,0,1) 0%, rgba(153,125,0,1) 100%);
text-shadow: 0 0.0625rem 0.0625rem rgba(168,152,0,0.99);
}
		
#btnWebinar{
        color:black;
		  background: rgb(255,246,158);
background: linear-gradient(180deg, rgba(255,246,158,1) 0%, rgba(255,209,0,1) 100%);
		  margin-top:5px;
		  margin-right:5px;
		  text-shadow: 0 0.0625rem 0.0625rem rgba(168,152,0,0.99);
		}
		
#btnAppercu{

		   margin-top:5px;
		}		
		

#ajoutCourriel{
    width: 300px;
    margin-right:auto;
    margin-left:auto;
}	

#addClass{display:none;}
#listTeacher{display:none;}


		#footer{
		    
		    /*  Original background-color: rgb(30,151,176);*/
            background-color: rgb(64,114,157);
			position:fixed;
			width: 100%;
			bottom: 0;
			color: white;
			text-align: center;
		}
		
		#footer a{
		background-color: rgba(0,0,0,0);
		color: white;
		
		text-align: center; 
		text-decoration: none;
		display: inline-block;
		}