* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
pre,
code,
fieldset,
form,
label,
legend,
table {
	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
}

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

input,
textarea {
	outline-style: none;
	border-color: transparent
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@font-face {
	font-family: 'flaticon';
	src: url("fonts/flaticon.eot");
	src: url("fonts/flaticon.eot?#iefix") format("embedded-opentype"), url("fonts/flaticon.woff") format("woff"), url("fonts/flaticon.ttf") format("truetype"), url("fonts/websymbols-regular-webfont.svg#web_symbolsregular") format("svg");
	font-weight: normal;
	font-style: normal
}

strong {
	font-weight: bold
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
	font-family: flaticon;
	font-style: normal
}

.flaticon-accepted:before {
	content: "\e000"
}

.flaticon-add20:before {
	content: "\e001"
}

.flaticon-add70:before {
	content: "\e002"
}

.flaticon-address4:before {
	content: "\e003"
}

.flaticon-advance:before {
	content: "\e004"
}

.flaticon-arrow53:before {
	content: "\e005"
}

.flaticon-arrow54:before {
	content: "\e006"
}

.flaticon-arrow56:before {
	content: "\e007"
}

.flaticon-arrows3:before {
	content: "\e008"
}

.flaticon-b2:before {
	content: "\e009"
}

.flaticon-back3:before {
	content: "\e00a"
}

.flaticon-bar:before {
	content: "\e00b"
}

.flaticon-battery4:before {
	content: "\e00c"
}

.flaticon-big31:before {
	content: "\e00d"
}

.flaticon-big34:before {
	content: "\e00e"
}

.flaticon-big35:before {
	content: "\e00f"
}

.flaticon-big36:before {
	content: "\e010"
}

.flaticon-big37:before {
	content: "\e011"
}

.flaticon-big39:before {
	content: "\e012"
}

.flaticon-big61:before {
	content: "\e013"
}

.flaticon-biretta:before {
	content: "\e014"
}

.flaticon-black25:before {
	content: "\e015"
}

.flaticon-black27:before {
	content: "\e016"
}

.flaticon-botton3:before {
	content: "\e017"
}

.flaticon-botton4:before {
	content: "\e018"
}

.flaticon-botton5:before {
	content: "\e019"
}

.flaticon-botton6:before {
	content: "\e01a"
}

.flaticon-bust:before {
	content: "\e01b"
}

.flaticon-button2:before {
	content: "\e01c"
}

.flaticon-card2:before {
	content: "\e01d"
}

.flaticon-cart1:before {
	content: "\e01e"
}

.flaticon-cc1:before {
	content: "\e01f"
}

.flaticon-cc:before {
	content: "\e020"
}

.flaticon-change:before {
	content: "\e021"
}

.flaticon-chevron2:before {
	content: "\e022"
}

.flaticon-chevron4:before {
	content: "\e023"
}

.flaticon-chevron5:before {
	content: "\e024"
}

.flaticon-circle4:before {
	content: "\e025"
}

.flaticon-circle6:before {
	content: "\e026"
}

.flaticon-circle7:before {
	content: "\e027"
}

.flaticon-circled1:before {
	content: "\e028"
}

.flaticon-circuit:before {
	content: "\e029"
}

.flaticon-code1:before {
	content: "\e02a"
}

.flaticon-cogwheel:before {
	content: "\e02b"
}

.flaticon-color:before {
	content: "\e02c"
}

.flaticon-come:before {
	content: "\e02d"
}

.flaticon-conversation:before {
	content: "\e02e"
}

.flaticon-creative1:before {
	content: "\e02f"
}

.flaticon-creative:before {
	content: "\e030"
}

.flaticon-cupful:before {
	content: "\e031"
}

.flaticon-dark:before {
	content: "\e032"
}

.flaticon-database8:before {
	content: "\e033"
}

.flaticon-diamond:before {
	content: "\e034"
}

.flaticon-diary:before {
	content: "\e035"
}

.flaticon-direction:before {
	content: "\e036"
}

.flaticon-diskette:before {
	content: "\e037"
}

.flaticon-document1:before {
	content: "\e038"
}

.flaticon-dolar:before {
	content: "\e039"
}

.flaticon-donut:before {
	content: "\e03a"
}

.flaticon-draft:before {
	content: "\e03b"
}

.flaticon-dribbble:before {
	content: "\e03c"
}

.flaticon-earth1:before {
	content: "\e03d"
}

.flaticon-entry:before {
	content: "\e03e"
}

.flaticon-exit2:before {
	content: "\e03f"
}

.flaticon-extract:before {
	content: "\e040"
}

.flaticon-facebook4:before {
	content: "\e041"
}

.flaticon-film7:before {
	content: "\e042"
}

.flaticon-flattr:before {
	content: "\e043"
}

.flaticon-float:before {
	content: "\e044"
}

.flaticon-flow2:before {
	content: "\e045"
}

.flaticon-flow4:before {
	content: "\e046"
}

.flaticon-focus:before {
	content: "\e047"
}

.flaticon-folder5:before {
	content: "\e048"
}

.flaticon-folding:before {
	content: "\e049"
}

.flaticon-full4:before {
	content: "\e04a"
}

.flaticon-github2:before {
	content: "\e04b"
}

.flaticon-github3:before {
	content: "\e04c"
}

.flaticon-google10:before {
	content: "\e04d"
}

.flaticon-google7:before {
	content: "\e04e"
}

.flaticon-grating:before {
	content: "\e04f"
}

.flaticon-great6:before {
	content: "\e050"
}

.flaticon-great7:before {
	content: "\e051"
}

.flaticon-help:before {
	content: "\e052"
}

.flaticon-high3:before {
	content: "\e053"
}

.flaticon-highlight:before {
	content: "\e054"
}

.flaticon-honour:before {
	content: "\e055"
}

.flaticon-hourglass3:before {
	content: "\e056"
}

.flaticon-i9:before {
	content: "\e057"
}

.flaticon-imagery:before {
	content: "\e058"
}

.flaticon-inbox:before {
	content: "\e059"
}

.flaticon-infinity:before {
	content: "\e05a"
}

.flaticon-info2:before {
	content: "\e05b"
}

.flaticon-large7:before {
	content: "\e05c"
}

.flaticon-large8:before {
	content: "\e05d"
}

.flaticon-last2:before {
	content: "\e05e"
}

.flaticon-last3:before {
	content: "\e05f"
}

.flaticon-leaf3:before {
	content: "\e060"
}

.flaticon-left10:before {
	content: "\e061"
}

.flaticon-license:before {
	content: "\e062"
}

.flaticon-link5:before {
	content: "\e063"
}

.flaticon-location2:before {
	content: "\e064"
}

.flaticon-lock4:before {
	content: "\e065"
}

.flaticon-logo:before {
	content: "\e066"
}

.flaticon-loop:before {
	content: "\e067"
}

.flaticon-love1:before {
	content: "\e068"
}

.flaticon-lug:before {
	content: "\e069"
}

.flaticon-magnet:before {
	content: "\e06a"
}

.flaticon-many:before {
	content: "\e06b"
}

.flaticon-maximum:before {
	content: "\e06c"
}

.flaticon-mobile4:before {
	content: "\e06d"
}

.flaticon-money:before {
	content: "\e06e"
}

.flaticon-music10:before {
	content: "\e06f"
}

.flaticon-music11:before {
	content: "\e070"
}

.flaticon-network1:before {
	content: "\e071"
}

.flaticon-newspapre:before {
	content: "\e072"
}

.flaticon-no1:before {
	content: "\e073"
}

.flaticon-no5:before {
	content: "\e074"
}

.flaticon-note:before {
	content: "\e075"
}

.flaticon-okey:before {
	content: "\e076"
}

.flaticon-open12:before {
	content: "\e077"
}

.flaticon-open2:before {
	content: "\e078"
}

.flaticon-opposing:before {
	content: "\e079"
}

.flaticon-padlock:before {
	content: "\e07a"
}

.flaticon-paper5:before {
	content: "\e07b"
}

.flaticon-parallel:before {
	content: "\e07c"
}

.flaticon-paypal:before {
	content: "\e07d"
}

.flaticon-pencil5:before {
	content: "\e07e"
}

.flaticon-phone8:before {
	content: "\e07f"
}

.flaticon-photogram:before {
	content: "\e080"
}

.flaticon-picasa:before {
	content: "\e081"
}

.flaticon-pie2:before {
	content: "\e082"
}

.flaticon-pinterest1:before {
	content: "\e083"
}

.flaticon-pinterest4:before {
	content: "\e084"
}

.flaticon-play3:before {
	content: "\e085"
}

.flaticon-pointer1:before {
	content: "\e086"
}

.flaticon-pointer:before {
	content: "\e087"
}

.flaticon-pouch:before {
	content: "\e088"
}

.flaticon-pressure:before {
	content: "\e089"
}

.flaticon-program:before {
	content: "\e08a"
}

.flaticon-progress1:before {
	content: "\e08b"
}

.flaticon-progress:before {
	content: "\e08c"
}

.flaticon-prohibited:before {
	content: "\e08d"
}

.flaticon-radio1:before {
	content: "\e08e"
}

.flaticon-range:before {
	content: "\e08f"
}

.flaticon-rdio1:before {
	content: "\e090"
}

.flaticon-rdio:before {
	content: "\e091"
}

.flaticon-record1:before {
	content: "\e092"
}

.flaticon-remainder:before {
	content: "\e093"
}

.flaticon-reply:before {
	content: "\e094"
}

.flaticon-resize2:before {
	content: "\e095"
}

.flaticon-restore:before {
	content: "\e096"
}

.flaticon-retweet:before {
	content: "\e097"
}

.flaticon-rewind3:before {
	content: "\e098"
}

.flaticon-right7:before {
	content: "\e099"
}

.flaticon-rings1:before {
	content: "\e09a"
}

.flaticon-rubber1:before {
	content: "\e09b"
}

.flaticon-sea1:before {
	content: "\e09c"
}

.flaticon-sections:before {
	content: "\e09d"
}

.flaticon-share4:before {
	content: "\e09e"
}

.flaticon-signal1:before {
	content: "\e09f"
}

.flaticon-signal3:before {
	content: "\e0a0"
}

.flaticon-sina:before {
	content: "\e0a1"
}

.flaticon-small16:before {
	content: "\e0a2"
}

.flaticon-small18:before {
	content: "\e0a3"
}

.flaticon-small21:before {
	content: "\e0a4"
}

.flaticon-small22:before {
	content: "\e0a5"
}

.flaticon-small23:before {
	content: "\e0a6"
}

.flaticon-small24:before {
	content: "\e0a7"
}

.flaticon-small25:before {
	content: "\e0a8"
}

.flaticon-small26:before {
	content: "\e0a9"
}

.flaticon-small27:before {
	content: "\e0aa"
}

.flaticon-small28:before {
	content: "\e0ab"
}

.flaticon-small29:before {
	content: "\e0ac"
}

.flaticon-small30:before {
	content: "\e0ad"
}

.flaticon-small31:before {
	content: "\e0ae"
}

.flaticon-small32:before {
	content: "\e0af"
}

.flaticon-small33:before {
	content: "\e0b0"
}

.flaticon-small34:before {
	content: "\e0b1"
}

.flaticon-small35:before {
	content: "\e0b2"
}

.flaticon-small36:before {
	content: "\e0b3"
}

.flaticon-small37:before {
	content: "\e0b4"
}

.flaticon-small38:before {
	content: "\e0b5"
}

.flaticon-small39:before {
	content: "\e0b6"
}

.flaticon-soundcloud:before {
	content: "\e0b7"
}

.flaticon-spotify:before {
	content: "\e0b8"
}

.flaticon-square5:before {
	content: "\e0b9"
}

.flaticon-star2:before {
	content: "\e0ba"
}

.flaticon-storm:before {
	content: "\e0bb"
}

.flaticon-stumbleupon2:before {
	content: "\e0bc"
}

.flaticon-stumbleupon:before {
	content: "\e0bd"
}

.flaticon-suitcase:before {
	content: "\e0be"
}

.flaticon-sum:before {
	content: "\e0bf"
}

.flaticon-sun1:before {
	content: "\e0c0"
}

.flaticon-sun4:before {
	content: "\e0c1"
}

.flaticon-sweden:before {
	content: "\e0c2"
}

.flaticon-switch:before {
	content: "\e0c3"
}

.flaticon-tag1:before {
	content: "\e0c4"
}

.flaticon-tencent:before {
	content: "\e0c5"
}

.flaticon-text:before {
	content: "\e0c6"
}

.flaticon-thermometer:before {
	content: "\e0c7"
}

.flaticon-thick:before {
	content: "\e0c8"
}

.flaticon-thin1:before {
	content: "\e0c9"
}

.flaticon-thin:before {
	content: "\e0ca"
}

.flaticon-thumbs3:before {
	content: "\e0cb"
}

.flaticon-thundercloud:before {
	content: "\e0cc"
}

.flaticon-traffic1:before {
	content: "\e0cd"
}

.flaticon-triangle3:before {
	content: "\e0ce"
}

.flaticon-tumblr1:before {
	content: "\e0cf"
}

.flaticon-tv:before {
	content: "\e0d0"
}

.flaticon-twitter4:before {
	content: "\e0d1"
}

.flaticon-two17:before {
	content: "\e0d2"
}

.flaticon-two18:before {
	content: "\e0d3"
}

.flaticon-two22:before {
	content: "\e0d4"
}

.flaticon-unbroken:before {
	content: "\e0d5"
}

.flaticon-under1:before {
	content: "\e0d6"
}

.flaticon-up10:before {
	content: "\e0d7"
}

.flaticon-up4:before {
	content: "\e0d8"
}

.flaticon-update:before {
	content: "\e0d9"
}

.flaticon-upload2:before {
	content: "\e0da"
}

.flaticon-usb1:before {
	content: "\e0db"
}

.flaticon-user3:before {
	content: "\e0dc"
}

.flaticon-v:before {
	content: "\e0dd"
}

.flaticon-walkie:before {
	content: "\e0de"
}

.flaticon-water3:before {
	content: "\e0df"
}

.flaticon-working:before {
	content: "\e0e0"
}

.flaticon-work:before {
	content: "\e0e1"
}

.flaticon-x3:before {
	content: "\e0e2"
}

a {
	font-size: inherit;
	line-height: 19.2px;
	text-decoration: none;
	color: inherit
}

a:link {
	color: inherit
}

a:visited {
	color: inherit
}

a:hover {
	color: inherit
}

a:active,
a a:focus {
	color: inherit
}

h1,
h1>a {
	font-size: 38.4px;
	line-height: 44.8px;
	color: #fff;
	margin-bottom: 15px
}

h2,
h2>a {
	font-size: 35.2px;
	line-height: 41.6px;
	color: #fff;
	margin-bottom: 10px
}

h3 {

	font-size: 25.6px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 5px
}

h4 {
	font-size: 22.4px;
	line-height: 28.8px;
	color: #fff
}

h5 {
	font-size: 19.2px;
	line-height: 25.6px
}

h6 {
	font-size: 19.2px;
	line-height: 25.6px
}

p {
	font-size: 16px;
	line-height: 19.2px;
	margin-bottom: 20px
}

ul,
li,
td {
	font-size: 16px;
	line-height: 19.2px
}

ul ol {
	list-style-type: value
}

blockquote {
	border-left: 10px solid #fff;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "“" "”" "‘" "’"
}

blockquote p {
	display: inline;
	font-size: 16px
}

blockquote:before {
	content: open-quote;
	font-size: 19.2px;
	line-height: 22.4px;
	margin-right: 0.25em;
	vertical-align: -0.4em
}

pre {
	padding: 5px 0px 5px 13px;
	border-left: 5px solid #fff;
	color: #fff
}

table {
	margin-bottom: 15px
}

th {
	border-bottom: 2px solid #fff;
	padding: 10px 8px
}

td {
	border-bottom: 1px solid #ccc;
	padding: 6px 8px
}

td:hover {
	background: #fff;
	color: #000
}

i {
	margin-right: 10px
}

body {
	font-family: "Ubuntu", sans-serif;
	font-size: 16px;
	color: #909fb5;
	background-color: #141C27
}

ul {
	margin: 0;
	padding: 0
}

header {
	padding: 0
}

.contenu,
header {
	overflow: hidden;
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	-o-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-o-animation-delay: 400ms;
	animation-delay: 400ms;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn
}

span.c1,
span.c2,
span.c3,
span.c4,
span.c5,
span.c6,
span.c7,
span.c8 {
	display: block;
	height: 5px;
	padding: 0;
	margin: 0 -10px
}

span.c1 {
	background-color: #864300
}

span.c2 {
	background-color: #FF6517
}

span.c3 {
	background-color: #C2BA00
}

span.c4 {
	background-color: #00C1D2
}

span.c5 {
	background-color: #FFAA19
}

span.c6 {
	background-color: #DD008A
}

span.c7 {
	background-color: #864300
}

span.c8 {
	background-color: #FF6517
}

.tag {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #313d50;
	color: #fff !important;
	font-size: 14px;
	padding: 6px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-moz-box-shadow: 0px 5px 0px #1e2530;
	-webkit-box-shadow: 0px 5px 0px #1e2530;
	box-shadow: 0px 5px 0px #1e2530
}

.tag:hover {
	cursor: pointer
}

.tag:active {
	-moz-box-shadow: 0px 2px 0px #1e2530;
	-webkit-box-shadow: 0px 2px 0px #1e2530;
	box-shadow: 0px 2px 0px #1e2530;
	position: relative;
	top: 3px
}

.contenu .faq a {
	color: #909fb5
}

.lef {
	float: left
}

.right {
	float: right
}

.center {
	text-align: center
}

.cb {
	clear: both
}

header {
	color: #fff;
	padding-bottom: 50px;
	text-align: center
}

header h1 {
	margin-top: 30px
}

header .logo {
	margin-top: 30px
}

.page,
.blog {
	margin-bottom: 30px;
	padding: 0 10px 0 0
}

.page .infos,
.page infos>a,
.blog .infos,
.blog infos>a {
	color: #fff !important
}

.page .contenu,
.blog .contenu {
	margin-bottom: 30px
}

.page .contenu img,
.blog .contenu img {
	border-radius: 5px
}

.page .contenu a,
.blog .contenu a {
	color: #e84c3d
}

.page .contenu p,
.blog .contenu p {
	margin: 10px 0
}

.page .auteur,
.blog .auteur {
	margin: 30px 0
}

.page label,
.blog label {
	margin-bottom: 8px
}

.page h3,
.blog h3 {
	margin-bottom: 10px
}

.page .normal,
.page .admin,
.blog .normal,
.blog .admin {
	color: #fff;
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 20px
}

.page .normal p,
.page .admin p,
.blog .normal p,
.blog .admin p {
	margin: 0
}

.page .normal cite,
.page .admin cite,
.blog .normal cite,
.blog .admin cite {
	display: block;
	margin-top: 10px
}

.page .normal,
.blog .normal {
	background-color: #313d50
}

.page .admin,
.blog .admin {
	background-color: #566379
}

.page p.more,
.blog p.more {
	text-align: right
}

.page p.more>a,
.blog p.more>a {
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #e84c3d;
	color: #fff !important;
	font-size: 14px;
	padding: 6px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-moz-box-shadow: 0px 5px 0px #d82a1a;
	-webkit-box-shadow: 0px 5px 0px #d82a1a;
	box-shadow: 0px 5px 0px #d82a1a
}

.page p.more>a:hover,
.blog p.more>a:hover {
	cursor: pointer
}

.page p.more>a:active,
.blog p.more>a:active {
	-moz-box-shadow: 0px 2px 0px #d82a1a;
	-webkit-box-shadow: 0px 2px 0px #d82a1a;
	box-shadow: 0px 2px 0px #d82a1a;
	position: relative;
	top: 3px
}

.pagination {
	color: #fff
}

.pagination a {
	color: #e84c3d !important;
	font-size: 16px
}

.erreur_404 {
	color: #fff;
	font-size: 144px;
	text-align: center;
	letter-spacing: -14px
}

a.tag {
	margin: 0 12px 16px 0
}

.hamburger {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 10px;
	right: 0;
	z-index: 10000;
	padding: 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.hamburger__icon {
	position: relative;
	margin-top: 7px;
	margin-bottom: 7px
}

.hamburger__icon,
.hamburger__icon:before,
.hamburger__icon:after {
	display: block;
	width: 25px;
	height: 2px;
	background-color: #fff;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s
}

.hamburger__icon:before,
.hamburger__icon:after {
	position: absolute;
	content: ""
}

.hamburger__icon:before {
	top: -7px
}

.hamburger__icon:after {
	top: 7px
}

.hamburger.active .hamburger__icon {
	background-color: transparent
}

.hamburger.active .hamburger__icon:before,
.hamburger.active .hamburger__icon:after {
	background-color: #fff
}

.hamburger.active .hamburger__icon:before {
	-moz-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-webkit-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg)
}

.hamburger.active .hamburger__icon:after {
	-moz-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-webkit-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg)
}

