|  | @@ -4,13 +4,10 @@
 | 
	
		
			
				|  |  |  <head>
 | 
	
		
			
				|  |  |  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 | 
	
		
			
				|  |  |  <title>Inscription</title>
 | 
	
		
			
				|  |  | -  <script src="js/index.js" type="text/javascript"></script>
 | 
	
		
			
				|  |  | -    <script src="js/index.js" type="number/javascript"></script>
 | 
	
		
			
				|  |  |    <link rel="stylesheet" type="text/css" href="css/style.css">
 | 
	
		
			
				|  |  |    <link rel="stylesheet" href="css/style1.css" type="text/css"  /> 
 | 
	
		
			
				|  |  |    <link rel="stylesheet" href="css/style.css" type="bootstrap/css/bootstrap.min.css"  />
 | 
	
		
			
				|  |  |    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 | 
	
		
			
				|  |  | -<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |    
 | 
	
		
			
				|  |  |  </head>
 | 
	
	
		
			
				|  | @@ -22,97 +19,102 @@
 | 
	
		
			
				|  |  |          <div class="navbar">
 | 
	
		
			
				|  |  |              <ul>
 | 
	
		
			
				|  |  |                  <li><a href="index.html">Accueil</a></li>
 | 
	
		
			
				|  |  | -                <li><a href="abonnes.html">nos Abonnés</a></li>
 | 
	
		
			
				|  |  | -                
 | 
	
		
			
				|  |  | +                <li><a href="abonnes.html">Nos abonnés</a></li>
 | 
	
		
			
				|  |  | +                <li><a href="inscription.jsp">Inscription</a></li>
 | 
	
		
			
				|  |  |              </ul>
 | 
	
		
			
				|  |  |          </div>
 | 
	
		
			
				|  |  |      </div><!-- end of header -->
 | 
	
		
			
				|  |  |      <div class="main">
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    
 | 
	
		
			
				|  |  | +    	 <div class="menu">
 | 
	
		
			
				|  |  | +            <ul>
 | 
	
		
			
				|  |  | +              <li><a href="index.html">Accueil</a></li>
 | 
	
		
			
				|  |  | +               <li><a href="abonnes.html">Nos abonnés</a></li>
 | 
	
		
			
				|  |  | +               <li><a href="inscription.jsp">Inscription</a></li>
 | 
	
		
			
				|  |  | +               
 | 
	
		
			
				|  |  | +            </ul>
 | 
	
		
			
				|  |  | +        </div><!--end menu -->
 | 
	
		
			
				|  |  |          <div class="content">
 | 
	
		
			
				|  |  | -    
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -     
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    </div><!-- end of main div -->
 | 
	
		
			
				|  |  | -    <br>
 | 
	
		
			
				|  |  | -  	<h1>Inscription à l'espace microfolies</h1>
 | 
	
		
			
				|  |  | -  
 | 
	
		
			
				|  |  | -<br>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -  <form>
 | 
	
		
			
				|  |  | -  <div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label">Nom* </label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label">Prénom*</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label">Genre*</label>
 | 
	
		
			
				|  |  | -  <div class="col-3">
 | 
	
		
			
				|  |  | -<select class="form-control"  required>
 | 
	
		
			
				|  |  | -  	<option>Homme</option>
 | 
	
		
			
				|  |  | -    <option>Femmme</option>
 | 
	
		
			
				|  |  | -    <option>Autre</option>
 | 
	
		
			
				|  |  | -</select>  
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label">Date de naissance*</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="date" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label">Ville*</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label">Situation*</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label class="col-2 col-form-label">Email*</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label class="col-2 col-form-label" >Téléphone *</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label" >Contact d'urgence* </label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -<div class="form-group row" type="text">
 | 
	
		
			
				|  |  | -  <label  class="col-2 col-form-label" >Pièce jointe</label>
 | 
	
		
			
				|  |  | -  <div class="col-10">
 | 
	
		
			
				|  |  | -    <input class="form-control" type="file" required>
 | 
	
		
			
				|  |  | -  </div>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -  <button type="submit" class="btn btn-primary">Submit</button>
 | 
	
		
			
				|  |  | -</form>
 | 
	
		
			
				|  |  | -</body>
 | 
	
		
			
				|  |  | -</body>
 | 
	
		
			
				|  |  | -  <div class="clear"></div>
 | 
	
		
			
				|  |  | +        	<header>
 | 
	
		
			
				|  |  | +         		<h4>Inscription à l'espace microfolies</h4>
 | 
	
		
			
				|  |  | +      		</header>
 | 
	
		
			
				|  |  | +		      <main>
 | 
	
		
			
				|  |  | +					<form>
 | 
	
		
			
				|  |  | +					 	 <div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label">Nom* </label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +					  	</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label">Prénom*</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label">Genre*</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-3">
 | 
	
		
			
				|  |  | +								<select class="form-control"  required>
 | 
	
		
			
				|  |  | +									<option value=""></option>
 | 
	
		
			
				|  |  | +								  	<option>Homme</option>
 | 
	
		
			
				|  |  | +								    <option>Femme</option>
 | 
	
		
			
				|  |  | +								    <option>Autre</option>
 | 
	
		
			
				|  |  | +								</select>  
 | 
	
		
			
				|  |  | +							</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label">Date de naissance*</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="date" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label">Ville*</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label">Situation*</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +						 	<label class="col-2 col-form-label">Email*</label>
 | 
	
		
			
				|  |  | +						  	<div class="col-10">
 | 
	
		
			
				|  |  | +						   		 <input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +						  	</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label class="col-2 col-form-label" >Téléphone *</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label" >Contact d'urgence* </label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="text" required>
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="form-group row" type="text">
 | 
	
		
			
				|  |  | +					  		<label  class="col-2 col-form-label" >Pièce jointe</label>
 | 
	
		
			
				|  |  | +					  		<div class="col-10">
 | 
	
		
			
				|  |  | +					    		<input class="form-control" type="file" />
 | 
	
		
			
				|  |  | +					  		</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +					  	<button type="submit" class="btn btn-primary">Valider</button>
 | 
	
		
			
				|  |  | +					</form>
 | 
	
		
			
				|  |  | +		      </main>
 | 
	
		
			
				|  |  | +    	</div><!-- end of content div -->
 | 
	
		
			
				|  |  | +    </div><!-- end of main div --> 
 | 
	
		
			
				|  |  | +	<br> 
 | 
	
		
			
				|  |  | +	<div class="clear"></div>
 | 
	
		
			
				|  |  |      <div class="footer"></div>
 | 
	
		
			
				|  |  |      </div>
 | 
	
		
			
				|  |  | +</body>
 | 
	
		
			
				|  |  | +  
 | 
	
		
			
				|  |  |  </html>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 |