/* MAIN ------------------------------- */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}

button {
    border: 0;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
}

.mate {
    font-family: 'Mate', serif;
}

.mateSC {
    font-family: 'Mate SC', serif;
}

.title1 {
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 22px;
    color: #57361f;
    text-shadow: 1px 1px 0px #fff8e2;
}

.bold {
    font-weight: bold;
}

.justify {
    text-align: justify;
}

.noBorder {
    border: none !important;
}

body {
    background: #1a0d09;
    padding: 0;
    margin: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #342113;
}

#wrapper1600 {
    width: 100%;
    max-width: 1600px;
    min-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto;
}

#page {
    width: 100%;
    min-width: 1000px;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#content {
    width: 100%;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/fondBois.jpg);
    margin: -10px auto 0px auto;
    text-align: center;
}

#logoMain {
    width: 200px;
    height: auto;
    margin-top: 25px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/logoAccueil.png) no-repeat top center;
    display: inline-block;
}

.chapitre {
    font-family: 'Mate SC', serif;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    margin-top: 100px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
    padding-top: 5px;
}

span.beta {
    color: #FFF;
}

.tagline {
    display: inline-block;
    height: 40px;
    width: 100%;
    background: url(https://marchofhistory.cdn.oxv.fr/images/taglineAccueil.png) no-repeat top center;
    padding-top: 18px;
    font-family: 'Mate SC', serif;
    color: #000;
    text-shadow: 1px 1px 0 #FFF;
    font-size: 18px;
    text-align: center;
}

.logo_ping {
    border-bottom: none;
    position: absolute;
    background: url("https://marchofhistory.cdn.oxv.fr/images/logo_ping.png") transparent;
    width: 140px;
    height: 168px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    padding: 60px 20px;
    right: 100px;
    top: 100px;
    text-decoration: none;
    color: inherit;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -s-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn_ping;
    animation-name: bounceIn_ping;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes bounceIn_ping {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}


@keyframes bounceIn_ping {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}


.logo_ping:hover {
    color: #fff;
    top: 95px;
}

.logo_ping span {
    display: block;
    margin: auto;
    font-size: 8px;
}

.decoDrapeau {
    height: 218px;
    padding: 0px;
    text-align: left;
    width: 750px;
    display: inline-block;
}

.decoDrapeau .elementDrapeau_bloc {
    position: absolute;
    margin-top: -90px;
    margin-left: -15px;
    width: 228px;
    height: 235px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/bandeauDevant.png) no-repeat top center;
}

/* HEADER ------------------------------- */
#header {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/bandeau.jpg) no-repeat center top;
    width: 100%;
    height: 450px;
    text-align: center;
}

#headerElemLeft,
#headerElemRight {
    display: inline-block;
    height: 35px;
    padding-top: 16px;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    width: 380px;
    z-index: 300;
}

#headerElemRight {
    text-align: right;
    float: right;
}

#headerElemLeft {
    text-align: left;
    float: left;
}

/*#headerElemLeft{
width:300px;
float:left;
height:35px;
padding-top:7px;
position:relative;
}*/
#headerTop {
    width: 100%;
    min-width: 1000px;
    display: inline-block;
    height: 175px;
    padding-top: 0px;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
    background: url("https://marchofhistory.cdn.oxv.fr/images/headerAccueil.png") center;
}

#headerTop .floatLeft {
    float: left;
}

#headerTop .floatRight {
    float: right;
}

.headerElemSocialLike {
    /* background:url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png);
    border:1px solid #2c424c;*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    height: 30px;
    margin: 0 10px 0 0;
    width: auto;
    vertical-align: top;
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #6f7a84;
    box-shadow: 0px 0px 0px 1px #000 inset;
    -moz-box-shadow: 0px 0px 0px 1px #000 inset;
    -webkit-box-shadow: 0px 0px 0px 1px #000 inset;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 500;
}

.headerElemSocialLike div {
    margin-top: 5px;
}

.headerElemPlayers {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png);
    float: left;
    height: 25px;
    margin: 0;
    min-width: 100px;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 11px;
    color: #7c8f99;
    padding: 0px 3px;
    line-height: 23px;
    border: 1px solid #2c424c;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.headerElemLoginBtn,
.headerElemLoginBtnFb {
    float: left;
    height: 25px;
    margin: 0;
    width: 85px;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    border: 0;
}

#invitationFacebook {
    background: none repeat scroll 0 0 #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px 3px 3px 3px;
    color: #3B59A8;
    height: 18px;
    width: 195px;
    line-height: 17px;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
}

#iconFb12 {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 3px 8px 0px 5px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/icons/fbIcon12.gif) no-repeat;
}

span.headerElem {
    display: block;
    float: left;
    width: auto;
    height: 25px;
    line-height: 25px;
    margin: 0px 10px;
    color: #7c8f99;
    font-size: 10px;
}

#zoneAffichageLogin {
    position: absolute;
    top: 70px;
    left: 35px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png);
    padding: 10px;
    width: 250px;
    border: 1px solid #2C424C;
    border-radius: 3px 3px 3px 3px;
    color: #7C8F99;
    text-align: center;
    z-index: 1;
}

#zoneAffichageLogin button {
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png") no-repeat scroll -660px -200px transparent;
    color: #FFFFFF;
    font-family: 'Mate SC',serif;
    text-align: center;
    text-shadow: -1px -1px 0 #556166;
}

#openMotPassePerdu {
    color: #FFF;
    font-size: 9px;
    text-decoration: none;
    float: left;
}

.messageErreur {
    color: red;
}

/* INSCRIPTION AREA ------------------------------- */
#inscriptionWrapper {
    width: 100%;
    height: 88px;
    margin: -60px auto 0px auto;
    padding-top: 39px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) no-repeat center top;
    position: relative;
}

#inscriptionArea {
    width: 100%;
    height: 40px;
    margin-top: 3px;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #e9c7b7;
    display: inline-block;
}

/* CONTENT MAIN ------------------------------- */
#contentMain, .contenuLobby {
    width: 1000px;
    height: 364px;
    padding-top: 20px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/parcheminCentre.jpg) repeat-x 0px 0px;
    margin: 10px auto 0px auto;
    position: relative;
    top: -10px;
}

.contenuLobby {
    display: inline-block;
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface/mainMenuBg.jpg");
    font-size: 0px;
    text-align: center;
    padding-top: 0px;
    height: auto;
    top: -30px;
    border: 1px solid #f3e1c7;
    box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
    -webkit-box-shadow: 0px 0px 3px #000;
}

#contentMainLeft,
#contentMainRight {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/parcheminBords.png) no-repeat;
    height: 461px;
    width: 100px;
    position: absolute;
    top: -39px;
}

#contentMainRight {
    background-position: right;
    right: -70px;
}

#contentMainLeft {
    background-position: left;
    left: -70px;
}

.decoParcheminGauche, .decoParcheminDroite {
    display: inline-block;
    height: 100%;
    width: 0%;
}

.decoParchemin_blocGauche, .decoParchemin_blocDroite, .decoParchemin_blocTop, .decoParchemin_blocBottom {
    position: absolute;
    height: 100%;
    width: 55px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/parcheminBords_repeat.png) repeat-y left;
    z-index: 1;
    font-size: 0px;
}

.decoParchemin_blocTop_wrapper, .decoParchemin_blocBottom_wrapper {
    display: inline-block;
    width: 55px;
    height: 0px;
}

.decoParchemin_blocTop, .decoParchemin_blocBottom, .decoParchemin_blocCenter {
    height: 35px;
    position: relative;
}

.decoParchemin_blocCenter {
    height: 100%;
    width: 55px;
    position: relative;
    display: inline-block;
}

.decoParchemin_blocTop {
    background: url(https://marchofhistory.cdn.oxv.fr/images/parcheminBords_decoTop.png) no-repeat top left;
    top: -34px;
    left: -3px;
}

.decoParcheminDroite .decoParchemin_blocTop {
    background-position: top right;
    left: 4px;
}

.decoParchemin_blocBottom {
    background: url(https://marchofhistory.cdn.oxv.fr/images/parcheminBords_decoBottom.png) no-repeat bottom left;
    left: -3px;
}

.decoParcheminDroite .decoParchemin_blocBottom {
    background-position: bottom right;
    left: 4px;
}

.decoParchemin_blocGauche {
    left: -34px;
}

.decoParchemin_blocDroite {
    background: url(https://marchofhistory.cdn.oxv.fr/images/parcheminBords_repeat.png) repeat-y right;
}

#contentWrapper {
    width: 970px;
    height: 340px;
    margin: 0 auto;
    position: relative;
    z-index: 10000;
}

#higlightContent {
    height: 340px;
    width: 670px;
    float: left;
}

#higlightPlayer {
    height: 270px;
    width: 670px;
    margin-bottom: 15px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ajax-loader.gif) no-repeat center middle;
    background-color: #000;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    border: 1px solid #C99B55;
    position: relative;
}

#higlightPlayer .thumbLegende {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border: 0 none;
    bottom: 0;
    color: #FFF;
    font-size: 10px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#higlightStripWrapper {
    position: relative;
    height: 60px;
    width: 100%;
}

#higlightStripThumbsWrapper {
    height: 60px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
}

#higlightStrip {
    height: 60px;
    width: 10000px;
}

#higlightStripArrowLeft,
#higlightStripArrowRight {
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    width: 18px;
    height: 20px;
    position: absolute;
    top: 20px;
    display: none;
}

#higlightStripArrowLeft {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -331px -290px no-repeat;
    left: 0;
}

#higlightStripArrowRight {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -331px -314px no-repeat;
    right: 0;
}

.higlightStripThumb {
    height: 56px;
    width: 98px;
    margin-right: 13px;
    border: 1px solid #C99B55;
    float: left;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -s-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0.6;
}

.higlightStripThumbSelect,
.higlightStripThumb:hover {
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -s-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 1;
}

#presentationWrapper {
    width: 275px;
    height: 340px;
    margin: 0px 0px 0px 20px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/superposition1.png) repeat;
    float: left;
    border: 1px solid #c0905f;
}

#presentationWrapper b {
    /*font-weight: normal !important;
    font-style: italic;*/
}

.textHeader {
    width: 100%;
    height: 50px;
    position: relative;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/superposition1.png) repeat;
    text-align: center;
    line-height: 50px;
}

.headerTextDeco {
    left: 0;
    bottom: -5px;
    height: 5px;
    position: absolute;
    width: 100%;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) no-repeat center -150px;
}

