@media all and (max-width: 1124px) { /*****************LAPTOP*****************/

/*----------------BALISE----------------*/

address, p {
    width: 90%; /*largeur*/
    line-height: normal; /*espace entre ligne*/
    letter-spacing: normal; /*espace entre lettre*/
}
   
}


@media all and (max-width: 768px) { /*****************TABLETTE*****************/
    
/*----------------GÉNÉRAL----------------*/

html {
    /*VARIABLE TAILLE*/
    --11: 9pt; /*variable*/
    --14: 12pt; /*variable*/
    --16: 14pt; /*variable*/
    --18: 14pt; /*variable*/
    --20: 18pt; /*variable*/
    --24: 20pt; /*variable*/
    --28: 20pt; /*variable*/
    --32: 16pt; /*variable*/ 
    --38: 24pt; /*variable*/ 
}


/*----------------BALISE----------------*/

h1, h2, h3, h4 {
    padding: 40px 0px 30PX 0PX; /*marge intérieur*/
}

button:hover, .bouton:hover {
    background-color: none; /*couleur*/
}

}


@media all and (max-width: 512px) { /*****************TÉLÉPHONE*****************/


/*----------------GRILLE----------------*/

.grille {
    grid-template-columns: repeat(auto-fit, minmax(0, 350px)); /*colonnes égales et s'ajuste automatiquement*/
}

/*----------------ADRESSE----------------*/

.adresse {
    width: 100%; /*largeur*/
}

.adresse svg {
    width: 60px; /*largeur*/
    margin-right: 20px; /*marge extérieur droite*/
}

.adresse address, .adresse p {
    font-size: 10pt; /*police taille*/
}

}