@charset "utf-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
	HTML5 display definitions
	========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
 	display: block;
 }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
 audio,
 canvas,
 video {
 	display: inline-block;
 }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
 audio:not([controls]) {
 	display: none;
 	height: 0;
 }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
 [hidden] {
 	display: none;
 }

input[type="submit"] {
	outline: none;
}

/* ==========================================================================
	Base
	========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 html {
 	font-family: sans-serif;
 	/* 1 */
 	-webkit-text-size-adjust: 100%;
 	/* 2 */
 	-ms-text-size-adjust: 100%;
 	/* 2 */
 }

/*
 * Removes default margin.
 */
 body {
 	margin: 0;
 }

/* ==========================================================================
	Links
	========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
 a:active,
 a:hover {
 	outline: 0;
 }

/* ==========================================================================
	Typography
	========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
 h1 {
 	font-size: 2em;
 }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
 abbr[title] {
 	border-bottom: 1px dotted;
 }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
 b,
 strong {
 	font-weight: bold;
 }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
 dfn {
 	font-style: italic;
 }

/*
 * Addresses styling not present in IE 8/9.
 */
 mark {
 	background: #ff0;
 	color: #000;
 }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
 code,
 kbd,
 pre,
 samp {
 	font-family: monospace, serif;
 	font-size: 1em;
 }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
 pre {
 	white-space: pre;
 	white-space: pre-wrap;
 	word-wrap: break-word;
 }

/*
 * Sets consistent quote types.
 */
 q {
 	quotes: "\201C" "\201D" "\2018" "\2019";
 }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
 small {
 	font-size: 80%;
 }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }

 sup {
 	top: -0.5em;
 }

 sub {
 	bottom: -0.25em;
 }

/* ==========================================================================
	Embedded content
	========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
 img {
 	border: 0;
 }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
 svg:not(:root) {
 	overflow: hidden;
 }

/* ==========================================================================
	Figures
	========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
 figure {
 	margin: 0;
 }

/* ==========================================================================
	Forms
	========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
 fieldset {
 	border: 1px solid #c0c0c0;
 	margin: 0 2px;
 	padding: 0.35em 0.625em 0.75em;
 }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
 legend {
 	border: 0;
 	/* 1 */
 	padding: 0;
 	/* 2 */
 }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
 button,
 input,
 select,
 textarea {
 	font-family: inherit;
 	/* 1 */
 	font-size: 100%;
 	/* 2 */
 	margin: 0;
 	/* 3 */
 }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
 button,
 input {
 	line-height: normal;
 }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
 	-webkit-appearance: button;
 	/* 2 */
 	cursor: pointer;
 	/* 3 */
 }

/*
 * Re-set default cursor for disabled elements.
 */
 button[disabled],
 input[disabled] {
 	cursor: default;
 }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
 input[type="checkbox"],
 input[type="radio"] {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	/* 1 */
 	padding: 0;
 	/* 2 */
 }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
 input[type="search"] {
 	-webkit-appearance: textfield;
 	/* 1 */
 	-moz-box-sizing: content-box;
 	-webkit-box-sizing: content-box;
 	/* 2 */
 	box-sizing: content-box;
 }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }

/*
 * Removes inner padding and border in Firefox 4+.
 */
 button::-moz-focus-inner,
 input::-moz-focus-inner {
 	border: 0;
 	padding: 0;
 }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
 textarea {
 	overflow: auto;
 	/* 1 */
 	vertical-align: top;
 	/* 2 */
 }

/* ==========================================================================
	Tables
	========================================================================== */