.text1 {
    font-size: 11px;
    color: #342113;
    padding: 8px 15px 15px 15px;
    line-height: 14px;
}

/* CONTENT SUB ------------------------------- */
#contentSub {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/fondPapier.jpg);
    width: 950px;
    display: inline-block;
    height: auto;
    margin: -15px auto 50px auto;
    border: 1px solid #c3ac93;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 2px 2px #000;
    -moz-box-shadow: 0px 2px 2px #000;
    -webkit-box-shadow: 0px 2px 2px #000;
    padding: 25px 25px;
}

#addWrapper {
    width: 300px;
    height: auto;
    /*border:1px solid #4e3c29;*/
    float: left;
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/produit1.png") repeat scroll 0 0 transparent;
    border: 1px solid #4E3C29;
}

#newsWrapper {
    width: 620px;
    height: auto;
    margin-left: 25px;
    float: left;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit1.png) repeat;
    border: 1px solid #4e3c29;
    position: relative;
    display: inline-block;
}

.textHeaderSub {
    width: 100%;
    height: 39px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit1.png) repeat;
    font-family: 'Mate SC',serif;
    text-align: left;
    color: #e8d59f;
    font-size: 21px;
    line-height: 38px;
    text-indent: 25px;
    text-shadow: -1px -1px 0 #3a2f22;
    border-bottom: 1px solid #5c462f;
}

.icon {
    width: 16px;
    height: 16px;
    margin: 15px;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
}

.iconRss {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/icons/iconRSS.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.iconLogout {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -1300px -200px no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    color: #92B7D8;
    text-align: center;
    vertical-align: middle;
}

.iconRss:hover {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/icons/iconRSS.png) no-repeat 0px -16px;
}

.textElemSub {
    width: 96%;
    padding: 2% 2%;
    height: auto;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit1.png) repeat;
    border-top: 1px solid #9e876e;
    border-bottom: 1px solid #5c462f;
    display: inline-block;
    font-size: 12px;
}

.newsThumb {
    height: 70px;
    width: 120px;
    float: left;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/thumb120x70.gif);
    box-shadow: 2px 2px 0px #4e3d2c;
    -moz-box-shadow: 2px 2px 0px #4e3d2c;
    -webkit-box-shadow: 2px 2px 0px #4e3d2c;
}

.newsTextWrapper {
    float: left;
    margin-left: 15px;
    width: 440px;
}

.newsTitle {
    color: #fdf4d9;
    font-family: 'Mate SC',serif;
    font-size: 16px;
    text-align: left;
    text-shadow: -1px -1px 0 #3a2f22;
    padding-bottom: 5px;
}

.textContentSub {
    display: inline-block;
    height: auto;
    overflow: auto;
    width: 100%;
    font-size: 0px;
}

.newsText {
    overflow: hidden;
    color: #e8d59f;
    font-size: 11px;
    line-height: 13px;
}

.textMoreSub {
    width: 100%;
    height: 15px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit1.png) repeat;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #e8d59f;
    font-size: 11px;
    line-height: 15px;
    text-shadow: -1px -1px 0 #3a2f22;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    display: none;
}

/* FOOTER ------------------------------- */
#footer {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png) repeat scroll 0 0 transparent;
    background: url(https://marchofhistory.cdn.oxv.fr/images/degradeBas.png) repeat-x bottom, url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png) repeat scroll 0 0 transparent;
    width: 100%;
}

#footerMetalRow, .topMetalRow {
    width: 100%;
    height: 15px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) no-repeat center -133px;
    position: relative;
                  /*
z-index:110;*/
    text-align: center;
}

#footerMetalPlate, .contentMetalPlate {
    width: 50px;
    height: 25px;
    margin: -15px auto 0px auto;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) no-repeat -10px -203px;
    position: relative;
    z-index: 100;
    display: inline-block;
}

#lobbyContent #footerMetalPlate {
    top: -15px;
    display: block;
}

.contentMetalPlate {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) no-repeat -11px -233px;
    margin-top: 2px;
}

#footerContent {
    width: 710px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0px 0px;
    display: inline-block;
}

#footerContent li {
    color: #a96d54;
    font-size: 10px;
    list-style: none;
    display: inline;
    border-right: 1px solid #a96d54;
}

#footerContent li a {
    padding: 5px 10px;
    color: inherit;
    text-decoration: none;
}

#footerContent li a:hover {
    color: inherit;
    color: #d7b7aa;
}

/* MASK ------------------------------- */
.maskLeft,
.maskRight {
    width: 300px;
    height: auto;
    position: absolute;
    top: -500px;
    bottom: -900px;
    z-index: 200;
}

.maskLeft {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/mask.png) repeat-y 0px 0px;
    left: -300px;
    pointer-events: none;
}

.maskRight {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/mask.png) repeat-y -300px 0px;
    right: -300px;
    pointer-events: none;
}

/* POPUP ------------------------------- */
#modalScreen {
    width: 100%;
    height: 100%;
    min-height: 1300px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/modal.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
}

.popupContentMain {
    min-height: 150px;
    width: 92%;
    padding: 4%;
}

.popupWrapper {
    width: 420px;
    margin: 50px auto 0px auto;
}

.popupHeader {
    width: 100%;
    height: 42px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -850px -200px no-repeat;
    position: relative;
    margin-top: -5px;
    position: relative;
    z-index: 1000;
}

.popupFooter {
    width: 100%;
    height: 10px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -850px -244px no-repeat;
    position: relative;
    z-index: 1000;
}

.metalPlateHeader {
    width: 50px;
    height: 26px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -11px -200px no-repeat;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.metalPlateFooter {
    width: 50px;
    height: 26px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -11px -234px no-repeat;
    margin: -2px auto 0px auto;
    position: relative;
    z-index: 10;
}

.popupContent {
    width: 400px;
    margin: 0 auto;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/popupBg.jpg) repeat-y;
    box-shadow: 0px 15px 10px #000000;
    -moz-box-shadow: 0px 15px 10px #000000;
    -webkit-box-shadow: 0px 15px 10px #000000;
}

.popupContentHeader {
    width: 100%;
    position: relative;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/superposition1.png) repeat;
    text-align: center;
    line-height: 50px;
}

.logoPopup {
    width: 120px;
    height: 40px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -74px -162px no-repeat;
    margin: 0 auto;
}

.textHeader {}

.headerTextDeco {
    left: 0;
    bottom: -5px;
    height: 5px;
    position: absolute;
    width: 100%;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) no-repeat center -150px;
}

.popupContentForm {
    width: 100%;
}

.inscriptionFormContent1 input:hover {
    color: #23110d;
    border: 1px solid #f8eed7;
    box-shadow: inset 0px 0px 3px #442414;
    -moz-box-shadow: inset 0px 0px 3px #442414;
    -webkit-box-shadow: inset 0px 0px 3px #442414;
}

.inscriptionFormContent1 input:focus {
    color: #f8eed7;
    border: 1px solid #f8eed7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.inscriptionFormContent2 input {
    display: block;
    width: 250px;
    height: 30px;
    border: 0;
    margin: 0 auto;
}

.inscriptionFormContent1 {
    width: 88%;
    padding: 4% 6%;
    border-bottom: 1px solid #b28657;
}

.inscriptionFormContent2 {
    width: 88%;
    padding: 4% 6%;
    position: relative;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit2.png) repeat;
    text-align: center;
    border-top: 1px solid #e4d1bd;
}

.selectLabel {
    width: 90%;
    height: 30px;
    float: left;
    font-size: 9px;
}

.popupContent input[type="checkbox"] {
    width: 10px;
    height: 23px;
    float: right;
}

.popupContent input[type="button"] {
    width: 145px;
    height: 32px;
}

.popupCloseWrapper {
    width: 20px;
    height: 15px;
    position: absolute;
    top: 11px;
    right: 10px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png);
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    padding-top: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #605a4e;
}

.popupClose {
    width: 12px;
    height: 12px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -1289px -200px no-repeat;
    margin: 0 auto;
}

.popupCloseWrapper:hover .popupClose {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -1289px -214px no-repeat;
}

.inscriptionForm {}

.formRow,
.formRowCheckbox,
.formRowCaptcha {
    width: 100%;
    margin-bottom: 5px;
    min-height: 20px;
    position: relative;
}

.formRowCaptcha {
    margin-bottom: 15px;
}

.formRowCaptcha label {
    display: block;
}

.formRowCaptcha input {
    width: 230px;
    float: right;
}

.captcha {
    float: left;
}

.codeSecurite {
    height: 23px;
}

.formRowCheckbox label {
    width: 300px;
    float: left;
    font-size: 9px;
}

.inscriptionForm .displayError {
    position: absolute;
    top: 18px;
    right: 5px;
}

/*--------------------------------------------
--------------- LOBBY  -----------------------
/*------------------------------------------*/

#lobbyContent {
    width: 100%;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/fondBois.jpg);
    margin: 0px auto 0px auto;
    text-align: center;
    display: inline-block;
    position: relative;
}

#lobbyContent #contentMain {
    margin: 0px auto 0px auto;
    top: -22px;
    text-align: left;
}

#lobbyContent #contentSub {
    margin: -30px auto 50px;
}

/* HEADER  ---------------------------*/
#lobbyHeader {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/lobbyBandeau.jpg) no-repeat center top;
    width: 100%;
    height: 180px;
}

#lobbyHeaderTop {
    width: 1000px;
    height: 110px;
    padding-top: 15px;
    margin: 0 auto;
    position: relative;
}

#lobbyHeaderLogo {
    width: 160px;
    height: 50px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -70px -290px no-repeat;
    position: absolute;
    top: 10px;
    left: 0;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
}

#lobbyHeaderMenu {
    /*width:auto;
    display:table;*/
    display: block;
    width: auto;
    height: 30px;
    margin: 0 auto;
    text-align: center;
}

#lobbyHeaderMenu ul {
    padding: 0;
}

#lobbyHeaderMenu ul li {
    list-style: none;
    display: inline-block;
}

#lobbyHeaderMenu ul li a {
    text-align: center;
    padding: 0px 15px;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 14px;
    color: #92b7d8;
    text-shadow: -1px -1px 0px #101c28;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -s-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#lobbyHeaderMenu ul li a.menuActif {
    color: #FFF;
}

#lobbyHeaderMenu ul li a:hover, #lobbyHeaderMenu ul li a:active {
    color: #c0d9f0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -s-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#lobbyHeaderRight {
    width: auto;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
}

