/* @media (max-width:768px){

	#hudleft, .m-none {display:none}
	* {max-width:100%!important}
	#contenu, #central_td {width:100%!important}
#cadre_alertes td {width:50%!important}
} */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    @font-face {
    font-family: 'Trajan Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Regular'), url('TrajanPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Trajan Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Bold'), url('TrajanPro-Bold.woff') format('woff');
    }

#homeflex {
	position: relative;
}

.m-none.reverse {
	position: absolute;
    height: 100%;
    right: 0px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.bg-aura-m {
	width: 100%;
    background-size: 100%;
}

.prouesse-cours {
	background-size: 100%;
}

.hide_height > div {
	height: auto !important;
} 

.hide_height .mod_disp {
	display: flex;
	width: 100%;
	font-size: 13px !important;
}

.hide_height .mod_disp span:first-child {
	width: 27%;
}

.hide_height .mod_disp span:last-child {
	width: 73%;
}

.casern_infos > div:first-child {
	width: 180px;
}

#GB_overlay {
	width: 100% !important;
}

.modal_esp {
	width: 100%;
}

/* style screen for large tablet */
@media (max-width: 992px) {

	#homeflex {
		position: relative;
	}

	#homeflex .m-none {
		display: block;
		height: 100%;
		box-sizing: border-box;
		position: absolute;
	}

	#homeflex > div:last-child {
		right: 0;
		top: 0;
	}

	#homeflex #hudleft, #homeflex #central_td {
		width: 94%!important;
		margin: auto;
	}

	.elementflex > div:last-child {
		width: 100%;
	}

	#tab6, #tab2 {
		background-size: 100%;
	}

	#lvl10required + div {
		width: 100% !important;
	}


	#cadrealerte > div > div {
		justify-content: center;
		align-items: center;
	}

} 

/* style screen for small tablet */
@media (max-width: 768px) {

	#contenu {
		width: 96% !important;
	}

	#hudleft, .m-none {
		display: block;
	}

	#homeflex #hudleft, #homeflex #central_td {
		width: 95% !important;
	}

	.forminscription {
		left: unset !important;
	}

	#kobold_inscription {
		left: 113px !important;
	}

	#hudleft {
		display: flex;
	}

}

@media (max-width: 767px) {

	.avatars-page {
		display: grid;
	    grid-template-columns: repeat(2, 1fr);
	}

	.avatars-page span.single-avatar {
		width: 130px !important;
    	height: 130px !important;
    	background-size: 100%;
	}

	.avatars-page span.single-avatar > input {
		width: 87px !important;
    	height: 87px !important;
   		margin-left: 21px !important;
    	margin-top: 17px !important;
	}

	.fichebg_avatar .fiche_avatar_item {
		height: unset !important;
		top: -15px;
    	position: relative;
    	z-index: 999;
	}

}

