html, body {
				height: 100%;
				font-size: 13px;
				margin: 0; padding: 0;
				background: #131519; 
				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;
			    background-color: rgba(0, 0, 0, 0.4);
			}

			.centre {
			    width: 1200px;
			    padding: 10px;
			    position: fixed;
			    left: 50%;
			    transform: translate(-50%, 0%);
			    border-radius: 6px;
			}
		
			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: #131519;
				border: 0.6px solid #272a33;
				color: #97979D;
				padding: 10px;
				border-radius: 7px;
				outline: none;
				text-align: center;
			}
		
			input[type=submit]{
				background: #4e7126;
				color: #ece9e9 !important;
				border: none;
				text-align: center;
				margin: 5px;
				font-size: 15px;
				padding: 10px;
				border-radius: 5px;
				text-align: center;
				cursor: pointer;
			}
	
			input[type="textarea"], textarea{
				width: calc(100% - 10px);					
				background: #131519;
				border: 0.6px solid #272a33;
				color: #97979D;
				padding: 10px;
				border-radius: 5px;
				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: #1b1d23;
				border: 2px solid #22242c;
				border-top: none;
				float: left;
				display: inline-block;
				width: 100%;
			    max-height: 860px;
			    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{
				width: 6px;
				height: 12px;
				border-radius: 7px;
			    cursor: pointer;
			    margin-bottom: 10px;
			}
			 
			.box_large::-webkit-scrollbar-track, .description::-webkit-scrollbar-track{
				border-radius: 7px;
				margin: 10px;
				background: rgba(255, 255, 255, 0.04);
			}
			 
			.box_large::-webkit-scrollbar-thumb, .description::-webkit-scrollbar-thumb{
				border-radius: 7px;
				cursor: pointer;
				background-color: #535050;
			}
			
			
			
			.contenu_box{
				margin: 10px;
				overflow: auto;
				color: #e8e8e8;
				background: rgba(0, 0, 0, 0.2);
				padding: 10px;
				border-radius: 12px;
			}
			
			#menu{
				display: inline-block;
				border-radius: 12px 12px 0px 0px;	
				background: #1b1d23;
				border: 2px solid #22242c;
				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:#111317; 
				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;
			}