#deconnexion {
    color: #53697d;
    text-align: center;
    font-size: 10px;
    color: #92b7d8;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png);
    border: 1px solid #2f353e;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
    padding: 5px;
}

#deconnexion {
    color: #eee;
    text-decoration: none;
}

#deconnexion:hover {
    color: #fff;
}

#tokenArea {
    height: 20px;
    color: #dca90b;
    padding-right: 20px;
    position: relative;
    display: inline;
}

.tokenIcon {
    width: 20px;
    height: 20px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteAccueil.png) -1400px -200px no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
}

/* ONGLETS ---------------------------*/
#tabArea {
    height: 70px;
    /* margin: -91px auto 0px auto;*/
    margin: 0 auto;
    position: relative;
    top: -38px;
    width: auto;
    display: inline-block;
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/spriteLobby.png") repeat-x scroll 0 0 transparent;
}

.tabDecos {
    width: 0px;
}

#lobbyPageTop, .ecranChargementTop {
    width: 100%;
    height: 75px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteLobby.png) 0px -130px repeat-x;
    margin-top: -15px;
    text-align: center;
    display: inline-block;
}

#lobbyPageTop {}

.ecranChargementTop {
    display: inline-block;
}

#main ul {
    position: relative;
    z-index: 9999999;
}

.contentTab {
    width: 94%;
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: left;
}

#tabDecoLeft,
#tabDecoRight {
    width: 63px;
    height: 92px;
    position: absolute;
    top: -15px;
}

#tabDecoLeft {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteLobby.png) 0px -256px no-repeat;
    left: -63px;
}

#tabDecoRight {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteLobby.png) -71px -256px no-repeat;
    right: -63px;
}

#tabDecoCenter {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteLobby.png) 0px 0px repeat-x;
    height: 93px;
    width: 100%;
    position: absolute;
    top: -20px;
}

/* TABLE ------------------------------------ */

#main table {
    width: 100%;
    border-collapse: collapse;
}

#main table tr {}

#main table tr th {
    background: none;
    height: 30px;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 18px;
    color: #57361f;
    text-shadow: 1px 1px 0px #e6c699;
}

.pagination {
    /*position:absolute;
    bottom:12px;
    right:-100px;*/
    position: relative;
    display: inline-block;
    margin-top: 12px;
    float: right;
    z-index: 1000;
    height: 25px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/superposition1.png") repeat scroll 0 0 transparent;
}

.pagination .paginationElem {
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    width: 5px;
    height: 5px;
    line-height: 5px;
    padding: 10px;
    float: left;
    border-left: 1px solid #C99B55;
    color: #57361F;
    font-family: 'Mate SC',serif;
    font-size: 14px;
    text-align: center;
    text-shadow: 1px 1px 0 #DDB278;
}

.pagination .paginationElemSelected,
.pagination .paginationElem:hover {
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/superposition1.png") repeat scroll 0 0 transparent;
}

.contentTab input[type="text"] {
    display: block;
}

/* MON COMPTE ------------------------- */
.tabContentWrapper {
    position: relative;
    height: auto;
    display: inline-block;
    width: 99%;
}

#avatarArea,
#descriptionArea,
#infosArea {
    position: relative;
    float: left;
    margin-left: 30px;
}

#avatarArea {
    width: 180px;
    height: 250px;
    overflow: hidden;
}

#avatarWrapper {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/avatarWrapper.png) no-repeat;
    width: 180px;
    height: 230px;
    z-index: 1000000;
    position: absolute;
}

#avatarArea img {
    height: 230px;
    z-index: 100000;
    position: absolute;
}

#descriptionArea {
    width: 350px;
    height: 200px;
    padding: 10px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/superposition2.png) repeat;
    overflow-y: auto;
}

#infosArea {
    width: 450px !important;
    height: 250px;
    font-size: 12px;
    color: #57361f;
    text-shadow: 1px 1px 0px #e6cba5;
}

#infosArea div {
    min-height: 20px;
}

#infosArea span {
    margin-right: 10px;
}

.contentHeader {
    width: 633px;
    margin-left: 150px;
    height: 50px;
    line-height: 50px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentSuperpositionRepeat.png) left bottom repeat-x;
    position: relative;
    margin-bottom: 30px;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 24px;
    color: #57361f;
    text-shadow: 1px 1px 0px #fff8e2;
}

.contentHeaderLeft,
.contentHeaderRight {
    width: 200px;
    height: 50px;
    position: absolute;
}

.contentHeaderLeft {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentSuperpositionBorder.png) 0px bottom no-repeat;
    top: 0;
    left: -200px;
}

.contentHeaderRight {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentSuperpositionBorder.png) -200px bottom no-repeat;
    top: 0;
    right: -200px;
}

.contentFooter {
    position: absolute;
    width: 633px;
    bottom: 0;
    left: 150px;
    height: 50px;
    line-height: 50px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentProduitRepeat.png) left top repeat-x;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 20px;
    color: #57361f;
    text-shadow: 1px 1px 0px #ddb278;
}

.contentFooterLeft,
.contentFooterRight {
    width: 200px;
    height: 50px;
    position: absolute;
}

.contentFooterLeft {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentProduitBorder.png) 0px top no-repeat;
    top: 0;
    left: -200px;
}

.contentFooterRight {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentProduitBorder.png) -200px top no-repeat;
    top: 0;
    right: -200px;
}

.hrTop,
.hrBottom {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentHr.gif) repeat-x;
}

.hrTop {
    top: 0;
}

.hrBottom {
    bottom: 0;
}

.linkDefault {
    display: block;
    min-width: 30px;
    padding: 0px 5px;
    height: 25px;
    line-height: 25px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteBtn.png) 0px 0px repeat-x;
    border: 1px solid #f5ddba;
    margin: 5px 0;
    box-shadow: 0px 0px 1px #9d7a48;
    -webkit-box-shadow: 0px 0px 1px #9d7a48;
    -moz-box-shadow: 0px 0px 1px #9d7a48;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 14px;
    color: #fff !important;
    text-shadow: -1px -1px 0px #ae8852;
    text-decoration: none;
}

.linkDefault:hover {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteBtn.png) 0px -30px repeat-x;
}

#modifierProfil {
    float: left;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/ContentVr.gif) right top repeat-y;
}

#modifMoncompte1,
#modifMoncompte2 {
    float: left;
    width: 270px;
    margin-right: 40px;
}

#modifMoncompte3 {
    float: left;
    width: 270px;
    margin-left: 40px;
}

#modifierProfil textarea {
    height: 200px;
    width: 260px;
    padding: 10px;
    font-size: 11px;
    color: #23110d;
    border: 1px solid #dfc790;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit2.png) repeat;
    box-shadow: inset 0px 0px 3px #442414;
    -moz-box-shadow: inset 0px 0px 3px #442414;
    -webkit-box-shadow: inset 0px 0px 3px #442414;
}

#modifierProfil input[type="text"] {
    width: 100%;
}

#modifierProfil input[type="text"],
#modifierProfil input[type="password"] {
    display: block;
    width: 100%;
    height: 20px;
    border: 0;
    padding: 0px 5px;
    font-size: 11px;
    color: #23110d;
    border: 1px solid #dfc790;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/produit2.png) repeat;
    box-shadow: inset 0px 0px 3px #442414;
    -moz-box-shadow: inset 0px 0px 3px #442414;
    -webkit-box-shadow: inset 0px 0px 3px #442414;
}

#modifierProfil input[type="submit"] {
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    display: block;
    min-width: 30px;
    padding: 0px 5px;
    height: 25px;
    line-height: 25px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteBtn.png) 0px 0px repeat-x;
    border: 1px solid #f5ddba;
    margin: 5px 0;
    box-shadow: 0px 0px 1px #9d7a48;
    -webkit-box-shadow: 0px 0px 1px #9d7a48;
    -moz-box-shadow: 0px 0px 1px #9d7a48;
    font-family: 'Mate SC', serif;
    text-align: center;
    font-size: 14px;
    color: #fff !important;
    text-shadow: -1px -1px 0px #ae8852;
    text-decoration: none;
}

#modifierProfil input[type="submit"]:hover {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteBtn.png) bottom repeat-x;
}

#modifierProfil input:hover {
    color: #23110d;
    border: 1px solid #f8eed7;
    box-shadow: inset 0px 0px 3px #442414;
    -moz-box-shadow: inset 0px 0px 3px #442414;
    -webkit-box-shadow: inset 0px 0px 3px #442414;
}

#modifierProfil input:focus {
    color: #f8eed7;
    border: 1px solid #f8eed7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#modifierProfil .displayError {
    position: absolute;
    top: 2px;
    right: 2px;
}

.lobbyContent_header, .lobbyContent_contenu, .lobbyContent_footer {
    width: 90%;
    display: inline-block;
    margin-top: 10px;
}

.lobbyContent_header, .lobbyContent_footer {
    height: 40px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuClair.png") repeat scroll 0 0 transparent;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #A38755;
    border: 1px solid #F5E4D2 !important;
    font-weight: bold;
    font-size: 11px;
    color: #6d512c;
    text-shadow: 1px 1px 0 #F2E1B8;
}

.titreZoneRecherche {
    font-weight: bold;
    padding: 10px;
    padding-right: 50px;
    padding-left: 15px;
    display: inline-block;
    float: left;
    background: url("https://marchofhistory.cdn.oxv.fr/images/lobby_rechercheTitre.png") right center;
    height: auto;
    color: #000000;
    vertical-align: middle;
}

span.lobbyContent_categorie {
    vertical-align: middle;
    height: auto;
    display: inline-block;
    margin-left: 10px;
}

button.btnType, button.btnActionChamps, button.btnActionDeclaration, button.btnActionTraite, button.btnActionAnnuler, button.btnActionEnvoyer, button.btnActionEnregistrer, button.btnAction2lignes, button.btnActionFelon, button.btnActionDeclarerGuerre, button.btnConstruire, button[disabled="disabled"], button.btnInactif, select, input.btnActionLobby, button.btnActionLobby {
    background: #FFF url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0px -100px transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    border: 1px solid #EEEADF;
    border-top-color: #fff;
    -moz-box-shadow: 0px 0px 0px 1px #877147;
    -webkit-box-shadow: 0px 0px 0px 1px #877147;
    -o-box-shadow: 0px 0px 0px 1px #877147;
    box-shadow: 0px 0px 0px 1px #877147;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#877147, Direction=180, Strength=0);
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    font-family: 'Mate SC',serif;
    text-shadow: 1px 1px 0 rgba(247, 234, 198, 0.4);
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
}

