body {
     background-color: #DDDDDD;
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }

 img {
     border: 3px solid #7e7e7E;
 }

 p {
     margin-top: 10px;
 }

 a {
     color: white;
 }

 #Miniatures {
     display: flex;
     /*display: inline-flex = in casu même résultat */
     flex-wrap: wrap;
     /*passe à la ligne arrivé au bord du conteneur */
     align-items: center;
     justify-content: space-between;
     justify-content: space-around;
     /* élémnts régulmt diqtribués, collent pas au bord*/
     width: 90%;
     margin-left: 5%;
     margin-top: 5em;
     overflow-y: visible;
 }

 #Miniatures > div {
     margin: 10px;
 }

 .StyleBoutonVign {
     display: inline-block;
     background-color: rgba(135, 135, 135, 0.0);
     padding: 5px;
     text-align: center;
     color: #7e7e7E;
     border: 0.1em solid;
     border-color: #7e7e7E;
     border-radius: 15em;
 }

 #BoiteBoutVign {
     width: 100%;
     text-align: center;
     /*background-color: rgba(135, 135, 135, 1.0);*/
     /*background-color: red;*/
     order: 1;
     flex-basis: 100vw;
     height: 5em;
     position: fixed;
     top: 5px;
     left: 0;
     /*box-shadow: 0 5px 10px white;*/
 }

 #TexteIH {
     width: 80%;
     margin-left: 10%;
     margin-top: 15vh;
     text-align: left;
     font-size: 1.5em;
     color: azure;
 }

 /* SmartphoneVertical max 480 px*/
 @media screen and (max-width :29.99em) and (orientation : portrait) {
     /*body {
        background-image: url("../IMAGES/TRIO/TRIO-IV-488-1000-N3.JPG");
    }*/

     #TexteIH {
         display: none;
     }
 }

 /* Smartphone horizontal  max 820px */
 @media screen and (max-width :51.25em) and (orientation : landscape) {
     /*body {
        background-image: url("../IMAGES/TRIO/TRIO-IH-850-550-N3.JPG");
    }*/

     #BoiteBoutVign {
         display: none;
     }

     #Miniatures {
         display: none;
     }
 }

 /* TabletVertical  min 481px*/
 @media screen and (min-width : 30em) and (orientation : portrait) {
     /*body {
        background-image: url("../IMAGES/TRIO/TRIO-TV-770-1025-N3.JPG");
    }*/

     #TexteIH {
         display: none;
     }
 }

 /* Tablet horizontal et small pc - min 821px max 1280px */
 @media screen and (min-width : 51.5em) and (max-width :80em) and (orientation : landscape) {
     /*body {
        background-image: url("../IMAGES/TRIO/TRIO-TH-1280-850-N3.JPG");
    }*/

     #TexteIH {
         display: none;
     }
 }

 /* Grand Ecran horizontal- 1280px */
 @media screen and (min-width : 80.001em) and (orientation : landscape) {
     /*body {
        background-image: url("../IMAGES/TRIO/TRIO-BIG-1900-1342-N3.JPG");
    }*/

     #TexteIH {
         display: none;
     }

     /*
#Miniatures {
	border: none;
	height: auto;
	margin-bottom 10px;
	justify-content: space-around;
    */
 }