@charset "utf-8";
/* CSS Document */
/* BEGIN - CSS GENERAL */
body {
    background-image: url(img/bg_main.jpg);
    background-color: #000000;
    background-position: top;
    background-repeat: repeat-x;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 17px;
    color: #010100;
    margin: 0;
    padding: 0;
}
a:link {
    color: #712d00;
    text-decoration: none;
}
a:visited {
    color: #763e19;
    text-decoration: none;
}
a:hover {
    color: #763e19;
    text-decoration: underline;
    cursor: pointer;
}
a:active {
    color: #763e19;
    text-decoration: none;
}
img {
    display: block;
}
a img {
    border: 0;
}
.clear {
    clear: both
}
ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
p {
    padding: 0;
    border: 0;
    margin: 0
}
h1, h2 {
    padding: 0;
    border: 0;
    margin: 0;
}
/*SOCIAL BUTTONS*/
.soc_bouton_wrapper {
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
}
.soc_bouton_wrapper:hover {
    text-decoration: none;
}
.soc_bouton_text {
    padding: 0 11px 2px 8px;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
}
.soc_bouton_icon {
    padding: 8px 0 8px 9px;
}
/*FACEBOOK BUTTON*/
.soc_bouton_couleur_facebook {
    background-color: #4066b4;
}
.soc_bouton_couleur_facebook:hover {
    background-color: #284e9d;
}
/*BOOKMARK BUTTON*/
.soc_bouton_couleur_favoris {
    background-color: #9d5ded;
}
.soc_bouton_couleur_favoris:hover {
    background-color: #8743dc;
}
/*END SOCIAL BUTTONS*/
#wrapper {
    width: 996px;
    margin: 0 auto;
    position: relative;
}
#header {
    height: 114px;
    margin: 0 auto;
    position: relative;
}
.top_logo {
    float: left;
    padding-top: 16px;
    padding-left: 4px;
    width: 270px;
}
.top_tuiles {
    float: left;
    padding-top: 11px;
    right: 0;
    position: absolute;
}
.dispositif {
    display: none;
}
.navdispositif_menu {
    display: none;
}
.navigation_background {
    float: left;
    margin-bottom: 17px;
}
ul#navigation {
    width: 751px;
    list-style: none;
    height: 51px;
    margin: 0;
    padding: 0;
}
ul#navigation li {
    display: inline
}
ul#navigation li a {
    height: 51px;
    float: left;
    text-indent: -9999px;
    text-decoration: none
}
ul#navigation li a span {
    float: left;
}
ul#navigation li#navigation1 a {
    width: 128px;
    background: url(img/bar_sprite.png) no-repeat 0 0
}
ul#navigation li#navigation1 a:active, ul#navigation li#navigation1 a:hover {
    background-position: 0 -51px
}
ul#navigation li#navigation1 a.current {
    background-position: 0 -51px
}
ul#navigation li#navigation2 a {
    width: 172px;
    background: url(img/bar_sprite.png) no-repeat -128px 0
}
ul#navigation li#navigation2 a:active, ul#navigation li#navigation2 a:hover {
    background-position: -128px -51px
}
ul#navigation li#navigation2 a.current {
    background-position: -128px -51px
}
ul#navigation li#navigation3 a {
    width: 226px;
    background: url(img/bar_sprite.png) no-repeat -300px 0
}
ul#navigation li#navigation3 a:active, ul#navigation li#navigation3 a:hover {
    background-position: -300px -51px
}
ul#navigation li#navigation3 a.current {
    background-position: -300px -51px
}
ul#navigation li#navigation4 a {
    width: 225px;
    background: url(img/bar_sprite.png) no-repeat -526px 0
}
ul#navigation li#navigation4 a:active, ul#navigation li#navigation4 a:hover {
    background-position: -526px -51px
}
ul#navigation li#navigation4 a.current {
    background-position: -526px -51px
}
.top_bar_right {
    float: right;
    height: 51px;
    width: 245px;
    background-image: url(img/bar_right.png);
}
#top_bar_soc {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}
.top_bar_bouton_facebook {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.bg_body {
    width: 100%;
    float: left;
    background-color: #fffdfc;
    border-radius: 10px;
}
.foot_margin {
    margin-bottom: 50px;
}
.box_menu {
    margin-top: 14px;
    margin-left: 14px;
    float: left;
    width: 247px;
    background-color: #d8d9d9;
    background-repeat: repeat;
    background-image: url(img/box_menu_bg.png);
}
.box_menu_center {
    list-style-image: url(img/bal.png);
    padding-top: 8px;
    padding-left: 40px;
    line-height: 24px;
    padding-bottom: 8px;
    height: 140px;
}
.box_bonjour_bg {
    margin-top: 14px;
    float: left;
    border: 1px solid #f0cfb6;
    background-color: #fceade;
    box-sizing: border-box;
    margin-left: 14px;
    width: 707px;
    height: 231px;
}
.box_bonjour_text {
    line-height: 22px;
    padding-top: 10px;
    padding-left: 14px;
    padding-right: 8px;
}
.box_jeux_bg {
    margin-top: 14px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    background-color: #fceade;
    margin-left: 14px;
    margin-right: 14px;
    float: left;
    width: 968px;
}
.box_jeux {
    width: 304px;
    margin-left: 14px;
    margin-top: 14px;
    float: left;
}
.box_jeux_img {
    width: 304px;
    height: auto;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.box_jeux_img:hover {
    transition: .2s ease-in-out;
    -webkit-filter: brightness(112%);
    filter: brightness(112%);
}
.box_jeux_text1 {
    font-weight: 700;
    padding-left: 1px;
    padding-top: 5px;
}
.box_jeux_text1 a {
    text-decoration: none;
}
.box_jeux_text1 a:hover {
    text-decoration: underline;
}
.box_jeux_text2 {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}
.box_jeux_votes {
    color: #4f2407;
    margin-left: 4px;
    margin-bottom: 1px;
    font-size: 12px;
    font-style: italic;
    width: 155px;
}
.box_jeux_text3 {
    padding-left: 1px;
    line-height: 22px;
}
.box_jeux_tous {
    clear: both;
    color: #4f2407;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}
.box_jeux_tous a {
    text-decoration: none;
    color: #4f2407;
}
.box_jeux_tous a:hover {
    text-decoration: underline;
}
.box_sub_bg {
    margin: 14px;
    background-color: #fceade;
    border: 1px solid #f0cfb6;
    box-sizing: border-box;
    float: left;
    width: 968px;
}
.box_sub_text1 {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 16px;
    padding-right: 8px;
    color: #4f2407;
    font-weight: 700;
    font-size: 22px;
}
.box_sub_text2 {
    padding-left: 16px;
    padding-right: 8px;
    padding-bottom: 12px;
    color: #4f2407;
    font-weight: 700;
}
.box_sub_text3 {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 12px;
    line-height: 22px;
}
.box_sub_form {
    padding-left: 16px;
    padding-right: 16px;
}
.body_bg_jeu {
    margin: 14px;
    background-color: #fceade;
    border: 1px solid #f0cfb6;
    box-sizing: border-box;
    float: left;
    width: 968px;
}
.sub_jeu_titre {
    margin-top: 18px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    margin-bottom: 24px;
}
.sub_jeu_jueframe_res {
    display: none;
}
.sub_jeu_jueframe {
    text-align: center;
}
.sub_jeu_soc {
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
}
.sub_jeu_soc_facebook {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
}
.sub_jeu_soc_favoris {
    display: inline-block;
    vertical-align: top;
}
.sub_jeu_explix_bg {
    margin: 0 14px 14px 14px;
    background-color: #fceade;
    border: 1px solid #f0cfb6;
    box-sizing: border-box;
    float: left;
    width: 968px;
}
.sub_jeu_explix_text {
    padding-top: 16px;
    padding-left: 20px;
    padding-bottom: 14px;
}
.sub_jeu_explix_text1 {
    font-weight: 700;
    margin-bottom: 12px;
}
.sub_jeu_explix_text2 {
    line-height: 22px;
    padding-bottom: 12px;
    padding-right: 12px;
}
.rate1 {
    padding-top: 4px;
    padding-bottom: 6px;
    display: inline-block;
}
.rate2 {
    padding-top: 1px;
    display: inline-block;
    position: absolute;
    margin-left: 5px;
}
.rate3 {
    margin-left: -3px;
    font-size: 15px;
    padding-bottom: 14px;
    padding-top: 2px;
}
.rate4 {
    padding-bottom: 11px;
}
.rate5 {
    font-weight: 700;
    margin-bottom: 5px;
    color: #b2180f;
}
.bouton {
    border: 1px solid #c6a892;
    font-family: "Open Sans", Arial, sans-serif;
    background-color: #d9beaa;
    font-size: 17px;
    color: #694f3c;
    font-weight: 700;
    box-sizing: border-box;
    text-align: center;
    outline: none;
    min-width: 170px;
    height: 45px;
    margin-bottom: 2px;
    cursor: pointer;
    transition: background .06s ease-in-out, border .06s ease-in-out;
    -webkit-appearance: none;
}
.bouton:hover {
    background: #cdb19b;
    border: 1px solid #b99a83;
}
.mahjongsimpson {
    width: 928px;
    height: 663px;
}
.mahjonggardens {
    width: 800px;
    height: 480px;
}
.mahjongplaisir {
    width: 800px;
    height: 500px;
}
.shanghai {
    width: 800px;
    height: 533px;
}
.mahjongexpress {
    width: 790px;
    height: 534px;
}
.mahjongquest, .mahjongfortune2 {
    width: 800px;
    height: 572px;
}
.mahjongcook {
    width: 800px;
    height: 590px;
}
.mahjongconnect {
    width: 800px;
    height: 586px;
}
.mahjongdimensions3d, .mahjonglechinois, .gameboss, .mahjongconnect2, .mahjongg, .mahjongpapillon {
    width: 800px;
    height: 600px;
}
.mahjongveritable {
    width: 800px;
    height: 640px;
}
.mahjongsolitaire, .mahjong3d, .mahjongquotidien, .alchemy {
    width: 728px;
    height: 546px;
}
.mahjongjouets {
    width: 728px;
    height: 546px;
    background-color: #619ea1;
    border: 2px solid #65a6aa;
}
.mahjongthee {
    width: 760px;
    height: 500px;
}
.remix {
    width: 760px;
    height: 571px;
}
.arkadium {
    width: 750px;
    height: 563px;
    background-color: #1d2730;
    border: 2px solid #1d2730;
}
.mahjongchain {
    width: 640px;
    height: 480px;
}
.monsterjong {
    width: 525px;
    height: 600px;
}
@media (max-width: 1500px) {
    #wrapper {
        margin-left: 9px;
        margin-right: auto;
    }
}
@media (max-width: 1023px) {
    #wrapper {
        width: 767px;
        margin-left: auto;
        margin-right: auto;
    }
    .box_bonjour_bg, .box_jeux_bg, .box_sub_bg, .body_bg_jeu, .sub_jeu_explix_bg {
        width: 739px;
    }
    .box_bonjour_bg {
        height: auto;
        padding-bottom: 14px;
    }
    .box_menu, .top_tuiles, .ledesktop {
        display: none;
    }
    .box_jeux_bg {
        padding-left: 45px;
        box-sizing: border-box;
    }
    #header {
        height: auto;
    }
    .top_logo {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 9px;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .navdispositif_bouton {
        position: relative;
        display: block;
        float: right;
        padding: 10px 16px;
        line-height: 1.125em;
        cursor: pointer;
        margin: 8px 6px 13px;
        text-decoration: none;
        border-radius: 4px;
        background: #fde1d0;
        border-bottom: 5px solid #cc8b61;
    }
    .navdispositif_bouton .navdispositif_icon-bar + .navdispositif_icon-bar {
        margin-top: 0.188em;
    }
    .navdispositif_menu {
        *zoom: 1;
        display: block;
    }
    .navdispositif_menu .navdispositif_menutxt {
        display: block;
        line-height: 1.188em;
        float: left;
    }
    .navdispositif_menu .navdispositif_icon {
        float: left;
        margin: 0.188em 0 0 0.438em;
    }
    .navdispositif_menu .navdispositif_icon-bar {
        display: block;
        width: 1.125em;
        height: .125em;
        border-radius: 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }
    .navdispositif_menu:before {
        content: " ";
        display: table;
    }
    .navdispositif_menu:after {
        content: " ";
        display: table;
        clear: both;
    }
    .navdispositif_nav {
        clear: both;
    }
    .navdispositif_nav ul {
        display: block;
    }
    .navdispositif_nav li {
        display: block;
    }
    .navdispositif_nav .navdispositif_item {
        cursor: pointer;
    }
    .navdispositif_nav .navdispositif_item a {
        display: inline;
    }
    .navdispositif_nav .navdispositif_row {
        display: block;
    }
    .navdispositif_nav a {
        display: block;
    }
    .navdispositif_menu {
        font-size: 17px;
        box-sizing: border-box;
        padding: 5px;
        position: relative;
    }
    .navdispositif_menu .navdispositif_menutxt {
        color: #4f2407;
        font-weight: 700;
    }
    .navdispositif_menu .navdispositif_icon-bar {
        background-color: #6b3c19;
    }
    .navdispositif_nav {
        font-family: "Open Sans", Arial, sans-serif;
        color: #4f2407;
        font-weight: 700;
        font-size: 17px;
        margin-bottom: 8px;
        list-style: none;
        background-color: #fde1d0;
        display: block;
        width: 100%;
    }
    .navdispositif_nav a {
        padding: 10px 18px 10px 18px;
        margin: 0 0 0 0;
        text-decoration: none;
        color: #4f2407;
        border-bottom: 1px solid #e9ba9d;
    }
    .navdispositif_nav a:hover, .navdispositif_nav .navdispositif_row:hover, .navdispositif_row:hover a {
        background: #fbd2b9;
        color: #4f2407;
    }
    .mahjongsimpson {
        width: 717px;
        height: 512px;
    }
    .mahjonggardens {
        width: 717px;
        height: 430px;
    }
    .mahjongthee {
        width: 717px;
        height: 472px;
    }
    .shanghai {
        width: 717px;
        height: 478px;
    }
    .mahjongplaisir {
        width: 717px;
        height: 448px;
    }
    .mahjongexpress {
        width: 717px;
        height: 485px;
    }
    .mahjongcook {
        width: 717px;
        height: 529px;
    }
    .mahjongconnect {
        width: 717px;
        height: 525px;
    }
    .mahjongquest, .mahjongfortune2 {
        width: 717px;
        height: 513px;
    }
    .mahjongdimensions3d, .mahjonglechinois, .gameboss, .mahjongconnect2, .mahjongg, .mahjongjouets, .mahjongsolitaire, .mahjong3d, .mahjongquotidien, .alchemy, .arkadium {
        width: 717px;
        height: 538px;
    }
    .remix {
        width: 717px;
        height: 539px;
    }
    .mahjongpapillon {
        width: 717px;
        height: 542px;
    }
    .mahjongveritable {
        width: 717px;
        height: 574px;
    }
}
@media (max-width: 767px) {
    #wrapper {
        width: 630px;
    }
    .box_bonjour_bg, .box_jeux_bg, .box_sub_bg, .body_bg_jeu, .sub_jeu_explix_bg {
        width: 602px;
    }
    .box_jeux_bg {
        padding-left: 0px;
    }
    .box_jeux {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .mahjongsimpson {
        width: 580px;
        height: 414px;
    }
    .mahjonggardens {
        width: 580px;
        height: 348px;
    }
    .mahjongthee {
        width: 580px;
        height: 382px;
    }
    .shanghai {
        width: 580px;
        height: 386px;
    }
    .mahjongplaisir {
        width: 580px;
        height: 362px;
    }
    .mahjongexpress {
        width: 580px;
        height: 392px;
    }
    .mahjongcook {
        width: 580px;
        height: 428px;
    }
    .mahjongconnect {
        width: 580px;
        height: 425px;
    }
    .mahjongquest, .mahjongfortune2 {
        width: 580px;
        height: 415px;
    }
    .mahjongdimensions3d, .mahjonglechinois, .gameboss, .mahjongconnect2, .mahjongg, .mahjongjouets, .mahjongsolitaire, .mahjong3d, .mahjongquotidien, .alchemy, .mahjongchain {
        width: 580px;
        height: 435px;
    }
    .remix {
        width: 580px;
        height: 436px;
    }
    .mahjongpapillon {
        width: 580px;
        height: 438px;
    }
    .mahjongveritable {
        width: 580px;
        height: 464px;
    }
}
@media (max-width: 640px) {
    #wrapper {
        width: 502px;
    }
    .box_bonjour_bg, .box_jeux_bg, .box_sub_bg, .body_bg_jeu, .sub_jeu_explix_bg {
        width: 474px;
    }
    .sub_jeu_jueframe {
        display: none;
    }
    .sub_jeu_jueframe_res {
        padding-top: 11px;
        width: 452px;
        display: block;
        margin: 0 auto;
    }
    .sub_jeu_jueframe_res img {
        width: 100%
    }
}
@media (max-width: 525px) {
    #wrapper {
        width: 434px;
    }
    .box_bonjour_bg, .box_jeux_bg, .box_sub_bg, .body_bg_jeu, .sub_jeu_explix_bg {
        width: 406px;
    }
    .sub_jeu_jueframe_res {
        width: 384px;
    }
}
@media (max-width: 480px) {
    #wrapper {
        width: 320px;
    }
    .box_bonjour_bg, .box_jeux_bg, .box_sub_bg, .body_bg_jeu, .sub_jeu_explix_bg {
        width: 292px;
    }
    .box_jeux_img {
        width: 270px;
        height: auto;
    }
    .box_jeux {
        width: 270px;
    }
    .sub_jeu_jueframe_res {
        width: 270px;
    }
}