/****************************************** AFFICHAGE ECRANS ORDINATEURS *************************************/
   @media screen and (min-width:1025px) {

}

   /****************************************** AFFICHAGE TABLETTES (IPAD)*************************************/

   @media screen and (max-width:1024px) and (min-width:701px) {
    
}

   /****************************************** AFFICHAGE SMARTPHONES MOYENS *************************************/
   @media screen and (max-width:700px) and (min-width:401px) {
    /* Styles des textes */
h1 {
    font-family: 'Avenir';
    font-size : 12px;
    text-align : center;
    }
  
}

   /****************************************** AFFICHAGE SMARTPHONES PETITS *************************************/
   @media screen and (max-width:400px) {

    /* LOGO Blago */
.logoBlago img{
    padding : 10px 10px 0px 10px;
}

.entete{
    margin-top : 25px;
    margin-bottom : 20px;
}

    /* Styles des textes */
.accroche h1 {
    font-size : 22px;
    }

    .accroche p {
        font-size : 16px;
        }

    .box {
        margin-left : 15px;
        min-height : 450px;
    }

    .ligne {
        width : 400px;
    }

    .boxCase .case, .boxCase .case1 {
        transform: scale(0.85);
        margin:0px!important;
        padding:0px!important;
    }

    .boxCase {
        width : 350px;
        margin:0px!important;
        padding:0px!important;
        align-items: flex-start;
        padding-bottom : 30px;
    }

    button {
        -webkit-appearance: button;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        width: 110px;
        height: 60px;
        border : 8px solid #80808079;
        margin: 30px;
        font: 500 8px Arial;
        padding: 1px 2px;
        border-width: 10px;
    }

}