/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");*/
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
		url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
		url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');

	font-weight: normal;
	font-style: normal;
}

.fa-twitter:before {
	content: '\f099';
}

.fa-tumblr:before {
	content:'\f173';
}

.fa-facebook:before {
	content: '\f09a';
}

.fa-instagram:before {
	content: '\f16d';
}

.fa-linkedin:before {
	content: '\f0e1';
}

.fa-arrow-circle-o-left:before {
	content: '\f190';
}
@font-face {
	font-family: 'piron';
	src: url('../fonts/piron.eot?') format('eot'), url('../fonts/piron.woff') format('woff'), url('../fonts/piron.ttf') format('truetype'), url('../fonts/piron.svg#piron') format('svg');
	font-weight: normal;
	font-style: normal;
} /*@import url("font-piron.min.css");*/

/*	Helios by html5up.net modifié par Fahri  damani  */
/*  Modification stef noté en fin de page */

/* Reset */

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;
}

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;
}

body {
	-webkit-text-size-adjust: none;
}
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
	color: #483949;
	font-weight: normal;
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
	text-shadow: 0 0px 0 #f3f3f3;
}

.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover {
	color: #483949;
}

.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited {
	color: #483949;
}

.ui-page-theme-a a.button {
	color: #fff;
}

.ui-page-theme-a a.icon {
	color: #fff;
}

.ui-panel-wrapper {
	min-height: 0;
}
/* Box Model */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* Containers */

.container {
	margin-left: auto;
	margin-right: auto;
}

.container.\31 25\25 {
	width: 100%;
	max-width: 1750px;
	min-width: 1400px;
}

.container.\37 5\25 {
	width: 1050px;
}

.container.\35 0\25 {
	width: 700px;
}

.container.\32 5\25 {
	width: 350px;
}

.container {
	width: 1400px;
}

@media screen and (max-width: 1680px) {
	.container.\31 25\25 {
		width: 100%;
		/*
			max-width: 1500px;
			min-width: 1200px;
			*/
		max-width: 125%;
		min-width: 100%;
	}
	/*
		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}
		*/

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		/*width: 1200px;*/
		width: 100%;
	}
}

@media screen and (max-width: 1280px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
}

@media screen and (max-width: 960px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
}

@media screen and (max-width: 840px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100% !important;
	}
}

@media screen and (max-width: 736px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100% !important;
	}
}

/* Grid */