.fat-nav {
	top: 0;
	left: 0;
	z-index: 9999;
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

.fat-nav__wrapper {
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed
}

.fat-nav.active {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.fat-nav ul {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0
}

.fat-nav li {
	list-style-type: none;
	text-align: center;
	padding: 10px;
	font-size: 2em
}

.fat-nav li a {
	color: #fff;
	text-decoration: none
}

.fat-nav li.active,
.fat-nav li a.active {
	text-decoration: line-through;
	color: #ccc !important
}

aside {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	animation-delay: 500ms;
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	padding-left: 20px !important
}

aside li {
	list-style-type: none;
	margin-bottom: 7px
}

aside a:hover {
	color: #e84c3d
}

aside h3 {
	margin-bottom: 20px
}

aside .widget {
	margin-bottom: 30px
}

aside .widget li a.tag {
	display: block;
	float: left;
	margin: 0 12px 16px 0
}

aside .widget::after {
	clear: both
}

aside .widget li.com span {
	display: block;
	color: #fff;
	font-style: italic
}

label {
	display: inline-block;
	width: 100%;
	color: #fff
}

input[type='text'],
textarea {
	background-color: #313d50;
	background-image: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #fff;
	font-size: 15px;
	padding: 6px 12px !important;
	width: 60% !important;
	height: 36px !important;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}

input[type='text']:hover,
textarea:hover {
	background-color: #566379
}

textarea {
	height: 150px !important;
	resize: none
}

input.capcha {
	width: 60px
}

input[type='submit'],
.bt {
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #e84c3d;
	border: 1px solid #e84c3d;
	color: #fff;
	font-size: 18px;
	padding: 11px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-moz-box-shadow: 0px 5px 0px #84261a;
	-webkit-box-shadow: 0px 5px 0px #84261a;
	box-shadow: 0px 5px 0px #84261a
}

input[type='submit']:hover,
.bt:hover {
	cursor: pointer
}

input[type='submit']:active,
.bt:active {
	-moz-box-shadow: 0px 2px 0px #84261a;
	-webkit-box-shadow: 0px 2px 0px #84261a;
	box-shadow: 0px 2px 0px #84261a;
	position: relative;
	top: 2px
}

.content_com {
	min-height: 88px
}

.level-0 {
	margin-left: 0
}

.level-1 {
	margin-left: 50px
}

.level-2 {
	margin-left: 100px
}

.level-3 {
	margin-left: 150px
}

.level-4 {
	margin-left: 200px
}

.level-5 {
	margin-left: 250px
}

#id_answer {
	color: #fff;
	width: 100%;
	display: none
}

#id_answer .content_com {
	min-height: 0;
	margin: 19px 0
}

