/* =================================================================== */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #FFFFFF;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* propirété herite des propriété précédente des balises parents*/
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*
/* Basic Setup Styles - Top Elements 
/* =================================================================== */

/* NOTE
html is set to 62.5% so that if you use REMS, all the measurements 
are based on 10px sizing. So basically 1.5rem = 15px  */
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	font-weight: normal;
	line-height: 1;
	text-rendering: optimizeLegibility;
}


/*
/* Typography 
Un effet très visible est : text-rendering : optimizeLegibility; qui active les ligatures (ff, fi, fl etc.) dans les textes en dessous de 20px pour certains polices (par exemple, Calibri, Candara, Constantia et Corbel de Microsoft, ou la famille DejaVu).
====================================================================== */

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-rendering: optimizeLegibility; 	/* text-rendering La propriété text-rendering donne de l'information 
										au moteur de rendu sur ce qu'il doit optimiser lors de l'affichage du texte.*/
	line-height: 1.2;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 11px 0 24px;
	height: 0;
}

em,
i {
	font-style: italic;
	line-height: inherit;
}

strong,
b {
	font-weight: bold;
	line-height: inherit;
}

small {
	font-size: 60%;
	line-height: inherit;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 17px;
}

ul.square {
	list-style: square;
}

ul.circle {
	list-style: circle;
}

ul.disc {
	list-style: disc;
}

ul li {
	padding-left: 4px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 3px 0 3px 17px;
}

/* links
---------------------------------------------------------------------- */
a {
	text-decoration: none;
	line-height: inherit;
}

a img {
	border: none;
}

a:focus {
	outline: none;
}

p a,
p a:visited {
	line-height: inherit;
}

/* 
/* Media 
/* =================================================================== */

img,
video,
embed,
object {
	max-width: 100%;
	height: auto;
}

object,
embed {
	height: 100%;
}

img {
	-ms-interpolation-mode: bicubic;
}

/* 
/* Grid
===================================================================== */

.row {
	width: 94%;
	max-width: 1140px;
	margin: 0 auto;
}

