Merge branch 'master' of http://gvipers.imt-nord-europe.fr/pierre.marque/projet-isis into master

index.php

@@ -29,14 +29,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>
@@ -118,7 +121,7 @@
             </div>
         </div>
     
-    <div id="div">
+    <div id="div" class="mt-5">
     </div>
     </div>
 </body>

script.js

@@ -119,7 +119,7 @@ $(document).ready(function(){
         if(mailsPossibles.length!=0){
         $("body").append(
           `<div class = "container grayarea">
-          <h2>Choix de l'adresse électronique</h2>
+          <h2 class="text-center">Choix de l'adresse électronique</h2>
           <div class = "form-container div-form" id="email-container" >
             <div class="title-container"><h3>Veuillez choisir votre prochaine adresse électronique</h3></div>
             <form id ="choix-email" name="mail" class="div-form form-emails" action="" method="" onsubmit="event.preventDefault();sendMail()"> 

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');