/*
 * Remove most spacing between table cells.
 */
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }

 #alert {
 	padding: 20px;
 	margin: 0;
 	text-align: center;
 	font-weight: 800;
 	font-size: 1.5rem;
 }

 #alert a {
 	text-decoration: underline;
 }

 #alert a:hover {
 	text-decoration: none;
 }

 #alert.msgvert {
 	background-color: #C2F7C0;
 	color: #0A9606;
 }

 #alert.msgbleu {
 	background-color: #F0F5FA;
 	color: #006ECE;
 }

 #alert.msgrouge {
 	background-color: #F7C3C3;
 	color: #FF0000;
 }

 #alert.msgorange {
 	background-color: #f7c983;
 	color: #b54906;
 }

 .animated {
 	-webkit-animation-duration: 1s;
 	-o-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 	-o-animation-fill-mode: both;
 	animation-fill-mode: both;
 }

 .animated.infinite {
 	-webkit-animation-iteration-count: infinite;
 	-o-animation-iteration-count: infinite;
 	animation-iteration-count: infinite;
 }

 .animated.hinge {
 	-webkit-animation-duration: 2s;
 	-o-animation-duration: 2s;
 	animation-duration: 2s;
 }

 .animated.bounceIn,
 .animated.bounceOut {
 	-webkit-animation-duration: .75s;
 	-o-animation-duration: .75s;
 	animation-duration: .75s;
 }

 .animated.flipOutX,
 .animated.flipOutY {
 	-webkit-animation-duration: .75s;
 	-o-animation-duration: .75s;
 	animation-duration: .75s;
 }

 @-webkit-keyframes bounce {
 	from,
 	20%,
 	53%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	40%,
 	43% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -30px, 0);
 		transform: translate3d(0, -30px, 0);
 	}
 	70% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -15px, 0);
 		transform: translate3d(0, -15px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, -4px, 0);
 		transform: translate3d(0, -4px, 0);
 	}
 }

 @-o-keyframes bounce {
 	from,
 	20%,
 	53%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	40%,
 	43% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -30px, 0);
 		transform: translate3d(0, -30px, 0);
 	}
 	70% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -15px, 0);
 		transform: translate3d(0, -15px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, -4px, 0);
 		transform: translate3d(0, -4px, 0);
 	}
 }

 @keyframes bounce {
 	from,
 	20%,
 	53%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	40%,
 	43% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -30px, 0);
 		transform: translate3d(0, -30px, 0);
 	}
 	70% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -15px, 0);
 		transform: translate3d(0, -15px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, -4px, 0);
 		transform: translate3d(0, -4px, 0);
 	}
 }

 .bounce {
 	-webkit-animation-name: bounce;
 	-o-animation-name: bounce;
 	animation-name: bounce;
 	-webkit-transform-origin: center bottom;
 	-ms-transform-origin: center bottom;
 	-o-transform-origin: center bottom;
 	transform-origin: center bottom;
 }

 @-webkit-keyframes flash {
 	from,
 	50%,
 	to {
 		opacity: 1;
 	}
 	25%,
 	75% {
 		opacity: 0;
 	}
 }

 @-o-keyframes flash {
 	from,
 	50%,
 	to {
 		opacity: 1;
 	}
 	25%,
 	75% {
 		opacity: 0;
 	}
 }

 @keyframes flash {
 	from,
 	50%,
 	to {
 		opacity: 1;
 	}
 	25%,
 	75% {
 		opacity: 0;
 	}
 }

 .flash {
 	-webkit-animation-name: flash;
 	-o-animation-name: flash;
 	animation-name: flash;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes pulse {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	50% {
 		-webkit-transform: scale3d(1.05, 1.05, 1.05);
 		transform: scale3d(1.05, 1.05, 1.05);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @-o-keyframes pulse {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	50% {
 		-webkit-transform: scale3d(1.05, 1.05, 1.05);
 		transform: scale3d(1.05, 1.05, 1.05);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @keyframes pulse {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	50% {
 		-webkit-transform: scale3d(1.05, 1.05, 1.05);
 		transform: scale3d(1.05, 1.05, 1.05);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 .pulse {
 	-webkit-animation-name: pulse;
 	-o-animation-name: pulse;
 	animation-name: pulse;
 }

 @-webkit-keyframes rubberBand {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	30% {
 		-webkit-transform: scale3d(1.25, 0.75, 1);
 		transform: scale3d(1.25, 0.75, 1);
 	}
 	40% {
 		-webkit-transform: scale3d(0.75, 1.25, 1);
 		transform: scale3d(0.75, 1.25, 1);
 	}
 	50% {
 		-webkit-transform: scale3d(1.15, 0.85, 1);
 		transform: scale3d(1.15, 0.85, 1);
 	}
 	65% {
 		-webkit-transform: scale3d(0.95, 1.05, 1);
 		transform: scale3d(0.95, 1.05, 1);
 	}
 	75% {
 		-webkit-transform: scale3d(1.05, 0.95, 1);
 		transform: scale3d(1.05, 0.95, 1);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @-o-keyframes rubberBand {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	30% {
 		-webkit-transform: scale3d(1.25, 0.75, 1);
 		transform: scale3d(1.25, 0.75, 1);
 	}
 	40% {
 		-webkit-transform: scale3d(0.75, 1.25, 1);
 		transform: scale3d(0.75, 1.25, 1);
 	}
 	50% {
 		-webkit-transform: scale3d(1.15, 0.85, 1);
 		transform: scale3d(1.15, 0.85, 1);
 	}
 	65% {
 		-webkit-transform: scale3d(0.95, 1.05, 1);
 		transform: scale3d(0.95, 1.05, 1);
 	}
 	75% {
 		-webkit-transform: scale3d(1.05, 0.95, 1);
 		transform: scale3d(1.05, 0.95, 1);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @keyframes rubberBand {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	30% {
 		-webkit-transform: scale3d(1.25, 0.75, 1);
 		transform: scale3d(1.25, 0.75, 1);
 	}
 	40% {
 		-webkit-transform: scale3d(0.75, 1.25, 1);
 		transform: scale3d(0.75, 1.25, 1);
 	}
 	50% {
 		-webkit-transform: scale3d(1.15, 0.85, 1);
 		transform: scale3d(1.15, 0.85, 1);
 	}
 	65% {
 		-webkit-transform: scale3d(0.95, 1.05, 1);
 		transform: scale3d(0.95, 1.05, 1);
 	}
 	75% {
 		-webkit-transform: scale3d(1.05, 0.95, 1);
 		transform: scale3d(1.05, 0.95, 1);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 .rubberBand {
 	-webkit-animation-name: rubberBand;
 	-o-animation-name: rubberBand;
 	animation-name: rubberBand;
 }

 @-webkit-keyframes shake {
 	from,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	10%,
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0);
 	}
 	20%,
 	40%,
 	60%,
 	80% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0);
 	}
 }

 @-o-keyframes shake {
 	from,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	10%,
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0);
 	}
 	20%,
 	40%,
 	60%,
 	80% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0);
 	}
 }

 @keyframes shake {
 	from,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	10%,
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0);
 	}
 	20%,
 	40%,
 	60%,
 	80% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0);
 	}
 }

 .shake {
 	-webkit-animation-name: shake;
 	-o-animation-name: shake;
 	animation-name: shake;
 }

 @-webkit-keyframes swing {
 	20% {
 		-webkit-transform: rotate3d(0, 0, 1, 15deg);
 		transform: rotate3d(0, 0, 1, 15deg);
 	}
 	40% {
 		-webkit-transform: rotate3d(0, 0, 1, -10deg);
 		transform: rotate3d(0, 0, 1, -10deg);
 	}
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 5deg);
 		transform: rotate3d(0, 0, 1, 5deg);
 	}
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, -5deg);
 		transform: rotate3d(0, 0, 1, -5deg);
 	}
 	to {
 		-webkit-transform: rotate3d(0, 0, 1, 0deg);
 		transform: rotate3d(0, 0, 1, 0deg);
 	}
 }

 @-o-keyframes swing {
 	20% {
 		-webkit-transform: rotate3d(0, 0, 1, 15deg);
 		transform: rotate3d(0, 0, 1, 15deg);
 	}
 	40% {
 		-webkit-transform: rotate3d(0, 0, 1, -10deg);
 		transform: rotate3d(0, 0, 1, -10deg);
 	}
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 5deg);
 		transform: rotate3d(0, 0, 1, 5deg);
 	}
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, -5deg);
 		transform: rotate3d(0, 0, 1, -5deg);
 	}
 	to {
 		-webkit-transform: rotate3d(0, 0, 1, 0deg);
 		transform: rotate3d(0, 0, 1, 0deg);
 	}
 }

 @keyframes swing {
 	20% {
 		-webkit-transform: rotate3d(0, 0, 1, 15deg);
 		transform: rotate3d(0, 0, 1, 15deg);
 	}
 	40% {
 		-webkit-transform: rotate3d(0, 0, 1, -10deg);
 		transform: rotate3d(0, 0, 1, -10deg);
 	}
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 5deg);
 		transform: rotate3d(0, 0, 1, 5deg);
 	}
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, -5deg);
 		transform: rotate3d(0, 0, 1, -5deg);
 	}
 	to {
 		-webkit-transform: rotate3d(0, 0, 1, 0deg);
 		transform: rotate3d(0, 0, 1, 0deg);
 	}
 }

 .swing {
 	-webkit-transform-origin: top center;
 	-ms-transform-origin: top center;
 	-o-transform-origin: top center;
 	transform-origin: top center;
 	-webkit-animation-name: swing;
 	-o-animation-name: swing;
 	animation-name: swing;
 }

 @-webkit-keyframes tada {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	10%,
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 	}
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 	}
 	40%,
 	60%,
 	80% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @-o-keyframes tada {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	10%,
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 	}
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 	}
 	40%,
 	60%,
 	80% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @keyframes tada {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 	10%,
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 	}
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 	}
 	40%,
 	60%,
 	80% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 .tada {
 	-webkit-animation-name: tada;
 	-o-animation-name: tada;
 	animation-name: tada;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes wobble {
 	from {
 		-webkit-transform: none;
 		transform: none;
 	}
 	15% {
 		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 	}
 	30% {
 		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 	}
 	45% {
 		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 	}
 	60% {
 		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 	}
 	75% {
 		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 	}
 	to {
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes wobble {
 	from {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 	15% {
 		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 	}
 	30% {
 		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 	}
 	45% {
 		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 	}
 	60% {
 		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 	}
 	75% {
 		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes wobble {
 	from {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 	15% {
 		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 	}
 	30% {
 		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 	}
 	45% {
 		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 	}
 	60% {
 		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 	}
 	75% {
 		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .wobble {
 	-webkit-animation-name: wobble;
 	-o-animation-name: wobble;
 	animation-name: wobble;
 }

 @-webkit-keyframes jello {
 	from,
 	11.1%,
 	to {
 		-webkit-transform: none;
 		transform: none;
 	}
 	22.2% {
 		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 		transform: skewX(-12.5deg) skewY(-12.5deg);
 	}
 	33.3% {
 		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
 		transform: skewX(6.25deg) skewY(6.25deg);
 	}
 	44.4% {
 		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 		transform: skewX(-3.125deg) skewY(-3.125deg);
 	}
 	55.5% {
 		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 		transform: skewX(1.5625deg) skewY(1.5625deg);
 	}
 	66.6% {
 		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		transform: skewX(-0.78125deg) skewY(-0.78125deg);
 	}
 	77.7% {
 		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 		transform: skewX(0.390625deg) skewY(0.390625deg);
 	}
 	88.8% {
 		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 	}
 }

 @-o-keyframes jello {
 	from,
 	11.1%,
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 	22.2% {
 		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 		-o-transform: skewX(-12.5deg) skewY(-12.5deg);
 		transform: skewX(-12.5deg) skewY(-12.5deg);
 	}
 	33.3% {
 		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
 		-o-transform: skewX(6.25deg) skewY(6.25deg);
 		transform: skewX(6.25deg) skewY(6.25deg);
 	}
 	44.4% {
 		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 		-o-transform: skewX(-3.125deg) skewY(-3.125deg);
 		transform: skewX(-3.125deg) skewY(-3.125deg);
 	}
 	55.5% {
 		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 		-o-transform: skewX(1.5625deg) skewY(1.5625deg);
 		transform: skewX(1.5625deg) skewY(1.5625deg);
 	}
 	66.6% {
 		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		transform: skewX(-0.78125deg) skewY(-0.78125deg);
 	}
 	77.7% {
 		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 		-o-transform: skewX(0.390625deg) skewY(0.390625deg);
 		transform: skewX(0.390625deg) skewY(0.390625deg);
 	}
 	88.8% {
 		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		-o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 	}
 }

 @keyframes jello {
 	from,
 	11.1%,
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 	22.2% {
 		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 		-o-transform: skewX(-12.5deg) skewY(-12.5deg);
 		transform: skewX(-12.5deg) skewY(-12.5deg);
 	}
 	33.3% {
 		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
 		-o-transform: skewX(6.25deg) skewY(6.25deg);
 		transform: skewX(6.25deg) skewY(6.25deg);
 	}
 	44.4% {
 		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 		-o-transform: skewX(-3.125deg) skewY(-3.125deg);
 		transform: skewX(-3.125deg) skewY(-3.125deg);
 	}
 	55.5% {
 		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 		-o-transform: skewX(1.5625deg) skewY(1.5625deg);
 		transform: skewX(1.5625deg) skewY(1.5625deg);
 	}
 	66.6% {
 		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		transform: skewX(-0.78125deg) skewY(-0.78125deg);
 	}
 	77.7% {
 		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 		-o-transform: skewX(0.390625deg) skewY(0.390625deg);
 		transform: skewX(0.390625deg) skewY(0.390625deg);
 	}
 	88.8% {
 		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		-o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 	}
 }

 .jello {
 	-webkit-animation-name: jello;
 	-o-animation-name: jello;
 	animation-name: jello;
 	-webkit-transform-origin: center;
 	-ms-transform-origin: center;
 	-o-transform-origin: center;
 	transform-origin: center;
 }

 @-webkit-keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	40% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03);
 	}
 	80% {
 		-webkit-transform: scale3d(0.97, 0.97, 0.97);
 		transform: scale3d(0.97, 0.97, 0.97);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @-o-keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	40% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03);
 	}
 	80% {
 		-webkit-transform: scale3d(0.97, 0.97, 0.97);
 		transform: scale3d(0.97, 0.97, 0.97);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 @keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	40% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03);
 	}
 	80% {
 		-webkit-transform: scale3d(0.97, 0.97, 0.97);
 		transform: scale3d(0.97, 0.97, 0.97);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

 .bounceIn {
 	-webkit-animation-name: bounceIn;
 	-o-animation-name: bounceIn;
 	animation-name: bounceIn;
 }

 @-webkit-keyframes bounceInDown {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -3000px, 0);
 		transform: translate3d(0, -3000px, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 25px, 0);
 		transform: translate3d(0, 25px, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, 5px, 0);
 		transform: translate3d(0, 5px, 0);
 	}
 	to {
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes bounceInDown {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -3000px, 0);
 		transform: translate3d(0, -3000px, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 25px, 0);
 		transform: translate3d(0, 25px, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, 5px, 0);
 		transform: translate3d(0, 5px, 0);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes bounceInDown {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -3000px, 0);
 		transform: translate3d(0, -3000px, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 25px, 0);
 		transform: translate3d(0, 25px, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, 5px, 0);
 		transform: translate3d(0, 5px, 0);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .bounceInDown {
 	-webkit-animation-name: bounceInDown;
 	-o-animation-name: bounceInDown;
 	animation-name: bounceInDown;
 }

 @-webkit-keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(-3000px, 0, 0);
 		transform: translate3d(-3000px, 0, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(25px, 0, 0);
 		transform: translate3d(25px, 0, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(5px, 0, 0);
 		transform: translate3d(5px, 0, 0);
 	}
 	to {
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(-3000px, 0, 0);
 		transform: translate3d(-3000px, 0, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(25px, 0, 0);
 		transform: translate3d(25px, 0, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(5px, 0, 0);
 		transform: translate3d(5px, 0, 0);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(-3000px, 0, 0);
 		transform: translate3d(-3000px, 0, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(25px, 0, 0);
 		transform: translate3d(25px, 0, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(5px, 0, 0);
 		transform: translate3d(5px, 0, 0);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .bounceInLeft {
 	-webkit-animation-name: bounceInLeft;
 	-o-animation-name: bounceInLeft;
 	animation-name: bounceInLeft;
 }

 @-webkit-keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(3000px, 0, 0);
 		transform: translate3d(3000px, 0, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(-25px, 0, 0);
 		transform: translate3d(-25px, 0, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(-5px, 0, 0);
 		transform: translate3d(-5px, 0, 0);
 	}
 	to {
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(3000px, 0, 0);
 		transform: translate3d(3000px, 0, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(-25px, 0, 0);
 		transform: translate3d(-25px, 0, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(-5px, 0, 0);
 		transform: translate3d(-5px, 0, 0);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(3000px, 0, 0);
 		transform: translate3d(3000px, 0, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(-25px, 0, 0);
 		transform: translate3d(-25px, 0, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(-5px, 0, 0);
 		transform: translate3d(-5px, 0, 0);
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .bounceInRight {
 	-webkit-animation-name: bounceInRight;
 	-o-animation-name: bounceInRight;
 	animation-name: bounceInRight;
 }

 @-webkit-keyframes bounceInUp {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 3000px, 0);
 		transform: translate3d(0, 3000px, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, -5px, 0);
 		transform: translate3d(0, -5px, 0);
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @-o-keyframes bounceInUp {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 3000px, 0);
 		transform: translate3d(0, 3000px, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, -5px, 0);
 		transform: translate3d(0, -5px, 0);
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @keyframes bounceInUp {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 3000px, 0);
 		transform: translate3d(0, 3000px, 0);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0);
 	}
 	75% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0);
 	}
 	90% {
 		-webkit-transform: translate3d(0, -5px, 0);
 		transform: translate3d(0, -5px, 0);
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 .bounceInUp {
 	-webkit-animation-name: bounceInUp;
 	-o-animation-name: bounceInUp;
 	animation-name: bounceInUp;
 }

 @-webkit-keyframes bounceOut {
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9);
 	}
 	50%,
 	55% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 }

 @-o-keyframes bounceOut {
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9);
 	}
 	50%,
 	55% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 }

 @keyframes bounceOut {
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9);
 	}
 	50%,
 	55% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 }

 .bounceOut {
 	-webkit-animation-name: bounceOut;
 	-o-animation-name: bounceOut;
 	animation-name: bounceOut;
 }

 @-webkit-keyframes bounceOutDown {
 	20% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0);
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 }

 @-o-keyframes bounceOutDown {
 	20% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0);
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 }

 @keyframes bounceOutDown {
 	20% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0);
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 }

 .bounceOutDown {
 	-webkit-animation-name: bounceOutDown;
 	-o-animation-name: bounceOutDown;
 	animation-name: bounceOutDown;
 }

 @-webkit-keyframes bounceOutLeft {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(20px, 0, 0);
 		transform: translate3d(20px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 }

 @-o-keyframes bounceOutLeft {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(20px, 0, 0);
 		transform: translate3d(20px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 }

 @keyframes bounceOutLeft {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(20px, 0, 0);
 		transform: translate3d(20px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 }

 .bounceOutLeft {
 	-webkit-animation-name: bounceOutLeft;
 	-o-animation-name: bounceOutLeft;
 	animation-name: bounceOutLeft;
 }

 @-webkit-keyframes bounceOutRight {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(-20px, 0, 0);
 		transform: translate3d(-20px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 }

 @-o-keyframes bounceOutRight {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(-20px, 0, 0);
 		transform: translate3d(-20px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 }

 @keyframes bounceOutRight {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(-20px, 0, 0);
 		transform: translate3d(-20px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 }

 .bounceOutRight {
 	-webkit-animation-name: bounceOutRight;
 	-o-animation-name: bounceOutRight;
 	animation-name: bounceOutRight;
 }

 @-webkit-keyframes bounceOutUp {
 	20% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0);
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 20px, 0);
 		transform: translate3d(0, 20px, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 }

 @-o-keyframes bounceOutUp {
 	20% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0);
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 20px, 0);
 		transform: translate3d(0, 20px, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 }

 @keyframes bounceOutUp {
 	20% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0);
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 20px, 0);
 		transform: translate3d(0, 20px, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 }

 .bounceOutUp {
 	-webkit-animation-name: bounceOutUp;
 	-o-animation-name: bounceOutUp;
 	animation-name: bounceOutUp;
 }

 @-webkit-keyframes fadeIn {
 	from {
 		opacity: 0;
 	}
 	to {
 		opacity: 1;
 	}
 }

 @-o-keyframes fadeIn {
 	from {
 		opacity: 0;
 	}
 	to {
 		opacity: 1;
 	}
 }

 @keyframes fadeIn {
 	from {
 		opacity: 0;
 	}
 	to {
 		opacity: 1;
 	}
 }

 .fadeIn {
 	-webkit-animation-name: fadeIn;
 	-o-animation-name: fadeIn;
 	animation-name: fadeIn;
 }

 @-webkit-keyframes fadeInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInDown {
 	-webkit-animation-name: fadeInDown;
 	-o-animation-name: fadeInDown;
 	animation-name: fadeInDown;
 }

 @-webkit-keyframes fadeInDownBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInDownBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInDownBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInDownBig {
 	-webkit-animation-name: fadeInDownBig;
 	-o-animation-name: fadeInDownBig;
 	animation-name: fadeInDownBig;
 }

 @-webkit-keyframes fadeInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInLeft {
 	-webkit-animation-name: fadeInLeft;
 	-o-animation-name: fadeInLeft;
 	animation-name: fadeInLeft;
 }

 @-webkit-keyframes fadeInLeftBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInLeftBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInLeftBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInLeftBig {
 	-webkit-animation-name: fadeInLeftBig;
 	-o-animation-name: fadeInLeftBig;
 	animation-name: fadeInLeftBig;
 }

 @-webkit-keyframes fadeInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInRight {
 	-webkit-animation-name: fadeInRight;
 	-o-animation-name: fadeInRight;
 	animation-name: fadeInRight;
 }

 @-webkit-keyframes fadeInRightBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInRightBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInRightBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInRightBig {
 	-webkit-animation-name: fadeInRightBig;
 	-o-animation-name: fadeInRightBig;
 	animation-name: fadeInRightBig;
 }

 @-webkit-keyframes fadeInUp {
 	from {
 		opacity: 0 !important;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 	to {
 		opacity: 1 !important;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInUp {
 	from {
 		opacity: 0 !important;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 	to {
 		opacity: 1 !important;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInUp {
 	from {
 		opacity: 0 !important;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 	to {
 		opacity: 1 !important;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInUp {
 	-webkit-animation-name: fadeInUp;
 	-o-animation-name: fadeInUp;
 	animation-name: fadeInUp;
 }

 .fadeOutFast {
 	-webkit-animation-name: fadeOut;
 	-o-animation-name: fadeOut;
 	animation-name: fadeOut;
 	-webkit-animation-duration: 0s;
 	-o-animation-duration: 0s;
 	animation-duration: 0s;
 }

 .fadeInUpFast {
 	-webkit-animation-name: fadeInUp;
 	-o-animation-name: fadeInUp;
 	animation-name: fadeInUp;
 	-webkit-animation-duration: 0.35s;
 	-o-animation-duration: 0.35s;
 	animation-duration: 0.35s;
 }

 @-webkit-keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .fadeInUpBig {
 	-webkit-animation-name: fadeInUpBig;
 	-o-animation-name: fadeInUpBig;
 	animation-name: fadeInUpBig;
 }

 @-webkit-keyframes fadeOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 	}
 }

 @-o-keyframes fadeOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 	}
 }

 @keyframes fadeOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 	}
 }

 .fadeOut {
 	-webkit-animation-name: fadeOut;
 	-o-animation-name: fadeOut;
 	animation-name: fadeOut;
 }

 @-webkit-keyframes fadeOutDown {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 }

 @-o-keyframes fadeOutDown {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 }

 @keyframes fadeOutDown {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 }

 .fadeOutDown {
 	-webkit-animation-name: fadeOutDown;
 	-o-animation-name: fadeOutDown;
 	animation-name: fadeOutDown;
 }

 @-webkit-keyframes fadeOutDownBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 }

 @-o-keyframes fadeOutDownBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 }

 @keyframes fadeOutDownBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}
 }

 .fadeOutDownBig {
 	-webkit-animation-name: fadeOutDownBig;
 	-o-animation-name: fadeOutDownBig;
 	animation-name: fadeOutDownBig;
 }

 @-webkit-keyframes fadeOutLeft {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 }

 @-o-keyframes fadeOutLeft {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 }

 @keyframes fadeOutLeft {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 }

 .fadeOutLeft {
 	-webkit-animation-name: fadeOutLeft;
 	-o-animation-name: fadeOutLeft;
 	animation-name: fadeOutLeft;
 }

 @-webkit-keyframes fadeOutLeftBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 }

 @-o-keyframes fadeOutLeftBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 }

 @keyframes fadeOutLeftBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0);
 	}
 }

 .fadeOutLeftBig {
 	-webkit-animation-name: fadeOutLeftBig;
 	-o-animation-name: fadeOutLeftBig;
 	animation-name: fadeOutLeftBig;
 }

 @-webkit-keyframes fadeOutRight {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 }

 @-o-keyframes fadeOutRight {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 }

 @keyframes fadeOutRight {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 }

 .fadeOutRight {
 	-webkit-animation-name: fadeOutRight;
 	-o-animation-name: fadeOutRight;
 	animation-name: fadeOutRight;
 }

 @-webkit-keyframes fadeOutRightBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 }

 @-o-keyframes fadeOutRightBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 }

 @keyframes fadeOutRightBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0);
 	}
 }

 .fadeOutRightBig {
 	-webkit-animation-name: fadeOutRightBig;
 	-o-animation-name: fadeOutRightBig;
 	animation-name: fadeOutRightBig;
 }

 @-webkit-keyframes fadeOutUp {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 }

 @-o-keyframes fadeOutUp {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 }

 @keyframes fadeOutUp {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 }

 .fadeOutUp {
 	-webkit-animation-name: fadeOutUp;
 	-o-animation-name: fadeOutUp;
 	animation-name: fadeOutUp;
 }

 @-webkit-keyframes fadeOutUpBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 }

 @-o-keyframes fadeOutUpBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 }

 @keyframes fadeOutUpBig {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0);
 	}
 }

 .fadeOutUpBig {
 	-webkit-animation-name: fadeOutUpBig;
 	-o-animation-name: fadeOutUpBig;
 	animation-name: fadeOutUpBig;
 }

 @-webkit-keyframes flip {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		-webkit-animation-timing-function: ease-out;
 		animation-timing-function: ease-out;
 	}
 	40% {
 		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		-webkit-animation-timing-function: ease-out;
 		animation-timing-function: ease-out;
 	}
 	50% {
 		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	80% {
 		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 }

 @-o-keyframes flip {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		-webkit-animation-timing-function: ease-out;
 		-o-animation-timing-function: ease-out;
 		animation-timing-function: ease-out;
 	}
 	40% {
 		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		-webkit-animation-timing-function: ease-out;
 		-o-animation-timing-function: ease-out;
 		animation-timing-function: ease-out;
 	}
 	50% {
 		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	80% {
 		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 }

 @keyframes flip {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		-webkit-animation-timing-function: ease-out;
 		-o-animation-timing-function: ease-out;
 		animation-timing-function: ease-out;
 	}
 	40% {
 		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		-webkit-animation-timing-function: ease-out;
 		-o-animation-timing-function: ease-out;
 		animation-timing-function: ease-out;
 	}
 	50% {
 		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	80% {
 		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 }

 .animated.flip {
 	-webkit-backface-visibility: visible;
 	backface-visibility: visible;
 	-webkit-animation-name: flip;
 	-o-animation-name: flip;
 	animation-name: flip;
 }

 @-webkit-keyframes flipInX {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0;
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 }

 @-o-keyframes flipInX {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0;
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 }

 @keyframes flipInX {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0;
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 }

 .flipInX {
 	-webkit-backface-visibility: visible !important;
 	backface-visibility: visible !important;
 	-webkit-animation-name: flipInX;
 	-o-animation-name: flipInX;
 	animation-name: flipInX;
 }

 @-webkit-keyframes flipInY {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0;
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 }

 @-o-keyframes flipInY {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0;
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 }

 @keyframes flipInY {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0;
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		-o-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 }

 .flipInY {
 	-webkit-backface-visibility: visible !important;
 	backface-visibility: visible !important;
 	-webkit-animation-name: flipInY;
 	-o-animation-name: flipInY;
 	animation-name: flipInY;
 }

 @-webkit-keyframes flipOutX {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes flipOutX {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		opacity: 0;
 	}
 }

 @keyframes flipOutX {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		opacity: 0;
 	}
 }

 .flipOutX {
 	-webkit-animation-name: flipOutX;
 	-o-animation-name: flipOutX;
 	animation-name: flipOutX;
 	-webkit-backface-visibility: visible !important;
 	backface-visibility: visible !important;
 }

 @-webkit-keyframes flipOutY {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes flipOutY {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		opacity: 0;
 	}
 }

 @keyframes flipOutY {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px);
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		opacity: 0;
 	}
 }

 .flipOutY {
 	-webkit-backface-visibility: visible !important;
 	backface-visibility: visible !important;
 	-webkit-animation-name: flipOutY;
 	-o-animation-name: flipOutY;
 	animation-name: flipOutY;
 }

 @-webkit-keyframes lightSpeedIn {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 		transform: translate3d(100%, 0, 0) skewX(-30deg);
 		opacity: 0;
 	}
 	60% {
 		-webkit-transform: skewX(20deg);
 		transform: skewX(20deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: skewX(-5deg);
 		transform: skewX(-5deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @-o-keyframes lightSpeedIn {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 		transform: translate3d(100%, 0, 0) skewX(-30deg);
 		opacity: 0;
 	}
 	60% {
 		-webkit-transform: skewX(20deg);
 		-o-transform: skewX(20deg);
 		transform: skewX(20deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: skewX(-5deg);
 		-o-transform: skewX(-5deg);
 		transform: skewX(-5deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @keyframes lightSpeedIn {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 		transform: translate3d(100%, 0, 0) skewX(-30deg);
 		opacity: 0;
 	}
 	60% {
 		-webkit-transform: skewX(20deg);
 		-o-transform: skewX(20deg);
 		transform: skewX(20deg);
 		opacity: 1;
 	}
 	80% {
 		-webkit-transform: skewX(-5deg);
 		-o-transform: skewX(-5deg);
 		transform: skewX(-5deg);
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 .lightSpeedIn {
 	-webkit-animation-name: lightSpeedIn;
 	-o-animation-name: lightSpeedIn;
 	animation-name: lightSpeedIn;
 	-webkit-animation-timing-function: ease-out;
 	-o-animation-timing-function: ease-out;
 	animation-timing-function: ease-out;
 }

 @-webkit-keyframes lightSpeedOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 		transform: translate3d(100%, 0, 0) skewX(30deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes lightSpeedOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 		transform: translate3d(100%, 0, 0) skewX(30deg);
 		opacity: 0;
 	}
 }

 @keyframes lightSpeedOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 		transform: translate3d(100%, 0, 0) skewX(30deg);
 		opacity: 0;
 	}
 }

 .lightSpeedOut {
 	-webkit-animation-name: lightSpeedOut;
 	-o-animation-name: lightSpeedOut;
 	animation-name: lightSpeedOut;
 	-webkit-animation-timing-function: ease-in;
 	-o-animation-timing-function: ease-in;
 	animation-timing-function: ease-in;
 }

 @-webkit-keyframes rotateIn {
 	from {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, -200deg);
 		transform: rotate3d(0, 0, 1, -200deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @-o-keyframes rotateIn {
 	from {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, -200deg);
 		transform: rotate3d(0, 0, 1, -200deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @keyframes rotateIn {
 	from {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, -200deg);
 		transform: rotate3d(0, 0, 1, -200deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 .rotateIn {
 	-webkit-animation-name: rotateIn;
 	-o-animation-name: rotateIn;
 	animation-name: rotateIn;
 }

 @-webkit-keyframes rotateInDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @-o-keyframes rotateInDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @keyframes rotateInDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 .rotateInDownLeft {
 	-webkit-animation-name: rotateInDownLeft;
 	-o-animation-name: rotateInDownLeft;
 	animation-name: rotateInDownLeft;
 }

 @-webkit-keyframes rotateInDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @-o-keyframes rotateInDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @keyframes rotateInDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 .rotateInDownRight {
 	-webkit-animation-name: rotateInDownRight;
 	-o-animation-name: rotateInDownRight;
 	animation-name: rotateInDownRight;
 }

 @-webkit-keyframes rotateInUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @-o-keyframes rotateInUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @keyframes rotateInUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 .rotateInUpLeft {
 	-webkit-animation-name: rotateInUpLeft;
 	-o-animation-name: rotateInUpLeft;
 	animation-name: rotateInUpLeft;
 }

 @-webkit-keyframes rotateInUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -90deg);
 		transform: rotate3d(0, 0, 1, -90deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @-o-keyframes rotateInUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -90deg);
 		transform: rotate3d(0, 0, 1, -90deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 @keyframes rotateInUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -90deg);
 		transform: rotate3d(0, 0, 1, -90deg);
 		opacity: 0;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 		opacity: 1;
 	}
 }

 .rotateInUpRight {
 	-webkit-animation-name: rotateInUpRight;
 	-o-animation-name: rotateInUpRight;
 	animation-name: rotateInUpRight;
 }

 @-webkit-keyframes rotateOut {
 	from {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, 200deg);
 		transform: rotate3d(0, 0, 1, 200deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes rotateOut {
 	from {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, 200deg);
 		transform: rotate3d(0, 0, 1, 200deg);
 		opacity: 0;
 	}
 }

 @keyframes rotateOut {
 	from {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: center;
 		-o-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, 200deg);
 		transform: rotate3d(0, 0, 1, 200deg);
 		opacity: 0;
 	}
 }

 .rotateOut {
 	-webkit-animation-name: rotateOut;
 	-o-animation-name: rotateOut;
 	animation-name: rotateOut;
 }

 @-webkit-keyframes rotateOutDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes rotateOutDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 }

 @keyframes rotateOutDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0;
 	}
 }

 .rotateOutDownLeft {
 	-webkit-animation-name: rotateOutDownLeft;
 	-o-animation-name: rotateOutDownLeft;
 	animation-name: rotateOutDownLeft;
 }

 @-webkit-keyframes rotateOutDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes rotateOutDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 }

 @keyframes rotateOutDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 }

 .rotateOutDownRight {
 	-webkit-animation-name: rotateOutDownRight;
 	-o-animation-name: rotateOutDownRight;
 	animation-name: rotateOutDownRight;
 }

 @-webkit-keyframes rotateOutUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes rotateOutUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 }

 @keyframes rotateOutUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		-o-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0;
 	}
 }

 .rotateOutUpLeft {
 	-webkit-animation-name: rotateOutUpLeft;
 	-o-animation-name: rotateOutUpLeft;
 	animation-name: rotateOutUpLeft;
 }

 @-webkit-keyframes rotateOutUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 90deg);
 		transform: rotate3d(0, 0, 1, 90deg);
 		opacity: 0;
 	}
 }

 @-o-keyframes rotateOutUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 90deg);
 		transform: rotate3d(0, 0, 1, 90deg);
 		opacity: 0;
 	}
 }

 @keyframes rotateOutUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		-o-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 90deg);
 		transform: rotate3d(0, 0, 1, 90deg);
 		opacity: 0;
 	}
 }

 .rotateOutUpRight {
 	-webkit-animation-name: rotateOutUpRight;
 	-o-animation-name: rotateOutUpRight;
 	animation-name: rotateOutUpRight;
 }

 @-webkit-keyframes hinge {
 	0% {
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 	}
 	20%,
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 80deg);
 		transform: rotate3d(0, 0, 1, 80deg);
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 	}
 	40%,
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, 60deg);
 		transform: rotate3d(0, 0, 1, 60deg);
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: translate3d(0, 700px, 0);
 		transform: translate3d(0, 700px, 0);
 		opacity: 0;
 	}
 }

 @-o-keyframes hinge {
 	0% {
 		-webkit-transform-origin: top left;
 		-o-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		-o-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 	}
 	20%,
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 80deg);
 		transform: rotate3d(0, 0, 1, 80deg);
 		-webkit-transform-origin: top left;
 		-o-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		-o-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 	}
 	40%,
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, 60deg);
 		transform: rotate3d(0, 0, 1, 60deg);
 		-webkit-transform-origin: top left;
 		-o-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		-o-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: translate3d(0, 700px, 0);
 		transform: translate3d(0, 700px, 0);
 		opacity: 0;
 	}
 }

 @keyframes hinge {
 	0% {
 		-webkit-transform-origin: top left;
 		-o-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		-o-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 	}
 	20%,
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 80deg);
 		transform: rotate3d(0, 0, 1, 80deg);
 		-webkit-transform-origin: top left;
 		-o-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		-o-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 	}
 	40%,
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, 60deg);
 		transform: rotate3d(0, 0, 1, 60deg);
 		-webkit-transform-origin: top left;
 		-o-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		-o-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 		opacity: 1;
 	}
 	to {
 		-webkit-transform: translate3d(0, 700px, 0);
 		transform: translate3d(0, 700px, 0);
 		opacity: 0;
 	}
 }

 .hinge {
 	-webkit-animation-name: hinge;
 	-o-animation-name: hinge;
 	animation-name: hinge;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes rollIn {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		transform: none;
 	}
 }

 @-o-keyframes rollIn {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 @keyframes rollIn {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: none;
 		-o-transform: none;
 		transform: none;
 	}
 }

 .rollIn {
 	-webkit-animation-name: rollIn;
 	-o-animation-name: rollIn;
 	animation-name: rollIn;
 }

 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @-webkit-keyframes rollOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 	}
 }

 @-o-keyframes rollOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 	}
 }

 @keyframes rollOut {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 	}
 }

 .rollOut {
 	-webkit-animation-name: rollOut;
 	-o-animation-name: rollOut;
 	animation-name: rollOut;
 }

 @-webkit-keyframes zoomIn {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	50% {
 		opacity: 1;
 	}
 }

 @-o-keyframes zoomIn {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	50% {
 		opacity: 1;
 	}
 }

 @keyframes zoomIn {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	50% {
 		opacity: 1;
 	}
 }

 .zoomIn {
 	-webkit-animation-name: zoomIn;
 	-o-animation-name: zoomIn;
 	animation-name: zoomIn;
 }

 @-webkit-keyframes zoomInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @-o-keyframes zoomInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @keyframes zoomInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 .zoomInDown {
 	-webkit-animation-name: zoomInDown;
 	-o-animation-name: zoomInDown;
 	animation-name: zoomInDown;
 }

 @-webkit-keyframes zoomInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @-o-keyframes zoomInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @keyframes zoomInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 .zoomInLeft {
 	-webkit-animation-name: zoomInLeft;
 	-o-animation-name: zoomInLeft;
 	animation-name: zoomInLeft;
 }

 @-webkit-keyframes zoomInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @-o-keyframes zoomInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @keyframes zoomInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 .zoomInRight {
 	-webkit-animation-name: zoomInRight;
 	-o-animation-name: zoomInRight;
 	animation-name: zoomInRight;
 }

 @-webkit-keyframes zoomInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @-o-keyframes zoomInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @keyframes zoomInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 .zoomInUp {
 	-webkit-animation-name: zoomInUp;
 	-o-animation-name: zoomInUp;
 	animation-name: zoomInUp;
 }

 @-webkit-keyframes zoomOut {
 	from {
 		opacity: 1;
 	}
 	50% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	to {
 		opacity: 0;
 	}
 }

 @-o-keyframes zoomOut {
 	from {
 		opacity: 1;
 	}
 	50% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	to {
 		opacity: 0;
 	}
 }

 @keyframes zoomOut {
 	from {
 		opacity: 1;
 	}
 	50% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3);
 	}
 	to {
 		opacity: 0;
 	}
 }

 .zoomOut {
 	-webkit-animation-name: zoomOut;
 	-o-animation-name: zoomOut;
 	animation-name: zoomOut;
 }

 @-webkit-keyframes zoomOutDown {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @-o-keyframes zoomOutDown {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		-webkit-transform-origin: center bottom;
 		-o-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @keyframes zoomOutDown {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		-webkit-transform-origin: center bottom;
 		-o-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 .zoomOutDown {
 	-webkit-animation-name: zoomOutDown;
 	-o-animation-name: zoomOutDown;
 	animation-name: zoomOutDown;
 }

 @-webkit-keyframes zoomOutLeft {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 		transform: scale(0.1) translate3d(-2000px, 0, 0);
 		-webkit-transform-origin: left center;
 		transform-origin: left center;
 	}
 }

 @-o-keyframes zoomOutLeft {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 		transform: scale(0.1) translate3d(-2000px, 0, 0);
 		-webkit-transform-origin: left center;
 		-o-transform-origin: left center;
 		transform-origin: left center;
 	}
 }

 @keyframes zoomOutLeft {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 		transform: scale(0.1) translate3d(-2000px, 0, 0);
 		-webkit-transform-origin: left center;
 		-o-transform-origin: left center;
 		transform-origin: left center;
 	}
 }

 .zoomOutLeft {
 	-webkit-animation-name: zoomOutLeft;
 	-o-animation-name: zoomOutLeft;
 	animation-name: zoomOutLeft;
 }

 @-webkit-keyframes zoomOutRight {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 		transform: scale(0.1) translate3d(2000px, 0, 0);
 		-webkit-transform-origin: right center;
 		transform-origin: right center;
 	}
 }

 @-o-keyframes zoomOutRight {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 		transform: scale(0.1) translate3d(2000px, 0, 0);
 		-webkit-transform-origin: right center;
 		-o-transform-origin: right center;
 		transform-origin: right center;
 	}
 }

 @keyframes zoomOutRight {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 		transform: scale(0.1) translate3d(2000px, 0, 0);
 		-webkit-transform-origin: right center;
 		-o-transform-origin: right center;
 		transform-origin: right center;
 	}
 }

 .zoomOutRight {
 	-webkit-animation-name: zoomOutRight;
 	-o-animation-name: zoomOutRight;
 	animation-name: zoomOutRight;
 }

 @-webkit-keyframes zoomOutUp {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @-o-keyframes zoomOutUp {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		-webkit-transform-origin: center bottom;
 		-o-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 @keyframes zoomOutUp {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		-webkit-transform-origin: center bottom;
 		-o-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 	}
 }

 .zoomOutUp {
 	-webkit-animation-name: zoomOutUp;
 	-o-animation-name: zoomOutUp;
 	animation-name: zoomOutUp;
 }

 @-webkit-keyframes slideInDown {
 	from {
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @-o-keyframes slideInDown {
 	from {
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @keyframes slideInDown {
 	from {
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 .slideInDown {
 	-webkit-animation-name: slideInDown;
 	-o-animation-name: slideInDown;
 	animation-name: slideInDown;
 }

 @-webkit-keyframes slideInLeft {
 	from {
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @-o-keyframes slideInLeft {
 	from {
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @keyframes slideInLeft {
 	from {
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 .slideInLeft {
 	-webkit-animation-name: slideInLeft;
 	-o-animation-name: slideInLeft;
 	animation-name: slideInLeft;
 }

 @-webkit-keyframes slideInRight {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @-o-keyframes slideInRight {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @keyframes slideInRight {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 .slideInRight {
 	-webkit-animation-name: slideInRight;
 	-o-animation-name: slideInRight;
 	animation-name: slideInRight;
 }

 @-webkit-keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @-o-keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 		visibility: visible;
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 .slideInUp {
 	-webkit-animation-name: slideInUp;
 	-o-animation-name: slideInUp;
 	animation-name: slideInUp;
 }

 @-webkit-keyframes slideOutDown {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 }

 @-o-keyframes slideOutDown {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 }

 @keyframes slideOutDown {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 	}
 }

 .slideOutDown {
 	-webkit-animation-name: slideOutDown;
 	-o-animation-name: slideOutDown;
 	animation-name: slideOutDown;
 }

 @-webkit-keyframes slideOutLeft {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 }

 @-o-keyframes slideOutLeft {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 }

 @keyframes slideOutLeft {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 	}
 }

 .slideOutLeft {
 	-webkit-animation-name: slideOutLeft;
 	-o-animation-name: slideOutLeft;
 	animation-name: slideOutLeft;
 }

 @-webkit-keyframes slideOutRight {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 }

 @-o-keyframes slideOutRight {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 }

 @keyframes slideOutRight {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 	}
 }

 .slideOutRight {
 	-webkit-animation-name: slideOutRight;
 	-o-animation-name: slideOutRight;
 	animation-name: slideOutRight;
 }

 @-webkit-keyframes slideOutUp {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 }

 @-o-keyframes slideOutUp {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 }

 @keyframes slideOutUp {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 	}
 }

 .slideOutUp {
 	-webkit-animation-name: slideOutUp;
 	-o-animation-name: slideOutUp;
 	animation-name: slideOutUp;
 }

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
 @font-face {
 	font-family: 'flexslider-icon';
 	src: url('fonts/flexslider-icon.eot');
 	src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
 .flex-container a:hover,
 .flex-slider a:hover,
 .flex-container a:focus,
 .flex-slider a:focus {
 	outline: none;
 }

 .slides,
 .slides > li,
 .flex-control-nav,
 .flex-direction-nav {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }

 .flex-pauseplay span {
 	text-transform: capitalize;
 }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
 .flexslider {
 	margin: 0;
 	padding: 0;
 }

 .flexslider .slides > li {
 	display: none;
 	-webkit-backface-visibility: hidden;
 }

 .flexslider .slides img {
 	width: 100%;
 	display: block;
 }

 #sliders-block .flexslider .slides img {
 	/*height: 600px !important;*/
 	width: auto;
 	display: block;
 	margin: 0 auto;
 }

 .flexslider .slides:after {
 	content: "\0020";
 	display: block;
 	clear: both;
 	visibility: hidden;
 	line-height: 0;
 	height: 0;
 }

 html[xmlns] .flexslider .slides {
 	display: block;
 }

 * html .flexslider .slides {
 	height: 1%;
 }

 .no-js .flexslider .slides > li:first-child {
 	display: block;
 }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
 .flexslider {
 	margin: 0 0 60px;
 	background: #ffffff;
 	border: 4px solid #ffffff;
 	position: relative;
 	zoom: 1;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 }

 .flexslider .slides {
 	zoom: 1;
 }

 .flexslider .slides img {
 	height: auto;
 }

 .flex-viewport {
 	max-height: 2000px;
 	-webkit-transition: all 1s ease;
 	-o-transition: all 1s ease;
 	transition: all 1s ease;
 }

 .loading .flex-viewport {
 	max-height: 300px;
 }

 .carousel li {
 	margin-right: 5px;
 }

 .flex-direction-nav {
 	*height: 0;
 }

 .flex-direction-nav a {
 	text-decoration: none;
 	display: block;
 	width: 40px;
 	height: 40px;
 	margin: -20px 0 0;
 	position: absolute;
 	top: 50%;
 	z-index: 10;
 	overflow: hidden;
 	opacity: 0;
 	cursor: pointer;
 	color: rgba(0, 0, 0, 0.8);
 	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
 	-webkit-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
 }

 .flex-direction-nav a:before {
 	font-family: "flexslider-icon";
 	font-size: 40px;
 	display: inline-block;
 	content: '\f001';
 	color: rgba(0, 0, 0, 0.8);
 	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
 }

 .flex-direction-nav a.flex-next:before {
 	content: '\f002';
 }

 .flex-direction-nav .flex-prev {
 	left: -50px;
 }

 .flex-direction-nav .flex-next {
 	right: -50px;
 	text-align: right;
 }

 .flexslider:hover .flex-direction-nav .flex-prev {
 	opacity: 0.7;
 	left: 10px;
 }

 .flexslider:hover .flex-direction-nav .flex-prev:hover {
 	opacity: 1;
 }

 .flexslider:hover .flex-direction-nav .flex-next {
 	opacity: 0.7;
 	right: 10px;
 }

 .flexslider:hover .flex-direction-nav .flex-next:hover {
 	opacity: 1;
 }

 .flex-direction-nav .flex-disabled {
 	opacity: 0 !important;
 	filter: alpha(opacity=0);
 	cursor: default;
 }

 .flex-pauseplay a {
 	display: block;
 	width: 20px;
 	height: 20px;
 	position: absolute;
 	bottom: 5px;
 	left: 10px;
 	opacity: 0.8;
 	z-index: 10;
 	overflow: hidden;
 	cursor: pointer;
 	color: #000;
 }

 .flex-pauseplay a:before {
 	font-family: "flexslider-icon";
 	font-size: 20px;
 	display: inline-block;
 	content: '\f004';
 }

 .flex-pauseplay a:hover {
 	opacity: 1;
 }

 .flex-pauseplay a.flex-play:before {
 	content: '\f003';
 }

 .flex-control-nav {
 	width: 100%;
 	position: absolute;
 	bottom: -40px;
 	text-align: center;
 }

 .flex-control-nav li {
 	margin: 0 6px;
 	display: inline-block;
 	zoom: 1;
 	*display: inline;
 }

 .flex-control-paging li a {
 	width: 11px;
 	height: 11px;
 	display: block;
 	background: #666;
 	background: rgba(0, 0, 0, 0.5);
 	cursor: pointer;
 	text-indent: -9999px;
 	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 	-webkit-border-radius: 20px;
 	border-radius: 20px;
 }

 .flex-control-paging li a:hover {
 	background: #333;
 	background: rgba(0, 0, 0, 0.7);
 }

 .flex-control-paging li a.flex-active {
 	background: #000;
 	background: rgba(0, 0, 0, 0.9);
 	cursor: default;
 }

 .flex-control-thumbs {
 	margin: 5px 0 0;
 	position: static;
 	overflow: hidden;
 }

 .flex-control-thumbs li {
 	width: 25%;
 	float: left;
 	margin: 0;
 }

 .flex-control-thumbs img {
 	width: 100%;
 	height: auto;
 	display: block;
 	opacity: .7;
 	cursor: pointer;
 	-webkit-transition: all 1s ease;
 	-o-transition: all 1s ease;
 	transition: all 1s ease;
 }

 .flex-control-thumbs img:hover {
 	opacity: 1;
 }

 .flex-control-thumbs .flex-active {
 	opacity: 1;
 	cursor: default;
 }


.messagerie-title {
    font-size: 1.2em;
    text-transform: uppercase;
    margin: 30px 0 0px 0;
}
.messagerie-title:first-child {
	margin-top: 0;
}
.messagerie-item {

}
.messagerie-item-nonlu {
	border-left: 4px solid rgba(0, 128, 0, 0.41);
}
.messagerie-item .messagerie-item-cas {
	color: #006ece;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-bottom: 5px;
    border: 1px solid #dddddd;
    padding: 4px 10px;
    cursor: pointer;
}
.messagerie-item .messagerie-item-cas span.open-close {
	font-weight: normal;
	color: gray;
	width: 20px;
    display: inline-block;
}
.messagerie-item .messagerie-item-cas span.etat {
	font-weight: normal;
	color: gray;
}
.messagerie-item .messagerie-item-cas em {
	font-weight: normal;
	font-style: italic;
	float: right;
}
.messagerie-item .messagerie-item-messages {
	padding: 0 10px;
}
.messagerie-item .messagerie-item-messages .send-to-relecteur-statut {
	font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin: 0;
    padding: 0 0px;
    display: block;
    color: green;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin: 10px 0;
    text-align: center;
}
.messagerie-item .messagerie-item-messages .nom-relecteur {
	font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0.025em;
    margin: 0;
    padding: 0 0px;
    display: block;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin: 10px 0;
    text-align: right;
}
.messagerie-item .messagerie-item-messages form {
	margin: 0 0px 10px 0;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
}
.messagerie-item .messagerie-item-messages form label {
	font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin: 0;
    padding: 0 0px;
    display: block;
}
.messagerie-item .messagerie-item-messages form textarea {
    width: 100%;
    margin: 0 0 10px 0;
}
.messagerie-item .messagerie-item-messages form #login-btn {
	font-size: 1.1em;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item {

}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item h4 {
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin: 0;
    padding: 0 10px;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item .date {
    font-size: 1.1em;
    font-weight: normal;
	font-style: italic;
    margin: 0 0 0 0;
    padding: 0 10px;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item .zone-message {
    font-size: 1.05em;
    padding: 10px 10px;
    background: #f2f2f2;
    margin: 0 0 12px 0;
    position: relative;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item .zone-message p strong {
	font-weight: 700;
}

.messagerie-item .messagerie-item-messages .messagerie-item-message-item.relecteur h4 {
	text-align: right;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item.relecteur .zone-message {
	background: #E1EDFD;
	text-align: right;
	padding-right: 70px;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item.relecteur .zone-message .check_lu_message-container {
	position: absolute;
    right: 20px;
    top: 8px;
    line-height: 40px;
    border-left: 1px solid #bbb;
    padding-left: 10px;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item.relecteur .zone-message .check_lu_message-container input[type=checkbox] {
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item.relecteur .zone-message .check_lu_message-container label {
	margin-left: 3px;
	font-style: italic;
	color: #999;
}
/*.messagerie-item .messagerie-item-messages .messagerie-item-message-item.utilisateur .zone-message {
	padding-left: 50px;
}
.messagerie-item .messagerie-item-messages .messagerie-item-message-item.utilisateur .zone-message input[type=checkbox] {
	position: absolute;
    left: 20px;
    top: 22px;
}*/




/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
 @media screen and (max-width: 860px) {
 	.flex-direction-nav .flex-prev {
 		opacity: 1;
 		left: 10px;
 	}

 	.flex-direction-nav .flex-next {
 		opacity: 1;
 		right: 10px;
 	}
 }

 /* Variables */
 @font-face {
 	font-family: 'bolsterregular';
 	src: url('fonts/bolster-webfont.eot');
 	src: url('fonts/bolster-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bolster-webfont.woff2') format('woff2'), url('fonts/bolster-webfont.woff') format('woff'), url('fonts/bolster-webfont.ttf') format('truetype'), url('fonts/bolster-webfont.svg#bolsterregular') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

/*---------------------------------------------------
	LESS Elements 0.9
  ---------------------------------------------------
	A set of useful LESS mixins
	More info at: http://lesselements.com
	---------------------------------------------------*/
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html {
		font-size: 10px;
	}

	h1,
	h2,
	h3,
	h4 {
		margin: 0;
	}

	a {
		color: inherit;
		text-decoration: none;
	}

/*	ul {
		padding-left: 0;
	}

	div.fiche ul {
		padding-left: inherit;
	}*/

	.clear {
		clear: both;
	}

	img {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	strong {
		font-weight: 400;
	}

	#page-title, #page-title0 {
		font-size: 24px;
		font-weight: 300;
		letter-spacing: 0.025em;
		margin-bottom: 30px;
		padding-bottom: 15px;
		position: relative;
		text-transform: uppercase;
	}

	#page-title:after, #page-title0:after {
		background-color: #231f20;
		content: '';
		width: 35px;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	h2 {
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 0.025em;
		margin: 20px 40px;
		position: relative;
		text-transform: uppercase;
		color: #006ECE;
	}

	body.cms .page-content h3 {
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 0.025em;
		margin: 20px 40px 10px;
		position: relative;
		text-transform: uppercase;
		color: #006ECE;
	}

	html {
		min-height: 100%;
	}

	#mobileBtn {
		background-image: url('/images/menu-btn.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: absolute;
		color: #D6DFE2;
		top: 40px;
		left: 75px;
		z-index: 22;
		font-size: 1.2em;
		height: 28px;
		width: 48px;
		cursor: pointer;
		overflow: hidden;
		text-indent: -9999px;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	@media only screen and (max-width: 405px) {
		#mobileBtn {
			width: 35px;
		}
	}

	body {
		background-color: #f0f5fa;
		color: #231f20;
		font-family: 'Open Sans', sans-serif;
		position: relative;
	}

	body.stop-scrolling {
		height: 100%;
		overflow: hidden !important;
	}

	.f-radeos {
		font-family: "bolsterregular";
		font-weight: 400 !important;
		letter-spacing: 0em !important;
		text-transform: uppercase;
	}

	.content-wrapper {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
	}

	#header {
		background-color: #fff;
		/* border-top: 5px solid #bfdbf3; */
		-webkit-box-shadow: 0px 8px 15px 0px rgba(94, 125, 152, 0.23);
		box-shadow: 0px 8px 15px 0px rgba(94, 125, 152, 0.23);
		letter-spacing: 0.025em;
		position: relative;
		padding-left: 30px;
		padding-right: 30px;
		/*overflow: hidden;*/
		z-index: 100;
		height: 100px;
	}

	#header .rounded {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		padding: 15px 10px;
	}

	#header .left-block,
	#header .middle-block,
	#header .right-block {
		display: inline-block;
		vertical-align: middle;
	}

	#header .left-block {
		float: left;
	}

	#header .right-block {
		float: right;
		height: 100%;
		display: block;
	}

	#header #logo {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: 210px;
	}

	#header #nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300;
		height: 100%;
		width: 100%;
		max-width: 32rem;
		background: white url('/images/logo-menu.svg') no-repeat center bottom 10rem;
		background-size: 150%;
		transform: translateX(-100%);
		transition: all .25s ease;
	}
	body.menu-open #header #nav {
		transform: translateX(0);
	}

	#header #nav .menu-head {
		height: 60px;
		position: relative;
		margin-bottom: 10px;
	}

	#header #nav .menu-head .close {
		float: right;
		width: 20px;
		height: 20px;
		background: url('/images/close-menu.svg') no-repeat center center;
		position: absolute;
		background-size: 100% 100%;
		top: 50%;
		right: 20px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#header #nav ul.menu li {
		color: #32302f;
		font-size: 2rem;
		text-transform: uppercase;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		list-style: none;
	}

	#header #nav ul.menu li a {
		display: block;
		padding: 1.5rem 5rem;
	}

	#header #nav ul.menu li.telecharger-application {
		margin: 1.5rem 5rem;
	}

	#header #nav ul.menu li.telecharger-application a {
		color: #2e8fe0;
		font-size: 1rem;
		border: 1px solid #75b0e5;
		padding: 1rem;
		text-align: center;
	}
	#header #nav ul.menu li.telecharger-application a.download-app {
        border: none;
        width: 70%;
        display: block;
        margin-bottom: 10px;
    }
	#header #nav ul.menu li.telecharger-application a.download-app img {
        width: 100%;
    }
	#header #nav > ul.menu > li.active,
	#header #nav > ul.menu > li:hover {
		border-color: #006ece;
		color: #006ece;
	}

	@media only screen and (max-width: 640px) {
		#header #nav {
			background-position: center bottom -10rem;
			max-width: none;
		}
	}

	#header #header-search,
	#header #login-btn,
	#header #profile {
		display: inline-block;
		font-size: 1.2rem;
		vertical-align: middle;
		margin-top: 35px;
	}

	#header #header-search {
		padding: 4px 25px;
		position: relative;
		border-radius: 35px;
		background-color: #006ECC;
		margin-right:25px;
		opacity: 0.5;

	}

	#header #header-search input {
		border: none;
		background-color: transparent;
		outline: none;
		padding-left: 5px;
	}

	#header #header-search input[type=text] {
		line-height: 2;
		color: white;
		padding: 1px 0;
	}

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    white;
		font-weight: bold;
		text-transform: uppercase;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    white;
		opacity:  1;
		font-weight: bold;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    white;
		opacity:  1;
		font-weight: bold;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color:    white;
		font-weight: bold;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
		color:    white;
		font-weight: bold;
	}

	#header #header-search input.submit {
		background-image: url('/images/loupe_new.png');
		background-size: 200% 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat;
		height: 26px;
		display: inline-block;
		overflow: hidden;
		position: absolute;
		left: -34px;
		top: 0;
		bottom: 0;
		margin: auto;
		text-indent: -9999px;
		width: 26px;
		height: 26px;
	}

	#header #login-btn {
		border-radius:35px;
		background-color: #006ECC;
		font-weight: 800;
		margin-left: 30px;
		padding: 0;
		text-transform: uppercase;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		position: relative;
		height: 34px;
		padding: 4px 25px;
	}

	#header #user-logo{
		margin-left: -1px;
		position: absolute;
		width:26px;
		left: -34px;
		top: 3px;
		background-image: url('/images/user.png');
		background-size: 200% 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat;
		height: 26px;
		display: inline-block;
	}


	#header #login-btn a {
		display: block;
		padding: 4px 0;
		color:white;
	}

	#header #login-btn:hover {
		background-color: #77b2e6;
		color: #ffffff;
	}

	#header #profile {
		color: #646464;
		margin-left: 30px;
		padding: 0;
	}

	#header #profile a.user-profile {
		color: #77b2e6;
		font-weight: 800;
		line-height: 50px;
		position: relative;
		padding-right: 30px;
		text-transform: uppercase;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

	#header #profile a.user-profile:hover {
		color: #006ece;
	}

	#header #profile a.user-profile:after {
		/*background-image: url(images-interface/icon-profile.png);*/
		background-image: url(/images/user2017.png);
    	background-repeat: no-repeat;
    	background-size: 100%;
    	content: "";
		display: inline-block;
		/*width: 15px;*/
		/*height: 26px;*/
		width: 25px;
		height: 30px;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	#header #profile .badge1,
	.dashboard-section .badge1 {
	   position:relative;
	}
	#header #profile .badge1[data-badge]:after,
	.dashboard-section .badge1[data-badge]:after {
	   content:attr(data-badge);
	   position:absolute;
	   top:-8px;
	   right:-14px;
	   font-size:.7em;
	   background:rgba(0, 255, 0, 0.6);
	   color:black;
	   width:18px;height:18px;
	   text-align:center;
	   line-height:18px;
	   border-radius:50%;
	   /*box-shadow:0 0 1px #333;*/
	}
	.dashboard-section .badge1[data-badge]:after {
		left: -18px;
    	top: -1px;
	}

	@media only screen and (min-width: 641px) and (max-width: 900px), only screen and (max-width: 640px) {
		#header #profile {
			color: transparent;
			margin-top: 7px;
			width: 30px;
			height: 26px;
			position: relative;
		}

		#header #profile a.user-profile {
			display: block;
			margin: auto;
			width: 13px;
			height: 26px;
			text-indent: -9999px;
			position: absolute;
			padding-right: -10px;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			overflow: hidden;
		}

		#header #profile .badge1 {

		}
		#header #profile .badge1:after {
			right: -30px;
		}
		#header #profile a.user-profile::after {
		    left: 64px;
		}
	}

	@media only screen and (max-width: 640px) {
		#header #profile {
			margin-top: 0;
			margin-left: 0 !important;
		}
	}

	#header .close-header {
		display: none;
		position: absolute;
		left: -35px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 25px;
		height: 25px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #77b2e6;
		color: white;
		text-align: center;
		font-size: 1.2em;
		line-height: 25px;
		font-weight: 700;
		cursor: pointer;
	}

	@media screen and (max-width: 1185px) {
		#header {
			padding-left: 10px;
			padding-right: 10px;
		}
		#header .right-block {
			margin-top: 15px;
			margin: 0;
		}

		#header #header-search,
		#header #login-btn,
		#header #profile {
			display: inline-block;
			width: auto;
			margin-top: 35px;
			height: 26px;
			padding: 0 25px;
			width: auto;
		}

		#header #user-logo {
			top: 0;
		}

		#header #header-search input.submit {
			top: 1px;
		}
	}

	@media screen and (max-width: 930px) {
		body #header .right-block {
			padding: 19px 0;
		}
		body #header #header-search {
			display: block;
			margin: 0;
			margin-bottom: 10px;
		}
		body #header #login-btn {
			display: block;
			margin: 0;
		}

		body #section1 #block-right p {
			font-size: 1.4rem;
		}
	}

	#honcode a {
		display: inline;
		vertical-align: middle;
		max-height: 200px;
	}
	#honcode img {
		max-width: 100px;
	}

	@media only screen and (min-width: 641px) and (max-width: 900px), only screen and (max-width: 640px) {
		#header .right-block {
			position: absolute;
			right: 10px;
			top: 0;
		}

		#header #header-search {
			cursor: pointer;
			margin-left: auto;
			margin-right: 0;
			/* width: 30px; */
			-webkit-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

		#header #header-search input[type='text'] {
			cursor: pointer;
			/* opacity: 0; */
			-webkit-transition: opacity .2s ease 0s;
			-o-transition: opacity .2s ease 0s;
			transition: opacity .2s ease 0s;
		}

		#header #header-search input.submit {
			pointer-events: none;
		}

		#header.search #nav {
			display: none;
		}

		#header.search .close-header {
			display: block;
		}

		#header.search #header-search {
			cursor: inherit;
			height: auto;
		}

		#header.search #header-search input[type='text'] {
			opacity: 1;
			-webkit-transition: opacity .2s ease .2s;
			-o-transition: opacity .2s ease .2s;
			transition: opacity .2s ease .2s;
		}

		#header.search #header-search input.submit {
			pointer-events: all;
			background-color: #fff;
		}
	}

	@media screen and (max-width: 830px) {}

	@media screen and (max-width: 760px) {
		#header #logo {
			width: 150px;
			height: 100px;
			position: relative;
		}

		#header #logo img {
			display: block;
			position: absolute;
			top: 25px;
			left: 0;
			right: 0;
		}
	}

	@media screen and (max-width: 450px) {
		#header #header-search {
			display: none !important;
		}
	}

	@media only screen and (max-width: 405px) {
		#header .right-block #login-btn,
		#header .right-block #profile {
			width: 45px;
		}
	}

	@media only screen and (max-width: 640px) {
		#page {
			padding-left: 6.5%;
			padding-right: 6.5%;
		}
	}

	@media only screen and (max-width: 405px) {
		#page {
			padding-left: 10px;
			padding-right: 10px;
		}
	}

	#main {
		background-color: #fff;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
		margin-top: 3em;
		overflow: hidden;
	}

	#footer {
		font-size: 1.2em;
		margin-top: 4em;
		padding: 0;
	}

	#footer .content-footer {
		background-color: #fff;
		letter-spacing: 0.05em;
		overflow: hidden;
		padding: 35px;
	}

	@media only screen and (max-width: 640px) {
		#footer .content-footer {
			margin-left: 6.5%;
			margin-right: 6.5%;
		}
	}

	@media only screen and (max-width: 405px) {
		#footer .content-footer {
			margin-left: 10px;
			margin-right: 10px;
		}
	}

	#footer .content-footer h3 {
		font-weight: 400;
		font-size: 1em;
		margin-bottom: 20px;
		padding-bottom: 20px;
		position: relative;
		text-transform: uppercase;
	}

	#footer .content-footer h3:after {
		background-color: #231f20;
		content: "";
		left: 0;
		bottom: 0;
		width: 40px;
		height: 1px;
		position: absolute;
	}

	#footer .content-footer #mobile-app {
		width: 400px;
		float: right;
	}

	#footer .content-footer #mobile-app .plateformes {
		float: left;
		margin-right: 50px;
		padding-top: 5px;
		vertical-align: top;
	}

	#footer .content-footer #mobile-app .plateformes div {
		margin-bottom: 15px;
	}

	#footer .content-footer #mobile-app .mobile {
		float: left;
		vertical-align: top;
		margin-top: -25px;
	}

	@media screen and (max-width: 760px) {
		#footer .content-footer #mobile-app {
			width: 360px;
		}

		#footer .content-footer #mobile-app .plateformes {
			margin-right: 30px;
		}
	}

	@media screen and (max-width: 710px) {
		#footer .content-footer #mobile-app {
			width: 300px;
		}

		#footer .content-footer #mobile-app .plateformes {
			margin-right: 20px;
		}
	}

	#footer .content-footer #footer-menu {
		float: left;
	}

	#footer .content-footer #footer-menu > ul.menu {
		list-style-type: none;
		margin: 0;
		padding-left: 0;
	}

	#footer .content-footer #footer-menu > ul.menu li {
		color: #006ece;
		font-weight: 700;
		margin-bottom: 10px;
	}

	#footer .content-footer #honcode {
		float: left;
		margin-left: 14.5%;
	}

	@media screen and (max-width: 900px) {
		#footer .content-footer #honcode {
			margin-left: 10%;
		}
	}

	@media screen and (max-width: 820px) {
		#footer .content-footer #honcode {
			margin-left: 5%;
		}
	}

	#footer .content-footer #socials {
		clear: left;
		padding-top: 40px;
	}

	#footer .content-footer #socials a {
		background-repeat: no-repeat;
		background-size: 100%;
		display: inline-block;
		overflow: hidden;
		margin-right: 10px;
		text-indent: -9999px;
		vertical-align: top;
		width: 21px;
		height: 21px;
	}

	#footer .content-footer #socials a.vd {
		background-image: url(images-interface/viadeo.png);
	}

	#footer .content-footer #socials a.in {
		background-image: url(images-interface/linkedin.png);
	}

	#footer .content-footer #socials a.gplus {
		background-image: url(images-interface/googleplus.png);
	}

	#footer .content-footer #socials a.fb {
		background-image: url(images-interface/facebook.png);
	}

	#footer .content-footer #socials a.twitter {
		background-image: url(images-interface/twitter.png);
	}

	@media only screen and (max-width: 640px) {
		#footer .content-footer #mobile-app {
			float: none;
			margin-bottom: 2em;
			overflow: hidden;
			width: 100%;
		}

		#footer .content-footer #honcode {
			float: right;
		}

		#footer .content-footer #socials {
			display: none;
		}
	}

	@media screen and (max-width: 445px) {
		#footer .content-footer #mobile-app .mobile {
			display: none;
		}

		#footer .content-footer #honcode,
		#footer .content-footer #footer-menu {
			float: none;
			margin-left: 0;
			margin-bottom: 2em;
		}
	}

	#footer #footer-text {
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
	}

	#footer #footer-text .copyright:after {
		content: " |";
	}

	@media only screen and (max-width: 640px) {
		#footer #footer-text {
			margin-left: 6.25%;
			margin-right: 6.25%;
			text-align: left;
		}

		#footer #footer-text .copyright {
			display: block;
			position: relative;
			margin-bottom: 15px;
			padding-bottom: 15px;
		}

		#footer #footer-text .copyright:after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 30px;
			height: 1px;
			background-color: #231f20;
		}
	}

	#footer #footer-text a {
		color: #006ece;
		font-weight: 700;
	}

	#footer.sticky {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}

	body.home:not(.user) {
		font-size: 0.005vw;
	}

	body.menu-open {
		overflow-y: hidden;
	}

	/* Intégration page d'accueil Spin On : David + Romain */

	#section1 {
		position:relative;
		overflow: hidden;
		/* height:69.4rem; */
		/*z-index: -1;*/
	}




	#section1 #block-left {
		background: url('images-interface/radeos_background.jpg');
		width: 62.5%;
		background-size:cover;
		display: inline-block;
		vertical-align: top;
		/* height: 100%; */
		position: relative;
	}

	#section1 #block-left::before {
		display: block;
		content: "";
		width: 100%;
		padding-top: 56%; /* format 16/9 */
	}

	#section1 #block-left .content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}




	#section1 #block-right {
		background-color: #eaf4fc;
		background: url('images-interface/logo_radeos.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 80%;
		/* height: 100%; */
		/* padding: 29.7rem 8rem; */
		/* padding: 12rem 6rem; */
		padding: 0;
		/* width: 37.5%; */
		width: 36.5%;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	#section1 #block-right::before {
		display: block;
		content: "";
		width: 100%;
		padding-top: 93.75%;
	}

	#section1 #block-right .wrapper {
		position: absolute;
		width: 100%;
		padding: 6rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		/* position: absolute; */
		/* top: 0; */
		/* right: 0; */
		/* bottom: 0; */
		/* left: 0; */
	}

	#section1 #block-right h1 {
		font-family: bolsterregular;
		font-size: 2.8rem;
		text-transform: uppercase;
		color: #006ECC;
	}

	#section1 #block-right p{
		font-size:2.8rem;
		font-family: "Open sans", sans-serif;
	}




	#publier-un-cas{
		background-color:#2E8FE0;
		width:400px;
		height:400px;
		transform:rotate(45deg);
		float:right;
		margin-right:21.5rem;
		margin-top:5rem;
		z-index: 10;
		position: relative;
	}

	#cas{
		height:144.1rem;
		margin: 0 auto;
		background-color: white;
		background-image: url('/images/site-v3-background-1.svg');
		background-size: contain;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	#cas .wrapper {
		width:137.1rem;
		margin: auto;
	}

	#cas #publier-un-cas .btn-publier-cas{
		transform: rotate(-45deg);
		margin-top: 6rem;
		margin-left: 7rem;
		width: 8.6rem;
	}

	#cas #publier-un-cas p{
		text-transform: uppercase;
		transform: rotate(-45deg);
		color: white;
		font-size: 7.2rem;
		line-height: 7rem;
		margin-left: 5rem;
		margin-top: 0rem;
		font-family: "Open sans", sans-serif;
		font-weight: 900;
		text-align: center;
		width: 31rem;

		/*background-image: url(images-interface/image_publier_cas.png);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;*/

		color: white;
 		-webkit-text-fill-color: transparent;
 		background: -webkit-linear-gradient(transparent, transparent), url(images-interface/image_publier_cas.png) repeat;
 		background: -o-linear-gradient(transparent, transparent);
 		-webkit-background-clip: text;
	}

	.background-cas{
		width: 588px;
		height: 588px;
		background-color: #2E8FE0;
		opacity: 0.4;
		position: absolute;
		transform: rotate(45deg);
		margin-left: 22rem;
		margin-top: 27rem;
	}

	#content-left p
	{
		font-size: 16rem;
		width: 404px;
		font-weight: 900;
		font-family: "Open sans", sans-serif;
		margin-left: -47px;
		margin-top: 270px;
		margin-bottom: 181px;
		text-transform: uppercase;
		text-align: right;
		line-height: 14rem;
	}

	#content-left .mask-hot-case{
		/*background-image: url(images-interface/hot-case-image.png);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;*/

		color: black;
 		-webkit-text-fill-color: transparent;
 		background: -webkit-linear-gradient(transparent, transparent), url(images-interface/hot-case-image.png) repeat;
 		background: -o-linear-gradient(transparent, transparent);
 		-webkit-background-clip: text;
	}

	#content-left{
		display:inline-block;
	}

	#content-right{
		display:inline-block;
		margin-left:2rem;
		width: 27rem;
		height: 200px;
	}
	#content-right img {
		max-height: 100%;
	}

	#content-right a
	{
		display: block;
		text-decoration: none;
		font-size: 1.2rem;
		text-transform: UPPERCASE;
		border: 1px solid white;
		width: 8.7rem;
		padding: 5px;
		text-align: center;
		color: white;
		margin-bottom: 1.5rem;
	}
	#content-hot-case{
		width:97.4rem;
		position: relative;
		pointer-events: none;
	}

	#quiz
	{
		background-color: #2E8FE0;
		width: 400px;
		height: 400px;
		transform: rotate(45deg);
		float: right;
		margin-right: 14.5rem;
		margin-top: -12rem;
	}

	#quiz .btn-quiz{
		transform: rotate(-45deg);
		margin-top: 6rem;
		margin-left: 7rem;
		width: 8.6rem;
	}

	#quiz .mask-quiz{
		text-transform: uppercase;
		transform: rotate(-45deg);
		color: white;
		font-size: 10.2rem;
		line-height: 7rem;
		margin-left: 4rem;
		margin-top: 2rem;
		font-family: "Open sans", sans-serif;
		font-weight: 900;
		text-align: center;
		width: 33.2rem;
		height: 10.2rem;

		/*background-image: url(images-interface/image_publier_cas.png);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;*/

		color: white;
 		-webkit-text-fill-color: transparent;
 		background: -webkit-linear-gradient(transparent, transparent), url(images-interface/image_publier_cas.png) repeat;
 		background: -o-linear-gradient(transparent, transparent);
 		-webkit-background-clip: text;
	}

    #home-dernier-cas-sponsors {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

	#dernier-cas{
		width: 65rem;
		position: relative;
		margin-left: 9rem;
		margin-top: 0rem;
		z-index: 2;
	}

	#derniers-cas {
		list-style-type: none;
		margin-top: 1.6rem;
		display: inline-block;
		padding-bottom: 3rem;
		border-bottom: 1px solid #006ECC;
        padding-left: 0rem;
	}

	#derniers-cas li .titre-dernier-cas{
		font-size:1.6rem;
		font-weight:bold;
		margin: 0;
		text-align: center;
		color:black;
		margin-top: 1rem;
	}

	#derniers-cas li .p-dernier-cas{
		font-size: 1.6rem;
		font-style: italic;
		color: #006ECC;
		margin: 0;
		text-align: center;
	}

	#dernier-cas ul li{
		width:17.2rem;
		display: inline-block;
		margin-right:5rem;
		vertical-align: top;
	}

	#dernier-cas ul li:last-child{
		margin-right:0;
	}

	#dernier-cas ul li a img {

	}

	#dernier-cas h1{
		font-size: 2.5rem;
		text-transform: uppercase;
		font-weight: 900;
	}

	#dernier-cas h1 span{
		color: #006ECC;;
	}
	#dernier-cas > a {
		display: block;
		font-size: 1.6rem;
		margin-top: 1rem;
		border: 1px solid #006ECC;
		width: 16rem;
		text-transform: uppercase;
		text-align: center;
		padding: 0.5rem;
	}

	#dernier-cas span{
		color:#2E8FE0;
	}

	#fiche-de-cours-back{
		background-color: #75B0E5;
		width: 400px;
		height: 400px;
		transform: rotate(45deg);
		float: right;
		margin-left: 51.5rem;
		margin-top: 19rem;
		position: absolute;
	}

	#cas #fiche-de-cours .mask-fiche-cours{
		text-transform: uppercase;
		transform: rotate(-45deg);
		color: white;
		font-size: 7.2rem;
		line-height: 7rem;
		margin-left: 5rem;
		margin-top: 0rem;
		font-family: "Open sans", sans-serif;
		font-weight: 900;
		text-align: center;
		width: 31rem;

		/*background-image: url(images-interface/image_publier_cas.png);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;*/

		color: black;
 		-webkit-text-fill-color: transparent;
 		background: -webkit-linear-gradient(transparent, transparent), url(images-interface/image_publier_cas.png) repeat;
 		background: -o-linear-gradient(transparent, transparent);
 		-webkit-background-clip: text;
	}

	#fiche-de-cours-back .btn-fiche-de-cours{
		transform: rotate(-45deg);
		margin-top: 22rem;
		margin-left: 25rem;
	}

	#fiche-de-cours-back .mask-fiche-de-cours{
		text-transform: uppercase;
		transform: rotate(-45deg);
		color: white;
		font-size: 7.2rem;
		line-height: 7rem;
		margin-left: -6rem;
		margin-top: 7rem;
		font-family: "Open sans", sans-serif;
		font-weight: 900;
		text-align: right;
		width: 36rem;
		display: inline-block;
		background-position: center;

		/*background-image: url(images-interface/fiche-de-cours-back.png);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;*/

		color: black;
 		-webkit-text-fill-color: transparent;
 		background: -webkit-linear-gradient(transparent, transparent), url(images-interface/fiche-de-cours-back.png) repeat;
 		background: -o-linear-gradient(transparent, transparent);
 		-webkit-background-clip: text;
	}

	#sponsors-liste img {
		padding-right: 10.5rem;
		width: 48rem;
	}

	#sponsors-liste {
		text-align:center;
		padding-bottom: 4rem;
		background-color: white;
	}

	#sponsors-liste a:first-child img {
		transform: scale(.8);
	}

	#sponsors-liste > img, #sponsors-liste > .voir-sponsors {
		vertical-align: middle;
	}

	#sponsors-liste .voir-sponsors{
		width: 38rem;
		display:inline-block;
	}

	#sponsors-liste .voir-sponsors h1 {
		margin-left: 2rem;
		margin-top: 0rem;
		position: absolute;
		text-transform: uppercase;
		font-size: 1.5rem;
	}

	#sponsors-liste .voir-sponsors h1 span,
	#sponsors-liste .voir-sponsors a span {
		color:#006ECC;
	}

	/* #sponsors-liste .voir-sponsors a{
		border: 1px solid #006ECC;
		padding: 0.8rem 1.2rem;
		font-size:1.6rem;
		text-transform: uppercase;
		position: relative;
		top: -3.5rem;
		margin-left: 2rem;
	} */

	#sponsors-liste .voir-sponsors a {
		font-size: 1.5rem;
	}

	#sponsors-liste-v2 {
		width: 100%;
		padding-bottom: 4rem;
		background-color: white;
	}
	#sponsors-liste-v2-container {
		max-width: 1400px;
		margin: 0 auto;
		text-align: center;
	}
	#sponsors-liste-v2-container .sponsors-v2-logo {
		width: 44%;
		display: inline-block;
    	padding: 0 40px;
    	vertical-align: middle;
	}
	#sponsors-liste-v2-container .sponsors-v2-logo:first-child {
		padding: 0 60px;
	}
	#sponsors-liste-v2-container .sponsors-v2-logo img {
		vertical-align: middle;
	}
	#voir-sponsors-v2 {
		width: 24%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
		display: inline-block;
    	padding: 0 20px;
    	vertical-align: middle;
    	position: relative;
	}
	#voir-sponsors-v2 h1 {
		left: 4rem;
    	top: calc(50% - 33%);
		position: absolute;
		text-transform: uppercase;
		font-size: 1.5rem;
	}
	#voir-sponsors-v2 a {
		position: absolute;
	    font-size: 1.5rem;
	    left: 4rem;
    	bottom: calc(50% - 44%);
	}
	#voir-sponsors-v2 h1 span,
	#voir-sponsors-v2 a span {
		color: #006ECC;
	}

	#facebook {
		margin-left: 20.8rem;
		padding-top: 25rem;
		padding-bottom: 5rem;
	}

	#facebook .fb-page {
		min-height: 500px;
	}

	body{
		overflow-x: hidden;
	}
	#facebook
	{
		width:50rem;
	}

	#facebook .bande-bleue {
		position: absolute;
		left: 50%;
		margin-left: -228rem;
		display: none;
	}

	#facebook h1{
		font-family: "Open sans", sans-serif;
		margin-bottom: 3rem;
		position: relative;
		border: 1px solid #2E8FE0;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		padding: 0.5rem;
		font-size: 1.6rem;
	}

	#facebook h1 span{
		color:#006ECC;
	}

	#follow-us{
		text-align: center;
		margin-top: 4rem;
	}

	#follow-us p{
		font-size: 2.7rem;
		position: relative;
		font-weight: 900;
		color: #2E8FE0;
		opacity: 0.5;
		display:inline-block;
	}

	#social .img-follow-us{
		width: 5.6rem;
		margin-bottom: 2rem;
		margin-left: 2.3rem;
	}

	#social .bande-bleue-right{
		position: absolute;
		margin-top: -102rem;
		left: 13%;
		/* z-index: -1; */
		display: none;
	}

	#social{
		padding-bottom: 4rem;
		background-color: white;
		background-image: url('/images/site-v3-background-2.svg');
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}

	#application .background-appli{
		background-color: #2E8FE0;
		width: 534px;
		height: 534px;
		transform: rotate(45deg);
		float: right;
		margin-right: 24.5rem;
		margin-top: -84rem;
		opacity: 0.5;
	}

	#application .mask-appli{
		text-transform: uppercase;
		color: white;
		font-size: 12.2rem;
		line-height: 12rem;
		font-family: "Open sans", sans-serif;
		font-weight: 900;
		text-align: center;
		width: 50.2rem;
		height: 12.2rem;
		right: 14%;
		margin-top: -83rem;
		position: absolute;
		background-size: cover;

		/*background-image: url(images-interface/image_publier_cas.png);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;*/

		color: black;
 		-webkit-text-fill-color: transparent;
 		background: -webkit-linear-gradient(transparent, transparent), url(images-interface/image_publier_cas.png) repeat;
 		background: -o-linear-gradient(transparent, transparent);
 		-webkit-background-clip: text;
	}

	#application .mobile-application
	{
		position: absolute;
		right: 20.5rem;
		width: 61rem;
		margin-top: -66rem;
	}

	#disponible h1{
		position: absolute;
		right: 40rem;
		margin-top: -17rem;
		font-size: 2.5rem;
		text-transform: uppercase;
		font-weight: 900;
	}

	#disponible .disponible-sur a {
		margin-top: -10rem;
		position: absolute;
	}

	#disponible .disponible-sur img {
		height: 4rem;
		width: auto;
		position: relative;
		right: 0;
		left: 0;
		margin-top: 0;
	}

	#disponible .disponible-sur a:nth-child(1) {
		right: 23rem;
	}

	#disponible .disponible-sur a:nth-child(2) {
		right: 41rem;
	}

	#disponible .disponible-sur a:nth-child(3) {
		right: 64rem;
	}

	#disponible .telecharger-application{
		right: 30rem;
		margin-top: -4rem;
		position: absolute;
		border: 1px solid #2E8FE0;
		padding: 1.3rem 1.4rem 1.7rem;
		font-size: 1.6rem;
		letter-spacing: 3px;
		background-color: white;
		font-weight:500;
	}

	#content-footer {
		background-color: white;
		z-index: 1;
		position: relative;
	}

	#content-footer .radeos-footer{
		margin-left: 39.8rem;
		width: 30.1rem;
		margin-top: 5.7rem;
	}

	#footer-menu-gauche ul {
		list-style-type: none;
		margin-top: 2rem;
		margin-left: 20rem;
		padding-bottom: 4rem;

	}

	#footer-menu-gauche ul li{
		padding-top: 2.5rem;
		font-size: 1.6rem;
		text-transform: uppercase;
		color: #2E8FE0;
	}

	#footer-menu-droit ul {
		list-style-type: none;
		margin-top: 2rem;
		margin-left: 10rem;
		padding-bottom: 4rem;
	}

	#footer-menu-droit ul li {
		padding-top: 3.2rem;
		font-size:1.3rem;
		text-transform: uppercase;
		color:#2E8FE0;
	}

	#footer-menu-droit {
		display: inline-block;
		/*margin-left: -38rem;*/
		width: 25%;
	}

	#footer-menu-gauche {
		display:inline-block;
		position: relative;
		z-index: 10;
		width: 25%;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#honcode {
		display: inline-block;
		/*margin-left: 12rem;
		position: absolute;*/
		margin-top: 7rem;
		position: relative;
		width: 25%;
		text-align: center;
	}

	#honcode p {
		display: inline-block;
		font-size: 1.4rem;
		font-style: italic;
		color: #006ECC;
		width: 24.3rem;
	}

	#honcode p  img{
		margin: 0 1rem !important;
	}

	#mention {
		/* height: 5rem; */
		background-color: #006ECC;
		overflow: auto;
		padding: 0 1rem;
	}

	#mention p {
		color: white;
		font-size: 1.2rem;
		text-align: center;
		padding: 1.5rem 0 .6rem;
		margin-top:0;
	}
	@media only screen and (max-width: 1600px){
		#application .background-appli{
			width: 41.4rem;
			height: 41.4rem;
		}

		#application .mask-appli {
			margin-top:-83rem;
			right:13%;
			font-size:10.2rem;
		}

		#application .mobile-application {
			right: 22.5rem;
			width: 46rem;
			margin-top: -71rem;
		}

		#disponible h1 {
			right:34rem;
			margin-top:-32rem;
		}

		#disponible .disponible-sur img {
			right:14rem;
			margin-top:-27rem;
		}

		#disponible .telecharger-application {
			right: 23rem;
			margin-top: -19rem;
		}

		#footer-menu-gauche ul {
			margin-left: 20rem;
		}

		#content-footer .radeos-footer {
			margin-left: 22.8rem;
		}

		#sponsors-liste img {
			/* padding-right: 13.5rem; */
			width: 60rem;
			margin: 0 -3rem;
		}




		#disponible .disponible-sur a {
			margin-top: -22rem;
			position: absolute;
		}

		#disponible .disponible-sur img {
			height: 4rem;
			width: auto;
			position: relative;
			right: 0;
			left: 0;
			margin-top: 0;
		}

		#disponible .disponible-sur a:nth-child(1) {
			right: 20rem;
		}

		#disponible .disponible-sur a:nth-child(2) {
			right: 37rem;
		}

		#disponible .disponible-sur a:nth-child(3) {
			right: 58rem;
		}


	}

	@media only screen and (max-width: 1450px){
		#section1 #block-right p {
			font-size: 2rem;
		}

		/* #section1 {
			height: 72vh;
			} */

			#publier-un-cas {
				margin-right: 34.5rem;
				width: 30rem;
				height: 30rem;
			}

			#cas #publier-un-cas .btn-publier-cas {
				margin-top: 4rem;
				margin-left: 5rem;
			}
			#cas #publier-un-cas p {
				font-size: 5.2rem;
				line-height: 5rem;
				margin-left: 1rem;
			}

			#content-left p {
				font-size: 12rem;
				line-height: 10rem;
			}

			#content-right {
				width:21rem;
				height: 150px;
			}

			.background-cas {
				width:40rem;
				height:40rem;
				margin-left:38rem;
				margin-top:23rem;
			}

			#content-hot-case {
				margin-left: 10rem;
			}
			#quiz {
				width:30rem;
				height:30rem;
				margin-right: 29.5rem;
				margin-top: -19rem;
			}

			#quiz .btn-quiz {
				margin-top: 4rem;
				margin-left: 5rem;
			}

			#quiz .mask-quiz {
				margin-left: 0rem;
				margin-top: 0rem;
				font-size: 8.2rem;
			}

			#derniers-cas {
				margin-left: 10rem;
			}

			#dernier-cas ul li {
				width:10.2rem;
				vertical-align: top;
			}

			#derniers-cas li .titre-dernier-cas, #derniers-cas li .p-dernier-cas {
				font-size: 1.2rem;
			}

			#dernier-cas h1 {
				margin-left: 10rem;
			}

			#dernier-cas > a {
				margin-left: 17.2rem;
			}

			#fiche-de-cours-back {
				width:30rem;
				height:30rem;
				margin-left: 54.5rem;
				margin-top: 4rem;
			}

			#fiche-de-cours-back .btn-fiche-de-cours {
				margin-top: 15rem;
				margin-left: 18rem;
			}

			#fiche-de-cours-back .mask-fiche-de-cours {
				font-size: 5.2rem;
				line-height: 5rem;
				margin-left: -13rem;
				margin-top: 10rem;
			}

			#cas {
				height: 110rem;
				/* padding-bottom: 45em; */
			}
			#sponsors-liste img {
				width: 45rem;
			}

			#sponsors-liste .voir-sponsors {
				width: 28rem;
				margin-top: 0;
			}

			#sponsors-liste .voir-sponsors a {
				top: -2.5rem;
				margin-left: -16rem;
				font-size: 1.2rem;
			}

			.fb-page {
				width:34rem;
			}

			#facebook h1 {
				font-size: 1.2rem;
				width: 34rem;
			}

			#follow-us p {
				font-size:2rem;
			}

			#follow-us {
				margin-left: -10rem;
			}

			#social .img-follow-us {
				width: 3.6rem;
			}

			#social #facebook {
				padding-top: 8rem;
			}

			#social #application {
				margin-top: 0;
			}

			#application .background-appli {
				width: 25rem;
				height: 25rem;
				margin-top: -60rem;
				margin-right: 24rem;
			}

			#application .mask-appli {
				margin-top: -62rem;
				right: 11.5rem;
				font-size: 7.2rem;
			}

			#application .mobile-application {
				right: 21.5rem;
				width: 30rem;
				margin-top: -50rem;
			}

			#disponible h1 {
				right: 28rem;
				margin-top: -27rem;
				font-size: 2rem;
				vertical-align: middle;
			}

			#disponible .disponible-sur a {
				margin-top: -23rem;
				position: absolute;
			}

			#disponible .disponible-sur img {
				height: 3rem;
				width: auto;
				position: relative;
				right: 0;
				left: 0;
				margin-top: 0;
			}

			#disponible .disponible-sur a:nth-child(1) {
				right: 17rem;
			}

			#disponible .disponible-sur a:nth-child(2) {
				right: 30rem;
			}

			#disponible .disponible-sur a:nth-child(3) {
				right: 46rem;
			}

			#disponible .telecharger-application {
				right: 18rem;
				margin-top: -17rem;
				font-size: 1.2rem;
			}

			#footer-menu-gauche ul {
				margin-left: 16rem;
			}

			/*#honcode img {
				max-width: 40%;
				padding-right: 5rem;
				box-sizing: border-box;
				vertical-align: middle;
			}*/

			#honcode a {
				display: inline;
			}

		}

		@media only screen and (max-width: 1279px) {
			#sponsors-liste {
				/* margin-left: 6rem; */
				padding-left: 6rem;
				background-color: white;
				padding-bottom: 3rem;
			}

			#voir-sponsors-v2 {
				display: block;
				margin: 0 auto;
			}

			#footer-menu-gauche ul {
				margin-left: 14rem;
				margin-top: 0;
			}

			#footer-menu-gauche ul li {
				font-size:1.4rem;
			}

			#footer-menu-droit ul li {
				font-size:1.4rem;
			}

			#content-footer .radeos-footer {
				margin-left: 13.8rem;
			}

			#facebook {
				padding-top: 6rem;
				padding-bottom: 0;
			}

			#sponsors-liste .voir-sponsors > h1 {
				margin-left: 6rem;
				margin-top: 0;
				font-size: 1.2rem;
			}

			#sponsors-liste .voir-sponsors a {
				margin-left: 8rem;
				top: -.5rem;
				font-size: 1.2rem;
				display: inline-block;
			}

			#sponsors-liste .voir-sponsors img {
				width: 18rem;
			}



			#application .background-appli {
				width: 22rem;
				height: 22rem;
				margin-top: -60rem;
				margin-right: 15rem;
			}

			#application .mask-appli {
				right: 1rem;
			}

			#application .mobile-application {
				right: 11rem;
				width: 30rem;
				margin-top: -50rem;
			}

			#disponible h1 {
				right: 18rem;
			}

			#disponible .disponible-sur a:nth-child(1) {
				right: 8rem;
			}

			#disponible .disponible-sur a:nth-child(2) {
				right: 20rem;
			}

			#disponible .disponible-sur a:nth-child(3) {
				right: 35rem;
			}
		}

		@media screen and (min-width: 1024px) and (max-width: 1185px) {
			#cas > .wrapper {
				margin-left: 4rem;
			}
		}

		@media screen and (min-width: 1280px) {
			#footer-menu-droit ul {
				/*margin-left: 60rem;*/
			}
		}

		@media screen and (max-width: 1024px) {
			body #section1 #block-left,
			body #section1 #block-right {
				width: 50%;
			}
			body #section1 #block-right::before {
				padding-top: 56.25%;
			}

			#section1 #block-right .wrapper {
				padding: 2rem;
			}

			#sponsors-liste-v2-container .sponsors-v2-logo {
				width: 50%;
			}

			#voir-sponsors-v2 h1,
			#voir-sponsors-v2 a {
				font-size: 1.2rem;
			}

			#social #application {
				margin-top: 14rem;
				margin-bottom: -14rem;
			}

			#fiche-de-cours-back {
				margin-left: 34.3rem;
				margin-top: 6.3rem;
				width: 25rem;
				height: 25rem;
			}

			#content-hot-case {
				margin-left: 7rem;
			}

			#dernier-cas {
				margin-left: 0rem;
			}
			#dernier-cas h1 {
				margin-left: 0rem;
			}
			#dernier-cas ul {
				margin-left: 0rem;
			}
			#dernier-cas ul li {
				width: 9.2rem;
			}
			#dernier-cas > a {
				margin-left: 13.7rem;
			}

			#content-left p {
				margin-top: 169px;
			}

			#content-right {
				width: 17rem;
				margin-top: 18rem;
			}

			#right-block {
				padding: 19px 0;
			}

			#header #login-btn a {
				padding:7px;
			}

			#publier-un-cas {
				margin-right: 59.5rem;
				width: 25rem;
				height: 25rem;
				margin-top: 3rem;
			}

			#cas #publier-un-cas .btn-publier-cas {
				margin-top: 2rem;
				margin-left: 3rem;
				width:7.6rem;
			}

			#cas #publier-un-cas p {
				width:25rem;
				font-size:4.2rem;
			}

			#content-left p {
				font-size: 10rem;
				line-height: 9rem;
				margin-left: -152px;
			}

			.background-cas {
				width: 35rem;
				height: 35rem;
				margin-left: 22rem;
				margin-top: 17rem;
			}

			#quiz {
				width: 25rem;
				height: 25rem;
				margin-right: 59.2rem;
				margin-top: -12.5rem;
			}

			#quiz .btn-quiz {
				width:7.6rem;
			}

			#quiz .mask-quiz {
				font-size:7.2rem;
				margin-left: -1rem;
			}

			#fiche-de-cours-back .btn-fiche-de-cours {
				margin-top: 15rem;
				margin-left: 15rem;
			}

			#sponsors-liste {
				margin-left: -5rem;
				margin-top: 0;
			}

			#sponsors-liste img {
				margin: 0 1rem;
				width: 32rem;
				padding: 0;
			}

			#facebook h1 {
				margin-left:-16rem;
			}

			.fb-page {
				margin-left:-16rem;
			}

			#follow-us {
				margin-left:-43rem;
			}

			#application .background-appli {
				margin-right: 11rem;
				margin-top: -69rem;
			}

			#application .mask-appli {
				margin-top: -72rem;
				right: -3rem;
				font-size: 5.2rem;
			}

			#social .bande-bleue-right {
				margin-top: -87rem;
				left: 15%;
			}

			#application .mobile-application {
				margin-top: -62rem;
				right: 7rem;
			}

			#disponible h1 {
				right: 15.5rem;
				margin-top:-36rem;
				font-size:1.6rem;
			}




			#disponible .disponible-sur a {
				margin-top: -32rem;
				position: absolute;
			}

			#disponible .disponible-sur img {
				height: 2.5rem;
				width: auto;
				position: relative;
				right: 0;
				left: 0;
				margin-top: 0;
			}

			#disponible .disponible-sur a:nth-child(1) {
				right: 6rem;
			}

			#disponible .disponible-sur a:nth-child(2) {
				right: 17rem;
			}

			#disponible .disponible-sur a:nth-child(3) {
				right: 31rem;
			}




			#disponible .telecharger-application {
				right: 10rem;
				margin-top: -27rem;
				font-size: 1rem;
			}

			#content-footer .radeos-footer {
				width:20.1rem;
				margin-left:10.8rem;
			}

			#footer-menu-gauche ul {
				margin-left: 15rem;
			}

			#footer-menu-gauche ul li {
				font-size:1.1rem;
			}

			#footer-menu-droit ul li {
				font-size:1.1rem;
			}

			/*#honcode img {
				max-width: 50%;
			}*/

			#honcode p {
				font-size:1.1rem;
				width:20.3rem;
			}

			#header .right-block {
				margin: 0;
			}

			#header #header-search,
			#header #login-btn,
			#header #profile {
				display: inline-block;
				margin-top: 35px;
				border: none;
				height: 26px;
				line-height: 1;
				padding: 0 12px;
				text-align: center;
			}

			#header #header-search input[type=text] {
				line-height: 2;
				color: white;
				font-weight: bold;
			}

			#header #header-search input.submit {
				top: 0px;
				left: -34px;
				width: 26px;
				height: 26px;
				padding: 0;
				right: auto;
			}
		}

		@media only screen and (max-width: 768px){

			#section1 #block-right h1 {
				font-size: 2.4rem;
			}

			#section1 #block-right .wrapper {
				padding: 4rem !important;
			}

			#sponsors-liste-v2-container .sponsors-v2-logo {
				width: 50%;
			}
			#voir-sponsors-v2 {
				width: 30%;
			}



			#cas {
				height: auto;
			}

			#cas .wrapper {
				width: 100%;
			}

			#cas #publier-un-cas {
				transform: rotate(0);
				margin: 0;
				width: 100%;
				height: auto;
				display: block;
				padding: 3rem 1rem;
				text-align: center;
				float: none;
			}
			#cas #publier-un-cas .btn-publier-cas {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				vertical-align: middle;
				width: 40px;
				height: auto;
				margin-right: 10px;
			}
			#cas #publier-un-cas .mask {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				width: auto;
				vertical-align: middle;
				font-size: 2.4rem;
				color: white;
				line-height: 1;
                -webkit-text-fill-color: black;
			}



			#cas #content-hot-case {
				transform: rotate(0);
				margin: 0;
				width: 100%;
				height: auto;
				display: block;
				padding: 3rem 1rem;
				text-align: center;
				background-color: #abd2f3;
				pointer-events: initial;
			}
			#cas #content-hot-case #content-left {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				vertical-align: middle;
				height: auto;
				width: 100%;
			}
			#cas #content-hot-case #content-left .mask-hot-case {
				margin: 0;
				text-align: center;
				width: 100%;
				color: white;
				font-size: 2.4rem;
				line-height: 1;
			}
			#cas #content-hot-case #content-right {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				width: auto;
				vertical-align: middle;
				font-size: 2.4rem;
				height: auto;
			}
			#cas #content-hot-case #content-right img {
				max-width: 50%;
			}
			#cas #content-hot-case #content-right a {
				padding: .5rem 2rem;
				font-size: 1.4rem;
				color: white;
				border-color: white;
				margin: 2rem auto;
				width: auto;
				display: block;
			}



			#cas #quiz {
				transform: rotate(0);
				margin: 0;
				width: 100%;
				height: auto;
				display: block;
				padding: 3rem 1rem;
				text-align: center;
				float: none;
			}
			#cas #quiz .btn-quiz {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				vertical-align: middle;
				width: 40px;
				height: auto;
				margin-right: 10px;
			}
			#cas #quiz .mask-quiz {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				width: auto;
				vertical-align: middle;
				font-size: 2.4rem;
				color: white;
				height: auto;
				line-height: 1;
			}



			#cas #dernier-cas {
				transform: rotate(0);
				margin: 0;
				width: 100%;
				height: auto;
				display: block;
				padding: 3rem 1rem;
				text-align: center;
				position: relative;
			}
			#cas #dernier-cas h1 {
				margin: 0;
			}
			#cas #dernier-cas #derniers-cas {
				margin: 2rem;
				display: block;
			}
			#cas #dernier-cas #derniers-cas a {
				padding: 0;
			}
			#cas #dernier-cas a {
				padding: .5rem 2rem;
				font-size: 1.4rem;
				margin: 2rem auto;
				width: auto;
				display: inline-block;
			}



			#cas #fiche-de-cours-back {
				transform: rotate(0);
				margin: 0;
				width: 100%;
				height: auto;
				display: block;
				padding: 3rem 1rem;
				text-align: center;
				background-color: #abd2f3;
				position: relative;
				float: none;
			}
			#cas #fiche-de-cours-back .btn-fiche-de-cours {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				vertical-align: middle;
				width: 40px;
				height: auto;
				margin-right: 10px;
			}
			#cas #fiche-de-cours-back .mask-fiche-de-cours {
				transform: rotate(0);
				display: inline-block;
				margin: 0;
				width: auto;
				vertical-align: middle;
				font-size: 2.4rem;
				color: white;
				height: auto;
				line-height: 1;
			}





			/*

			#publier-un-cas {
				margin-right:75.5rem;
			}

			.background-cas {
				width: 30rem;
				height: 30rem;
				margin-left: 11rem;
				margin-top: 20rem;
			}

			#content-left .mask-hot-case {
				font-size: 6rem;
				line-height: 5rem;
				margin-top: 26rem;
				width: 25.4rem;
			}

			#content-right {
				margin-top:21rem;
				margin-left: 2rem;
				width:15rem;
			}

			#content-right a {
				font-size:1rem;
			}

			#quiz {
				margin-right: 72rem;
				margin-top: -4rem;
			}

			#dernier-cas {
				margin-left: -6rem;
				margin-top: 4rem;
			}

			#dernier-cas h1 {
				font-size:2rem;
			}

			#dernier-cas ul li {
				width: 17rem;
				margin-right: 3rem;
			}

			#dernier-cas a {
				font-size: 1rem;
				width:10rem;
			}

			#derniers-cas li .titre-dernier-cas, #derniers-cas li .p-dernier-cas {
				font-size:1rem;
			}

			#fiche-de-cours-back {
				margin-left: 20.5rem;
				margin-top: 15.5rem;
				width: 25rem;
				height: 25rem;
			}

			#fiche-de-cours-back .btn-fiche-de-cours {
				margin-top: 13rem;
				margin-left: 17rem;
				width: 6rem;
			}

			#fiche-de-cours-back .mask-fiche-de-cours {
				font-size: 4.2rem;
				line-height: 4rem;
				margin-left: -14rem;
				margin-top: 10rem;
			} */




			#sponsors-liste {
				margin: 0;
				padding: 3rem 1rem;
			}
			#sponsors-liste img {
				margin: 0;
				width: 70%;
				padding: 0;
			}
			#sponsors-liste .voir-sponsors {
				margin: 0;
				width: 70%;
				padding: 0;
				width: auto;
				text-align: center;
			}
			#sponsors-liste .voir-sponsors h1 {
				margin: 0;
				text-align: center;
				position: relative;
			}
			#sponsors-liste .voir-sponsors a {
				padding: .5rem 2rem;
				font-size: 1.4rem;
				margin: 2rem auto;
				width: auto;
				display: inline-block;
			}
			#sponsors-liste .voir-sponsors img {
				margin-top: -4rem;
			}





			/* #sponsors-liste img {
				padding-right: 5.5rem;
				width: 20rem;
				margin-left: -2rem;
			}

			#sponsors-liste .voir-sponsors {
				width:20rem;

			}

			#sponsors-liste .voir-sponsors h1 {
				margin-left: 4rem;
				margin-top: 1rem;
				font-size:1.4rem;
			}

			#sponsors-liste .voir-sponsors a {
				margin-left: -15rem;
				top: 0.5rem;
				font-size:1rem;
				padding:0.6rem 1.2rem;
			} */

			/* #cas {
				height: 100rem;
			} */

			#facebook h1 {
				font-size: 1rem;
				width: 28rem;
			}

			.fb-page {
				width:28rem;
			}

			#follow-us {
				margin-left: -54rem;
				margin-top:2rem;
			}

			#social .bande-bleue-right {
				margin-top: -79rem;
			}

			#application .background-appli {
				margin-right: 7.5rem;
				margin-top: -66rem;
			}

			#application .mask-appli {
				margin-top: -72rem;
				right: -4.5rem;
				font-size: 4.2rem;
			}

			#application .mobile-application {
				width:34rem;
				margin-top: -62rem;
				right:2.9rem;
			}

			#disponible h1 {
				right: 13rem;
				margin-top: -34rem;
			}




			#disponible .disponible-sur a {
				margin-top: -28rem;
				position: absolute;
			}

			#disponible .disponible-sur img {
				height: 2.5rem;
				width: auto;
				position: relative;
				right: 0;
				left: 0;
				margin-top: 0;
			}

			#disponible .disponible-sur a:nth-child(1) {
				right: 3rem;
			}

			#disponible .disponible-sur a:nth-child(2) {
				right: 14rem;
			}

			#disponible .disponible-sur a:nth-child(3) {
				right: 28rem;
			}

			#disponible .telecharger-application {
				right: 4rem;
				margin-top: -26rem;
				font-size: 1rem;
				padding: 1.1rem 1.2rem 1.5rem;
			}

		}

		@media screen and (max-width: 800px) {
			#social {
				padding: 0;
				overflow: auto;
			}
			#social #facebook {
				margin: 1rem;
				padding: 3rem 1rem;
				width: calc(100% - 2rem);
			}
			#social #facebook h1 {
				padding: .5rem 2rem;
				font-size: 1.4rem;
				margin: 2rem auto;
				width: auto;
				display: block;
				max-width: calc(100% - 2rem);
			}
			#social #facebook .fb-page {
				margin: 2rem auto;
				display: block;
			}
			#social #facebook #follow-us {
				margin: 0;
			}
			#social #application {
				margin: 0;
				padding: 3rem 1rem;
			}
			#social #application .mask-appli {
				position: relative;
				margin: 0;
				width: 100%;
				text-align: center;
				right: 0;
				left: 0;
				height: auto;
				line-height: 1;
			}
			#social #application .background-appli {
				display: none;
			}
			#social #application .mobile-application {
				width: 100%;
				position: relative;
				left: 0;
				right: 0;
				margin: 1rem 0;
			}
			#social #application #disponible h1 {
				position: relative;
				left: 0;
				right: 0;
				text-align: center;
				margin: 1rem 0;
			}

			#disponible .disponible-sur a {
				margin-top: -32rem;
				position: relative;
				width: 33%;
				padding: 0;
				margin: 1rem 0;
				display: inline-block;
				left: 0;
				right: 0;
				text-align: center;
			}

			#disponible .disponible-sur img {
				height: 3.4rem;
				width: auto;
				position: relative;
				right: 0;
				left: 0;
				margin-top: 0;
			}

			#social #application #disponible .disponible-sur .telecharger-application {
				position: relative;
				left: 0;
				right: 0;
				text-align: center;
				margin: 1rem auto;
			}
		}

		@media screen and (max-width: 720px) {
			#header #logo img {
				top: 30px;
			}

			#header #nav > ul.menu > li {
				margin: 0 6px;
			}

			body #section1 #block-left,
			body #section1 #block-right {
				width: 100%;
				display: block;
			}

			body #section1 #block-right {
				background-size: 16rem;
			}

			body #section1 #block-right::before {
				display: none;
			}

			body #section1 #block-right .wrapper {
				padding: 6rem;
				position: relative;
				top: 0;
				left: 0;
				transform: translate(0);
			}

		}

		@media only screen and (max-width: 640px) {
			#dernier-cas ul li {
				width: 10rem;
				margin-right: 3rem;
			}
			#header {
				text-align: center;
				overflow: visible;
			}

			#header #logo {
				float: none;
				margin: auto;
				position: relative;
				padding-top: 20px;
				padding-bottom: 15px;
				top: -5px;
				width: 140px;
				height: inherit;
				left: -6rem;
			}

			#header #logo img {
				position: relative;
				top: 0;
			}

			body #header .right-block {
				padding: 0;
				right: 0;
			}

			body #header .right-block #header-search,
			body #header .right-block #login-btn,
			body #header .right-block #profile {
				border: none;
				-webkit-border-radius: 0;
				border-radius: 0;
				display: inline-block;
				vertical-align: top;
				height: 80px;
				width: 80px;
				text-align: center;
				margin: 0;
			}

			body #header .right-block #header-search {
				margin-right: -3px;
			}

			#header .right-block #header-search input.submit {
				left: 0;
				right: 0;
				background-position: 100% 0%;
				pointer-events: inherit;
			}

			#header .right-block #profile {
				border-left: 1px solid #bfdbf3;
			}

			#header .right-block #login-btn {
				border-left: 1px solid #bfdbf3;
				margin-top: 0;
			}

			#header .right-block #login-btn a {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				text-indent: -9999px;
			}

			#header #user-logo {
				top: 0;
				left: 0;
				background-position: 100% 0%;
				margin: 27px;
				pointer-events: none;
			}


			#header #profile {
				padding: 0;
			}
			#header #profile a.user-profile {
				position: relative;
				padding: 0;
				margin: 15px auto;
				width: 100%;
				height: 100%;
				margin-top: -12px;
				background-color: #006ece;
			}
			#header #profile a.user-profile:hover {
				opacity: .7;
			}
			#header #profile a.user-profile::after {
				background-image: url('images-interface/icon-profile-menu-white.png');
				left: 0;
				width: 15px;
    			height: 26px;
			}
			#header #profile .badge1 {
				top: -68px;
    			right: -6px;
			}


			#header .right-block #login-btn a::after {
				width: 13px;
				height: 26px;
			}

			#header .right-block #login-btn:hover {
				/* background-color: #fff; */
				opacity: .7;
			}

			#header .right-block #header-search:hover {
				opacity: .3;
			}

			#header #header-search input[type="text"] {
				display: none;
			}

			#header.search #logo,
			#header.search #login-btn,
			#header.search #profile {
				visibility: hidden;
				opacity: 0;
			}

			#header.search #header-search,
			#header.search #header-search input[type="text"],
			#header.search #close-header,
			#header.search #login-btn,
			#header.search #profile {
				-webkit-transition: none;
				-o-transition: none;
				transition: none;
			}

			#header.search .right-block {
				width: 100%;
			}

			#header.search #close-search {
				left: 20px;
				height: 48px;
				width: 48px;
				font-size: 24px;
				line-height: 48px;
				z-index: 50;
			}

			#header.search #header-search {
				width: 100%;
			}

			#header.search #header-search input[type="text"] {
				border-left: 1px solid #bfdbf3;
				position: absolute;
				padding-left: 20px;
				padding-right: 20px;
				top: 0;
				bottom: 0;
				left: 90px;
				right: 0;
				width: 75%;
				font-size: 2em;
				-webkit-transition: none;
				-o-transition: none;
				transition: none;
			}

			#header.search #header-search input.submit {
				left: auto;
				right: 20px;
			}

			body #section1 #block-left,
			body #section1 #block-right {
				width: 100%;
			}
		}

		@media screen and (min-width: 641px) {
			#header #profile {
				margin: 0;
				color: black;
			}
			#header #profile a.user-profile {
				text-indent: initial;
				display: inline;
				width: auto;
				height: auto;
				position: relative;
			}
			#header #profile a.user-profile::after {
				right: -30px;
			}
		}

		@media screen and (min-width: 901px) {
			#header #profile a.user-profile::after {
				right: -4px;
			}
		}

		@media screen and (min-width: 641px) and (max-width: 930px) {
			#header #profile {
				transform: translateY(-10px);
			}
		}

		@media screen and (min-width: 931px) {
			#header #profile {
				margin-top: 12px;
			}
		}

		@media screen and (min-width: 1186px) {
			#header #profile {
				transform: translateY(10px);
			}
		}

		@media only screen and (max-width: 530px) {
			#publier-un-cas {
				margin-right:   98.5rem;
				margin-top:     8rem;
			}

			.background-cas {
				display:none;
			}

			#content-left .mask-hot-case {
				margin-top: 15rem;
			}

			#content-right {
				margin-top: 10rem;
			}

			#content-hot-case {
				margin-left: 13rem;
			}

			#quiz {
				margin-right: 98rem;
				margin-top: 4rem;
			}

			#dernier-cas {
				/*margin-left: 1rem;*/
				/*margin-top: 39rem;*/
                margin-bottom: 20px;
			}

			#fiche-de-cours-back {
				margin-left: 14.5rem;
				margin-top: 72.5rem;
			}


			#disponible .disponible-sur img {
				height: 3rem;
			}

			#sponsors-liste-v2-container .sponsors-v2-logo:first-child {
				margin-top: 20px;
			}
			#sponsors-liste-v2-container .sponsors-v2-logo {
				width: 70%;
			}
			#voir-sponsors-v2 {
				width: 40%;
			}



		/* #sponsors-liste {
			margin-top: 765px;
			margin-left: 3rem;
			} */

		/* #sponsors-liste .voir-sponsors a {
			margin-left: -11rem;
			top: 0.5rem;
			font-size: 0.8rem;
			padding: 0.4rem 0.8rem;
			} */

		/* #sponsors-liste .voir-sponsors h1 {
			margin-left: 5rem;
			margin-top: 0rem;
			font-size: 1.2rem;
			} */

			#social #application {
				margin-top: 0rem;
			}

			#facebook {
				margin-left: 27.8rem;
				/* margin-top: 31.8rem; */
				min-height: 500px;
			}

		/* #social #application {
			margin-top: 73rem;
			} */

			#application .background-appli {
				margin-right: 12.5rem;
			}

			#application .mask-appli {
				right:0.5rem;
			}

			#social .bande-bleue-right {
				display:none;
			}

			#application .mobile-application {
				right: 7.9rem;
			}

			#disponible h1 {
				right: 19rem;
			}

			#disponible .disponible-sur img {
				right: 8rem;
			}

			#disponible .telecharger-application {
				right: 10rem;
			}

			#footer-menu-droit {
				margin-left: -46rem;
			}

			#honcode {
				margin-top: 9rem;
				margin-left: 4rem;
			}

			/*#honcode img {
				max-width:70%;
			}*/

			#honcode p {
				font-size:1rem;
				width:16.3rem;
			}

			#footer-menu-gauche ul {
				margin-left: 4rem;
			}
		}

		@media only screen and (max-width: 415px) {

			#sponsors-liste-v2-container .sponsors-v2-logo {
				width: 80%;
			}
			#voir-sponsors-v2 {
				width: 80%;
			}
			#voir-sponsors-v2 img {
				width: 60%;
			}
		/* #section1 #block-right p {
			font-size:1rem;
			} */

			#publier-un-cas {
				margin-right: 104.5rem;
			}

			#content-hot-case {
				margin-left: 8rem;
			}

			#content-right a {
				color: #2E8FE0;
				border: 1px solid #2E8FE0;
			}

			#quiz {
				margin-right:104rem;
			}

			#quiz .mask-quiz {
				font-size:6.2rem;
				margin-left:-1rem;
			}

			#dernier-cas {
				/*margin-left: -4rem;*/
			}

			#fiche-de-cours-back .btn-fiche-de-cours {
				margin-top: 3rem;
				margin-left: 3rem;
			}

			#fiche-de-cours-back .mask-fiche-de-cours {
				font-size: 4.2rem;
				line-height: 4rem;
				margin-left: -6rem;
				text-align: center;
				margin-top: 0;
			}

			#fiche-de-cours-back {
				margin-left: 8rem;
				margin-top: 72.5rem;
			}

		/* #sponsors-liste img {
			width:30rem;
			} */

		/* #sponsors-liste .voir-sponsors a {
			margin-left: -16rem;
			} */

			/* #facebook h1 {
				margin-left: -21rem;
			} */

			/* .fb-page {
				margin-left: -21rem;
			} */

			#follow-us {
				margin-left: -65rem;
			}

			#follow-us p {
				padding-bottom: 0.5rem;
			}

			#application .background-appli {
				margin-right: 8.5rem;
			}

			#application .mask-appli {
				right:-3.5rem;
			}

			#social .bande-bleue-right {
				display:none;
			}

			#application .mobile-application {
				right:3.9rem;
			}

			#disponible h1 {
				right:14rem;
			}

			#disponible .disponible-sur img {
				right:3rem;
			}

			#disponible .telecharger-application {
				right:5rem;
			}

			#content-footer .radeos-footer {
				margin-left: 1.8rem;
			}

			#footer-menu-gauche ul {
				margin-left: 2rem;
			}

			#footer-menu-droit ul {
				margin-left:48rem;
			}

			#honcode {
				margin-left: 1rem;
			}

			#header #logo img {
				margin-left: 2rem;
			}
		}

		@media only screen and (max-width: 375px) {

			#header #logo {
				width: 120px;
				top: 0;
				left: -2rem;
			}
		/* #header #logo img {
			margin-left: 11rem;
			} */

			#cas #publier-un-cas .btn-publier-cas {
				width:5.6rem;
			}

			#publier-un-cas {
				margin-right: 108.5rem;
				width: 20rem;
				height: 20rem;
			}

			#cas #publier-un-cas p {
				font-size: 3.2rem;
				line-height: 3rem;
				margin-left: -2rem;
			}

			#content-left .mask-hot-case {
				font-size: 4rem;
				line-height: 4rem;
				width: 19.4rem;
			}

			#quiz {
				margin-top: 9rem;
				margin-right: 109rem;
				width: 20rem;
				height: 20rem;
			}

			#quiz .btn-quiz {
				margin-top: 3rem;
				margin-left: 4rem;
				width: 5.6rem;
			}

			#quiz .mask-quiz {
				font-size: 5.2rem;
				margin-left: -5rem;
				margin-top: -1rem;
			}

			#dernier-cas {
				/*margin-left: -6rem;*/
			}

			#fiche-de-cours-back {
				margin-left: 8rem;
				margin-top: 72.5rem;
				width: 20rem;
				height: 20rem;
			}

			#fiche-de-cours-back .mask-fiche-de-cours {
				font-size: 3.2rem;
				line-height: 3rem;
				margin-left: -7rem;
			}

		/* #sponsors-liste {
			margin-top: 594px;
			margin-left: 6rem;
			} */

			#facebook h1 {
				margin-left: -23rem;
			}

			.fb-page {
				margin-left: -23rem;
			}

			#follow-us {
				margin-left: -68rem;
			}

			#application .background-appli {
				margin-right: 8.5rem;
				width: 20rem;
				height: 20rem;
			}

			#application .mask-appli {
				font-size:3.2rem;
				right:-6.5rem;
			}

			#application .mobile-application {
				width:24rem;
				right:6.5rem;
			}

			#disponible h1 {
				margin-top:-40rem;
				right:12rem;
			}

			#disponible .disponible-sur img {
				height: 2.2rem;
			}

			#disponible .telecharger-application  {
				margin-top: -33rem;
				font-size: 1rem;
				right: 3rem;
				padding: 1.0rem 1.0rem 1.0rem;
			}

			#honcode {
				margin-left: 9rem;
				position: relative;
				margin-top: -4rem;
			}

			#footer-menu-gauche ul {
				margin-left: 10rem;
			}

			#content-footer .radeos-footer {
				margin-left: 9rem;
			}

			#section1 #block-right p {
				font-size: 1.2rem;
			}
		}




		/* Fin d'intégration page d'accueil David */

		@media screen and (max-width: 640px) {
			body.home {
				background-position: center 85px;
			}

			#section1{
				height: auto;
			}

			#section1 #block-left {
				display: block;
				width: 100%;
				/* height: 20rem; */
			}

			#section1 #block-right {
				display: block;
				height: auto;
				width: 100%;
				/* padding: 2rem; */
				background-size: auto 80%;
			}
		}

		body.home #main {
			background-color: transparent;
			margin-top: 200px;
		}

		body.user {
			background: none;
			background-color: #f0f5fa;
		}

		body.user #main {
			background-color: #ffffff;
			margin-top: 3em;
		}

		@media only screen and (max-width: 640px) {
			body.home #main {
				margin-top: 60px;
			}
		}

		body.home #main #introduction {
			background-color: #fff;
			letter-spacing: 0.05em;
			font-size: 2.4em;
			font-weight: 300;
			line-height: 36px;
			padding: 70px;
			text-align: center;
		}

		body.home #main #introduction p {
			margin: 0;
		}

		@media only screen and (max-width: 640px) {
			body.home #main #introduction {
				padding: 40px;
				font-size: 1.5em;
				line-height: 27px;
				text-align: left;
			}
			#header{
				height: 80px;
			}
			#mobileBtn {
				top: 27px;
				left: 25px;
			}
		}

		body.home #main .row {
			overflow: hidden;
			position: relative;
			width: 100%;
		}

		body.home #main .row .col-2 {
			float: left;
			width: 50%;
			vertical-align: top;
		}

		@media only screen and (max-width: 640px) {
			body.home #main .row .col-2 {
				float: none;
				width: 100%;
			}
		}

		body.home #main .row .col-2 .block {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			padding: 80px;
			position: relative;
		}

		body.home #main .row .col-2 .block .block-title {
			font-size: 3.6em;
			font-weight: 800;
			line-height: 37px;
			text-transform: uppercase;
		}

		body.home #main .row .col-2 .block#nos-quizz,
		body.home #main .row .col-2 .block#publier-cas {
			position: absolute;
			height: 50%;
			width: 50%;
			right: 0;
			float: none;
		}

		@media only screen and (max-width: 640px) {
			body.home #main .row .col-2 .block#nos-quizz,
			body.home #main .row .col-2 .block#publier-cas {
				position: relative;
				width: 100%;
				height: auto;
				padding: 70px 40px;
			}
		}

		body.home #main .row .col-2 .block#cas-moment .block-header {
			margin-bottom: 45px;
			padding-bottom: 75px;
			border-bottom: 1px solid;
		}

		@media only screen and (max-width: 640px) {
			body.home #main .row .col-2 .block#cas-moment .block-header {
				padding-bottom: 40px;
				margin-bottom: 40px;
			}
		}

		body.home #main .row .col-2 .block#cas-moment .block-miniature {
			float: left;
			margin-right: 14px;
			height: 69px;
		}

		body.home #main .row .col-2 .block#cas-moment .block-content {
			font-size: 1.2em;
			font-weight: 600;
			line-height: 18px;
		}

		body.home #main .row .col-2 .block#cas-moment .block-footer {
			margin-top: 4em;
			overflow: hidden;
		}

		body.home #main .row .col-2 .block#cas-moment .btn {
			-webkit-border-radius: 10px;
			border-radius: 10px;
			border: 1px solid #77b2e6;
			color: #77b2e6;
			display: block;
			float: left;
			font-size: 1.2em;
			font-weight: 800;
			padding: 0;
			text-transform: uppercase;
			-webkit-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

		body.home #main .row .col-2 .block#cas-moment .btn.more {
			float: right;
		}

		body.home #main .row .col-2 .block#cas-moment .btn a {
			display: block;
			padding: 15px;
		}

		body.home #main .row .col-2 .block#cas-moment .btn:hover {
			background-color: #77b2e6;
			color: #ffffff;
		}

		@media only screen and (max-width: 405px) {
			body.home #main .row .col-2 .block#cas-moment .btn {
				float: none !important;
				text-align: center;
			}

			body.home #main .row .col-2 .block#cas-moment .btn.more {
				margin-top: 10px;
			}
		}

		body.home #main .row .col-2 .block#nos-quizz {
			top: 0;
		}

		body.home #main .row .col-2 .block#nos-quizz a {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 10;
		}

		body.home #main .row .col-2 .block .arrow.more {
			background-image: url(images-interface/quizz-arrow.png);
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 100%;
			display: block;
			height: 77px;
			width: 162px;
			overflow: hidden;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 75px;
			margin: auto;
			text-indent: -9999px;
		}

		body.home #main .row .col-2 .block .arrow.more.blanc {
			background-image: url(images-interface/quizz-arrow-blanc.png);
		}

		@media only screen and (min-width: 641px) and (max-width: 900px) {
			body.home #main .row .col-2 .block .arrow.more {
				height: 61.6px;
				width: 129.6px;
			}
		}

		@media screen and (max-width: 825px) {
			body.home #main .row .col-2 .block .arrow.more {
				height: 46px;
				width: 97.2px;
			}
		}

		@media only screen and (max-width: 640px) {
			body.home #main .row .col-2 .block .arrow.more {
				height: 61.6px;
				width: 129.6px;
				right: 40px;
				top: 0;
				bottom: 0;
				margin: auto;
				left: auto;
			}
		}

		@media only screen and (max-width: 405px) {
			body.home #main .row .col-2 .block .arrow.more {
				height: 46.2px;
				width: 97.2px;
			}
		}

		body.home #main .row .col-2 .block#nos-quizz .block-title {
			position: relative;
			top: 0;
			-webkit-transition: all .35s ease;
			-o-transition: all .35s ease;
			transition: all .35s ease;
		}

		body.home #main .row .col-2 .block#nos-quizz .block-title:after {
			background-color: #231f20;
			content: "";
			opacity: 0;
			height: 10px;
			width: 0%;
			position: absolute;
			bottom: -20px;
			left: 0%;
			-webkit-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

		body.home #main .row .col-2 .block:hover .arrow.more {
			background-position: center bottom;
		}

		body.home #main .row .col-2 .block#nos-quizz:hover .block-title {
			top: -10px;
		}

		body.home #main .row .col-2 .block#nos-quizz:hover .block-title:after {
			left: 0;
			width: 115px;
			opacity: 1;
		}

		body.home #main .row .col-2 .block#publier-cas {
			bottom: 0;
			color: #fff;
		}

		body.home #main .row .col-2 .block#publier-cas a {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 10;
		}

		body.home #main .row .col-2 .block#publier-cas .block-title {
			position: relative;
			top: 0;
			-webkit-transition: all .35s ease;
			-o-transition: all .35s ease;
			transition: all .35s ease;
		}

		body.home #main .row .col-2 .block#publier-cas .block-title:after {
			background-color: #fff;
			content: "";
			opacity: 0;
			height: 10px;
			width: 0%;
			position: absolute;
			bottom: -20px;
			left: 0%;
			-webkit-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

		body.home #main .row .col-2 .block#publier-cas:hover .block-title {
			top: -10px;
		}

		body.home #main .row .col-2 .block#publier-cas:hover .block-title:after {
			left: 0;
			width: 100%;
			opacity: 1;
		}

		@media screen and (max-width: 975px) {
			body.home #main .row .col-2 .block {
				padding: 60px;
			}
			#content-footer .radeos-footer {
				margin-left: 6.8rem;
			}

			/*#footer-menu-droit ul {
				margin-left: 50rem;
			}*/

			#footer-menu-gauche ul {
				margin-left: 7rem;
			}

			#footer #content-footer {
				padding: 0rem 1rem;
				margin: 0;
			}
			/*#footer #content-footer div:first-child {
				text-align: center;
				margin: 1rem 0;
			}*/
			#footer div:first-child .radeos-footer {
				margin: 0;
			}
			/*#footer #footer-menu-gauche,
			#footer #footer-menu-droit {
				margin: 0;
				width: 50%;
			}*/
			/*#footer #footer-menu-gauche ul,
			#footer #footer-menu-droit ul {
				margin: 0;
				padding: 0;
				text-align: center;
			}*/
			#footer #honcode {
				margin: 0;
				margin-top: 2rem;
				text-align: right;
				padding: 0 4rem;
				/*width: 100%;*/
			}
			/*#footer #honcode img {
				max-width: 18rem;
				padding: 0 2rem;
			}*/
			#footer #honcode p {
				width: 160px;
				text-align: left;
			}

			#mention p {
				font-size: 1rem;
			}

			#mention p span {
				display: inline-block;
			}
		}

		@media only screen and (min-width: 641px) and (max-width: 900px) {
			body.home #main .row .col-2 .block#nos-quizz,
			body.home #main .row .col-2 .block#publier-cas {
				padding: 80px;
			}

			body.home #main .row .col-2 .block#cas-moment .block-footer {
				margin-top: 2em;
			}

			body.home #main .row .col-2 .block#cas-moment .btn {
				display: block;
				float: none !important;
				text-align: center;
			}

			body.home #main .row .col-2 .block#cas-moment .btn.more {
				margin-top: 10px;
			}

			body.home #main .row .col-2 .block#cas-moment .btn a {
				padding: 10px;
			}
		}

		@media screen and (max-width: 892px) {
			body.home #main .row .col-2 .block {
				padding: 50px;
			}

			body.home #main .row .col-2 .block#cas-moment .btn a {
				padding: 10px;
			}
		}

		@media screen and (max-width: 850px) {
			body.home #main .row .col-2 .block {
				padding: 50px 30px;
			}
		}

		@media screen and (max-width: 770px) {
			body.home #main .row .col-2 .block .block-title {
				font-size: 3em;
			}
		}

		@media screen and (max-width: 695px) {
			body.home #main .row .col-2 .block .block-title {
				font-size: 2.5em;
			}

			body.home #main .row .col-2 .block#nos-quizz .block-title {
				width: 120px;
			}

			body.home #main .row .col-2 .block#publier-cas .block-title {
				width: 135px;
			}
		}

		@media only screen and (max-width: 640px) {
			body.home #main .row .col-2 .block {
				padding: 40px;
			}

			body.home #main .row .col-2 .block .block-title {
				font-size: 3.6em;
			}

			body.home #main .row .col-2 .block#nos-quizz .block-title {
				width: 120px;
			}

			body.home #main .row .col-2 .block#publier-cas .block-title {
				width: 155px;
			}
		}

		@media only screen and (max-width: 475px) {
			body.home #main .row .col-2 .block .block-title {
				font-size: 3em;
			}
		}

		@media only screen and (max-width: 430px) {
			body.home #main .row .col-2 .block#cas-moment .block-title {
				font-size: 2.6em;
				line-height: 27.5px;
			}

			body.home #main .row .col-2 .block#cas-moment .block-miniature {
				width: 55px;
			}
		}

		@media only screen and (max-width: 360px) {
			body.home #main .row .col-2 .block#cas-moment .block-title {
				font-size: 2.4em;
				line-height: 25px;
			}

			body.home #main .row .col-2 .block#cas-moment .block-miniature {
				width: 50px;
			}
		}

		@media only screen and (max-width: 340px) {
			body.home #main .row .col-2 .block#cas-moment .block-title {
				font-size: 2em;
				line-height: 22.5px;
			}

			body.home #main .row .col-2 .block#cas-moment .block-miniature {
				width: 45px;
			}
		}

		body.home #main .row .col-2 + .col-2 .block-title {
			width: 155px;
		}

		body.home #main #sponsors {
			padding: 40px 0;
			text-align: center;
		}

		@media only screen and (min-width: 641px) and (max-width: 900px) {
			body.home #main #sponsors .col-2 {
				padding: 0 40px;
			}
		}

		@media only screen and (max-width: 640px) {
			body.home #main #sponsors .col-2 {
				padding: 0 25px;
			}


		}

		.resultats-quizz{
			/*border-left: 5px solid #006ece;*/
			background-color: #fff;
			border-top: 1px solid rgba(35, 31, 32, 0.1);
		}
		.resultats-quizz .resultats-quizz-item{
    		border-bottom: 1px solid rgba(35, 31, 32, 0.1);
			display: block;
			width: 100%;
			padding: 20px;
		}
		.resultats-quizz .resultats-quizz-item.item-true { border-left: 5px solid rgb(136, 203, 42) }
		.resultats-quizz .resultats-quizz-item.item-false { border-left: 5px solid red }
		.resultats-quizz .resultats-quizz-item .resultats-quizz-item-image {
			display: inline-block;
		}
		.resultats-quizz .resultats-quizz-item .resultats-quizz-item-content {
			display: inline-block;
			font-size: 12px;
			vertical-align: top;
			padding-left: 20px;
		}
		.resultats-quizz .resultats-quizz-item a img{
			border: 1px solid rgba(35, 31, 32, 0.1);
		}
		.resultats-quizz .resultats-quizz-item .resultats-quizz-item-content a {
			color: #006ece;
			font-weight: bold;
		}

		body.home #main #actualites {
			border-left: 5px solid #006ece;
			background-color: #fff;
			margin-top: 50px;

		}

		body.user #main #actualites {
			margin-top: 20px;
		}

		body.home #main #actualites .block-actus {
			letter-spacing: 0.05em;
			padding: 0;
			width: 50%;
			max-width: 485px;
			height: 377px;
		}
		body.home #main #actualites .block-actus-full {
			width: 100%;
			max-width: inherit;
		}

		@media only screen and (max-width: 640px) {
			body.home #main #actualites .block-actus {
				padding: 0 25px;
				width:100%;
			}


		}

		body.home #main #sponsors + #actualites .block-actus + .block-actus {
			padding: 20px;
		}

		@media only screen and (max-width: 979px) {

			body.home #main #sponsors + #actualites,
			body.home #main #sponsors + #actualites .block-actus {
				width: 100%;
				max-width: 477px;
				height: auto;
				margin: auto;
			}

			body.home #main #sponsors + #actualites .block-actusbis a {
				display: inline-block;
			}

			body.home #main #sponsors + #actualites .block-actus + .block-actus {
				border-left: none;
				border-top: 1px solid #77b2e6;
				padding: 20px;
				height: auto;
			}
		}

		body.home #main #actualites .block-actusbis {
			letter-spacing: 0.05em;
			padding: 20px;
		}

		body.user #main #actualites .block-actusbis {
			height: auto;
		}

		@media only screen and (min-width: 641px) and (max-width: 900px), only screen and (max-width: 640px) {
			body.home #main #actualites .block-actus {
				padding: 40px;
			}
		}

		body.home #main #actualites .block-actus .header-actus {
			font-size: 1.8em;
			margin-bottom: 20px;
			padding-bottom: 20px;
			position: relative;
		}

		body.home #main #actualites .block-actus .header-actus:after {
			background-color: #231f20;
			content: "";
			height: 1px;
			width: 35px;
			position: absolute;
			left: 0;
			bottom: 0;
		}

		body.home #main #actualites .block-actus .date-actus {
			font-weight: 300;
		}

		body.home #main #actualites .block-actus .title-actus {
			font-weight: 800;
		}

		body.home #main #sponsors + #actualites .block-actus .content-actus {
			position: relative;
			padding-left: 115px;
			height: 70px;
			margin-bottom: 25px;
			overflow: hidden;
		}

		body.home #main #sponsors + #actualites .block-actus .content-actus img {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			margin: auto;
		}

		body.home #main #actualites .block-actus .content-actus {
			font-size: 1.2em;
			overflow: hidden;
		}

		body.home #main #actualites .block-actus .content-actus label {
			color: #006ece !important;
			font-size: 1.2em;
			font-weight: 600;
			text-transform: uppercase;
			clear: both;
			width: 100%;
		}
		.monmessage
		{
			color: #006ece !important;
			font-size: 1.4em;
			font-weight: 600;
			text-transform: uppercase;
			clear: both;
			width: 100%;
			margin-bottom:-15px;
			letter-spacing: 1px;
		}

		body.home #main #actualites .block-actus .content-actus input, body.home #main #actualites .block-actus .content-actus textarea {
			border: 1px solid #646464;
			padding: 6px;
			margin: 4px 0 8px;
			clear: both;
			width: 100%;
		}

		body.home #main #actualites .block-actus .content-actus input.rang {
			border: none;
			padding: 0;
			margin: 4px 0 8px;
			clear: both;
			width: 30px;
		}
		body.home #main #actualites .block-actus .content-actus input.ordreserie,
        body.home #main #actualites .block-actus .content-actus input.ordreressource {
			width: 50px;
			padding-right: 16px;
    		text-align: center;
		}

		body.home #main #actualites .block-actus #lesgroupes h4,
        body.home #main #actualites .block-actus #lesressources h4,
        body.home #main #actualites .block-actus #lesseries h4 {
			border: none;
			padding: 5px 5px;
			color: #ffffff;
			background-color: #006ece;
			margin: 0 0 5px;
		}

		body.home #main #actualites .block-actus #lesgroupes h5,
        body.home #main #actualites .block-actus #ressources h5 {
			border: none;
			padding: 5px 5px;
			color: #ffffff;
			background-color: #77b2e6;
			margin: 0 0 5px;
		}

		body.home #main #actualites .block-actus #lesgroupes #addImgCas:hover {
			color: #ffffff;
		}

		body.home #main #actualites .block-actus #lesgroupes h4 .btnDelGroupe,
		body.home #main #actualites .block-actus #lesgroupes li .btnDelImg,
        body.home #main #actualites .block-actus #lesressources h4 .btnDelRessource,
        body.home #main #actualites .block-actus #lesseries h4 .btnDelSerie {
			color: #ffffff;
			float: right;
			font-size: 1.5em;
			margin: -6px 0 0;
			padding: 0;
		}

		body.home #main #actualites .block-actus #lesgroupes h4 .btnDelGroupe:hover,
        body.home #main #actualites .block-actus #lesgroupes li .btnDelImg:hover {
			color: #000000;
		}

		body.home #main #actualites .block-actus #lesgroupes li .btnDelImg,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelImg,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelMedia,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelCouv {
			color: #000000;
			position: absolute;
			top: 5px;
			right: 5px;
		}
        body.home #main #actualites .block-actus .capsule-picture li .btnDelImg,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelMedia,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelCouv {
            font-size: 1.5em;
            margin-right: 0;
        }

		body.home #main #actualites .block-actus #lesgroupes li .btnDelImg:hover,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelImg:hover,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelMedia:hover,
        body.home #main #actualites .block-actus .capsule-picture li .btnDelCouv:hover {
			color: #ffffff;
		}

		body.home #main #actualites .block-actus #lesgroupes li strong,
        body.home #main #actualites .block-actus .capsule-picture li strong {
			font-weight: 700;
		}

		body.home #main #actualites .block-actus #lesgroupes li,
        body.home #main #actualites .block-actus .capsule-picture li {
			background: #F0F5FA;
			padding: 8px;
			margin: 0 0 5px;
			position: relative;
		}
        body.home #main #actualites .block-actus .capsule-picture li {
			overflow: hidden;
            background: #cde1f5;
            margin-bottom: 0;
            list-style-type: none;
		}
        body.home #main #actualites .block-actus .capsule-picture li a {
            color: black;
        }
        body.home #main #actualites .block-actus .capsule-picture li a:hover {
            color: #006ece;
        }
        body.home #main #actualites .block-actus ul.capsule-picture {
            padding-left: 0;
            margin: 3px 0;
            margin-bottom: 0;
        }

		body.home #main #actualites .block-actus .content-actus input[type="checkbox"] {
			display: block;
			float: right;
			margin-top: 2px;
			width: auto;
		}

		body.home #main #actualites .block-actus .content-actus select {
			margin: 4px 0 8px 2px;
			clear: both;
		}

		body.home #main #actualites .block-actus .content-actus input[type="submit"] {
			background-color: #ffffff;
			border: 1px solid #77b2e6;
			border-radius: 10px;
			color: #77b2e6;
			display: block;
			float: left;
			font-size: 1.2em;
			font-weight: 800;
			margin: 10px 10px 0 0;
			padding: 7px 15px;
			text-transform: uppercase;
			transition: all 0.2s ease 0s;
		}
		body.home #main #actualites .block-actus .content-actus input[type="submit"].deleteBtn {
		    color: chocolate;
    		border: 1px solid chocolate;
    		margin-bottom: 20px;
		}

		#envoyer {
			background-color: #ffffff;
			border: 1px solid #77b2e6;
			border-radius: 10px;
			color: #77b2e6;
			display: block;
			float: left;
			font-size: 1.2em;
			font-weight: 800;
			margin: 10px 10px 0 0;
			padding: 7px 15px;
			text-transform: uppercase;
			transition: all 0.2s ease 0s;
			color: #77b2e6 !important;
			width: 100%;
			text-align: center;
			cursor: pointer;
		}

		#commencer {
			background-color: #ffffff;
			border: 1px solid #77b2e6;
			border-radius: 10px;
			color: #77b2e6;
			font-size: 1.8em;
			font-weight: 800;
			margin: 10px 10px 0 0;
			padding: 7px 15px;
			text-transform: uppercase;
			transition: all 0.2s ease 0s;
		}

		body.home #main #actualites .block-actus .content-actus input[type="submit"]:hover, body.home #main #actualites .block-actus .title-actus .btn:hover, #commencer:hover, #envoyer:hover {
			background-color: #77b2e6;
			color: #ffffff !important;
		}

		body.home #main #actualites .block-actus .title-actus .btn {
			background-color: #ffffff;
			border: 1px solid #77b2e6;
			border-radius: 10px;
			color: #77b2e6;
			display: block;
			float: left;
			font-size: 0.7em !important;
			font-weight: 800;
			margin: 0;
			padding: 7px 15px;
			text-transform: uppercase;
			transition: all 0.2s ease 0s;
			width: 200px;
			float: right;
		}

		.ui-autocomplete {
			max-height: 100px;
			overflow-y: auto;
			/* prevent horizontal scrollbar */
			overflow-x: hidden;
		}