button.btnType:hover {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0px -150px transparent;
}

input[type="text"] {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuFonce2.png") repeat scroll 0 0 transparent;
    min-width: 200px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #F0DAB8;
    box-shadow: 0 0 1px 0 #000000 inset;
    height: 23px;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    display: inline-block !important;
    color: #FFFFFF;
    font-style: normal;
}

button.btnActionLobby, input.btnActionLobby {
    color: #3B2A1A;
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0 0 transparent;
}

button.btnActionLobby:hover, input.btnActionLobby:hover {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0 -50px transparent;
}

button[disabled="disabled"], button[disabled="disabled"]:hover, button.btnInactif, button.btnInactif:hover {
    background-position: 0px -300px !important;
    background-color: #D8B778 !important;
    border-color: #EDDDC0 !important;
    color: #8A4B2D !important;
    text-shadow: 1px 1px 0 #EDDDC0 !important;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto !important;
}

table.listing {
    border: 1px solid #9A8654;
    border-radius: 4px 4px 0 0;
    border-spacing: 0;
    box-shadow: 0 0 2px 0 #775D3A inset;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    margin-top: 5px;
    outline: 1px solid #F4E4D4;
    padding: 0;
    width: 100%;
    font-size: 11px;
}

table.listing tr.listingEntete {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-enteteTableau.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #DCCDB0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 4px 0 0 #B19369;
    height: 40px;
    width: 100%;
}

table.listing tr.listingEntete td {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #EFE1BE;
    font-size: 10px;
    font-weight: bold;
    min-width: 90px;
    text-shadow: 1px 1px 0 #ECD8B5;
    vertical-align: middle;
    color: #462E12;
}

table.listing td {
    font-size: 11px;
    padding: 5px;
    vertical-align: middle;
    height: 33px;
}

.lobbyContent_etat {
    font-style: italic;
}

.lobbyContent_nom {
    font-weight: bold;
}

.lobbyContent_contenu .listing button {
    width: 190px;
    float: right;
    margin-right: 10px;
}

.lobby_legende {
    width: 23px;
    height: 10px;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.5);
    display: inline-block;
}

.lobbyContent_footer {
    font-size: 10px;
}

.lobbyContent_footerBloc {
    display: inline-block;
    width: 25%;
}

.footerBlocs_texte {
    display: inline-block;
    vertical-align: middle;
}

.lobbyContent_header, .lobbyContent_contenu, .lobbyContent_footer, .lobbyContent_colonne2, .lobbyContent_nouveauMessage {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.lobbyContent_header, .lobbyContent_footer, .lobbyContent_colonne2, .lobbyContent_nouveauMessage {
    height: auto;
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuClair.png") repeat scroll 0 0 transparent;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #A38755;
    border: 1px solid #F5E4D2 !important;
    font-weight: bold;
    font-size: 11px;
    color: #6d512c;
    text-shadow: 1px 1px 0 #F2E1B8;
    padding-top: 10px;
}

.lobbyContent_header {
    text-align: left;
}

.titreZoneRecherche {
    font-weight: bold;
    padding: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 15px;
    display: inline-block;
    float: left;
    background: url("https://marchofhistory.cdn.oxv.fr/images/lobby_rechercheTitre.png") right center;
    height: auto;
    color: #372417;
    vertical-align: middle;
    line-height: 12px;
    max-width: 100px;
    margin-top: -10px;
    margin-right: 10px;
}

span.lobbyContent_categorie {
    vertical-align: middle;
    height: auto;
    min-height: 20px;
    display: inline-block;
    padding-right: 10px;
    line-height: 12px;
}

.lobbyContent_header span.lobbyContent_categorie {
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 2px;
}

.nouveauMessage_header span.lobbyContent_categorie {
    text-shadow: 1px 1px 0 #F2E1B8;
    margin-left: 0px;
    max-width: auto;
}

span.lobbyContent_reponse {
    vertical-align: top;
    width: 165px;
    display: inline-block;
}

.lignesEntete span.lobbyContent_categorie, .lobby_nul span.lobbyContent_categorie {
    min-width: 80px;
    color: #6D512C;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #F2E1B8;
    margin-left: 0px;
    margin-right: 10px;
}

.lobby_nul span.lobbyContent_categorie {
    min-width: 80px;
    max-width: 150px;
    font-style: italic;
}

button.btnType, button.btnActionChamps, button.btnActionDeclaration, button.btnActionTraite, button.btnActionAnnuler, button.btnActionEnvoyer, button.btnActionEnregistrer, button.btnAction2lignes, button.btnActionFelon, button.btnActionDeclarerGuerre, button.btnConstruire, button[disabled="disabled"], button.btnInactif, select, button.btnActionLobby, a.btnActionLobby, button#boutonContinuerMicropaiement, .btnAccueil, .inscriptionBtn, input.btnType {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0px -100px transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: auto;
    min-height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    border: 1px solid #EEEADF;
    border-top-color: #fff;
    vertical-align: middle;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.7);
    margin-left: 3px;
    margin-top: 0px;
    margin-right: 3px;
    display: inline-block;
    font-family: 'Mate SC',serif;
    text-shadow: 1px 1px 0 rgba(247, 234, 198, 0.4);
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 7 4, auto !important;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
}

select {
    padding-right: 0px;
    background-color: #f5e4d2;
    font-size: 11px;
    vertical-align: middle;
    height: auto;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
}

select:after {
    content: '>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -8px;
    top: 2px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

button.btnType:hover {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0px -150px transparent;
}

input[type="text"], input[type="password"], textarea {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuFonce2.png") repeat scroll 0 0 transparent;
    min-width: 100px;
    max-width: 250px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #F0DAB8;
    box-shadow: 0 0 1px 0 #000000 inset;
    height: 23px;
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    display: inline-block !important;
    color: #FFFFFF;
    font-style: normal;
    vertical-align: middle;
}

.lobbyContent_header input[type="text"] {
    max-width: 130px;
}

.nouveauMessage_content textarea {
    max-width: 100%;
}

#popupInscription input[type="text"], #popupInscription input[type="password"], #popupInscription textarea {
    width: 250px;
}

#zoneAffichageLogin input {
    background-color: #000;
    border: #858f94 1px solid;
    width: 99%;
}

input[name="serveur"] {
    width: 178px;
}

input.inputMDPPerdu {
    margin-left: 100px;
}

input.fv_code {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    float: right;
    margin-left: 15px;
}

.formRow label {
    width: 100%;
    display: inline-block;
}

textarea {
    width: 98%;
    height: 98%;
}

input[type="text"].nbreJoueurs {
    min-width: 40px;
    width: 40px;
}

button.btnActionLobby, a.btnActionLobby, button#boutonContinuerMicropaiement, .btnAccueil, input.btnType {
    color: #3B2A1A;
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0 0 transparent;
}

button.btnActionLobby:hover, a.btnActionLobby:hover, button#boutonContinuerMicropaiement:hover {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0 -50px transparent;
}

.btnAccueil, .inscriptionBtn {
    text-shadow: none;
    height: 30px;
    opacity: 0.9;
    box-shadow: 0px 0px 0px 1px #000, 0px 0px 3px 1px transparent;
    -moz-box-shadow: 0px 0px 0px 1px #000, 0px 0px 3px 1px transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #000, 0px 0px 3px 1px transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -s-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #000;
}

.btnAccueil:hover, .inscriptionBtn:hover {
    opacity: 1;
    color: #FFF;
    box-shadow: 0px 0px 0px 1px #000, 0px 0px 3px 1px #FFF;
    -moz-box-shadow: 0px 0px 0px 1px #000, 0px 0px 3px 1px #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #000, 0px 0px 3px 1px #FFF;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -s-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#inscriptionArea .btnAccueil, .inscriptionBtn {
    text-align: center;
    font-size: 18px;
    width: 300px;
    line-height: 26px;
    margin-left: 20px;
    margin-right: 20px;
}

#popupInscription .inscriptionBtn {
    margin-top: 15px;
}

#inscriptionArea #ouvreOngletInscription {
    background: #e6d146 url("https://marchofhistory.cdn.oxv.fr/images/interface_BtnsTypes.png") repeat-x 0px -300px;
}

button[disabled="disabled"], button[disabled="disabled"]:hover, button.btnInactif, button.btnInactif:hover {
    background-position: 0px -300px !important;
    background-color: #D8B778 !important;
    border-color: #EDDDC0 !important;
    color: #8A4B2D !important;
    text-shadow: 1px 1px 0 #EDDDC0 !important;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto !important;
}

table.listing {
    border: 1px solid #9A8654;
    border-radius: 4px 4px 0 0;
    border-spacing: 0;
    box-shadow: 0 0 2px 0 #775D3A inset;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
    outline: 1px solid #F4E4D4;
    padding: 0;
    width: 100%;
    font-size: 11px;
}

table.listing tr {
    border-bottom: 1px solid #685837;
}

table.listing tr.listingEntete {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-enteteTableau.png") repeat-x scroll 0 0 transparent, url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuClair.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DCCDB0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 4px 0 0 #B19369;
    height: 40px;
    width: 100%;
}

table.listing tr.listingEntete td {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #EFE1BE;
    font-size: 11px;
    font-weight: bold;
    min-width: 90px;
    text-shadow: 1px 1px 0 #ECD8B5;
    vertical-align: middle;
    color: #462E12;
}

table.listing td {
    font-size: 11px;
    padding: 0px;
    padding-left: 10px;
    vertical-align: middle;
    height: 33px;
    border-bottom: 1px solid #685837;
}

.partieBleu, .partieVerte, .partieOrange, .partieRouge, .lobby_legende, .messageNonLu, .messageLu1, .messageLu2, .messageSelection {
    background: url("https://marchofhistory.cdn.oxv.fr/images/lobby_lignes.png") repeat;
    color: #362D1F;
}

.messageNonLu, .messageLu1, .messageLu2, .messageSelection {
    background: url("https://marchofhistory.cdn.oxv.fr/images/lobby_lignesGrandes.png") repeat;
    height: 50px;
}

