* {
	font-family: "Helvetica neue",sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	-webkit-border-radius: 0 ;
	-moz-border-radius: 0 ;
	border-radius: 0;
}

html, body { 
	width: 99%;
	margin:0 auto;
	background-color:#999;
	color:#021417;
}

.creative-commons i {
	font-size:22px;
	padding:2px;
	color:#555;
}

input{
	outline: none;    
    -webkit-appearance: none;
    -moz-appearance: none;
}

a {
	color:#000;
	text-decoration: none;
}

ul, ul li { list-style:none; }

footer {
	position:fixed;
	bottom: 0;
	text-align: center;
	padding: 5px;
	background: #ccc;
	color: #555;
	width: 100%;
	font-size:12px;;
	opacity:.5;
	left:0;
}

@font-face {
    font-family: 'Calibri';
	src: url('fonts/calibri.eot?') format('eot'),
		 url('fonts/calibri.woff') format('woff'),
		 url('fonts/calibri.svg#calibri') format('svg');
}


h1.display-1 {
	color:#fff;
}

.bb-c {
	border-bottom:1px solid #ccc;
	width:50%;
	margin:auto !important;
	margin-top:-35px !important;
	margin-bottom:25px !important;
	color:#333;
}

h2 {
	font-weight:normal;
	font-size:13px;
	margin-top:50px;
}

.btn-h {
	min-height:120px;
	max-height:120px;
	height:120px;
	overflow:hidden;
	font-weight:normal;
	font-size:16px;
}

.btn-h p {
	font-size:11px;
	margin:0;
}

/* ---------------------------
	MARGES & POSITION
--------------------------- */

.margin-top-50		{	margin-top: 50px;	}
.margin-top-25		{	margin-top: 25px;	}
.margin-top-20		{	margin-top: 20px;	}
.margin-top-10		{	margin-top: 10px;	}
.margin-top-5		{	margin-top: 5px;	}
.margin-top-15		{	margin-top: 15px;	}
.margin-left-2		{	margin-left:2px;	}
.margin-left-5		{	margin-left:5px;	}
.margin-left-10		{	margin-left:10px;	}
.margin-left-15		{	margin-left:15px;	}
.margin-left--15	{	margin-left:-15px;	}
.margin-top--5		{	margin-top: -5px;	}
.margin-top-0		{	margin-top: 0;	}
.margin-bottom-0	{	margin-bottom: 0;	}
.margin-bottom-5	{	margin-bottom: 5px;	}
.margin-bottom-10	{	margin-bottom: 10px;}
.margin-bottom-15	{	margin-bottom: 15px;}
.margin-bottom-25	{	margin-bottom: 25px;}
.margin-bottom-50	{	margin-bottom: 50px;}
.margin-left--5		{	margin-left:-5px;	}
.margin-left--10	{	margin-left:-10px;	}
.margin-right-5		{	margin-right:5px;	}
.margin-right-15	{	margin-right:15px;	}
.margin-right-10	{	margin-right:10px;	}
.margin-right--15	{	margin-right:-15px;	}
.margin-right-25	{	margin-right:25px;	}

.padding-right-0	{	padding-right: 0px;}
.padding-right-10	{	padding-right: 10px;}
.padding-right-15	{	padding-right: 15px;}
.padding-left-15	{	padding-left: 15px;	}
.padding-top-25		{	padding-top: 25px;	}
.padding-top-5		{	padding-top: 5px;	}
.padding-bottom-5	{	padding-bottom: 5px;}
.padding-5			{	padding:5px;		}
.padding-left-0		{	padding-left:0px; 	}

.float-right		{	float:right;		}
.float-left			{	float:left;			}

.btn-height-40 { height: 40px; }

.text-12 { font-size: 12px; }
.text-18 { font-size: 18px; }

.v-middle { vertical-align: middle !important; }

.text-gris { color:#999;}
.text-gris-clair { color:#ddd !important;}
.text-gris-sombre { color:#555 !important;}

.saturation {
	filter: saturate(175%);
	-webkit-filter: saturate(175%);
	-moz-filter: saturate(175%);
	-o-filter: saturate(175%);
	-ms-filter: saturate(175%);
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.t-align-right	{ text-align: right;	}
.t-align-center	{ text-align: center;	}
.t-align-left	{ text-align: left;		}

.t-align-right button {
	margin-right:8px;
	margin-top: -15px;
}

/* ---------------------------
	TEXTE
--------------------------- */

.bold			{ font-weight: bold !important; }
.line-height-30 { line-height: 30px; }

.texte-lg {
	font-size: 1.5em !important;
}

.texte-2x {
	font-size: 2em !important;
}

.shortline {
	line-height:14px;
	font-size:12px;
	opacity:.5;
} 


/* ---------------------------
	HAUTEURS
--------------------------- */

.height-175		{ height:175px;		}
.height-369		{ height:369px;		}
.height-200		{ height:200px;		}
.max-height-140 { max-height: 140px;}