/* CSS Document */
.responsive{
    display: none;
}
@media only screen
and (max-width : 1280px) and (min-height : 1600px) {
    span.smileys:before,
    span.notes:before{
        width:138px!important;
        height:138px!important;
    }
    #conteneur {
        margin: 0 auto !important;
        max-width: 100%;
        width: 100% !important;
    }

    .champs {
        width: 100%!important;
    }
}


@media only screen
and (max-width : 1024px) {
    *{
        margin:0;
        padding:0;font-family:Arial, Helvetica, sans-serif;}
    a:hover{
        text-decoration:none;}

    #conteneur{
        background:transparent;}
    .result{
        background: transparent!important; }
    #conteneur{
        width:290px;
        margin:290px auto 0 ;
        position:relative;
    }
    #conteneur h1,h1{
        font-size: 2.2em !important;}
    #conteneur h2,h2{
        font-size:18px !important;}
    #conteneur h1 span{
        font-size:14px;
        color:#008752;}

    #formulaire{
        padding-top: 20px;
        width:100%;
        margin:0px auto 0 auto;}
    .mxkcanvas {
        display: none;}

    #formulaireResult{
    }

    #formulaireResult input{
        border: 1px solid #B4D971;
        clear: both;
        font-size: 12px;
        padding: 7px;
        width:290px;
        max-width: 100%;
    }
    #formulaireResult label{
        font-size:12px;
        font-weight:bold;
        margin:5px 0 5px 0;
    }

    #bouton{
        clear:both;
        text-align: center;
    }


    #formulaireResult {

    }

    .perdu {

        padding-top: 134px;}
    .boutonresult{
        background:url(../images/bg-bouton.jpg) repeat-x;
        height:30px;
        border: 1px solid #77AE02 !important;
        border-radius: 10px 10px 10px 10px;
        color: #FFFFFF !important;
        cursor: pointer;
        font-size: 40px;
        height: 34px !important;
        padding: 10px;
        text-shadow: 2px 2px 2px #628B08;
        width: 120px !important;}

    #footer{
        border-bottom: 0px none #A5DFB0;
        border-top: 0px none  #A5DFB0;
        clear: both;
        font-size: 11px;
        margin: 22px 0 0 0;
        min-height: 1px;
        display:block;

        padding: 20px;
    }
    #footer a{
        color:#fff;}



    #footer span{
        font-size:16px !important;
        font-weight:bold;
        clear:both;
        text-align:center;display:block;
        width:100%;

    }
    #footer span a{margin:15px 0 15px 0;
        text-decoration:none;background:#48BD59;
        display:block;padding:8px 5px 8px 5px;-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    #footer span a:hover{
        text-decoration:none;
        display:block;background:#92CE52;}







    .partcheck {

        border-radius: 7px;
        left: 0;
        margin: 15px auto 15px;
        width: 280px;
        min-height:43px;
        padding: 5px;
        position: relative;
        max-width: 100%;
    }
    .optin_check{
        float: left;
        padding: inherit !important;
        width: 12px !important;
    }
    .accept {

        float: left;
        font-size: 12px;
        line-height: 20px;
        margin-left: 15px;
        width: 200px;
    }

    .gagne{
        padding-left: 142px;
    }
    .imgperdu{
        display:block;
        background-size: auto 100%;
        max-width: 100%;
    }
    #formulaireResult p {
        font-size: 18px !important;
    }
    video{
        max-width: 100% !important;
    }
    #formulaireResult p{
        width: 100%;
        float:none;
        text-align:center;
        padding: 0 5%;
    }
    .imgperdu,
    .gagne{

        width: 100%;
        margin-right:0%;
        text-align:center;
        float:none;
    }
    #vid {
        padding-top: 190px;

    }
    #conteneur {
        margin: 0 auto 0 auto !important;
        max-width: 600px;
        width: 100% !important;
    }
    .bgsite.container {
        max-width: 100%!important;
    }

    #scratchgame div{
        width:auto!important;
        margin:0 auto!important;
    }

    #scratchgame {
        text-align: center;
    }
    .champs.choice {
        width: 90%;
    }
    .col-lg-6 {
        width: 100%;
    }
    iframe{
        max-width: 100%;
    }
    .text-left{
        text-align: center;
    }
    .text-right{
        text-align: center;
    }
    .responsive{
        display: block;
    }
    .no-resp{
        display: none;
    }

    .btn-group .col-lg-6{
        margin-bottom: 1em;
    }
    #bouton {
        margin:0;
        max-width:100%;
    }
}
@media only screen
and (max-width : 768px) {
    #vid {
        padding-top: 178px;
    }
    #formulaire {
        margin: 0px auto 0;
    }
    #coffre {width:100%;}
    #conteneur{

        width: 100%;
    }
    #footer{
        max-width:640px;
        width:100%;
    }
    #bascoffre {width: 100%;}

    #hautcoffre {
        width: 100%;
        left: 50%;
        margin-left: -50%;
    }
    .slotMachine ,
    .slotMachine  .slot{

        width: 100%;
    }
    #slotcontainer {
        margin: 0 auto;
        width: 87%;
    }
    .slotMachineButton {
        width: 240px;
        height:240px;
        line-height: 240px;
    }
    .slotMachine{
        width: 29.333%;
        margin: 1.5% 1% 1%;
    }
    /*#slotmachine {
        background: transparent url("/img/slot-machine-games.png") no-repeat scroll 0 183px;
        background-size: 100% auto;
    //background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 7%, #ffffff 48%, #e1e1e1 59%, #f6f6f6 100%) repeat scroll 0 0;
    }*/
    .slotMachineButton {
        position: relative;
        top:0;
        right:0;
    }

}

@media only screen
and (max-width : 375px) {
    #vid {
        padding-top: 140px;
    }
    #conteneur{
        margin-top:160px;
    }
    #footer{
        max-width:360px;
    }
    .slotMachine ,
    .slotMachine  .slot{
        height:100px;
        width: 100%;
    }
    #slotcontainer {
        margin: 0 auto;
        width: 87%;
    }
    .slotMachineButton {
        width: 240px;
        height:240px;
        line-height: 240px;
    }
    .slotMachine{
        width: 29.333%;
        margin: 1.5% 1% 1%;
    }
    /*#slotmachine {
        background: transparent url("/img/slot-machine-games.png") no-repeat scroll 0 183px;
        background-size: 100% auto;
    //background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 7%, #ffffff 48%, #e1e1e1 59%, #f6f6f6 100%) repeat scroll 0 0;
    }*/
    .slotMachineButton {
        position: relative;
        top:0;
        right:0;
    }
}
@media only screen
and (max-width : 530px) {
    #vid video{
        border: 0px solid rgba(0, 0, 0, 0.6);
        border-radius: 0px;
    }
}