.row {
	border-bottom: solid 1px transparent;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.row > * {
	float: left;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.row:after,
.row:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.row.uniform > * > :first-child {
	margin-top: 0;
}

.row.uniform > * > :last-child {
	margin-bottom: 0;
}

.row.\30 \25 > * {
	padding: 0px 0 0 0px;
}

.row.\30 \25 {
	margin: 0px 0 -1px 0px;
}

.row.uniform.\30 \25 > * {
	padding: 0px 0 0 0px;
}

.row.uniform.\30 \25 {
	margin: 0px 0 -1px 0px;
}

.row > * {
	padding: 48px 0 0 48px;
}

.row {
	margin: -48px 0 -1px -48px;
}

.row.uniform > * {
	padding: 48px 0 0 48px;
}

.row.uniform {
	margin: -48px 0 -1px -48px;
}

.row.\32 00\25 > * {
	padding: 96px 0 0 96px;
}

.row.\32 00\25 {
	margin: -96px 0 -1px -96px;
}

.row.uniform.\32 00\25 > * {
	padding: 96px 0 0 96px;
}

.row.uniform.\32 00\25 {
	margin: -96px 0 -1px -96px;
}

.row.\31 50\25 > * {
	padding: 72px 0 0 72px;
}

.row.\31 50\25 {
	margin: -72px 0 -1px -72px;
}

.row.uniform.\31 50\25 > * {
	padding: 72px 0 0 72px;
}

.row.uniform.\31 50\25 {
	margin: -72px 0 -1px -72px;
}

.row.\35 0\25 > * {
	padding: 24px 0 0 24px;
}

.row.\35 0\25 {
	margin: -24px 0 -1px -24px;
}

.row.uniform.\35 0\25 > * {
	padding: 24px 0 0 24px;
}

.row.uniform.\35 0\25 {
	margin: -24px 0 -1px -24px;
}

.row.\32 5\25 > * {
	padding: 12px 0 0 12px;
}

.row.\32 5\25 {
	margin: -12px 0 -1px -12px;
}

.row.uniform.\32 5\25 > * {
	padding: 12px 0 0 12px;
}

.row.uniform.\32 5\25 {
	margin: -12px 0 -1px -12px;
}

.\31 2u,
.\31 2u\24 {
	width: 100%;
	clear: none;
	margin-left: 0;
}

.\31 1u,
.\31 1u\24 {
	width: 91.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 0u,
.\31 0u\24 {
	width: 83.3333333333%;
	clear: none;
	margin-left: 0;
}

.\39 u,
.\39 u\24 {
	width: 75%;
	clear: none;
	margin-left: 0;
}

.\38 u,
.\38 u\24 {
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}

.\37 u,
.\37 u\24 {
	width: 58.3333333333%;
	clear: none;
	margin-left: 0;
}

.\36 u,
.\36 u\24 {
	width: 50%;
	clear: none;
	margin-left: 0;
}

.\35 u,
.\35 u\24 {
	width: 41.6666666667%;
	clear: none;
	margin-left: 0;
}

.\34 u,
.\34 u\24 {
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}

.\33 u,
.\33 u\24 {
	width: 25%;
	clear: none;
	margin-left: 0;
}

.\32 u,
.\32 u\24 {
	width: 16.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 u,
.\31 u\24 {
	width: 8.3333333333%;
	clear: none;
	margin-left: 0;
}

.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + * {
	clear: left;
}

.\-11u {
	margin-left: 91.66667%;
}

.\-10u {
	margin-left: 83.33333%;
}

.\-9u {
	margin-left: 75%;
}

.\-8u {
	margin-left: 66.66667%;
}

.\-7u {
	margin-left: 58.33333%;
}

.\-6u {
	margin-left: 50%;
}

.\-5u {
	margin-left: 41.66667%;
}

.\-4u {
	margin-left: 33.33333%;
}

.\-3u {
	margin-left: 25%;
}

.\-2u {
	margin-left: 16.66667%;
}

.\-1u {
	margin-left: 8.33333%;
}

@media screen and (max-width: 1680px) {
	.row > * {
		padding: 48px 0 0 48px;
	}

	.row {
		margin: -48px 0 -1px -48px;
	}

	.row.uniform > * {
		padding: 48px 0 0 48px;
	}

	.row.uniform {
		margin: -48px 0 -1px -48px;
	}

	.row.\32 00\25 > * {
		padding: 96px 0 0 96px;
	}

	.row.\32 00\25 {
		margin: -96px 0 -1px -96px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 96px 0 0 96px;
	}

	.row.uniform.\32 00\25 {
		margin: -96px 0 -1px -96px;
	}

	.row.\31 50\25 > * {
		padding: 72px 0 0 72px;
	}

	.row.\31 50\25 {
		margin: -72px 0 -1px -72px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 72px 0 0 72px;
	}

	.row.uniform.\31 50\25 {
		margin: -72px 0 -1px -72px;
	}

	.row.\35 0\25 > * {
		padding: 24px 0 0 24px;
	}

	.row.\35 0\25 {
		margin: -24px 0 -1px -24px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 24px 0 0 24px;
	}

	.row.uniform.\35 0\25 {
		margin: -24px 0 -1px -24px;
	}

	.row.\32 5\25 > * {
		padding: 12px 0 0 12px;
	}

	.row.\32 5\25 {
		margin: -12px 0 -1px -12px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12px 0 0 12px;
	}

	.row.uniform.\32 5\25 {
		margin: -12px 0 -1px -12px;
	}

	.\31 2u\28wide\29,
	.\31 2u\24\28wide\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28wide\29,
	.\31 1u\24\28wide\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28wide\29,
	.\31 0u\24\28wide\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28wide\29,
	.\39 u\24\28wide\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28wide\29,
	.\38 u\24\28wide\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28wide\29,
	.\37 u\24\28wide\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28wide\29,
	.\36 u\24\28wide\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28wide\29,
	.\35 u\24\28wide\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28wide\29,
	.\34 u\24\28wide\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28wide\29,
	.\33 u\24\28wide\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28wide\29,
	.\32 u\24\28wide\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28wide\29,
	.\31 u\24\28wide\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28wide\29 + *,
	.\31 1u\24\28wide\29 + *,
	.\31 0u\24\28wide\29 + *,
	.\39 u\24\28wide\29 + *,
	.\38 u\24\28wide\29 + *,
	.\37 u\24\28wide\29 + *,
	.\36 u\24\28wide\29 + *,
	.\35 u\24\28wide\29 + *,
	.\34 u\24\28wide\29 + *,
	.\33 u\24\28wide\29 + *,
	.\32 u\24\28wide\29 + *,
	.\31 u\24\28wide\29 + * {
		clear: left;
	}

	.\-11u\28wide\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28wide\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28wide\29 {
		margin-left: 75%;
	}

	.\-8u\28wide\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28wide\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28wide\29 {
		margin-left: 50%;
	}

	.\-5u\28wide\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28wide\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28wide\29 {
		margin-left: 25%;
	}

	.\-2u\28wide\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28wide\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 1280px) {
	.row > * {
		padding: 36px 0 0 36px;
	}

	.row {
		margin: -36px 0 -1px -36px;
	}

	.row.uniform > * {
		padding: 36px 0 0 36px;
	}

	.row.uniform {
		margin: -36px 0 -1px -36px;
	}

	.row.\32 00\25 > * {
		padding: 72px 0 0 72px;
	}

	.row.\32 00\25 {
		margin: -72px 0 -1px -72px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 72px 0 0 72px;
	}

	.row.uniform.\32 00\25 {
		margin: -72px 0 -1px -72px;
	}

	.row.\31 50\25 > * {
		padding: 54px 0 0 54px;
	}

	.row.\31 50\25 {
		margin: -54px 0 -1px -54px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 54px 0 0 54px;
	}

	.row.uniform.\31 50\25 {
		margin: -54px 0 -1px -54px;
	}

	.row.\35 0\25 > * {
		padding: 18px 0 0 18px;
	}

	.row.\35 0\25 {
		margin: -18px 0 -1px -18px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 18px 0 0 18px;
	}

	.row.uniform.\35 0\25 {
		margin: -18px 0 -1px -18px;
	}

	.row.\32 5\25 > * {
		padding: 9px 0 0 9px;
	}

	.row.\32 5\25 {
		margin: -9px 0 -1px -9px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 9px 0 0 9px;
	}

	.row.uniform.\32 5\25 {
		margin: -9px 0 -1px -9px;
	}

	.\31 2u\28normal\29,
	.\31 2u\24\28normal\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28normal\29,
	.\31 1u\24\28normal\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28normal\29,
	.\31 0u\24\28normal\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28normal\29,
	.\39 u\24\28normal\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28normal\29,
	.\38 u\24\28normal\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28normal\29,
	.\37 u\24\28normal\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28normal\29,
	.\36 u\24\28normal\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28normal\29,
	.\35 u\24\28normal\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28normal\29,
	.\34 u\24\28normal\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28normal\29,
	.\33 u\24\28normal\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28normal\29,
	.\32 u\24\28normal\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28normal\29,
	.\31 u\24\28normal\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28normal\29 + *,
	.\31 1u\24\28normal\29 + *,
	.\31 0u\24\28normal\29 + *,
	.\39 u\24\28normal\29 + *,
	.\38 u\24\28normal\29 + *,
	.\37 u\24\28normal\29 + *,
	.\36 u\24\28normal\29 + *,
	.\35 u\24\28normal\29 + *,
	.\34 u\24\28normal\29 + *,
	.\33 u\24\28normal\29 + *,
	.\32 u\24\28normal\29 + *,
	.\31 u\24\28normal\29 + * {
		clear: left;
	}

	.\-11u\28normal\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28normal\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28normal\29 {
		margin-left: 75%;
	}

	.\-8u\28normal\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28normal\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28normal\29 {
		margin-left: 50%;
	}

	.\-5u\28normal\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28normal\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28normal\29 {
		margin-left: 25%;
	}

	.\-2u\28normal\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28normal\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 960px) {
	.row > * {
		padding: 32px 0 0 32px;
	}

	.row {
		margin: -32px 0 -1px -32px;
	}

	.row.uniform > * {
		padding: 32px 0 0 32px;
	}

	.row.uniform {
		margin: -32px 0 -1px -32px;
	}

	.row.\32 00\25 > * {
		padding: 64px 0 0 64px;
	}

	.row.\32 00\25 {
		margin: -64px 0 -1px -64px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 64px 0 0 64px;
	}

	.row.uniform.\32 00\25 {
		margin: -64px 0 -1px -64px;
	}

	.row.\31 50\25 > * {
		padding: 48px 0 0 48px;
	}

	.row.\31 50\25 {
		margin: -48px 0 -1px -48px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 48px 0 0 48px;
	}

	.row.uniform.\31 50\25 {
		margin: -48px 0 -1px -48px;
	}

	.row.\35 0\25 > * {
		padding: 16px 0 0 16px;
	}

	.row.\35 0\25 {
		margin: -16px 0 -1px -16px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 16px 0 0 16px;
	}

	.row.uniform.\35 0\25 {
		margin: -16px 0 -1px -16px;
	}

	.row.\32 5\25 > * {
		padding: 8px 0 0 8px;
	}

	.row.\32 5\25 {
		margin: -8px 0 -1px -8px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 8px 0 0 8px;
	}

	.row.uniform.\32 5\25 {
		margin: -8px 0 -1px -8px;
	}

	.\31 2u\28narrow\29,
	.\31 2u\24\28narrow\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28narrow\29,
	.\31 1u\24\28narrow\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28narrow\29,
	.\31 0u\24\28narrow\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28narrow\29,
	.\39 u\24\28narrow\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28narrow\29,
	.\38 u\24\28narrow\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28narrow\29,
	.\37 u\24\28narrow\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28narrow\29,
	.\36 u\24\28narrow\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28narrow\29,
	.\35 u\24\28narrow\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28narrow\29,
	.\34 u\24\28narrow\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28narrow\29,
	.\33 u\24\28narrow\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28narrow\29,
	.\32 u\24\28narrow\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28narrow\29,
	.\31 u\24\28narrow\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28narrow\29 + *,
	.\31 1u\24\28narrow\29 + *,
	.\31 0u\24\28narrow\29 + *,
	.\39 u\24\28narrow\29 + *,
	.\38 u\24\28narrow\29 + *,
	.\37 u\24\28narrow\29 + *,
	.\36 u\24\28narrow\29 + *,
	.\35 u\24\28narrow\29 + *,
	.\34 u\24\28narrow\29 + *,
	.\33 u\24\28narrow\29 + *,
	.\32 u\24\28narrow\29 + *,
	.\31 u\24\28narrow\29 + * {
		clear: left;
	}

	.\-11u\28narrow\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28narrow\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28narrow\29 {
		margin-left: 75%;
	}

	.\-8u\28narrow\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28narrow\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28narrow\29 {
		margin-left: 50%;
	}

	.\-5u\28narrow\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28narrow\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28narrow\29 {
		margin-left: 25%;
	}

	.\-2u\28narrow\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28narrow\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 840px) {
	.row > * {
		padding: 32px 0 0 32px;
	}

	.row {
		margin: -32px 0 -1px -32px;
	}

	.row.uniform > * {
		padding: 32px 0 0 32px;
	}

	.row.uniform {
		margin: -32px 0 -1px -32px;
	}

	.row.\32 00\25 > * {
		padding: 64px 0 0 64px;
	}

	.row.\32 00\25 {
		margin: -64px 0 -1px -64px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 64px 0 0 64px;
	}

	.row.uniform.\32 00\25 {
		margin: -64px 0 -1px -64px;
	}

	.row.\31 50\25 > * {
		padding: 48px 0 0 48px;
	}

	.row.\31 50\25 {
		margin: -48px 0 -1px -48px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 48px 0 0 48px;
	}

	.row.uniform.\31 50\25 {
		margin: -48px 0 -1px -48px;
	}

	.row.\35 0\25 > * {
		padding: 16px 0 0 16px;
	}

	.row.\35 0\25 {
		margin: -16px 0 -1px -16px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 16px 0 0 16px;
	}

	.row.uniform.\35 0\25 {
		margin: -16px 0 -1px -16px;
	}

	.row.\32 5\25 > * {
		padding: 8px 0 0 8px;
	}

	.row.\32 5\25 {
		margin: -8px 0 -1px -8px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 8px 0 0 8px;
	}

	.row.uniform.\32 5\25 {
		margin: -8px 0 -1px -8px;
	}

	.\31 2u\28narrower\29,
	.\31 2u\24\28narrower\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28narrower\29,
	.\31 1u\24\28narrower\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28narrower\29,
	.\31 0u\24\28narrower\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28narrower\29,
	.\39 u\24\28narrower\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28narrower\29,
	.\38 u\24\28narrower\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28narrower\29,
	.\37 u\24\28narrower\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28narrower\29,
	.\36 u\24\28narrower\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28narrower\29,
	.\35 u\24\28narrower\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28narrower\29,
	.\34 u\24\28narrower\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28narrower\29,
	.\33 u\24\28narrower\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28narrower\29,
	.\32 u\24\28narrower\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28narrower\29,
	.\31 u\24\28narrower\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28narrower\29 + *,
	.\31 1u\24\28narrower\29 + *,
	.\31 0u\24\28narrower\29 + *,
	.\39 u\24\28narrower\29 + *,
	.\38 u\24\28narrower\29 + *,
	.\37 u\24\28narrower\29 + *,
	.\36 u\24\28narrower\29 + *,
	.\35 u\24\28narrower\29 + *,
	.\34 u\24\28narrower\29 + *,
	.\33 u\24\28narrower\29 + *,
	.\32 u\24\28narrower\29 + *,
	.\31 u\24\28narrower\29 + * {
		clear: left;
	}

	.\-11u\28narrower\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28narrower\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28narrower\29 {
		margin-left: 75%;
	}

	.\-8u\28narrower\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28narrower\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28narrower\29 {
		margin-left: 50%;
	}

	.\-5u\28narrower\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28narrower\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28narrower\29 {
		margin-left: 25%;
	}

	.\-2u\28narrower\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28narrower\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 736px) {
	.row > * {
		padding: 20px 0 0 20px;
	}

	.row {
		margin: -20px 0 -1px -20px;
	}

	.row.uniform > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 00\25 > * {
		padding: 40px 0 0 40px;
	}

	.row.\32 00\25 {
		margin: -40px 0 -1px -40px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform.\32 00\25 {
		margin: -40px 0 -1px -40px;
	}

	.row.\31 50\25 > * {
		padding: 30px 0 0 30px;
	}

	.row.\31 50\25 {
		margin: -30px 0 -1px -30px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 30px 0 0 30px;
	}

	.row.uniform.\31 50\25 {
		margin: -30px 0 -1px -30px;
	}

	.row.\35 0\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.\35 0\25 {
		margin: -10px 0 -1px -10px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\35 0\25 {
		margin: -10px 0 -1px -10px;
	}

	.row.\32 5\25 > * {
		padding: 5px 0 0 5px;
	}

	.row.\32 5\25 {
		margin: -5px 0 -1px -5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 5px 0 0 5px;
	}

	.row.uniform.\32 5\25 {
		margin: -5px 0 -1px -5px;
	}

	.\31 2u\28mobile\29,
	.\31 2u\24\28mobile\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u\28mobile\29,
	.\31 1u\24\28mobile\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u\28mobile\29,
	.\31 0u\24\28mobile\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u\28mobile\29,
	.\39 u\24\28mobile\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u\28mobile\29,
	.\38 u\24\28mobile\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u\28mobile\29,
	.\37 u\24\28mobile\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u\28mobile\29,
	.\36 u\24\28mobile\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u\28mobile\29,
	.\35 u\24\28mobile\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u\28mobile\29,
	.\34 u\24\28mobile\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u\28mobile\29,
	.\33 u\24\28mobile\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u\28mobile\29,
	.\32 u\24\28mobile\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u\28mobile\29,
	.\31 u\24\28mobile\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24\28mobile\29 + *,
	.\31 1u\24\28mobile\29 + *,
	.\31 0u\24\28mobile\29 + *,
	.\39 u\24\28mobile\29 + *,
	.\38 u\24\28mobile\29 + *,
	.\37 u\24\28mobile\29 + *,
	.\36 u\24\28mobile\29 + *,
	.\35 u\24\28mobile\29 + *,
	.\34 u\24\28mobile\29 + *,
	.\33 u\24\28mobile\29 + *,
	.\32 u\24\28mobile\29 + *,
	.\31 u\24\28mobile\29 + * {
		clear: left;
	}

	.\-11u\28mobile\29 {
		margin-left: 91.66667%;
	}

	.\-10u\28mobile\29 {
		margin-left: 83.33333%;
	}

	.\-9u\28mobile\29 {
		margin-left: 75%;
	}

	.\-8u\28mobile\29 {
		margin-left: 66.66667%;
	}

	.\-7u\28mobile\29 {
		margin-left: 58.33333%;
	}

	.\-6u\28mobile\29 {
		margin-left: 50%;
	}

	.\-5u\28mobile\29 {
		margin-left: 41.66667%;
	}

	.\-4u\28mobile\29 {
		margin-left: 33.33333%;
	}

	.\-3u\28mobile\29 {
		margin-left: 25%;
	}

	.\-2u\28mobile\29 {
		margin-left: 16.66667%;
	}

	.\-1u\28mobile\29 {
		margin-left: 8.33333%;
	}
}

/* Basic */

body {
	background: #f0f4f4;
	background: #e8e8e8;
	color: #5b5b5b;
	font-size: 15pt;
	line-height: 1.85em;
	font-family: piron, 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

body.is-loading *,
body.is-loading *:after,
body.is-loading *:before {
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
	-webkit-animation: none !important;
	        animation: none !important;
}
/*
	input, textarea, select {
		font-size: 15pt;
		line-height: 1.85em;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
	}
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #483949;
	line-height: 1.25em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
	border-bottom-color: transparent;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight: 600;
}

h2 {
	font-size: 2.85em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
	margin: 0 0 0.25em 0;
}

strong,
b {
	font-weight: 400;
	color: #483949;
}

em,
i {
	font-style: italic;
}

a {
	color: inherit;
	border-bottom: solid 0px rgba(128, 128, 128, 0.15);
	text-decoration: none;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

a:hover {
	color: #ff4000;
	border-bottom-color: transparent;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

blockquote {
	border-left: solid 0.5em #ddd;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p,
ul,
ol,
dl,
table {
	margin-bottom: 1em;
}

p {
	text-align: justify;
}

br.clear {
	clear: both;
}

hr {
	position: relative;
	display: block;
	border: 0;
	top: 4.5em;
	margin-bottom: 9em;
	height: 6px;
	/*border-top: solid 1px rgba(128, 128, 128, 0.2);*/
	border-bottom: solid 1px rgba(128, 128, 128, 0.2);
}

hr:before,
hr:after {
	content: '';
	position: absolute;
	top: -8px;
	display: block;
	width: 0px;
	height: 21px;
	background: rgba(128, 128, 128, 0.2);
}

hr:before {
	left: -1px;
}

hr:after {
	right: -1px;
}

.timestamp {
	color: rgba(128, 128, 128, 0.75);
	font-size: 0.8em;
}

/* Sections/Article */

section,
article {
	margin-bottom: 3em;
}

section > :last-child,
section:last-child,
article > :last-child,
article:last-child {
	margin-bottom: 0;
}

section.special > header,
section.special > footer,
article.special > header,
article.special > footer {
	text-align: center;
}

.row > section,
.row > article {
	margin-bottom: 0;
}

header {
	margin: 0 0 1em 0;
}

header > p {
	display: block;
	font-size: 1em;
	margin: 1em 0 2em 0;
	line-height: 1.5em;
	text-align: inherit;
}

header.galerie > p {
	margin-top: 0;
	margin-bottom: 0;
}

footer {
	margin: 2.5em 0 0 0;
}

/* Image */

.image {
	position: relative;
	display: inline-block;
	border: 0;
	outline: 0;
}

.image img {
	display: block;
	width: 100%;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 4em 0;
}

.image.left {
	float: left;
	margin: 0 2em 2em 0;
}

.image.centered {
	display: block;
	margin: 0 0 2em 0;
}

.image.centered img {
	margin: 0 auto;
	width: auto;
}

/* List */

ul.default {
	list-style: disc;
	padding-left: 1em;
}

ul.default li {
	padding-left: 0.5em;
}

ul.actions {
	margin: 3em 0 0 0;
}

form ul.actions {
	margin-top: 0;
}

ul.actions li {
	display: inline-block;
	margin: 0 0.75em 0 0.75em;
}

ul.actions li:first-child {
	margin-left: 0;
}

ul.actions li:last-child {
	margin-right: 0;
}

ul.divided li {
	border-top: solid 1px rgba(128, 128, 128, 0.2);
	padding-top: 1.5em;
	margin-top: 1.5em;
}

ul.divided li:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

ul.menu {
	height: 1em;
	line-height: 1em;
}

ul.menu li {
	display: inline-block;
	border-left: solid 1px rgba(128, 128, 128, 0.2);
	padding-left: 1.25em;
	margin-left: 1.25em;
}

ul.menu li:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}

ul.icons {
	position: relative;
	background: rgba(128, 128, 128, 0.05);
	border-radius: 4em;
	display: inline-block;
	padding: 0.35em 0.75em 0.35em 0.75em;
	font-size: 1.25em;
	cursor: default;
}

ul.icons li {
	display: inline-block;
}

ul.icons li a {
	display: inline-block;
	background: none;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	border-radius: 100%;
	border: 0;
	color: inherit;
}

ul.icons li a:hover {
	color: #ef8376;
	color: #ff4000;
}

ol.default {
	list-style: decimal;
	padding-left: 1.25em;
}

ol.default li {
	padding-left: 0.25em;
}

/* Form */
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='radio'],
form select,
form textarea {
	font-family: piron, 'Source Sans Pro', sans-serif;
	/*font-size: 0.1em;*/
}

/*
	form label {
		display: block;
		font-weight: 400;
		color: #483949;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		border: 0;
		background: #fafafa;
		width: 100%;
		border-radius: 0.5em;
		border: solid 1px #E5E5E5;
		padding: 1em;
		-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #fff;
			border-color: #df7366;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select {
		line-height: 1em;
	}

	form textarea {
		min-height: 9em;
	}

	form .formerize-placeholder {
		color: #555 !important;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}
*/
/* Table */

table {
	width: 100%;
}

table.default {
	width: 100%;
}

table.default tbody tr {
	border-top: solid 1px #e5e5e5;
}

table.default tbody tr:first-child {
	border-top: 0;
}

table.default tbody tr:nth-child(2n + 1) {
	background: #fafafa;
}

table.default td {
	padding: 0.5em 1em 0.5em 1em;
}

table.default th {
	text-align: left;
	font-weight: 400;
	padding: 0.5em 1em 0.5em 1em;
}

table.default thead {
	border-bottom: solid 2px #e5e5e5;
}

table.default tfoot {
	border-top: solid 2px #e5e5e5;
}

/* Button */

input[type='button'],
input[type='submit'],
input[type='reset'],
button,
.button {
	position: relative;
	display: inline-block;
	background: #df7366;
	background: #ff4000;
	background: #555555;

	color: #fff;
	text-align: center;
	border-radius: 0.5em;
	text-decoration: none;
	padding: 0.65em 3em 0.65em 3em;
	border: 0;
	cursor: pointer;
	outline: 0;
	font-weight: 300;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
button:hover,
.button:hover {
	color: #fff;
	background: #e23b03;
}

input[type='button'].alt,
input[type='submit'].alt,
input[type='reset'].alt,
button.alt,
.button.alt {
	background: #2b252c;
}

input[type='button'].alt:hover,
input[type='submit'].alt:hover,
input[type='reset'].alt:hover,
button.alt:hover,
.button.alt:hover {
	background: #3b353c;
}

/* Post */

.post.stub {
	text-align: center;
}

.post.stub header {
	margin: 0;
}

/* Icons */

.icon {
	text-decoration: none;
}

.icon:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon > .label {
	display: none;
}

.icon.circled {
	position: relative;
	display: inline-block;
	background: #2b252c;
	color: #fff;
	border-radius: 100%;
	width: 3em;
	height: 3em;
	line-height: 3.25em;
	text-align: center;
	font-size: 1.25em;
}

header .icon.circled {
	margin: 0 0 2em 0;
}

/* Wrapper */

.wrapper {
	background: #fff;
	margin: 0 0 2em 0;
	padding: 6em 0 6em 0;
}

.wrapper.style4,
.wrapper.style1 {
	background: #fff;
	margin: 0 0 2em 0;
	padding: 1em 2em 6em 2em;
}

.wrapper.style4 {
	padding: 0em 0.5em 6em 0.5em;
	background: #e8e8e8;
	margin: 0;
}

.wrapper.style3 {
	background: #afaeae;
	margin: 0 0 2em 0;
	padding: 1em 2em 6em 2em;
}

.wrapper.style2 {
	padding-top: 0;
}

/* Header */

#header {
	position: relative;
	background-image: url('../../images/MSPoirier-2000.jpg');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	color: #fff;
	text-align: center;
	padding: 7.5em 0 2em 0;
	cursor: default;
}

#header:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

#header .inner {
	position: relative;
	z-index: 1;
	margin: 0;
	margin-top: 10%;
	display: inline-block;
	vertical-align: top;
}

#header .all-inners {
	margin-top: 2%;
	margin-top: 0;
}

#header header {
	display: inline-block;
}

#header header > p {
	font-size: 1.25em;
	margin: 0;
}