/* #indicatif { */
/* width:30px;height:30px!important */
/* } */
/* style screen for mobile */
@media (max-width: 600px) {
	
	
	#indicatif {
width:30px;height:30px!important
}

	.viewteam_bgtopr .vb_ht6 a,
	.viewteam_bgtopr .vb_ht4 .vert,
	.viewteam_bgtopr .vb_ht5 span,
	.viewteam_bgtopr .vb_ht5 span a,
	.viewteam_bgtopr .vb_ht3 .viewteam_all_nee {
		font-size: 13px !important;
	}

	.viewteam_bgtopr .vb_ht3 .viewteam_all_nee a {
		font-size: 12px !important;
	}

	.tinyTip {
		display: none !important;
	}

	.tinyTip.show {
		display: block !important;
		top: 300px !important;
		z-index: 999999 !important;
	}

	#contenu {
		width: 98% !important;
	}

	#contenu .img-top {
		width: 99% !important;
	}

	#homeflex #hudleft, #homeflex #central_td {
		width: 90% !important;
	}

	#homeflex #log > img {
		position: relative !important;
		top: 260px !important;
		left: 0 !important;
	}

	#homeflex #log .alter {
		position: absolute !important;
		bottom: 65px !important;
	}

	#homeflex #log .alter.top {
		top: 3px !important;
	}

	#homeflex #log > a > img {
		bottom: 20px !important;
		left: 17px !important;
	}

	#homeflex #log > a > img.tTip2 {
		bottom: 28px !important;
		left: unset !important;
	}

	#homeflex .elementflex {
		flex-direction: column;
		align-items: center;
	}

	#scrollbar1 {
		display: flex;
		flex-direction: row-reverse;
	}

	.bg-title-inscription {
		margin-bottom: 20px;
	}

	#kobold_inscription {
		display: none;
	}

	.bg-inscription-right {
		background-position: -25px 0 !important;
		/* background-image: url(export_inscription/inscription_right-Modifier.png) !important; */
	}

	.btn-inscription {
		left: 50% !important;
		transform: translate(-50%, 0);
	}

	#hudleft {
		flex-wrap: wrap;
		overflow: unset !important;
	}

	.insrit_item {
		left: 4% !important;
	}

	#pseudobox, #valid_inscrit, #weak {
		left: 4% !important;
	}

	.hide_margheight {
		margin: 0 !important;
		height: 0 !important;
	}

	/* .alliance_classcolumn {
		padding: 20px !important;
	} */

	/* #hud0, #hud2, #hud1, #hud4, #hud11, #hud3, #hud10 {
		margin: auto;
		background-size: 100%;
		width: 26%;
		height: 83px;
	}

	#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg3, #hudimg10 {
		top: 0px !important;
		left: 12px !important;
		height: 61px !important;
		width: 71.5% !important;
		background-size: 100%;
	}

	#hudimg3 {
		top: -2px !important;
	} */

	.hud_court, .hud_long {
		height: 83px;
		width: 27%;
		background-size: 100%;
		margin: auto;
		position: relative !important;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#hud1 {
		background-position: top !important;
	}

	#hud1 #icones_sol {
		display: none !important;
	}

	#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg3, #hudimg10 {
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
		width: 73% !important;
		background-size: 100%;
		height: auto !important;
	}

	.wrap-ccprouesses {
		flex-wrap: wrap;
	}

	.div-livefeed {
		flex-direction: column;
		align-items: center;
	}

	.div_fb_share {
		position:  unset !important;
	}

	.div_fiche {
		flex-direction: column;
		align-items: center;
	}

	.info_jeu {
		position: relative !important;
		right: unset !important;
		text-align: center;
		margin-bottom: 25px;
	}

	.div_tab2 {
		height: auto !important;
		background-size: cover !important;
	}

	#menu_hori {
		width: 95% !important;
		left: 0 !important;
	}

	.haut_carte-32,
	#haut_carte {
		justify-content: flex-start !important;
    	flex-wrap: wrap;
		height: 100% !important;
		padding: 0 15px; 
	}

	.bat-332 {
		flex-direction: column;
		justify-content: center !important;
		align-items: center;
	}

	.bat-332 > div:first-child {
		margin-bottom: 10px;
	}

	.bloc-3231 {
		width: 150px;
	}

	.tTip {
		left: 0 !important;
	}

	#GB_overlay {
		width: 100% !important;
	}

	#GB_window {
		width: 95% !important;
		left: 0 !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
	}

	.portail-321 {
		flex-direction: column;
		align-items: center;
	}

	#GB_frame {
		height: 70% !important;
	}

	#GB_window > .content > .GB_frame {
		width: 95% !important;
	}

	.prouesse-cours {
		position: relative;
		width: 100% !important;
    	height: 250px !important;
		background-size: 100%;
	}

	.prouesse-cours div:first-child {
		position: absolute !important;
		top: 15px !important;
		right: 60px;
		left: unset !important;
	}

	.prouesse-cours div:first-child span {
		font-size: 13px !important;
	}

	.prouesse-cours div:last-child {
		position: absolute !important;
		top: 55px !important;
    	right: 55px;
		left: unset !important;
	}

	#to_mask_if_alert2 > center {
		margin-top: 25px;
	}

	.ccprouesses .table {
		height: auto !important;
	}

	.info_jeu > a >img {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.info_jeu > span > a >img {
		margin-top: 0 !important; 
	}

	.vueglobal-0 {
		padding-bottom: 25px !important;
		padding-top: 0px !important;
		height: auto !important;
	}

	.vueglobal-0 > div > div {
		flex-direction: column;
		align-items: start;
	}

	.div_idle {
		margin-left: 15px;
	}

	.div_idle > a:nth-child(1) img {
		right: 0 !important;
	}

	.div_idle > a:nth-child(2) {
		left: 10px !important;
		margin-right: 15px;
	}

	.div_idle > a {
		font-size: 13px !important;
	}

	.div_idle > a:nth-child(3) img {
		right: 0 !important;
	}

	.div_idle > a:nth-child(4) {
		left: 10px !important;
	}

	.vueglobtitle {
		margin-left: 15px;
		margin-bottom: 5px;
	}

	#tab6 {
		padding: 10px !important;
	}

	#textareaclan {
		margin-top: 15px;
	}

	#checkBoxHistorique + label {
		margin-right: 10px;
	}

	#checkBoxEnter + label {
		margin-right: 10px;
	}

	#tab6 {
		background-size: unset !important;
		height: auto !important;
	}

	.bg-title-inscription span {
		top: 5px !important;
	}

	/* #diplomatie_receiver div:last-child {
		width: unset !important;
	} */

	#tab td {
		font-size: 12px !important;
	}

	#tag_name {
		width: 95% !important;
		left: 5px !important;
	}

	#campagnes_receiver div:last-child {
		left: -2px !important;
	}

	.inputy {
		width: 95% !important;
		margin-top: 3px;
	}

	#top_team {
		background-image: url(bg_domination-Modifier.png) !important;
		width: 100% !important;
		background-position: center top !important;
	}

	.elementflex > div {
		width: 100% !important;
	}

	#top_team > div:nth-child(2) {
		left: 50% !important;
		transform: translate(-50%,0);
	}

	#cda1, #cda2, #cda3, #cda4, #cda5, #cda6 {
		position: relative;
		background-size: 100%;
		height: 40px;
	}

	#cda1 .tTip3, #cda2 .tTip3, #cda3 .tTip3, #cda4 .tTip3, #cda5 .tTip3, #cda6 .tTip3 {
		position: absolute !important;
		bottom: 0;
		right: 0!important;
	} 

	#cadrealerte {
		height: 40px !important;
	}

	.export_calendrier {
		background-size: 100%;
		height: 20px !important;
		top: 0 !important;
		margin-bottom: 25px !important;
	}

	#cadre_alertes {
		height: unset !important;
	}

	.cadre_alerteajax {
		height: 0 !important;
	}

	.calendier_ui {
		top: -10px !important;
    	background-size: 4% !important;
	}

	#ress_bois, #ress_mana {
		margin: 5px !important;
	}

	#ressources {
		position: unset !important;
		left: 0 !important;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
		background-image: url(cadre_alertes_wwix/bgb.jpg);
	}

	.vueglobal1 {
		flex-wrap: wrap;
	}

	.vueglobal1 > a, .vueglobal1 > img {
		margin: 3px 0;
	}

	.vueglobal1 > a {
		margin-right: 8px !important;
	}

	.vueglobal2 {
		padding: 15px !important;
	}

	.jauge_progression {
		background-size: 100%;
		height: 10px !important;
	}

	.post-empreinte {
		display: flex;
		flex-wrap: wrap;
	}

	.bg-aura-m {
		background-size: 100%;
		width: 100% !important;
		height: 200px !important;
	}

	.bg_txtaura-m {
		background-size: 100%;
		width: 100% !important;
		font-size: 13px !important;
	}

	.div-livefeed > div {
		width: 100% !important;
	}

	.relique {
		width: 50px !important;
	}

	.viewteam_bgtop {
		flex-direction: column;
		align-items: center;
	}

	.viewteam_height {
		height: auto !important;
	}

	.img_blasons {
		margin-bottom: 34%;
	}

	.viewteam_bgtopr {
		padding: 15px 10px 0;
	}

	.viewteam_bgtopr div, .viewteam_bgtopr span {
		height: unset !important;
		position: unset !important;
	}

	.viewteam_bgtopr div:nth-child(5) {
		height: 50px !important;
	}

	.viewteam_bgtopr > div {
		padding: 5px 0;
	}

	.viewteam_bgtopr .wwix {
		top: 2px !important;
		font-size: 15px !important;
	}

	.viewteam_all_nee {
		bottom: 14px !important;
	}

	.viewteam_imp_ding {
		flex-direction: column;
		align-items: center;
	}

	.viewteam_imp_ding > div:nth-child(3) {
		order: 2;
	}

	.viewteam_imp_ding > div:nth-child(2) {
		padding-bottom: 10px;
	}

	.hide_in_mobile {
		display: none !important;
	}

	.chat_mur_proba {
		top: -55px !important;
		right: -5px !important;
	}

	.chat_mur_ciel {
		right: 0px !important;
	}

	.chat_mur_apc {
		margin-top: 10px;
	}

	#contenu {
		height: unset;
	}

	.chat_murColumn a, .chat_murColumn span, .chat_murColumn > div:first-child {
		font-size: 12px !important;
	}

	#chatreceiver .table {
		margin-bottom: 5px;
	}

	.carte_height_width, .carte_height_width > div {
		width: 95% !important;
		height: auto !important;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.carte_height_width img.tTipScroll,
	.carte-938 {
		width: 95% !important;
	}

	.cartecolumn > div:last-child img {
		left: 5px !important;
	}

	.carte_div .height-15 {
		height: 10px !important;
	}

	.fiche_btns {
		height: auto !important;
	}

	.fiche_div_btns {
		height: auto !important;
	}

	.msg-carte-837 > div {
		width: 90% !important;
    	margin: auto;
	}

	/* .fiche_avatar {
		position: relative;
		background-image: url(bg_domination-Modifier.png) !important;
		width: 100% !important;
		background-position: center top;
		background-size: 78% !important;
	} */

	/* .fichebg_avatar .fbg_avatar {
		left: 50% !important;
		transform: translate(-50%, -15%);
	} */

	.fiche_info_user  a, .fiche_info_user > span {
		font-size: 13px;
		margin-right: 3px;
		margin-left: 3px;
	}

	.affichage_height div {
		height: auto !important;
	}

	.options_team_text {
		flex-direction: column;
	}

	.options_team_text textarea {
		margin: 10px 0;
	}

	.options_team_noflex {
		display: unset !important;
	}

	.options_team_newwidth {
		width: 35% !important;
	}

	.view_team_padd {
		padding: 0px !important;
	}

	.joueurs_table {
		overflow: scroll;
	}

	.btn_affsexe {
		width: 60px !important;
	}

	.mod_disp {
		display: flex !important;
		width: 100%;
		padding: 5px 0;
	}

	.mod_disp span:first-child {
		width: 44% !important;
	}

	.mod_disp span:last-child {
		width: 60% !important;
	}

	.viewteam_clan {
		padding: 0 15px !important;
	}

	.comptebottom_bg {
		width: unset !important;
	}

	.supp_diplomate {
		flex-wrap: wrap;
		justify-content: unset !important;
	}

	.add_diplomate {
		flex-wrap: wrap;
		justify-content: unset !important;
	}

	.add_diplomate2 {
		flex-wrap: wrap;
		justify-content: unset !important;
	}

	.divprom_repeat {
		background-size: 100%;
	}

	.casern_table {
		overflow: scroll !important;
	}

	.casern_infos {
		flex-direction: column;
	}

	.casern_infos > div:first-child {
		margin-bottom: 10px;
	}

	.hotel_diptotal {
		flex-direction: column;
		align-items: center;
	}

	.hotel_diptotal > div:nth-child(3) {
		margin-left: 0 !important;
	}

	.sanc_ouvrir {
		height: auto !important;
		padding: 10px !important;
	}

	.sanc_ouvrir > span {
		top: unset !important;
		left: unset !important;
	}

	.class_padd {
		padding: 10px !important;
	}

	.plan_prod {
		height: auto !important;
		padding: 10px !important;
	}

	.plan_prodHeure {
		display: block;
		margin-bottom: 15px;
		font-size: 13px !important
	}

	.plan_prod > span, .plan_prod > img {
		position: unset !important;
	}

	.plan_prod > img {
		margin: 0 5px;
	}

	.cdr_alertediv {
		height: unset !important;
	}

	#son {
		position: absolute;
	}	

	#hudreceiver3 {
		bottom: 23px !important;
	}

	#hudreceiver5 {
		position: relative;
		bottom: 19px !important;
	}

	.del_height {
		height: unset !important;
	}

	.div_fiche > div:last-child {
		height: 208px !important;
	}

	.mrgn_top {
		margin-top: 30px;
	}

	.persos_caserne {
		padding: 10px !important;
	}

	.title_blocaserne {
		font-size: 12px !important;
		margin-left: 10px;
		display: flex;
	}

	.gros_text {
		font-weight: 900;
	}

	.marg_input {
		margin-bottom: 10px !important;
	}

	#fenetre_rapide_loader > div {
		width: unset !important;
	}

	#fenetre_rapide_loader > div > div {
		width: 50%;
	}

	.column_gender {
		padding: 20px !important;
	}

	.mrgn_top div, .mrgn_top span {
		height: unset !important;
	}

	.mrgn_top span {
		font-size: 12px !important
	}

	.mrgn_top .name_gamer {
		font-size: 24px !important;
	}

	.niv_class {
		text-align: left;
	}
	
	.class_teamgender {
		padding: 18px !important;
	}

	.lab_fullwidth {
		width: 100% !important;
	}

	.lab_divfullwidth {
		flex-direction: column;
	}

	.prou_wrapadiv {
		flex-wrap: wrap;
	}

	.camp_div {
		flex-wrap: wrap;

	}

	.camp_div > div {
		width: 33% !important;
		background-size: 100%;
		height: unset !important;
		overflow: unset !important;
	}

	.parlementer_avec {
		top: 270px;
		left: 50% !important;
		width: 85%;
		transform: translate(-50%, 0px);
		top: 170px !important;
		box-shadow: 0 13px 14px 8px #000;
	}

	.parlementer_avec > iframe {
		width: 100% !important;
	}

	#tetes_receiver {
		top: 80px !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
	}

	#tetes_receiver > div {
		margin-bottom: 0 !important;
		box-shadow: 0 22px 40px 32px #000;
	}

	#sprite_parlem {
		top: 147px !important;
		left: 50% !important;
		transform: translate(-50%, 0px) rotate(90deg);
		
	}

	.chatmsgminichat, .parole_color {
		padding-right: 20%;
	}

	.rappcombat_div {
		height: auto !important;
	}

	.uns_poscombat {
		position: unset !important;
	}

	.escarm_bg {
		background-position: center;
	}

	.escar_flex {
		flex-wrap: wrap;
		justify-content: center;
	}

	.escar_flex > div {
		height: 100px !important;
	}

	.escar_width {
		width: 100% !important;
		left: 0 !important;
	}

	.escar_flex > div {
		width: auto !important;
	}

	.hide_div {
		display: none;
	}

	.div_bottomflex > div {
		width: auto !important;
	}

	.index_menubottom {
		width: 100%;
	}

	.index_menubottom > div:first-child {
        width: unset !important;
    }

	.index_menubottom > div:nth-child(2) {
        width: 40% !important;
    }

	.index_menubottom > div:nth-child(3) {
        width: 60% !important;
    }

	.divprom_repeat {
		background-image: url(fjoueur/prom_repeat-70Height.png) !important;
		background-size: cover;
		background-position: center;
		height: unset !important;
	}

	.align_itemonfiche {
		align-items: center;
	}

	.align_itemonfiche div:nth-child(2), .align_itemonfiche div:nth-child(4) {
		width: 45px !important;
	}

	.menubtm_ {
		float: right;
	}

	#last_alert {
		top: 60px !important;
    	left: 0 !important;
	}

	.div_bottomflex {
		margin-top: 3%;
	}

	.div_bottomflex img {
		position: unset !important;
		width: 100% !important;
	}

	.carte_div {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.inscri_heightdiv {
		height: auto !important;
	}

	#preload_souvenir_loader {
		position: fixed !important;
		top: 310px !important;
		right: 0 !important;
		left: unset !important;
	}

	.transItems + input + a {
		left: unset !important;
		right: 5px;
		top: 200px !important;
		width: 200px !important;
		text-align: right;
	}

	#log .rej_btn {
		top: 220px !important;
	}

	.div_trailer {
		width: 100%;
	}

	.kobold_campnorlow {
		height: auto !important;
	}	

	.div_defapt {
		flex-direction: column !important;
		align-items: center !important;
		padding-bottom: 5px;
	}

	.camp_demaide {
		flex-direction: column;
		align-items: center;
	}

	.camp_infos {
		height: unset !important;
		background-repeat: repeat !important;
	}

	.camp_infos > div {
		height: unset !important;
	}

	.bottom_sol {
		color: #96b748;
		font-size: 12px;
		text-shadow: unset !important;
		position: relative;
		bottom: 5px;
		font-weight: 600;
	}

	.div_envcomb {
		width: 32px !important;
		margin-right: 20px;
	}

	.div_tablemax {
		width: 70px !important;
	}

	.div_catap {
		height: 280px !important;
		background-position: center !important;
		background-size: 100% !important;
	}

	#haut_carte {
		padding: 0 10px !important;
	}

	#haut_carte > a {
		width: 33% !important;
		font-size: 13px;
	}	

	#haut_carte img {
		width: 7px !important;
	}

	.dev_attaquecomp {
		height: auto !important;
		background-size: cover !important;	
	}

	.bg_attcampdefapt, .attdef_apt {
		height: unset !important;
		background-repeat: repeat !important;
	}

	.bg_attdefapt {
		height: auto !important;
	}

	.attdef_apt > div {
		flex-direction: column;
		align-items: center;
	}

	#scrollbar2 .viewport {
		width: 80% !important;
	}

	.viewport div {
		font-size: 13px !important
	}
	
	.msgs_livefeed {
		width: 100%;
	}

	.div_flexexplorer {
		flex-direction: column;
		align-items: center;
	}

	.bg_viewteamhann {
		background-size: cover !important;
	}

	.bloctitle_huv > span {
		font-size: 16px !important;
	}

	.catap_div {
		display: flex;
	}

	.catap_div a {
		font-size: 10px !important;
	}

	.catap_div div {
		font-size: 8px !important;
	}

	.div_choixvitess {
		flex-direction: column;
	}

	.div_unitongag {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100% !important;
	}

	.div_unitongag > div {
		width: unset !important;
		margin-right: 15px;
	}

	.div_unitongag > span {
		width: 100%;
		display: block;
	}

	.divbat {
		flex-direction: column;
	}

	.delpad {
		padding: 0 !important;
		width: 95%;
		margin: 5px auto;
	}

	.divbgpanneu {
		position: relative;
	}

	.mrgn_top .divbgpanneu1 {
		position: relative !important;
    	top: 2px;
		height: 63px !important;
	}

	.mrgn_top .divbgpanneu2 {
		height: 30px !important;
	}

	.mrgn_top .divbgpanneu3 {
		height: 30px !important;
	}

	.divbgpanneu2 {
		position: relative !important;
    	top: 5px;
		width: 90% !important;
	}

	.divbgpanneu3 {
		position: relative !important;
    	top: 5px;
	}

	.divbgpanneu4 {
		position: relative;
    	top: 5px;
	}

	.fiche_info_user {
		top: 15px !important;
	}

	.cda_caa > span, #cliquable1 {
		left: 27px !important;
		font-size: 8px !important;
		bottom: 10px !important;
	}

	#cliquable1 {
		left: 30px !important;
	}

	.name_gamer {
		font-size: 20px !important;
	}

	.info_widthgamer {
		width: 65%;
	}

	.font10 {
		font-size: 13px !important;
	}

	.topalert0 {
		position: absolute !important;
		bottom: -12px !important;
	}

	.topalert1 {
		position: absolute !important;
		bottom: -24px !important;
		z-index: 99999999 !important;
	}

	.div_huvoalliance .blason {
		display: block;
		margin: auto;
		padding-bottom: 10px;
	}

	.defalliance {
		position: unset !important;
	}

	.huvokobtn {
		width: 80px !important;
	}

	.huvokobtn .load_avatar {
		width: 30px !important;
	}

	.imgreducetop {
		top: 50px !important;
	}

	.fiche_avatar_item {
		margin: auto;
	}

	.fiche_avatar_item > a img {
		top: 0 !important;
	}

	.fiche_avatar_item img {
		position: relative !important;
		right: unset !important;
	}

	/*.viewport {
		overflow: scroll !important;
	}*/

	/* .fichebg_avatar {
		background-image: url(fjoueur/cadre_0-BG.png) !important;
	}

	.fichebg_avatar {
		background-image: url(fjoueur/cadre_0-BG.png) !important;
		width: 100% !important;
		background-repeat: no-repeat !important;
		background-position: center;
	}
	*/
	

	.fichebg_avatar {
		width: 100% !important;
		background-repeat: no-repeat;
		background-position: top;
		min-height: 218px;
		height: auto !important;
	}

	.fbg_avatar {
		left: 50% !important;
		transform: translate(-50%, 0px) !important;
		top: -4px;
	} 

	.creation_ {
		width: 100% !important;
	}

	.cartecolumn {
		justify-content: center;
		align-items: center;
	}

	.center_batiment {
		padding: 0 !important;
		text-align: center;
		float: unset !important;
	}

	.viewteam_bgtopr .vb_ht3 {
		height: 30px !important;
	}

	.combatname_gamer {
		left: unset !important;
		top: 0 !important;
	}

	#hudreceiver1 {
		position: absolute;
		bottom: -0;
		left: 50%;
		transform: translate(-50%,0);
	}

	.camp_hideheight {
		height: unset !important;
		text-align: center !important;
	}

	/* .chargement { */
		/* top: 50%; */
		/* transform: translate(0, -50%); */
	/* } */

	.bottomimg {
		height: 30px !important;
	}

	.reduceheight {
		height: 20px !important;
	}

	.center_element {
		text-align: center;
	}

	.btn_travaiterm {
		width: 100%%;
	}

	.bg_GBiframe {
		height: auto !important;
		background-size: cover !important;
		background-position: center;
	}

	.esionna_bat {
		display: flex;
	}

	.units-bloc > div {
		float: unset !important;
	}

	.units-bloc > div:nth-child(2) {
		padding-top: 0 !important; 
	}

	.units-bloc > div:nth-child(4),
	.units-bloc > div:nth-child(5) {
		display: inline-block;
	}

	.cart-choix-place {
		width: 100% !important;
		background-size: 100% !important;
    	background-repeat: no-repeat !important;
	}

	.cart-choix-place .height-15 {
		height: 15px !important;
	}

	.cart-2310 {
		width: 98% !important; 
	}

	.bloc-2310,
	.bloc-2310 img,
	.bloc-543 {
		width: 95% !important;
		height: auto !important;
	}

	.bloc-543 {
		background-size: 100%;
	}

	#fiche_receiver #tab a {
		font-size: 13px !important;
		margin-right: 15px !important;
	}

	.bloc-543.b455 {
		background-position: bottom !important;
	}

}


