:root{
    --Largeurglobale:1200px;                                                    /*Largeur du site*/
    --FontCourant :'Hind', sans-serif;                              /*Défintion du texte courant*/
    --FontDeco :    'Barlow Condensed', sans-serif; /*Définition de la police décorative*/
    --FontInfo : 'Comfortaa', cursive;                          /*Définition dez la police pour les infos*/
        /*Nuancier*/
    --Color1:#403f39; /*Gris foncé*/
    --Color2:#fdba16; /*Jaune Orange*/
    --Color3:#b3e4fa; /*Bleu clair*/
    --Color4:#f26839; /*Rouge orange*/
    --Color5:#935ea7; /*Violet*/
    --Color6:#d7df26; /*Vert pomme*/
    --Color0:#f4f4f2; /*Blanc cassé*/

}


html body {
margin: 0;
font-size: 62.5%;
}


p{
    font-family: 'Hind', sans-serif;
    color: var(--Color1);
    font-size : clamp(1rem, 1.2vw, 1.3rem);
    text-align: justify;
    text-indent: 1em; /* retrait du texte */
    letter-spacing: ;
    word-spacing :;
    line-height: 1.2em;
    text-transform: ;
}

h1 {

    font-family: 'Barlow Condensed', sans-serif;
    font-size : clamp(1rem, 4vw, 3rem);

}

h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 100;
    font-size : clamp(1rem, 4vw, 3rem);


}

h3 {font-size: 3vmin;}


.Fond {
    position: absolute;
    width: 100%;
    height: 100%;        
    padding: 0;   
    background-color: blueviolet;

}
.ConteneurFlexN1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;

    
    background-color: seagreen;   


}
.box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;  
  background-color: yellowgreen;
  height: 80%;
  max-width: 1200px;

  margin: 30px 30px 30px 30px;
  
  
}

.Image {
   flex: 300px;
   max-width: 1100px;
   background-color: burlywood;
   margin :5px 5px 5px 5px;
   padding: 5px 5px 5px 5px;
}
.Image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid pink;
}




.Info {
    display: flex;
    flex-direction: column;
    flex: 250px;
    max-width: 400px;    
    overflow: hidden;
    background-color: white;
     margin :5px 5px 5px 5px;

}
.Info .Titre {
   background-color: brown;
   
    
}

.Info .Article {
    background-color: violet ;
  
}

.Info .Auteur {
    background-color: floralwhite;
  
}

.NavBar {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color: bisque;
}