@media screen and (max-width: 540px)
{
    div
    {
        text-align: center;
    }
    p
    {
        font-family: 'Roboto', sans-serif;
        font-size: 120%;
        margin: 4% 0% 3% 0%;
        font-weight: 300;
    }
    div#header
    {
        width: 100%;
    }
    div#content
    {
        width: 100%;
    }
    div#footer
    {
        /*laisser vide*/
    }
    div#logod
    {
        width: 100%;
        margin-bottom: 10%;
    }
    img#logoi
    {
        margin-top: 2%;
        width: 18%;
    }
    /*Bloc de l'élément "Aquario"*/
    div#bloc1
    {
        margin-left: 14%;
        width: 72%;
        margin-bottom: 5%;
    }
    div#b1imgd
    {
        width: 100%;
    }
    img#b1imgi
    {
        width: 100%;
    }
    div#b1txt
    {
        width: 100%;
        height: auto;
        text-align: left;
        margin-top: -5%;
    }
    div#b1btn
    {
        width: 100%;
    }
    img#b1btn1
    {
        float: left;
        width: 32%;
    }
    img#b1btn2
    {
        float: left;
        width: 12.2%;
        margin-left: 4.8%;
    }
    img#b1btn3
    {
        float: left;
        width: 12.2%;
        margin-left: 4.8%;
    }
    img#b1btn4
    {
        float: left;
        width: 12.2%;
        margin-left: 4.8%;
    }
    img#b1btn5
    {
        float: left;
        width: 12.2%;
        margin-left: 4.8%;
    }
    /*Fin de bloc*/
    /*BLoc de l'élément "Electrosunlight"*/
    div#bloc2
    {
        margin-left: 14%;
        width: 72%;
        margin-top: 20%;
        margin-bottom: 20%;
    }
    div#b2imgd
    {
        width: 100%;
    }
    img#b2imgi
    {
        width: 100%;
    }
    div#b2txt
    {
        width: 100%;
        height: auto;
        text-align: left;
        margin-top: -5%;
    }
    div#b2btn
    {
        width: 100%;
    }
    img#b2btn1
    {
        float: left;
        width: 52.2%;
    }
    img#b2btn2
    {
        float: left;
        width: 12.2%;
        margin-left: 11.7%;
    }
    img#b2btn3
    {
        float: left;
        width: 12.2%;
        margin-left: 11.7%;
    }
    /*Fin de bloc*/
    /*Bloc de l'élément "Café Trico Thé"*/
    div#bloc3
    {
        margin-left: 14%;
        width: 72%;
    }
    div#b3imgd
    {
        width: 100%;
    }
    img#b3imgi
    {
        width: 100%;
    }
    div#b3txt
    {
        width: 100%;
        height: auto;
        text-align: left;
        margin-top: -5%;
    }
    div#b3btn
    {
        width: 100%;
        margin-bottom: 25%;
    }
    img#b3btn01
    {
        float: left;
        width: 32%;
    }
    img#b3btn02
    {
        float: left;
        width: 25%;
        margin-left: 6.2%;
    }
    img#b3btn2
    {
        float: left;
        width: 12.2%;
        margin-left: 6.2%;
    }
    img#b3btn3
    {
        float: left;
        width: 12.2%;
        margin-left: 6.2%;
    }
    /*Fin de bloc*/
    /*Bloc des éléments du footer*/
    div#ftritemd
    {
        width: 100%;
    }
    img#ftritemi
    {
        float: right;
        width: 38%;
    }
    /*Fin de bloc*/
}
@media screen and (min-width: 541px)
{
    div
    {
        text-align: center;
    }
    p
    {
        font-family: "robotolight", sans-serif;
        font-size: 1.7vw;
        font-weight: 100;
    }
    div#header
    {
        width: 100%;
        height: 5em;
        margin-bottom: 8em;
    }
    div#content
    {
        width: 100%;
        height: 20em;
    }
    div#footer
    {
        width: 100%;
        height: 7em;
        margin-top: 5em;
    }
    div#logod
    {
        float: left;
        width: 15em;
    }
    img#logoi
    {
        float: left;
        width: 5em;
    }
    /*Bloc de l'élément "Aquario"*/
    div#bloc1
    {
        margin-left: 6%;
        float: left;
        width: 24%;
    }
    div#b1imgd
    {
        clear: both;
        width: 100%;
    }
    img#b1imgi
    {
        width: 100%;
    }
    div#b1txt
    {
        clear: both;
        width: 100%;
        height: 5.5em;
        margin-top: -1vw;
        text-align: left;
    }
    div#b1btn
    {
        clear: both;
        width: 100%;
        height: 2.3em;
        margin-top: 5vw;
        display: flex;
        justify-content: space-between;
    }
    div#b1btn a
    {
        width: 12.2%;
    }
    div#b1btn img
    {
        width: 100%;
    }
    /*Fin de bloc*/
    /*BLoc de l'élément "Electrosunlight"*/
    div#bloc2
    {
        margin-left: 6%;
        float: left;
        width: 24%;
    }
    div#b2imgd
    {
        clear: both;
        width: 100%;
    }
    img#b2imgi
    {
        width: 100%;
    }
    div#b2txt
    {
        clear: both;
        width: 100%;
        height: 5.5em;
        margin-top: -1vw;
        text-align: left;
    }
    div#b2btn
    {
        clear: both;
        width: 100%;
        height: 2.3em;
        margin-top: 5vw;
    }
    img#b2btn1
    {
        float: left;
        width: 52%;
    }
    img#b2btn2
    {
        float: left;
        width: 12.2%;
        margin-left: 11.8%;
    }
    img#b2btn3
    {
        float: left;
        width: 12.2%;
        margin-left: 11.8%;
    }
    /*Fin de bloc*/
    /*Bloc de l'élément "Café Trico Thé"*/
    div#bloc3
    {
        margin-left: 8%;
        float: left;
        width: 24%;
    }
    div#b3imgd
    {
        clear: both;
        width: 100%;
    }
    img#b3imgi
    {
        width: 100%;
    }
    div#b3txt
    {
        clear: both;
        width: 100%;
        height: 5.5em;
        margin-top: -1vw;
        text-align: left;
    }
    div#b3btn
    {
        clear: both;
        width: 100%;
        height: 2.3em;
        margin-top: 5vw;
    }
    img#b3btn01
    {
        float: left;
        width: 32%;
    }
    img#b3btn02
    {
        float: left;
        width: 25%;
        margin-left: 6.2%;
    }
    img#b3btn2
    {
        float: left;
        width: 12.2%;
        margin-left: 6.2%;
    }
    img#b3btn3
    {
        float: left;
        width: 12.2%;
        margin-left: 6.2%;
    }
    /*Fin de bloc*/
    /*Bloc des éléments du footer*/
    div#ftritemd
    {
        float: right;
        width: 20em;
    }
    img#ftritemi
    {
        float: right;
        height: 7em;
    }
    /*Fin de bloc*/
}