#header h1 {
	color: #fff;
	font-size: 3em;
	line-height: 1em;
}

#header h1 a {
	color: inherit;
}

#header .button {
	display: inline-block;
	border-radius: 100%;
	width: 4.5em;
	height: 4.5em;
	line-height: 4.5em;
	text-align: center;
	font-size: 1.25em;
	padding: 0;
}

#header hr {
	top: 1.5em;
	margin-bottom: 3em;
	border-bottom-color: rgba(192, 192, 192, 0.35);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35);
	        box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35);
}

#header hr:before,
#header hr:after {
	background: rgba(192, 192, 192, 0.35);
}

#header footer {
	margin: 1em 0 0 0;
}

body.homepage #header {
	height: 100vh;
	min-height: 40em;
}

body.homepage #header h1 {
	font-size: 4em;
}

body.homepage #header:after {
	content: '';
	background: #1c0920;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 2.5s ease-in-out;
	-o-transition: opacity 2.5s ease-in-out;
	transition: opacity 2.5s ease-in-out;
	-webkit-transition-delay: 0.5s;
	     -o-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}

body.homepage.is-loading #header:after {
	opacity: 0;
}

/* Nav */

#nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 1.5em 0 1.5em 0;
	z-index: 1;
	overflow: hidden;
}

#nav > ul {
	line-height: 0px;
	position: relative;
	display: inline-block;
	margin: 0;
	height: 21px;
	border-left: solid 0px rgba(192, 192, 192, 0.35);
	border-right: solid 0px rgba(192, 192, 192, 0.35);
}

