@media screen and (max-width:600px){
    :root{
        --margeV: 1.8em;
    }
    body{
        font-size: 14px;
    }
    header #mainnav{
        display: none;
    }
    header #shortnav a{
        display: flex;
        align-items: center;
        width: 85%;
        margin: auto;
        height: 3em;
        justify-content: right;
        border-bottom: 1px solid #CCC;
    }
    header #shortnav a:last-of-type{
        border: none;
    }
    #mobile{
        display: block;
        position: absolute;
        top: 2vh;
        right: 2vh;
    }
    .display{
        display: block;
    }
    .button{
        width: 75%;
        display: block;
        margin: auto;
        text-align: center;
        font-size: .8rem;
    }
    aside{
        background: url('../images/bg-home-mobile.png') no-repeat right center;
        background-size: cover;
    }
    aside div{
        width: 90%;
        font-size: 12px;
        margin: 0;
        padding-left: 5%;
    }
    aside div .button{
        margin-left: 0;
    }
    article,
    article section,
    article article,
    #formateur main article:first-of-type section{
        display: block;
        width: 100%;
    }
    article section,
    article article{
        margin-top: var(--margeV);
    }
    article a.button{
        width: 85%;
    }
    article h2{
        font-size: 1.8em;
    }
    section img,
    section h3,
    h3{
        margin: 0 0 var(--margeV);
    }
    form{
        width: 100%;
    }
    form fieldset{
        padding: var(--margeV) 0;
    }
    form fieldset label{
        width: 96%;
        margin: 2%;
    }
    footer{
        display: block;
        width: 80%;
        margin: auto;
        text-align: center;
    }
    footer div{
        width: 100%;
        margin-bottom: var(--margeV);
    }
    footer div:first-of-type{
        border-top: 2px solid var(--bleuFonce);
        padding-top: var(--margeV);
        display: flex;
        justify-content: space-evenly;
    }
    footer div:first-of-type a{
    margin-right:0;
    }
    

    /* ===========================

        HOME

    =========================== */
    #home aside div{
        padding-left: 0;
    }
    #home aside div .button{
        margin: auto;
    }
    #home main > article > article:first-of-type{
        display: none;
    }
    #deco-home{
        display: block;
    }
    #home main article article:nth-child(3){
        background: url('../images/carres.png') no-repeat right top;
    }

    /* ===========================

        FORMATEUR

    =========================== */
    #formateur aside {
        background-image: url('../images/bg-formateur-mobile.png');
    }
    #formateur main article:last-of-type{
        background:none;
    }

    /* ===========================

        ORGANISME

    =========================== */
    #organisme aside {
        background-image: url('../images/bg-organisme-mobile.png');
    }
    .radio{
        width: 46%;
    }

    /* ===========================

        A PROPOS

    =========================== */
    #apropos main{
        display: block;
    }
    #apropos aside {
        background-image: url('../images/bg-apropos-mobile.png');
    }
    #apropos #desktop{
        display: none;
    }
    #apropos #chrono-mobile{
        display: block;
    }

}