body {
	font-family: "Roboto", sans-serif
}

/*
Règlages W3CSS
*/

.w3-bar-block .w3-bar-item {
	padding: 16px;
	font-weight: bold;
}

/*
Formulaire
*/

form table { border: 2px solid black; }
form td { margin: 20px; }
form tr:nth-child(even) {background-color: white;}
form tr:hover {background-color: white;}

/*
Editeur/console python
*/

.codearea {
	background-color:#000;
	color:#fff;
	font-family:'Oxygen Mono', Consolas, 'Liberation Mono', 'DejaVu Sans Mono', monospace;
	font-size:14px;
	overflow:auto
}
textarea {
	height:100%;
	width:100%;
}
    
.file-label {
    cursor: pointer;
    color: #00b1ca;
    font-weight: bold;
}
.file-label:hover {
    color: #25a5c4;
}

.file-input {
    display: none;
}

/*
Iframe
*/

iframe {
  overflow: hidden;
  padding:0px;
  margin:0px;
}

/*
Loader 
*/

.container_loader {
	display: flex;
	justify-content: center;
	margin-top: 18em;
}


.loader {
	position:relative;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid lightblue;
	border-bottom: 16px solid lightblue;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}