/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 100px;
}

.resultAutoComplete {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

.resultAutoComplete li {
	float: left;
	margin: 5px 5px 0 0;
	padding: 3px 10px;
	border: 1px solid #393d41;
	cursor: pointer;
}

.resultAutoComplete li span {
	float: right;
	display: block;
	width: 12px;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	color: #ffffff;
	background: #393d41;
	margin: 3px;
}

.resultAutoCompleteSeries.resultAutoComplete li {
  display: block;
  max-width: 456px;
  box-sizing: border-box;
  float: none;
  padding: 5px 20px 5px 10px;
  position: relative;
}

.resultAutoCompleteSeries.resultAutoComplete li span {
  margin:0;
  position: absolute;
  right: 5px;
  top: 5px;
}

.resultAutoComplete li:hover {
	color: #ffffff;
	background: #393d41;
}

.resultAutoComplete li:hover span {
	background: #ffffff;
	color: #393d41;
}

.conteneur_system_upload {
	display: none;
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}

.btn-success {
	background-color: #ffffff;
	border: 1px solid #77b2e6;
	border-radius: 10px;
	color: #77b2e6;
}

.btn-success:hover {
	background-color: #77b2e6;
	color: #ffffff;
}

.btn {
	-moz-user-select: none;
	background-image: none;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	/*white-space: nowrap;*/
}

.progress {
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.progress-bar-success {
	background-color: #006ece;
}

.progress-bar {
	background-color: #428bca;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 100%;
	line-height: 20px;
	text-align: center;
	transition: width 0.6s ease 0s;
	width: 0;
}

body.home #main #actualites .block-actus .content-actus p, body.home #main #actualites .block-actus .content-actus div {
	margin: 0 0 10px;
	overflow: hidden;
}

body > #actualites > .content-actus > div
{
	margin: 0;
}

body.home #main #actualites .block-actus .content-actus p img {
	/* float: left; */
	margin: 0 0 10px 0;
}