#nav > ul:before,
#nav > ul:after {
	content: '';
	display: block;
	width: 300%;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	height: 5px;
	border-top: solid 0px rgba(192, 192, 192, 0.35);
	border-bottom: solid 0px rgba(192, 192, 192, 0.35);
}

#nav > ul:before {
	left: 100%;
	margin-left: 1px;
}

#nav > ul:after {
	right: 100%;
	margin-right: 1px;
}

#nav > ul > li {
	display: inline-block;
	margin: -9px 0.5em 0 0.5em;
	border-radius: 0.5em;
	padding: 0.85em;
	border: solid 1px transparent;
	-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

#nav > ul > li.active {
	border-color: rgba(192, 192, 192, 0.35);
}

#nav > ul > li > a,
#nav > ul > li > span {
	display: block;
	color: inherit;
	text-decoration: none;
	border: 0;
	outline: 0;
}

.ui-page-theme-a a.text-link {
	color: #ff4000;
	text-decoration: none;
}

.ui-page-theme-a a.text-link:hover {
	color: #ff4000;
	text-decoration: underline;
}

#nav > ul > li > ul {
	display: none;
}

.dropotron {
	background: rgba(255, 255, 255, 0.975);
	padding: 1em 1.25em 1em 1.25em;
	line-height: 1em;
	height: auto;
	text-align: left;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 0.15em 0.25em 0 rgba(0, 0, 0, 0.25);
	        box-shadow: 0 0.15em 0.25em 0 rgba(0, 0, 0, 0.25);
	min-width: 12em;
	margin-top: -1em;
}

