JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<body>
	<div id='page-wrap'>
		<table>
			<tr>
				<td>
					<img src='http://i.imgur.com/XXEBZEX.png' title='title' alt='tdfsdf' /><br/>
					<section class="stage">
						  <figure class="ball">
							<span class="iris"></span>
						  </figure>
					</section>
					<section class="stage">
						  <figure class="ball">
							<span class="iris"></span>
						  </figure>
					</section>
				</td>
				<td><span class='Three-Dee'>Expert<br/>LookUp.ca</span></td>
			</tr>
		</table>
		<div class='tabs'>
			<div class='lien'>
				<a href='enregistrement.php'>Ajouter votre entreprise</a><span> | </span>
				<a href='connexion.php'>Connexion</a><span> | </span>
				<a href='en/'>English</a>
			</div>
		   <div class='tab'>
			   <input type='radio' id='tab-1' name='tab-group-1' checked>
			   <label for='tab-1'>Entreprise</label>
			   
			   <div class='content'>
					<form action='search/index.php' method='get'>
						<span>Quoi ? : </span><td><input type='text' name='what' id='what' size='40' required />
						<span>Où ? : </span><input type='text' name='where' id='where' size='40' required /><br/>
						<table>
							<tr>
								<td><span>Secteur ? :</span></td>
								<td>
									<div class='formoid-flat-blue'>
										<div class='element-select' >
											<div class='large'><span>
												<select name='secteur' >
													<option value='3'>Résidentiel et industriel</option><br/>
													<option value='1'>Uniquement résidentiel</option><br/>
													<option value='2'>Uniquement industriel</option><br/>
												</select><i></i></span>
											</div>
										</div>
									</div>
								</td>
							</tr>
						</table>
					<input type='hidden' name='page' value='1' />
						<input type='submit' class="large blue button" name='valider' value='rechercher' />
					</form>
			   </div> 
		   </div>
			
		   <div class='tab'>
			   <input type='radio' id='tab-2'...

CSS

html,body{ margin:0; padding:0;}
 
 body
 {
	background:url(http://i.imgur.com/UmsaRGW.jpg) top center no-repeat;
	background-attachment:fixed;
    max-width: 100%;
	min-width:100%;
    height: auto;
    width: auto\9; /* ie8 */
	overflow-x: hidden;
	background-size:100% 100%;
 }
 
 .lien
 {
	float:right;
 }
 
 .lien a
 {
	text-decoration:none;
	font-weight:bold;
	color:#E3E3E3;
	text-shadow: black 0.1em 0.1em 0.2em;
	-webkit-transition-property:color; -webkit-transition-duration:0.8s; -moz-transition-property:color; -moz-transition-duration:0.8s; transition-property:color; transition-duration:0.8s; 
 }
 
 .lien a:hover, a:focus
 {
	text-decoration:underline;
	color: #383838;
	text-shadow: white 0.1em 0.1em 0.2em;
 }
 
 .Three-Dee
{
font-family: Garamond, serif;
line-height: 1em;
color: #f59a39;
font-weight:bold;
font-size: 32px;
text-shadow:0px 0px 0 rgb(205,114,17),-1px 1px 0 rgb(179,88,-9), -2px 2px 0 rgb(153,62,-35),-3px 3px 2px rgba(0,0,0,0.7),-3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);
}

input[type=text]
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input[type=text]:focus
{
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

.tabs
 {
	  position: relative;   
	  min-height: 200px; /* This part sucks */
	  clear: both;
	  margin: 5px 0;
}

.tab
{
     float: left;
 }
 
.tab label
{
      background: #FCA54C; 
      padding: 10px; 
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
}

.tab [type=radio]
{
      display: none;   
}

.content
{
      position: absolute;
      top: 28px;
      left: 0;
      /*background: #FFBD7A;*/
      /*background: #151515;*/
      right: 0;
      bottom: 0;
      padding: 20px;
      border: 1px solid #ccc;
	  
	  /* fallback */
	  background-color: #BDBDBD;
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, left top, right top, from(#BDBDBD), to(#E3E3E3));

	  /*...

JavaScript

/*!
 * jQuery Validation Plugin 1.12.0pre
 *
 * http://jqueryvalidation.org//
 *
 * Copyright 2013 Jörn Zaefferer
 * Released under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *//*!
 * jQuery Validation Plugin 1.12.0pre
 *
 * http://jqueryvalidation.org//
 *
 * Copyright 2013 Jörn Zaefferer
 * Released under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */
(function(a){a.extend(a.fn,{validate:function(b){if(!this.length){if(b&&b.debug&&window.console){console.warn("Nothing selected, can't validate, returning nothing.")}return}var c=a.data(this[0],"validator");if(c){return c}this.attr("novalidate","novalidate");c=new a.validator(b,this[0]);a.data(this[0],"validator",c);if(c.settings.onsubmit){this.validateDelegate(":submit","click",function(d){if(c.settings.submitHandler){c.submitButton=d.target}if(a(d.target).hasClass("cancel")){c.cancelSubmit=true}if(a(d.target).attr("formnovalidate")!==undefined){c.cancelSubmit=true}});this.submit(function(d){if(c.settings.debug){d.preventDefault()}function e(){var f;if(c.settings.submitHandler){if(c.submitButton){f=a("<input type='hidden'/>").attr("name",c.submitButton.name).val(a(c.submitButton).val()).appendTo(c.currentForm)}c.settings.submitHandler.call(c,c.currentForm,d);if(c.submitButton){f.remove()}return false}return true}if(c.cancelSubmit){c.cancelSubmit=false;return e()}if(c.form()){if(c.pendingRequest){c.formSubmitted=true;return false}return e()}else{c.focusInvalid();return false}})}return c},valid:function(){if(a(this[0]).is("form")){return this.validate().form()}else{var c=true;var b=a(this[0].form).validate();this.each(function(){c=b.element(this)&&c});return c}},removeAttrs:function(d){var b={},c=this;a.each(d.split(/\s/),function(e,f){b[f]=c.attr(f);c.removeAttr(f)});return b},rules:function(e,b){var g=this[0];if(e){var d=a.data(g.form,"validator").settings;var i=d.rules;var...