Update 3 files

- /html/user.php
- /html/compte.php
- /html/src/css/style.css

html/compte.php

@@ -212,7 +212,7 @@ if($resultat) {
     <main>
         <div class="content">
             <div>
-                <div class="user-profile">
+                <div class="user-main-profile">
                     <form action="#" method="post">
                         <div class="user-banner"></div>
                         <div class="user-header">

html/src/css/style.css

@@ -171,17 +171,17 @@ a {
     max-height: 10em;
 }
 
-.user-profile .user-content {
+.user-main-profile .user-content {
     width: 80%;
     margin: 0 auto;
 }
 
-.user-profile .user-header {
+.user-main-profile .user-header {
     background-color: var(--banner-background);
     padding-bottom: 2em;
 }
 
-.user-profile .user-banner {
+.user-main-profile .user-banner {
     width: 100%;
     height: 12em;
     background-position: center;
@@ -189,7 +189,7 @@ a {
     background-size: cover;
 }
 
-.user-pp-image {
+.user-main-profile .user-pp-image {
     width: 10em;
     height: 10em;
     border-radius: 10em;
@@ -198,33 +198,33 @@ a {
     background-color: var(--banner-background);
 }
 
-.user-pp {
+.user-main-profile .user-pp {
     height: 6em;
 }
 
-.user-profile .display-name {
+.user-main-profile .display-name {
     font-weight: bold;
     display: inline;
 }
 
-.user-profile .user-role {
+.user-main-profile .user-role {
     display: inline;
 }
 
-.certification {
+.user-main-profile .certification {
     transform: translate(0, +22%);
     width: 1.5em;
 }
 
-.user-profile .bio {
+.user-main-profile .bio {
     padding: 1em 0;
 }
 
-.user-profile .user-articles {
+.user-main-profile .user-articles {
     margin-top: 5em;
 }
 
-.user-profile .bio-input {
+.user-main-profile .bio-input {
     max-height: 3em;
     width: 80%;
 }
@@ -237,30 +237,30 @@ a {
     width: 15em;
 }
 
-.auteur-username {
+.article-auteur .auteur-username {
 
 }
 
-.auteur-display-name {
+.article-auteur .auteur-display-name {
     font-weight: bold;
     display: flex;
 }
 
-.auteur-display-name .certification {
+.article-auteur .auteur-display-name .certification {
     transform: translate(0, -15%);
     width: 1.5em;
     margin-left: 0.5em;
 }
 
-.auteur-names {
+.article-auteur .auteur-names {
     margin: auto;
 }
 
-.auteur-pp {
+.article-auteur .auteur-pp {
     height: 4em;
 }
 
-.auteur-pp-image {
+.article-auteur .auteur-pp-image {
     width: 4em;
     height: 4em;
     border-radius: 4em;

html/user.php

@@ -111,7 +111,7 @@ if($resultat) {
     <main>
         <div class="content">
             <div>
-                <div class="user-profile">
+                <div class="user-main-profile">
                     <div class="user-banner"></div>
                     <div class="user-header">
                         <div class="user-content">