/*  Données générales du site  */

h1, h2 { color: black; font-weight: bold; }
  

h1 { font-size: 4em; }
h2 { font-size: 2em; }
h3 { font-size: 2.4em; }
h5 { font-size: 1,5em;                 }
H6 {font-size: 2em; }
p { font-size: 2em; background-color: none;}

p, h1, h2, h3,h5, h6 { font-family: georgia; }

.flottant { float: left; }

a:hover { color: red;}

h1, h2, h3, h6 { text-align: center; }
h5 { text-align: center;}
p { text-align: center; }

#puces {display: flex; justify-content:center; }

.topsection { display: flex; }
ul {list-style-type: none;}
p {width: 2em; text-align: center}


                            /* définition des blocs */ 

h1,h2 { width: 100%; padding: 12px; margin: auto;  background-color: none; }
h3 { width: 90%; padding: 12px; margin: auto; background-color: none;}
h5 { background-color: none ;}
h6 { width: auto; padding: 12px; margin: auto; }
p { width: 90%;  padding: 12px; margin: auto;  background-color: none; }

.navigation { display: flex; justify-content:center; border: 2px; align-items: baseline  }

.navigant { width: 250px; height: 0px; }

.navigant:nth-child(1) {background-color: none;}
.navigant:nth-child(2) {background-color: none;}
.navigant:nth-child(3) {background-color: none;}



.conteneur { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline;  border: 2px; }

.element { width: 300px; height: 110px; }

.element:nth-child(1) {background-color: none;}
.element:nth-child(2) {background-color: none;}
.element:nth-child(3) {background-color: none;}


                                    /* Articles Tendances*/

.icones { width: 350px; height: 250px; }

.article:nth-child(1)  {  background-color: none;         }
.artcile:nth-child(2)  {  background-color: none;         }
.article:nth-child(3)  {  background-color: none;         }
.artcile:nth-child(4)  {  background-color: none;         }

.sylvain { color: violet; font-weight: bold; }