/*CSS UFO - Outils Média Queries - Tablette*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

 

@media screen and (min-width: 501px)and (max-width: 960px) {



/*Partie Conseils*/

    .Chapitre{
        font-size: 22px;
        padding: 8px 10%;
        margin: 30px 5%
    }


    .Block1, .Block2, .Block3, .répartitionStructures, .répartitionOutils{
        flex-direction: column;
        width: 400px;
        margin: 0 17%;  
        height: auto; 
    }
   
    .ImgSens{
        visibility: hidden;
        display: none;
    }
    .ImgSensgMédiaQ{
        visibility: visible;
        display: block;

        border-radius: 5px;
        margin-bottom: 10px;
        border: 2px solid rgb(88, 230, 182);
        box-shadow: rgb(88, 230, 182) 1px 1px 12px;
        border-radius: 12px;
        padding: 2px;

        width: 100%;

    }

    .Img3{
        width: 100%;
    }



/*Partie liens Structures*/

    .Annonce{ 
        font-size: 23px;
        padding: 15px;
        margin: 50px 5%;
    }

    .répartitionStructures{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
    }

    .blockStructures{
        flex-direction: column;
        width: auto;
        margin: 30px 5%;
        height: auto;
    }

    .NomStructure{
        height: auto;
    }

    .BlockOutils{
        width: auto;
        margin: 30px 5%;
    }

    .BlockImgOutils{  
        height: 240px;
    }

/*Partie liens outils*/

    .répartitionOutils{
        gap: 10px;
    }


/*Partie Outils Visuels*/

    .BlockVisuels{
        flex-direction: column;
        width: auto;
        margin: 30px 5%;  
        height: auto;
    }

    .BlockImgVisuels{ 
        height: 280px;

    }


}