.dropotron li {
	border-top: solid 1px rgba(128, 128, 128, 0.2);
	color: #5b5b5b;
}

.dropotron li:first-child {
	border-top: 0;
}

.dropotron li:hover {
	color: #ef8376;
}

.dropotron li a,
.dropotron li span {
	display: block;
	border: 0;
	padding: 0.5em 0 0.5em 0;
	-webkit-transition: color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out;
}

.dropotron.level-0 {
	margin-top: 2em;
	font-size: 0.9em;
}

.dropotron.level-0:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -0.7em;
	margin-left: -0.75em;
	border-bottom: solid 0.75em rgba(255, 255, 255, 0.975);
	border-left: solid 0.75em rgba(64, 64, 64, 0);
	border-right: solid 0.75em rgba(64, 64, 64, 0);
}

/* Banner */

#banner {
	background: #fff;
	text-align: center;
	padding: 4.5em 0 4.5em 0;
	margin-bottom: 0;
}

#banner header > p {
	margin-bottom: 0;
	color: ;
}

/* Content */

#content > hr {
	top: 3em;
	margin-bottom: 6em;
}

#content > section {
	margin-bottom: 0;
}

/* Sidebar */

#sidebar > hr {
	top: 3em;
	margin-bottom: 6em;
}

#sidebar > hr.first {
	display: none;
}

#sidebar > section {
	margin-bottom: 0;
}

/* Main */

#main {
	margin-bottom: 0;
}

#main section:first-of-type {
	padding-top: 2em;
}

#main section.galerie {
	padding-top: 0.5em;
}

/* Footer */

#footer {
	position: relative;
	overflow: hidden;
	padding: 6em 0 6em 0;
	padding: 1em 2em 1em 2em;
	background: #2b252c;
	color: #fff;
}

#footer .icon.circled {
	background: #fff;
	color: #2b252c;
}

#footer header {
	text-align: center;
	cursor: default;
}

#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: #fff;
}

#footer .contact {
	text-align: center;
}

#footer .contact p {
	text-align: center;
	margin: 0 0 1em 0;
}

#footer .copyright {
	text-align: center;
	color: rgba(128, 128, 128, 0.75);
	font-size: 0.8em;
	cursor: default;
}

