body {
    /* font-size: 10pt; */
    font: 14px Arial;
    /* background-image: url(planningFondbody.png); */
    background: rgb(255,255,201);
    background: linear-gradient(177deg, rgba(255,255,201,1) 0%, rgba(255,255,129,1) 100%);    
}

/* div {
    font: 12px Arial;
} */

FORM {
    padding: 0px;
    margin: 0px;
}

div#bandeau {
    position: absolute;
    border: 0px solid grey;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    text-align: center;
    font-size: 12pt;
}

div#ctnSemaines {
    position: absolute;
    border: 0px solid grey;
    top: 170px;
    left: 5%;
    width: 35%;
    height: 50px;
    text-align: left;
}

div#ctnGroupes {
    position: absolute;
    border: 0px solid grey;
    top: 170px;
    left: 44%;
    width: 25%;
    height: 50px;
    text-align: left;
}

div#ctnFormateurs {
    position: absolute;
    border: 0px solid grey;
    top: 170px;
    left: 72%;
    width: 25%;
    height: 50px;
    text-align: left;
}

div#ctnVoirPleinePage {
    position: absolute;
    top: 235px;
    left: 0px;
    width: 100%;
    height: 20px;
    text-align: center;
}

div#ctnPlanning {
    position: absolute;
    height: 100%;
    top: 255px;
    Left : 2.5%;
    width: 95%;
    overflow: auto;
    text-align: center;
}

div#ctnPlanningHTML {
    height: 100%;
}

img#imgPlanning {
    Width: inherit;
}

@media screen and (max-width: 640px) {
    body {
        background: rgb(255,255,201);
    }

    div#ctnSemaines {
        position: relative;
        left: 5%;
        width: 90%;
        height: 50px;
    }

    div#ctnGroupes {
        position: relative;
        left: 5%;
        width: 90%;
        height: 50px;
    }

    div#ctnFormateurs {
        position: relative;
        left: 5%;
        width: 90%;
        height: 50px;
    }

    div#ctnPlanning {
        position: relative;
        top: 175px;
        left: initial;
        overflow: auto;
        Width: 100%;
        Height: initial;
    }

    img#imgPlanning {
        Width: 200%;
    }

    div#ctnVoirPleinePage {
        display: none;
    }
}