<!DOCTYPE html>
<html lang="fr">
<head> 
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sonarges</title>


 <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W2CNCHF5');</script>
<!-- End Google Tag Manager -->
	
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" >
	<link rel="stylesheet" href="assets/css/style.css?v=12" >
	<link rel="stylesheet" href="assets/css/responsive.css" >
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head>


<body>
 
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W2CNCHF5"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

	<div class="container mt-mobile">

		<div class="row">
			<div class="col-lg-6 padding-form">
				<div class="text-center">
					<img src="assets/img/logo.png" class="logo" style="max-width: 100%;"  > 


					<div class="element-mobile"><img src="assets/img/sona-art.png" class="concours  etudiante-mobile"   style="    position: relative;
    width: 100%;
    max-width: 100%;
margin-bottom: -45px;
    margin-left: 20px;
    z-index: -1;" >
						
					</div>
				</div>


				<!-- <h5 class="diplome-titre mt-2 mb-2 text-center">Diplôme Reconnu par l'État</h5> -->
				 
				<div class="form mt-3">
					<form action="traitement/index.php" method="POST" id="inscription" >
						<input type="hidden" name="utm_source" value="<?php echo @$_GET['utm_source'] ?>">
						<input type="hidden" name="utm_campaign" value="<?php echo @$_GET['utm_campaign'] ?>">
						<input type="hidden" name="utm_medium" value="<?php echo @$_GET['utm_medium'] ?>">
						<input type="hidden" name="utm_content" value="<?php echo @$_GET['utm_content'] ?>">
						<input type="hidden" name="utm_term" value="<?php echo @$_GET['utm_term'] ?>">
						<input type="hidden" name="landing_page" value="arts-martiaux">

						<h4 class="text-center text-candidat" style="color:#0f3b78"  > Profitez de l'offre</h4>
						<!-- <p class="text-center text-muted mb-3">Profitez de l'offre spéciale et recevez toutes les infos directement par téléphone.</p> -->
						<div class="row justify-content-center">
							<div class="col-6 mt-2">
								<div class="form-group">
									<label for="nom" class="form-label mb-1">Nom *</label>
									<input type="text" class="form-control" name="nom" id="nom" placeholder="Nom" required>
								</div>
							</div>
							<div class="col-6 mt-2">
								<div class="form-group">
									<label for="prenom" class="form-label mb-1">Prénom *</label>
									<input type="text" class="form-control" name="prenom" id="prenom" placeholder="Prénom" required>
								</div>
							</div>
							<div class="col-12 mt-2">
								<div class="form-group">
									<label for="telephone" class="form-label mb-1">Téléphone *</label>
									<input type="text" class="form-control" name="telephone" id="telephone" placeholder="Téléphone" required>
								</div>
							</div>
							<div class="col-12 mt-2">
								<div class="form-group">
									<label for="email" class="form-label mb-1">Adresse email</label>
									<input type="text" class="form-control" name="email" id="email" placeholder="Adresse email">
								</div>
							</div>
							<div class="col-12 mt-2">
								<div class="form-group">
								<label for="ville" class="form-label mb-1">Ville *</label>
								<select class="form-control" name="ville" id="ville" required>
									<option value="">Sélectionnez une ville</option>
									<option value="AGADIR">AGADIR</option>
									<option value="AL HOCEIMA">AL HOCEIMA</option>
								<option value="BENGUERIR">BENGUERIR</option>
								<option value="CASABLANCA">CASABLANCA</option>
								<option value="KELAAT ES SRAGHNA">KELAAT ES SRAGHNA</option>
								<option value="KENITRA">KENITRA</option>
								<option value="MARRAKECH">MARRAKECH</option>
								<option value="RABAT">RABAT</option>
								<option value="SAFI">SAFI</option>
								<option value="TANGER">TANGER</option>
									<option value="TETOUAN">TETOUAN</option>
								</select>
							</div>
						</div>
						<div class="col-12 mt-2">
							<div class="form-group">
								<label for="site" class="form-label mb-1">Site *</label>
								<select class="form-control" name="site" id="site" required>
									<option value="">Sélectionnez d'abord une ville</option>
								</select>
								</div>
							</div>

							<div class="col-12 text-center pt-3">
								<button type="submit" class="submit-btn d-inline-flex align-items-center justify-content-center">
									<span class="spinner-border spinner-border-sm me-2 d-none" role="status" aria-hidden="true"></span>
									<span class="btn-label">Envoyer</span>
								</button>
							</div>
						</div>
					</form>
				</div>
				<div class="mt-3 social-desktop text-center">
				 
					<h5>SUIVEZ-NOUS
					<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook-f"></i></a>
					<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram"></i></a>
					<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-youtube"></i></a>
					<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin"></i></a>
					<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-twitter"></i></a>
					</h5>
			 
			</div>
				
	
			</div>
			<div class="col-lg-6 p-mobile">
			 


				<div class="text-center">
					<div class="social text-center">
						<h5>SUIVEZ-NOUS</h5>
						<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook-f"></i></a>
						<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram"></i></a>
						<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-youtube"></i></a>
						<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin"></i></a>
						<a href="" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-twitter"></i></a>
					</div>


				 
				</div>
				

	
			</div>
		</div>
		

	</div>

 
 
		<img src="assets/img/sona-art.png" class="etudiante-img" alt="dsa" >
		 
		<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
		<script src="assets/js/script.js"></script>
	
</body>
</html>