#footer .copyright a {
	color: rgba(128, 128, 128, 0.75);
}

#footer .copyright a:hover {
	color: rgba(212, 212, 212, 0.85);
}

/* Carousel */

.carousel {
	position: relative;
	overflow: hidden;
	padding: 2em 0 2em 0;
	margin-bottom: 0;
}

.galerie {
	background-color: #e8e8e8;
}

header.galerie {
	background-color: transparent;
}

.carousel .forward,
.carousel .backward {
	position: absolute;
	top: 50%;
	width: 6em;
	height: 12em;
	margin-top: -6em;
	cursor: pointer;
}

.carousel .forward:before,
.carousel .backward:before {
	content: '';
	display: block;
	width: 6em;
	height: 6em;
	border-radius: 100%;
	background-color: rgba(72, 57, 73, 0.5);
	position: absolute;
	top: 50%;
	margin-top: -3em;
	-webkit-transition: background-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.carousel .forward:after,
.carousel .backward:after {
	content: '';
	width: 3em;
	height: 3em;
	position: absolute;
	top: 50%;
	margin: -1.5em 0 0 0;
	background: url('../fonts/arrow.svg') no-repeat center center;
}

.carousel .forward:hover:before,
.carousel .backward:hover:before {
	background-color: rgba(239, 131, 118, 0.75);
	background-color: rgba(255, 64, 0, 0.75);
}

.carousel .forward {
	right: 0;
}

.carousel .forward:before {
	right: -3em;
}

.carousel .forward:after {
	right: -0.25em;
}

.carousel .backward {
	left: 0;
}

.carousel .backward:before {
	left: -3em;
}

.carousel .backward:after {
	left: -0.25em;
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}

.carousel .reel {
	white-space: nowrap;
	position: relative;
	-webkit-overflow-scrolling: touch;
	padding: 0 2em 0 2em;
}

.carousel article {
	display: inline-block;
	width: 18em;
	background: #fff;
	text-align: center;
	padding: 0 1em 3em 1em;
	margin: 0 2em 0 0;
	white-space: normal;
	opacity: 1;
	-webkit-transition: opacity 0.75s ease-in-out;
	-o-transition: opacity 0.75s ease-in-out;
	transition: opacity 0.75s ease-in-out;
}

.galerie article {
	padding: 0 1em 0 1em;
}

.carousel article.loading {
	opacity: 0;
}

.carousel article .image {
	position: relative;
	left: -1em;
	top: 0;
	width: auto;
	margin-right: -2em;
	margin-bottom: 3em;
}

.galerie article .image {
	margin-bottom: 0;
}

.carousel article p {
	text-align: center;
}

.devis-container header p,
.big-picture article footer,
.big-picture header p {
	text-align: center;
}

.big-picture {
	padding-top: 0em;
	max-width: 1000px;
}

.big-picture header p {
	font-size: 1.2em;
	font-weight: 500;
}

.big-picture header p:first-child {
	font-size: 2.5em;
	font-weight: 500;
	margin-bottom: 0.5em;
}

.big-picture article section {
	margin-top: 0em;
	margin-bottom: 0em;
}

.big-picture article section footer {
	padding-bottom: 1em;
	text-align: left;
	font-size: 0.9em;
	font-weight: 200;
	line-height: 1em;
	font-family: 'Times New Roman', Times, sans-serif;
}

.devis-container {
	background-color: #e8e8e8;
	padding-top: 0em;
	padding-bottom: 2em;
}

.style4 > .devis-container {
	background-color: #e8e8e8;
}

.devis-container > section.devis {
	text-align: center;
	margin: 2em auto;
	margin-top: 0;
	padding-top: 2em;
	width: 600px;
}

.devis-container > section.devis > article {
	margin-bottom: 2em;
}

.devis-container > section.devis > article > header {
	text-align: left;
	font-weight: 600;
}

.devis-container > section.devis > article > p {
	padding-left: 1.5em;
	font-size: 0.9em;
}

.devis-container > section.devis > article > p > a {
	color: #ef8376;
	-webkit-text-decoration: under;
	text-decoration: under;
}

.big-picture article header {
	margin-bottom: 0.2em;
	font-size: 0.9em;
	font-weight: 200;
	line-height: 1em;
	font-family: 'Times New Roman', Times, sans-serif;
}

.big-picture article section {
	padding-top: 0em;
	text-align: center;
}

.big-picture article footer a {
	margin-top: 0.5em;
	text-decoration: none;
}

.big-picture article footer a:hover {
	text-decoration: none;
}
/**
		.tooltip.bs-tooltip-bottom .tooltip-inner {
	 background:#f00 !important;
	 }
	*/

.tooltip .arrow:before {
	border-right-color: white !important;
	border-left-color: white !important;
}

.tooltip .tooltip-inner {
	margin-top: 50px;
	background-color: #ddd;
	background-color: #6c757d;
	color: #fff;
	max-width: 400px;
	font-size: 0.9em;
	text-align: left;
	font-family: piron, 'Source Sans Pro', sans-serif;
}

.tweet {
	font-size: 1em;
	line-height: 1em;
}
/*basic responsive layout*/
.saint-eloi,
.formation {
	padding-left: 15px;
	padding-right: 15px;
}
.saint-eloi > section > article,
.formation > section > article {
	margin-bottom: 1em;
}

.saint-eloi > section > article > section,
.formation > section > article > section {
	margin-bottom: 0;
}

article > .column-12s5-md-xs {
	display: inline-block;
	width: 20%;
}

article > .column-3-md-xs {
	display: inline-block;
	width: 25%;
}

article > .column-4-md-xs {
	display: inline-block;
	width: 33.33%;
}

article > .column-6-md-xs {
	display: inline-block;
	width: 50%;
}

article > .column-3-md-xs article section.column-6-md-xs:first-child {
	padding-right: 0.75em;
}
article section.column-6-md-xs:nth-child(2) {
	padding-left: 0.75em;
}

/*Saint Eloi, media, formation*/
.formation > header > h1,
.medias > header > h1,
.saint-eloi > header > h1 {
	font-size: 1.5em;
	text-align: center;
}

.medias > header > p,
.medias > header > p,
.saint-eloi > header > p {
	font-size: 1em;
	line-height: 1em;
}

.formation > section > article > ul {
	list-style-type: disc;
	margin-left: 15px;
}

.formation > section > article > ul li {
	margin-bottom: 1em;
}

.formation > section > article > ul,
.formation > section > article > p,
.medias > section > footer > p,
.medias > section > article > p,
.saint-eloi > section > footer > p,
.saint-eloi > section > article > p {
	font-size: 0.9em;
	line-height: 1em;
}

.medias > section > article > section,
.formation > section > article > section,
.formation > section > article > header {
	text-align: center;
}

.formation > section > article > section > img.logo {
	width: 180px;
}

.medias > section > footer,
.saint-eloi > section > footer {
	margin-top: 0.5em;
}

.medias > section > footer > p strong,
.saint-eloi > section > footer > p strong {
	font-weight: 600;
}

.medias > section > article,
.saint-eloi > section > article {
	margin-bottom: 1em;
	padding: 0;
}

.ouvrage > article {
	width: 45%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.wrapper > .porte > #main {
	width: 40%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.wrapper > .porte > #main > header > P {
	font-size: 0.9em;
}

.ouvrage > article > header {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 1em;
}

.ouvrage > #main > article > section:first-of-type {
	padding-top: 0em;
	margin-bottom: 0;
}

