pognon/gist:4681897

## gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>LessDemon</title>

<link rel="stylesheet" type="text/css" href="css/site.css" />
<script type="text/javascript" src="js/site.js"></script>
</head>
<body>

<!-- Formulaire initial -->

	<div id="contact">
		<h1>Send an email</h1>
		<form action="#" method="post">
			<fieldset>
				<label for="name">Name:</label> <input type="text" id="name"
					placeholder="Enter your full name" /> <label for="email">Email:</label>
				<input type="email" id="email"
					placeholder="Enter your email address" /> <label for="message">Message:</label>
				<textarea id="message" placeholder="What's on your mind?"></textarea>

				<input type="submit" value="Send message" />

			</fieldset>
		</form>
	</div>

</body>
</html>

## gistfile2.txt
/*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */


@media only screen and (max-width : 767px){  //  Phones to portrait tablets and narrow desktops

// CSS Reset
@import "less/reset.less";

// Core variables and mixins
@import "custom-variables.less"; // Modify this for custom colors, font-sizes, etc
@import "less/mixins.less";

// Grid system and page structure
@import "less/scaffolding.less";
@import "less/grid.less";
@import "less/layouts.less";

// Base CSS
@import "less/type.less";
@import "less/code.less";
@import "less/forms.less";
@import "less/tables.less";

// Components: common
@import "less/sprites.less";
@import "less/dropdowns.less";
@import "less/wells.less";
@import "less/component-animations.less";
@import "less/close.less";

// Components: Buttons & Alerts
@import "less/buttons.less";
@import "less/button-groups.less";
@import "less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

// Components: Nav
@import "less/navs.less";
@import "less/navbar.less";
@import "less/breadcrumbs.less";
@import "less/pagination.less";
@import "less/pager.less";

// Components: Popovers
@import "less/modals.less";
@import "less/tooltip.less";
@import "less/popovers.less";

// Components: Misc
@import "less/thumbnails.less";
@import "less/labels-badges.less";
@import "less/progress-bars.less";
@import "less/accordion.less";
@import "less/carousel.less";
@import "less/hero-unit.less";

// Utility classes
@import "less/utilities.less"; // Has to be last to override when necessary


// Surcharge des classes du style par defaut de la page. (Le style du site web bureautique.)

#contact {
  width: 100%;
	background: #fff;
}


}


## gistfile3.txt
<link rel="stylesheet" type="text/css" href="css/site.css" />
<link rel="stylesheet" type="text/css" href="css/custom-site.css" />
<link rel="stylesheet" type="text/css" href="css/custom-responsive-site.css" />


## gistfile4.txt
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>LessDemon</title>

<link rel="stylesheet" type="text/css" href="css/site.css" />
<link rel="stylesheet" type="text/css" href="css/custom-site.css" />
<link rel="stylesheet" type="text/css" href="css/custom-responsive-site.css" />


<script type="text/javascript" src="js/site.js"></script>

</head>
<body>

  <!-- Formulaire avec RWD -->
	<div id="contact">
		<h1>Send an email</h1>
		<form class="form-horizontal" action="#" method="post">


			<div class="control-group">

				<label class="control-label" for="name">Name:</label>
				<div class="controls">
					<input type="text" id="name" class="input-xlarge" placeholder="Enter your full name" />
				</div>
			</div>

			<div class="control-group">

				<label class="control-label" for="email">Email:</label>
				<div class="controls">
					<input type="email" id="email"class="input-xlarge"
						placeholder="Enter your email address" />
				</div>
			</div>


			<div class="control-group">
				<label class="control-label" for="message">Message:</label>
				<div class="controls">
					<textarea id="message" class="input-xlarge" placeholder="What's on your mind?"></textarea>
				</div>
			</div>

			<div class="control-group">
				<input type="submit" value="Send message" />
			</div>


		</form>
	</div>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
	<title>LessDemon</title>

	<link rel="stylesheet" type="text/css" href="css/site.css" />
	<script type="text/javascript" src="js/site.js"></script>
	</head>
	<body>

	<!-- Formulaire initial -->

	<div id="contact">
	<h1>Send an email</h1>
	<form action="#" method="post">
	<fieldset>
	<label for="name">Name:</label> <input type="text" id="name"
	placeholder="Enter your full name" /> <label for="email">Email:</label>
	<input type="email" id="email"
	placeholder="Enter your email address" /> <label for="message">Message:</label>
	<textarea id="message" placeholder="What's on your mind?"></textarea>

	<input type="submit" value="Send message" />

	</fieldset>
	</form>
	</div>

	</body>
	</html>
	/*!
	* Bootstrap v2.1.1
	*
	* Copyright 2012 Twitter, Inc
	* Licensed under the Apache License v2.0
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Designed and built with all the love in the world @twitter by @mdo and @fat.
	*/


	@media only screen and (max-width : 767px){ // Phones to portrait tablets and narrow desktops

	// CSS Reset
	@import "less/reset.less";

	// Core variables and mixins
	@import "custom-variables.less"; // Modify this for custom colors, font-sizes, etc
	@import "less/mixins.less";

	// Grid system and page structure
	@import "less/scaffolding.less";
	@import "less/grid.less";
	@import "less/layouts.less";

	// Base CSS
	@import "less/type.less";
	@import "less/code.less";
	@import "less/forms.less";
	@import "less/tables.less";

	// Components: common
	@import "less/sprites.less";
	@import "less/dropdowns.less";
	@import "less/wells.less";
	@import "less/component-animations.less";
	@import "less/close.less";

	// Components: Buttons & Alerts
	@import "less/buttons.less";
	@import "less/button-groups.less";
	@import "less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

	// Components: Nav
	@import "less/navs.less";
	@import "less/navbar.less";
	@import "less/breadcrumbs.less";
	@import "less/pagination.less";
	@import "less/pager.less";

	// Components: Popovers
	@import "less/modals.less";
	@import "less/tooltip.less";
	@import "less/popovers.less";

	// Components: Misc
	@import "less/thumbnails.less";
	@import "less/labels-badges.less";
	@import "less/progress-bars.less";
	@import "less/accordion.less";
	@import "less/carousel.less";
	@import "less/hero-unit.less";

	// Utility classes
	@import "less/utilities.less"; // Has to be last to override when necessary




	// Surcharge des classes du style par defaut de la page. (Le style du site web bureautique.)

	#contact {
	width: 100%;
	background: #fff;
	}


	}