/* style screen for small mobile */
@media (max-width: 350px) {

	#hudreceiver5 {
		position: relative;
		bottom: 29px !important;
	}

	.divbgpanneu3 {
		top: 10px !important;
	}

	.cda_caa > span, #cliquable1 {
		left: 23px !important;
		font-size: 8px !important;
		bottom: 12px !important;
	}

	.topalert0 {
		bottom: -6px !important;
	}

	.topalert1 {
		bottom: -19px !important;
		z-index: 99999999 !important;
	}

	.fiche_info_user {
		top: 20px !important;
	}

	#haut_carte > a {
		font-size: 10px;
	}

	#GB_window {
		top: 50px !important;
	}

	.transItems {
		width: 40% !important;
	}

	.transItems + input {
		width: 40% !important;
	}

	.transItems + input + a {
		left: unset !important;
		right: 5px;
		top: 200px !important;
		width: 120px !important;
	}

	#log .rej_btn {
		top: 225px !important;
		left: 50% !important;
		transform: translate(-50%, 0);
	}

	#homeflex #log > a > img.tTip2 {
		right: 5px !important;
	}

	#tab td {
		font-size: 10px !important;
	}

	#log .rej_btn {
		width: 60% !important;
	}

	#hud0, #hud2, #hud1, #hud4, #hud11, #hud3, #hud10 {
		position: relative !important;
		background-size: 100%;
		margin: 5px auto;
	}

	.hud_court, .hud_long {
		height: 72px;
		width: 27%;
		background-size: 100%;
		margin: auto;
		position: relative !important;
		margin-bottom: 10px !important;
	}

	#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg3, #hudimg10 {
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
		width: 73% !important;
		background-size: 100%;
		height: auto !important;
	}

	#hudimg3 {
		top: -7px !important;
	}
	
	.calendier_ui {
		top: -12px !important;
		background-size: 4% !important;
	}

	#hudreceiver3 {
		bottom: 33px !important;
	}

	#hudleft {
		overflow-x: unset !important;
	}

	.bg-aura-m {
		height: 170px !important;
	}

	.prouesse-cours {
		height: 210px !important;
	}

	.prouesse-cours div:first-child {
		right: 35px;
	}

	.prouesse-cours div:last-child {
		right: 30px;
	}
	
	.div_fiche > div:last-child {
		height: 215px !important;
		background-size: cover;
	}

	.mrgn_top {
		margin-top: 10%;
	}

	.tttip2 {
		left: -10px;
	}

	.index_menubottom > div:nth-child(2) {
		width: 50% !important;
	}

	.menubtm_ {
		margin-top: 4px;
	}

	/*.carte_height_width {
		width: 35px !important;
		height: 35px !important;
		background-size: 100%;
	}*/

	#cda1, #cda2, #cda3, #cda4, #cda5, #cda6 {
		height: 37px;
	}

	.font10 {
		font-size: 12px !important;
	}

	.fiche_info_user a, .fiche_info_user > span {
		font-size: 11px !important;
	}
}