.ouvrage > #main > header {
	width: 100%;
}

.ouvrage > #main > header > p {
	text-align: left;
}

.ouvrage > #main > article {
	margin-bottom: 0;
	line-height: 1em;
	width: 100%;
}

.ouvrage > #main > article > section {
	padding: 2px;
	margin-bottom: 0;
}
/* Fin du basic */

/* Wide */

@media screen and (max-width: 1680px) {
	#header {
		background-attachment: scroll;
	}

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 14pt;
		line-height: 1.75em;
	}

	/* Carousel */

	.carousel {
		padding: 1.5em 0 1.5em 0;
	}

	.galerie {
		padding: 0;
	}

	.carousel .reel {
		padding: 0 1.5em 0 1.5em;
	}

	.carousel article {
		width: 18em;
		margin: 0 1.25em 0 0;
	}

	.galerie .reel {
		vertical-align: middle;
	}

	.galerie {
		vertical-align: middle;
	}

	.galerie article {
		vertical-align: middle;
	}

	.galerie a {
		vertical-align: middle;
	}

	.homepage #page-wrapper #header .inner {
		margin-top: 9em;
	}

	.ouvrage > article {
		width: 480px;
		width: 48%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.wrapper > .porte > #main {
		width: 400px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	/* Footer */

	#footer {
		padding-left: 2em;
		padding-right: 2em;
	}
}

/* Normal */

@media screen and (max-width: 1280px) {
	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 13pt;
		line-height: 1.5em;
	}

	.ouvrage > article {
		width: 480px;
		width: 60%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	/* Wrapper */

	.wrapper {
		padding-left: 2em;
		padding-right: 2em;
	}

	/* Header */

	#header {
		background-attachment: scroll;
	}

	#header .inner {
		padding-left: 2em;
		padding-right: 2em;
	}

	#header .all-inners {
		padding-top: 0;
	}

	/* Banner */

	#banner {
		padding-left: 2em;
		padding-right: 2em;
	}

	/* Footer */

	#footer {
		padding-left: 2em;
		padding-right: 2em;
	}

	.homepage #page-wrapper #header .inner {
		margin-top: 9em;
	}
}

/* Narrow */

/* Narrower */

@media screen and (max-width: 840px) {
	#header {
		background-image: url('../../images/MSPoirier-920.jpg');
	}

	.ouvrage > article {
		width: 480px;
		width: 70%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	/* Basic */

	body,
	input,
	textarea,
	select {
		font-size: 12pt;
		font-size: 12pt;
		line-height: 1.65em;
	}

	.tweet {
		text-align: center;
	}

	.timestamp {
		display: block;
		text-align: center;
	}

	/* Footer */

	#footer {
		padding: 1em 2em 1em 2em;
	}

	/* Carousel */

	.carousel {
		padding: 1.25em 0 1.25em 0;
	}

	.galerie {
		padding-bottom: 0.5em;
	}

	.carousel article {
		width: 18em;
		margin: 0 1em 0 0;
	}

	.homepage #page-wrapper #header .inner {
		margin-top: 9em;
	}

	.devis-container > section.devis {
		text-align: center;
		margin: 2em auto;
		padding-top: 2em;
		width: 500px;
	}
}

/* Mobile */

#navPanel,
#titleBar {
	display: none;
}