.partieBleu, .messageSelection {
    /* background-position:0px 0px; */
    background: rgb(112, 149, 186);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTViYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzQ5NmY3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(112, 149, 186, 0.8) 0%, rgba(73, 111, 120, 0.8) 93%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(112, 149, 186, 0.8)), color-stop(93%, rgba(73, 111, 120, 0.8)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(112, 149, 186, 0.8) 0%, rgba(73, 111, 120, 0.8) 93%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(112, 149, 186, 0.8) 0%, rgba(73, 111, 120, 0.8) 93%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(112, 149, 186, 0.8) 0%, rgba(73, 111, 120, 0.8) 93%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(112, 149, 186, 0.8) 0%, rgba(73, 111, 120, 0.8) 93%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7095ba', endColorstr='#496f78',GradientType=0 );
    /* IE6-8 */
    background-position: top !important;
    color: #FFF;
}

.messageSelection {
    font-weight: bold;
}

.messageSelection td.lobbyContent_nom {
    background: none;
}

.lobbyContent_messagerie tr {
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto !important;
}

.partieVerte {
    background-position: 0px -66px;
}

.partieOrange {
    background-position: 0px -99px;
}

.messageNonLu {
    background-position: 0px -150px;
    font-weight: bold;
}

.partieRouge {
    background-position: 0px -33px;
}

.messageLu1 {
    background-position: 0px -200px;
}

.messageLu2 {
    background-position: 0px -250px;
}

.lobbyContent_etat {
    font-style: italic;
}

.lobbyContent_nom {
    font-weight: bold;
    min-width: 165px;
}

.lobbyContent_contenu .listing button, .lobbyContent_contenu .listing a {
    width: 190px;
    float: right;
    margin-right: 10px;
}

.lobby_legende {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    vertical-align: middle;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto !important;
    display: inline-block;
    float: none;
}

.lobbyContent_footer {
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.lobbyContent_footerBloc {
    display: inline-block;
    width: 35%;
    text-align: left;
    font-size: 8px;
}

.footerBlocs_texte {
    display: inline-block;
    vertical-align: middle;
    line-height: 11px;
}

/*messagerie*/

.lobbyContent_messagerie {
    text-align: center;
}

.lobbyContent_colonne1, .lobbyContent_colonne2 {
    display: inline-block;
    width: 620px;
    text-align: left;
    vertical-align: top;
}

.lobbyContent_colonne2 {
    width: 290px;
    height: auto;
    text-align: center;
    margin-left: 15px;
    margin-top: 4px;
    font-size: 0px;
    min-height: 312px;
    overflow: hidden;
}

.lobbyContent_messagerie button.btnActionLobby {
    width: 150px;
}

.zoneLecture_entete, .zoneLecture_action {
    font-size: 11px;
    text-align: left;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    border-bottom: #b8976a 1px solid;
    width: 100%;
    display: inline-block;
    color: #392203;
    padding: 10px;
}

.zoneLecture_contenu {
    color: #392203;
    overflow: auto;
    height: 250px;
    text-shadow: none;
    font-weight: normal;
    width: 94%;
    margin: 3%;
    display: inline-block;
    font-size: 11px;
    text-align: left;
}

.zoneLecture_entete {
    color: #1c7883;
    font-weight: bold;
}

.zoneLecture_entete .lignesEntete {
    width: 100%;
    display: inline-block;
}

.zoneLecture_action {
    text-align: right;
    border-top: #efe5ca 1px solid;
    border-bottom: none;
}

.lobby_nul {
    text-align: center;
    display: inline-block;
    margin-top: 135px;
}

.lobbyContent_nouveauMessage {
    height: auto;
    text-align: center;
    text-shadow: none;
}

.nouveauMessage_colonne1, .nouveauMessage_colonne2 {
    width: 345px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
}

.nouveauMessage_colonne2 {
    width: 540px;
}

.nouveauMessage_header, .nouveauMessage_footer {
    height: auto;
    padding: 10px;
    padding-left: 0px;
    min-height: 60px;
}

.nouveauMessage_content {
    height: 230px;
    width: 340px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuClair.png") repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    font-weight: normal;
    display: inline-block;
}

.nouveauMessage_colonne2 .nouveauMessage_content {
    width: 100%;
    background: none;
}

.nouveauMessage_colonne1 .nouveauMessage_content {
    font-style: italic;
    color: #6D512C;
}

.nouveauMessage_footer {
    text-align: right;
    width: 99%;
}

.mention_messageEnvoye {
    float: right;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #1C8511;
    float: left;
}

.messagerieBlason {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.messagerieFamille {
    color: #1C7883;
    text-transform: uppercase;
}

.messageSelection .messagerieFamille {
    color: #FFF;
}

.td_messageCheckbox {
    width: 30px !important;
    min-width: 30px !important;
}

.chargementEcran {
    display: inline-block;
    width: 0px;
    height: 0px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/illustration_ecranChargement.jpg"), url("https://marchofhistory.cdn.oxv.fr/images/barreProgression.png");
}

.iconHelp {
    background: url(https://marchofhistory.cdn.oxv.fr/images/iconHelp.png) no-repeat 0px 0px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    cursor: url(https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png) 7 4, auto !important;
    float: right;
}

.iconHelp:hover {
    background: url(https://marchofhistory.cdn.oxv.fr/images/iconHelp.png) no-repeat 0px -25px;
}

.quantiteTokenWrapper .iconHelp {
    top: 0px;
    right: 0px;
    float: none;
    position: absolute;
}

.boutonLanguesWrapper {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.fleche {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fFF;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

#listeLangues, #listeLanguesPopup, #listeLanguesBoutique {
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/opaque.png") repeat scroll 0 0 transparent;
    border: 1px solid #2C424C;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    height: auto;
    width: 160px;
    margin-left: 3px;
}

#listeLanguesPopup, #listeLanguesBoutique {
    position: absolute;
    z-index: 100000;
    overflow: auto;
    max-height: 300px;
    min-width: 200px;
}

.uneLangue, .uneLanguePopup, .uneLangueBoutique {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: #858f94 1px solid;
    border-bottom: #373f46 1px solid;
    opacity: 0.8;
    width: 100%;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto !important;
    font-size: 14px;
    font-family: 'Mate SC', serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -s-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-indent: 10px;
    background: transparent;
    text-shadow: none;
}

.uneLangue:hover, .uneLanguePopup:hover, .uneLangueBoutique:hover {
    opacity: 1;
    background: #000;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -s-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#boutonLangues {
    min-width: 120px;
    text-align: left;
}

.inscriptionDescription {
    width: 100%;
    text-align: center;
    font-style: italic;
    color: #604f35;
    padding-bottom: 10px;
    display: inline-block;
}

label {
    font-weight: bold;
}

.tdLabel {
    width: auto;
}

#popupTexte table td {
    padding: 5px;
}

#codeInvitation {
    margin-left: 50px;
}

.drapeau {
    border: 1px solid #485157;
    display: inline-block;
    vertical-align: middle;
    height: 10px;
    width: 15px;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 4px;
    opacity: 0.9;
    float: right;
    background-repeat: no-repeat;
}

.drapeau1 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/fr.png");
}

.drapeau2 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/en.png");
}

.drapeau4 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/de.png");
}

.drapeau3 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/es.png");
}

.drapeau5 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/bu.png");
}

.drapeau6 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/nl.png");
}

.drapeau7 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/it.png");
}

.drapeau8 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/pl.png");
}

.drapeau9 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/da.png");
}

.drapeau10 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/el.png");
}

.drapeau11 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/ro.png");
}

.drapeau12 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/ru.png");
}

.drapeau13 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/tr.png");
}

.drapeau14 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/lt.png");
}

.drapeau15 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/ct.png");
}

.drapeau16 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/fr.png");
}

.drapeau18 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/sl.png");
}

.drapeau19 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/hr.png");
}

.drapeau20 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/hu.png");
}

.drapeau21 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/ar.png");
}

.drapeau22 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/cn.png");
}

.drapeau23 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/no.png");
}

.drapeau25 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/cz.png");
}

.drapeau26 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/se.png");
}

.drapeau27 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/sr.png");
}

.drapeau28 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/fi.png");
}

.drapeau29 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/al.png");
}

.drapeau30 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/ba.png");
}

.drapeau31 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/me.png");
}

.drapeau32 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/id.png");
}

.drapeau18 {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/flags/sl.png");
}

.imageFlag {
    display: inline-block;
    vertical-align: middle;
    height: 11px;
    width: 16px;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 5px;
    opacity: 0.9;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

object {
    z-index: 0 !important;
}

.dateNews {
    text-shadow: none;
    color: #c7ac56;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    float: right;
}

.newsChapeau {
    color: #FFF;
    display: inline-block;
    padding-bottom: 10px;
    font-style: italic;
}

/* onglets lobby*/

#wrapper1600 .ui-tabs {
    padding: 0;
    position: static;
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/fondBois.jpg") repeat scroll 0 0 transparent;
}

#wrapper1600 .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 15px 0px 0px 0px;
    position: relative;
}

#wrapper1600 .ui-tabs #lobbyPageTop .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-state-active {
    list-style: none;
    display: block;
    height: 90px !important;
    float: left;
    text-align: center;
    padding: 0px;
    position: relative;
    border: none;
    box-shadow: none;
    margin-top: 0;
    top: 0px !important;
    position: relative;
    background: none;
}

#wrapper1600 .ui-widget-header {
    color: inherit;
}

#wrapper1600 .ui-tabs #lobbyPageTop .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: inherit;
    padding-bottom: inherit;
}

#wrapper1600 #lobbyPageTop .ui-state-default a {
    padding-left: 15px;
    padding-right: 15px;
    color: #6aa1bf;
    line-height: 65px;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -s-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

#wrapper1600 #lobbyPageTop .ui-state-active a, #wrapper1600 #lobbyPageTop .ui-state-default a:hover {
    color: #FFF;
    -webkit-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -s-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
}

#nouveauMessagePartieSource {
    margin-top: 10px;
}

/*form validator*/
.tinyTip {
    width: 235px;
    padding: 15px 0px 0px 0px;
    display: block;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/tinyTip-top.png) 0px 0px no-repeat;
}

.tinyTip .content {
    padding: 0px 15px 0px 15px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/tinyTip-content.png) 0px 0px repeat-y;
}

.tinyTip .bottom {
    height: 32px;
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/tinyTip-bottom.png) 0px 0px no-repeat;
    font: 0px/0px sans-serif;
}

#headerTop .btnAccueil, .inscriptionBtn, #boutonLanguesPopupInscription {
    background: url(https://marchofhistory.cdn.oxv.fr/images/accueil/spriteBtn2.png) 0px 0px repeat-x;
    color: #FFF;
    border-color: #8c999f;
}

