/*<style>*/
	/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
		html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

	/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
		html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
		
		
		button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
		button,input{overflow:visible}button,select{text-transform:none}
		button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
		button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
		button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
		
		

		[type=checkbox],[type=radio]{padding:0}
		[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
		[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
		[type=search]::-webkit-search-decoration{-webkit-appearance:none}
		::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
	/* End extract */

	html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden;overflow-y:scroll;}
	h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
	.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
	h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
	hr{border:0;border-top:1px solid #eee;margin:20px 0}

	h1 {
	  font-size: 42px;
	}
	h2 {
	  font-size: 32px;
	}

	p {
	  margin-top: 1.2em;
	  margin-bottom: 1.2em;
	  font-size: 15px;
	}
	hr {
	  margin:20px -16px;
	}

	/*@media only screen and (max-device-width: 480px) {*/
	@media only screen and (max-width: 500px) {

		/* #main {padding:24px;padding:16px} */

		h1 {
		  font-size: 30px;
		}
		h2 {
		  font-size: 25px;
		}
	}
/*</style>*/

/*<!------------------------------------------------------------------>*/

/*<style>*/
	* {
		box-sizing: border-box;
	}
/*</style>*/

/*<style>*/
	#pageContainer {
		background-color: #ffffff;
		margin: 100px auto;
		font-family: Roboto;
		width: 70%;
		min-width: 300px;
	}
/*</style>*/

/*<!-- Login form -->*/
/*<style>*/
	/* style the container */
	.loginContainer {
		position: relative;
		border-radius: 5px;
		background-color: #f2f2f2;
		padding: 20px 0 30px 0;
	}

	/* style inputs and link buttons */
	input,
	.btn {
		width: 100%;
		padding: 12px;
		border: none;
		border-radius: 4px;
		margin: 5px 0;
		opacity: 0.85;
		display: inline-block;
		font-size: 17px;
		line-height: 20px;
		text-decoration: none;
		/* remove underline from anchors */
	}

	input:hover,
	.btn:hover {
		opacity: 1;
	}

	/* add appropriate colors to fb, twitter and google buttons */
	.fb {
		background-color: #3B5998;
		color: white;
	}

	.twitter {
		background-color: #55ACEE;
		color: white;
	}

	.google {
		background-color: #dd4b39;
		color: white;
	}

	/* style the submit button */
	input[type=submit] {
		background-color: #04AA6D;
		color: white;
		cursor: pointer;
	}

	input[type=submit]:hover {
		background-color: #45a049;
	}

	/* Two-column layout */
	.col {
		float: left;
		width: 50%;
		margin: auto;
		padding: 0 50px;
		margin-top: 6px;
	}

	/* Clear floats after the columns */
	.row:after {
		content: "";
		display: table;
		clear: both;
	}

	/* vertical line */
	.vl {
		position: absolute;
		left: 50%;
		transform: translate(-50%);
		border: 2px solid #ddd;
		height: 175px;
	}

	/* text inside the vertical line */
	.vl-innertext {
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		border-radius: 50%;
		padding: 8px 10px;
	}

	/* hide some text on medium and large screens */
	.hide-md-lg {
		display: none;
	}

	/* bottom Login Container */
	.bottomLoginContainer {
		text-align: center;
		background-color: #666;
		border-radius: 0px 0px 4px 4px;
	}

	/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
	@media screen and (max-width: 650px) {
		.col {
			width: 100%;
			margin-top: 0;
		}

		/* hide the vertical line */
		.vl {
			display: none;
		}

		/* show the hidden text on small screens */
		.hide-md-lg {
			display: block;
			text-align: center;
		}
	}
/*</style>*/

/*<style>*/
	.loading {
		display: none;
		position: absolute;
		top: calc(50% - 60px); /* Centrer verticalement en tenant compte de la hauteur de 120px */
		left: calc(50% - 60px); /* Centrer horizontalement en tenant compte de la largeur de 120px */
		transform: translate(-50%, -50%);
		border: 16px solid #f3f3f3;
		border-radius: 50%;
		border-top: 16px solid #3498db;
		width: 120px;
		height: 120px;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
		z-index: 1000;
	}

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

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

	.overlay {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.8);
		z-index: 500;
	}
/*</style>*/

/*<style>*/
	.link_button {
		
		display: block;
		margin: 5px auto;
		width: fit-content;
		
		background-color: #04AA6D;
		color: white;
		cursor: pointer;
		padding: 12px;
		border: none;
		border-radius: 4px;
		
		opacity: 0.85;
		
		font-size: 17px;
		line-height: 20px;
		text-decoration: none;
	}
/*</style>*/