@media only screen and (max-width: 640px) {
	body.home #main #sponsors + #actualites .block-actus .content-actus {
		height: auto;
		padding-left: 0;
	}

	body.home #main #sponsors + #actualites .block-actus .content-actus p img {
		display: block;
		position: relative;
		float: none;
		margin: 0 0 1em;
	}
}

body.home #main #actualites .block-actus .content-actus a {
	color: #006ece;
	font-weight: 700;
	margin-right: 22px;
}
body.home #main #actualites .block-actus .content-actus .casSeriesImages .ui-spinner a.ui-spinner-button,
body.home #main #actualites .block-actus .content-actus .ressourceItem .ui-spinner a.ui-spinner-button,
body.home #main #actualites .block-actus .content-actus .serieItem .ui-spinner a.ui-spinner-button,
body.home #main #actualites .block-actus .content-actus a.ui-spinner-button {
	margin-right: 0;
}
body.home #main #actualites .block-actus:nth-of-type(even) {
	border-left: 1px solid #77b2e6;
}

@media only screen and (max-width: 640px) {
	body.home #main #actualites .block-actus + .block-actus {
		border-left: none;
		border-top: 1px solid #77b2e6;
	}

	body.home #main #actualites .block-graph {
		padding: 40px 0px !important;
	}

	body.home #main #actualites .block-graph .content-actus div {
		width: 500px;
		margin-left: -50px;
	}
}