.row .row {
	width: auto;
	max-width: none;
	margin-left: -20px;
	margin-right: -20px;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

.column,
.columns,
.bgrid {
	position: relative;
	min-height: 1px;
	float: left;
}

.column,
.columns {
	padding: 0 20px;
}

.column.centered,
.columns.centered {
	float: none;
	margin: 0 auto;
}

.row.collapsed > .column,
.row.collapsed > .columns,
.column.collapsed,
.columns.collapsed {
	padding: 0;
}

[class*="column"] + [class*="column"]:last-child {
	float: right;
}

[class*="column"] + [class*="column"].end {
	float: right;
}

.one,
.row .one {
	width: 8.33333%;
}

.two,
.row .two {
	width: 16.66667%;
}

.three,
.row .three {
	width: 25%;
}

.four,
.row .four {
	width: 33.33333%;
}

.five,
.row .five {
	width: 41.66667%;
}

.six,
.row .six {
	width: 50%;
}

.seven,
.row .seven {
	width: 58.33333%;
}

.eight,
.row .eight {
	width: 66.66667%;
}

.nine,
.row .nine {
	width: 75%;
}

.ten .row .ten {
	width: 83.33333%;
}

.eleven,
.row .eleven {
	width: 91.66667%;
}

.twelve,
.row .twelve {
	width: 100%;
}

/* small screens
--------------------------------------------------------------- */
@media screen and (max-width:1024px) {
	.row .row {
		margin-left: -18px;
		margin-right: -18px;
	}

	.column,
	.columns {
		padding: 0 18px;
	}

}

/* tablets
--------------------------------------------------------------- */
@media screen and (max-width:768px) {
	.row {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	.row .row {
		padding-left: 0;
		padding-right: 0;
		margin-left: -15px;
		margin-right: -15px;
	}

	.column,
	.columns {
		padding: 0 15px;
	}

	.tab-fourth,
	.row .tab-fourth {
		width: 25%;
	}

	.tab-third,
	.row .tab-third {
		width: 33.33333%;
	}

	.tab-half,
	.row .tab-half {
		width: 50%;
	}

	.tab-2thirds,
	.row .tab-2thirds {
		width: 66.66667%;
	}

	.tab-3fourths,
	.row .tab-3fourths {
		width: 75%;
	}

	.tab-whole,
	.row .tab-whole {
		width: 100%;
	}

}

/* large mobile devices
--------------------------------------------------------------- */
@media screen and (max-width:600px) {
	.row {
		padding-left: 25px;
		padding-right: 25px;
	}

	.row .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.column,
	.columns {
		padding: 0 10px;
	}

	.mob-fourth,
	.row .mob-fourth {
		width: 25%;
	}

	.mob-half,
	.row .mob-half {
		width: 50%;
	}

	.mob-3fourths,
	.row .mob-3fourths {
		width: 75%;
	}

	.mob-whole,
	.row .mob-whole {
		width: 100%;
	}

}

/* small mobile devices
--------------------------------------------------------------- */
@media screen and (max-width:400px) {
	.row {
		padding-left: 30px;
		padding-right: 30px;
	}

	.row .row {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.column,
	.columns {
		width: auto !important;
		float: none !important;
		margin-left: 0;
		margin-right: 0;
		clear: both;
		padding: 0;
	}

	[class*="column"] + [class*="column"]:last-child {
		float: none;
	}

}

/* 
/* block grids
===================================================================== */
.bgrid-sixth .bgrid {
	width: 16.66667%;
}

.bgrid-fourth .bgrid {
	width: 25%;
}

.bgrid-third .bgrid {
	width: 33.33333%;
}

.bgrid-half .bgrid {
	width: 50%;
}

.bgrid {
	padding: 0;
}

/* Clearing for block grid columns. Allows columns with 
different heights to align properly.
--------------------------------------------------------------------- */
.bgrid-sixth .bgrid:nth-child(6n+1),
.bgrid-fourth .bgrid:nth-child(4n+1),
.bgrid-third .bgrid:nth-child(3n+1),
.bgrid-half .bgrid:nth-child(2n+1) {
	clear: both;
}

/* small screens
--------------------------------------------------------------- */
@media screen and (max-width:1024px) {

	/* block grids for small screens */
	.s-bgrid-sixth .bgrid {
		width: 16.66667%;
	}

	.s-bgrid-fourth .bgrid {
		width: 25%;
	}

	.s-bgrid-third .bgrid {
		width: 33.33333%;
	}

	.s-bgrid-half .bgrid {
		width: 50%;
	}

	.s-bgrid-whole .bgrid {
		width: 100%;
		clear: both;
	}

	[class*="bgrid-"] .bgrid:nth-child(n) {
		clear: none;
	}

	.s-bgrid-sixth .bgrid:nth-child(6n+1),
	.s-bgrid-fourth .bgrid:nth-child(4n+1),
	.s-bgrid-third .bgrid:nth-child(3n+1),
	.s-bgrid-half .bgrid:nth-child(2n+1) {
		clear: both;
	}

}

/* tablets
--------------------------------------------------------------- */
@media screen and (max-width:768px) {
	.tab-bgrid-sixth .bgrid {
		width: 16.66667%;
	}

	.tab-bgrid-fourth .bgrid {
		width: 25%;
	}

	.tab-bgrid-third .bgrid {
		width: 33.33333%;
	}

	.tab-bgrid-half .bgrid {
		width: 50%;
	}

	.tab-bgrid-whole .bgrid {
		width: 100%;
		clear: both;
	}

	[class*="tab-bgrid-"] .bgrid:nth-child(n) {
		clear: none;
	}

	.tab-bgrid-sixth .bgrid:nth-child(6n+1),
	.tab-bgrid-fourth .bgrid:nth-child(4n+1),
	.tab-bgrid-third .bgrid:nth-child(3n+1),
	.tab-bgrid-half .bgrid:nth-child(2n+1) {
		clear: both;
	}

}

/* mobile devices
--------------------------------------------------------------- */
@media screen and (max-width:600px) {
	.mob-bgrid-sixth .bgrid {
		width: 16.66667%;
	}

	.mob-bgrid-fourth .bgrid {
		width: 25%;
	}

	.mob-bgrid-third .bgrid {
		width: 33.33333%;
	}

	.mob-bgrid-half .bgrid {
		width: 50%;
	}

	.mob-bgrid-whole .bgrid {
		width: 100%;
		clear: both;
	}

	[class*="mob-bgrid-"] .bgrid:nth-child(n) {
		clear: none;
	}

	.mob-bgrid-sixth .bgrid:nth-child(6n+1),
	.mob-bgrid-fourth .bgrid:nth-child(4n+1),
	.mob-bgrid-third .bgrid:nth-child(3n+1),
	.mob-bgrid-half .bgrid:nth-child(2n+1) {
		clear: both;
	}

}

/* stack on small mobile devices
--------------------------------------------------------------- */
@media screen and (max-width:400px) {
	.stack .bgrid {
		width: auto !important;
		float: none !important;
		margin-left: 0;
		margin-right: 0;
		clear: both;
	}

}

/* 
/* MISC
===================================================================== */
/* Clearing - (http://nicolasgallagher.com/micro-clearfix-hack/
--------------------------------------------------------------------- */
.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

/* Misc Helper Styles 
--------------------------------------------------------------------- */
.hide {
	display: none;
}

.invisible {
	visibility: hidden;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.remove-bottom {
	margin-bottom: 0;
}

.half-bottom {
	margin-bottom: 15px !important;
}

.add-bottom {
	margin-bottom: 30px !important;
}

.no-border {
	border: none;
}

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

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.align-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/*  Nom de l'accent 	Lettre 	HTML
a accent grave 	à 	à
A accent grave 	À 	À
a accent aigu 	á 	á
A accent aigu 	Á 	Á
a accent circonflexe 	â 	â
A accent circonflexe 	Â 	Â
a tilde 	ã 	ã
A tilde 	Ã 	Ã
a tréma 	ä 	ä
A tréma 	Ä 	Ä
a rond 	å 	å
A rond 	Å 	Å
ae ligaturé 	æ 	æ
AE ligaturé 	Æ 	Æ
e accent grave 	è 	è
E accent grave 	È 	È
e accent aigu 	é 	é
E accent aigu 	É 	É
e accent circonflexe 	ê 	ê
E accent circonflexe 	Ê 	Ê
e tréma 	ë 	ë
E tréma 	Ë 	Ë
i accent grave 	ì 	ì
I accent grave 	Ì 	Ì
i accent aigu 	í 	í
I accent aigu 	Í 	Í
i accent circonflexe 	î 	î
I accent circonflexe 	Î 	Î
i tréma 	ï 	ï
I tréma 	Ï 	Ï
o accent grave 	ò 	ò
O accent grave 	Ò 	Ò
o accent aigu 	ó 	ó
O accent aigu 	Ó 	Ó
o accent circonflexe 	ô 	ô
O accent circonflexe 	Ô 	Ô
o tilde 	õ 	õ
O tilde 	Õ 	Õ
o tréma 	ö 	ö
O tréma 	Ö 	Ö
o barré 	ø 	ø
O barré 	Ø 	Ø
u accent grave 	ù 	ù
U accent grave 	Ù 	Ù
u accent aigu 	ú 	ú
U accent aigu 	Ú 	Ú
u accent circonflexe 	û 	û
U accent circonflexe 	Û 	Û
u tréma 	ü 	ü
U tréma 	Ü 	Ü
n tilde 	ñ 	ñ
N tilde 	Ñ 	Ñ
c cédille 	ç 	ç
C cédille 	Ç 	Ç
y accent aigu 	ý 	ý
Y accent aigu 	Ý 	Ý
double s allemand 	ß 	ß
guillemet français ouvrant 	« 	«
guillemet français fermant 	» 	»
esperluette 	& 	&
inférieur 	< 	&lt;
supérieur 	< 	&gt;
guillemet double 	" 	&quot;
paragraphe 	§ 	&para;
copyright 	© 	&copy;
espace blanc 	  	&nbsp; */