diff --git a/assistance-educative.html b/assistance-educative.html
index d553550..2957299 100644
--- a/assistance-educative.html
+++ b/assistance-educative.html
@@ -6,20 +6,20 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>Assistance éducative - Charline Pasteur, Avocate à Nantes</title>
+    <title>Avocate assistance éducative à Nantes - Charline Pasteur</title>
     <meta name="description"
         content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Assistance éducative - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:title" content="Avocate assistance éducative à Nantes - Charline Pasteur" />
     <meta property="og:description"
         content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://pasteuravocate.com/assistance-educative.html" />
-    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo.png" />
-
+    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="canonical" href="https://pasteuravocate.com/assistance-educative.html" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -41,7 +41,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
diff --git a/class.css b/class.css
index 82cd6be..8364575 100644
--- a/class.css
+++ b/class.css
@@ -150,6 +150,8 @@
 .portrait img {
   padding: 2rem 2rem;
   max-width: 250px;
+  height: auto;
+  display: block;
 }
 
 .texte {
diff --git a/contact.html b/contact.html
index 253dde8..94574cd 100644
--- a/contact.html
+++ b/contact.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>Contact - Charline Pasteur, Avocate à Nantes</title>
+    <title>Contacter une avocate à Nantes - Charline Pasteur</title>
     <meta name="description"
         content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." />
     <meta property="og:type" content="website" />
@@ -15,9 +15,10 @@
         content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." />
     <meta property="og:url" content="https://pasteuravocate.com/contact.html" />
     <meta property="og:image" content="assets/img/og-cover.jpg" />
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur.html" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -39,7 +40,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -51,7 +52,7 @@
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
-                    <li><a href="index.html"><span>Accueil</span></a></li>
+                    <li><a href="/"><span>Accueil</span></a></li>
                     <li><a href="assistance-educative.html">Assistance éducative</a></li>
                     <li><a href="droit-penal-mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit-education.html">Droit de l'éducation</a></li>
diff --git a/droit-education.html b/droit-education.html
index cb0f8e8..dcc4281 100644
--- a/droit-education.html
+++ b/droit-education.html
@@ -5,20 +5,20 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Droit de l'éducation - Charline Pasteur, Avocate à Nantes</title>
+    <title>Avocate droit de l'éducation à Nantes - Charline Pasteur</title>
     <meta name="description"
         content="Conseil et contentieux en matière de droits de l'éducation à Nantes et Pays de la Loire." />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Maître Charline Pasteur - Avocate au barreau de Nantes" />
+    <meta property="og:title" content="Avocate droit de l'éducation à Nantes - Charline Pasteur" />
     <meta property="og:description"
         content="Conseil et contentieux droits en matière de droits de l'éducation à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://pasteuravocate.com/droit-education.html" />
-    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo.png" />
-
+    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="canonical" href="https://pasteuravocate.com/droit-education.html" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -40,7 +40,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
diff --git a/droit-etrangers.html b/droit-etrangers.html
index dc924a8..f3f9400 100644
--- a/droit-etrangers.html
+++ b/droit-etrangers.html
@@ -5,21 +5,20 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <title>Droit des étrangers - Charline Pasteur, Avocate à Nantes</title>
+    <title>Avocate droit des étrangers à Nantes - Charline Pasteur</title>
     <meta name="description"
         content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Droit des étrangers - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:title" content="Avocate droit des étrangers à Nantes - Charline Pasteur" />
     <meta property="og:description"
         content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://pasteuravocate.com/droit-etrangers.html" />
-    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo.png" />
-
+    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="canonical" href="https://pasteuravocate.com/droit-etrangers.html" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -41,7 +40,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
diff --git a/droit-penal-mineur.html b/droit-penal-mineur.html
index 7386eb7..0aedf0a 100644
--- a/droit-penal-mineur.html
+++ b/droit-penal-mineur.html
@@ -5,21 +5,20 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <title>Droit pénal des mineurs - Charline Pasteur, Avocate à Nantes</title>
+    <title>Avocate en droit pénal des mineurs - Charline Pasteur</title>
     <meta name="description"
         content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Droit pénal des mineurs - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:title" content="Avocate en droit pénal des mineurs - Charline Pasteur" />
     <meta property="og:description"
         content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://pasteuravocate.com/droit-penal-mineur.html" />
-    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo.png" />
-
+    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur.html" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -41,7 +40,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
diff --git a/honoraires.html b/honoraires.html
index cbc0104..d87f2f6 100644
--- a/honoraires.html
+++ b/honoraires.html
@@ -6,18 +6,18 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>Honoraires - Charline Pasteur, Avocate à Nantes</title>
+    <title>Honoraires avocate à Nantes - Charline Pasteur</title>
     <meta name="description" content="Honoraires" />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:title" content="Honoraires avocate à Nantes - Charline Pasteur" />
     <meta property="og:description" content="Honoraires" />
     <meta property="og:url" content="https://pasteuravocate.com/honoraires.html" />
-    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo.png" />
-
+    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="shortcut icon" href="/favicon.ico" />
@@ -38,7 +38,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
diff --git a/mentions.html b/mentions.html
index abe0260..63f04bc 100644
--- a/mentions.html
+++ b/mentions.html
@@ -5,19 +5,18 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <title>Mentions légales - Charline Pasteur, Avocate à Nantes</title>
+    <title>Mentions légales avocate à Nantes - Charline Pasteur</title>
     <meta name="description" content="Mentions légales." />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:title" content="Mentions légales avocate à Nantes - Charline Pasteur" />
     <meta property="og:description" content="Mentions légales." />
     <meta property="og:url" content="https://pasteuravocate.com/mentions.html" />
-    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo.png" />
-
+    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
-    <link rel="stylesheet" href="style.css" />
+    <!--<link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
-    <link rel="stylesheet" href="navigation.css" />
+    <link rel="stylesheet" href="navigation.css" />--> 
+    <link rel="stylesheet" href="style-min.css" />
     <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur.html" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -39,7 +38,7 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
diff --git a/style-min.css b/style-min.css
new file mode 100644
index 0000000..d60cc9a
--- /dev/null
+++ b/style-min.css
@@ -0,0 +1 @@
+.banner,.cards-list li a{background-position:center}.cards-list,.presentation{gap:1rem;display:flex}.submenu li a,a,menu li{text-decoration:none}.button:hover,a h3,h1,h2,li a.active{color:#b00f2e}.cards-list li span,.citation,li a.active,p span{font-weight:700}.banner{margin-top:3rem;background-size:contain;background-repeat:no-repeat;min-height:70vh}.banner-accueil{background-image:url('assets/img/charline-pasteur-banniere.webp')}.banner-droit-education,.card-education{background-image:url('assets/img/droit-de-l-education.webp')}.banner-droit-etrangers,.card-etrangers{background-image:url('assets/img/droit-des-etrangers.webp')}.banner-droit-penal-mineur,.card-penal{background-image:url('assets/img/droit-penal-des-mineurs.webp')}.banner-assistance-educative,.card-assistance{background-image:url('assets/img/assistance-educative.webp')}.button{border:1px solid #f9e7db;color:#f9e7db;padding:.3rem 1rem;cursor:pointer;border-radius:.2rem}.button:hover{background-color:#f9e7db}.citation{color:#734332;font-size:11pt;position:relative;display:flex;flex-direction:column;align-items:center}.citation span{font-weight:400;align-self:flex-end;font-style:italic}@media (max-width:849px){.banner{min-height:50vh}.banner-accueil{background-image:url('assets/img/charline-pasteur-banniere.webp')}.presentation{flex-direction:column;align-items:center}.portrait img,.specialiste img{max-width:80%;padding:1rem}.texte{padding:1rem}}.cards-list{list-style:none;padding:0;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;border-radius:8px;transition:transform .3s}.cards-list li:hover a{transform:scale(1.1)}.cards-list li span{margin-top:1rem;display:block;text-align:center;color:#b00f2e;background-color:transparent;font-size:1.5em}.portrait{flex-grow:3}.portrait img{padding:2rem;max-width:250px;height:auto;display:block}.texte{flex-grow:6;text-align:justify}.footer-center,.section-contact,a h3,h1,h2{text-align:center}.specialiste{flex-grow:1}.specialiste img{padding:2rem;max-width:100px}.styled-list{float:none;list-style-type:disc;list-style-position:inside;padding-left:1rem}.styled-list li::marker{color:#b00f2e}.formulaire-contact{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;flex-direction:column}.formulaire-contact iframe{max-width:100%;width:640px;border:none}.section-contact{margin:3rem 0}.btn-container{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.btn-contact,.btn-phone{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .3s;color:#fff;background-repeat:no-repeat;background-position-y:6px;background-position-x:6px;background-size:40px 40px;padding:.8rem 1rem .8rem 3rem;background-color:#b00f2e}#menuXL,.contact,.dropdown:hover .submenu,.header{display:flex}.btn-phone{background-image:url('assets/img/phone.png')}.btn-contact{background-image:url('assets/img/form.svg')}.btn-contact:hover,.btn-phone:hover{background-color:#d1776b}.dropdown .submenu,.header,body{background-color:#f9e7db}.header{position:fixed;width:100%;z-index:3;align-items:center}.header li a::after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background-color:#b00f2e;transition:width .3s}.logo,li a.active::after,li a:hover::after{width:100%}.contact{top:0;position:fixed;width:100%;flex-wrap:wrap;row-gap:10px;column-gap:.7rem;justify-content:center;align-items:center;background-color:#b00f2e;padding:1rem;color:#f9e7db;z-index:100;font-size:11px}.dropdown,.menu li{position:relative}.submenu li a,a,body{color:#333}.nav-phone,.navigation{display:flex;width:100%}.logo img{display:inline-block;max-height:40px;padding:8px 4px 8px 12px;vertical-align:middle}nav{margin-left:auto;display:inline-flex;margin-right:1rem}.footer-right p,.menu,body{margin:0}#menuM,.menu-btn{display:none}.menu{list-style:none;padding:0;gap:1rem;align-items:center}.menu li{white-space:nowrap;padding:.1rem}.dropdown .submenu{display:none;position:fixed;top:6rem;right:1rem;z-index:10;flex-direction:column;box-shadow:0 2px 5px rgba(0,0,0,.15);padding:.5rem;min-width:180px}.dropdown-label{cursor:pointer;padding:.5rem;display:inline-block;color:#333;background-color:transparent}.submenu li a{display:block;padding:.5rem}@media (max-width:1299px) and (min-width:100px){#menuXL{display:none}#menuM{display:flex}}@media (max-width:999px) and (min-width:850px){.logo span{display:none}}@media (max-width:849px){#menuXL,.header{display:flex}.logo span{display:inline-flex}#menuXL{transform:translateX(100%);opacity:0;transition:transform .3s,opacity .3s;max-height:0;max-width:0;overflow:hidden;flex-direction:column;position:fixed;background-color:#f9e7db;top:3.5rem;right:0;box-shadow:-10px 0 20px rgba(0,0,0,.2)}#menuM{display:none}.menu-icon{display:inline-block!important}}.menu-icon{cursor:pointer;display:none;padding:28px 20px;position:relative;user-select:none;z-index:100}.menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.menu-icon .navicon:after,.menu-icon .navicon:before{background:#333;content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}.menu-icon .navicon:before{top:5px}.menu-icon .navicon:after{top:-5px}.menu-btn:checked~nav #menuXL{max-height:100vh;max-width:300px;width:300px;height:100%;transform:translateX(0);opacity:1}.menu-btn:checked~.menu-icon .navicon{background:0 0}.menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}body{line-height:1.6;padding:0;font-family:Times New Roman}main{padding:0 1rem;margin:0 auto;max-width:1280px}section{margin-bottom:2rem}menu li{display:block;padding:.5rem}h1{vertical-align:baseline;font-size:1.6rem}h2{line-height:1.2}a h3{padding-top:14rem;font-size:1.5rem}h3{color:#ff7d01;text-align:left}p{text-indent:10px}.site-footer{padding:0 1rem;font-size:.8rem;background-color:#b00f2e;color:#f9e7db}.site-footer a{color:#f9e7db;text-decoration:underline}.footer-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-center{flex-grow:1}.footer-right{text-align:right;min-width:150px}@media (max-width:600px){.footer-main{flex-direction:column;align-items:center}.footer-right{text-align:center;margin-top:.5rem}}
\ No newline at end of file