@media screen and (max-width:1280px){
    #header{
        display: none;
    }

    #visuel{
        margin-left: 0;
        width: 100%;
        filter: brightness(100%);
    }

    #content #bloc6 iframe{
        width: 100%;
        height: 30vw;
    }

    #sidebar {
        display: none;
    }

    .topnav {
        display: block;
        overflow: hidden;
        background-color: rgba(36, 35, 35, 1);
        position: fixed;
        width: 100%;
        font-family: "MARK",Arial,sans-serif;
        z-index: 1;
        font-family: "Open-Sans";
        font-size: 40px;
    }

    .topnav #frlogo img{
        width: 50px;
        margin-right: 20px;
        margin-left: 20px;
        background-color: white;
    }

    .topnav button {
        margin-left: 30px;
    }
    
    .topnav #myLinks {
        display: none;
    }
    
    .topnav a {
        color: #6c939d;
        padding: 14px 16px;
        display: block;
    }

    .topnav #myLinks a {
        color: black;
        padding: 14px 16px;
        display: block;
        text-decoration: none;
    }
    
    .topnav li {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        display: block;
        font-family: "Open-Sans";
        font-size: 40px;
    }

    .topnav #myLinks li:hover {
        color: #6c939d
    }

    .accordion {
        font-size: 40px;
        padding: 15px;
        padding-left: 0;
    }
    
    .accordion button:hover {
        color: #6c939d; 
    }
    
    .panel {
        padding: 0px;
    }

    .panel ul{
        margin: 0px;
    }

    .panel ul a li{
        padding: 0px;
    }
    
    .topnav a.icon {
        background: white;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    #content #bloc5 #sousbloc4 p {
        font-size: 20px;
    }

    #content #bloc2 p{
        font-size: 20px;
    }

    #content #bloc #blocA p{
        font-size: 20px;
    }

    #content #bloc #blocA{
        width: 100%;
    }

    #content #bloc #blocB{
        width: 50%;
    }

    #content #bloc #blocA #bloc3 h2 {
        margin-left: 0px;
    }
}