#boutonLanguesPopupInscription {
    text-align: left;
    min-width: 155px;
}

#tabs {
    font-size: 0px;
}

.md-modal .enteteBloc, .md-modal .enteteBlocFooter {
    background: url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    height: 38px;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #c98669;
    border-bottom: 1px solid #000;
    -moz-box-shadow: 0 4px 0 0 #B19369;
    -webkit-box-shadow: 0 4px 0 0 #B19369;
    -o-box-shadow: 0 4px 0 0 #B19369;
    box-shadow: 0 4px 0 0 #B19369;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#8B4E34, Direction=180, Strength=3);
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    z-index: 300;
    box-shadow: 0 4px 0 0 #B19369;
    -moz-box-shadow: inset 0px 5px 10px 0px #986149;
    -webkit-box-shadow: inset 0px 5px 10px 0px #986149;
    -o-box-shadow: inset 0px 5px 10px 0px #986149;
    box-shadow: inset 0px 5px 10px 0px #986149;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#986149, Direction=180, Strength=10);
    text-align: center;
}

.md-modal .enteteBlocFooter {
    height: 5px;
    border: 1px solid #BD6A48;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.md-modal .contenuBloc {
    background: url("https://marchofhistory.cdn.oxv.fr/images/textureContent.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #eadabb;
    border-bottom: 1px solid #92774B;
    -moz-box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.3);
    border-top: none;
    display: inline-block;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    height: auto;
    margin: auto;
    text-align: center;
    width: 100%;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 2px 2px 2px #1D2C31;
    border-top: 1px solid #eedec1;
}

.md-modal .contenuBlocNotifications {
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface-sousContenuClair.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #49381B;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 18px;
    margin-top: 15px;
    min-height: 60px;
    height: auto;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px;
    width: 90%;
    display: inline-block;
}

.md-modal .enteteBlocTitre {
    display: inline-block;
    font-family: 'Mate SC', serif;
    color: #E3B15C;
    font-size: 18px;
    line-height: 33px;
    margin-left: 10px;
    text-shadow: 0px 0px 1px #000000;
}

.pasDePartieEnCours, .chargementEnCours {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.chargementEnCours {
    display: inline-block !important;
    min-height: 350px;
}

* {
    outline: none;
}

/* nouveau lobby */

.lobby2 {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 360px;
    position: relative;
}

.lobby2 table {
    width: 100%;
}

.lobby2_wrapper {
    width: 100%;
    display: inline-block;
    height: 480px;
    border: 1px solid rgba(0, 0, 0, 0.65);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain.png") rgba(255, 255, 255, 0.2);
}

.lobby2 table.enteteTable td {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    font-family: "Mate SC";
    vertical-align: middle;
    font-size: 18px;
    color: #3c1c0f;
}

.lobby2 table.enteteTable td:last-child {
    text-align: center;
}

.lobby2 td {
    padding: 12px 10px;
    font-size: 14px;
    color: #2d140b;
    text-align: right;
    vertical-align: middle;
    height: 38px;
}

.lobby2 td:nth-of-type(1) {
    width: 120px;
    text-align: left;
    padding-left: 20px;
}

.donneesTable td:nth-of-type(1) {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.lobby2 td:nth-of-type(3) {
    width: 120px;
}

.lobby2 td:nth-of-type(4) {
    width: 200px;
}

table.donneesTable tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
}

table.donneesTable tr:nth-child(odd) {
    background: none;
}

.lobby2 tr, .lobby2 tr td {
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-fleche.png") 9 8, auto !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -s-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.lobby2_wrapper .donneesTable tr:hover, .lobby2_wrapper .donneesTable tr.selection {
    background: rgba(255, 255, 235, 0.7) !important;
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 9 8, auto !important;
}

.lobby2_wrapper .donneesTable tr:hover td, .lobby2_wrapper .donneesTable tr.selection td {
    cursor: url("https://marchofhistory.cdn.oxv.fr/images/curseurs/Curseur-lien.png") 9 8, auto !important;
}

.lobby2_wrapper .donneesTable tr.selection td {
    border: none !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    box-shadow: none !important;
}

.partieZoom_content .donneesTable tr:hover, .partieZoom_content .donneesTable tr.selection {
    background: rgba(0, 0, 0, 0.2) !important;
}

.partieBleu, .partieVerte, .partieOrange, .partieRouge, .lobby_legende {
    background: none;
}

.partieBleu td:nth-of-type(1) {
    color: #1D73A2;
}

.partieBleu {
    background: #1D73A2;
}

.partieVerte td:nth-of-type(1) {
    color: #30BF0F;
}

.partieVert {
    background: #30BF0F;
}

.partieOrange td:nth-of-type(1) {
    color: #C98F00;
}

.partieOrange {
    background: #C98F00;
}

.partieRouge td:nth-of-type(1) {
    color: #CC440A;
}

.partieRouge {
    background: #CC440A;
}

.contenuLobby .contentTab, .contenuLobby .lobbyContent_contenu {
    padding-top: 0px;
    margin-top: 0;
}

/* nouveau lobby- selection*/

.partieZoom {
    width: 362px;
    height: 480px;
    position: absolute;
    right: 0;
    top: 60px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain.png") #474948;
    border: 1px solid rgba(0, 0, 0, 0.65);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 50px;
    overflow: hidden;
}

.partieZoom_header {
    background: url("https://marchofhistory.cdn.oxv.fr/images/accueil/fondBois.jpg") repeat scroll 0 0 transparent;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2QzOTQ0ZSIgc3RvcC1vcGFjaXR5PSIwLjYxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2QzOTQ0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzk0NGUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(211, 148, 78, 0.61) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(211, 148, 78, 0.61)), color-stop(63%, rgba(211, 148, 78, 0)), color-stop(100%, rgba(211, 148, 78, 0))), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(211, 148, 78, 0.61) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(211, 148, 78, 0.61) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(211, 148, 78, 0.61) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(211, 148, 78, 0.61) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd3944e', endColorstr='#00d3944e',GradientType=0 ), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* IE6-8 */
    border: 1px solid #A15F3D;
    border-top-color: #E17F58;
    border-bottom-color: #000;
    border-left: none;
    border-right: none;
    display: inline-block;
    height: auto;
    width: 100%;
}

.partieZoom_header_texte, .partieZoom_header_onglets {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 15px 20px;
    text-align: left;
}

.partieZoom_header_titre, .partieZoom_header_joueurs, .partieZoom_header_date {
    font-family: "Mate SC";
    font-size: 24px;
    color: #fff;
    display: block;
}

.partieZoom_header_joueurs, .partieZoom_header_date {
    font-size: 16px;
    float: right;
    margin-top: 10px;
}

.partieZoom_header_date {
    float: none;
    margin-top: 0;
}

.partieZoom_header_onglets {
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.65);
    display: inline-block;
    height: auto;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.46)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=0 );
    /* IE6-9 */
}

.partieZoom_header_onglets a {
    font-size: 10px;
    text-transform: uppercase;
    color: #F3EFD2;
    text-decoration: none;
    padding: 5px 20px;
    height: 100%;
    border-top: 1px solid transparent;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2QzOTQ0ZSIgc3RvcC1vcGFjaXR5PSIwLjYxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2QzOTQ0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzk0NGUiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(211, 148, 78, 0.4) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(211, 148, 78, 0.4)), color-stop(63%, rgba(211, 148, 78, 0)), color-stop(100%, rgba(211, 148, 78, 0))), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(211, 148, 78, 0.4) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(211, 148, 78, 0.4) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(211, 148, 78, 0.4) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(211, 148, 78, 0.4) 1%, rgba(211, 148, 78, 0) 63%, rgba(211, 148, 78, 0) 100%), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd3944e', endColorstr='#00d3944e',GradientType=0 ), url("https://marchofhistory.cdn.oxv.fr/images/fondBois.jpg") repeat scroll 0 0 transparent;
    /* IE6-8 */
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -s-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.partieZoom_header_onglets a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.partieZoom_header_onglets a {
    border-top-color: #D2A757;
    color: #fff;
}

.partieZoom_header_onglets a:last-child {
    text-align: right;
    border-left: 1px solid #000;
    display: none;
}

.partieZoom_content {
    display: block;
    width: 200%;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
    position: relative;
}

.partieZoom_content:before {
    content: "";
    width: 100%;
    height: 15px;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.46)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
    top: -10px;
    left: 0;
}

.partieZoom_content1, .partieZoom_content2 {
    width: 50%;
    height: inherit;
    font-size: 12px;
    display: inline-block;
    overflow: auto;
}

.partieZoom_content h1 {
    background: rgba(0, 0, 0, 0.4);
    font-family: "Mate SC";
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    margin: 0;
}

.partieZoom_content p {
    color: #fff;
    font-family: inherit;
    padding: 10px 20px;
    margin: 0;
}

.partieZoom_content p span.date {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(79, 173, 230, 1);
}

.lobby2 .partieZoom_content td {
    width: auto !important;
    padding: 5px;
    font-size: 14px;
    vertical-align: top;
    color: #fff;
    text-align: left;
}

.lobby2 .partieZoom_content td:first-child {
    padding-left: 20px;
    font-family: "Mate";
    font-size: 32px;
    font-style: italic;
    color: #fff;
    line-height: 18px;
    font-weight: normal;
}

.lobby2 .partieZoom_content td:last-child {
    padding-right: 20px;
}

.partieZoom_content span.famille {
    font-family: "Mate SC";
    font-size: 14px;
    display: block;
}

.partieZoom_content span.chef {
    font-family: "Mate";
    font-size: 12px;
    font-style: italic;
    color: #d2d2d2;
}

.partieZoom_content .blason {
    width: 30px;
    height: 36px;
    display: inline-block;
    background-repeat: no-repeat;
}

p.regles {
    padding-left: 65px;
    position: relative;
    margin-bottom: 5px;
}

#partieQuitter {
    margin-bottom: 3px;
}

p.regles:last-child {
    margin-bottom: 35px;
}

p.regles span {
    position: absolute;
    left: 15px;
    top: 5px;
}

.partieZoom_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 20px;
}

.partieZoom_content a.btnQuitter {
    margin: 0px 0px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.46)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=0 );
    /* IE6-9 */
    background-color: #555;
    border-color: #555;
    border-top-color: #aaa;
    padding: 6px 0px;
    text-shadow: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -s-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.partieZoom_content a.btnQuitter:hover {
    background-color: #666;
}