/* style screen for x-small mobile */

@media (max-width: 300px) {

	.div_catap {
		height: 245px !important;
	}

	.hud_court, .hud_long {
		height: 63px;
		width: 27%;
		background-size: 100%;
		margin: auto;
		position: relative !important;
		margin-bottom: 10px;
	}

	#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg3, #hudimg10 {
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
		width: 73% !important;
		background-size: 100%;
		height: auto !important;
	}

	#hudimg3 {
		top: -7px !important;
	}

	#cda1, #cda2, #cda3, #cda4, #cda5, #cda6 {
		height: 33px;
	}

	#hudreceiver3 {
		bottom: 40px !important;
	}

	.div_fiche > div:last-child {
		width: 430px;
		background-image: url(fjoueur/bg_panneau.jpg);
		background-size: cover;
		height: 228px !important;
	}

	.bg-aura-m {
		height: 150px !important;
	}

	.prouesse-cours {
		height: 180px !important;
	}
}

.btn_payment_modal {
	cursor: pointer;
}

.modal_payment {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 55%);
    z-index: 999999;
}

.modal_payment .modal_dialog {
    width: 700px;
    background-image: url(export_bg_divs_wwix/bg_marron.jpg);
    box-shadow: 0 0 40px 15px rgb(0 0 0 / 50%);
    padding: 20px 20px;
    border-radius: 10px;
    background-size: cover;
    background-position: top;
}

