@media screen and (max-width: 480px) {   
    #wrapper{
        width: 100% !important;
    }
    /* V5 : même logo compact sur mobile, sans étirement. */
    #wrapper #header {
        width: 100% !important;
        padding: 9px 10px !important;
        margin: 7px 0 5px !important;
    }
    #wrapper #header a img {
        width: 165px !important;
        max-width: 80vw !important;
        height: auto !important;
        margin: auto;
    }
    /* #wrapper #navigation{
        display: none;
    } */
    div#navigation a img {
        width: 30px;
        height: auto;
        margin: 5px;
    }
    #wrapper div table:first-of-type{
        padding-bottom: 12px;
    }
    #wrapper div table:first-of-type tbody tr td:first-of-type{
        padding-left: 10px;
    }
    #wrapper div table:first-of-type tbody tr td:last-of-type{
        padding-right: 5px !important;
    }

    #wrapper div table:last-of-type tbody tr:first-of-type td div form{
        margin-bottom: 15px !important;
        margin: 0;
        padding: 0;
    }
    #wrapper div table:last-of-type tbody tr:not(:first-of-type) td:first-of-type{
        padding-right: 4px;
        padding-left: 0;
    }

    #wrapper div table:last-of-type tbody tr:not(:first-of-type) td:nth-of-type(2){
        width: 45% !important;
    }
    #wrapper div table:last-of-type tbody tr:not(:first-of-type) td:nth-of-type(2) div:first-of-type div{
        text-align: center !important;    
    }
    #wrapper div table:last-of-type tbody tr:not(:first-of-type) td:nth-of-type(2) div:first-of-type a{
        padding-left: 10px !important;
        font-size: 14px !important;    
    }
    #wrapper div table:last-of-type tbody tr:not(:first-of-type) td:nth-of-type(2) div:last-of-type{
        font-size: 13px !important;
        padding-left: 6px !important;
    }
    #wrapper div table:last-of-type tbody tr:not(:first-of-type) td:nth-of-type(3) div{
        padding-top: 90px !important;   
    }
    #wrapper .mobileshow480 img{
        padding-top: 20px;
    } 
    #footer{
        /* width: 100% !important;
        padding: 0px !important;
        margin: 0px !important; */

        width: auto !important;
        text-align: center !important;
        /*padding-bottom: 230px !important;*/
	margin: 0px !important; 
    }
    #onads + div {
    	padding-left: 5px;
    	padding-top: 5px;
    	width: 100%;
    	margin: auto;
    }



#wrapper table:first-of-type tbody tr:first-of-type{
    display: grid !important;
    align-items: center;
    justify-items: center;
}
#wrapper table:first-of-type tbody tr:first-of-type td:first-of-type{
    width: 70% !important;
    margin: auto !important;
    text-align: center !important;
}
#wrapper table:first-of-type tbody tr:first-of-type td:last-of-type{
    margin: auto !important;
    margin-top: 10px !important;
} 



#wrapper div table:last-of-type tbody tr:not(:first-of-type) td:nth-of-type(2){
    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 100% !important;
}
#wrapper div table:last-of-type tbody tr:first-of-type td:nth-of-type(3) div{
    display: none;
}



#wrapper div table:last-of-type tbody tr:not(:first-of-type) {
    display: grid;
    width: 370px !important;
}
#wrapper div table:last-of-type tbody tr:not(:first-of-type) td[valign="top"]{
    display: block;
    width: 100% !important;
    z-index:5;
}
#wrapper div table:last-of-type tbody tr:not(:first-of-type) td[valign="middle"]{
    width: 100% !important;
    margin-top: -70px;
}

#wrapper div table:last-of-type tbody tr:not(:first-of-type) .mobilehide480{
    display:none !important;
}

}