.partieZoom_footer:before {
    content: "";
    width: 100%;
    height: 15px;
    top: -15px;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.46)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=0 );
    /* IE6-9 */
    left: 0;
}

.partieZoom_footer a {
    text-align: center;
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.lobby2_legende {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    font-family: inherit;
    font-size: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #322219;
}

.lobbyContent_footerBloc {
    text-align: center;
}

.lobbyContent_footerBloc:first-child, .lobbyContent_footerBloc:last-child {
    text-align: left;
    width: 15%;
}

.lobbyContent_footerBloc:last-child {
    text-align: right;
}

.partieZoom_content table.donneesTable tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.1);
}

.cartoucheInfos {
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain.png") #1f3e4e;
    display: table;
    width: 100%;
    font-size: 0;
    margin: 20px 0px;
}

.cartoucheInfos_bloc {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 30px;
    font-size: 14px;
    color: #fff;
}

.cartoucheInfos_bloc a, .cartoucheInfos_bloc button {
    color: #eee;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -s-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cartoucheInfos_bloc a:hover, .cartoucheInfos_bloc button:hover {
    color: #fff;
}

.cartoucheInfos_bloc button {
    text-decoration: none;
    text-align: left;
    background: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 10px;
}

.cartoucheInfos_bloc button span {
    margin-right: 10px;
}

.cartoucheInfos_bloc button:hover {
    background: rgba(0, 0, 0, 0.2);
}

.cartoucheInfos_bloc:last-child {
    border-left: 1px solid #DFC07F;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.2);
}

