des changements pour la mise en page

assets/main.css

@@ -35,6 +35,10 @@ h2 a {
   color: #474405;
   text-decoration: none; /* Retire le lien visuel */
   pointer-events: none;  /* Désactive l'interaction du lien */
+ 
+ 
+ 
+  
 }
 
 
@@ -42,6 +46,10 @@ h4 a {
   color: #8B5E3C;
   text-decoration: none; /* Retire le lien visuel */
   pointer-events: none;  /* Désactive l'interaction du lien */
+  
+  font-size: 1em; 
+ 
+ 
 }
 
 h1 {
@@ -52,17 +60,28 @@ h1 {
   text-transform: uppercase;}
 p{
   font-weight: normal;
-  margin: 10px 10px ;
   text-align: justify;
-  font-size: 0.98em;
+  font-size: 1.1em;
   color:#8B5E3C;
+}
+span{
+  display: block;
+  line-height: 1.8;
+  margin: 0cm 1cm 0cm 1cm;
+ 
+  
+  
 }
 video {
   border: 2px solid #474405;
   border-radius: 8px;
   max-width: 100%;  /* Responsive width */
+  max-width: 1200px;
   display: block;   /* Center the video */
-  margin: 20px auto;
+  margin: 10px auto;
+  width: 100vw; /* Largeur égale à la largeur de la fenêtre */
+  height: 100vh; /* Hauteur égale à la hauteur de la fenêtre */
+  object-fit: cover; /* Adapte la vidéo sans déformation */
   }
 .background{
   background-color:#F5F5F5;}

pages/index.vue

@@ -1,11 +1,13 @@
 <template>
   <div class="background">
-  <main>
+    <h1>DÉCLARATION DES DROITS DE L'ÂME ET DU VIVANT</h1>
-    <ContentDoc />
-  </main>
     <video controls width="640">
       <source src="/videos/video.mp4" type="video/mp4" />
       Your browser does not support the video tag.
     </video>
+  <main>
+    <ContentDoc />
+  </main>
+
   </div>
 </template>