@media only screen and (max-width: 400px) {
	body.home #main #actualites .block-graph .content-actus div {
		width: 360px;
		margin-left: -50px;
	}
}

body #dashboard-block {
	padding: 35px;
	padding-bottom: 0;
}

body #dashboard-block .dashboard-title,
body #dashboard-block .dashboard-section {
	display: inline-block;
	vertical-align: top;
}

body #dashboard-block .dashboard-title {
	color: #646464;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0.025em;
	margin-bottom: 30px;
	margin-right: 20px;
	width: 155px;
	position: relative;
	text-transform: uppercase;
}

body #dashboard-block .dashboard-title:after {
	content: '/';
}

body #dashboard-block .dashboard-section {
	margin: 5px 6px 0 24px;
}

body #dashboard-block .dashboard-section:last-child {
	margin-right: 0;
}

body #dashboard-block .dashboard-section h3 {
	color: #646464;
	font-size: 1.2em;
	font-weight: 800;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	text-transform: uppercase;
}

body #dashboard-block .dashboard-section h3:after {
	background-color: #646464;
	content: '';
	width: 35px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}

body #dashboard-block .dashboard-section ul.menu {
	margin: 0;
	list-style-type: none;
}

body #dashboard-block .dashboard-section ul.menu li {
	color: #006ece;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.025em;
	margin-bottom: 5px;
}

