<?php include('includes/page.php'); ?>
<!DOCTYPE html>
<html lang="fr">
<head>
    <title>Carrosserie Saint Etienne - Peinture - Mécanique - Pare-Brise - Plan d'accès</title>
    <meta charset="utf-8">
    <meta name="description" content="Contactez Carrosserie Faure pour réparations automobile, changement pare-brise, peinture, nettoyage ou révision avec véhicules de prêt sur Saint Etienne Loire (42).">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
    	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
    <script type="text/javascript">
		function isEmail(mailteste)
		{
			var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
		
			if(reg.test(mailteste))
			{
				return(true);
			}
			else
			{
				return(false);
			}
		}
		function verif_formulaire ()
		{
			if(document.getElementById("nom").value=="Nom")
				alert('Veuillez entrez votre nom');
			else if(document.getElementById("mail").value=="Email")
				alert('Veuillez entrez votre email');
			else if(isEmail(document.getElementById("mail").value)==false)
				alert('Veuillez entrez une adresse mail valide');
			else if(document.getElementById("tel").value=="Téléphone")
				alert('Veuillez entrez votre téléphone');
			else if(document.getElementById("mess").value=="MESSAGE")
				alert('Veuillez entrez votre message');
			else 
				document.getElementById("form").submit();
		}
	</script>
</head>
<body onselectstart="return false" oncontextmenu="return false" ondragstart="return false">
<div class="bg">
   <?php echo head(); ?>
   <section id="content">
      <div class="sub-page">
      	<div class="sub-page-left box-9">
        	<h2>Plan d'accès</h2>
            <?php /*<form id="form" method="post" action="#">
             <?php if (!empty($_POST)): ?>
             <?php 
			 $nom = $_POST['nom'];
			 $mail = $_POST['email'];
			 $tel = $_POST['tel'];
			 $message = $_POST['message'];
			 $mess="Message du site Internet Carosserie Faure\n\n";
			$mess=$mess."Nom/Prenom : $nom \nE-mail : $mail \nTel. : $tel\n\nMessage : $message";
			mail("cyrille@emedia42.com","Message Site Internet Carosserie Faure",utf8_decode($mess),"From : $mail"); ?>
             <?php else: ?>
              <fieldset>
                <label><input type="text" value="Nom" onBlur="if(this.value=='') this.value='Nom'" onFocus="if(this.value =='Nom' ) this.value=''" name="nom" id="nom"></label>
                <label><input type="text" value="Email" onBlur="if(this.value=='') this.value='Email'" onFocus="if(this.value =='Email' ) this.value=''" name="email" id="mail"></label>
                <label><input type="text" value="Téléphone" onBlur="if(this.value=='') this.value='Téléphone'" onFocus="if(this.value =='Téléphone' ) this.value=''" name="tel" id="tel"></label>
                <label><textarea onBlur="if(this.value==''){this.value='MESSAGE'}" onFocus="if(this.value=='MESSAGE'){this.value=''}" name="message" id="mess">MESSAGE</textarea></label>
                <div class="btns"><a href="javascript:document.getElementById('form').reset()" class="button">Effacer</a><a href="javascript:verif_formulaire()" class="button" >Envoyer</a></div>
              </fieldset>  
            </form> 
            <?php endif; */?>
            <div class="map">
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11191.447921019344!2d4.34649924328318!3d45.47258416286354!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1254008cc8ccf87e!2sCarrosserie+Guillaume+Faure!5e0!3m2!1sfr!2sfr!4v1520332052884" width="610" height="356" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border:0" allowfullscreen></iframe>
            </div>
        </div>
        <div class="sub-page-right">
            <h2>Coordonnées</h2>
            
            <dl class="adr">
                <dt>Z.I. TRIOLET, <br>5 bis avenue de l'industrie</dt>
                <dt>42390 Villars</dt>
                <dd><span>Téléphone : </span>04 77 54 58 75</dd>
            </dl> 
            <h2>Horaires d'ouvertures</h2>
            
            <dl class="adr">
                <dt>Du Lundi au Jeudi</dt>
                <dt>Matin : 8h à 12h</dt>
                <dd>Après-Midi : 14h à 18h30</dd>
                <dt>Le Vendredi de 8h à 12h et de 14h à 17h</dt>
            </dl> 
            <p class="upper">N'hésitez pas à nous contacter pour plus d'informations.</p>
        </div>
      </div>  
   </section> 
<?php echo footer(); ?>
</div> 
</body>
</html>