html, body {
				height: 100%;
				font-size: 13px;
				margin: 0; padding: 0;
				background: #1b3245;
				font-family: 'Poppins';
			}
			 
			body {
				display : table;
				width: 100%;
				overflow-x: hidden;
			}	
		
			.fond {
			    position: fixed;
			    z-index: 10;
			    top: 0;
			    left: 0;
			    width: 100vw;
			    height: 100vh;
			}

			.centre {
			    width: 130vh;
			    padding: 10px;
			    position: fixed;
			    left: 50%;
			    transform: translate(-50%, 0%);
			    border-radius: 6px;
			    overflow-x: hidden;
			}
		
			input[type="text"]:focus, input[type="password"]:focus, input[type="submit"]:focus, textarea:focus{
				outline: none;
			}
			
			input[type="text"], input[type="time"], input[type="date"], input[type="number"], input[type="password"]{
				background: #efeff0;
				border: 0.6px solid #dcdcdc;
				color: #8e8e95;
				padding: 10px;
				border-radius: 7px;
				outline: none;
				text-align: center;
			}
			
			::placeholder{
				color: #bbbbc2;
			}
		
			input[type=submit]{	
				background: #74b82a;
				color: #fbfbfb !important;
				border: none;
				text-align: center;
				margin: 5px;
				font-size: 15px;
				padding: 10px;
				border-radius: 5px;
				text-align: center;
				cursor: pointer;
			}
			
			input[type=submit]:hover{
				background: #74b82a;
			
			}
			
			input[type=range] {
			    -webkit-appearance: none;
			    background-color: silver;
			    width: 80%;
			    height:10px;
			    margin: auto auto 10px auto;
			    border-radius: 4px;
			}
			
			input[type="range"]::-webkit-slider-thumb {
			    -webkit-appearance: none;
			    border-radius: 50px;
			    box-shadow: 0px 0px 1px black;
			    width: 16px;
			    height: 16px;
			    cursor: pointer;
			}
			
			input[type="range"]:focus{
				outline: none;
			}
			
			input[type="textarea"], textarea{
				width: calc(100% - 10px);		
				background: #151516;
				border: 0.6px solid #29292a;
				color: #848484;
				padding: 10px;
				border-radius: 5px;
				border: none;
				padding: 10px;
				outline: none;
			}
	
	
			input{
				margin: 10px;
			}
			
			
			a{
				text-decoration:none;
			}
			
			.rubrique{
			   	padding: 20px;
			   	color: rgba(242, 242, 242, 0.9);
				border-radius: 5px 5px 0px 0px;
				overflow: auto;
			}
			
			.image_rubrique, .image_message{
			   vertical-align: middle;   
			   padding: 5px;
			   width: 35px;  
			}
			
			.titre_rubrique { 
				font-weight: bold;
				text-transform: uppercase;
				display:inline-block; 
				vertical-align:middle;
			}
			
			.box_large{
				display: inline-block;
				border-radius: 0px 0px 12px 12px;		
				background: white;
				border: 1.2px solid #dcdcdc;
				border-top: none;
				float: left;
				display: inline-block;
				width: 100%;
			    max-height: 60vh;
			    overflow: auto;
			}
			
			
			.contenu_box.erreur{
				background: rgba(153, 34, 34, 0.31);
				border: 2px solid #571d1d;
				color: red;
			}
			
			.contenu_box.succes{
				background: rgba(64, 153, 34, 0.31);
				border: 2px solid #29581d;
				color: #00ff74;
			}
			
			
			.box_large::-webkit-scrollbar, .description::-webkit-scrollbar, .centre::-webkit-scrollbar{
				width: 6px;
				height: 12px;
				border-radius: 7px;
			    cursor: pointer;
			    margin-bottom: 10px;
			}
			 
			.box_large::-webkit-scrollbar-track, .description::-webkit-scrollbar-track, .centre::-webkit-scrollbar-track{
				border-radius: 7px;
				margin: 10px;
				background: rgba(19, 37, 57, 0.14);
			}
			 
			.box_large::-webkit-scrollbar-thumb, .description::-webkit-scrollbar-thumb, .centre::-webkit-scrollbar-thumb{
				border-radius: 7px;
				cursor: pointer;
				background-color: #132639;
			}
			
			
			
			.contenu_box{
				margin: 10px;
				overflow: auto;
				background: rgba(19, 37, 57, 0.03);
				color: #848484 !important;
				padding: 10px;
				border-radius: 12px;
			}
			
			#menu{
				display: inline-block;
				border-radius: 12px 12px 0px 0px;		
				background: #132639;
				border: 1.2px solid #132639;
				float: left;
				display: inline-block;
				width: 100%;
			}
			
			.menu{
				width: 656px;
				margin: 0 auto;
				float: left;
			}
			
			#extra_menu{
				width:220px;
				float: right;
				display: inline-block;
				margin: 5px;
			}
			
			.extra_menu{
				margin: 5px 6px;
				padding: 15px;
				color: white;
				text-align: right;
				border-radius: 6px;
				color: #ece9e9 !important;

			}
			
			#menu_accueil{
				list-style-type: none;
				margin: 5px 5px 5px 10px;
				padding: 0;

			}
			
			li{
				margin: 5px 0px;
				padding: 15px;
				width: 70px;
			  	color: white; 
				text-align: center;
				display: inline-block;

			}
			
			li:hover{
				text-align: center;
			  	background: #1c3955;
			  	color: white; 
				border-radius: 6px;

			}
			
			
			#info_jeu{
				width: 975px;
				margin: 0 auto;
			}
			
			.info_jeu{
				padding: 5px 10px 5px 5px;
				display: inline-block;
			}
			
			.info_jeu_image{
			   vertical-align: middle;   
			   padding: 5px;
			   width: 20px;     
			}
			
			.info_jeu_titre{ 
				font-weight: bold;
				text-transform: uppercase;
				display:inline-block; 
				vertical-align:middle;
				text-align: center;
			}
			
			.info_compte{
				padding: 5px 10px 5px 5px;
				display: inline-block;
			}
			
			.info_jeu_image{
			   vertical-align: middle;   
			   padding: 5px;
			   width: 20px;     
			}
			
			.info_jeu_titre{ 
				font-weight: bold;
				text-transform: uppercase;
				display:inline-block; 
				vertical-align:middle;
				text-align: center;
			}
			
			.bouton{
				border-radius: 4px;
				padding: 8px;
				margin-right: 10px;
				display: inline-block;
				text-align: center;
				border: none;
				font-weight: bold;
				font-size: 9px;
				text-transform: uppercase;
				cursor: pointer;
				color: white;
			}
			
			.bouton.oublie{
				background: rgba(132, 47, 26, 1);
				border: 1px solid rgba(181, 142, 100, 0.3);
			}
			
			.bouton.inscription{
				background: rgba(46, 83, 105, 1);
				border: 1px solid rgba(82, 119, 151, 0.3);
			}
			
			
			.description{
				border-radius: 4px;
				padding: 20px;
				font-size: 12px;
				line-height: 130%;
				height: 260px;
				overflow: auto;
				border-radius: 4px;
			}
					
			.titre.box{
				float: left;
				font-weight: bold; 
				font-size: 20px;
				color: #9F9FA0;
				margin: 20px;
			}
	
			.site_position{
				padding: 15px;
			}
			
			
			.grille.un{
				display: grid;
				grid-template-columns: 1fr;
				height:auto;
				width: 100%;
				margin: auto;
				bottom:0;
				top:0;
				left:0;
			 	right:0;
			}
				
			.grille.double{
				display: grid;
				grid-template-columns: 1fr 1fr ;
				height:auto;
				width: 100%;
				margin: auto;
				bottom:0;
				top:0;
				left:0;
			 	right:0;
			}
					
			.grille.trois{
				display: grid;
				grid-template-columns: 1fr 1fr 1fr ;
				height:auto;
				width: 100%;
				margin: auto;
				bottom:0;
				top:0;
				left:0;
			 	right:0;
			}
			
			.grille.quatre{
				display: grid;
				grid-template-columns: 1fr 1fr 1fr 1fr;
				height:auto;
				width: 100%;
				margin: auto;
				bottom:0;
				top:0;
				left:0;
			 	right:0;
			}