/* ---------------------------- */
/*		    Responsive  		*/
/* ---------------------------- */


@media screen and (max-width: 959px) {
    img { max-width: 100% }
    .container { width:100%; padding:0;}
    /*footer*/
    footer {padding: 20px 10px;}
    /**/
    .gfull, #snow {width: 100%; left:0;}
    
    /*fin*/
    #popup4 {padding:20px;}
    .bloc-av .fl {display:block;}
    .bloc-av .fl > div {margin:0 auto;}
    .bloc-av .fl > div.ou {position: relative; margin:10px auto; left:0;}
    .bloc-fb {-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;}
    .bloc-fb .bottom {margin:20px 0 0;}
    .bloc-fb > p {padding-top:0;}
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 767px) {
    /**/
    #global {border: 10px solid #fff;}
    #snow {/*display:none;*/}
    
    /*footer*/
    footer {padding: 20px 0;}
    
    /*home*/
    .bloc-ins .fl {display:block;}
    .bloc-ins .fl > div {width:100%;}
    .bloc-ins .form {margin-top:20px;}
    
    /*popin*/
    .mfp-content {margin-top:60px;}
    .white-popup {box-shadow:none; padding: 20px 0; max-width:100%;}
    
    /*fin*/
    #popup4 .top {display:block;}
    .bloc-av > .fl > div {width:100%;}
    .bloc-av, .bloc-fb {width:100%; max-width:480px; margin:0 auto;}
    .bloc-fb {margin-top:20px;}
    
}

@media screen and (max-width: 500px) {
    /*HOME*/
    .owl-carousel .item .min {display:block;}
    .owl-carousel .item .full {display:none;}
    
    /*JEUX*/
    #jeux section .container {}
    .gfull {display:none;}
    .game {width:100%;}
    .game .titre {padding:10px;}
    .game .titre h2 {font-size:22px;}
    .game .titre p {font-size:18px;}
    
    #maison1 {top:51%;}
    #maison2 {top:34%;}
    
    /*fin*/
    #popup4 > .top {padding:0 10px;}
    #popup4 > .top > div:first-child {}
    #popup4 > .top > div {width:100%;}
    #popup4 .offre {padding:0 10px;}
}

@media screen and (max-width: 480px) {
    /*footer*/
    footer .right, footer .left {float:none;}
    
    /*popin*/
    .planche {padding:0 10%;}
    .planche {width:100%;}
    
}

@media screen and (max-width: 400px) {
    /*popin*/
    #popup1 .planche, #popup2 .planche, #popup3 .planche {background-size: 99% auto;}
    .planche .item {position: relative; top:-10px; padding-bottom:0; padding-top: 3px;}
    .planche .item.lastline {padding-bottom: 3px;}
    .planche .item.ticket {padding-top:15px;}
    .white-popup .bas {padding-top:15px;}
    .item > a > img {width:90%;}
}

@media screen and (max-width: 380px) {
    /*popin*/
    .scratchpad {width:128px; height:72px;}
    /*JEUX*/
    .game .titre h2 {font-size:19px;}
    .game .titre p {font-size:16px;}
    
    /*fin*/
    #popup4 > .top, #popup4 .offre {padding:0;}
}

@media screen and (max-width: 360px) {
    /*home*/
    .bloc-ins .t30 {font-size:24px;}
    .bloc-ins .t24 {font-size:17px;}
    
    
}

@media screen and (max-width: 320px) {
    /*JEUX*/
    .game .titre h2 {font-size:18px;}
    .game .titre p {font-size:14px;}
     
}