.clear_tel {clear:both;}

HTML {font-size: 200%;}
.htel {display:none !important;}

HEADER #con {width:100%; text-align:center;}
HEADER > INPUT {display:none;}

H2 {font-size:3rem;}
H3.st {font-size:0.9rem; width:102%;}

.icon-guardian,.icon-mystic,.icon-seeker,.icon-rogue,.icon-survivor
{background-image:url("../IMAGES/fac1gr.png") !important; width:1rem !important; height:1rem !important; background-size:100%; vertical-align:middle !important;}
.icon-mystic{background-image:url("../IMAGES/fac4gr.png") !important;}
.icon-seeker{background-image:url("../IMAGES/fac2gr.png") !important;}
.icon-rogue{background-image:url("../IMAGES/fac3gr.png") !important;}
.icon-survivor{background-image:url("../IMAGES/fac5gr.png") !important;}

#menu_haut {display:none;}

#menu {margin-top:10rem;}
#menu LI {margin-bottom:5%;}
#menu LI A {width:80%; height:5rem; display:inline-block; float:none;}
#menu LI A::after {display: none;}
#menu LI A IMG {position:relative; width:auto; height:90%; margin-left:2%; margin-top:0.2rem;}
#menu LI A I {position:relative; width:auto; margin-left:2%; font-size:4rem; display:inline-block; margin-top:0.5rem;}
#menu LI A SPAN {position:relative; bottom:auto; width:75%; font-size:2rem; display:inline-block; float:right; height:100%; line-height:5rem;}

#extensions {display:none;}
#ext_tel {display:block; position:relative;}
#ext_tel SELECT {display:block; width:100%; margin-left:1%;height:3rem; font-size:2rem; margin-bottom:1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
    background-image:
    linear-gradient(45deg, transparent 50%, transparent 100%),
    linear-gradient(135deg, transparent 100%, transparent 100%),
    radial-gradient(#ddd 50%, transparent 52%);
  background-position:
	calc(100% - 1rem) calc(1em + 2px),
    calc(100% - 1rem) 1rem,
    100% 0;
  background-size:
    1px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}
#ext_tel .fa-sort-down {position:absolute; top:30%; right:3%; font-size:1rem;}
#ext_tel:hover .fa-sort-down:before{content:"\f0de" !important;top:100% !important;}


#cartes {width:calc(102% - 2rem);float:none;margin:0;}
#cartes FONT {font-size:1rem;}
.tableau TR TH {font-size:1rem;}
.tableau TR TH:first-child {width:40%;}
.tableau TR TD {font-size:0.9rem;}

#rechtel {height:2.8rem; width:80%; margin-top:0.2rem; margin-left:1%; margin-bottom:0.4rem; padding-left:0.5rem; display:inline-block; font-size:1rem; border:1px solid black;}
#rechtelbtn {height:2.8rem; width:15%; margin-top:0.2rem; margin-left:1%; margin-bottom:0.4rem;  display:inline-block; font-size:1rem; border:1px solid black;}
.cherche {width:95% !important; margin-left:0% !important; min-height:93% !important; font-size:1rem !important;}
.cherche INPUT[type='text'] {height:2rem; border:1px solid black; width:auto; min-width:60%; margin-left:0%; margin-top:0.4rem; padding-left:0.5rem;}


#carte { width: 95%; }
#carte > DIV {float:none;width:100%;}
#carte TITRE H3.long {font-size:2rem;} 
#carte TITRE H3.tlong {font-size:1.5rem; line-height:3rem;} 
#carte TITRE H3.ttlong {font-size:1rem; line-height:3rem;} 
#img_fr,#img_us {float:none;width:93%; margin-top:3rem; max-width:inherit !important;}
#img_fr_back,#img_us_back {float:none;width:93%; margin-top:3rem; max-width:inherit !important;}
#carte TITRE SPAN {margin-top:0.5rem; font-size:0.7rem; width:80%;}

#carte #c_av {font-size:1rem; padding:0.5rem; height:auto;}
#carte #c_ap {font-size:1rem; padding:0.5rem; height:auto;}
#carte #c_pack {display:none;}
#carte #c_pack_tel {font-size:0.7rem; width:96%; height:auto; font-size:1rem; border:1px solid black; background:#f5f2ff; padding:0.5rem; text-align:center;display:block; margin-bottom:1rem;}
#carte #details #des {font-size:1.2rem;}
#carte #btn_carte {font-size:2rem; padding:1rem;  margin-left:2%;cursor:pointer;}

#btnDeleteDeck,#btnVoirDeck,#btnNew {display:none;}
#btnVoirDeckTel {width:25%; right:0rem;top:1rem; font-size:1.2rem; position:absolute; display:block;}
.deck {float:none; margin-left:3%; width:100%; height:7rem; min-height:auto; border : solid white 1px; border-radius:15% 0 0 15%; position:relative; margin-bottom:1rem;}
.deck LI {font-size:0.8rem;}
.deck .deck-image {
    width: 6rem;
    height: 6rem;
	left:-1.3rem; top:0.5rem;
    border-radius: 50%;
    background-size: 17rem 12rem;
    background-position: -1rem -1.8rem;
	}
.deck-image-pur { width: 3rem; height:3rem; margin-right:1rem; margin-bottom:1rem; box-shadow: 0 0 0 3px #ecf0f1, 0 0 0 0.2rem black; background-size: 8rem 5rem; background-position:-0.5rem -1rem;}

.deck DIV:nth-child(1) {width:6rem;}
.deck DIV:nth-child(2) {width:calc(100% - 8.2rem); height:100%; min-height:auto;}

.deckzone {display:none;}
#deckcontent #infos {font-size:1rem;}
.optiondeck {display:none;}
#deck_cartes SECTION {float:none;width:100%;}
.fa-refresh {display:none;}


#menu_res LI A {width:45%; height:45%;margin-left:3.5%; margin-bottom:3.5%;}
#menu_res LI A I {position:relative; width:auto; margin-left:2%; font-size:6rem; display:inline-block; margin-top:0.5rem;}
#menu_res LI A SPAN {font-size:0.8rem;}

#h3description {display:block; }
#spandescription {padding:1rem; margin-bottom:2rem; display:block; max-height:10rem; overflow-y:scroll; font-size:1.3vw !important; text-align:justify; }


FOOTER { width:102%; font-size:0.6rem; bottom:-2%;}