/* GENERAUX */


iframe {

    width : 570px;
    height : 100%;
    border : 10px solid #000000;

}

#iframe-multi {

    width : 705px;
    border-color : #282828;
    border-radius : 20px;

}




#iframe-tab {

    width : 535px;

}


.mode-jeu {

    display : flex;
    justify-content: center;

}


.mode-jeu {

    width: 100%;
    height : 360px;

}

#demo {

    height : 355px;

}


#tab {

    height : 385px;

}


#multi {

    height : 520px;

}



@media  (orientation : landscape) and  (max-width : 1100px) {

    header {

        display: none;

    }

    footer {

        display : none;

    }

}





@media screen and (max-width : 520px) {

    iframe {

        max-width: 625px;
        width: 100%;
        padding: 0px;

    }
    

}


@media (orientation: portrait) and (max-width: 520px) {

    header {

        display: block;

    }

  
}



@media(min-width : 520px) {

    canvas {

        width : 100%;

    }

}