/* CSS definitions for fonts */

BODY { margin: 0; background:#ffffcc;font: 12px Verdana;}
TABLE, TD { font: 12px Verdana; }

@font-face {
    font-family: titlefont; 
    src: url(https://www.magic-ville.com/fr/fonts/bankgthd.ttf); 
}

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.und3 {  font: 14px "titlefont" ;color: #000000; text-decoration: none; } 
A:hover.und3 {  font: 14px "titlefont" ;color: #000000; 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;} 

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

.S20 			{ font: 20px Verdana ; }
.S18 			{ font: 18px Verdana ; }
.S16 			{ font: 16px Verdana ; }
.S14 			{ font: 14px Verdana ; }
.S12			{ font: 12px Verdana ; }
.S13			{ font: 13px Verdana ; }
.S11			{ font: 11px Verdana ; }
.S10 			{ font: 10px Verdana ; }

.G10 			{ font: 10px Verdana ; color: #666666; }
.G11			{ font: 11px Verdana ; color: #666666; }
.G12 			{ font: 12px Verdana ; color: #666666; }
.G13 			{ font: 13px Verdana ; color: #666666; }
.G14 			{ font: 14px Verdana ; color: #666666; }
.G16 			{ font: 16px Verdana ; color: #666666; }

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

.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; }
.W20 			{ font: 20px Verdana ; color: #ffffff; }

.BG10 			{ font: 10px "titlefont" ; color: #000000; }
.BG12 			{ font: 12px "titlefont" ; color: #000000; }
.BG14 			{ font: 14px "titlefont" ; color: #000000; }
.BG15 			{ font: 15px "titlefont" ; color: #000000; }
.BG16 			{ font: 16px "titlefont" ; color: #000000; }


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

.titre			{ font: 14px Verdana ; color: #ffffff; }
.preload			{ display: none; }
.results			{ background:transparent; }
.resultsover	{ background:#dddddd; cursor:pointer;}

.results2			{ background:transparent;border-radius:5px;border:2px #fffff2 solid;margin:0px 5px 0px 5px;padding:2px;}
.resultsover2	{ background:#eeeeee; border-radius:5px;border:2px #999999 solid;margin:0px 5px 0px 5px;padding:2px;cursor:pointer;}

.mp_me {background:#fffff2;border-radius: 5px;border:1px #999999 solid;margin:5px;width:90%}
.mp_me:hover {border:1px #ffcc00 solid;}
.mp_other {background:#eeeeee;border-radius: 5px;border:1px #999999 solid;margin:5px;width:90%}
.mp_other:hover {border:1px #ffcc00 solid;}

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

.img_lil {display:block;width:100px;height:142px;}
.img_lil_hor {display:block;width:150px;height:109px;}
.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_img_noborder		{width:100%;height:100%;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_block_ART {padding:2px;width:214px;height:185px;float:left;}
.th_frame_N, .th_frame_B, .th_frame_G, .th_frame_S, .th_frame_ {width:150px;height:210px;background-size: 100% 100%;line-height:210px;}
.th_frame_N {background:url(https://www.magic-ville.com/fr/graph/carte/th_frame_N.png);}
.th_frame_B {background:url(https://www.magic-ville.com/fr/graph/carte/th_frame_B.png);}
.th_frame_G {background:url(https://www.magic-ville.com/fr/graph/carte/th_frame_G.png);}
.th_frame_S {background:url(https://www.magic-ville.com/fr/graph/carte/th_frame_S.png);}
.th_frame_art {width:210px;height:150px;background-size: 100% 100%;line-height:150px;}
.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;}
.title12 			{ font: 12px "titlefont" ; color: #ffffff; }
.title14 			{ font: 14px "titlefont" ; color: #ffffff; }
.title16 			{ font: 16px "titlefont" ; color: #ffffff; }
.title18 			{ font: 18px "titlefont" ; color: #ffffff; }
.title20 			{ font: 20px "titlefont" ; color: #ffffff; }
.search_item {color: #999999; cursor:pointer;padding:0px 4px 0px 1px;margin:1px;border-radius:8px;}
.search_item_gr {cursor:pointer;padding:1px;border-radius:8px;}

.search_set1 {display:inline-block;width:170px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}
.search_set1bis {display:inline-block;width:220px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}
.search_set2 {width:160px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}

.search_setA {width:300px;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px;margin:1px;border-radius:8px;}


.win_title {background:url(graph/fond/win_title.jpg);border:1px black solid;border-radius:2px;padding:4px 4px 4px 4px;margin:2px; font: 16px "titlefont" ;color: #ffffff; }
.win_title_set {background:url(graph/fond/win_title.jpg);border:1px black solid;border-radius:2px;padding:2px;margin:2px; font: 14px "titlefont" ;color: #ffffff; }
.brew_list {background:url(graph/fond/win_title.jpg);border:1px black solid;border-radius:2px;padding:4px 4px 4px 4px;margin:0px 2px 0px 2px; font: 16px "titlefont" ;color: #ffffff; }
.brew_list_active {background:url(graph/fond/win_title.jpg);border:1px black solid;border-radius:2px 2px 0px 0px;padding:4px 4px 4px 4px;margin:0px 2px 0px 2px; font: 16px "titlefont" ;color: #ffdd33; }
.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;}



.Sto12, .Sto12g, .Sto14, .Sto14g, .Sto16, .Sto18, .Sto20, .Sto20b, .Sto22 {font-family: "Book Antiqua" ;}
.Sto12		{ font-size: 12px; }
.Sto12g		{ font-size: 12px; color: #666666;font-style:italic;}
.Sto14		{ font-size: 14px; }
.Sto14g		{ font-size: 12px; color: #666666;font-style:italic;}
.Sto16		{ font-size: 16px; }
.Sto18		{ font-size: 18px; }
.Sto20		{ font-size: 20px; }
.Sto20b		{ color: black;font-size: 20px;text-shadow: 2px 2px 2px #eeeeee,  -2px -2px 2px #eeeeee; }
.Sto22		{ font-size: 22px; }


.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);}

.qte		{ font: 10px Verdana ; color: #666666;}

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

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