#id_answer cite {
	display: block;
	margin-top: 10px;
	font-style: italic
}

a.bt_repondre {
	display: block;
	text-align: right;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}

a.bt_repondre:hover {
	color: #fff
}

a.cancel,
.red {
	color: #FF6517
}

footer .scroll>span {
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff
}

footer .scroll>span:hover {
	color: #e84c3d
}

footer .copyright {
	padding: 20px 0
}

footer .copyright p {
	color: #fff !important;
	text-align: center;
	font-size: 12.8px
}

footer .copyright i {
	margin: 0 8px
}

footer h2 {
	margin: 15px auto;
	display: block
}

footer .deco {
	margin-bottom: 40px
}

footer a.facebook,
footer a.twitter,
footer a.google,
footer a.rss {
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 8px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 18px;
	padding: 11px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

footer a.facebook {
	-moz-box-shadow: 0px 5px 0px #1e2e4f;
	-webkit-box-shadow: 0px 5px 0px #1e2e4f;
	box-shadow: 0px 5px 0px #1e2e4f;
	background: #3b5998
}

footer a.facebook:active {
	-moz-box-shadow: 0px 2px 0px #1e2e4f;
	-webkit-box-shadow: 0px 2px 0px #1e2e4f;
	box-shadow: 0px 2px 0px #1e2e4f;
	position: relative;
	top: 2px
}

footer a.twitter {
	-moz-box-shadow: 0px 5px 0px #09c;
	-webkit-box-shadow: 0px 5px 0px #09c;
	box-shadow: 0px 5px 0px #09c;
	background: #3cf
}

footer a.twitter:active {
	-moz-box-shadow: 0px 2px 0px #09c;
	-webkit-box-shadow: 0px 2px 0px #09c;
	box-shadow: 0px 2px 0px #09c;
	position: relative;
	top: 2px
}

footer a.google {
	-moz-box-shadow: 0px 5px 0px #96271a;
	-webkit-box-shadow: 0px 5px 0px #96271a;
	box-shadow: 0px 5px 0px #96271a;
	background: #DD4B39
}

footer a.google:active {
	-moz-box-shadow: 0px 2px 0px #96271a;
	-webkit-box-shadow: 0px 2px 0px #96271a;
	box-shadow: 0px 2px 0px #96271a;
	position: relative;
	top: 2px
}

footer a.rss {
	-moz-box-shadow: 0px 5px 0px #993d00;
	-webkit-box-shadow: 0px 5px 0px #993d00;
	box-shadow: 0px 5px 0px #993d00;
	background: #f60
}

footer a.rss:active {
	-moz-box-shadow: 0px 2px 0px #993d00;
	-webkit-box-shadow: 0px 2px 0px #993d00;
	box-shadow: 0px 2px 0px #993d00;
	position: relative;
	top: 2px
}

footer ul {
	margin: 0
}

footer ul li {
	display: block;
	float: left;
	margin: 0 3px 3px 0
}

.wrap {
	width: 1220px;
	margin: 0 auto
}

.wrap:after {
	content: "";
	display: table;
	clear: both
}

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

.clear:after {
	clear: both
}

.clear {
	*zoom: 1
}

.bloc-1,
.bloc-2,
.bloc-3,
.bloc-4,
.bloc-5,
.bloc-6,
.bloc-7,
.bloc-8,
.bloc-9,
.bloc-10,
.bloc-11,
.bloc-12 {
	float: left;
	position: relative;
	min-height: 1px;
	padding: 0 10px
}

.bloc-1 img,
.bloc-2 img,
.bloc-3 img,
.bloc-4 img,
.bloc-5 img,
.bloc-6 img,
.bloc-7 img,
.bloc-8 img,
.bloc-9 img,
.bloc-10 img,
.bloc-11 img,
.bloc-12 img {
	max-width: 100%
}

.bloc-1 {
	width: 8.33333%
}

.bloc-2 {
	width: 16.66667%
}

.bloc-3 {
	width: 25%
}

.bloc-4 {
	width: 33.33333%
}

.bloc-5 {
	width: 41.66667%
}

.bloc-6 {
	width: 50%
}

.bloc-7 {
	width: 58.33333%
}

.bloc-8 {
	width: 66.66667%
}

.bloc-9 {
	width: 75%
}

.bloc-10 {
	width: 83.33333%
}

.bloc-11 {
	width: 91.66667%
}

.bloc-12 {
	width: 100%
}

@media handheld,
only screen and (max-width: 1220px) {
	.wrap {
		width: 100%
	}
}

@media handheld,
only screen and (max-width: 768px) {
	.wrap {
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0
	}
	[class*='bloc-'] {
		width: auto;
		float: none;
		margin: 0;
		padding-top: 10px
	}
	img {
		max-width: 100%;
		height: auto
	}
	.deco {
		display: none
	}
	input[type='text'],
	textarea,
	input.capcha,
	input[type='submit'] {
		width: 100% !important
	}
	p.more>a {
		display: block;
		width: 100%;
		margin: 10px 0;
		text-align: center
	}
	.right {
		float: none
	}
}