@CHARSET "UTF-8";

html, body {
    overflow: auto;
}

UL.listgain{padding-left:15px;}

select, input[type=text],input[type=password],input[type=file],textarea {width:auto;background:#565555;border:1px solid #999999;font-size:12px;color:#FFF}
SELECT {
    width: 10em;
    border-radius: 0;
    margin-bottom: 10px;}

@font-face {font-family: "Gun Play"; 	src: url('font/gunplay_rg.ttf'); }

.cadre_m DIV.titre_m{font-family:"Gun Play","Arial Black";text-transform:uppercase;font-size:26px;margin-left:200px; color:#565555;text-align:center;width:730px;border-bottom:1px solid;padding-bottom:5px;}
.modern-interface-banner{align-items:center;background:linear-gradient(90deg,#111 0%,#2e1d0b 65%,#17100a 100%);border:1px solid #594939;border-left:4px solid #FDA944;box-shadow:0 2px 0 #000;box-sizing:border-box;color:#E2B27E;display:flex;flex-wrap:wrap;font-family:Tahoma,Arial,sans-serif;font-size:13px;gap:12px;margin:0 auto 8px;max-width:calc(100% - 24px);padding:7px 12px;width:1100px;}
.modern-interface-banner__signal{color:#A9FD44;font-size:11px;font-weight:bold;letter-spacing:1px;white-space:nowrap;}
.modern-interface-banner a{background:#FDA944;border:1px solid #FEAE05;border-radius:2px;color:#191919!important;font-weight:bold;margin-left:auto;padding:6px 10px;white-space:nowrap;}
.modern-interface-banner a:hover{background:#FEAE05;color:#191919!important;}
@media (max-width:700px){.modern-interface-banner a{margin-left:0;}.modern-interface-banner__signal{width:100%;}}

/* MW-369 — page de bêta fermée : briefing lisible sur le cadre Legacy. */
.content.divers.maintenance-page .cadre.maintenance {
	background-color:#111;
	background-image:linear-gradient(135deg,rgba(0,0,0,.72),rgba(24,14,7,.9)),url(../../splashscreen/images/cadre-maintenance.png);
	border:1px solid #594939;
	box-shadow:0 0 0 1px #000,0 16px 32px rgba(0,0,0,.7);
	box-sizing:border-box;
	overflow:hidden;
}
.content.divers.maintenance-page .cadre.maintenance .grid {
	box-sizing:border-box;
	padding:45px 35px 30px;
	width:100%;
}
.content.divers.maintenance-page .cadre.maintenance .content {
	height:auto;
	overflow:visible;
	padding:0;
	width:100%;
}
.content.divers.maintenance-page .maintenance-message {
	background:linear-gradient(135deg,rgba(0,0,0,.86),rgba(30,18,8,.9));
	border-left:4px solid #c60f19;
	border-top:1px solid #594939;
	box-sizing:border-box;
	color:#e2b27e;
	font-family:Tahoma,Arial,sans-serif;
	padding:28px 30px;
	text-align:left;
	width:100%;
}
.content.divers.maintenance-page .maintenance-kicker {
	color:#a9fd44;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1.5px;
	margin:0 0 14px;
}
.content.divers.maintenance-page .maintenance-message h1 {
	color:#fda944;
	font-size:30px;
	line-height:1.15;
	margin:0 0 16px;
	text-shadow:2px 2px #000;
}
.content.divers.maintenance-page .maintenance-message p:not(.maintenance-kicker) {
	color:#c8a77f;
	font-size:15px;
	line-height:1.6;
	margin:0 0 14px;
}
.content.divers.maintenance-page .maintenance-message nav {
	border-top:1px solid #594939;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:22px;
	padding-top:18px;
}
.content.divers.maintenance-page .maintenance-message nav a {
	background:#fda944;
	border:1px solid #feae05;
	color:#191919;
	font-weight:bold;
	padding:9px 13px;
}
.content.divers.maintenance-page .maintenance-message nav a:hover {
	background:#feae05;
	color:#191919;
}
@media (max-width:700px) {
	.content.divers.maintenance-page {
		background:#000;
		min-height:100%;
		width:100%;
	}
	.content.divers.maintenance-page .modern-interface-banner,
	.content.divers.maintenance-page .header,
	.content.divers.maintenance-page .centre {
		width:100%;
	}
	.content.divers.maintenance-page .header {
		background:none;
		height:auto;
		padding:10px 12px;
	}
	.content.divers.maintenance-page .header ul,
	.content.divers.maintenance-page .header .connect,
	.content.divers.maintenance-page .header > p {
		display:none;
	}
	.content.divers.maintenance-page .centre {
		height:auto;
		margin:0;
	}
	.content.divers.maintenance-page .cadre.maintenance {
		background-image:none;
		height:auto;
		margin:0;
		width:100%;
	}
	.content.divers.maintenance-page .cadre.maintenance .grid {
		padding:12px;
	}
	.content.divers.maintenance-page .maintenance-message {
		padding:22px 18px;
	}
	.content.divers.maintenance-page .maintenance-message h1 {
		font-size:24px;
	}
	.content.divers.maintenance-page .maintenance-message nav {
		flex-direction:column;
	}
	.content.divers.maintenance-page .maintenance-message nav a {
		text-align:center;
	}
}
.cadre_m TABLE TD{width:auto;padding:5px;}
.cadre_m TABLE TD a.titre{color:#766b58;}
.cadre_m.mamessagerie TABLE TD a.titre{color: #999576;font-weight:bold;}
.cadre_m TABLE TD a.titre.lu{color:#443926;font-weight:normal;}
.cadre_m TABLE TD.sujet{background-image:url(../../images/icones/message-nonlu.png);background-position:9px center;background-repeat: no-repeat;padding-left:50px; }
.cadre_m TABLE TD.sujet.lu{background-image:url(../../images/icones/message-lu.png); }
.cadre_m TABLE TD.question{background-image:url(../../images/icones/question-nonlu.png);background-position:9px center;background-repeat: no-repeat;padding-left:50px; }
.cadre_m TABLE TD.question.lu{background-image:url(../../images/icones/question-lu.png); }
.cadre_m TABLE TD.pagination{text-align:center;}
.cadre_m TABLE TD DIV.submit, .cadre_m TABLE TD.submit, .cadre_m TABLE TD DIV.submit_light, .cadre_m TABLE TD.submit_light{text-align:center;}
.cadre_m TABLE TD DIV.submit INPUT[type="submit"],*.submit INPUT[type="submit"], .cadre_m TABLE TD.submit INPUT[type="submit"]{color: gold; text-align: center; width: auto;background:none repeat scroll 0 0 transparent;cursor:pointer;}
.cadre_m TABLE TD DIV.submit_light INPUT[type="submit"],*.submit_light INPUT[type="submit"], .cadre_m TABLE TD.submit_light INPUT[type="submit"]{color: gold; font-weight:normal;text-align: center; width: auto;background:none repeat scroll 0 0 transparent;cursor:pointer;}

.cadre_m TABLE TD p.description{text-transform:none;color:#444343;}

.cadre_m a{color:#cfc795;}
.cadre_m .grade a{color:#fda944;text-decoration:none;}
.cadre_m TABLE TD .title{text-decoration:underline;text-transform:uppercase;color:#E38F35}
.cadre_m TABLE TD .sub_title{text-decoration:underline;text-transform:uppercase;color:#E2B27E}

/*SUBMIT LIKE LINK*/
INPUT[type=submit].input_link, INPUT[type=submit].input_link_premium, button{height: auto;padding: 5px;width: 100%;}
INPUT[type=button].input_link_off { height: auto;padding: 5px;width: 100%;background:url(../../images/submit_off.png) transparent; border:0; color:#8f8f8f; font-weight:bold; font-size:12px; }
INPUT[type=button].submit_link, button{border: 0 none; font-size: 12px; height: 16px;}
input.submit_link,button.submit_link{cursor:pointer;font-weight:normal;background:none;color: #cfc795;width:auto; outline: medium none;text-decoration: none;}
input.submit_link:hover, button.submit_link:hover, .cadre_m a:hover{color: #8f8F8F;}
input.submit_premium_link{color: gold;background:none;width: auto;}
.premium_box{border:1px #ffd700 solid;padding-bottom: 2px;}
.cadre_h UL.menu LI.highlight A{color:#A9FD44}
	
/** Messagerie **/
.cadre_m.moncompte TABLE TD{width:50%;padding:5px;}
.cadre_m.options TABLE TD{padding:0px;}

/** Messagerie - Rapport **/
.cadre_m.mamessagerie #rapport{width:100%;}
.cadre_m.mamessagerie #rapport_result {font-size: 15px;text-align: center;width: 100%;padding-bottom: 10px;padding-top: 10px;border-bottom: 3px solid;}
.cadre_m.mamessagerie #rapport_result .title{font-size: 20px;font-weight: bold;text-align: center;width: 100%;}
.cadre_m.mamessagerie #rapport_attaquant, .cadre_m.mamessagerie #rapport_defenseur{float: left;width: 50%;}
.cadre_m.mamessagerie #rapport_attaquant .title, .cadre_m.mamessagerie #rapport_defenseur .title{width:100%;padding: 10px;font-size: 15px;font-weight: bold;}
.cadre_m.mamessagerie #rapport_attaquant .desc, .cadre_m.mamessagerie #rapport_defenseur .desc{width:100%;padding: 10px;}
.cadre_m.mamessagerie #rapport_details {width: 100%;padding-bottom: 10px;padding-top: 10px;clear:both;}
.cadre_m.mamessagerie #rapport_details .title{text-align: center;font-size: 15px;font-weight: bold;text-align: center;padding-bottom: 10px;padding-top: 10px;width: 100%;float:left;}


/** POPUP MISSION */
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #000000;
	padding: 10px;
	border: 5px solid #333;
	float: left;
	/*font-size: 1.2em;*/
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	cursor: move;
	color:#595959;
	border-color:#333 #212121 #212121 #333;
}
img.btn_close {
	float: right;
	margin: -29px -29px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
	position: absolute;
}

.popup_block h3{
	background:#E38F35;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:2px;
	color:#000;
}


.popup_block .information {
    border: 2px solid;
    color: #595959;
    font-style: italic;
    margin: 5px;
    padding: 10px;
}


.popup_block .titre{
	background:#000;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-color: #E38F35;
	border-style: solid;
	border-width: 1px;
	padding:2px;
	color:#E38F35;
}

.popup_block .interlocuteur{
	color:#595959;
	margin:15px;
}

.popup_block .briefing{
	border: 4px solid;
    color: #595959;
    padding: 15px;
}


.popup_block .description{
	color:#595959;
	margin:15px;
}

.popup_block .description.center{
	text-align:center;
	margin-left:15px;
}

/** Icone Billet **/
.billet
{
    height: 18px;
    padding-left: 25px;
    width: 70px;
}

.billet_entrgeneral_mw
{
	background: url("../../images/icones/icone_entrred.png") no-repeat scroll left center transparent;
	 color: #e87f6f;
}


.billet_entrplaine_mw
{
	background: url("../../images/icones/icone_entrgreen.png") no-repeat scroll left center transparent;
	 color: #96f480;
}


.billet_entrurbain_mw
{
	background: url("../../images/icones/icone_entryellow.png") no-repeat scroll left center transparent;
	 color: #b7d100;
}


.billet_entrrapproche_mw
{
	background: url("../../images/icones/icone_entrblue.png") no-repeat scroll left center transparent;
	 color: #5daefd;
}

.billet_entrmontagne_mw
{
	background: url("../../images/icones/icone_entrgrey.png") no-repeat scroll left center transparent;
	 color: #828282;
}


.billet_compexp_mw
{
	background: url("../../images/icones/icone_compyellow.png") no-repeat scroll left center transparent;
	 color: #b7d100;
}


.billet_comparmes_mw
{
	background: url("../../images/icones/icone_compgrey.png") no-repeat scroll left center transparent;
	 color: #828282;
}


.billet_comparmespec_mw
{
	background: url("../../images/icones/icone_compblue.png") no-repeat scroll left center transparent;
	 color: #5daefd;
}


.billet_compconduite_mw
{
	background: url("../../images/icones/icone_compred.png") no-repeat scroll left center transparent;
	 color: #e87f6f;
}


.billet_comppilotage_mw
{
	background: url("../../images/icones/icone_compgreen.png") no-repeat scroll left center transparent;
	 color: #96f480;
}


.billet_temps_mw
{
	background: url("../../images/icones/icone_temps.png") no-repeat scroll left center transparent;
	 color: mediumpurple;
}

.billet_argent_mw
{
	background: url("../../images/icones/icone_argent.png") no-repeat scroll left center transparent;
	 color: silver;
}

.billet_ration_mw
{
	background: url("../../images/icones/icone_ration.png") no-repeat scroll left center transparent;
	 color: peru;
}

.billet_munition_mw
{
	background: url("../../images/icones/icone_munition.png") no-repeat scroll left center transparent;
	color:darkkhaki;
}

.billet_essence_mw
{
	background: url("../../images/icones/icone_essence.png") no-repeat scroll left center transparent;
	color:#55503d;
}

.billet_credit_mw
{
	background: url("../../images/icones/icone_credit.png") no-repeat scroll left center transparent;
	 color: orange;
}

.billet_volontaire_mw
{
	background: url("../../images/icones/icone_recrue.png") no-repeat scroll left center transparent;
	color:darkolivegreen;
}

.billet_forceadverse_mw
{
	background: url("../../images/icones/icone_forceadverse.png") no-repeat scroll left center transparent;
	color:#ba5900;
}

.billet_forceadversepremium_mw
{
	background: url("../../images/icones/icone_forceadversepremium.png") no-repeat scroll left center transparent;
	color:#8b7900;
}

.billet_superficie_mw
{
	background: url("../../images/icones/icone_superficie.png") no-repeat scroll left center transparent;
}

.billet_point_mw
{
	background: url("../../images/icones/icone_point.png") no-repeat scroll left center transparent;
}


.billet_soldat_mw
{
	background: url("../../images/icones/icone_soldat.png") no-repeat scroll left center transparent;
	 color: white;
}

.billet_blesse_mw
{
	background: url("../../images/icones/icone_blesse.png") no-repeat scroll left center transparent;
	 color: red;
}


.billet_moral_mw
{
	background: url("../../images/icones/icone_moral.png") no-repeat scroll left center transparent;
	 color: white;
}


.billet_experience_mw
{
	background: url("../../images/icones/icone_experience.png") no-repeat scroll left center transparent;
	 color: white;
}


.billet_puissance_mw
{
	background: url("../../images/icones/icone_puissance.png") no-repeat scroll left center transparent;
	 color: white;
}

ul.menu li.off a{color:#333}
ul.menu li.off a:hover{color:#333}

/** REGIMENT - GRADE FOR ANTYOZ **/
div.grade a
{
	width: 45px; display: block; height: 20px;padding-top:30px;text-align:center;font-weight: bold;font-size:8px;
}
div.grade a:hover
{
	color:#FDA944;
}
div.grade a.regiment_free
{
	background: url("../../images/regiments/regiment_free.png");
}
div.grade a.regiment_premium
{
	background: url("../../images/regiments/regiment_premium.png");
}
div.grade a.regiment_free_select
{
	background: url("../../images/regiments/regiment_free_select.png");
}
div.grade a.regiment_premium_select
{
	background: url("../../images/regiments/regiment_premium_select.png");
}
div.grade a.regiment_add_free
{
	background: url("../../images/regiments/regiment_add_free.png");
}
div.grade a.regiment_add_premium
{
	background: url("../../images/regiments/regiment_add_premium.png");
}
div.grade a img
{
display: block;
}

/* SPAN TITLE BULLE */
span.help{color:#868cb3;cursor:help;}

/* POPUP MESSAGE */
.popup{color:#FDA944;background:url("../../images/box-confirmation-bg.png");display: block; height: 100%; position: fixed; width: 100%;z-index: 10;}
.popup_message_content {display: block; height: 319px; padding-left: 198px;padding-top: 10px;width: 385px;z-index: 10;position:relative;top:25%;left:20%}
.popup_message_content.general{background:url("../../images/box-confirmation-general.png");}
.popup_message_content.soldat{background:url("../../images/box-confirmation-soldat.png");}
.popup_top p {padding-left: 32px;padding-top: 85px;}
.popup_middle {    padding-right: 5px;border:1px dotted;margin-left: 32px;margin-top: 15px;height: 97px;overflow-x: hidden; overflow-y: scroll; width: 305px;}
.popup_middle_noscroll {    padding-right: 5px;margin-left: 32px;margin-top: 15px; width: 305px;}
.popup_middle UL {padding-left: 15px;margin:0px;}
.popup_middle UL LI{list-style:square;}
.popup_bottom {margin-left: 25px;width: 320px;}
.popup_bottom .popup_button {border-radius:10px;cursor:pointer;background-color:#FDA944;color:#333;font-size: 18px;font-weight: bold;margin:auto;margin-top:5px;; padding-bottom: 2px; padding-top: 2px; text-align: center;text-transform: uppercase;width: 50px;}
.popup_bottom .popup_button:hover {border-radius:5px;background-color:#333;color:#FDA944;}

/* PROGRESS BAR */
.progressbarCounter {
    height: 17px;
    line-height: 18px;
    width: 142px;
    border:3px solid;
    border-top-color:#000;
    border-left-color:#000;
    border-bottom-color:#222;
    border-right-color:#222;
    margin-left:19px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* PROPAGANDE */
div.cadre_h div.propagande div.jCarouselLite ul.propagande-text li
{
	word-break:break-all;
	  overflow: hidden;
	  -o-text-overflow: ellipsis; /* pour Opera 9 */
	  text-overflow: ellipsis; /* pour le reste du monde */
}


/* ANNONCE */
div.annonce {
    background: url("../../images/annonce_pub.png") repeat scroll 0 0 transparent;
    color: #E38F35;
    height: 100px;
    margin: 0 0 -105px 450px;
    padding: 5px;
    position: absolute;
    width: 480px;
    padding-top:20px;
    font-size:14px;
}

.propagande UL.propagande-text {text-align:center; color:#e38f35; width:680px; margin-top:8px;}
.propagande UL.propagande-text LI{width:758px;}

/* INFORMATION */
td.information div
{
	padding:5px;
	color:#3c6fa5;
    background-color: #064b93;
	border:2px solid #3c6fa5;
}
td.information div u
{
	font-weight:bold;
	padding:5px;
    font-size:15px;
}
td.warning div
{
	font-weight:bold;
	border:2px solid;
	padding:5px;
	color:red!important;
}


/* SORTABLE */
tr.sort-placeholder
{
	border:1px dotted solid;
	height:15px;	
	background:grey;
}

/* FIXED BOTTOM */
.fixed_footer {
    bottom: 1px;
    position: fixed;
}
.regiment_fixed {
    background: none repeat scroll 0 0 black;
    border: 1px solid #FDA944;
    bottom: 0;
    color: #E2B27E;
    margin-bottom: 1px;
    opacity: 0.6;
    padding: 5px;
    float: left;
    position: relative;
    bottom:1px;
    margin-bottom: 1px;
}
.regiment_fixed:hover {
    opacity: 1;
}

.regiment_fixed .regiment_fixed_details{
	display:none;
}

.regiment_fixed:hover > .regiment_fixed_details{
	display:block;
}

/* Compagnie occupé */
.regiment_nom {
    color: #E38F35;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-decoration: underline;
}
.regiment_details
{
}
.compagnie_details
{
}

/* PAYPAL */


.paypal_bloc
{
	border: 1px solid;
    display: block;
    float: left;
    font-size: 20px;
    margin: 5px;
    padding: 7px;
    width: 216px;
    text-align: center;
}


.paypal_bloc_focus
{
	border: 3px solid;
	color:green;
    display: block;
    float: left;
    font-size: 20px;
    margin: 2px;
    padding: 7px;
    width: 216px;
    text-align: center;
}

.paypal_titre
{
	display: block;
    font-size: 22px;
    text-decoration: underline;
}

.paypal_cout
{
	display: block;
    font-size: 30px;
    font-weight: bold;
}

.paypal_bonus
{
	display: block;
    font-size: 14px;
}


.paypal_select
{
	display: block;
    font-size: 15px;
    padding-top: 10px;
}

	
.paypal_validation
{
    border: 2px solid;
    margin: auto;
    padding: 7px;
    text-align: center;
    width: 250px;	
}

/** HELPER **/
.mission_help .cadre_h{background-image:url(../../images/interface/cadre_h_mission_1.png); width:1012px; height:157px;}
.mission_success_help .cadre_h{background-image:url(../../images/interface/cadre_h_mission_1_success.png); width:1012px; height:157px;}

/** ANNONCE **/
.annonce-text.nouvelle{color:#e9e9ea}
.annonce-text.annulation{color:#bc3434}
.annonce-text.astuce{color:#b2ba33}
.annonce-text.avertissement{color:#bc7a34}
.annonce-text.information{color:#2e6ca0}
.annonce-text.questionnaire{color:#ae1c99}
.annonce-text.validation{color:#7fbf1c}

/** POPUP CUSTOM **/
div#popup_custom.popup_block div#popup_custom_content table{widht:100%;}
div#popup_custom.popup_block div#popup_custom_content table th{background-color: #111111;border: 1px solid #232323; color: #E38F35; height: 30px;text-transform: uppercase;}
div#popup_custom.popup_block div#popup_custom_content table tr.sub_th th {color: #d1924f;text-decoration: underline;text-transform: uppercase;}
div#popup_custom.popup_block div#popup_custom_content table td span.title {color: #bda58c;text-decoration: underline;text-transform: uppercase;}

/** LIGUE CLASSEMENT **/
.ligue_1e{background-color:gold;}
.ligue_2e{background-color:silver;}
.ligue_3_4e{background-color:brown;}
.ligue_5_10e{background-color:grey;}

/** tr_width **/
.tr_width{height:1px!important;padding:0!important}
.tr_width td, .tr_width th{height:1px!important;padding:0!important}

/** td_color **/
.cadre_m TABLE TD.td_green	{text-align: center; width: 100px;  border: 1px solid green;color:green} /* background: none repeat scroll 0px 0px #8bc18b;*/
.cadre_m TABLE TD.td_yellow	{text-align: center; width: 100px; border: 1px solid yellow;color:yellow}/* background: none repeat scroll 0px 0px #bac18b;*/
.cadre_m TABLE TD.td_orange	{text-align: center; width: 100px; border: 1px solid orange;color:orange}/* background: none repeat scroll 0px 0px #c18b8b;*/
.cadre_m TABLE TD.td_red	{text-align: center; width: 100px; border: 1px solid red;color:red}/* background: none repeat scroll 0px 0px #c18b8b;*/
.cadre_m TABLE TD.td_grey	{text-align: center; width: 100px; border: 1px solid #666666;color: #666666}
.cadre_m TABLE TD.td_blue	{text-align: center; width: 100px; border: 1px solid #00bcff;color: #00bcff}

.td_green	{color:green} /* background: none repeat scroll 0px 0px #8bc18b;*/
.td_yellow	{color:yellow}/* background: none repeat scroll 0px 0px #bac18b;*/
.td_orange	{color:orange}/* background: none repeat scroll 0px 0px #c18b8b;*/
.td_red	    {color:red}/* background: none repeat scroll 0px 0px #c18b8b;*/
.td_grey	{color: #666666}
.td_blue	{color: #00bcff}
/* background: none repeat scroll 0px 0px #c18b8b;*/

/** td_radio **/
.cadre_m TABLE TD.td_radio{cursor:pointer;}
.cadre_m TABLE TD.td_radio input[type=radio]{display:none;}
.cadre_m TABLE TD.td_radio:hover{background:#222;}
.cadre_m TABLE TD.td_radio.selected{background:#444;border:1px solid;color:#AAA}

/** td_checkbox **/
.cadre_m TABLE TD.td_checkbox{cursor:pointer;}
.cadre_m TABLE TD.td_checkbox input[type=checkbox]{display:none;}
.cadre_m TABLE TD.td_checkbox:hover{background:#222;}
.cadre_m TABLE TD.td_checkbox.selected{background:#444;border:1px solid;color:#AAA}

/** div_checkbox **/
.cadre_m TABLE TD div.div_checkbox{cursor:pointer;border:1px solid;}
.cadre_m TABLE TD div.div_checkbox input[type=checkbox]{display:none;}
/*.cadre_m TABLE TD div.div_checkbox:hover{background:#222;}*/
.cadre_m TABLE TD div.div_checkbox.selected{background:#222;border:1px solid;color:#AAA}
.cadre_m TABLE TD div.div_checkbox{float:left;padding:10px 5px ;margin-left:5px;margin-bottom:5px;}
.cadre_m TABLE TD div.div_checkbox.first{float:left;margin-left:0px;margin-bottom:5px;}
.cadre_m TABLE TD div.div_checkbox.last{float:left;margin-bottom:5px;}

/*
 * Etapes de préparation : conserver le HTML et les contrats POST Legacy,
 * mais remplacer la grille fixe par des cartes fluides. Les règles sont
 * limitées aux trois étapes 1 pour ne pas modifier les autres écrans.
 */
.content.game.page-entrainements-etape1 .div_checkbox,
.content.game.page-operations-etape1 .div_checkbox,
.content.game.page-attaquer-etape1 .div_checkbox {
	box-sizing:border-box;
	float:left;
	height:auto !important;
	margin:0 .75rem .75rem 0 !important;
	min-height:250px;
	padding:1rem !important;
	position:relative;
	width:calc(33.333% - .75rem) !important;
}
.content.game.page-entrainements-etape1 .div_checkbox:nth-of-type(3n),
.content.game.page-operations-etape1 .div_checkbox:nth-of-type(3n),
.content.game.page-attaquer-etape1 .div_checkbox:nth-of-type(3n) { margin-right:0 !important; }
.content.game.page-entrainements-etape1 .div_checkbox:hover,
.content.game.page-operations-etape1 .div_checkbox:hover,
.content.game.page-attaquer-etape1 .div_checkbox:hover { box-shadow:0 0 0 2px rgba(169,253,68,.35); }
.content.game.page-entrainements-etape1 .div_checkbox input[type=checkbox],
.content.game.page-operations-etape1 .div_checkbox input[type=checkbox],
.content.game.page-attaquer-etape1 .div_checkbox input[type=checkbox] { display:block; position:absolute; right:.75rem; top:.75rem; }
.content.game.page-entrainements-etape1 .div_checkbox > div:first-of-type,
.content.game.page-operations-etape1 .div_checkbox > div:first-of-type,
.content.game.page-attaquer-etape1 .div_checkbox > div:first-of-type { box-sizing:border-box; width:78% !important; }
.content.game.page-entrainements-etape1 form > table,
.content.game.page-operations-etape1 form > table,
.content.game.page-attaquer-etape1 form > table { width:100%; }

@media (max-width:700px) {
	.content.game.page-entrainements-etape1 .div_checkbox,
	.content.game.page-operations-etape1 .div_checkbox,
	.content.game.page-attaquer-etape1 .div_checkbox {
		float:none;
		margin:0 0 .75rem !important;
		min-height:0;
		width:100% !important;
	}
	.content.game.page-entrainements-etape1 .div_checkbox:nth-of-type(3n),
	.content.game.page-operations-etape1 .div_checkbox:nth-of-type(3n),
	.content.game.page-attaquer-etape1 .div_checkbox:nth-of-type(3n) { margin-right:0 !important; }
}

.cadre_m TABLE TD div.cie_select{opacity:0.6;}
.cadre_m TABLE TD div.cie_select:hover{opacity:1;}
.cadre_m TABLE TD div.cie_disable{opacity:0.2}
.cadre_m TABLE TD div.cie_select.selected{opacity:0.8;}


/** nostyle **/
.cadre_m TABLE.nostyle{margin-bottom:0;margin-left:0;}


/** CKE EDITOR **/
.cke_dialog_contents input{color:#000;}

/** forum-lecture **/
#forum-lecture img{text-align:center;border:1px solid orange;}


/** cadre_titre **/
.cadre_titre {
	display: table-cell;
    font-size: 10px;
    height: 35px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 140px;
}

.cadre_time
{
	font-size: 14px;
    margin-left: 74px;
    width: 50px;
}

.tr_link{cursor:pointer;}
.tr_link:hover td{background-color: #212121;}

/** **/
#front-1{}
#front-2{}
#front-3{}
#front-4{}
#front-5{}
.rapport_attaquant .name{color:#006400}
.rapport_defenseur .name{color:#8b0000}
.front-block{}
.front-block{}
.front-block table th{color: #443926;}
.front-title{padding: 5px; font-size: 15px; color: #443926; font-weight: bold;}
.front-details.front-victoire .front-attaque td.front-result{color:#006400;}
.front-details.front-egalite .front-attaque td.front-result{color:#fafad2;}
.front-details.front-defaite .front-attaque td.front-result{color:#8b0000;}
.front-details.front-victoire .front-defense td.front-result{color:#8b0000;}
.front-details.front-egalite .front-defense td.front-result{color:#fafad2;}
.front-details.front-defaite .front-defense td.front-result{color:#006400;}

/** **/
.marqueur_box{position: absolute; width: 150px; height: 45px; background: none repeat scroll 0% 0% #333333; padding: 10px;color: #777777;text-transform: uppercase;text-align: center;}