CSS : Ajustement

style.css

@@ -1,39 +1,3 @@
-/* Style de la bannière */
-.contact {
-  display:flex;
-  flex-wrap: wrap;
-  row-gap: 10px;
-  column-gap: 2em;
-  position: sticky;
-  top: 0;
-  background-color: #CC4331;
-  margin : auto;
-  padding: 0.7rem 1rem;
-  color: #F9E7DB;
-  z-index: 100;
-  align-items: baseline;
-  font-size: 11px;
-}
-
-.button {
-  border: 1px solid #F9E7DB;
-  color: #F9E7DB;
-  padding: 0.3rem 1rem;
-  cursor: pointer;
-  border-radius: 0.2rem;
-}
-
-.button:hover {
-  background-color: #F9E7DB;
-  color: #CC4331;
-}
-
-.banner {
-  background-image: url('assets/img/CharlinePasteur-banniere.jpg');
-  background-size: cover;
-  background-position: center;
-  min-height: 50vh;
-}
 
 body {
   font-family: sans-serif;
@@ -53,6 +17,11 @@ section {
   margin-bottom: 2rem;
 }
 
+a {
+    color: #333;
+    text-decoration: none;
+}
+
 h1 {
   color: #bf9000;
   vertical-align: baseline;
@@ -66,111 +35,22 @@ h2 {
   text-align: center;
 }
 
-p span{
+p {
+  text-indent: 10px;
+}
+
+p span {
   font-weight: bold;
 }
 
-/* Styles pour les écrans plus grand */
-@media (min-width: 48em) {
-  .banner {
-    padding: 2rem 1rem;
-    min-height: 70vh;
-  }
-}
-
-@media (max-width: 48em) {
-.presentation {
-    flex-direction: column;
-    /* les enfants s'empilent verticalement */
-    align-items: center;
-  }
-
-  .portrait img,
-  .specialiste img {
-    max-width: 80%; 
-    /* pour s'adapter au petit écran */
-    padding: 1rem;
-  }
-
-  .texte {
-    padding: 1rem;
-  }
-}
-
-.cards-list {
-  list-style: none;
-  padding: 0;
-  display: flex;
-  gap: 1rem;
-  flex-wrap: wrap;
-}
-
-.cards-list li {
-  margin: auto;
-  width: 250px;
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-.cards-list li a {
-  display: block;
-  width: 100%;
-  height: 250px;
-  background-size: cover;
-  background-position: center;
-  border-radius: 8px;
-  transition: transform 0.3s ease;
-}
-
-.cards-list li:hover a {
-  transform: scale(1.1);
-}
-
-.cards-list li span {
-  margin-top: 1rem;
-
-  display: block;
-  text-align: center;
-  color: #CC4331;
-  background-color: transparent;
-  font-size: 1.5em;
-  font-weight: bold;
-  margin: 1rem 0.7rem;
-}
-
-.presentation {
-  display: flex;
-  gap: 1rem;
-}
-
-.portrait {
-  flex-grow: 3;
-}
-
-.portrait img {
-  padding: 2rem 2rem;
-  max-width: 250px;
-}
-
-.texte {
-  flex-grow: 6;
-}
-
-.specialiste {
-  flex-grow: 1;
-}
-
-.specialiste img {
-  padding: 2rem 2rem;
-  max-width: 100px;
-}
-
 footer {
   background-color: #CC4331;
   padding: 0.7rem 1rem;
-  color: #F9E7DB;  text-align: center;
+  color: #F9E7DB;
+  text-align: center;
   padding: 0.5rem 0;
   bottom: 0;
   width: 100%;
   font-size: 0.9rem;
-}
+}
+