.modal_payment .columns {
	display: flex;
    flex-wrap: wrap;
}

.modal_payment .ppl {
	padding-right: 20px;
    border-right: 1px solid;
    margin-right: 30px;
}

.modal_payment .ppl button {
	padding: 0;
	border: 0;
	background-color: unset;
	cursor: pointer;
}

.modal_payment .ppl .ppl_img {
	width: 250px;
    object-fit: contain;
}

@media (max-width: 767px) {

	#hudimg3 {
        top: unset !important;
        bottom: 26px;
    }

    .info_widthgamer #description span {
    	font-size: 10px !important;
    }

    .info_widthgamer #description span i br {
    	display: none !important;
    }

}

.rappcombat_div {
	min-height: 135px;
}

.fiche_avatar .fiche_avatar_item {
	position: relative;
	/* top: 25px; */
}

@media (max-width: 767px) {

	.fiche_avatar .fiche_avatar_item {
		top: 0;
		margin-top: 30px;
	}

	#scrollstart .carte-body {
		padding: 3px 25px;
	} 

	#fiche_receiver .timeline-img img {
		min-width: 45px;
	}

}

.modal_payment .columns {
	justify-content: center;
}

.form_carte {
	margin-top: 15px;
	text-align: center;
}

.form_carte [type="text"] {
	width: 100%;
	max-width: 390px;
    margin-bottom: 10px;
    height: 40px;
    border-radius: 5px;
    padding: 2px 15px;
    border: 0;
    background-color: rgb(0 0 0 / 60%);
    color: #FFF;
    font-size: 16px;
    box-sizing: border-box;
}

.form_carte [type="text"]::placeholder {
	color: #b3b3b3;
	font-size: 16px;
}

.form_carte [type="submit"] {
	background-color: #d2ff64;
    width: fit-content;
    border: 0;
    display: block;
    margin: 15px auto 15px;
    padding: 13px 30px;
    color: #000;
    font-size: 16px;
    border-radius: 5px;
    background-position: center;
    letter-spacing: .6px;
    box-shadow: 0 0 8px 5px rgb(0 0 0 / 34%);
    cursor: pointer;
    transition: .2s;
}

.form_carte [type="submit"]:hover {
	opacity: .8;
}

.form_carte .h2 {
	text-align: center;
    font-size: 22px;
    margin-bottom: 25px;
}