modif style

index.php

@@ -28,14 +28,17 @@
             <div class="d-none d-sm-none d-md-none d-lg-block">
                 <div id="header-large"class="row d-flex justify-content-between">
                     <!-- Bandeau -->
-                        <div id="logo-header" class="logo-l col-md-1"></div>
+                        <div id="logo-header" class="logo-l col-md-1 logo-header"></div>
                         <div class="site-branding col-md-4 align-self-center">Compléments Inscription</div>
                         <div id="couleurs-droite" class=" col-md-1"></div>
                     
                 </div>
+            </div >
+                <div class="row d-flex justify-content-center d-lg-none d-xl-none d-xxl-none text-center "> 
+                    <div id="logo-header" class="small-logo bg-white ps-5"></div>
                 </div>
                 <div class="row d-flex justify-content-between d-lg-none d-xl-none d-xxl-none text-center">        
-                    <div class="col-md-12 header-small">Compléments Inscription<br>IMT Nord Europe</div>
+                    <div class="header-small">Compléments Inscription<br>IMT Nord Europe</div>
                 </div>
         </div>
     </div>

style.css

@@ -21,6 +21,10 @@ html,body{
 .grayarea {
     max-width: 700px !important;/*Set your own width %; */
  }
+
+ .grayareasmall {
+    max-width: 250px !important;
+ }
 .div-photo {
     background-color: whitesmoke;
     border: solid ;
@@ -57,8 +61,15 @@ html,body{
     font-weight: bold;
     font-size: 200%;
 }
-
+.small-logo{
+    background-color: white !important;
+}
 #logo-header{
+    background-image: url('img/logo-header.png');
+    /* background-image: url('https://myservices.imt-lille-douai.fr/portail/wp-content/themes/MyServices/img/logo-header.png'); */
+
+}
+.logo-header{
     height: 150px;
     width: 300px;
     background-image: url('img/logo-header.png');