@media screen and (max-width: 736px) {
	#header {
		background-image: url('../../images/MSPoirier-920.jpg');
	}

	.ouvrage > article {
		width: 480px;
		width: 80%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	/* Basic */

	html,
	body {
		overflow-x: hidden;
	}

	body,
	input,
	textarea,
	select {
		font-size: 12.5pt;
		font-size: 12.5pt;
		line-height: 1.5em;
	}

	h2 {
		font-size: 1.75em;
	}

	h3 {
		font-size: 1.25em;
	}

	hr {
		top: 3em;
		margin-bottom: 6em;
	}

	/* Section/Article */

	section,
	article {
		margin-bottom: 2em;
	}

	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	.row > section,
	.row > article {
		margin-bottom: 2em;
	}

	header > p {
		font-size: 1.25em;
	}

	/* Image */

	.image.featured {
		margin: 0 0 2em 0;
	}

	.image.left {
		margin: 0 1em 1em 0;
	}

	.image.centered {
		margin: 0 0 1em 0;
	}

	/* List */

	form ul.actions {
		margin-top: 0;
	}

	ul.actions li {
		display: block;
		margin: 0.75em 0 0 0;
	}

	ul.actions li:first-child {
		margin-top: 0;
	}

	ul.menu {
		height: auto;
		text-align: center;
	}

	ul.menu li {
		display: block;
		border: 0;
		padding: 0.75em 0 0 0;
		margin: 0;
	}

	ul.menu li:first-child {
		padding-top: 0;
	}

	ul.icons {
		font-size: 1em;
		padding: 0.35em 0.5em 0.35em 0.5em;
	}

	ul.icons li a {
		width: 2.25em;
	}

	/* Button */

	input[type='button'],
	input[type='submit'],
	input[type='reset'],
	button,
	.button {
		display: block;
		padding: 0;
		line-height: 3em;
		width: 100%;
	}

	/* Off-Canvas Navigation */

	#page-wrapper {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.5s ease;
		transition: -webkit-transform 0.5s ease;
		-o-transition: transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
		padding-bottom: 1px;
	}

	#navButton {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.5s ease;
		transition: -webkit-transform 0.5s ease;
		-o-transition: transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
		display: block;
		height: 44px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001;
		z-index: 900;
	}

	#navButton .toggle {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 0;
		outline: 0;
	}

	#navButton .toggle:before {
		font-family: FontAwesome;
		text-decoration: none;
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: '\f0c9';
		color: #fff;
		color: rgba(255, 255, 255, 0.75);
		text-align: center;
		display: block;
		font-size: 14px;
		width: 80px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		left: 50%;
		margin-left: -40px;
		background: rgba(132, 128, 136, 0.75);
		border-top: 0;
		border-radius: 0 0 0.35em 0.35em;
	}

	#navPanel {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateY(-50vh);
		    -ms-transform: translateY(-50vh);
		        transform: translateY(-50vh);
		-webkit-transition: -webkit-transform 0.5s ease;
		transition: -webkit-transform 0.5s ease;
		-o-transition: transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
		display: block;
		height: 50vh;
		left: 0;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10002;
		background: #1f1920;
		-webkit-box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
		        box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
		font-size: 1em;
	}

	#navPanel:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/*background: url("../fonts/overlay.png");*/
		background-size: 128px 128px;
	}

	#navPanel .link {
		position: relative;
		z-index: 1;
		display: block;
		text-decoration: none;
		padding: 0.5em;
		color: #ddd;
		border: 0;
		border-top: dotted 1px rgba(255, 255, 255, 0.05);
	}

	#navPanel .link:first-child {
		border-top: 0;
	}

	#navPanel .link.depth-0 {
		color: #fff;
		font-weight: 600;
	}

	#navPanel .indent-1 {
		display: inline-block;
		width: 1em;
	}

	#navPanel .indent-2 {
		display: inline-block;
		width: 2em;
	}

	#navPanel .indent-3 {
		display: inline-block;
		width: 3em;
	}

	#navPanel .indent-4 {
		display: inline-block;
		width: 4em;
	}

	#navPanel .indent-5 {
		display: inline-block;
		width: 5em;
	}

	#navPanel .depth-0 {
		color: #fff;
	}

	body.navPanel-visible #page-wrapper {
		-webkit-transform: translateY(50vh);
		    -ms-transform: translateY(50vh);
		        transform: translateY(50vh);
	}

	body.navPanel-visible #navButton {
		-webkit-transform: translateY(50vh);
		    -ms-transform: translateY(50vh);
		        transform: translateY(50vh);
	}

	body.navPanel-visible #navPanel {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}

	#side-nav > a.link {
		text-decoration: none;
		display: block;
		padding: 0.1em 0.5em;
		color: #fff;
		font-weight: normal;
	}

	#side-nav > a.link .indent-1 {
		display: inline-block;
		width: 1em;
	}

	#side-nav > a.link .indent-2 {
		display: inline-block;
		width: 2em;
	}

	#side-nav > a.link .indent-3 {
		display: inline-block;
		width: 3em;
	}

	#side-nav > a.link .indent-4 {
		display: inline-block;
		width: 4em;
	}

	.ui-panel-inner {
		padding-top: 0;
		padding-right: 0;
	}

	.ui-panel-inner > .panel-content > p {
		margin-bottom: 0;
		text-align: right;
		padding: 5px 10px 0 0;
		font-size: 1.2em;
	}

	.ui-panel-inner > .panel-content > p > a {
		color: #fff;
	}

	.devis-container > section.devis > article > p {
		padding-left: 0.5em;
	}

	.devis-container > section.devis > article:first-child > p {
		line-height: 1.5em;
	}

	/* Wrapper */

	.wrapper {
		padding: 3em 1em 3em 1em;
	}

	/* Header */

	#header {
		background-attachment: scroll;
		padding: 2.5em 0 0 0;
	}

	#header .inner {
		padding-top: 1.5em;
		padding-left: 1em;
		padding-right: 1em;
	}

	#header .all-inners {
		padding-top: 0;
	}

	#header header > p {
		font-size: 1em;
	}

	#header h1 {
		font-size: 1.75em;
	}

	#header hr {
		top: 1em;
		margin-bottom: 2.5em;
	}

	body.homepage #header {
		min-height: 0;
		padding: 5.5em 0 5em 0;
		height: auto;
	}

	body.homepage #header:before {
		display: none;
	}

	body.homepage #header h1 {
		font-size: 2.5em;
	}

	/* Nav */

	#nav {
		display: none;
	}

	/* Banner */

	#banner {
		padding: 3em 2em 3em 2em;
	}

	/* Sidebar */

	#sidebar > hr:first-of-type {
		display: block;
	}

	/* Main */

	#main > header {
		text-align: center;
	}

	/* Footer */

	#footer {
		padding-left: 1em;
		padding-right: 1em;
	}

	/* Carousel */

	.carousel {
		padding: 0.5em 0 0.5em 0;
	}

	.carousel .reel {
		padding: 0 0.5em 0 0.5em;
	}

	.galerie .reel {
		vertical-align: middle;
	}

	.galerie {
		vertical-align: middle;
	}

	.galerie article {
		vertical-align: middle;
	}

	.galerie a {
		vertical-align: middle;
	}

	.carousel article {
		width: 14em;
		padding-bottom: 2em;
		margin: 0 0.5em 0 0;
	}

	.galerie article {
		width: 14em;
		padding-bottom: 0;
		margin: 0 0.5em 0 0;
	}

	.carousel article .image {
		margin-bottom: 2em;
	}

	.galerie article .image {
		margin-bottom: 0;
	}

	.homepage #page-wrapper #header .inner {
		margin-top: 1em;
	}

	/*basic responsive layout*/
	.formation > section > article {
		margin-bottom: 1em;
	}

	.formation > section > article > section {
		margin-bottom: 0;
	}

	article > .column-4-md-xs,
	article > .column-3-md-xs,
	article > .column-6-md-xs {
		display: inline-block;
		width: 100%;
	}
	article section.column-6-md-xs:first-child {
		padding-right: 0;
	}
	article section.column-6-md-xs:nth-child(2) {
		padding-left: 0;
	}

	.ouvrage > #main > article > .column-3-md-xs {
		display: inline-block;
		width: 100%;
	}

	.ouvrage > #main > header > p {
		font-size: 1em;
	}

	.ouvrage > article {
		width: 240px;
		width: 80%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.wrapper > .porte > #main > header > p {
		font-size: 0.7em;
	}

	/*.ouvrage > #main > article > .column-12s5-md-xs,*/
	.ouvrage > #main > article > .column-3-md-xs {
		display: inline-block;
		width: 50%;
	}

	article section.column-6-md-xs:first-child {
		padding-right: 0;
	}
	article section.column-6-md-xs:nth-child(2) {
		padding-left: 0;
	}

	.devis-container > section.devis {
		font-size: 0.8em;
		line-height: 1em;
		text-align: center;
		margin: 1em auto;
		padding-top: 2em;
		width: 350px;
	}

	#twitter-widget-0 {
		height: 350px !important;
	}

	.big-picture article section img {
		max-width: 100% !important;
	}
} /* end (max-width: 736px) */

@media screen and (max-width: 390px) {
	.ouvrage > #main > header > p {
		font-size: 0.8em;
	}

	.wrapper > .porte > #main {
		width: 180px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.wrapper.style1.devis-wrapper {
		padding: 0;
	}

	.devis-container > section.devis {
		font-size: 0.8em;
		line-height: 1em;
		text-align: center;
		margin: 1em auto;
		margin-top: 0;
		padding-top: 3em;
		width: 280px;
	}

	/*******
		.ouvrage > #main > article > .column-12s5-md-xs {
				display:inline-block;
				width:50%;
			}

		.ouvrage > article {
			width: 120px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		*/

	/*
		.wrapper > .porte > #main {
			width:  90px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
		}
		*/

	/******
		.ouvrage > #main > article > .column-3-md-xs {
			display:inline-block;
			width:100%;
		}
		*/
}

#logo:hover {
	text-decoration: none;
}

.formation section > article > header > a.text-link {
	font-size: 0.9em;
}

.medias section,
.saint-eloi section {
	margin-bottom: 0;
}

.medias > section {
	padding: 2em 0.5em 1em 0.5em;
}

.wrapper.style1.timeline-wrp {
	padding: 0 0 6em 0;
}

#footer .contact a {
	color: #fff;
}

.responsive-image {
	max-width: 100%;
	height: auto;
}

/* section.photos-section  a.first-row {
		padding-top: 58px;
	} */

#footer > .container > .row {
	/*height: 1000px;*/
}

#footer > .container > .row > section:first-child {
	/*height: auto;*/
}

.hide-rich-footer {
	display: none;
}