@font-face {
	font-family: 'bebasneue';
	src: url('/fonts/BebasNeue.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'agencyfb_eot'; /*IE*/
	src: url('/fonts/AGENCYR.eot');	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'agencyfb';
	src: url('/fonts/agency_fb.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'lilyUPC_eot';
	src: url('/fonts/upcll.eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'lilyUPC';
	src: url('/fonts/upcll.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "FranklinGothicMedium";
	src: url('/fonts/FranklinGothicMediumRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "FranklinGothicMediumEOT";
	src: url('/fonts/FranklinGothicMediumRegular.eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "montserrat";
	src: url('/fonts/Montserrat-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "oswald";
	src: url('/fonts/Oswald-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "rajdhani";
	src: url('/fonts/Rajdhani-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "roboto";
	src: url('/fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "orbitron";
	src: url('/fonts/Orbitron-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "bungee";
	src: url('/fonts/Bungee-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "bungeespice";
	src: url('/fonts/BungeeSpice-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "russoone";
	src: url('/fonts/RussoOne-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "marker";
	src: url('/fonts/PermanentMarker-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "summernote";
	src: url('/fonts/summernote.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "anton";
	src: url('/fonts/Anton-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
/*Generique----------------------------------------------------*/

body {
	min-width:1200px;
	margin:auto;
	/*! background-color:#1b1b1b; */ 
	!background-color:#000; 
}
a:link {
	text-decoration:none;
	color:#287ab8;
}
a:visited {
	text-decoration:none;	
	color:inherit;
}
a:hover{
	text-decoration:underline;
}
img[src=""]{
	width:0px;
	height:0px;
}
.no-scroll {
  overflow: hidden;
}
.sitetitle-bg{
	background:lightgrey;
	width:100%;
	height:100px;
}
.sitetitle{
	font-family:russoone;
	font-size:26px;
}
.sitetitle-game-bg{
	background:#cecece;
	width:100%;
	height:100px;
	line-height:100px;
}
.sitetitle-game{
	width:1320px;
	margin:auto;
	font-family:russoone;
	font-size:30px;
}
.sitetitle-game:before{
	content:'/';
	color:#126679;
	margin-right:10px
}


.backto{	
	margin:auto;
	margin-top:10px;
	font-family: montserrat;
	font-size:12px;
	width:1320px;
	
	
}
.backto a{
	color:blue;	
	text-decoration: underline;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 12
}
/* TOP NAV----------------------------------------------------*/
.topnav{
	min-width: 1320px; 
	height:30px;
	line-height:30px;
	padding:5px 0;
	background:black;
}
.header_content{
	vertical-align: middle;		
	text-align:right;
	width:1320px;
	margin:auto;
}
.header_content_pc{
	text-align: right;
}

.header_content_mob{
	display:none
}
.nav_connect{
	display:inline-block;
	font-family:montserrat;
	padding:0px 10px;	
	font-size:14px;
	text-align:center;
	vertical-align: middle;
}
.nav_connect a{
	color:white;
	text-decoration:none;
	vertical-align: middle;
	padding:0 20px;
	!border-left:1px solid white;
	!border-right:1px solid white;
}
.nav_connect a:nth-of-type(2){
	border-left:1px solid;
}
/* HEADER----------------------------------------------------*/

.back_bandeau{
	background:black;
	border-top:1px solid lightgrey;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	min-width:1320px;
	color:white;
}
.bandeau{
	vertical-align: middle;
	margin:auto;
	padding:10px;
	!text-align: center;
	width:1320px;
	margin:auto;
	position:relative;
}
.bandeau div{
}
.mobile_bandeau{
	display:none 
}

/*----------*/
.nav_titresite{	
  display:inline-block;
	vertical-align: middle;
	margin:auto;
}
.nav_titresite img{
	width:200px;
	vertical-align: middle
}
.nav_titresite a{
	font-family:orbitron;
	text-transform: uppercase;
	font-size:20px;
	vertical-align: middle;
	color:black;
}
.nav_titresite a:hover{
	text-decoration:none	
}
.nav_titresite span{
	padding:10px;
}


/* NAVIGATEUR --------------------------*/
.navi{	
  display:inline-block;
	margin:auto;
	position:absolute;
	right:0px;
	top:20px;
}
.bar_nav{	
	text-align:center;
	!line-height:30px;
	display:inline-block;
	min-width:1320px;
	vertical-align: bottom;
}
.nav_bt_link{
	display:inline-block;
	padding:5px 15px;
	font-family: rajdhani;
	!font-weight:bold;
	text-transform: uppercase; 
	font-size:18px;
  color: inherit;
}
.nav_bt_link_spec{
	color: #00c0ff;
}

.nav_bt_link_mob{
	display:none;
}
.nav_bt_close{
	display:none;
}
.nav_bt_link a{	
	color:inherit;
}
.nav_bt_link a:hover{
	text-decoration: none;
}
.nav_bt_link_sup{
	cursor:pointer;
}
.nav_bt_link_sup a{ 
	
}
.nav_bt_link_admin a{
	color:red;
}
.nav_bt_link_account a{
	color:yellow;
}
.nav_connect_erreur{
	display:inline-block;
	vertical-align:middle;
	width:95px;
}
.header_profile_team{
	display: inline-block;
	width:30px;
	height:30px;
	overflow:hidden;
	vertical-align: middle;
	border-radius:100px;
	margin-right:5px;
	border:1
}
.header_profile_team img{
	width:100%;
	object-fit: cover; 
	!vertical-align: middle;
}
.header_profile_avatar{
	width:30px;
	height:30px;
	overflow:hidden	;
	display: inline-block;
	vertical-align: middle;
	border-radius:100px;
	margin-right:10px;
}
.header_profile_avatar img{
	width:100%;
	/*! height:100%; */
	object-fit: cover; 	
	!vertical-align: middle;
}


/*---------------------*/
.signature{
	text-align:right;
	font-family: marker;
	margin-top:50px;
	margin-right:20px;
}

/*--footer-------------------*/
footer{
	margin-top:100px;
	
	padding-top:30px;
	padding-bottom:100px;
	!border-top:1px solid darkgrey;
	background:lightgrey;
}
.footer-content{
	width:1320px;
	margin:auto;
}
.footer-content-head{
	font-family:russoone;
	font-size:14px;
	text-align:center
}

.footer-content-underhead{
	font-family:montserrat;
	font-size:11px;
	text-align:center
}
.footer-content-cat{
	vertical-align: top;
	display:inline-block;
	margin-right:200px;
	margin-top:30px;
}
.footer-content-cat:nth-of-type(3){	
	margin-left:230px;
}
.footer-content-title{
	font-family:russoone;
	font-size:14px;
}
.footer-content-one{
	font-family:rajdhani;
	font-size:14px;
	margin-top:10px;
}
.footer-content-one a{
	color:black
}


/*Boite de dialogue de confirmation----------------------------------------------------*/

.ui-dialog .ui-button{
	font-size:12px;
	background:darkgrey;
}
.ui-dialog .ui-icon-alert{
	margin:0 5px 0 0; 
}
.ui-dialog .ui-icon-circle-close{
	margin:0 5px 0 0; 
}
.ui-dialog .ui-icon-check{
	margin:0 5px 0 0; 
}
.ui-dialog-titlebar{
	background:darkgrey
}
.ui-dialog-buttonpane{
	border:1px solid darkgrey
}
/*Adds*/
.borderred{
	border:1px solid red;
}
.hidden{
	display:none
}
.editor_error{
	color:red;
	font-size:9px;
}
/**/
.dialog_box{
	display:none;
	font-size:12px;
}
.dialog_error{
	!color:red;
}
.lire_la_suite a{
	color:#575757
}
.lire_la_suite a:hover{
	color:darkorange
}
/*--------------------------------------------------------------*/
.welcome{
	width:1000px;
	margin:auto;
	padding:100px;
	text-align:center
}
.felicitations{
	text-transform: uppercase;
	font-size: 30px;
}
.welcome_corps{
	font-size: 16px;
	padding:50px;
}
.welcome_corps1{
	
}
.welcome_corps1 a{
	font-size:30px;
	width:100px;
	margin:auto;
	background:yellow;
	color:black;
	padding:10px;
	border:1px solid;
}
/**/
.lostmdp_block{
	width:600px;
	margin:auto;
	margin-top:50px;
	text-align:justify;
	font-size:16px;
}
.lostmdp_block2{
	text-align:center;
}
.lostmdp_text{
	color:grey
}
.lostmdp_text2{
	text-align:center;
}
.lostmdp_namebk{
	margin-top:60px;
	text-align: center;
	cursor:pointer;
}
.lostmdp_namebk2{
  margin:30px 0;	
}
.lostmdp_namebk_name{
	font-size:14px;
	margin-right:10px;
}
.lostmdp_namebk_name2{
	text-align:right;
	display:inline-block;
	width:150px;
}
.lostmdp_namebk input{
	width:200px;
	border:1px solid lightgrey;
	padding:5px;
}
.lostmdp_namebk input:focus{
	border:1px solid #00aeff;
}
.lostmdp_btn{	
	margin:auto;
	margin-top:20px;
	text-align: center;
	background:#0e86ca;
	border:2px solid #00aeff;
	width:100px;
	color:white;
	padding:5px 20px;
	border-radius:5px;
	cursor:pointer;
}

.lostmdp_btn2{	
	margin:auto;
	margin-top:20px;
	text-align: center;
	background:#0e86ca;
	border:2px solid #00aeff;
	width:100px;
	color:white;
	padding:5px 20px;
	border-radius:5px;
	cursor:pointer;
}
.account_warning{
	display:none;
}
/*----------------------------------------------------*/
