/**
 * 	THE main less file (compiled into "main.css")
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_VEN	Vendors
	_COF	Config (fonts, vars)
	_UTI	Utils (mixins, classes, ...)
	_LAY	Layout
	_MOD	Modules
	_PAG	Pages
	_DEB	Debug
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**
 *	Devices sizes and media queries definitions
 *	
 *	SIZES REFERENCE: http://cssmediaqueries.com/target/
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_SIZ    Sizes
	_MED    Media queries
*/
/**
 * 	Paths (for images files and such)
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_PAT	Paths
*/
/**
 * 	Bunch of vars affecting stuff globaly
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_COL	Colors
	_SIZ	Sizes
	_ZIN	Z-Indexes
*/
/**
 *	Fonts declarations
 *	
 *	@author WE_ARE
 */
/*
	_VAR	Variables
	_FFS	Font faces
	_MIX	Mixins
*/
/*
.fontArialRegular()
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.fontArialBold()
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
*/
/**
 * 	Simple 12 columns grid system
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_GRD  	Grid
*/
.cols:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.cols > .col1,
.cols > .col2,
.cols > .col3,
.cols > .col4,
.cols > .col5,
.cols > .col6,
.cols > .col7,
.cols > .col8,
.cols > .col9,
.cols > .col10,
.cols > .col11,
.cols > .col12 {
  float: left;
}
.cols > .col1 {
  width: 8.33333333%;
}
.cols > .col2 {
  width: 16.66666667%;
}
.cols > .col3 {
  width: 25%;
}
.cols > .col4 {
  width: 33.33333333%;
}
.cols > .col5 {
  width: 41.66666667%;
}
.cols > .col6 {
  width: 50%;
}
.cols > .col7 {
  width: 58.33333333%;
}
.cols > .col8 {
  width: 66.66666667%;
}
.cols > .col9 {
  width: 75%;
}
.cols > .col10 {
  width: 83.33333333%;
}
.cols > .col11 {
  width: 91.66666667%;
}
.cols > .col12 {
  width: 100%;
}
/**
 * 	Some utils classes
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_DIS  	Display
	_STY  	Style
	_IMG  	Images
	_ALI  	Alignements
	_OTH	Others
*/
.hidden {
  display: none;
}
.clear {
  clear: both;
  display: block;
}
.underline {
  text-decoration: underline;
}
.bold {
  font-weight: bold;
}
.uppercase {
  text-transform: uppercase;
}
.clickable {
  cursor: pointer;
}
.imgWrapper {
  display: inline-block;
}
.imgWrapper > img {
  width: 100%;
  max-width: none;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
/**
 *	Vertical align v2.0
 */
.vcenter:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
}
.vcenter > .item {
  vertical-align: middle;
  display: inline-block;
}
.vcenter > .item.empty {
  width: 0;
  height: 100%;
}
.no-select {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
/**
 *  Some usefull mixins
 *  
 *  @author WE_ARE
 */
/*
  _TAB  Table of Contents
  _CS3  CSS3 Rules
  _ANI  Annimations
  _FON  Fonts
  _FIX  Fixes
  _DRA  Drawings
  _FOR  Forms
*/
/**
 *  Add blur effect
 */
/**
 *  Add a transition on specific property only
 */
/**
 *  add an animation on an element
 */
/**
 *  Create a keyframes animation
 *  NOTE : can't be used with other properties than transform and support only from/to animations (for now at least..)
 */
/**
 *  generate font-face code
 *  NOTE: Wont work properly with SimpLESS because there is a bug with @font-face in less.js v1.3 (which is used by SimpLESS)
 *  @param fontFamily - name of the font used in CSS
 *  @param fontFile - name of the font filename (without extension)
 */
/**
 *  disable webkit min font size on MAC
 *  NOTE: may not still work with newer browsers (chrome at least)
 */
/**
 *  effective "clear: both" for all browsers
 */
/**
 *  Fixes styling overrides on IOS (forms)
 */
/**
 *  Creates CSS arrows
 */
/**
 *  Set placeholder color
 */
/**
 * 	layout
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_GEN    Generic
	_HEA    Header
	_MAN    Main
	_FOO    Footer
*/
html {
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
}
body,
input,
select,
textarea,
select,
pre {
  font-family: Arial, Helvetica, sans-serif;
}
body {
  background: #000;
}
#all {
  color: #777;
}
.red {
  color: #7d1111;
}
#header {
  position: relative;
  z-index: 999;
  padding: 20px 20px 0px 20px;
  text-align: center;
}
#header h1 {
  font-size: 60px;
  font-family: 'Handlee', cursive;
}
#main {
  padding: 20px;
  overflow: hidden;
}
#main #mycat {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  display: block;
  max-width: 100%;
  margin: 0px auto;
  height: auto;
}
#main #mycattext {
  position: relative;
  z-index: 999;
  max-width: 700px;
  margin: 0px auto;
  text-align: center;
  font-family: 'Handlee', cursive;
  font-size: 22px;
  line-height: 1.5em;
}
#footer {
  padding: 20px;
}
/**
 * 	languages specific styles
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_FR     French
	_EN     English
*/
/**
 * 	Media queries
 *	
 *	NOTE: see config/devices.less for a complete list of predefined queries.
 *	
 *	@author WE_ARE
 */
/*
	_TAB	Table of Contents
	_COM    Combined
	_PHO    Smartphones
	_TAB    Tablets
	_DES    Desktops & Laptops
	_OTH    Others
*/
/* Smartphones and tablets (portrait and landscape) */
/* Smartphones and tablets (landscape) */
/* Smartphones and tablets (landscape) */
/* Smartphones (portrait and landscape) */
/* Smartphones (landscape) */
/* Smartphones (portrait) */
/* Tablets (portrait and landscape) */
/* Tablets (landscape) */
/* Tablets (portrait) */
/* Desktops & laptops (portrait and landscape) */
/* Desktops & laptops (landscape) */
/* Desktops & laptops (portrait) */
/* Large screens */
/*
@import "modules/disable-interactivity-overlay.less";
@import "modules/form-characters-counter.less";
@import "modules/form-file-uploader.less";
@import "modules/form-validator.less";
@import "modules/loading-div.less";
@import "modules/slider.less";
@import "modules/steps-scroller.less";
*/
/**
 * 	Page index specific styles
 *	
 *	@author WE_ARE
 */