/* CSS definitions for fonts */

BODY { margin: 0; background: #5a6d85;font: 12px "Verdana";}//#5a6d85
TABLE, TD { font: 12px "Verdana"; }

a.menu {  padding:2px;background-color:#ffffff; }

a.menu:link { color:#006699; text-decoration:none; }
a.menu:hover {  background-color:#cccccc; text-decoration:none; }
object.noevent {pointer-events: none;}

A { color: #006699;  text-decoration: none;} 
A:hover { color: #ddaa00; text-decoration: none; }

A.und { color: #000000; text-decoration: none; } 
A:hover.und { color: #000000; text-decoration: underline; }

A.und2 { color: #666666; text-decoration: none; } 
A:hover.und2 { color: #ddaa00; text-decoration: none; }

A.titleM { font: 14px "Arial black"; color: #ffffff; text-shadow: 1px 1px black;}
A:hover.titleM { text-decoration: underline; }

A.white { color: #ffffff; text-decoration: none; } 
A:hover.white { color: #ffffff; text-decoration: underline; }

//A.bug { color: #ffffff; text-decoration: none; } 
//A:hover.bug { color: #ffcc00; text-decoration: underline; }

.fakelink { color: #006699;  text-decoration: none; cursor:pointer;}
.fakelink:hover { color: #ddaa00;  text-decoration: none; cursor:pointer;}
.fakeund { color: #000000; text-decoration: none;  cursor:pointer;}
.fakeund:hover { color: #000000; text-decoration: underline; cursor:pointer;} 

.showtext, .showtext_foreign {position:absolute;bottom:3px;right:50px; font: 12px "Arial black";background:black;cursor:pointer;}
.showtext {color: #666666;}
.showtext_foreign {color: #ffdd33;}

.search 			{ color: #999999; cursor:hand; }
.search10 			{ font: 10px "Verdana" ;color: #999999; cursor:hand; }
.search11 			{ font: 11px "Verdana" ;color: #999999; cursor:hand; }

.S20, .S18, .S16, .S14, .S13, .S12, .S11, .S10, .G14, .G12, .G11, .G10, .O16, .O14, .O12, .O11, .O10 {font-family: "Verdana" ;}
.S20 			{ font-size: 20px; }
.S18 			{ font-size: 18px; }
.S16 			{ font-size: 16px; }
.S14 			{ font-size: 14px; }
.S12			{ font-size: 12px; }
.S13			{ font-size: 13px; }
.S11			{ font-size: 11px; }
.S10 			{ font-size: 10px; }

.G16, .G14, .G12, .G11, .G10 {color: #666666;}
.G10 			{ font-size: 10px;}
.G11			{ font-size: 11px;}
.G12 			{ font-size: 12px;}
.G14 			{ font-size: 14px;}
.G16 			{ font-size: 16px;}

.O16, .O14, .O12, .O11, .O10 {color: #ddaa00;}
.O10 			{ font-size: 10px;}
.O11 			{ font-size: 11px;}
.O12 			{ font-size: 12px;}
.O14 			{ font-size: 14px;}
.O16 			{ font-size: 16px;}

.Y12 			{ font: 12px Verdana ; color: #ffdd33; }

.V10 			{ font: 10px Verdana ; color: #009900; }
.V11			{ font: 11px Verdana ; color: #009900; }
.V12 			{ font: 12px Verdana ; color: #009900; }
.V14 			{ font: 14px Verdana ; color: #009900; }

.B10 			{ font: 10px Verdana ; color: #003399; }
.B11			{ font: 11px Verdana ; color: #003399; }
.B12 			{ font: 12px Verdana ; color: #003399; }
.B14 			{ font: 14px Verdana ; color: #003399; }
.B16 			{ font: 16px Verdana ; color: #003399; }

.R10 			{ font: 10px Verdana ; color: #ff3333; }
.R11			{ font: 11px Verdana ; color: #ff3333; }
.R12 			{ font: 12px Verdana ; color: #ff3333; }
.R14 			{ font: 14px Verdana ; color: #ff3333; }
.R16 			{ font: 16px Verdana ; color: #ff3333; }

.W10 			{ font: 10px Verdana ; color: #ffffff; }
.W11			{ font: 11px Verdana ; color: #ffffff; }
.W12 			{ font: 12px Verdana ; color: #ffffff; }
.W14 			{ font: 14px Verdana ; color: #ffffff; }
.W16 			{ font: 16px Verdana ; color: #ffffff; }

.Card20, .UBCard20, .Card18, .Card16, .Card15, .Card14, .Card13, .Card12, .Card11, .Card10, .CardG20, .CardG18, .CardG16, .CardG14, .CardG13, .CardG12, .CardG11, .CardG10 {font-family: "Book Antiqua" ;}
.Card20		{ font-size: 20px; }
.Card18		{ font-size: 18px; }
.Card16		{ font-size: 16px; }
.Card15		{ font-size: 15px; }
.Card14		{ font-size: 14px; }
.Card13		{ font-size: 13px; }
.Card12		{ font-size: 12px; }
.Card11		{ font-size: 11px; }
.Card10		{ font-size: 10px; }

.UBCard20	{font-size: 20px;color:white; background:#333333;border-radius:3px;margin-bottom:5px;display:inline-block;padding:2px 4px 2px 4px;}


.CardG20, .CardG18, .CardG16, .CardG14, .CardG13, .CardG12, .CardG11, .CardG10 {color: #666666;}
.CardG20		{ font-size: 20px;}
.CardG18 			{ font-size: 18px; }
.CardG16 			{ font-size: 16px; }
.CardG14 			{ font-size: 14px; }
.CardG13			{ font-size: 12px; }
.CardG12			{ font-size: 13px; }
.CardG11			{ font-size: 11px; }
.CardG10 			{ font-size: 10px; }

.CardW14, .CardW16 {font-family: "Book Antiqua" ; color: #ffffff;}
.CardW14	{ font-size: 14px; }
.CardW16	{ font-size: 16px; }

.win_title {background:black;border:1px black solid;border-radius:2px;padding:4px 4px 4px 4px;margin:2px; font: 16px "Arial black" ;color: #ffffff; }
.title12, .title14, .title16 {font-family: "Arial black" ; color: #ffffff; }
.title12 			{ font-size: 12px;}
.title14 			{ font-size: 14px;}
.title16 			{ font-size: 16px;}

.titleB12, .titleB14, .titleB16 {font-family: "Arial black" ; color: #5a6d85; }
.titleB12 			{ font-size: 12px;}
.titleB14 			{ font-size: 14px;}
.titleB16 			{ font-size: 16px;}

.setmenu, .setmenu_chosen {display:inline-block; padding:1px 3px 1px 3px;margin:2px;border-radius:5px;}
.setmenu {background:transparent;color: #5a6d85;cursor:pointer; }
.setmenu_chosen {background:#5a6d85;color: #ffffff; }

.auth {display:inline-block;margin:2px;}

.auth_P, .auth_R, .auth_B {display:inline-block;border:1px black solid;border-radius:2px;padding:2px 2px 2px 2px;margin:2px; font: 12px "Verdana" ;color: #ffffff; }
.auth_P {background:#009900;}
.auth_R {background:#ddaa00;}
.auth_B {background:#ac0909;}

//.titleM	{ font: 14px "Arial black" #ffffff;text-shadow: -1px -1px black;}

.rainbow {

  font-size: 20px;
  font-family: "Impact";
  background: linear-gradient(#626e77, #c8e2f2);
  color:transparent;
 -webkit-background-clip: text;
  background-clip: text;
  
}

.rainbow_border {

text-shadow:1px -1px 0 black;
  
}

.titre			{ font: 14px Verdana ; color: #ffffff; }
.preload			{ display: none; }


.lil_menu {display:inline-block;border:1px #fffff2 solid;padding:2px;border-radius:5px;margin:1px;}

.img_lil {display:block;width:100px;height:142px;}
.img_sep {display:block;width:100%;height:1px;}
.img_sep2 {display:block;width:100%;height:2px;}
.msg_options {display:inline-block;cursor:pointer;height:25px;}

.th_img		{width:92%;height:94%;vertical-align:middle;}
.th_block {padding:2px;width:154px;height:245px;float:left;}
.th_block_PN {padding:2px;width:304px;height:245px;float:left;}
.th_block_SC {padding:2px;width:220px;height:350px;float:left;}
.th_frame_N {width:150px;height:210px;background:url(http://magic-ville.com/fr/graph/carte/th_frame_N.png);background-size: 100% 100%;line-height:210px;}
.th_frame_B {width:150px;height:210px;background:url(http://magic-ville.com/fr/graph/carte/th_frame_B.png);background-size: 100% 100%;line-height:210px;}
.th_frame_G {width:150px;height:210px;background:url(http://magic-ville.com/fr/graph/carte/th_frame_G.png);background-size: 100% 100%;line-height:210px;}
.th_frame_S {width:150px;height:210px;background:url(http://magic-ville.com/fr/graph/carte/th_frame_S.png);background-size: 100% 100%;line-height:210px;}
//.proxy {float:left;display:block;margin:0px;padding:0px;width:211px;height:301px;}
//.proxy_mm {display: inline-block; width: 63mm; height: 88mm; page-break-inside: avoid;}

.search_item {color: #999999; cursor:hand;padding:0px 4px 0px 1px;margin:1px;border-radius:8px;}
.search_item_gr {cursor:hand;padding:1px;border-radius:8px;}
.search_set1 {display:inline-block;width:175px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}
.search_set1bis {display:inline-block;width:265px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}
.search_set2 {width:175px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}

.search_input {border-radius:2px;outline:0px;padding:2px;border:1px #999999 solid;font-size: 14px;}
.menu_item_active {display:inline-block; padding:1px 3px 1px 3px; border-radius:5px;background:#ffdd33;}
.menu_item_not_active { color: #006699; cursor:pointer; display:inline-block; padding:1px 3px 1px 3px; border-radius:5px;}
.menu_item_not_active:hover { color: #ddaa00;}

.infinite_tag {display:inline-block;background:#f3f3e6;padding:2px 4px 2px 4px;margin-right:5px;margin-bottom:5px;border-radius:4px;border:1px #cccccc solid;}



.card_box, .card_box_180Y, .card_box_180Ya, .card_box_180X, .card_box_180Xa, .card_box_cont, .card_box_contB1, .card_box_contB2, .card_box_90h, .card_box_90a, .card_box_180, .card_box_meld, .card_box_melda, .card_box_meldb {
  position:absolute;
  width:325px;
  height:460px;
  transition: all .5s;
  transform-style: preserve-3d;

  
  -webkit-backface-visibility: hidden;
  moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card_box_stats_b1, .card_box_stats_b2 {
  position:absolute;
  width:325px;
  height:460px;
  transition: all .5s;
  transform-style: preserve-3d;
   left:67px;
    
  -webkit-backface-visibility: hidden;
  moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card_box_stats_a1, .card_box_stats_a2 {
  position:absolute;
  width:460px;
  height:325px;
  transition: all .5s;
  transform-style: preserve-3d;
  top:67px;
  
  -webkit-backface-visibility: hidden;
  moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card_box_180Y {transform: rotateY(180deg);}

.card_box_180Ya {transform: rotateY(-180deg);}

.card_box_180X {transform: rotateX(180deg);}

.card_box_180Xa {transform: rotateX(-180deg);}

.card_box_meld {transform: rotate(90deg);}

.card_box_melda {transform: rotateY(180deg);}

.card_box_meldb {transform: rotate(90deg) rotateY(-180deg);}

.card_box_stats_a2 {transform: rotate(90deg) rotateY(-180deg);}

.card_box_stats_b1 {transform: rotateY(180deg) rotate(90deg);}

.card_box_cont {transform: rotateY(180deg) rotate(90deg);}

.card_box_contB1 {transform: rotateY(-180deg);}
.card_box_contB2 {transform: rotateY(0deg) rotate(-90deg);}

.card_box_90h {transform: rotate(90deg);}

.card_box_90a {transform: rotate(-90deg);}

.card_box_180 {transform: rotate(-180deg);}

.card_box_med, .card_box_med_180Y, .card_box_med_180Ya, .card_box_med_180, .card_box_med_meld, .card_box_med_meldb {
  position:absolute;
  width:220px;
  height:307px;
  transition: all .5s;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card_box_med_180 {transform: rotate(-180deg);}

.card_box_med_180Y {transform: rotateY(180deg);}
.card_box_med_180Ya {transform: rotateY(-180deg);}
.card_box_med_meld {transform: rotate(90deg);}
.card_box_med_melda {transform: rotateY(180deg);}
.card_box_med_meldb {transform: rotate(90deg) rotateY(-180deg);}


.container_popup {
    position: relative;
    position: fixed;
    visibility:hidden;
    z-index:10;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom:0px;
    background: rgba(0,0,0,.8);
     overflow:scroll;
    //background: linear-gradient(rgba(255,255,255,.9), rgba(255,204,255,.9));
}

.popup {
    padding:10px;
    position: relative;
    margin: auto;
}