@media screen and (max-width: 975px) {
	body #dashboard-block .dashboard-section {
		margin: 5px 50px 0;
	}
}

@media screen and (max-width: 880px) {
	body #dashboard-block .dashboard-section {
		margin: 5px 40px 0;
	}
}

@media screen and (max-width: 830px) {
	body #dashboard-block .dashboard-section {
		margin: 5px 30px 0;
	}

	#honcode a {
		display: block;
	}
	/*#footer #honcode img {
		max-width: 13rem;
	}*/
}

@media screen and (max-width: 775px) {
	body #dashboard-block .dashboard-section {
		margin: 5px 20px 0;
	}
}

@media screen and (max-width: 725px) {
	body #dashboard-block .dashboard-title {
		margin-right: 0;
	}

	body #dashboard-block .dashboard-section {
		margin: 5px 10px 0;
	}
}

@media screen and (max-width: 655px) {
	body #dashboard-block .dashboard-title {
		margin-right: 0;
	}

	body #dashboard-block .dashboard-section {
		margin: 5px 5px 0;
	}
}

@media only screen and (max-width: 640px) {
	body #dashboard-block {
		padding: 0;
	}

	body #dashboard-block .dashboard-title {
		display: none;
	}

	body #dashboard-block .dashboard-section {
		margin: 3em 10px 0;
	}
}

