<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<script src="/scripts/jquery-1.11.1.min.js" type="text/javascript"/></script>
<script src="/scripts/validator_form.js" type="text/javascript"/></script>
<title>management bienveillant | MANAGEMENT-BIENVEILLANT.FR</title>
</head>

<style>
/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
html,body {margin: 0;padding: 0;width: 100%;height: 100%;display: table;}
html{background-color: #08233e;}
body{margin:0;padding:0;color: #fff;position: relative;font-family: 'Raleway', serif;text-align: center;}
.transy{width: 100%;height: 100%;float: left;bottom: 0%;position: absolute;z-index: -1;background: url(/images/background_standby_3.jpg) no-repeat top center fixed; opacity: 0.2;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.wrapper{display: table-cell; text-align: center;vertical-align: middle;text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.5);}
.centered{display: inline-block;}
.header{width: 60%;padding: 0px 20%;float: left;margin-bottom: 40px;}
.header h1{font-family: 'Raleway', serif;font-size: 2.5rem;	color: #ffab26; text-transform:uppercase}
.header h2{font-family: 'Raleway', serif;font-size: 1rem;	color: #fff }
.line1{font-size: 0.85rem;}
.content{width: 60%;text-align: center;padding:0 20%;margin-bottom: 30px;float: left;margin-bottom:45px}
.content p{font-size: 1rem;font-weight: 700;}
.line1 a {color:#fff;}
.line1 a:hover {color:#ee470b;}
.form{width: 40%;padding: 0 30%;margin-top: -20px;float: left;}
.form p{font-size: 1rem;margin-bottom: 25px;}
.mainform{width: 100%;padding: 0 0 0 0;}
.mainform p{}
h2 a {text-decoration:none;color:#fff}
.field{width: 80%;margin: 0 auto;}
.field input{-webkit-border-radius: 30px;border-radius: 30px;background: #fff;border-top: none;border-left: none;font-family: 'Raleway', serif;font-weight: 400;border: 2px solid #fff;font-size: 1.1rem;color: #999;float: left;padding: 15px 5%;width: 86%;}
.submit{width: 20%;float: left;margin-left: -17%;}
.submit input{ background-image: -moz-linear-gradient( 90deg, rgb(238,71,11) 0%, rgb(255,171,38) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(238,71,11) 0%, rgb(255,171,38) 100%); background-image: -ms-linear-gradient( 90deg, rgb(238,71,11) 0%, rgb(255,171,38) 100%);  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.098);border-radius: 25px;width: 100%;float: left;font-size: 1rem;font-family: 'Raleway', serif;font-weight: 400;cursor: pointer;color: #fff;text-transform: uppercase;padding: 12px 0;margin-top: 4px;display: block;border: 3px solid #fff;}
.submit:hover input{ background-image: -moz-linear-gradient( 90deg, rgb(238,71,11) 0%, rgb(238,71,11) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(238,71,11) 0%, rgb(238,71,11) 100%); background-image: -ms-linear-gradient( 90deg, rgb(238,71,11) 0%, rgb(238,71,11) 100%); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.078), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.098); color: #fff;}
.logo_wysi {clear:both;border:0px;margin-top:15%}
.message {font-size:1.5rem; color:#ffab26}
.bottom {margin-bottom:50px; text-align:center; width:100%;}
.realisation_bottom{position: fixed;width: 100%;bottom:0px;font-family: 'Raleway', serif;text-align:center;font-size:0.85rem;line-height:1.5rem;background:transparent;color:#666; text-shadow:none}
.realisation_bottom a {color:#111}
.realisation_bottom img {vertical-align:middle}
.realisation_bottom a:hover {text-decoration:underline}
.realisation_bottom span {display: block;background: #fff;width:95%;margin: auto;font-size: .65rem;min-height:30px;line-height:30px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.filtergray {filter: grayscale(100%);}
.filtergray:hover {filter: grayscale(0%);}
@media only screen and (max-width: 1024px){
.header h1{font-size: 2.2rem;	}
.header, .content{width: 80%;padding: 0px 10%;}
#counter{width: 80%;padding: 0 10%;}
.form{width: 60%;padding: 0 20%;}
}

@media only screen and (max-width: 768px){
.header h1{font-size: 1.55rem;	}
.header, .content{width: 90%;padding: 0px 5%;}
.header{margin-bottom: 50px;}
.line1{font-size: 0.85rem;font-weight: 300;margin-bottom: 10px;margin-top: -10px;}
.content p{font-size: 23px;font-weight: 700;}
.form{width: 92%;padding: 0 4%;}
.field{width: 92%;margin: 0 auto;}
.form p{font-size: 0.85rem;margin-bottom: 25px;}
}
</style>
<body>
<div class="transy"></div>
<div class="wrapper">
	<div class="centered">
		<div class="header">
			<h1 id="logo">management bienveillant</h1>
            <h2><a href="https://management-bienveillant.fr" title="management bienveillant">https://management-bienveillant.fr</a></h2>
		</div>
        
		<div class="content">
				<p>L'équipe de YM-Studio travaille à la création de ce site internet !</p>
		</div>
		<div class="form">
			<p>Vous souhaitez être informé du lancement ?<br />Nous avons simplement besoin de votre email !</p>
			<div class="mainform">
            	<form id="contactForm" action="" method="post">
               		<input type="hidden" id="post" value="post">
                    <input type="hidden" id="domainname" value="MANAGEMENT-BIENVEILLANT.FR">
                    <div id="error-dialog"></div>
                    <div class="field"><input type="text" class="field" required="" maxlength="55" id="email" placeholder="votreemail@youremail.com" data-validation="required" data-validation-error-msg="Champ Email obligatoire" data-validation-error-msg-container="#error-dialog"></div>
                    <div class="submit"><input class="submit" type="submit" value="Ok"></div>
                </form>						
			</div>
		</div>
	</div>
    <div class="bottom">
        <div class="realisation_bottom"><br><span>Site web réalisé par : <a href="https://ym-studio.fr" target="_blank" rel="noopener" title="création site web bordeaux"><img src="/images/YM/agence-web-bordeaux-logo.png" alt="Agence web bordeaux" class="filtergray"></a> | Propulsé par : <a href="https://wysi.fr" target="_blank" rel="noopener" title="CMS France"><img src="/images/YM/cms-france-logo.png" alt="CMS France" class="filtergray"></a></span></div>
    </div>


</div>
<script>
$("#contactForm").submit(function( event ) {
	event.preventDefault();
	mail=$("#email").val();
	domainname=$("#domainname").val();
	post=$("#post").val();
	$(".mainform").append("<div style='clear:both'><b><br>Votre message est en cours de transmission</b></div>");
	$.ajax({
		method: "POST",
		url: "/standby.asp?"+new Date().getTime(),
		cache: false,
		data: {inscription:mail,domainname:domainname,post:post}
		})
		.done(function(msg) {
			if (msg=="ok") {$(".mainform").html("<div class='message'><br><br>Inscription réalisée. Merci et à très vite !</div>"); }
			if (msg=="ko") {$(".mainform").html("<div class='message'><br><br>Votre inscription n'a pu être transmise.</div>"); }
	});
});
</script>
</body>
</html>