.lobbyNul {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.mentionPartie {
    display: none;
}

.conseillee td {
    position: relative;
}

.conseillee .mentionPartie {
    display: block;
    position: absolute;
    background: #2D140B;
    padding: 3px 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    top: 0px;
    left: 0px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}


@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


/* section abonnement */

.abo_contenu, .popupAbonnement_content {
    border: 2px solid #000;
    width: 995px;
    position: relative;
    z-index: 10;
    left: -31px;
    margin-top: 25px;
    height: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_bgFond_bleu.jpg") no-repeat top right, #1B3F59;
    min-height: 800px;
}

.popupAbonnement_content {
    left: 0;
    width: 100%;
    height: auto;
    padding: 40px;
    padding-left: 160px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 0px;
    margin-top: 0px;
    text-align: center;
    border: 4px solid rgba(0, 0, 0, 0.5);
}

.abo_contenu_bloc, .sousBloc_avantages {
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bloc_presentation {
    padding: 40px;
    min-height: 200px;
    position: relative;
}

.abo_contenu_bloc h1 {
    font-family: "Mate SC";
    font-size: 60px;
    color: #fefefe;
    display: inline-block;
    width: 460px;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    line-height: 48px;
}

.abo_contenu_bloc.bloc_presentation h1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 170px;
    min-height: 160px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration0.png") left center no-repeat;
}

.abo_contenu_bloc span.mention, .popupAbonnement_content p {
    font-family: "Mate";
    font-size: 18px;
    margin-top: 10px;
    font-style: italic;
    color: #ceeaff;
    float: right;
    width: 410px;
    text-align: right;
}

.popupAbonnement_content p {
    float: none;
    width: auto;
    text-align: left;
    padding-bottom: 10px;
}

/* bloc formules */
.bloc_formules {
    height: 360px;
    margin-top: 30px;
}

.formule {
    height: auto;
    width: 25%;
    float: left;
    border-bottom: 1px solid #355B72;
    border-right: 1px solid #355B72;
    height: 100%;
    background-color: #051725;
    padding-top: 70px;
    position: relative;
    padding-bottom: 70px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -s-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.formule1, .formule3, .formule12, .formule12Plus {
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_interface.png");
    background-position: -5px -415px;
    background-repeat: no-repeat;
}

.formuleEnCours {
    background-color: #000;
}

.formule12Plus {
    background-position: -277px -415px;
    background-color: #2a050c;
}

.formule:hover {
    background-color: #0B3151;
    opacity: 1;
}

.formuleEnCours:hover {
    background-color: #000;
}

.formule12Plus:hover {
    background-color: #500a17;
}

.formule:last-child {
    border-right: none;
}

.formule_header {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_interface.png") no-repeat -8px -233px;
    width: 243px;
    height: 120px;
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    margin: auto;
    font-family: "Mate SC";
    font-size: 45px;
    color: #010100;
    text-shadow: 0 1px rgba(255, 255, 255, 0.43);
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 13px;
}

.formule12Plus .formule_header {
    background-position: -278px -233px;
}

span.nbreMois {
    font-family: "Mate SC";
    font-size: 45px;
    color: #010100;
    text-shadow: 0 1px rgba(255, 255, 255, 0.43);
    text-align: center;
    width: 100%;
    display: inline-block;
    font-style: normal;
}

.formuleEnCours span.nbreMois {
    color: #fff;
}

span.termeMois {
    display: block;
    width: 100%;
    text-align: center;
    font-family: "Mate";
    font-size: 22px;
    font-style: italic;
    color: #fefefe;
    bottom: 18px;
    position: absolute;
}

.formule_content {
    position: relative;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.formule_nom, .formule_offre, .formule_engagement, .mentionEnCours {
    font-family: "Mate";
    font-size: 26px;
    font-style: italic;
    color: #badfff;
    text-shadow: 0 0 4px rgba(0, 1, 1, 0.87);
    display: inline-block;
    width: 100%;
}

.mentionEnCours {
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
}

.formule_engagement {
    font-size: 18px;
    text-align: left;
    padding: 10px 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formule12Plus .formule_nom {
    color: #F0C70B;
}

.formule_prix, .formule_prix span, .formule_prix .nouveauPrix, .formule_topo {
    font-family: "Mate SC";
    font-size: 36px;
    color: #fff;
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formule_prix {
    line-height: 30px;
}

.formule_prix span {
    font-size: 20px;
}

.formule_prix .nouveauPrix {
    color: #f6ed00;
    font-size: inherit;
}

.formule_topo {
    font-size: 16px;
    font-family: "Mate";
    font-style: italic;
    padding: 10px 20px;
}

.formule_offre {
    font-size: 20px;
    color: #f6ed00;
    text-shadow: 0 0 15px rgba(255, 210, 0, 1), 0 0 15px rgba(255, 210, 0, 1);
    padding: 10px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mention .formule_offre {
    padding: 10px 0px;
}

.formule_header_anim {
    -webkit-border-radius: 150px 150px 35px 35px;
    border-radius: 150px 150px 35px 35px;
    width: 84px;
    height: 62px;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
}

.formule_reflet {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_reflet.png") no-repeat transparent;
    width: 53px;
    height: 60px;
    position: absolute;
    left: -53px;
    opacity: 1;
}

.formule .formule_header_anim {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -s-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-i-out;
    -webkit-box-shadow: inset 0 -10px 20px 10px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -10px 20px 10px rgba(0, 0, 0, 0.4);
}

.formule:hover .formule_header_anim {
    -webkit-box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0);
}

.formule:hover .formule_reflet {
    opacity: 1;
    left: 88px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -s-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.formuleEnCours .formule_header_anim, .formuleEnCours:hover .formule_header_anim, .formuleEnCours:hover .formule_reflet {
    -webkit-transition: none;
    -moz-transition: none;
    -s-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.formuleEnCours .formule_header_anim {
    -webkit-animation: glowIt 1.5s infinite;
    -moz-animation: glowIt 1.5s infinite;
    -o-animation: glowIt 1.5s infinite;
    animation: glowIt 1.5s infinite;
}

@-webkit-keyframes glowIt {
    0% {
        -webkit-box-shadow: 0 0 3px #8FBCED;
    }
    50% {
        -webkit-box-shadow: 0 0 5px 5px #8FBCED;
    }
    100% {
        -webkit-box-shadow: 0 0 3px #8FBCED;
    }
}


@keyframes glowIt {
    0% {
        box-shadow: 0 0 3px #8FBCED;
    }
    50% {
        box-shadow: 0 0 5px 5px #8FBCED;
    }
    100% {
        box-shadow: 0 0 3px #8FBCED;
    }
}


.formule_footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    text-align: center;
}

.formule_footer a, .popupAbonnement_content a {
    width: 90%;
    margin: 0;
    font-size: 20px;
    height: auto !important;
    padding: 5px 0px;
    -webkit-border-radius: 6px/4px;
    -moz-border-radius: 6px/4px;
    border-radius: 6px/4px;
    background-color: #d3aa04;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.81);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.81);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.81);
    border: none;
    border-top: solid 1px #fff;
    background-image: -webkit-linear-gradient(bottom, rgba(240, 255, 0, 0), rgba(240, 255, 0, 0.1) 18%, rgba(240, 255, 0, 0.53));
    background-image: -moz-linear-gradient(bottom, rgba(240, 255, 0, 0), rgba(240, 255, 0, 0.1) 18%, rgba(240, 255, 0, 0.53));
    background-image: -o-linear-gradient(bottom, rgba(240, 255, 0, 0), rgba(240, 255, 0, 0.1) 18%, rgba(240, 255, 0, 0.53));
    background-image: -ms-linear-gradient(bottom, rgba(240, 255, 0, 0), rgba(240, 255, 0, 0.1) 18%, rgba(240, 255, 0, 0.53));
    background-image: linear-gradient(to top, rgba(240, 255, 0, 0), rgba(240, 255, 0, 0.1) 18%, rgba(240, 255, 0, 0.53));
}

.formule_footer a:before, .popupAbonnement_content a:before {
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png");
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}

.popupAbonnement_content a {
    text-decoration: none;
    font-family: "Mate SC";
    color: #000;
    padding: 5px 15px;
    margin: 0px 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -s-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.popupAbonnement_content a:hover {
    background-color: #EFF338;
    color: #fff;
}

.formule:hover .formule_footer a {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes pulse {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-5px);
    }
}


@keyframes pulse {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-5px);
    }
}


.formuleEnCours:hover .formule_footer a, .formuleEnCours .formule_footer a {
    display: none;
}

/* bloc avantage */

.bloc_avantages {
    border-top: 1px solid #355B72;
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_bgFond_vert.jpg") no-repeat left top #000;
}

.bloc_avantages h1 {
    float: right;
    margin: 40px;
    text-align: right;
}

.sousBloc_avantages {
    border-top: 2px solid #000A01;
    background-color: #0a2d49;
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("../images/abonnement_bgTexture.png"), -webkit-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("../images/abonnement_bgTexture.png"), -moz-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("../images/abonnement_bgTexture.png"), -o-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("../images/abonnement_bgTexture.png"), -ms-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background-image: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("../images/abonnement_bgTexture.png"), linear-gradient(to top, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    padding: 0px;
    position: relative;
}

.sousBloc_avantages:last-child {
    border-bottom: 2px solid #000A01;
}

.sousBloc_avantages h2 {
    font-family: "Mate SC";
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 16px #000101;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    display: block;
    padding: 10px 30px;
    text-align: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}

.popupAbonnement_content h1 {
    display: block;
    font-family: "Mate SC";
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 16px #000101;
    font-weight: normal;
    padding: 0;
    padding-bottom: 20px;
}

.sousBloc_avantages h2:after {
    content: "";
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 51%, rgba(255, 255, 255, 0.38) 59%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(255, 255, 255, 0.46)), color-stop(59%, rgba(255, 255, 255, 0.38)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 51%, rgba(255, 255, 255, 0.38) 59%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 51%, rgba(255, 255, 255, 0.38) 59%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 51%, rgba(255, 255, 255, 0.38) 59%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 51%, rgba(255, 255, 255, 0.38) 59%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
    height: 1px;
    bottom: 0px;
    right: 0;
    display: block;
    left: 0;
    position: absolute;
}

.sousBloc_avantages .contenuListe {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 40px;
    display: inline-block;
    list-style: none;
}

.sousBloc_avantages .contenuListe_element {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_interface.png") no-repeat -307px -122px;
    min-height: 74px;
    padding: 10px 0px;
    padding-left: 60px;
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Mate";
    font-size: 20px;
    font-style: italic;
    color: #a8d2f9;
}

.sousBloc_avantages .contenuListe_element:hover {
    background-position: -307px -53px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -s-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sousBloc_gestion .contenuListe, .sousBloc_gestion h2 {
    padding-left: 290px;
}

.sousBloc_gestion .illustration, .popupAbonnement_content:before {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration1.png") no-repeat;
    height: 348px;
    width: 282px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.popupAbonnement_content:before {
    content: "";
    left: -100px;
    bottom: -75px;
}

.sousBloc_parties .contenuListe {
    padding-right: 450px;
}

.sousBloc_parties {
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration2.png") top right no-repeat, url("../images/abonnement_bgTexture.png"), -webkit-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration2.png") top right no-repeat, url("../images/abonnement_bgTexture.png"), -moz-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration2.png") top right no-repeat, url("../images/abonnement_bgTexture.png"), -o-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration2.png") top right no-repeat, url("../images/abonnement_bgTexture.png"), -ms-linear-gradient(bottom, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration2.png") top right no-repeat, url("../images/abonnement_bgTexture.png"), linear-gradient(to top, rgba(25, 99, 156, 0), rgba(25, 99, 156, 0.26) 30%, rgba(25, 99, 156, 0.48) 57%, rgba(25, 99, 156, 0.85));
}

.sousBloc_infos, .sousBloc_creationParties {
    min-height: 280px;
}

.sousBloc_infos .contenuListe, .sousBloc_creationParties .contenuListe {
    padding-left: 350px;
}

.sousBloc_infos h2, .sousBloc_creationParties h2{
    padding-left: 280px;
}

.sousBloc_infos .illustration {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration3.png") no-repeat;
    height: 348px;
    width: 315px;
    position: absolute;
    left: 40px;
    top: -30px;
    z-index: 3;
}

.sousBloc_tokens .contenuListe {
    padding-right: 320px;
}

.sousBloc_tokens .illustration {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration4.png") no-repeat;
    height: 135px;
    width: 215px;
    position: absolute;
    right: 40px;
    bottom: -30px;
    z-index: 3;
}

.sousBloc_creationParties .illustration {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_illustration5.png") no-repeat;
    height: 284px;
    width: 389px;
    position: absolute;
    left:0;
    top: 0;
    z-index: 3;
}


/* bloc rÔö£├ÂÔö£├éÔö¼├║├ö├Â┬╝Ôö¼┬¢sumÔö£├ÂÔö£├éÔö¼├║├ö├Â┬╝Ôö¼┬¢ */

.bloc_resume h2 {
    font-family: "Mate SC";
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 16px #000101;
    font-weight: normal;
    display: block;
    padding: 0;
    text-align: left;
    position: relative;
    margin: 0px;
    padding: 40px;
    padding-bottom: 0;
}

.bloc_resume {
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_bgFond_bleu.jpg") no-repeat #1B3F59;
    background-position: right -290px;
}

.bloc_resume table {
    width: 100%;
    margin-top: 0px;
    border: none;
}

.bloc_resume table td, .bloc_resume table th {
    width: 30%;
    text-align: center;
    padding: 20px 40px;
    vertical-align: middle;
    font-family: "Mate";
    border: none;
    text-shadow: 0 0 16px rgba(0, 0, 0, 1), 0 0 16px rgba(0, 0, 0, 1);
}

.bloc_resume table th {
    font-family: "Mate SC";
    font-size: 24px;
    color: #bdbdbd;
    text-align: center;
    font-weight: normal;
}

.bloc_resume table td {
    font-size: 22px;
    font-style: italic;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bloc_resume table th:last-of-type {
    color: #fff;
}

.bloc_resume table td:first-child {
    text-align: left;
    width: 40%;
    color: #fff;
}

.bloc_resume table td:last-child {
    border: none;
}

.bloc_resume table tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.2);
}

.bloc_resume table tr {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -s-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bloc_resume table tr:hover {
    background: rgba(0, 0, 0, 0.5);
}

.icone_coche, .icone_croix {
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_interface.png") no-repeat;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    display: inline-block;
}

.icone_coche {
    background-position: -178px -19px;
    width: 46px;
    height: 38px;
}

.icone_croix {
    background-position: -89px -19px;
}

.btn_remonter {
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), -moz-linear-gradient(top, rgba(129, 172, 196, 1) 0%, rgba(129, 172, 196, 0) 100%);
    /* FF3.6+ */
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(129, 172, 196, 1)), color-stop(100%, rgba(129, 172, 196, 0)));
    /* Chrome,Safari4+ */
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), -webkit-linear-gradient(top, rgba(129, 172, 196, 1) 0%, rgba(129, 172, 196, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), -o-linear-gradient(top, rgba(129, 172, 196, 1) 0%, rgba(129, 172, 196, 0) 100%);
    /* Opera 11.10+ */
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), -ms-linear-gradient(top, rgba(129, 172, 196, 1) 0%, rgba(129, 172, 196, 0) 100%);
    /* IE10+ */
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), linear-gradient(to bottom, rgba(129, 172, 196, 1) 0%, rgba(129, 172, 196, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81acc4', endColorstr='#0081acc4',GradientType=0 );
    /* IE6-9 */
    background-color: #2C5460;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: right;
    margin: 20px 40px;
    font-family: 'Mate SC', serif;
    font-size: 22px;
    height: auto;
    color: #ddd;
    text-shadow: 0 0 3px #000000;
    width: auto;
    -webkit-box-shadow: 0 0 0 1px #000000, 0 3px 3px 0 #000;
    box-shadow: 0 0 0 1px #000000, 0 3px 3px 0 #000;
    padding: 5px 20px;
    border: 0px;
    border-top: 1px solid #90DDF7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -s-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 3000;
}

.btn_remonter:hover {
    color: #fff;
    background-color: #407B8C;
}

/* abonnement restant */
.quantiteAbonnementBloc {
    width: 550px;
    height: 90px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/texture_grain_2.png"), url("https://marchofhistory.cdn.oxv.fr/images/abonnement_bgFond_haut.jpg");
    /* FF3.6+ */
    display: inline-block;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    text-shadow: 0 0 16px rgba(0, 0, 0, 1), 0 0 16px rgba(0, 0, 0, 1);
    font-family: "Mate";
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-style: italic;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 75px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1) inset;
    border: #5D8BA2 1px solid;
    border-top: none;
    position: relative;
}

span.joursRestants {
    font-weight: 700;
}

.typeFormule1, .typeFormule3, .typeFormule12, .typeFormule12Plus {
    position: absolute;
    left: -45px;
    top: -3px;
    background: url("https://marchofhistory.cdn.oxv.fr/images/abonnement_interface.png") no-repeat -83px -108px;
    width: 90px;
    height: 96px;
}

.typeFormule12Plus {
    background-position: -194px -108px;
}

.quantiteAbonnementBloc .nbreMois {
    padding-top: 13px;
    font-size: 38px;
}

.quantiteAbonnementBloc .termeMois {
    bottom: 10px;
    font-size: 20px;
    display: block;
}

#buttonPartieSolo {
    position: absolute;
    right: 0;
    min-width: 200px;
    top: 20px;
}

#popupPartieSolo .contenuBlocNotifications {
    text-align: center;
}

#popupPartieSolo .contenuBloc {
    font-size: 12px !important;
}

#popupPartieSolo form {
    width: 90%;
    display: inline-block;
}

#popupPartieSolo table {
    width: 100%;
}

#popupPartieSolo table td {
    text-align: left;
    padding: 10px 0px;
    color: #49381B;
}

#popupPartieSolo table td:first-child {
    font-weight: bold;
}

#popupPartieSolo table input[type="text"], #popupPartieSolo table select, #popupPartieSolo input[type="submit"] {
    min-width: 250px;
    font-size: 14px !important;
}

#popupPartieSolo table tr:last-child td {
    text-align: center;
    padding: 15px 0px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.cartoucheInfo {
    margin-top: 40px;
    padding: 20px;
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0px 5px 0 #3C3020;
    box-shadow: inset 0 0px 5px 0 #3C3020;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.3);
    /* FF3.6-15 */
}

.cartoucheInfo_erreur{
    color: #DC1C1C;
    font-size: 12px;
    margin: 0;
}

.cartoucheInfo label {
    padding-left: 5px;
    font-weight: normal;
}

.problemeCompte {
    position: relative;
}

.problemeCompte:after, .iconeErreur_email {
    content: "";
    background: url("https://marchofhistory.cdn.oxv.fr/images/interface_icones.png") no-repeat -415px -352px;
    width: 19px;
    height: 19px;
    position: absolute;
    right: -8px;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.iconeErreur_email {
    right: -13px;

}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}


@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}