body.not-front.etude-cas #main .page-content #page-title, body.user #main .page-content #page-title,
body.not-front.etude-cas #main .page-content #page-title0, body.user #main .page-content #page-title0 {
	padding-top: 30px;
	margin: 0px 40px;
}
body.not-front.etude-cas #main .page-content #page-title ul.title-alias {
	display: block;
	list-style-type: none;
	margin: 0;
	line-height: 16px;
}
body.not-front.etude-cas #main .page-content #page-title ul.title-alias li {
	font-size: 14px;
	font-style: italic;
	text-transform: lowercase;
	display: inline-block;
	white-space: pre;
}
body.not-front.etude-cas #main .page-content #page-title ul.title-alias li:after {
	content: " \2022";
	font-size: 20px;
	font-style: normal;
	position: relative;
	top: 0.2em;
}
body.not-front.etude-cas #main .page-content #page-title ul.title-alias li:last-child:after {
	content: none;
}
body.not-front.etude-cas #main .page-content #page-title ul.title-alias li:first-letter {
	text-transform: uppercase !important;
}

body.not-front.etude-cas #main .page-content .descriptif {
	font-size: 1.2em;
	padding: 0 40px;
	letter-spacing: 0.05em;
}

body.not-front.etude-cas #main .page-content .descriptif a {
	font-weight: 600;
	text-decoration: underline;
	color: #006ece;
}

body.not-front.etude-cas #main .page-content .descriptif a:hover {
	text-decoration: none;
}

body.not-front.etude-cas #main .page-content ul.descriptif {
	list-style: circle;
	margin: 0 0 0 30px;
}
body.not-front.etude-cas #main .page-content ul.descriptif li {
	margin-bottom: 10px;
}
body.not-front.etude-cas #main .page-content .descriptif strong {
	font-weight: 700;
}

body.not-front.etude-cas #main .page-content ul.sponsors {
	list-style: none;
	clear: left;
}

body.not-front.etude-cas #main .page-content ul.sponsors li {
	float: left;
	width: 140px;
	margin: 0 47px;
	min-height: 120px;
}

body.not-front.etude-cas #main .page-content ul.sponsors li img {
	width: 140px;
	height: auto;
	clear: both;
}

body.not-front.etude-cas #main .page-content ul.sponsors li span {
	font-weight: 700;
	clear: both;
	width: 140px;
	text-align: center;
	display: block;
	padding: 5px 0 15px;
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main .page-content .descriptif {
		font-size: 1.6em;
		line-height: 24px;
	}
}

body.not-front.etude-cas #main .page-content .cours-list {
	padding: 30px 40px;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block h3 {
	font-weight: 700;
	letter-spacing: 0.025em;
	margin-bottom: 5px;
	font-size: 1.2em;
	padding-left: 35px;
	position: relative;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block h3.secondary {
	font-weight: 500;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block h3:before {
	background-color: #231f20;
	content: "";
	height: 1px;
	width: 25px;
	left: 0;
	bottom: 6px;
	position: absolute;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block a.more {
	color: #006ece;
	font-weight: 800;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	line-height: 24px;
	padding-left: 34px;
	position: relative;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block a.more:before {
	background-image: url(images-interface/voir-btn.png);
	background-position: center top;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 24px;
	height: 24px;
}

body.not-front.etude-cas #main .page-content .cours-list .cours-block a.more:hover:before {
	background-position: center bottom;
}

body .paginationControl a {
	color: #006ece;
	font-weight: 700;
	font-size: 1.8em;
	letter-spacing: 0.05em;
	line-height: 24px;
	padding: 3px;
	position: relative;
}

body .paginationControl a:before {
	display: inline-block;
	height: 24px;
}

body .paginationControl a:hover {
	color: #77b2e6;
}

@media only screen and (max-width: 700px) {
	#footer-menu-droit ul {
		margin-left: 50rem;
	}
	#footer #content-footer div:first-child {
		text-align: center;
		margin: 1rem 0;
	}
	#footer #footer-menu-gauche,
	#footer #footer-menu-droit {
		margin: 0;
		width: 50%;
	}
	#footer #footer-menu-gauche ul,
	#footer #footer-menu-droit ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#footer #honcode {
		width: 100%;
		text-align: center;
	}
	/*#footer #honcode img {
	    max-width: 18rem;
	}*/
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main .page-content .cours-list .cours-block {
		margin-right: 0;
		width: 49%;
	}
}

@media screen and (max-width: 450px) {
	body.not-front.etude-cas #main .page-content .cours-list .cours-block {
		width: 100%;
	}

	body.not-front.etude-cas #main .page-content .cours-list .cours-block + .cours-block {
		margin-top: 2em;
	}
}

body.not-front.etude-cas #main .page-content .infos-block {
	border-top: 1px solid rgba(35, 31, 32, 0.1);
	font-size: 0;
	overflow: hidden;
}

body.not-front.etude-cas #main .page-liste-cas .infos-block {
	border: none;
}

body.not-front.etude-cas #main .page-liste-cas .filtre {
	float: left;
	padding: 5px 10px 5px 0;
	width: 130px;
}

body.not-front.etude-cas #main .page-liste-cas .filtreselect {
	float: left;
	padding: 5px 10px 5px 0;
}

body.not-front.etude-cas #main .page-liste-cas .filtrebtn {
	float: left;
	padding: 5px 15px 5px 0;
	width: 200px;
}
body.not-front.etude-cas #main .page-liste-cas .filtrebtn-2 {
	padding-top: 18px;
}

body.not-front.etude-cas #main .page-liste-cas .filtre input[type="text"] {
	clear: left;
	width: 100%;
	border: 1px solid rgba(35, 31, 32, 0.1);
	padding: 0 5px;
	height: 28px;
}

body.not-front.etude-cas #main .page-liste-cas .filtreselect select {
	clear: left;
	width: 170px;
    height: 28px;
    margin-top: 2px;
    background: white;
    border: 1px solid rgba(35, 31, 32, 0.1);
}

body.not-front.etude-cas .ui-autocomplete {
	max-height: 100px;
	max-width: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

body.not-front.etude-cas #main .page-liste-cas .filtrebtn input[type="submit"], body.not-front.etude-cas #main .page-liste-cas .filtrebtn .btn {
	float: left;
	border: 1px solid #77b2e6;
	border-radius: 10px;
	color: #77b2e6;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: 800;
	padding: 7px 15px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	background-color: #ffffff;
	margin: 0 10px 0 0;
}

body.not-front.etude-cas #main .page-liste-cas .filtrebtn input[type="submit"]:hover, body.not-front.etude-cas #main .page-liste-cas .filtrebtn .btn:hover {
	background-color: #77b2e6;
	color: #ffffff;
}

body.not-front.etude-cas #main .page-liste-cas .filtre label {
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	color: #006ece !important;
}

body.not-front.etude-cas #main .page-content .infos {
	border-bottom: 1px solid rgba(35, 31, 32, 0.1);
	display: inline-block;
	font-size: 10px;
	vertical-align: top;
	height: 192px;
	padding: 40px;
}
body.not-front.etude-cas #main .page-content .infos.messagerieCas {
	border-bottom: none;
}

body.not-front.etude-cas #main .page-liste-cas .infos, body.quizz .infos {
	padding: 10px 40px;
	height: auto !important;
	width: 100% !important;
	clear: both;
}

body.not-front.etude-cas #main .page-liste-cas .infosquizz {
	padding: 10px 40px;
	/*height:auto !important;*/
	width: 100% !important;
	clear: both;
	border-bottom: 1px solid rgba(35, 31, 32, 0.1);
}

body.not-front.etude-cas #main .page-liste-cas .infos .list {
	clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie-separate {
	clear: both;
	display: block;
}
body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie {
	position: relative;
    border: 1px solid #DFDFDF;
    margin-bottom: 18px;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}
body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie .block-maladie-left {
	display: inline-block;
    width: 69%;
	padding: 6px 10px;
	box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    text-align: left;
}
body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie .block-maladie-right {
	display: inline-block;
    height: 100%;
    background: #DFDFDF;
    width: 30%;
    /*float: right;*/
    border-top-right-radius: 10px;
    /*border-bottom-right-radius: 10px;*/
    box-sizing: border-box;
    margin: 0 0 10px 0;
    vertical-align: top;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .intro {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 18px;
	padding: 3px 0 5px;
	display: block;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .intro:hover {
	color: #006ece;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .infoComp {
	margin: 10px 0 10px 0;
	font-size: 1.1em;
	font-style: italic;
	color: #333333;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .view-cas {
	color: #77b2e6;
	display: block;
	font-size: 1.1em;
	font-weight: 800;
	padding: 6px 10px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin: 0 auto 5px;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .view-cas:hover {
	background-color: #77b2e6;
	color: #ffffff;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .view-cas:first-child:hover {
    border-top-right-radius: 10px;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .validate {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 18px;
	color: #ffffff;
	background: #000000;
	display: block;
	padding: 2px;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .maladies {
	padding: 3px 0 5px;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .maladies a {
	font-size: 1.1em;
	font-weight: 600;
	color: #006ece;
	line-height: 18px;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .maladies a:hover {
	text-decoration: underline;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie img {
	height: 100px;
	width: auto;
	margin: 0 auto;
}






body.not-front.etude-cas #main .page-liste-cas .infos .block-cas {
	padding: 10px 10px 10px;
	width: 220px;
	/*height:360px;*/
	overflow: hidden;
	/*float: left;*/
	display: block;
	position: relative;
}

@media screen and (max-width: 640px) {
	body.not-front.etude-cas #main .page-liste-cas .infos .list {
		text-align: center;
	}

	body.not-front.etude-cas #main .page-liste-cas .infos .block-cas {
		display: inline-block;
		float: none;
		height: auto;
	}

	/*body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie {
		display: inline-block;
		float: none;
		height: auto;
	}*/
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .img {
	display: block;
	height: 100px;
	width: 100%;
	background: #000000;
	text-align: center;
	margin: 0 0 10px;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .img.no-visuel {
	background: none;
	border: 1px solid rgba(35, 31, 32, 0.1);
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .img.no-visuel img {
	width: 90%;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .intro {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 18px;
	padding: 3px 0 5px;
	display: block;
}
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .validate {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 18px;
	color: #ffffff;
	background: #000000;
	display: block;
	padding: 2px;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .maladies {
	padding: 3px 0 5px;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .maladies a {
	font-size: 1.1em;
	font-weight: 600;
	color: #006ece;
	line-height: 18px;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .maladies a:hover {
	text-decoration: underline;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas img {
	height: 100px;
	width: auto;
	margin: 0 auto;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .view-cas {
	/*position:absolute;
	bottom:10px;
	left:48px;*/
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #77b2e6;
	color: #77b2e6;
	display: block;
	font-size: 1.2em;
	font-weight: 800;
	padding: 15px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin: 0 auto 5px;
	text-align: center;
	/*width:120px;*/
	width: 100%;
}

body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .view-cas:hover {
	background-color: #77b2e6;
	color: #ffffff;
}

@media screen and (max-width: 600px) {
	body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .view-cas {
		position: relative;
		bottom: 0;
		left: 0;
		/*margin: 1em auto 1em;*/
		margin: 5px auto;
	}

	body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .view-cas {
		position: relative;
		bottom: 0;
		left: 0;
		/*margin: 1em auto 1em;*/
		margin: 5px auto;
	}
}

body.maladie a.btn-fiche {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #77b2e6;
	color: #77b2e6;
	display: block;
	font-size: 1.1em;
	font-weight: 800;
	padding: 15px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin: 20px auto;
	text-align: center;
	max-width: 400px;
	width: 90%;
}

body.maladie a.btn-fiche:hover {
	background-color: #77b2e6;
	color: #ffffff;
}

body.not-front.etude-cas #main .page-content .infos h3 {
	font-size: 1.2em;
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
}

body.not-front.etude-cas #main .page-liste-cas .infos h3, body.not-front.etude-cas #main .page-liste-cas .form_cas {
	float: left;
}

body.not-front.etude-cas #main .page-liste-cas .infos h3 {
	padding: 5px 15px 15px 0;
}

body.not-front.etude-cas #main .page-content .infos h3:after {
	background-color: #231f20;
	content: "";
	left: 0;
	bottom: 0;
	width: 40px;
	height: 1px;
	position: absolute;
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main .page-content .infos {
		border-bottom: none;
		height: inherit;
		width: 100%;
	}

	body.not-front.etude-cas #main .page-content .infos#presentation-clinique {
		border-bottom: 1px solid rgba(35, 31, 32, 0.1);
	}

	body.not-front.etude-cas #main .page-content .infos#date-contributeur,
	body.not-front.etude-cas #main .page-content .infos#categories {
		float: left;
		width: 50%;
	}
}

@media only screen and (max-width: 540px) {
	body.not-front.etude-cas #main .page-content .infos#date-contributeur,
	body.not-front.etude-cas #main .page-content .infos#categories {
		float: none;
		width: 100%;
	}

	body.not-front.etude-cas #main .page-content .infos#date-contributeur {
		border-right: none;
		border-bottom: 1px solid rgba(35, 31, 32, 0.1);
	}
}

body.not-front.etude-cas #main .page-content #presentation-clinique {
	border-right: 1px solid rgba(35, 31, 32, 0.1);
	width: 100%;
	max-width: 480px;
	padding-right: 20px;
}

body.not-front.etude-cas #main .page-content #presentation-clinique h4,
body.not-front.etude-cas #main .page-content #presentation-clinique p {
	margin: 0;
}

body.not-front.etude-cas #main .page-content #presentation-clinique h4 {
	font-weight: 700;
	letter-spacing: 0.025em;
	font-size: 1.2em;
}

body.not-front.etude-cas #main .page-content #presentation-clinique .block-content {
	letter-spacing: 0.05em;
	font-size: 1.2em;
}

body.not-front.etude-cas #main .page-content #date-contributeur {
	border-right: 1px solid rgba(35, 31, 32, 0.1);
}

body.not-front.etude-cas #main .page-content #date-contributeur .block-content {
	font-size: 1.2em;
	letter-spacing: 0.025em;
}

body.not-front.etude-cas #main .page-content #date-contributeur .date,
body.not-front.etude-cas #main .page-content #date-contributeur .author {
	font-weight: 700;
}

body.not-front.etude-cas #main .page-content #date-contributeur .note-container .note,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .note,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .note {
	background-image: url(images-interface/note.png);
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 18px;
}

body.not-front.etude-cas #main .page-content #date-contributeur .note-container .note.note-empty,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .note.note-empty,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .note.note-empty {
	background-position: center top;
}

body.not-front.etude-cas #main .page-content #date-contributeur .note-container .note.note-full,
body.not-front.etude-cas #main .page-content #date-contributeur .note-container .note:hover,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .note.note-full,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-cas .note:hover,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .note.note-full,
body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .note:hover {
	background-position: center bottom;
}

.note-result .note:hover ~ .note {
    background-position: center top !important;
}
.note-result:hover .note {
	background-position: center bottom !important;
}

/* css note maladie */

.note-container .note {
	background-image: url(images-interface/note.png);
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 18px;
}

.note-container .note.note-empty {
	background-position: center top;
}

.note-container .note-full,
.note-container .note:hover,
.note-container .note.note-full,
.note-container .note:hover {
	background-position: center bottom;
}

#main > div > div.note-container.noter,
#main > div > div.note-container.noter_maladie {
	display:inline-block;
	margin-bottom:  10px;
	margin-left:    40px;
}

/* css note maladie */

body.not-front.etude-cas #main .page-content #date-contributeur .author {
	color: #006ece;
}

body.not-front.etude-cas #main .page-content #categories {
	width: 250px;
}

body.not-front.etude-cas #main .page-content #categories .block-content {
	font-size: 1.2em;
	letter-spacing: 0.025em;
}

body.not-front.etude-cas #main .page-content #categories .block-content a {
	color: #006ece;
	font-weight: 700;
}

@media screen and (max-width: 975px) {
	body.not-front.etude-cas #main .page-content .infos {
		padding: 40px 30px;
	}

	body.not-front.etude-cas #main .page-content .infos#categories {
		width: 225px;
	}
}

@media screen and (max-width: 955px) {
	body.not-front.etude-cas #main .page-content .infos {
		padding: 40px 20px;
	}
}

@media screen and (max-width: 685px) {
	body.not-front.etude-cas #main .page-content .infos {
		padding: 40px 30px;
	}

	body.not-front.etude-cas #main .page-content .infos#presentation-clinique {
		border-right: none;
		max-width: 100%;
	}
}

body.not-front.etude-cas #main #slider-wrapper {
	position: relative;
}

body.not-front.etude-cas #main #slider-wrapper #zoom-slider {
	background-image: url(images-interface/zoom.png);
	background-position: center top;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
	width: 26px;
	height: 26px;
	z-index: 20;
}

body.not-front.etude-cas #main #slider-wrapper .buttonsZoom {
	cursor: pointer;
	position: fixed;
	top: 25px;
	left: 25px;
	z-index: 999;
	display: none;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen .buttonsZoom {
	display: block;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen .buttonsZoom button {
	float: left;
	background: transparent;
	border: 1px solid #77b2e6;
	border-radius: 10px;
	color: #77b2e6;
	display: block;
	font-size: 1.2em;
	font-weight: 800;
	margin: 0 0 0 5px;
	padding: 5px 10px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	width: 30px !important;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen .buttonsZoom button:hover {
	background: #77b2e6;
	color: #ffffff;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen .buttonsZoom .zoom-range {
	float: left;
	background: transparent;
	margin: 8px 0 0 5px;
	cursor: pointer;
}

body.not-front.etude-cas #main #slider-wrapper #sliders-block {
	background-color: #000;
	position: relative;
}

body.not-front.etude-cas #main #slider-wrapper #position-slider {
	background-color: rgba(41, 49, 51, 0.7);
	color: #ffffff;
	font-size: 1.4em;
	padding: 1em;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 56;
}

body.not-front.etude-cas #main #slider-wrapper #position-slider .pos-groupe .last {
	display: none;
}

@media only screen and (max-width: 765px) {
	body.not-front.etude-cas #main #slider-wrapper #position-slider {
		bottom: auto;
		top: 0;
		left: 0;
		margin: auto;
	}
}

body.not-front.etude-cas #main #slider-wrapper #show-carousel {
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	margin: auto;
	width: 180px;
	left: 0;
	right: 0;
	top: -30px;
	opacity: 1;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 60;
}

body.not-front.etude-cas #main #slider-wrapper #show-carousel:after {
	background-image: url(images-interface/arrow-down-nav.png);
	background-position: center;
	background-repeat: no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

body.not-front.etude-cas #main #slider-wrapper #hide-carousel {
	background-image: url(images-interface/hide-carousel.png);
	background-repeat: no-repeat;
	background-position: center right;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 50px;
	position: absolute;
	padding-right: 25px;
	right: 70px;
	opacity: 0;
	top: 0;
	text-align: right;
	text-transform: uppercase;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 62;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #fullscreen-cache {
	background-color: #000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 40;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #zoom-slider {
	background-position: center bottom;
	-webkit-border-radius: 9999px;
	border-radius: 9999px;
	position: fixed;
	top: 25px;
	right: 25px;
	z-index: 55;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel {
	position: fixed;
	padding-left: 70px;
	padding-right: 70px;
	bottom: -75px;
	left: -9999px;
	right: -9999px;
	width: 440px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 55;
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel {
		bottom: -60px;
	}

	body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel .flex-direction-nav a {
		opacity: 0 !important;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel #show-carousel {
	display: block;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel #hide-carousel {
	display: block;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel ul.slides li {
	position: relative;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel ul.slides li:before {
	background-color: #006ece;
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 60;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel .flex-direction-nav a {
	background-color: transparent !important;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel .flex-direction-nav a.flex-prev {
	left: 0;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel .flex-direction-nav a.flex-next {
	right: 0;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 50;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 150px;
	left: 0;
	bottom: 0;
	z-index: 55;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block .slider {
	background-color: transparent;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block .slider,
body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block .slider ul.slides,
body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block .slider ul.slides > li {
	height: 100%;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block ul.slides > li img {
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

@media only screen and (orientation: landscape) and (max-height: 400px) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block #position-slider,
	body.not-front.etude-cas #main #slider-wrapper.fullscreen .buttonsZoom,
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #text-slider,
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #carousel {
		display: none;
	}

	body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block:before {
		background-color: #000;
		box-sizing: border-box;
		color: #fff;
		content: "Ce format ne permet pas l'utilisation de cette fonctionnalité.";
		display: block;
		font-size: 2em;
		padding: 15% 5%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

}

@media only screen and (orientation: portrait) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block ul.slides > li img {
		/*width: 100%;*/
		height: auto;
	}
}

@media screen and (max-aspect-ratio: 21/9) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block ul.slides > li img {
		/*width: 100%;*/
		height: auto;
	}
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen #sliders-block ul.slides > li img {
		max-height: inherit;
	}
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen #text-slider {
	background-color: rgba(41, 49, 51, 0.7);
	color: #ffffff;
	font-size: 1.35em;
	padding: 15px;
	position: fixed;
	bottom: -150px;
	right: 20px;
	width: 300px;
	opacity: 0;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
	-webkit-transform: translateY(150%);
	-ms-transform: translateY(150%);
	-o-transform: translateY(150%);
	transform: translateY(150%);
	z-index: 51;
}

@media only screen and (max-width: 765px) {
	body.not-front.etude-cas #main #slider-wrapper .buttonsZoom {
		top: 50px;
		left: 0;
	}

	body.not-front.etude-cas #main #slider-wrapper.fullscreen #text-slider {
		left: 10px;
		right: 10px;
		top: 85px;
		bottom: inherit !important;
		-webkit-transform: translateY(-150%);
		-ms-transform: translateY(-150%);
		-o-transform: translateY(-150%);
		transform: translateY(-150%);
	}
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #carousel {
	padding-top: 0;
	bottom: 0;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #carousel #show-carousel:after {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #carousel #hide-carousel {
	opacity: 1;
	top: -30px;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #carousel ul.slides {
	background-color: #000;
	position: relative;
	z-index: 65;
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #carousel ul.flex-direction-nav a {
	z-index: 65;
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #carousel .flex-direction-nav a {
		opacity: 1 !important;
		margin: -25px 0 0;
		top: 50%;
	}
}

body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #text-slider {
	bottom: 20px;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .45s ease;
	-o-transition: all .45s ease;
	transition: all .45s ease;
}

@media only screen and (max-width: 1100px) {
	body.not-front.etude-cas #main #slider-wrapper.fullscreen.navigation #text-slider {
		bottom: 120px;
	}
}

body.not-front.etude-cas #main .flexslider {
	border: none;
	background-color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}

body.not-front.etude-cas #main .flexslider .flex-direction-nav a {
	cursor: pointer;
	display: block;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	text-align: left;
}

body.not-front.etude-cas #main .flexslider .flex-direction-nav a:before,
body.not-front.etude-cas #main .flexslider .flex-direction-nav a:after {
	display: none;
}

body.not-front.etude-cas #main .flexslider .flex-direction-nav a.flex-prev {
	left: 0;
	opacity: 1;
	background-image: url(images-interface/slider-nav-prev.png);
}

body.not-front.etude-cas #main .flexslider .flex-direction-nav a.flex-next {
	right: 0;
	opacity: 1;
	background-image: url(images-interface/slider-nav-next.png);
}

body.not-front.etude-cas #main .flexslider.slider {
	display: none;
	opacity: 0;
	-webkit-transition: all 0.65s ease-in-out;
	-o-transition: all 0.65s ease-in-out;
	transition: all 0.65s ease-in-out;
}

body.not-front.etude-cas #main .flexslider.slider.active {
	display: block;
}

body.not-front.etude-cas #main .flexslider.slider.show {
	opacity: 1;
}

body.not-front.etude-cas #main .flexslider.slider .flex-direction-nav a.flex-disabled {
	opacity: 1 !important;
	filter: alpha(opacity=1);
}

body.not-front.etude-cas #main .flexslider.slider .flex-direction-nav a.flex-prev {
	left: 40px;
}

body.not-front.etude-cas #main .flexslider.slider .flex-direction-nav a.flex-next {
	right: 40px;
}

@media only screen and (max-width: 640px) {
	#sliders-block .flexslider .slides img {
		height: auto !important;
		max-height: 360px !important;
		/*    top: inherit !important;*/
		bottom: 0% !important;
	}

	body.not-front.etude-cas #main .flexslider.slider .flex-direction-nav a.flex-prev {
		left: 20px;
	}

	body.not-front.etude-cas #main .flexslider.slider .flex-direction-nav a.flex-next {
		right: 20px;
	}
}

body.not-front.etude-cas #main #carousel {
	background-color: transparent;
	font-size: 0;
	margin: auto;
	width: 80%;
	text-align: center;
}

body.not-front.etude-cas #main #carousel ul.slides {
	background-color: #000;
}

body.not-front.etude-cas #main #carousel ul.slides li {
	background-color: #000;
	display: inline-block;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	height: 80px;
	width: 100px;
	position: relative;
	overflow: hidden;
}

body.not-front.etude-cas #main #carousel ul.slides li .description {
	font-size: 12px;
	width: 300%;
}

body.not-front.etude-cas #main #carousel ul.slides li img {
	position: relative;
	height: 100%;
	margin: auto;
	width: auto;
	max-width: inherit;
}

body.not-front.etude-cas #main #carousel ul.slides li.active {
	opacity: 1;
}

body.not-front.etude-cas #main #carousel .flex-direction-nav a {
	background-color: #fff;
	-webkit-border-radius: 9999px;
	border-radius: 9999px;
	width: 48px;
	height: 48px;
	overflow: hidden;
	background-position: center;
	background-size: 50px;
}

body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-disabled {
	opacity: 1 !important;
	filter: alpha(opacity=1);
}

body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-prev {
	left: -70px;
}

body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-next {
	right: -70px;
}

@media only screen and (max-width: 640px) {
	body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-prev {
		left: -25px;
	}

	body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-next {
		right: -25px;
	}
}

@media screen and (max-width: 490px) {
	body.not-front.etude-cas #main #carousel .flex-direction-nav a {
		top: auto;
		bottom: 0;
		margin: 0 0 -25px;
	}

	body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-prev {
		left: 85px;
	}

	body.not-front.etude-cas #main #carousel .flex-direction-nav a.flex-next {
		right: 85px;
	}

	body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie {

	}
	body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie .block-maladie-left {
		width: 100%;
	}
	body.not-front.etude-cas #main .page-liste-cas .infos .block-maladie .block-maladie-right {
		width: 100%;
		border-top-right-radius: 0;
	}
	body.not-front.etude-cas #main .page-liste-cas .infos .list .block-maladie .view-cas:first-child:hover {
		border-top-right-radius: 0;
	}
}


@media only screen and (max-width: 405px) {
	body.not-front.etude-cas #main #carousel {
		width: 300px;
	}

	body.not-front.etude-cas #main #carousel ul.slides li {
		width: 100px;
	}
}

body.not-front.etude-cas #main #text-slider {
	font-size: 1.2em;
	margin: auto;
	max-width: 550px;
	padding: 35px;
	width: 100%;
}

@media screen and (min-width: 1960px) {
	#footer-menu-gauche {
		margin-left: 14rem;
	}
}

@media screen and (min-width: 2200px) {
	#application .background-appli {
		margin-right: 50rem;
	}

	#application .mask-appli {
		right: 51.5rem;
	}

	#application .mobile-application {
		right: 46rem;
	}

	#disponible h1 {
		right: 66rem;
	}

	#disponible .disponible-sur a:nth-child(1) {
		right: 46rem;
	}

	#disponible .disponible-sur a:nth-child(2) {
		right: 68rem;
	}

	#disponible .disponible-sur a:nth-child(3) {
		right: 94rem;
	}

	#facebook {
	    margin-left: 45rem;
	}

	#footer-menu-gauche {
		margin-left: 28rem;
	}
}

/* @media screen and (min-width: 1600px) and (max-width: 2200px) {
	#application .background-appli {
		margin-right: 50rem;
	}

	#application .mask-appli {
		right: 51.5rem;
	}

	#application .mobile-application {
		right: 46rem;
	}

	#disponible h1 {
		right: 66rem;
	}

	#disponible .disponible-sur a:nth-child(1) {
		right: 46rem;
	}

	#disponible .disponible-sur a:nth-child(2) {
		right: 68rem;
	}

	#disponible .disponible-sur a:nth-child(3) {
		right: 94rem;
	}

	#facebook {
	    margin-left: 45rem;
	}
} */

body.not-front.etude-cas #main #text-slider ul.slides li {
	color: #231f20;
	display: none;
	opacity: 0;
	letter-spacing: 0.05em;
	line-height: 18px;
}

body.not-front.etude-cas #main .fullscreen ul.slides li {
	color: #ffffff !important;
}

body.not-front.etude-cas #main #text-slider ul.slides li p {
	margin: 0;
}

body.not-front.etude-cas #main #text-slider ul.slides li.active {
	display: block;
}

body.not-front.etude-cas #main #text-slider ul.slides li.show {
	opacity: 1;
}

body #main #slider-wrapper:not(.fullscreen) .slides li img {
	transform: none !important;
}

.toolbar {
	position: fixed;
	bottom: 0px;
	background: #ffffff;
	border-top: 4px solid #BFDBF3;
	height: 50px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.toolbar .btn {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	bottom: 10px;
	background-size: 100%;
	text-indent: -9999px;
}

#toolbar_home {
	background-image: url(images-interface/thome.png);
	left: 12px;
}

#toolbar_next {
	background-image: url(images-interface/tnext.png);
	right: 12px;
}

#toolbar_preview {
	background-image: url(images-interface/tprevious.png);
	right: 74px;
}

#toolbar_home:hover {
	background-image: url(images-interface/thome-h.png);
}

#toolbar_next:hover {
	background-image: url(images-interface/tnext-h.png);
}

#toolbar_preview:hover {
	background-image: url(images-interface/tprevious-h.png);
}

@media only screen and (max-width: 900px) {
	.toolbar {
		height: 75px;
	}
}

@media only screen and (max-width: 405px) {
	.toolbar {
		height: 50px;
	}

	.toolbar .btn {
		width: 33px;
		height: 33px;
		bottom: 7px;
	}

	#toolbar_preview {
		right: 57px;
	}
}

.content-actus.center {
	text-align: center;
	padding-top: 30px;
}

.social-connect {
	display: inline-block;
	margin: 0 auto;
	padding: 8px;
	width: calc(100% - 16px);
	max-width: 280px;
}

.social-connect > button {
	color: white;
	background-repeat: no-repeat;
	padding: 10px 20px 10px 50px;
	min-height: 25px;
	line-height: 25px;
	border-radius: 3px;
	background-position: 8px center;
	font-family: "Open sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	width: 100%;
}

.facebook-connect > button {
	background-color: #3b5998;
	border: 1px solid #2f4678;
	background-image: url(images-interface/facebook-icon.svg);
	background-size: 29px 29px;
}

.facebook-connect > button:hover {
	background-color: #2f4678;
}

.google-connect > button {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	background-image: url(images-interface/google-icon.svg);
	background-size: 36px 29px;
    color: #1a1a1a;
}

.google-connect > button:hover {
	background-color: rgba(0,0,0,0.1);
}

.separator {
	position: relative;
	padding: 30px 0;
	margin: auto !important;
	width: calc(100% - 40px);
	max-width: 800px;
}

.separator::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	margin: auto;
	background-color: #c0c0c0;
}

.separator > span {
	background-color: white;
	padding: 5px;
	position: relative;
	z-index: 5;
	color: #c0c0c0;
	font-size: 16px;
}

.page-content table{
	border: 1px solid #cecece;
	margin: 0 40px 10px;
}
.page-content table th{
	background-color: #cecece;
	padding: 5px;
}
.page-content table td{
	border: 1px solid #cecece;
	padding: 5px;
}

.page-content table#datas-stats-capsule {
	border: none;
	margin: 10px auto;
}
.page-content table#datas-stats-capsule th{
	background-color: rgba(124, 181, 236, 1);
    color: white;
	padding: 5px 20px 5px 5px;
}
.page-content table#datas-stats-capsule td{
	border: none;
	padding: 5px;
}
.dataTables_wrapper {
    display: block;
}
.dataTables_length {
    margin-bottom: 10px;
}
.dataTables_filter {
    margin-bottom: 10px;
}

/* --- Popup page admin utilisateur --- */

#login-btn{
	border:1px solid #77b2e6;border-radius:5px;
	text-transform: uppercase;padding: 8px;
	box-shadow: none;
	background-color:white;color:#77b2e6;
	font-weight: bold;
	transition:all 0.2s ease 0s;
	font-size:0.8em;

}

#login-btn:hover{
	background-color: #77b2e6;
	color:#ffffff !important;
	transition: all 0.2s ease 0s;
}


.page-content h2 input::-webkit-input-placeholder {
	font-size:0.7em;
	padding: 5px;

}
.page-content h2 input::-moz-placeholder { /* Firefox 19+ */
	font-size:0.7em;
	padding: 5px;

}
.page-content h2 input:-ms-input-placeholder { /* IE 10+ */
	font-size:0.7em;
	padding: 5px;
}
.page-content h2 input:-moz-placeholder { /* Firefox 18- */
	font-size:0.7em;
	padding: 5px;

}

.page-content .container-depot-capsule input::-webkit-input-placeholder {
	font-size:0.85em;
	padding: 0;
    color: gray;
    text-transform: none;
    font-weight: normal;
    font-style: italic;
}
.page-content .container-depot-capsule input::-moz-placeholder { /* Firefox 19+ */
	font-size:0.85em;
	padding: 0;
    color: gray;
    text-transform: none;
    font-weight: normal;
    font-style: italic;
}
.page-content .container-depot-capsule input:-ms-input-placeholder { /* IE 10+ */
	font-size:0.85em;
	padding: 0;
    color: gray;
    text-transform: none;
    font-weight: normal;
    font-style: italic;
}
.page-content .container-depot-capsule input:-moz-placeholder { /* Firefox 18- */
	font-size:0.85em;
	padding: 0;
    color: gray;
    text-transform: none;
    font-weight: normal;
    font-style: italic;
}


#page .page-content .infochamps
{
	color:black;
	font-size:1.2em;
}

/* NEWSlETTER */

#contentnewsletter, #content_connect_capsule
{
	display:none;
	width:90%;
	max-width:500px;
	padding: 10px;
	float:left;
	position: fixed;
	top:30%;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
	border:1px solid #77b2e6;
	background-color:white;
	z-index: 999;
	margin: 20px 0px;
}
#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:998; width:100%; height:100%; display:none; }

.input-news
{
	width:100%;
	height:40px;
	border-radius:5px;
	border:1px solid #77b2e6;
	background-color:white;
	color:black;
	font-size:1.2em;
	padding: 10px;
}
.title-news
{
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	font-family: "Open sans", sans-serif;
	text-transform: uppercase;
}
.title-news-capsule
{
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	font-family: "Open sans", sans-serif;
	text-transform: uppercase;
}

.paper-plane
{
	width:8%;
	margin-right: 7px;
	color:black;
}

#radeosfacebook
{
	margin-top: 10px;
}

.newsbutton
{
	position: absolute;
	top:77px;
	right:10px;
	width:80px;
	height:40px;
	border:1px solid #77b2e6;
	border-radius:5px;
	background-color:white;
	color:#77b2e6;
	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
}
.newsbutton-capsule {
    position: relative;
    display: inline-block;
    margin: -10px 10px 10px 10px;
	width:80px;
	height:40px;
	border:1px solid #77b2e6;
	border-radius:5px;
	background-color:white;
	color:#77b2e6;
	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
}


.newsbutton:hover,
.newsbutton-capsule:hover
{
	background-color:#77b2e6;
	color: #ffffff !important;
	transition: all 0.2s ease 0s;
}


.closenews
{
	width:20px;
	height:20px;
	border:1px solid #77b2e6;
	background-color:white;
	color:#77b2e6;
	margin:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top:-10px;
	right: -10px;
	border-radius:50%;
}
.closenews:hover{
	background-color:#77b2e6;
	color: #ffffff !important;
	transition: all 0.2s ease 0s;

}



#contentnewsletter input::-webkit-input-placeholder {
	font-size:1.2em;
	padding: 10px;

}
.page-content h2 input::-moz-placeholder { /* Firefox 19+ */
	font-size:0.7em;
	padding: 5px;

}
.page-content h2 input:-ms-input-placeholder { /* IE 10+ */
	font-size:0.7em;
	padding: 5px;
}
.page-content h2 input:-moz-placeholder { /* Firefox 18- */
	font-size:0.7em;
	padding: 5px;

}




@media screen and (max-width: 610px){

	.newsbutton{
		top: 77px;
		right: 10px;
	}
	.closenews{
		margin-left: 150px;
	}
	#content{
		left:15%;
		width:400px;
	}
	#radeosfacebook{
		width:200px;
	}
}

@media screen and (max-width: 530px){

	.newsbutton{
		top:77px;
		right:10px;
	}
	#content{
		left: 10%;
	}
	#radeosfacebook{
		width:100px;
	}
	.input-news{
		font-size: 1em;
	}
	.closenews{
		margin-left: 105px;
	}
}

@media screen and (max-width: 510px){
	#radeosfacebook{
		width:200px;
		margin-left: 15px;
	}
	#content
	{
		width:300px;
		margin-left: 30px;
	}
	.newsbutton{
		top:77px;
		right:10px;
	}
}

@media screen and (max-width: 440px){
	#radeosfacebook{
		width:200px;
		margin-left:20px;
	}
	.input-news{
		font-size: 1em;
	}
	.newsbutton{
		top:104px;
		right:10px;
	}
}

@media screen and (max-width: 415px){
	#radeosfacebook{
		width:200px;
		margin-left:20px;
	}
	.input-news{
		font-size: 1em;
	}
	.newsbutton{
		top:104px;
		right:10px;
	}
}

@media screen and (max-width: 400px){
	#radeosfacebook{
		width:200px;
		margin-left: 0;
	}
	#content{
		width:250px;
		left:10%;
	}
	.input-news{
		font-size: 1em;
	}
	.closenews{
		margin-left: 75px;
	}
}

@media screen and (max-width: 370px){

	#radeosfacebook{
		width:180px;
		margin-left: -5px;
		margin-top:60px;
	}
	#content{
		width:200px;
		margin-left: 50px;
	}
	.input-news{
		font-size: 1em;
	}
	.newsbutton{
		top:105px;
		right:10px;
	}
	.closenews{
		margin-left: 48px;
	}

}

@media screen and (max-width: 260px){

	#radeosfacebook{
		width:100px;
		margin-left: 0;
		margin-top:60px;
	}
	#content{
		margin-left:31px;
	}
	.input-news{
		font-size: 1em;
	}
	.newsbutton{
		top:105px;
		right:10px;
	}

}




/* RESET-RELECTEUR */

.reset-relecteur
{
	margin-left: 40px;
}

.reset-relecteur p
{
	font-size:1.4em;
}

.reset-relecteur p strong
{
	font-size:16px;
}

.reset-relecteur-button{

	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	text-transform: uppercase;
	border:1px solid #77b2e6;
	background-color:white;
	color:#77b2e6;
	padding: 10px;
	border-radius:5px;
}

.reset-relecteur-button:hover{

	background-color:#77b2e6;
	color: #ffffff !important;
	transition: all 0.2s ease 0s;
}

.titre-relecteur
{
	padding-top: 10px;
}

#obfuscator {
	background-color: #75b0e5;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 200;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .25s ease;
	opacity: 0;
	visibility: hidden;
}

body.menu-open #obfuscator {
	opacity: .75;
	visibility: visible;
}


#cas .background-cas, #publier-un-cas, #quiz, #fiche-de-cours-back {
	transition: all .25s ease;
}
#cas .background-cas:hover {
	opacity: .25;
}
#publier-un-cas:hover, #quiz:hover, #home-capsules:hover {
	background-color: rgba(46, 143, 224, .7);
}
#fiche-de-cours-back:hover {
	background-color: rgba(117, 176, 229, .7);
}

#dernier-cas {
	pointer-events: none;
}
#dernier-cas > * {
	pointer-events: initial;
}


#moteurTitlePictoOn {
    display: inline-block;
    cursor: default;
}
#moteurTitlePictoOn span {
    background-image: url('images-interface/voir-btn.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 10px 4px 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

#moteurTitlePictoOff {
    display: inline-block;
    margin-left: 30px;
}
#moteurTitlePictoOff span {
    background-image: url('images-interface/voir-btn.png');
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 10px 4px 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
#moteurTitlePictoOff:hover span {
    background-position: center bottom;
}


.container-depot-capsule {

}
.container-depot-capsule .row:before {
    content: '';
    width: 1px;
    background: #77b2e6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
}

body.home #main .container-depot-capsule .block-actus + .block-actus {
    border: 0;
}


.tools-professeur {
    text-align: right;
    border-left: 4px solid rgba(0, 128, 0, 0.6);
    background: rgba(191, 219, 243, 0.8);
    padding: 5px;
    font-size: 1.2em;
}
.tools-professeur a {
    color: black;
}
.tools-professeur a:hover {
    color: rgba(0, 128, 0, 0.65);
}

em.fields-oblig {
    color: brown;
}






/* Home page */
#home-capsules {
    transition: all .25s ease;
    background-color: #0379d2;
    transform: rotate(45deg);
    float: right;
    width: 28rem;
    height: 28rem;
    margin-right: 41.1rem;
    margin-top: 14.6rem;
}
#home-capsules .btn-capsules {
    transform: rotate(-45deg);
    width: 9rem;
    margin-top: 16rem;
    margin-left: 17rem;
}
#home-capsules .mask-capsules {
    text-transform: uppercase;
    transform: rotate(-45deg);
    color: white;
    line-height: 7rem;
    font-family: "Open sans", sans-serif;
    font-weight: 900;
    text-align: center;
    width: 66.2rem;
    height: 18rem;
    color: white;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url('images-interface/image_publier_cas.png') repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    margin-left: -30rem;
    margin-top: -16rem;
    font-size: 7rem;
    line-height: 8rem;
    text-align: center;
}
@media only screen and (max-width: 1600px) {
    #home-capsules {
    }
    #home-capsules .btn-capsules {
    }
    #home-capsules .mask-capsules {
        width: 60rem;
        font-size: 5.8rem;
        line-height: 7rem;
        margin-left: -22rem;
        margin-top: -18rem;
    }
}
@media only screen and (max-width: 1450px) {
    #home-capsules {
        width: 21rem;
        height: 20rem;
        margin-right: 25.1rem;
        margin-top: -2.4rem;
    }
    #home-capsules .btn-capsules {
        margin-top: 12rem;
        margin-left: 13rem;
        width: 7rem;
    }
    #home-capsules .mask-capsules {
        width: 37rem;
        margin-left: -13.2rem;
        margin-top: -11.6rem;
        font-size: 4.6rem;
        line-height: 5.4rem;
    }
}
@media screen and (max-width: 1024px) {
    #home-capsules {
        width: 18rem;
        height: 18rem;
        margin-right: 18.2rem;
        margin-top: -1.5rem;
    }
    #home-capsules .btn-capsules {
        margin-top: 10.4rem;
        margin-left: 10.7rem;
        width: 6.4rem;
    }
    #home-capsules .mask-capsules {
        width: 37rem;
        margin-left: -10.2rem;
        margin-top: -12.6rem;
        font-size: 3.7rem;
        line-height: 4.3rem;
    }
}
@media only screen and (max-width: 768px) {
    #home-capsules {
        transform: rotate(0);
        margin: 0;
        width: 100%;
        height: auto;
        display: block;
        padding: 3rem 1rem;
        text-align: center;
        float: none;
    }
    #home-capsules .btn-capsules {
        transform: rotate(0);
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        width: 40px;
        height: auto;
        margin-right: 10px;
    }
    #home-capsules .mask-capsules {
        transform: rotate(0);
        display: inline-block;
        margin: 0;
        width: auto;
        vertical-align: middle;
        font-size: 2.4rem;
        color: white;
        height: auto;
        line-height: 1;
        -webkit-text-fill-color: black;
    }
}