/* @import url(font-awesome.min.css); */
@import url(FontAwesome/all.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");

/*/Volumes/Choubinateur/Applications/MAMP/htdocs/Pixelovore-V3/admin/assets/css/main.css
	Pixelovore by La Chose Verte
	LaChoseVerte.com | Stéphane Hautemanière
	Commercial use under licence only (LaChoseVerte.com/license)
*/

/* Reset */

/*
	::-webkit-datetime-edit { padding: 1em; }
	::-webkit-datetime-edit-fields-wrapper { background: silver; }
	::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
	::-webkit-datetime-edit-month-field { color: blue; }
	::-webkit-datetime-edit-day-field { color: green; }
	::-webkit-datetime-edit-year-field { color: purple; }
	::-webkit-inner-spin-button { display: none; }
	::-webkit-calendar-picker-indicator { background: orange; }
*/

	input[type="text"]:focus{
		box-shadow: -20px 0px 45px -20px rgba(0, 0, 0, 0.9), -40px 0px 45px -30px rgba(0, 0, 0, 0.9);
	}
	.Check-input:focus ~ .Check-label{
		box-shadow:0px 0px 0px 2px rgb(0, 190, 214);
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

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

	body {
		line-height: 1;
	}

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

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

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

	body {
		-webkit-text-size-adjust: none;
	}
	li { outline:none; }
	input::selection {
		background: rgba(2,187,212,0.4);
	}
	input::-moz-selection {
		background: rgba(2,187,212,0.4);
	}
	.WaitForLoad {
		opacity: 0.5;
		cursor: not-allowed;
	}
	.fa, .fas {
		letter-spacing: 0;
	}
	.Light {
		font-weight: 600;
	}
	.labelInline label:not(.Check):not(.Theme).Blue {
		-moz-transition: all 0.2s ease-in-out .3s;
		-webkit-transition: all 0.2s ease-in-out .3s;
		-ms-transition: all 0.2s ease-in-out .3s;
		transition: all 0.2s ease-in-out .3s;
		background-color: #01bbd3;
	}
/* Transition */

	.Hide {
		-moz-transition: all 0.2s ease-in-out .3s;
		-webkit-transition: all 0.2s ease-in-out .3s;
		-ms-transition: all 0.2s ease-in-out .3s;
		transition: all 0.2s ease-in-out .3s;
	}

	.BgBeigeLight, .PickImage *:not(.fa):not(label):not(.ui-sortable-helper), #progression, .MoveLeft, .BlocHoraires i.fa.fa-arrow-circle-left, .ui-datepicker-header, .ui-datepicker-calendar, .BlocHoraires, #Raccourci a, .MiniClose, .MiniClose .fa, .PixArticleImage img, .pastilleDate, button.Pastille.Protect.active, .CheckSession, #main .wrapper.Beige li.PixButton button, li.SubMenus .fa, .PopUp .PixButton button, input[type="submit"],
	input[type="reset"], input[type="button"], button, .button, .Pastilles, .Pastille.active, .froala-editor button.fr-bttn i, .froala-editor button.fr-trigger i, ul#ArticleList li.PixArticleTitle, .SmallButton i.fa-edit, .PixArticleTitle h2, .PixArticleTitle h3 {
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.PickImage .fa, .mouse-icon, .FocusInput, .label-file:active, li.SubMenus::before, #ArticleList li.Lipper .BgImg {
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4, .imgareaselect-handle, .imgareaselect-outer, .recadrage, .crop_img, .PopUpFroalaNewImage {
		-webkit-transition: none 0s ease 0s	!important;
		-moz-transition: none 0s ease 0s !important;
		-ms-transition: none 0s ease 0s	!important;
		-o-transition: none 0s ease 0s !important;
		transition: none 0s ease 0s	!important;
	}

	.SubMenuFiltre {
		-moz-transition: all 0.2s ease-in-out 0.2s;
		-webkit-transition: all 0.2s ease-in-out 0.2s;
		-ms-transition: all 0.2s ease-in-out 0.2s;
		transition: all 0.2s ease-in-out 0.2s;
	}

	.Pastille:hover::before, .Pastille:hover::after, .MiniClose:hover::before, .MiniClose:hover::after, .ToolTip:hover::before, .ToolTip:hover::after, .labelInline label:hover::before, .labelInline label:hover::after, .froala-editor .fr-bttn:before, .froala-editor .fr-bttn:after, .froala-editor .fr-trigger:before, .froala-editor .fr-trigger:after {
		-moz-transition: all 0.2s ease-in-out 0.2s;
		-webkit-transition: all 0.2s ease-in-out 0.2s;
		-ms-transition: all 0.2s ease-in-out 0.2s;
		transition: all 0.2s ease-in-out 0.2s;
	}

	.MoveLeft {
		transform: translate(-110%,0);
	}

	.Load {
		background: transparent url("../../images/loader1.gif") no-repeat scroll center center;
	}
	.FalseImg {
		background: url(../../images/loader1.gif) no-repeat scroll top +40px center #e3e3de;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
	}

	@keyframes fadein {
	from { opacity: 0; transform: scale(0,0); }
	to { opacity: 1; transform: scale(1,1); }
	}

	@-moz-keyframes fadein {
	from { opacity: 0; transform: scale(0,0); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-webkit-keyframes fadein {
	from { opacity: 0; transform: scale(0,0); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-ms-keyframes fadein {
	from { opacity: 0; transform: scale(0,0); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-o-keyframes fadein {
	from { opacity: 0; transform: scale(0,0); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@keyframes fadeout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,0); }
	}

	@-moz-keyframes fadeout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,0); }
	}

	@-webkit-keyframes fadeout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,0); }
	}

	@-ms-keyframes fadeout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,0); }
	}

	@-o-keyframes fadeout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,0); }
	}

	@keyframes slidein {
	from { opacity: 0; transform: scale(0,1); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-moz-keyframes slidein {
	from { opacity: 0; transform: scale(0,1); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-webkit-keyframes slidein {
	from { opacity: 0; transform: scale(0,1); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-ms-keyframes slidein {
	from { opacity: 0; transform: scale(0,1); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@-o-keyframes slidein {
	from { opacity: 0; transform: scale(0,1); }
	to	 { opacity: 1; transform: scale(1,1); }
	}

	@keyframes slideout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,1); }
	}

	@-moz-keyframes slideout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,1); }
	}

	@-webkit-keyframes slideout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,1); }
	}

	@-ms-keyframes slideout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,1); }
	}

	@-o-keyframes slideout {
	from { opacity: 1; transform: scale(1,1); }
	to	 { opacity: 0; transform: scale(0,1); }
	}

	@keyframes slidedown {
	from { opacity: 0; transform: translate(0px, -100px); }
	to	 { opacity: 1; transform: translate(0px, 0px); }
	}

	@-moz-keyframes slidedown {
	from { opacity: 0; transform: translate(0px, -100px); }
	to	 { opacity: 1; transform: translate(0px, 0px); }
	}

	@-webkit-keyframes slidedown {
	from { opacity: 0; transform: translate(0px, -100px); }
	to	 { opacity: 1; transform: translate(0px, 0px); }
	}

	@-ms-keyframes slidedown {
	from { opacity: 0; transform: translate(0px, -100px); }
	to	 { opacity: 1; transform: translate(0px, 0px); }
	}

	@-o-keyframes slidedown {
	from { opacity: 0; transform: translate(0px, -100px); }
	to	 { opacity: 1; transform: translate(0px, 0px); }
	}

	@keyframes slideUp {
	from { opacity: 1; transform: translate(0px, 0px); }
	30% { opacity: 1; transform: translate(0px, 50px); }
	to { opacity: 0; transform: translate(0px, -300px); }
	}

	@-moz-keyframes slideUp {
	from { opacity: 1; transform: translate(0px, 0px); }
	30% { opacity: 1; transform: translate(0px, 50px); }
	to { opacity: 0; transform: translate(0px, -300px); }
	}

	@-webkit-keyframes slideUp {
	from { opacity: 1; transform: translate(0px, 0px); }
	30% { opacity: 1; transform: translate(0px, 50px); }
	to { opacity: 0; transform: translate(0px, -300px); }
	}

	@-ms-keyframes slideUp {
	from { opacity: 1; transform: translate(0px, 0px); }
	30% { opacity: 1; transform: translate(0px, 50px); }
	to { opacity: 0; transform: translate(0px, -300px); }
	}

	@-o-keyframes slideUp {
	from { opacity: 1; transform: translate(0px, 0px); }
	30% { opacity: 1; transform: translate(0px, 50px); }
	to { opacity: 0; transform: translate(0px, -300px); }
	}

	.HidePopUp {
		-webkit-animation-name: slideUp !important;
		animation-name: slideUp !important;
		-webkit-animation-duration: .6s !important;
		animation-duration: .6s !important;
		-webkit-animation-fill-mode: both !important;
		animation-fill-mode: both !important;
	}
	.shake {
		-webkit-animation-name: shake !important;
		animation-name: shake !important;
		-webkit-animation-duration: 0.2s !important;
		animation-duration: 0.2s !important;
		-webkit-animation-fill-mode: both !important;
		animation-fill-mode: both !important;
	}
	@-webkit-keyframes shake {
		0%, 100% {
		-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 {
		0%, 100% {
		-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);
		}
	}
	.ShowFade{
		animation: ShowFadeIn linear 1s; 
		animation-iteration-count: 1;
		transform-origin: 50% 50%;
		-webkit-animation: ShowFadeIn linear 1s; 
		-webkit-animation-iteration-count: 1;
		-webkit-transform-origin: 50% 50%;
		-moz-animation: ShowFadeIn linear 1s; 
		-moz-animation-iteration-count: 1;
		-moz-transform-origin: 50% 50%;
		-o-animation: ShowFadeIn linear 1s; 
		-o-animation-iteration-count: 1;
		-o-transform-origin: 50% 50%;
		-ms-animation: ShowFadeIn linear 1s; 
		-ms-animation-iteration-count: 1;
		-ms-transform-origin: 50% 50%;
	}
	
	@keyframes ShowFadeIn{ 0% { opacity:0; } 100% { opacity:1; } }
	
	@-moz-keyframes ShowFadeIn{ 0% { opacity:0; } 100% { opacity:1; } }
	
	@-webkit-keyframes ShowFadeIn { 0% { opacity:0; } 100% { opacity:1; } }
	
	@-o-keyframes ShowFadeIn { 0% { opacity:0; } 100% { opacity:1; } }
	
	@-ms-keyframes ShowFadeIn { 0% { opacity:0; } 100% { opacity:1; } }

	@keyframes LoadButton{
		0% {
			transform:	rotate(0deg) ;
		}
		100% {
			transform:	rotate(360deg) ;
		}
	}
	
	@-moz-keyframes LoadButton{
		0% {
			-moz-transform:	rotate(0deg) ;
		}
		100% {
			-moz-transform:	rotate(360deg) ;
		}
	}
	
	@-webkit-keyframes LoadButton {
		0% {
			-webkit-transform:	rotate(0deg) ;
		}
		100% {
			-webkit-transform:	rotate(360deg) ;
		}
	}
	
	@-o-keyframes LoadButton {
		0% {
			-o-transform:	rotate(0deg) ;
		}
		100% {
			-o-transform:	rotate(360deg) ;
		}
	}
	
	@-ms-keyframes LoadButton {
		0% {
			-ms-transform:	rotate(0deg) ;
		}
		100% {
			-ms-transform:	rotate(360deg) ;
		}
	}

/* Drop */

label.label-file.DropInProcess {
	z-index: 999;
	background: rgba(0,0,0,0.8);
	border: 2px dashed #fff;
	box-shadow: 0 0 0 20px rgba(0,0,0,0.6), 0 0 50px 20px rgba(0,0,0,0.5);
	border-radius: 10px;
}
label.label-file.DropInProcess::before {
	content: '\f0ee';
	font-family: FontAwesome;
	font-size: 40px;
	position: absolute;
	top: calc(50% - 20px);
	text-align: center;
	left: calc(50% - 20px);
}
label.label-file.DropInProcess * {
	display: none;
}

/* Box Model */

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

/* Grid */

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

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

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

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

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

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

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

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

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

	.row > * {
		padding: 0 0 0 1.5em;
	}

	.row {
		margin: 0 0 -1px -1.5em;
	}

	.row.uniform > * {
		padding: 1.5em 0 0 1.5em;
	}

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

	.row.\32 00\25 > * {
		padding: 0 0 0 3em;
	}

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

	.row.uniform.\32 00\25 > * {
		padding: 3em 0 0 3em;
	}

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

	.row.\31 50\25 > * {
		padding: 0 0 0 2.25em;
	}

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

	.row.uniform.\31 50\25 > * {
		padding: 2.25em 0 0 2.25em;
	}

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

	.row.\35 0\25 > * {
		padding: 0 0 0 0.75em;
	}

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

	.row.uniform.\35 0\25 > * {
		padding: 0.75em 0 0 0.75em;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.ui-sortable .\34 u, .ui-sortable .\34 u\24 {
		width: 32.3333333333%;
	}

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

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

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

	.\35 Col {
		width: 20%;
		clear: none;
		margin-left: 0;
		display: inline-block;
	}

	.\35 Col:not(:nth-child(5n+5)) {
		box-shadow: 0 0 0 0 #f5f5f1, 0.1em 0 0 0 #e5e5e1;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

/*
		.row {
			margin: 0 0 -1px -1.5em;
		}
*/

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

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

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

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

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

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

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

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

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

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

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

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

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

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

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

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

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

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

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

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

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

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

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

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

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.ui-sortable .\34 u\28large\29, .ui-sortable .\34 u\24\28large\29 {
			width: 32.3333333333%;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

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

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

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

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

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

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

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

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

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

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

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

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

		.ui-sortable .\36 u\28medium\29, .ui-sortable .\36 u\24\28medium\29 {
			width: 49%;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

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

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

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

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

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

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

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

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

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

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

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

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

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

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

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

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

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

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

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

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

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

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

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

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, select, textarea, .InlineEditor {
		color: #fff;
		font-family: "Open Sans", Helvetica, sans-serif;
		font-size: 15pt;
		font-weight: 400;
		letter-spacing: 0.075em;
		line-height: 1.65em;
	}
	input::-webkit-calendar-picker-indicator {
		background: rgba(0, 0, 0, 0);
		cursor: pointer;
	}
	input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px white inset;
	}
	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
		background-color: #f2f2f0 !important;
		background-image: none !important;
		color: #707070 !important;
	}
	input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 30px #f2f2f0 inset;
		-webkit-text-fill-color: #707070 !important;
	}
	body { background: #e5e5e1; }

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

			body, input, select, textarea, .InlineEditor {
				font-size: 13pt;
			}

		}

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

			body, input, select, textarea, .InlineEditor {
				font-size: 12pt;
			}

		}

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

			body, input, select, textarea, .InlineEditor {
				font-size: 11pt;
				letter-spacing: 0.0375em;
			}

		}

	a {
		-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		transition: color 0.2s ease, border-bottom-color 0.2s ease;
		border-bottom: dotted 1px;
		color: inherit;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: #05bcd5;
			color: #05bcd5;
		}
		
	strong, b {
		color: #fff;
		font-weight: bold;
	}
	b.Round {
		background: #01bcd5;
		line-height: 17px;
		border-radius: 1em;
		min-width: 1.5em;
		height: 1.5em;
		display: inline-block;
		text-align: center;
		color: #fff !important;
		font-size: 12px;
		vertical-align: middle;
		margin: 0 5px 0 0;
		font-weight: 600;
	}
	.HelpImage {
		cursor: pointer;
		padding: 0 5px;
	}
	.HelpImage:hover {
		background: #8cddea;
	}
	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
		letter-spacing: 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #fff;
		font-weight: 800;
		letter-spacing: 0.225em;
		line-height: 1em;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}

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

	h2 {
		font-size: 1.35em;
		line-height: 1.75em;
	}

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

			h2 {
				font-size: 1.1em;
				line-height: 1.65em;
			}

		}

	h3 {
		font-size: 1.15em;
		line-height: 1.75em;
	}

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

			h3 {
				font-size: 1em;
				line-height: 1.65em;
			}

		}

	h4 {
		font-size: 1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.8em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

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

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

	hr {
		border: 0;
		border-bottom: solid 2px #fff;
		margin: 3em 0;
	}

		hr.major {
			margin: 4.5em 0;
		}

	blockquote {
		border-left: solid 4px #fff;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
		letter-spacing: 0;
	}

	code {
		background: rgba(144, 144, 144, 0.25) !important;
		border-radius: 3px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		letter-spacing: 0;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
		max-width: 100%;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
			max-height: 300px;
			overflow: auto;
			padding: 1em;
		}

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

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

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

/* Section/Article */

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

	header p {
		color: rgba(255, 255, 255, 0.5);
		position: relative;
		top: -0.25em;
	}

	header h3 + p {
		font-size: 1.1em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
	}

	header.major {
		margin: 0 0 3.5em 0;
	}

		header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
			border-bottom: solid 2px #fff;
			display: inline-block;
			padding-bottom: 1em;
			position: relative;
		}

			header.major h2:after, header.major h3:after, header.major h4:after, header.major h5:after, header.major h6:after {
				content: '';
				display: block;
				height: 1px;
			}

		header.major p {
			color: #fff;
			top: 0;
		}

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

			header.major {
				margin: 0 0 2em 0;
			}

		}

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

		header br {
			display: none;
		}

	}
	ul#FilterBox {
		box-shadow: -40px 0 70px -40px rgba(0,0,0,0.5) inset;
		background: #707070;
	}
	.NoSmartList ul#FilterBox {
		position: sticky;
		top: 180px;
	}	
/* Form */

	form {
		margin: 0 0 2em 0;
	}

	.PopUp form {
		margin: 0;
		padding-right: 1.5em;
		padding-bottom: 1.5em;
	}
	label {
		color: #fff;
		display: block;
		font-size: 0.9em;
		font-weight: 600;
		margin: 0 0 1em 0;
	}
	.labelInline {
		position: relative;
	}
	.labelInline label:not(.Check):not(.Theme) {
		background: #707070;
		height: 3em;
		color: #fff !important;
		padding-left: 1em;
		line-height: 3em;
		font-weight: normal;
		z-index: 1;
		position: relative;
		letter-spacing: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	input#PixSearchKey {
		width: 100%;
	}
	.CheckBox.LabelImage > label > span {
		display: inline-block;
		width: 100%;
		line-height: normal;
		margin: 0;
		text-align: center;
	}
	.froala-editor .fr-bttn::before, .froala-editor .fr-trigger::before, .JQtooltip {
		font-family: "Open Sans", Helvetica, sans-serif;
		background: #ffa500;
		border-radius: 3px;
		padding: 0.5em;
		opacity: 0;
		width: auto;
		box-shadow: 0px -3px 0 0px rgba(0,0,0,0.1);
		font-weight: 500;
		font-size: 12px;
		box-sizing: content-box;
		line-height: 1em;
		text-align: center;
		min-width: 50px;
		max-width: 100px;
		text-transform: none;
		letter-spacing: 0;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
		hyphens: none;
	}
	.froala-editor .fr-bttn::before, .froala-editor .fr-trigger::before {
		position: absolute;
		font-size: 10px;
		bottom: 0;
		left: 10%;
		margin-right: 10%;
		transform: scale(0,0);
		word-break: break-word;
		white-space: pre-wrap;
	}
	.JQtooltip {
		position: fixed;
		z-index: 10000000;
	}
	.froala-editor .fr-bttn:before,
	.froala-editor .fr-bttn:after,
	.froala-editor .fr-trigger:before,
	.froala-editor .fr-trigger:after,
	.JQtooltip::after,
	.JQtooltip {
		pointer-events: none;
	}
	.JQtooltip.Small {
		max-width: 100px;
	}
	.fr-table li a span {
		padding-left: 10px;
	}
	.select-table .fr-bttn:before, .select-table .fr-bttn:after, div.fr-bttn.fr-dropdown:before, div.fr-bttn.fr-dropdown:after {
		display: none;
	}
	.froala-editor .fr-bttn:after, .froala-editor .fr-trigger:after {
		bottom: 36px !important;
		left: calc(50% - 14px);
	}
	.froala-editor .fr-bttn:before, .froala-editor .fr-trigger:before {
		content: attr(title);
		color: #fff;
		left: -33px;
		font-weight: 600;
		width: 80px;
		position: absolute;
	}
	.InLine {
		display: inline-block;
		padding: 0.5em;
		text-align: left;
	}
	label.Out:hover {
		color: #f00;
	}
	label + input, label + div.InCheck {
		z-index: 1;
		position: relative;
		background: #edede9;
	}
	.MiniCheck {
		text-align: right;
		position: absolute;
		bottom: 0.75em;
		right: 1.75em;
	}
	.MiniCheck.SortCheck {
		position: relative;
		bottom: 0;
		left: 0;
	}
	.MiniCheck label {
		width: auto;
		color: #dadad7;
		font-size: 0.7em;
		letter-spacing: 0;
		display: inline-block;
		vertical-align: middle;
		padding-right: 0.5em;
		margin: 0;
	}
	.wrapper.Beige .MiniCheck.SortCheck label {
		color: #fff;
		font-size: 1em;
		line-height: normal;
		text-align: left;
		float: left;
	}
	.TrucaText {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width: calc(100% - 55px);
	}
	.SortingMenu {
		margin-right: 10px !important;
	}
	.MiniCheck .InCheck.Mini label {
		width: 2em;
		height: 1.25em;
		padding: 0;
	}
	.MiniCheck .Check-handle {
		height: 0.75em;
		width: 0.75em;
		top: 3px;
	}
	.MiniCheck .switch-input:checked ~ .switch-handle, .MiniCheck .Check-input:checked ~ .Check-handle {
		left: 1em;
	}
	.MiniCheck .InCheck.Mini {
		width: auto;
		background: none;
		display: inline-block;
		vertical-align: middle;
		height: auto;
		line-height: 12px;
	}
	#CoursMusic label:first-letter {
		text-transform: capitalize;
	}
	.Pastille::before, .MiniClose::before, .ToolTip[data-tooltip]::before {
		width: 100px !important;
		left: calc(50% - 58px) !important;
		color: #fff;
	}
	.labelInline label:hover::before, .Pastille:hover::before, .MiniClose:hover::before, .ToolTip:hover::before, div:hover > .Pastilles, li:hover > .Pastilles
	{
		z-index: 1000;
	}
	.labelInline label:hover::before, .Pastille:hover::before, .MiniClose:hover::before, .ToolTip:hover::before, div:hover > .Pastilles, li:hover > .Pastilles, .froala-editor .fr-bttn:hover:before, .froala-editor .fr-trigger:hover:before {
		opacity: 1;
		bottom: 3.2em;
		transform: scale(1.2,1.2);
		transform-origin: bottom;
	}
		#ImageList .Pastilles .Pastille:hover::before {
		transform: scale(1);
	}

	.BackGroundThumb:hover .Pastilles {
		bottom: 10px;
	}
	.Pastilles .Pastille:hover::before {
		bottom: 4em;
	}
	.Thumb .Pastilles {
		transform: scale(1,1) !important;
	}
	.Thumb .Pastilles .Pastille:hover::before {
		bottom: 3.9em;
	}
	.Thumb .Pastilles .Pastille[data-tooltip]::after {
		bottom: 37px;
	}
	.labelInline label:hover::before, .MiniClose:hover::before, .Ratio .ToolTip:hover::before, .froala-editor .fr-bttn:hover::before, .froala-editor .fr-trigger:hover:before	{
		bottom: 4.5em;
	}
	#ImageList li:hover > .Pastilles {
		bottom: 30px;
	}
	.Pastilles a.Pastille .fa {
		font-size: 1em;
		letter-spacing: 0;
		top: -0.15em;
		position: relative;
	}
	.froala-editor .fr-bttn::after, .froala-editor .fr-trigger:after, .JQtooltip::after, .froala-editor .fr-trigger:after {
		left: calc(50% - 10px);
		border-right: 10px solid rgba(0, 0, 0, 0);
		border-top: 10px solid rgba(0, 0, 0, 0);
		border-left: 10px solid rgba(0, 0, 0, 0);
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		margin-top: -7px;
		transform: scale(0,1);
		bottom: 46px;
	}
	.froala-editor .fr-bttn:hover:after, .JQtooltip::after, .froala-editor .fr-trigger:hover:after {
		border-top: 10px solid #ffa500 !important;
		transform: scale(1,1);
	}
	.JQtooltip::after {
		bottom: -7px;
	}
	label.Short + input {
		min-width: 81%;
	}
	label.Short {
		max-width: 19%;
	}
	.Pastille[data-tooltip]::after {
		bottom: 33px;
	}
	.Pastilles .Pastille[data-tooltip]::after {
		bottom: 47px;
	}
	#ImageList .Pastilles .Pastille[data-tooltip]::after {
		bottom: 41px;
	}
	.ToolTip {
		display: inline-block;
		position: relative;
		font-size: 1em;
	}
	.Indice:before {
		position: absolute;
		top: 0;
		height: 2.75em;
		right: 10px;
		line-height: 2.75em;
		letter-spacing: 0;
	}
	.Indice.ParAn:before {
		content: '/an';
	}
	.Indice.EuroParAn:before {
		content: '€/an';
	}
	.Indice.Euro:before {
		content: '€';
	}
	.Indice.Minute:before {
		content: 'min.';
	}
	.Indice.EuroParCours:before {
		content: '€/cours';
	}

	#MusicSchoolForfait button.Pastille {
		color: #00bed6;
		display: block;
		margin: auto;
		float: none;
		height: 50px;
		width: 50px;
		font-size: 25px;
		line-height: 25px;
	}
	.labelIcon .fa {
		display: inline-block;
		background: #e5e5e1;
		color: #b5b5b1;
		height: 2.75em;
		line-height: 2.75em;
		width: 1.5em;
		vertical-align: top;
	}
	.labelIcon:hover .fa {
		color: #fff;
	}
	.labelIcon .ButtonBlanc {
		background: #707070;
		box-shadow: inset 0 0 0 2px #707070;
		color: #fff;
	}
	.labelIcon .ButtonBlanc:hover {
		box-shadow: inset 0 0 0 2px #00BCD4 ;
		background: #00BCD4 !important;
	}
	.labelIcon input {
		display: inline-block !important;
		max-width: calc(100% - 1.5em);
		margin: 0;
		vertical-align: top;
	}
	.CheckBox .LabelImg {
		height: 116px;
		display: inline-block;
		vertical-align: middle;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.CheckBox.LabelImage.labelInline label:not(.Check) {
		height: auto;
		word-break: break-word;
		white-space: inherit;
		padding: 0;
	}
	div#First, #FormToConnect > div:first-child {
		padding: 1.5em;
		margin-top: 1.5em;
	}
	.InCheck {
		background: rgba(229, 229, 225, 0.5);
		display: inline-block;
		vertical-align: middle;
		height: 2.75em;
		text-align: center;
	}
	label.Required {
		background: #ffa500 !important;
	}
	.Colors input.Required {
		background: #ffa500 !important;
		color: #fff;
	}
	.Check {
		position: relative;
		width: 4em;
		height: 2em;
		padding: 0px;
		background-color: white;
		border-radius: 18px;
		box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
		cursor: pointer;
		margin: 0.5em 0 0 0;
		background-image: -webkit-linear-gradient(top, #f5f5f1, white 25px);
		background-image: -moz-linear-gradient(top, #f5f5f1, white 25px);
		background-image: -o-linear-gradient(top, #f5f5f1, white 25px);
		background-image: linear-gradient(to bottom, #f5f5f1, white 25px);
	}
	.Check-input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}
	.Check-label {
		position: relative;
		display: block;
		height: inherit;
		font-size: 10px;
		background: #f5f5f1;
		border-radius: inherit;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-o-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
		-webkit-transition-property: opacity background;
		-moz-transition-property: opacity background;
		-o-transition-property: opacity background;
		transition-property: opacity background;
	}
	.Check-handle {
		position: absolute;
		top: 4px;
		left: 4px;
		width: 1.5em;
		height: 1.5em;
		background: white;
		border-radius: 30px;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
		background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
		background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
		background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
		background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
		-webkit-transition: left 0.15s ease-out;
		-moz-transition: left 0.15s ease-out;
		-o-transition: left 0.15s ease-out;
		transition: left 0.15s ease-out;
	}
	.switch-handle:before, .Check-handle:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -6px;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	}
	.switch-input:disabled ~ .switch-handle::before, .Check-input:disabled ~ .Check-handle::before {
		background: #e9e9e5;
		cursor: no-drop;
	}
	.switch-input:disabled ~ .switch-label, .Check-input:disabled ~ .Check-label, .switch-input:disabled ~ .switch-label::before, .Check-input:disabled ~ .Check-label::before {
		cursor: no-drop;
		color: #bfbfbb;
	}
	.switch-input:checked ~ .switch-label, .Check-input:checked ~ .Check-label {
		background: #00BCD4 ;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
	}
	.switch-input:checked ~ .switch-label:before, .Check-input:checked ~ .Check-label:before { opacity: 0; }
	.switch-input:checked ~ .switch-label:after, .Check-input:checked ~ .Check-label:after { opacity: 1; }
	.switch-input:checked ~ .switch-handle, .Check-input:checked ~ .Check-handle {
		left: 2.25em;
		box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
	}
	.switch-green > .switch-input:checked ~ .switch-label, .Check-green > .Check-input:checked ~ .Check-label { background: #4fb845; }
	input + .FocusInput, select + .FocusInput, .froala-box ~ .FocusInput, textarea + .FocusInput {
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #01bbd3;
		z-index: 1;
		padding: 0 !important;
	}
	input:focus + .FocusInput, select:focus + .FocusInput, .froala-box ~ .FocusInput, textarea:focus + .FocusInput {
		transform-origin: top left;
		-webkit-animation: slidein .5s;
			-moz-animation: slidein .5s;
			-ms-animation: slidein .5s;
			-o-animation: slidein .5s;
			animation: slidein .5s;
	}
	input:not([type="hidden"]):not([type="button"]):not(:focus) + .FocusInput, select:not(:focus) + .FocusInput, textarea:not(:focus) + .FocusInput, .froala-box ~ .FocusInput.Off {
		transform-origin: top left;
		-webkit-animation: slideout .5s forwards;
			-moz-animation: slideout .5s forwards;
			-ms-animation: slideout .5s forwards;
			-o-animation: slideout .5s forwards;
			animation: slideout .5s forwards;
	}
	label.Check.Radio {
		width: auto;
		background: none;
		box-shadow: none;
		color: #c5c5c1;
	}
	.Check-handle.Radio {
		width: 0.75em;
		height: 0.75em;
		left: 0.5em;
		top: 0.6em;
	}
	span.Check-label.Radio {
		width: 30px;
		display: inline-block;
		height: 30px;
		top: 0.25em;
	}
	.Check-input:checked ~ .Check-handle.Radio {
		left: 6px;
		width: 19px;
		height: 19px;
		top: 8px;
		display: inline-block;
	}
	.LabelRadio {
		line-height: 2.25em;
		display: inline-block;
		vertical-align: top;
		letter-spacing: 0;
		padding: 0 0.25em;
		font-size: 0.95em;
	}
	.Check-input:checked ~ .LabelRadio {
		color: #02bbd4;	
	}
	.InlineEditor {
		max-width: 60%;
		display: inline-block !important;
	}
	.InlineEditor .froala-view {
		font-size: 0.85em !important;
		line-height: 3em;
	}
	.labelInline label,
	.labelInline input[type="text"],
	.labelInline input[type="search"],
	.labelInline input[type="password"],
	.labelInline input[type="email"],
	.labelInline input[type="date"],
	.labelInline select, .InlineEditor, .InlineDiv {
		display: inline-block;
		vertical-align: top;
	}
	input[type="text"],
	input[type="search"],
	input[type="password"],
	input[type="email"],
	input[type="date"],
	select,
	textarea, .InlineEditor {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(229, 229, 225, 0.5);
		border: none;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
	}
	.FakeInput {
		background: #f2f2f0;
		margin-top: 1.5em;
		height: 2.75em;
		padding: 0 10px 0 0 !important;
		line-height: 2.75em;
		text-align: right;
	}
	select.Real {
		-moz-appearance: menulist;
		-webkit-appearance: menulist;
		-ms-appearance: menulist;
		appearance: menulist;
	}
	input[type="text"]:disabled
	{
		cursor: no-drop;
		color: #bcbcb9;
	}
	input[type="text"]:disabled:hover
	{
		text-indent: -300%;
		-moz-transition: all 5s ease-in-out .5s;
		-webkit-transition: all 5s ease-in-out .5s;
		-ms-transition: all 5s ease-in-out .5s;
		transition: all 5s ease-in-out .5s;
	}
		input[type="text"]:invalid,
		input[type="search"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="date"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		.wrapper.Beige input[type="text"]:focus,
		.wrapper.Beige input[type="search"]:focus,
		.wrapper.Beige input[type="password"]:focus,
		.wrapper.Beige input[type="email"]:focus,
		.wrapper.Beige select:focus,
		.wrapper.Beige textarea:focus,
		input[type="text"]:focus,
		input[type="search"]:focus,
		input[type="date"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			background: #fff;
		}

	input[type="file"], .PickImage footer button, input[name="PixDesign"]/* , #FilterBox */ {
		display: none;
	}
	.InlineInput input[type="file"], .fr-p-bttn.f-browse-links .fa {
		display: none !important;
	}
	.InlineInput label {
		background: -moz-linear-gradient(left, #707070 0%, #707070 40%, #edede9 40%, #edede9 100%) !important;
		background: -webkit-linear-gradient(left, #707070 0%,#707070 40%,#edede9 40%,#edede9 100%) !important;
		background: linear-gradient(to right, #707070 0%,#707070 40%,#edede9 40%,#edede9 100%) !important;
		min-width: 100% !important;
		cursor: pointer;
	}
	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before, .f-browse-links:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before, .f-browse-links:before {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			color: #fff;
			content: '\f078';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
			background: #dadad7;
			z-index: 2;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="search"],
	input[type="password"],
	input[type="email"],
	input[type="date"],
	select, .InlineEditor {
		height: 2.75em;
		letter-spacing: 0;
	}
	input#FiltreImage {
		margin: 0 1em 1em;
		width: calc(100% - 2em);
	}
	textarea {
		padding: 0.75em 1em;
		max-width: 100%;
		min-width: 100%;
	}
	.froala-editor .froala-popup div.f-popup-line textarea {
		color: #707070;
		font-size: 1em;
		letter-spacing: 0;
	}
	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.25);
				border-radius: 3px;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #8f8f8b;
			color: #fff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			box-shadow: 0 0 0 2px #00bed6 inset;
		}

	input[type="checkbox"] + label:before {
		border-radius: 3px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}
	input[type="radio"] + label:not(.Themes):after {
		content: '';
		display: inline-block;
		border: 1px dashed #2bbbd2;
		left: 2.5em;
		height: 15px;
		width: 10px;
		vertical-align: middle;
	}
	input[name="PixRatio"] + label:hover:after {
		background: rgba(43, 187, 210, 0.2);
	}
	input[type="radio"][value="16:9"] + label:after {
		width: 27px;
	}
	input[type="radio"][value="25:10"] + label:after {
		width: 38px;
	}
	input[type="radio"][value="4:3"] + label:after {
		width: 20px;
	}
	input[type="radio"][value="1:1"] + label:after {
		width: 15px;
	}
	input[type="radio"][name="PixRatio"] +label {
		height: 1.65em;
		max-width: 100%;
		padding-right: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
	::-webkit-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
		font-size: 0.85em;
	}

	:-moz-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
		font-size: 0.85em;
	}

	::-moz-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
		font-size: 0.85em;
	}

	:-ms-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
		font-size: 0.85em;
	}

	.formerize-placeholder, .InlineEditor .froala-element.f-placeholder+span.fr-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
		font-size: 0.85em;
		-webkit-font-smoothing: unset;
		-moz-osx-font-smoothing: unset;
	}

/* Box */

	.box {
		border: solid 2px #fff;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			border: solid 2px #fff;
			display: inline-block;
			font-size: 1.35em;
			height: calc(3em + 2px);
			line-height: 3em;
			text-align: center;
			width: calc(3em + 2px);
		}

			.icon.major:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				display: inline-block;
				font-size: 1.5em;
			}

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

				.icon.major {
					font-size: 1em;
				}

			}

		.icon.style1 {
			color: #00ffcc;
		}

		.icon.style2 {
			color: #00f0ff;
		}

		.icon.style3 {
			color: #76ddff;
		}

/* Image */

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

		.image img {
			display: block;
		}

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

		.image.right {
			float: right;
			margin: 0 0 2em 2em;
			top: 0.25em;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #fff;
				padding: 0.5em 0;
			}

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

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0 !important;
				}

			ul.icons.major {
				padding: 1em 0;
			}

				ul.icons.major li {
					padding-right: 3.5em;
				}

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

						ul.icons.major li {
							padding: 0 1em !important;
						}

					}

		ul.actions, ul#SearchType {
			list-style: none;
			padding-left: 0;
		}

			ul.actions li, ul.HList li {
				display: inline-block;
				padding: 0 1.5em 0 0;
				vertical-align: middle;
			}

			ul.actions.next li {
				padding: 0;
			}

				ul.actions li:not(.Lipper):last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.75em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1.5em 0 0 0;
			}

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

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.75em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1.5em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1.5em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1.5em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.75em;
					width: calc(100% + 0.75em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.75em;
					}

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

				ul.actions li:not(.PixButton) {
					display: block;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

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

					ul.actions li > * {
						margin: 0 auto !important;
						max-width: 30em;
						width: 100%;
					}

						ul.actions li > *.icon:before {
							margin-left: -1em;
						}

				ul.actions.small li {
					padding: 0.5em 0 0 0;
				}

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

			}

	dl {
		margin: 0 0 2em 0;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px #fff;
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgb(242, 242, 242);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #fff;
			font-size: 0.9em;
			font-weight: 600;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px #fff;
		}

		table.CoursEleve thead {
			border-bottom: none;
		}
		
		table.dataTable thead th, table.dataTable thead td {
			border-bottom: none;
		}
		table tfoot {
			border-top: solid 2px #fff;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px #fff;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Header */

	section#Header {
		position: fixed;
		z-index: 10;
		left: 0;
		right: 0;
		background: #e5e5e1;
		box-shadow: 0 5px 10px 20px rgba(0,0,0,0.2);
		top: 0;
		padding: 2em 3em 0;
	}
	@media screen and (max-width: 480px) {
		section#Header {
			padding: 1em 1em 0;
		}
	}

	section#Header li form input {
		height: 4em;
		line-height: 4em;
	}
	section#Header li form button {
		height: 5em;
	}
	
	#Header > .row.uniform {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}

/* #ShortCutTool */

#ShortCutTool {
	position: absolute;
	margin: 0;
	width: 80px;
	left: -80px;
	padding: 0;
	top: calc(50% - 2em);
	border-radius: 80px;
}
.NoSmartList #ShortCutTool {
	position: fixed;
	left: 20px;
	top: 195px;
}
#ShortCutTool .Pastille {
	box-shadow: none;
	width: 100%;
	height: auto;
	padding: 0 10px 0 0 !important;
}

#ShortCutTool .Pastille i {
	font-size: 30px;
	line-height: normal;
	text-align: center;
	padding: 10px;
	color: #707070;
	border-radius: 30px;
	width: 50px;
	height: 50px;
}

#ShortCutTool .Pastille:hover i {
	background: rgba(255,255,255,0.4);
	color: #00bed8;
}
#ShortCutTool button:active
{
	background: none;
}
.ShortCut button i {
	color: #707070;
	display: block;
	font-size: 1.25em;
}
.AddNewCours form {
	padding: 0;
}
.AddNewCours #PixMusicSchoolCoursHour {
	width: calc(100% - 2.4em);
	display: inline-block;
	vertical-align: top;
}
.AddNewCours label:not(.Check) {
	width: auto;
	padding-right: 1em;
}
.AddNewCours .RoundNone label:not(.Check) {
	border-radius: 0;
}
.AddNewCours .PixCalendarHour {
	vertical-align: middle;
}
.AddNewCours .InCheck {
	display: inline-block;
	width: 5.188em;
}
.InlineButton {
	vertical-align: top !important;
}
.InlineButton button {
	height: 3.45em !important;
	width: 100%;
}
/* PixContent */

	section#PixContent {
		margin-top: 10em;
		position: relative;
		opacity: 0;
	}

/* ExtraMenu */

	ul.ExtraMenu {
		position: absolute;
		top: 7em;
	}
	ul.ExtraMenu li, #PixListCatMenu li.Pastille {
		background: #e5e5e1;
		box-shadow: 0 0 0 0.5em rgba(229, 229, 225, 0.5);
		margin-right: 1.5em;
		position: relative;
		z-index: 2;
		line-height: 27px;
	}
	li#PixListCat {
		line-height: normal;
		padding-top: 0.5em;
		padding-right: 0.5em;
		box-shadow: -20px 0px 0px 0px #707070, -40px 0 70px -40px rgba(0,0,0,0.5) inset;
		background: #707070;
		padding-bottom: 0.5em;
	}
	#PixListCat ul/* .SortCat */ {
		padding-left: 0;
	}
	#PixListCat ul.SortCat li.PixButton {
		margin-right: 0;
	}
	ul.ExtraMenu li:hover, .MiniBtn:hover, #PixListCat li:hover {
		color: #00BCD4;
	}
	#Header li.Pastille.active {
		width: 68px;
		background: #ffa500;
		color: #fff;
	}
	#Header li.Pastille.active a {
		width: 68px;
		display: inline-block;
	}
	ul.ExtraMenu li.Pastille > a {
		border: none;
	}
	ul.ExtraMenu li.Pastille.active > a:hover {
		color: #fff;
	}
	#PixListCatMenu li.Pastille {
		color: #707070;
		margin: 1em;
		z-index: 3;
	}
	#PixListCatMenu li.Pastille.active {
		background: #01bcd5;
		color: #fff;
	}
	#PixListCatMenu li.MiniBtn.active {
		color: #01bcd5;
	}

/* Button */

	.Carre {
		display: inline-block;
		min-height: 4em;
		vertical-align: middle;
	}
	.Carre h5 {
		line-height: 5em;
		text-align: center;
		font-weight: 100;
		margin: 0;
		padding: 0;
		cursor: pointer;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	}
	.Carre.Arrow:hover h5 {
		line-height: 4em;
	}
	.Carre:hover::before {
		border-bottom: 10px solid #fff;
		top: 2.2em;
	}
	.Carres .Carre:hover ul.SubCarre:not(.HideMenu), .ExtraMenu li:focus ul.SubCarre, #PixListCatMenu li.Pastille:focus ul.SubCarre, li.Pastille.Button:focus ul.SubCarre, .ExtraMenu li ul.SubCarre:hover {
		transform-origin: top center;
		-webkit-animation: slidedown .5s;
			-moz-animation: slidedown .5s;
			-ms-animation: slidedown .5s;
			-o-animation: slidedown .5s;
			animation: slidedown .5s;
			top: 3em;
			opacity: 1;
	}
	.ExtraMenu ul.SubCarre, #PixListCatMenu li.Pastille ul.SubCarre {
		max-width: 12em;
		min-width: 12em;
		left: calc(-6em - -14px);
		padding: 1em;
		width: 12em;
	}
	li.Pastille.Button ul.SubCarre {
		left: calc(-5em - 5px);
		padding: 1em;
		width: 12em;
	}
	.ExtraMenu ul.SubCarre::before, #PixListCatMenu li.Pastille ul.SubCarre::before, li.Pastille.Button ul.SubCarre::before {
		border-bottom: 10px solid #f5f5f1;
		top: -10px;
	}
	ul.ExtraMenu li .SubCarre > li, #PixListCatMenu li.Pastille ul.SubCarre > li, li.Pastille.Button ul.SubCarre > li {
		text-align: left;
		font-size: 0.75em;
		line-height: 1.25em;
		margin: 0;
		background: none;
		box-shadow: none;
		color: #707070;
		letter-spacing: 0;
		border-bottom: 1px solid #e5e5e1;
		padding: 0.5em 0 0.5em;
		text-align: left;
		width: 100%;
		cursor: pointer;
	}
	ul.SubCarre {
		position: absolute;
		opacity: 0;
		top: -10000em;
		width: calc(100% - 0.5em);
		z-index: 3;
		padding-right: 1em;
	}
	ul.SubCarre > li:hover {
		background: rgba(0,0,0,0.02) !important;
		box-shadow: -5px 0px 0px 1px rgba(0,0,0,0.02), 1px 0px 0px 1px rgba(0,0,0,0.02) !important;
	}
	.NoClic li {
		cursor: default;
	}
	.SubCarre h5 {
		letter-spacing: 0;
		color: #707070 !important;
		margin: 0;
		text-align: center;
	}
	li.SubMenus {
		padding: 0;
		list-style: none;
		position: relative;
	}
	li.SubMenus .fa {
		min-width: 1.4em;
	}
	li.SubMenus:hover .fa {
		color: #00BCD4;
		transform: translate(-2.5em, 0);
		background: #f5f5f1;
		border-radius: 3em;
		box-shadow: 0 0 0 5px #f5f5f1, 0 0 0 16px rgba(245, 245, 241, 0.5);
	}
	hr.SubMenu {
		border: 1px solid #e5e5e0;
		padding: 0 !important;
		margin: 1.5em 0 1em 1.5em;
		width: calc(100% - 1.5em);
	}
	.SubCarre hr {
		margin: 0.5em 0;
	}
	.SubMenus button {
		height: auto;
		line-height: 3em;
		display: inline-block;
		padding: 0 0 0 0.5em;
		font-weight: normal;
		font-size: 0.7em;
		box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
		letter-spacing: 0.1em;
		width: calc(100% - 2em);
		text-align: left;
		color: #707070;
		cursor: pointer;
	}
	.SubMenus button:hover {
		background: rgba(0,0,0,0) !important;
	}
	li.SubMenus::before {
		content: '';
		width: 0;
		height: 2px;
		background: #00BCD4;
		position: absolute;
		bottom: 0;
		opacity: 0;
	}
	li.SubMenus:hover::before {
		width: 100%;
		opacity: 1;
	}
	ul.SubMenuFiltre {
		height: 0px;
		margin: 0;
		overflow: auto;
		padding: 0;
		background: #fff;
	}
	ul.SubMenuFiltre:hover {
		height: 200px;
	}
	li[data-count] {
		cursor: pointer;
	}
	li[data-count]::after {
		content: attr(data-count);
		width: 2em;
		height: 2em;
		background: #00BCD4;
		position: absolute;
		color: #fff;
		font-size: 0.5em;
		line-height: 2em;
		border-radius: 1em;
		text-align: center;
		letter-spacing: 0;
		top: 6px;
		right: 45px;
	}
	li[data-count]:not(.SortItem):hover::after {
		transform: scale(1.85);
		transform-origin: left;
	}
	li.SortItem[data-count]::after, #PixListCat li.SortItem::before {
		border: 1px dashed #707070;
		height: 28px;
		top: -1px;
		right: -28px;
		border-radius: 0 28px 28px 0;
		background: #707070;
		width: 28px;
		line-height: 26px;
		font-size: 10px;
	}
	li.SortItem[data-count]::after {
		background: #555;
		border-left: none;
	}
	#PixListCat li.SortItem::before {
		border-radius: 28px 0 0 28px;
		left: -28px;
		top: -1px !important;
		border-right: none;
		height: 28px;
		background: #555555 !important;
		color: #02bbd5;
	}
	input:focus ~ ul.SubMenuFiltre {
		height: 300px;
	}
	.SubMenuFiltre li {
		list-style: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
	}
	.SubMenuFiltre li[data-categorie] {
		background: #f5f5f1;
		padding: 0.2em;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		line-height: 1.25em;
		border-top: 1px solid #e5e5e1;
		margin: 1.5em 0 1em;
	}
	.SubMenuFiltre li[data-id] div {
		font-size: 0.7em;
		padding: 0.2em;
		text-align: left;
		display: inline-block;
		line-height: 1.25em;
		width: 75%;
		vertical-align: middle;
		height: auto;
		overflow: hidden;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: #707070;
		margin: 0 0 0.5em 0;
	}
	.SubMenuFiltre li[data-id] img {
		display: inline-block;
		background: #f5f5f1;
		height: 2.5em;
		width: auto;
		vertical-align: middle;
		max-width: 25%;
	}
	.SubMenuFiltre li div.Thumb {
		width: 2.5em;
		height: 2.5em;
		background: #e5e5e1;
		margin-right: 5px;
		margin-left: 5px;
	}
	.Pastille {
		border-radius: 30px;
		width: 30px;
		z-index: 1;
		height: 30px;
		padding: 3px !important;
		text-align: center;
		border: none;
		cursor: pointer;
	}
	a.Pastille.BgBlanc:hover, .RotateKnob:hover {
		background: #555;
		box-shadow: 0 0 0 4px #fff, 0 0 20px 0px rgba(0,0,0,0.5);
	}
	a.Pastille.BgBlanc:active {
		background: #ffa501;
		box-shadow: 0 0 0 4px rgba(0,0,0,0.2), 0 0 20px 0px rgba(0,0,0,0.5);
	}
	a.Pastille.BgBlanc:hover .fa {
		color: #fff;
	}
	a.Pastille.BgBlanc.active:not(.PublishImage):not(.UnePhoto), a.Pastille.BgBlanc.active:not(.PublishImage):not(.UnePhoto):hover, #main .wrapper.Beige li.PixButton button.Pastille.Protect.active, .PopUp .PixButton button.Protect.active {
		width: 2.5em;
		background: #fff;
		cursor: default;
	}
	a.Pastille.active .fa, .MiniClose.active .fa, #main .wrapper.Beige li.PixButton button.Pastille.Protect.active .fa, .PopUp .PixButton button.Protect.active .fa {
		background: orange;
		color: #fff;
		border-radius: 2em;
		width: 1.3em;
		height: 1.3em;
		line-height: 1.3em;
		text-align: center;
		position: absolute;
		right: .25em;
		top: .25em;
		letter-spacing: 0;
		cursor: pointer;
	}
	a.Pastille.PublishImage.active .fa, a.Pastille.UnePhoto.active .fa {
		background: #02bbd4;
	}
	#main .wrapper.Beige li.PixButton button.Pastille.Protect.active, .PopUp .PixButton button.Protect.active {
		box-shadow: 0 0 0px 3px #e5e5e1 inset;
		background: #f5f5f1;
	}
	#main .wrapper.Beige li.PixButton button.Pastille.Protect.active:hover, .PopUp .PixButton button.Protect.active:hover {
		background: #c5c5c1 !important;
	}
	#main .wrapper.Beige li.PixButton button.Pastille.Protect.active .fa, .PopUp .PixButton button.Protect.active .fa {
		top: 6px;
		right: 6px;
	}
	.PopUp .PixButton .InlineContent button.Protect.active .fa-trash {
		font-size: 1.25em;
		top: 2px;
		right: 2px;
	}
	.ErrorPop {
		padding: 7em 2em 1em;
	}
	.ErrorPop p {
		word-break: break-word;
		max-height: 300px;
		overflow: auto;
	}
	ul.actions.fit li.MiniClose.active .fa {
		font-size: 24px;
		right: 0.75em;
		top: 0.25em;
	}
	.labelIcon .Mini {
		width: 100%;
		height: 3.5em;
	}
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button,
	button.dt-button.buttons-collection.Bottom {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: transparent;
		border: 0;
		box-shadow: inset 0 0 0 2px #fff;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		height: 3.125em;
		letter-spacing: 0.225em;
		line-height: 3.125em;
		padding: 0 2.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover,
		.gray-theme.froala-modal .f-modal-wrapper h4 i.fa-times:hover {
			background-color: rgba(144, 144, 144, 0.25);
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: rgba(144, 144, 144, 0.5);
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special,
		button.dt-button.buttons-collection.Bottom {
			background-color: #01bbd3;
			box-shadow: none;
			color: #ffffff !important;
			outline: none;
		}
		button.dt-button.buttons-collection.Bottom {
			bottom: -2em;
			position: absolute;
			background-image: none;
			border: none;
			border-radius: 6px;
			left: calc(50% - 100px);
			width: 200px;
		}
		.button.special li:not(.MiniClose) {
			overflow: hidden;
		}
			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover,
			#main .wrapper.Beige li.PixButton button.active:hover,
			#main .wrapper.Beige li.PixButton a:hover,
			.PopUp .PixButton button.active:hover,
			li.Pastille.Button:hover,
			.gray-theme.froala-editor .froala-popup button.fr-p-bttn.f-ok.f-submit:hover,
			.gray-theme.froala-editor .froala-popup button.fr-p-bttn.f-ok:hover,
			.btn.btn-primary.active:hover,
			.ButtonLabel:hover,
			button.dt-button.buttons-collection.Bottom:hover,
			div.dt-button-collection button.dt-button:hover,
			button.dt-button:active:not(.disabled):hover:not(.disabled) {
				background-color: #03aabf !important;
				box-shadow: 0 10px 20px 0px rgba(2, 133, 150, 0.5) inset;
			}
			#main .wrapper.Beige li.PixButton button:hover {
				box-shadow: 0 10px 20px 0px rgba(2, 133, 150, 0.5) inset;
			}
			.Solo input.special, .Solo input:hover.special {
				background: #0000 !important;
				box-shadow: none !important;
			}
			#main .wrapper.Beige li.PixButton button.active:not(.Protect),
			.PopUp .PixButton button.active:not(.Protect), li.Pastille.Button.active, div.Pastille.active {
				background-color: #03aabf !important;
			}
			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #01bbd3;
				box-shadow: 0 0 0 3px #85dbe6, 0px 0px 0px 4px rgba(0,0,0,0.1);
				outline: none;
			}
		a.button.Mini {
			height: 2em;
			vertical-align: bottom;
			line-height: 2em;
			padding: 0 0.5em;
		}
		div.Pastille.active .fa {
			color: #fff;
		}
		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}
		button.Processing:disabled {
			opacity: 1;
			color: #5dd4e4 !important;
		}

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

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				height: 3.75em;
				line-height: 3.75em;
			}

		}

/* Features */

	.features {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		list-style: none;
		padding: 0;
		width: 100%;
	}

		.features li {
			padding: 4em 4em 2em 6em ;
			display: block;
			position: relative;
			text-align: left;
			width: 50%;
		}

			.features li:nth-child(1) {
				background-color: rgba(0, 0, 0, 0.035);
			}

			.features li:nth-child(2) {
				background-color: rgba(0, 0, 0, 0.07);
			}

			.features li:nth-child(3) {
				background-color: rgba(0, 0, 0, 0.105);
			}

			.features li:nth-child(4) {
				background-color: rgba(0, 0, 0, 0.14);
			}

			.features li:nth-child(5) {
				background-color: rgba(0, 0, 0, 0.175);
			}

			.features li:nth-child(6) {
				background-color: rgba(0, 0, 0, 0.21);
			}

			.features li:nth-child(7) {
				background-color: rgba(0, 0, 0, 0.245);
			}

			.features li:nth-child(8) {
				background-color: rgba(0, 0, 0, 0.28);
			}

			.features li:nth-child(9) {
				background-color: rgba(0, 0, 0, 0.315);
			}

			.features li:nth-child(10) {
				background-color: rgba(0, 0, 0, 0.35);
			}

			.features li:before {
				display: block;
				color: #00ffcc;
				position: absolute;
				left: 1.75em;
				top: 2.75em;
				font-size: 1.5em;
			}

			.features li:nth-child(1) {
				border-top-left-radius: 3px;
			}

			.features li:nth-child(2) {
				border-top-right-radius: 3px;
			}

			.features li:nth-last-child(1) {
				border-bottom-right-radius: 3px;
			}

			.features li:nth-last-child(2) {
				border-bottom-left-radius: 3px;
			}

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

				.features li {
					padding: 3em 2em 1em 2em ;
					text-align: center;
				}

					.features li:before {
						left: 0;
						margin: 0 0 1em 0;
						position: relative;
						top: 0;
					}

			}

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

				.features li {
					padding: 3em 0 1em 0 ;
					background-color: transparent !important;
					border-top: solid 2px #fff;
					width: 100%;
				}

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

			}

/* Spotlight */

	.spotlight {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

		.spotlight .image {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 1;
			border-radius: 0;
			width: 40%;
		}

			.spotlight .image img {
				border-radius: 0;
				width: 100%;
			}

		.spotlight .content {
			padding: 2em 4em 0.1em 4em ;
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 2;
			max-width: 48em;
			width: 60%;
		}

		.spotlight:nth-child(2n) {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

		.spotlight:nth-child(1) {
			background-color: rgba(0, 0, 0, 0.075);
		}

		.spotlight:nth-child(2) {
			background-color: rgba(0, 0, 0, 0.15);
		}

		.spotlight:nth-child(3) {
			background-color: rgba(0, 0, 0, 0.225);
		}

		.spotlight:nth-child(4) {
			background-color: rgba(0, 0, 0, 0.3);
		}

		.spotlight:nth-child(5) {
			background-color: rgba(0, 0, 0, 0.375);
		}

		.spotlight:nth-child(6) {
			background-color: rgba(0, 0, 0, 0.45);
		}

		.spotlight:nth-child(7) {
			background-color: rgba(0, 0, 0, 0.525);
		}

		.spotlight:nth-child(8) {
			background-color: rgba(0, 0, 0, 0.6);
		}

		.spotlight:nth-child(9) {
			background-color: rgba(0, 0, 0, 0.675);
		}

		.spotlight:nth-child(10) {
			background-color: rgba(0, 0, 0, 0.75);
		}

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

			.spotlight .image {
				width: 45%;
			}

			.spotlight .content {
				width: 55%;
			}

		}

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

			.spotlight {
				display: block;
			}

				.spotlight br {
					display: none;
				}

				.spotlight .image {
					width: 100%;
				}

				.spotlight .content {
					padding: 4em 3em 2em 3em ;
					max-width: none;
					text-align: center;
					width: 100%;
				}

		}

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

			.spotlight .content {
				padding: 3em 2em 1em 2em ;
			}

		}

/* Wrapper */

	.wrapper {
		padding: 2em 0 2em 0 ;
	}

		.wrapper > .inner {
			width: 70em;
			margin: 0 auto;
		}

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

				.wrapper > .inner {
					width: 90%;
				}

			}

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

				.wrapper > .inner {
					width: 100%;
				}

			}

		.wrapper.alt {
			padding: 0;
		}

		.wrapper.Beige {
			background-color: #e5e5e1;
			color: #707070;
		}

			.wrapper.Beige strong, .wrapper.Beige b {
				color: inherit;
			}

			.wrapper.Beige h2, .wrapper.Beige h3, .wrapper.Beige h4, .wrapper.Beige h5, .wrapper.Beige h6 {
				color: #8f8f8b;
			}

			.wrapper.Beige hr {
				border-color: #dfdfdf;
			}

			.wrapper.Beige blockquote {
				border-color: #dfdfdf;
			}

			.wrapper.Beige code {
				background: rgba(229, 229, 225, 0.5);
			}

			.wrapper.Beige header p {
				color: #8E8892;
			}

			.wrapper.Beige header.major h2, .wrapper.Beige header.major h3, .wrapper.Beige header.major h4, .wrapper.Beige header.major h5, .wrapper.Beige header.major h6 {
				border-color: #dfdfdf;
			}

			.wrapper.Beige header.major p {
				color: #707070;
			}

			.wrapper.Beige label {
				color: #8f8f8b;
			}

			.wrapper.Beige input[type="text"],
			.wrapper.Beige input[type="search"],
			.wrapper.Beige input[type="password"],
			.wrapper.Beige input[type="email"],
			.wrapper.Beige input[type="date"],
			.wrapper.Beige select,
			.wrapper.Beige textarea, .InlineEditor {
				background: rgba(229, 229, 225, 0.5);
			}

			.wrapper.Beige input[type="text"].InputBlanc,
			.wrapper.Beige input[type="search"].InputBlanc,
			.wrapper.Beige input[type="password"].InputBlanc,
			.wrapper.Beige input[type="email"].InputBlanc,
			.wrapper.Beige select.InputBlanc,
			.wrapper.Beige textarea.InputBlanc {
				background-color: #f5f5f1;
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
			}

			.wrapper.Beige .select-wrapper:before {
				color: #dfdfdf;
			}

			.wrapper.Beige input[type="checkbox"] + label,
			.wrapper.Beige input[type="radio"] + label,
			.PopUp input[type="checkbox"] + label,
			.PopUp input[type="radio"] + label {
				color: #707070;
				text-overflow: ellipsis;
				overflow: hidden;
				width: 130%;
			}

				.wrapper.Beige input[type="checkbox"] + label:before,
				.wrapper.Beige input[type="radio"] + label:before {
					background: rgba(229, 229, 225, 0.5);
					box-shadow: 0 0 10px 0px rgba(0,0,0,0.2) inset;
				}

				.wrapper.Beige input[type="checkbox"] + label:hover:before,
				.wrapper.Beige input[type="radio"] + label:hover:before {
					box-shadow: 0 0 50px -10px rgba(0,0,0,0.2) inset;
					content: '\f00c';
					color: #fff;
				}

			.wrapper.Beige input[type="checkbox"]:checked + label:before,
			.wrapper.Beige input[type="radio"]:checked + label:before {
				background: #555555;
				color: #ffffff;
			}

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

			:-moz-placeholder {
				color: #c5c5c1 !important;
			}

			::-moz-placeholder {
				color: #c5c5c1 !important;
			}

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

			.formerize-placeholder, .InlineEditor .froala-element.f-placeholder+span.fr-placeholder {
				color: #c5c5c1 !important;
			}
			.InlineEditor .froala-element.f-placeholder+span.fr-placeholder {
				line-height: 3em;
				padding-left: 1em;
			}

			.wrapper.Beige .icon.major {
				border-color: #dfdfdf;
			}

			.wrapper.Beige ul.alt li {
				border-color: #dfdfdf;
			}

			.wrapper.Beige table tbody tr {
				border-color: #dfdfdf;
			}

				.wrapper.Beige table tbody tr:nth-child(2n + 1) {
					background-color: rgba(229, 229, 225, 0.5);
				}

			.wrapper.Beige table th {
				color: #8f8f8b;
			}

			.wrapper.Beige table thead {
				border-color: #dfdfdf;
			}

			.wrapper.Beige table tfoot {
				border-color: #dfdfdf;
			}

			.wrapper.Beige table.alt tbody tr td {
				border-color: #dfdfdf;
			}

			.wrapper.Beige input[type="submit"],
			.wrapper.Beige input[type="reset"],
			.wrapper.Beige input[type="button"],
			.wrapper.Beige button:not(.Mini):not(.fr-bttn):not(.fr-trigger):not(.fr-color-bttn):not(.NoBg),
			.wrapper.Beige .button {
				color: #8f8f8b;
			}

				.wrapper.Beige input[type="submit"]:hover,
				.wrapper.Beige input[type="reset"]:hover,
				.wrapper.Beige input[type="button"]:hover,
				.wrapper.Beige button:hover,
				.wrapper.Beige .button:hover,
				.ButtonBlanc:hover {
					background-color: rgba(229, 229, 225, 0.5);
				}

				.wrapper.Beige input[type="submit"]:active,
				.wrapper.Beige input[type="reset"]:active,
				.wrapper.Beige input[type="button"]:active,
				.wrapper.Beige button:active,
				.wrapper.Beige .button:active {
					background-color: rgba(0, 0, 0, 0.1);
				}

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

				.wrapper.Beige .features li {
					border-top-color: #dfdfdf;
				}

			}

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

			.wrapper {
				padding: 4em 3em 2em 3em ;
			}

		}

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

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

		}

/* Page Wrapper + Menu */

	#page-wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		opacity: 1;
	}

		#page-wrapper:before {
			background: transparent;
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10001;
		}

	#menu {
		-moz-transform: translateX(20em);
		-webkit-transform: translateX(20em);
		-ms-transform: translateX(20em);
		transform: translateX(20em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
		background: #ffa500;
		color: #ffffff;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		padding: 3em 2em;
		position: fixed;
		right: 0;
		top: 0;
		width: 20em;
		z-index: 10002;
	}

		#menu ul {
			list-style: none;
			padding: 0;
		}

			#menu ul > li {
				border-top: solid 1px rgba(0, 0, 0, 0.125);
				margin: 0.5em 0 0 0;
				padding: 0.5em 0 0 0;
			}

				#menu ul > li:first-child {
					border-top: 0 !important;
					margin-top: 0 !important;
					padding-top: 0 !important;
				}

				#menu ul > li > a {
					border: 0;
					color: inherit;
					display: block;
					font-size: 0.8em;
					letter-spacing: 0.225em;
					outline: 0;
					text-decoration: none;
					text-transform: uppercase;
				}

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

						#menu ul > li > a {
							line-height: 3em;
						}

					}

		#menu .close {
			background-image: url("images/close.svg");
			background-position: 4.85em 1em;
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: block;
			height: 3em;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}

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

			#menu {
				padding: 3em 1.5em;
			}

		}

	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
	}

		body.is-menu-visible #page-wrapper:before {
			display: block;
		}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

/* Header */

	#header {
		-moz-transition: background-color 0.2s ease;
		-webkit-transition: background-color 0.2s ease;
		-ms-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease;
		background: #8f8f8b;
		height: 3em;
		left: 0;
		line-height: 3em;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}

		#header h1 {
			-moz-transition: opacity 0.2s ease;
			-webkit-transition: opacity 0.2s ease;
			-ms-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			position: absolute;
			top: 0;
		}

			#header h1 a {
				border: 0;
				display: block;
				height: inherit;
				line-height: inherit;
			}

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

					#header h1 a {
						font-size: 0.8em;
					}

				}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0;
			top: 0;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				white-space: nowrap;
			}

				#header nav > ul > li {
					display: inline-block;
					padding: 0;
				}

					#header nav > ul > li > a {
						border: 0;
						color: #fff;
						display: block;
						font-size: 0.8em;
						letter-spacing: 0.225em;
						padding: 0 1.5em;
						text-transform: uppercase;
					}

						#header nav > ul > li > a.menuToggle {
							outline: 0;
							position: relative;
						}

							#header nav > ul > li > a.menuToggle:after {
								background-position: right center;
								background-repeat: no-repeat;
								content: '';
								display: inline-block;
								height: 3.75em;
								vertical-align: top;
								width: 2em;
							}

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

								#header nav > ul > li > a.menuToggle {
									padding: 0 1.5em;
								}

									#header nav > ul > li > a.menuToggle span {
										display: none;
									}

							}

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

							#header nav > ul > li > a {
								padding: 0 0 0 1.5em;
							}

						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

		#header.alt {
			background: transparent;
		}

			#header.alt h1 {
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}

/* Banner */

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		height: 100vh;
		min-height: 35em;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#banner h2 {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			display: inline-block;
			font-size: 1.75em;
			opacity: 1;
			padding: 0.35em 1em;
			position: relative;
			z-index: 1;
		}

			#banner h2:before, #banner h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #fff;
				content: '';
				display: block;
				height: 2px;
				position: absolute;
				width: 100%;
			}

			#banner h2:before {
				top: 0;
				left: 0;
			}

			#banner h2:after {
				bottom: 0;
				right: 0;
			}

		#banner p {
			letter-spacing: 0.225em;
			text-transform: uppercase;
		}

			#banner p a {
				color: inherit;
			}

		#banner .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 3.5s;
			-webkit-transition-delay: 3.5s;
			-ms-transition-delay: 3.5s;
			transition-delay: 3.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: 0;
			color: inherit;
			font-size: 0.8em;
			height: 8.5em;
			left: 50%;
			letter-spacing: 0.225em;
			margin-left: -8.5em;
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			text-align: center;
			text-transform: uppercase;
			width: 16em;
			z-index: 1;
		}

			#banner .more:after {
				background-image: url("images/arrow.svg");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				bottom: 4em;
				content: '';
				display: block;
				height: 1.5em;
				left: 50%;
				margin: 0 0 0 -0.75em;
				position: absolute;
				width: 1.5em;
			}

		#banner:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			background: #8f8f8b;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}

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

			#banner {
				padding: 7em 3em 5em 3em ;
				height: auto;
				min-height: 0;
			}

				#banner h2 {
					font-size: 1.25em;
				}

				#banner br {
					display: none;
				}

				#banner .more {
					display: none;
				}

		}

	body.is-loading #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-loading #banner h2:before, body.is-loading #banner h2:after {
			width: 0;
		}

	body.is-loading #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-loading #banner:after {
		opacity: 1;
	}

/* CTA */

	#cta .inner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		max-width: 45em;
	}

		#cta .inner header {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 1;
			padding-right: 3em;
			width: 70%;
		}

			#cta .inner header p {
				color: inherit;
			}

		#cta .inner .actions {
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 2;
			width: 30%;
		}

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

			#cta .inner {
				display: block;
				text-align: center;
			}

				#cta .inner header {
					padding-right: 0;
					width: 100%;
				}

				#cta .inner .actions {
					margin-left: auto;
					margin-right: auto;
					max-width: 20em;
					width: 100%;
				}

		}

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

			#cta .inner .actions {
				max-width: none;
			}

		}

/* Main */

	#main > header {
		padding: 12em 0 10em 0 ;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}

		#main > header h2 {
			font-size: 1.75em;
			margin: 0 0 0.5em 0;
		}

		#main > header p {
			color: inherit;
			letter-spacing: 0.225em;
			text-transform: uppercase;
			top: 0;
		}

			#main > header p a {
				color: inherit;
			}

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

			#main > header {
				padding: 10em 0 8em 0 ;
			}

		}

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

			#main > header {
				padding: 8em 3em 6em 3em ;
			}

		}

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

			#main > header {
				padding: 10em 3em 8em 3em ;
			}

		}

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

			#main > header {
				padding: 5em 3em 3em 3em ;
			}

				#main > header h2 {
					font-size: 1.25em;
					margin: 0 0 1em 0;
				}

		}

	body.is-mobile #main > header {
		background-attachment: scroll;
	}

/* Footer */

	#footer {
		padding: 6em 0 4em 0 ;
		background-color: #1d242a;
		text-align: center;
	}

		#footer .icons {
			font-size: 1.25em;
		}

			#footer .icons a {
				color: rgba(255, 255, 255, 0.5);
			}

				#footer .icons a:hover {
					color: #fff;
				}

		#footer .copyright {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.8em;
			letter-spacing: 0.225em;
			list-style: none;
			padding: 0;
			text-transform: uppercase;
		}

			#footer .copyright li {
				border-left: solid 1px rgba(255, 255, 255, 0.5);
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

				#footer .copyright li a {
					color: inherit;
				}

					#footer .copyright li a:hover {
						color: #fff;
					}

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

					#footer .copyright li {
						border: 0;
						display: block;
						line-height: 1.65em;
						margin: 0;
						padding: 0.5em 0;
					}

				}

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

			#footer {
				padding: 4em 3em 2em 3em ;
			}

		}

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

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

		}

/* Autre */

.Over.Fixed {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Border-Radius */

.roundNone, .roundNone label.roundLeft { border-radius: 0px; }
.roundAll { border-radius: 6px; }
.roundTop { border-radius: 6px 6px 0 0; }
.roundDown { border-radius: 0 0 6px 6px; }
.roundLeft, .fc-left { border-radius: 6px 0 0 6px; }
.roundRight, .fc-right { border-radius: 0 6px 6px 0; }
.roundTopLeft { border-radius: 6px 0 0 0; }
.roundTopRight { border-radius: 0 6px 0 0; }
.roundDownLeft { border-radius: 0 0 0 6px; }
.roundDownRight { border-radius: 0 0 6px 0; }

/* Background-color */

.BgBeigeLight {
	background-color: #efefeb;
}
.BgBeige {
	background-color: #e5e5e1;
	padding: 2em;
	box-shadow: 0 0 2em 0 rgba(85, 85, 85, 0.15);
}
.BgBlanc, .BgBeigeLight:hover {
	background-color: #f5f5f1;
}
li.BgBlanc:not(.Lipper) {
	padding: 2em;
	box-shadow: 0 0 2em 0 rgba(85, 85, 85, 0.15);
}
section.BgBlanc:not(.Lipper) {
	box-shadow: 0 0 2em 0 rgba(85, 85, 85, 0.15);
}
.BgBlanc.Lipper ul {
	box-shadow: 0 0 2em 0 rgba(85, 85, 85, 0.15);
}
.BgGris { background-color: #555555; }
.BgNoir { background-color: #333333; }

.BgTransparent { background: rgba(0,0,0,0) !important; }

/* Ancre */

.PopUp .AnchorCat {
	position: absolute;
	width: 30px;
	right: -15px;
}
.AnchorCat a.Pastille {
	background: #f5f5f1;
	color: #707070;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0;
	margin-top: 1.1em;
	border: none;
}
a.Pastille.Nav {
	color: #fff;
	background: #707070;
}
.AnchorCat a.Pastille:hover {
	color: #00BCD4;
}

/* Inline Content */

.InlineContent {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.85em;
}
.MaxSize {
	width: calc(100% - 10em);
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
.BorderBottom {
	border-bottom: 1px solid #707070;
}
.IconPrivilege {
	background: #e5e5e1 none repeat scroll 0 0;
	border-radius: 20px;
	display: inline-block;
	min-height: 21px;
	padding: 0 7px;
	vertical-align: middle;
}

/* Accordeon */

.Accordeon {
	padding: 0;
	position: relative;
}
.Accordeon h5 {
	cursor: pointer;
	padding: 2em;
	margin: 0;
	display: inline-block;
}

.Accordeon:hover h5 a, .Accordeon:not(.CloseAccordeon) h5 a, .AnchorCat a.actif {
	color: #00BCD4;
}
.Accordeon h5 > a {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 1em;
}
.Accordeon h5:hover {
	opacity: 0.5;
}
.Accordeon:not(.CloseAccordeon)  h5 > a {
	border-top: 10px solid #707070;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-bottom: none;
}
.CloseAccordeon h5 > a {
	border-left: 10px solid #707070;
	border-top: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid rgba(0, 0, 0, 0);
}
.Accordeon .row
{
	padding: 2em;
}
.Accordeon:not(.CloseAccordeon) {
	background: #fff;
}

.Accordeon.CloseAccordeon h5 ~ .row, .Accordeon.CloseAccordeon h5 + .MiniCheck, .Accordeon.CloseAccordeon h5 ~ .Ratio {
	display: none;
}

.Pastille.ChartPie::after {
	content: '';
	position: absolute;
	width: 2em !important;
	height: 2em;
	top: 0;
	left: 0 !important;
	border-radius: 2em;
	z-index: -1;
}
.Pastille.ChartPie.First::after {
	background: url(../../images/Chart1.svg) no-repeat center center rgba(0,0,0,0);
}
.Pastille.ChartPie.Second::after {
	background: url(../../images/Chart2.svg) no-repeat center center rgba(0,0,0,0);
}
.Pastille.CotizNotPaid:before {
	content: '';
	max-width: 20px;
	max-height: 20px;
	background: transparent;
	border-radius: 24px 0 0 0;
	position: absolute;
	height: 20px;
	top: -3px;
	left: -3px !important;
	border-top: 6px solid orange;
	transform-origin: center;
	border-left: 6px solid orange;
	background: rgba(255, 255, 255, 0.2);
}

/* Marges */

.MargeBottom { margin: 0 auto 6em; display: block;}
.MargeBottomMini { margin-bottom: 2em; }
.MargeTop { margin: 6em auto 0; display: block;}
.MargeTopMini { margin: 1em auto 0; display: block;}
.MargeTopMedium {margin-top: 2em; }
.MargeAuto { margin: auto; display: block;}
.NoMargeLeft { margin-left: 0; }
.NoMargeBottom { margin-bottom: 0 !important; }
.NoMargeRight { margin-right: 0; }
.NoMarge { margin: 0; }
.FloatNone { float: none; }
.ClearNone { Clear:none; }

/* Padding */

.NoPadding, .Cancelable li { padding: 0 !important; }
.NoPaddingLeft { padding-left: 0 !important; }
.NoPaddingRight { padding-right: 0 !important; }
.NoPaddingTop { padding-top: 0 !important; }
.PaddingTop { padding-top: 2em !important; }
.NoPaddingBottom { padding-bottom: 0 !important; }
.PaddingLeft { padding-left: 1em; }
.PaddingRight { padding-right: 1.5em; }
.PaddingBottom { padding-bottom: 1.5em; }

/* Vertical Align */

.VAlignMiddle { vertical-align: middle !important; }
.VAlignTop { vertical-align: top !important; }

/* Chiffre ID */

.row.uniform[data-id]::before, li[data-id]::before {
	position: absolute;
	right: -0.5em;
	color: #f5f5f1;
	font-size: 3em;
	top: -1.45em;
}
li[data-id]::before {
	font-size: 0.7em;
	top: -1.6em;
	right: 0;
}

/* Item Sortable */

li.SortItem {
	list-style: none;
	float: left;
	padding: 1em;
	box-shadow: 0 0 0 10px #f5f5f1 inset, 0 0 10px 6px rgba(0,0,0,0.2) inset;
	vertical-align: middle;
	height: 100px;
	background: #e5e5e1;
	position: relative;
}
li.SortItem::before {
	content: attr(data-position);
	top: -0.25em !important;
	left: calc(50% - 0.75em);
	background: #e5e5e1 !important;
}
.SortItemImage {
	height: 65px;
	width: 66px;
	display: inline-block;
	vertical-align: middle;
}

.SortItem p {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 70px);
	max-height: 65px;
	margin: 0;
	line-height: 1.2em;
	padding-left: 1em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.SortItem.Media p {
	min-width: 100%;
	padding: 0.75em 0.5em;
}

#PixListCat li.SortItem {
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
	background: none;
	border: 1px dashed #555555;
	padding: 6px;
	cursor: move;
	margin: 6px 0px 0 1.5em;
	height: 28px;
	line-height: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 3.5em);
	background: #707070;
}
#PixListCat li.SortItem:hover {
	background: #555555;
	color: #fff;
}
#PixListCat li.ui-state-highlight {
	border: 1px dashed #e5e5e1;
	width: 95% !important;
	background: #444;
	min-height: 28px !important;
	float: left;
	margin: 6px 0px 0 0;
	border-radius: 28px;
}

/* Champs image */

.PickImage:not(.PickOnly) header, .PickImage footer {
	width: 50%;
	float: left;
	background: #efefeb;
	height: 100%;
}
.PickImage.PickOnly header {
	background: #efefeb;
}
.PickImage.PickOnly footer {
	background: transparent;
}
.PickImage:not(.NoFadein), .ui-sortable .PickImage {
	position: relative;
	vertical-align: top;
	display: inline-block !important;
	float: none;
	margin-bottom: 1em;
}
.PickImage:not(.NoFadein), .Carre, #PixContent li:not(.WrappingUl):not(.Lipper):not(.PixButton):not(.PixArticleDateEvent):not(.PixArticleTitle):not(.PixArticleDate) {
	transform-origin: top center;
	-webkit-animation: fadein .5s;
		-moz-animation: fadein .5s;
		-ms-animation: fadein .5s;
		-o-animation: fadein .5s;
		animation: fadein .5s;
}
.PickImage:not(.PickOnly) header::before {
	content: 'ou';
	width: 3.5em;
	height: 3.5em;
	background: #fff;
	border-radius: 3em;
	font-size: 12px;
	padding: 1em;
	position: absolute;
	left: calc(100% - 1.5em);
	line-height: 1.5em;
	top: calc(50% - 1em);
	z-index: 1;
	box-shadow: 0 0 40px -10px rgba(0,0,0,0.2);
	color: #8f8f8b;
}
.IncorrectRatio::before {
	content: 'Le ratio de cadrage ne correspond pas aux proportions de cette image';
	position: absolute;
	background: rgba(255, 165, 4, 0.8);
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	letter-spacing: 0;
	left: calc(50% - 85px);
	width: 170px;
	text-align: center;
	height: auto;
	top: calc(50% - 50px);
	padding: 10px;
}
.label-file, .PickImage footer label {
	position: relative;
	height: 100%;
	padding: 2em 1em 0;
}
.label-file, .PickImage:not(.PickOnly) footer label {
	cursor: pointer;
}
.Ratio {
	width: 100%;
	padding: 0 2em;
	margin-bottom: 1em;
}
.PickImage header, .PickImage:not(.PickOnly) footer {
	border: 4px solid #f5f5f1;
	text-align: center;
	cursor: pointer;
	position: relative;
	height: 100%;
}
.PickImage h4 {
	font-size: 12px;
	letter-spacing: 0;
}
.PickImage .fa {
	font-size: 36px;
	color: #8f8f8b;
}
.PickImage *:hover .fa {
	color: #555555;
}
.PickImage header:hover, .PickImage:not(.PickOnly) footer:hover {
	background: #fff;
	border-color: #fff;
	box-shadow: 0 0 30px -10px rgba(0,0,0,0.5);
}
.PickImage:not(.NoFadein) .Thumb, .PopUp .fa-times, #ui-datepicker-div, #ImageList li.Loaded {
	transform-origin: top center;
	-webkit-animation: fadein .3s;
		-moz-animation: fadein .3s;
		-ms-animation: fadein .3s;
		-o-animation: fadein .3s;
		animation: fadein .3s;
}
.PopUp {
	transform-origin: top center;
	-webkit-animation: slidedown .5s;
		-moz-animation: slidedown .5s;
		-ms-animation: slidedown .5s;
		-o-animation: slidedown .5s;
		animation: slidedown .5s;
}

.PickImage .Thumb img {
	width: 100%;
}
.PickImage .Thumb .RotateKnob {
	background: #ffffff;
	border-radius: 50px;
}
canvas {
	left: -8px;
	position: inherit;
	top: -8px;
}
.RotateKnob canvas {
	left: 0px;
	top: 0px;
}
input.knobRotate {
	top: 14px;
	left: 9px;
	margin: 0 !important;
	color: #555555 !important;
}
.PixCalendarHour {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
section#Evenement .PixCalendarHour input {
	min-width: 100%;
}
.input-group-addon {
	display: inline-block;
	width: 2.75em;
	height: 2.75em;
	background: #707070;
}
.PixCalendarHour .fa-clock {
	color: #fff;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 1.5em;
	line-height: 1.85em;
}
input#PixCalendarKnobTimeStart {
	width: calc(100% - 2.75em);
}
div#KnobTimeCalendar {
	position: absolute;
	top: 35px;
	left: calc(50% - 35px);
	width: 70px;
	height: 2em;
	line-height: 1.75em;
}
.PickImage input.knobRotate {
	top: 10px;
	left: 6px;
	font-size: 10px !important;
}
.PickImage .Temp .Pastilles {
	bottom: -2.5em;
	opacity: 1;
	z-index: 999999999;
}
.PickImage.PickOnly .Thumb:hover a, .PickImage.PickOnly .Temp a {
	bottom: calc(50% - 3em);
}
.PickImage::before {
	content: attr(data-pickimage);
}
.PickImage::before, li.SortItem::before {
	position: absolute;
	background: #f5f5f1;
	height: 1.5em;
	width: 1.5em;
	color: #707070;
	font-size: 9px;
	line-height: 14px;
	top: 1.5em;
	text-align: center;
	border-radius: 2em 2em 0 0;
	z-index: 0;
}
.PickImage .Thumb .fa {
	font-size: 24px;
}
.Pastilles {
	width: 100%;
	position: absolute;
	bottom: 0;
	opacity: 0;
	z-index: -1;
	text-align: center;
}
#ImageList li.Files > .Pastilles {
	text-align: right;
	right: 1em;
}
#ImageList li.Files:hover > .Pastilles {
	bottom: calc(50% - 2.5em);
}
.Pastilles a.Pastille, .Pastilles .RotateKnob {
	display: inline-block;
	margin: 0 0.15em;
	position: relative;
	vertical-align: middle;
	position: relative;
	top: -1.5em;
}
.PickImage > header:hover .fa:not(.fa-cloud), .PickImage:not(.PickOnly) > footer .fa:not(.fa-cloud) {
	color: #fff;
	transform: translate(0,-35px) scale(0.4,0.4);
}
.PickImage > header .fa:not(.fa-cloud), .PickImage:not(.PickOnly) > footer:hover .fa:not(.fa-cloud) {
	transform: translate(0,0.15em);
}
.PickImage header::after, .PickImage:not(.PickOnly) footer::after {
	content: '';
	width: 3em;
	height: 2.5em;
	border: 1px dashed rgba(0,0,0,0.1);
	position: absolute;
	left: calc(50% - 1.5em);
	bottom: 0.5em;
}
.PickImage.Hide, .PopUp.Hide, form.Hide, li.Hide, div.Hide {
	transform-origin: top center;
	-webkit-animation: fadeout .5s forwards;
		-moz-animation: fadeout .5s forwards;
		-ms-animation: fadeout .5s forwards;
		-o-animation: fadeout .5s forwards;
		animation: fadeout .5s forwards;
}
.MaskImage {
	overflow: hidden;
}
.PopUpFroalaNewImage {
	float: none;
	margin: 0 auto 0;
}

.PickImage.Photos:not(.active) .Thumb > img {
	opacity: 0.2;
}

/* Recadrage image */

.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 {
	filter: alpha(opacity=50);
	opacity: 0.5;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.imgareaselect-handle {
	background: #2bbbd2;
	transform: translate(-8px,-8px);
}
.imgareaselect-handle.a {
	transform: translate(0,-8px);
}
.imgareaselect-handle.b {
	transform: translate(8px,0);
}
.imgareaselect-handle.c {
	transform: translate(0,8px);
}
.imgareaselect-handle.d {
	transform: translate(-8px,0);
}
.imgareaselect-handle.e {
	transform: translate(8px,-8px);
}
.imgareaselect-handle.e.f {
	transform: translate(8px,8px);
}
.imgareaselect-handle.f:not(.e) {
	transform: translate(-8px,8px);
}

.imgareaselect-selection {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-shadow: 0 0 0 2px #2bbbd2 inset, 0 0 20px 0px rgba(0, 0, 0, 0.5) inset;
}
.recadrage::after {
	border-left: 1px dashed rgba(255, 255, 255, 0.5);
	border-right: 1px dashed rgba(255, 255, 255, 0.5);
	content: "";
	height: 100%;
	left: 33.33%;
	position: absolute;
	width: 33.33%;
}

.recadrage::before {
	border-top: 1px dashed rgba(255, 255, 255, 0.5);
	border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
	content: "";
	height: 33.33%;
	top: 33.33%;
	left: 0;
	position: absolute;
	width: 100%;
}

/* Position */

.Fixed {
	position: fixed !important;
}
.Relative, .row.uniform[data-id], li[data-id], .PickImage .Thumb, .PopUp, .PopUp .fa-times, #ui-datepicker-div {
	position: relative;
}
.Absolute {
	position: absolute;
}

/* Loader */

.SaveInProgress, .froala-overlay {
	background-color: rgba(10, 10, 10, 0.8);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3001;
}

#progression {
	background-color: #00BCD4 ;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.2);
	height: 5px;
	left: 0;
	opacity: 0.8;
	position: relative;
	top: 0;
	width: 0%;
	z-index: 3003;
	max-width: 100%;
}
#bloc_Progression {
	top: 50%;
	left: 10%;
	right: 10%;
	height: 5px;
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.OverTheTop {
	z-index: 99999999999999999;
}
#info_progression {
	text-align: right;
	font-size: 70%;
	letter-spacing: 0;
	color: #fff;
}
#ImageList .SaveInProgress {
	top: 2.15em;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#ImageList li .SaveInProgress {
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
}
#ImageList .SaveInProgress.Top {
	height: 10px;
	top: 5em;
}
#ImageList .SaveInProgress.Top #bloc_Progression {
	left: 0;
	right: 0;
	border-radius: 0;
}
.Blur {
	filter: blur(5px);
	-webkit-filter: blur(5px);
}
.PopUpContent .SaveInProgress.In {
	top: 5.5em;
	height: calc(100% - 6.5em);
	left: 1em;
	width: calc(100% - 2em);
}
.PopUpContent .PickImage .SaveInProgress.In {
	top: 0;
	height: 100%;
	left: 1.5em;
	width: calc(100% - 1.5em);
}

/* PopUp */

.PopUp {
	z-index: 3001;
	left: 0;
	top: -100%;
}
.PopUp .InForm:not(.PopUpFroalaNewImage):not(.PopUpFroalaNewFile):not(.PopUpCommunication) {
	max-height: 100%;
	overflow: auto;
}
.PopUp, .PopUp h3, .PopUp h4, .PopUp h5, .PopUp h6, .PopUp b, .PopUp strong, .froala-modal input {
	color: #707070;
}
.PopUp .PopUpContent > h3 {
	padding: 1.5em;
	background: #e5e5e1;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}
.PopUpContent {
	padding-top: 8em;
	box-shadow: 0 0 5em 0 rgba(0,0,0,0.5);
}
#ImageList li .InfosFile, #ImageList li img {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 1em 0 0;
}
#ImageList .InfosFile {
	padding: 0 0 1em 0 !important;
}
.PopUp .InfosFile h4 {
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
	font-weight: normal;
	word-break: break-word;
	line-height: 14px;
	margin: 0 0 0.25em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.PopUp .InfosFile span {
	font-size: 12px;
	letter-spacing: 0;
	border-top: 1px solid #00000040;
	display: block;
	line-height: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	padding-top: 5px;
}
.ui-draggable .PopUpContent h3, .PickImage .Thumb a.Pastille.SortImage, li.SortItem, li.SortItem * {
	cursor: move;
}
.gray-theme.froala-modal .f-modal-wrapper h4 {
	display: block;
	margin: 0 0 2em 0;
	padding: 1.5em;
	background: #e5e5e1;
	position: relative;
	color: #707070;
	text-align: left;
}
.PopUp h6 {
	border-bottom: 1px solid;
	padding-left: 3em;
	color: #01bcd5;
}
.PopUp button.Close, .gray-theme.froala-modal .f-modal-wrapper h4 i.fa-times {
	color: #707070;
	box-shadow: none;
	font-size: 1.5em;
	border-radius: 2em;
	width: 1.5em;
	padding: 0;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	top: 1em;
	right: 1em;
	position: absolute;
	letter-spacing: 0;
	z-index: 999999;
}
.gray-theme.froala-modal .f-modal-wrapper h4 i.fa-times {
	top: 0.75em;
}
.PopUp .ButtonOut {
	position: absolute;
	bottom: -1em;
	padding-left: 0 !important;
	left: 0;
	padding-top: 0 !important;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.ErrorPop .ButtonOut {
	bottom: -1em;
}
.ButtonOut:hover {
	transform: translate(0px,5px);
}
.MidBot.ButtonOut {
	bottom: 1em;
}
.ButtonOut.BottomLess {
	bottom: 2em !important;
}
.PopUp form.Saving ul.ButtonOut {
	bottom: 1em;
}
.Scroll {
	overflow: auto;
	padding: 1.5em !important;
	margin-bottom: 40px;
}
.Scroll.StickyScroll {
	padding-top: 0 !important;
}
#ImageList, #ArticleList {
	position: relative;
	overflow: hidden;
}
#FileList {
	min-height: 90px;
}
#FileList .Files .InfosFile, ul#FileList .Files .FileImage {
	display: none;
	vertical-align: middle;
}
#FileList .Files img {
	max-height: 70px;
	width: auto;
}
#ImageList.Scroll {
	padding-left: 0 !important;
	margin: 0;
}
#ImageList li:not(.WrappingUl) {
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	display: inline-block;
/* 	Important Froala pick existing image */
	height: 119px;
	box-shadow: 0 0 0 5px #f5f5f2 inset;
}
#ImageList li:not(.WrappingUl).Large {
	height: auto;
	width: 33.33%;
	min-height: 170px;
}
#ImageList li.Files {
	box-shadow: 0 1em 2em -1em rgba(0,0,0,0.2);
	margin-bottom: 2em;
	background: rgba(255, 255, 255, 0.5);
	text-align: left;
	padding: 1em;
}
.BackGroundThumb {
	transition: background-size .5s ease-in;
	-moz-transition: background-size .5s ease-in;
	-ms-transition: background-size .5s ease-in;
	-o-transition: background-size .5s ease-in;
	-webkit-transition: background-size .5s ease-in;
	background-size: 116px;
	background-attachment: scroll;
	background-color: rgba(255, 255, 255, 0);
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.BackGroundThumb:hover {
	background-size: 150%;
}

#ImageList li.Hidden, #MediaFiles li.Hidden, #FileList li.Hidden, #PopUpModifyMedia iframe, li#PixListCat {
	display: none;
}
#ImageList li img {
	width: auto;
	height: auto;
	max-width: 116px;
	max-height: 116px;
	padding: 10px 5px 0;
}
ul.WrappedLi {
	position: absolute;
	top: 0;
	text-align: center;
	min-height: 100%;
	min-width: 100%;
	padding: 35px 35px 0;
	text-align: left;
}
.NoImage ul.WrappedLi {
	max-width: calc(100% - 1.5em);
	min-width: 100%;
	margin-bottom: 1.5em;
}
.Lipper ul {
	margin: 0;
}
.TextBlack img.Thumb {
	max-height: 116px;
	padding: 0 10px 0 0;
	max-width: 100%;
	width: auto;
	height: auto;
}
.Lipper {
/* 	padding: 0 !important; */
	margin-right: 2em;
}
.\32 u.Lipper {
	width: calc(16.6666666667% - 1.25em);
}
.\32 u.Lipper:nth-child(6n+6) {
	margin-right: 0;
}
.\33 u.Lipper {
	width: calc(25% - 2em);
}
.\33 u.Lipper:nth-child(4n+4) {
	margin-right: 0;
}
.\34 u.Lipper {
	width: calc(33.33% - 1.5em);
}
.\34 u.Lipper:nth-child(3n+3) {
	margin-right: 0;
}
.\36 u.Lipper {
	width: calc(50% - 0.75em);
}
.\36 u.Lipper.Media, .\36 u.Lipper.Profs, .\36 u.Lipper.Eleves {
	width: calc(50% - 1.5em);
}
.\36 u.Lipper:nth-child(2n+2) {
	margin-right: 0; 
}
.\312 u.Lipper, .\31 2u\28xsmall\29.Lipper, .\31 2u\24\28xsmall\29.Lipper {
	width: 100%;
}
.\312 u.Lipper {
	margin-right: 0;
}
li.BackgroundBlur {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 1.5em;
	z-index: -2;
}
li.MiniBackgroundBlur {
	position: absolute;
	left: 20%;
	top: 20%;
	filter: blur(25px);
	bottom: 20%;
	right: 20%;
	z-index: -1;
}
.NoImage li.Lipper:nth-child(4n+1), .NoImage li.Lipper:nth-child(4n+4) {
	background: #e5e5e1 !important;
}
.Filtering {
	overflow: auto;
	max-height: 100%;
	padding: 0 0 2em !important;
	min-height: 126px;
	background: #f5f5f1 !important;
}
.Filtering ul.WrappedLi {
	position: initial;
	display: inline !important;
	padding: 0 !important;
}
.Filtering * {
	opacity: 1 !important;
}
.Filtering > ul:not(#ArticleList) > li {
	width: calc(33.33% - 15px);
	padding: 35px 0 0 35px;
	margin: 0;
}
.Filtering.Pager {
	display: none;
}
.Filtering ul#ImageList {
	overflow: auto;
}
.Filtering li.WrappingUl {
	display: inline !important;
	padding: 0 !important;
}
ul.WrappedLi li {
	background: #fff;
}
ul#ArticleList li {
	background: none;
	padding: 0;
}
.NoImage li.PixArticleTitle {
	overflow: hidden;
}
ul#ArticleList li.PixArticleTitle {
	padding: 0;
}
ul#ArticleList li.PixArticleTitle:hover {
	cursor: pointer;
}
li.PixArticleTitle img {
	max-width: 100px;
	height: auto;
	max-height: 70px;
}
li.PixArticleTitle h2 {
	color: #555555 !important;
}
.PixArticleTitle ul {
	padding: 0;
	background: rgba(255,255,255,0.9) !important;
	box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.5);
}
ul.BgImg, .BgImgBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.BgImgBox {
	overflow: hidden;
	border-radius: 2px 2px 0 0;
}
.BgImg.lazy {
	background-size: cover;
}
li.PixArticleTitle:hover h2, li.PixArticleTitle:hover h3 {
	color: #00bed8 !important;
}
#ArticleList li.Lipper:hover .BgImg {
	filter: blur(4px);
}
#ArticleList li.Lipper:hover .BgImgBox {
	box-shadow: 0px 0px 0px 35px rgba(0,0,0,0.5) inset;
}
li.TextOnly li.PixArticleTitle * {
	text-shadow: none;
	color: #555555 !important;
}
.TextOnly li.PixButton {
	background: none !important;
	box-shadow: none !important;
}
span.Days {
	font-size: 12px;
	background: #707070;
	padding: 2px 5px;
	border-radius: 6px;
	margin-right: 5px;
	color: #fff;
	text-transform: uppercase;
	line-height: 25px;
}
.PixArticleDetail p {
	margin: 0;
	line-height: 15px;
	font-size: 14px;
	padding: 5px 0 0;
}
.PixArticleDetail {
	padding: 15px 0 !important;
	word-wrap: break-word;
}
.NoImage li.PixArticleTitle * {
	text-shadow: none;
	color: inherit!important;
}
.NoImage li.PixArticleTitle h2 {
	font-size: 14px;
}
.NoImage li.PixArticleTitle h3 {
	font-size: 12px;
}
.PopUpContent ul.WrappedLi {
	padding: 35px 15px 0 20px;
}
ul.WrappedLi.First {
	box-shadow: 0 4em 5em -3em rgba(0,0,0,0.5), 0 -4em 5em -3em rgba(0,0,0,0.5);
	z-index: 1;
	background: #f5f5f1;
}
.NoSmartList ul#ArticleList {
	padding: 35px 0 0 35px;
	box-shadow: 0 4em 5em -3em rgba(0,0,0,0.5), 0 -1em 5em -3em rgba(0,0,0,0.5);
	background: #f5f5f1;
}
.NoSmartList ul#ArticleList li.Lipper {
	margin-right: 1.5em !important;
	padding-right: 1.5em;
}
.WrappingUl:not(.Filtering) ul.WrappedLi.Second {
	opacity: 0;
}
ul.WrappedLi.Others {
	display: none;
}
ul.Pager {
	position: absolute;
	top: 0;
	z-index: 1;
	right: 0;
	bottom: 0;
	margin: 0;
	width: 2em;
	padding: 7.5em 0 0;
	font-size: 0.8em;
	letter-spacing: 0;
	text-align: left;
	line-height: 1.5em;
	box-shadow: 0 0 0 0 #e5e5e1, 0 0 0 0 #f5f5f1, 0 0 0 0 #e5e5e1 inset, 9px -5px 10px -10px #9f9f9d inset;
	border-radius: 0 0 0.5em 0;
}
#PixContent ul.Pager {
	padding: 0 !important;
	right: -2em;
}
ul.Pager li {
	list-style: none;
	cursor: pointer;
}
ul.Pager li.active, ul.Pager li:hover {
	-moz-transition: box-shadow .3s ease-in-out;
	-webkit-transition: box-shadow .3s ease-in-out;
	-ms-transition: box-shadow .3s ease-in-out;
	transition: box-shadow .3s ease-in-out;
	color: #fff;
	box-shadow: 0.5em 0 0 0 #02bbd4;
	background: #02bbd4;
	border-radius: 0 1em 1em 0;
}

/* Mouse animate icon */

.mouse-icon {
	border: 2px solid #707070;
	border-radius: 16px;
	height: 40px;
	width: 24px;
	display: block;
	z-index: 10;
	opacity: 0.7;
	right: 1.15em;
	bottom: 30px;
	position: absolute;
	background: rgba(255,255,255,0.8);
	transform: scale(0,0);
	padding: 0 !important;
}
.SubMenuFiltre + .mouse-icon {
	left: calc(50% - 12px);
	display: none;
}
.PopUp .BgBlanc:hover .mouse-icon {
	transform: scale(1,1);
}
.SubMenuFiltre:hover + .mouse-icon {
	transform: scale(0.75,0.75);
	display: block;
}
.mouse-icon .wheel {
	-webkit-animation-name: drop;
			animation-name: drop;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
			animation-play-state: running;
}
.mouse-icon .wheel {
	position: absolute;
	border-radius: 10px;
	background: #707070;
	width: 2px;
	height: 6px;
	top: 4px;
	left: 9px;
}
.SubMenus .mouse-icon .wheel {
	left: 9px;
}

@-webkit-keyframes drop {
	0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; }
}
@keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; }
}

/* Editeur de texte Froala */

#TitreEtTexte .froala-box.gray-theme:not(.InlineEditor)::before {
	content: 'Texte principal';
}
#InfoSecondaire .froala-box.gray-theme:not(.InlineEditor)::before {
	content: 'Informations secondaires';
}
#ContactPopUp .froala-box.gray-theme:not(.InlineEditor)::before {
	content: '';
}
.ShowBlock p, .ShowBlock h1, .ShowBlock h2, .ShowBlock h3, .ShowBlock h4, .ShowBlock h5, .ShowBlock h6, .ShowBlock ul, .ShowBlock ol {
	box-shadow: 0px 0 0px 3px #fff, 0px 0 0px 4px rgba(43, 187, 210, 0.1);
	position: relative;
}
.ShowBlock p:hover::before, .ShowBlock h1:hover::before, .ShowBlock h2:hover::before, .ShowBlock h3:hover::before, .ShowBlock h4:hover::before, .ShowBlock h5:hover::before, .ShowBlock h6:hover::before, .ShowBlock ul:hover::before, .ShowBlock ol:hover::before {
	background: #02bbd4;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 3px;
	position: absolute;
	bottom: calc(100% + 4px);
	left: -4px;
	line-height: 12px;
	color: #fff;
	z-index: 1;
	letter-spacing: 3px;
}
.ShowBlock p:hover::before {
	content: 'Paragraphe';
}
.ShowBlock h1:hover::before {
	content: 'Titre H1';
}
.ShowBlock h2:hover::before {
	content: 'Titre';
}
.ShowBlock h3:hover::before {
	content: 'Sous-titre';
}
.ShowBlock h4:hover::before {
	content: 'Exergue';
}
.ShowBlock h5:hover::before {
	content: 'Titre de section';
}
.ShowBlock h6:hover::before {
	content: 'Titre H6';
}
.ShowBlock ul:hover::before {
	content: 'Liste à puces';
}
.ShowBlock ol:hover::before {
	content: 'Liste numérotée';
}
.ShowBlock p:hover, .ShowBlock h1:hover, .ShowBlock h2:hover, .ShowBlock h3:hover, .ShowBlock h4:hover, .ShowBlock h5:hover, .ShowBlock h6:hover, .ShowBlock ul:hover {
	box-shadow: 0px 0 0px 3px #fff, 0px 0 0px 4px rgba(43, 187, 210, 0.4);
}
#TitreEtTexte .froala-box.gray-theme:not(.InlineEditor)::before, #InfoSecondaire .froala-box.gray-theme:not(.InlineEditor)::before {
	background: #707070;
	padding: 0.75em 1em 0.3em;
	color: #fff;
	border-radius: 6px 6px 0 0;
	font-size: 0.85em;
	letter-spacing: 0;
}
.gray-theme.froala-editor button.fr-bttn, .gray-theme.froala-editor button.fr-trigger {
	font-size: 1.2em;
	line-height: 35px;
	box-shadow: none;
	height: auto;
	position: relative;
	overflow: inherit;
}
.gray-theme.froala-editor {
	background: #fff;
	border-top: solid 1px #03bad3;
	z-index: 3001 !important;
	box-shadow: 0 0.5em 4em -1.5em rgba(0, 0, 0, 0.4);
	padding-bottom: 1em;
}
.gray-theme.froala-editor .froala-popup {
	background: #fff;
	padding: 1em;
	border: none;
	box-shadow: none;
	font-size: 1em;
}
.gray-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover, .gray-theme.froala-editor .froala-popup button.fr-bttn:hover, .gray-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover, .gray-theme.froala-editor .froala-popup button.fr-trigger:hover, .gray-theme.froala-editor .fr-trigger.active {
	background: #fff;
	color: #00BCD4 ;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu {
	background: #fff;
	box-shadow: 0px 16px 4em -1em rgba(0, 0, 0, 0.4);
	padding: 1em;
	border-top: 1px solid #00BCD4 !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	transform-origin: top center;
	-webkit-animation: slidedown .2s;
		-moz-animation: slidedown .2s;
		-ms-animation: slidedown .2s;
		-o-animation: slidedown .2s;
		animation: slidedown .2s;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul, .gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div {
	background: #fff;
	border-left: 1px solid #00BCD4 !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-right: none;
	border-top: none;
	border-bottom: none;
	margin-left: 5px;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu::before {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 10px solid #00BCD4 ;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: -10px;
	left: calc(50% - 8px);
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul::before, .gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div::before {
	content: '';
	width: 0;
	height: 0;
	border-right: 10px solid #00BCD4 ;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: -6px;
	left: -10px;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div::before {
	top: 4px;
}
.gray-theme.froala-box .froala-element.f-basic a.Bouton {
	display: inline-block;
	background: #02bbd4;
	padding: 0.25em 0.5em;
	border-radius: 0.5em;
	color: #fff;
	text-decoration: none;
	border: none;
}
.froala-editor .Selected {
	box-shadow: 0 0 0px 1px #02bbd4 inset !important;
}
.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn {
	width: 2em;
	height: 2em;
	box-shadow: none;
}
.froala-editor .fr-dropdown .fr-trigger.active+.fr-dropdown-menu p {
	display: none;
}
ul.fr-dropdown-menu.f-align a {
	border-bottom: 1px solid #d5d5d1;
}
.froala-editor .fr-dropdown .fr-dropdown-menu hr {
	border: 2px solid #fff;
}
i.fa.fa-eraser {
	color: #707070;
}
i.fa.ArrowDrop::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 3px solid #707070;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	top: 50%;
	position: absolute;
}
.froala-editor .fr-dropdown .fr-dropdown-menu li a {
	padding: 5px 0;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover {
	background: rgba(0, 0, 0, 0.02) !important;
	color: #00BCD4 !important;
	box-shadow: 0px -1px 0px 0px #00BCD4 inset;
}
.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table>li>a {
	padding-left: 0;
	border-bottom: 1px solid #f5f5f1;
}
.froala-editor button.fr-bttn:hover i, .froala-editor button.fr-trigger:hover i {
	transform: scale(1.5,1.5);
	transform-origin: center center;
}
.froala-editor button.fr-trigger:hover i:after {
	border-top-color: #01bcd5;
	transform: scale(1.5,1.5) translate(0.5em, 0);
}
.froala-editor button.fr-trigger i:after {
	transition: all 0.2s ease-in-out 0s
}
.pixelovore strong, .pixelovore b {
	font-weight: bold;
}
.pixelovore strong, .pixelovore b, .pixelovore h1, .pixelovore h2, .pixelovore h3, .pixelovore h4, .pixelovore h5, .pixelovore h6 {
	color: #555;
}
.pixelovore strong, .pixelovore b {
	color: inherit;
}
.pixelovore * {
	letter-spacing: 0;
}
.gray-theme.froala-editor .fr-dropdown button[data-name="color"] + .fr-dropdown-menu {
	left: -63px;
}
.gray-theme.froala-editor .fr-dropdown button[data-name="formatBlock"] + .fr-dropdown-menu {
	left: -88px;
}
.gray-theme.froala-editor .fr-dropdown button[data-name="align"] + .fr-dropdown-menu {
	left: -22px;
}
.gray-theme.froala-editor .fr-dropdown button[data-name="MenuImage"] + .fr-dropdown-menu {
	left: -72px;
}
.gray-theme.froala-editor .fr-dropdown button[data-name="table"] + .fr-dropdown-menu {
	left: -79px;
}
.gray-theme.froala-box .froala-element img.TempImage {
	vertical-align: middle;
	padding: 5px;
	margin: 0 5px;
	border: 1px dashed #dedede;
}
.fr-bttn i.Active {
	color: #02bbd4;
}
ul.fr-dropdown-menu.f-ChangeImage {
	left: -79px;
}
.FixOver {
	margin-left: -2em;
	position: sticky;
	top: 0;
	min-width: calc(100% + 4em);
}
.f-image-alt, .f-image-addClass {
	display: none;
}
td.active {
	box-shadow: 0 0 0px 1px #00bdd7 inset;
}

/* DatePicker */

.date {
	display: inline-block;
	margin: 0 2px;
	position: relative;
}
.ui-datepicker {
	padding: 5px;
	width: 17em;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
}
#ui-datepicker-div::before {
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: -10px;
	width: 0;
}
#ui-datepicker-div.Open {
	border-radius: 3px;
	box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.3);
	padding: 1em;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	z-index: 3001;
}
.ui-datepicker .ui-datepicker-header {
	color: #8f8f8b;
	position: relative;
	display: block;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 0.35;
}
table.ui-datepicker-calendar th {
	color: #555555;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	padding: 0;
}
select.ui-datepicker-month { border-radius: 3px 0 0 3px; width: 50%; float: left; }
select.ui-datepicker-year { border-radius: 0 3px 3px 0; width: 50%; float: left; }
.ui-datepicker .ui-datepicker-title select option {
	border-top: 1px solid #d5d5d1;
	letter-spacing: 0;
	padding: 2px 5px;
	text-align: left;
	text-transform: none;
	display: block;
}
.ui-datepicker table {
	font-size: 12px;
	float: left;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #8f8f8b;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 3.5px;
}
.ui-datepicker table tbody tr {
	background-color: #fff;
	border: none;
}
.ui-datepicker td {
	padding: 0px;
	line-height: 1.7em;
}
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-state-active, .ui-widget-content .ui-state-active {
	background: #00BCD4 none repeat scroll 0 0;
	border-radius: 3em;
	color: #fff;
	height: 2.5em;
	width: 2.5em;
	line-height: 1.9em;
}

a.ui-state-default.ui-state-highlight {
	background: orange;
	border-radius: 3em;
	color: #fff;
	background: orange;
	height: 2.5em;
	width: 2.5em;
	line-height: 1.9em;
}
a.ui-state-default.ui-state-hover {
	font-weight: bold;
	color: #555555;
}
a.ui-state-default.ui-state-highlight.ui-state-hover {
	background: #ff8700;
	color: #fff;
	font-weight: normal;
}
a.ui-datepicker-next {
	right: 0;
}
.ui-state-active.ui-state-hover {
	font-weight: bold;
	background: #00BCD4 none repeat scroll 0 0;
	color: #fff;
}

.ui-widget-header .ui-icon { background-image: none; }

.ui-datepicker-header a span { position: relative; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-widget-header .ui-icon { background-image: none; }
.ui-datepicker .ui-icon {
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -99999px;
}
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon {
	height: 16px;
	width: 16px;
}
.ui-icon { vertical-align: middle; }
.ui-datepicker-header a::after {
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	content: "";
	height: 0;
	left: 10px;
	position: absolute;
	top: 1px;
	width: 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 1.8em;
	position: absolute;
	width: 1.8em;
	border: none;
}

.ui-datepicker-prev::after { border-right: 10px solid #8f8f8b; }

.ui-datepicker-next::after { border-left: 10px solid #8f8f8b; }

.ui-datepicker-prev.ui-state-hover::after { border-right: 10px solid #555555; }

.ui-datepicker-next.ui-state-hover::after { border-left: 10px solid #555555; }

.ui-state-hover:not(.ui-state-active):not(.ui-state-hover), .ui-widget-content .ui-state-hover:not(.ui-state-active):not(.ui-state-hover), .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	background: #f5f5f1 none repeat scroll 0 0;
	border: 1px solid #f5f5f1;
	color: #8f8f8b;
}

.ui-datepicker-header a.ui-state-hover {
	cursor: pointer;
	color: #555555;
}

.BlocHoraires {
	box-sizing: border-box;
	margin: 15% 0;
	padding: 0px;
	width: 100%;
	position: absolute;
	left: 110%;
	height: 70%;
	top: 0;
	text-align: center;
}

.Horaires {
	overflow: hidden;
	position: relative;
	padding: 0;
	display: inline-block;
	width: 4em;
}
.Horaires ul {
	margin: 0;
	padding: 0;
}

.Horaires ul li {
	color: #707070;
	cursor: pointer;
	font-size: 12px;
	list-style: outside none none;
	margin: 0 0px 2px 0;
	padding: 4px;
	text-align: center;
	width: 4em;
	display: inline-block;
	background: #fff;
}

.Horaires ul li:hover, .Horaires ul li.actif {
	background: #00BCD4 none repeat scroll 0 0 !important;
	color: #fff;
	border: medium none !important;
}

.BlocHoraires a {
	cursor: pointer;
	float: left;
	height: 15px;
	position: relative;
	width: 56px;
}

.BlocHoraires a::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	height: 0;
	left: 13px;
	position: absolute;
	width: 0;
}

.BlocHoraires a.top::before {
	border-bottom: 10px solid #8f8f8b;
	bottom: 5px;
}

.BlocHoraires a.bottom::before {
	border-top: 10px solid #8f8f8b;
	top: 5px;
}

.BlocHoraires a.top:hover::before { border-bottom: 10px solid #555555; }
.BlocHoraires h5 { color: #555555; }
.BlocHoraires a.bottom:hover::before { border-top: 10px solid #555555; }
.date.Calendrier::before {
	background: transparent url("../images/icons_noir.png") no-repeat scroll -188px -117px;
	content: "";
	display: block;
	height: 20px;
	left: 5px;
	position: absolute;
	top: 15px;
	width: 20px;
	z-index: 5000;
	opacity: 0.4;
}
.date.Calendrier .DateEvenement { padding-left: 30px; }
.BlocHoraires i.fa.fa-arrow-circle-left {
	position: absolute;
	left: 10%;
	color: #edede9;
	top: 45%;
	cursor: pointer;
	font-size: 2em;
}
.BlocHoraires i.fa.fa-arrow-circle-left:hover {
	color: #707070;
}
div#KnobTimeStart, div#KnobTimeEnd {
	color: #707070;
	position: absolute;
	width: 100%;
	top: 45%;
	z-index: -1;
}
.Sorting {
	opacity: 0.8;
}
#PickImages .ui-sortable-placeholder, #PickPhotos .ui-sortable-placeholder {
	box-shadow: 12px 0px 0px 0 #8f8f8b;
	width: 1px;
	position: relative;
	padding: 0 !important;
	display: inline-block;
	float: none;
}
#PickImages .ui-sortable-placeholder::after, #PickImages .ui-sortable-placeholder::before,
#PickPhotos .ui-sortable-placeholder::after, #PickPhotos .ui-sortable-placeholder::before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-left: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0);
	left: 5px;
}
#PickImages .ui-sortable-placeholder::before,
#PickPhotos .ui-sortable-placeholder::before {
	border-top: 7px solid #707070;
}
#PickImages .ui-sortable-placeholder::after,
#PickPhotos .ui-sortable-placeholder::after {
	border-bottom: 7px solid #707070;
	top: 100%;
}
#SortByCat .ui-sortable-placeholder {
	position: relative;
	float: left;
	background: rgba(229, 229, 225, 0.4);
	display: inline-block;
	min-height: 100px;
	box-shadow: 0 0 0 10px #f5f5f1 inset, 0 0 10px 6px rgba(0,0,0,0.2) inset;
}

/* Thème */

#Design .ThemeThumb label, #ThemeDesign .ThemeThumb label {
	padding: 0;
	height: 145px;
	padding-top: 8em;
	font-size: 14px;
	text-align: center;
	width: 100%;
}
#Design .ThemeThumb label::before, #ThemeDesign .ThemeThumb label::before {
	left: calc(50% - 10px);
}
input[type="radio"]:checked + label.Theme {
	filter: invert(1) brightness(1000%) grayscale(100%);
	-webkit-filter: invert(1) brightness(1000%) grayscale(100%);
}
.LabelText.align-center {
	font-size: 0.8em;
}
.theme_1{ background: url("../../images/theme_1.gif") no-repeat scroll center 4em transparent; }
.theme_1_1{ background: url("../../images/theme_1_1.gif") no-repeat scroll center 4em transparent; }
.theme_2{ background: url("../../images/theme_2_1.gif") no-repeat scroll center 4em transparent; }
.theme_2_1{ background: url("../../images/theme_3_1.gif") no-repeat scroll center 4em transparent; }
.theme_3{ background: url("../../images/theme_3.gif") no-repeat scroll center 4em transparent; }
.theme_3_1{ background: url("../../images/theme_2_2.gif") no-repeat scroll center 4em transparent; }
.theme_4{ background: url("../../images/theme_4.gif") no-repeat scroll center 4em transparent; }
.theme_4_1{ background: url("../../images/theme_4_1.gif") no-repeat scroll center 4em transparent; }
.theme_5{ background: url("../../images/theme_1_1.gif") no-repeat scroll center 4em transparent; }
.theme_5_1{ background: url("../../images/theme_1.gif") no-repeat scroll center 4em transparent; }
.theme_1.choisi{ background: url("../../images/theme_1hover.gif") no-repeat scroll center 4em transparent; }
.theme_1_1.choisi{ background: url("../../images/theme_1_1hover.gif") no-repeat scroll center 4em transparent; }
.theme_2.choisi{ background: url("../../images/theme_2_1hover.gif") no-repeat scroll center 4em transparent; }
.theme_2_1.choisi{ background: url("../../images/theme_3_1hover.gif") no-repeat scroll center 4em transparent; }
.theme_3.choisi{ background: url("../../images/theme_3hover.gif") no-repeat scroll center 4em transparent; }
.theme_3_1.choisi{ background: url("../../images/theme_2_2hover.gif") no-repeat scroll center 4em transparent; }
.theme_4.choisi{ background: url("../../images/theme_4hover.gif") no-repeat scroll center 4em transparent; }
.theme_5.choisi{ background: url("../../images/theme_1_1hover.gif") no-repeat scroll center 4em transparent; }
.theme_4_1.choisi{ background: url("../../images/theme_4_1hover.gif") no-repeat scroll center 4em transparent; }

label.Themes {
	min-height: 10em;
	max-width: 100%;
	text-align: center;
	padding: 2em 1em 0 !important;
}

.Themes:before {
	left: calc(50% - 0.82em) !important;
}

/* Raccourci */

#Raccourci {
	left: 0;
	position: fixed;
	z-index: 21;
	top: 10%;
	width: 40px;
}
#Raccourci a {
	background-color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 0.5em 0;
	padding: 5px 5px 5px 5em;
	text-align: left;
	text-decoration: none;
	float: left;
	clear: left;
	text-indent: 0px;
	white-space: nowrap;
	color: #707070;
}
#Raccourci a i {
	color: #707070;
	left: 1em;
	font-size: 2em;
	position: fixed;
}
.ShortCut.Masque:not(:hover) {
	left: -240px;
	overflow: hidden;
	padding: 5px !important;
	position: relative;
	width: 300px;
}

/* Bouton enregistrer */

#BoutonsSave *:focus {
	outline: none;
}
#PixPublishButton, #PixButtonMultiMode {
	overflow: auto;
	bottom: -3em;
}
#PixButtonMultiMode {
	bottom: -5em;
}
#PixPublishButton li ul, #PixButtonMultiMode li ul {
	display: none;
}
#PixPublishButton li:focus ul, #PixButtonMultiMode li.Shown ul {
	display: block;
	position: absolute;
	bottom: 4em;
	padding: 0;
	width: 100%;
	left: 0;
	z-index: 1000000000;
}
ul.actions.fit li.PixSaveMode {
	padding: 0;
	margin: 0;
	display: block;
}
.PixSaveMode button.special {
	margin: 0;
	display: block;
	width: 100%;
}
li.PixSaveMode .fa {
	font-size: 1.5em;
}
.FixedButton {
	position: fixed;
	left: 0;
	right: 0;
	background: rgba(245, 245, 242, 0.9);
	z-index: 100;
}
.FixedButton.Bottom {
	bottom: 0;
}
ul.actions.fit li.MiniClose, .ButtonOut li.MiniClose {
	background: #e5e5e1;
	width: 5em;
	padding: 0;
	color: #707070;
	cursor: default;
	line-height: 3.5em;
}
input[type="button"].special.Cancel {
	background: #e5e5e1;
	color: #707070 !important;
}
input[type="button"].special.Cancel:hover {
	background: #707070 !important;
	color: #fff !important;
	box-shadow: 0 10px 20px 0px rgba(25, 25, 25, 0.3) inset;
}
.ButtonOut li.MiniClose {
	padding: 0;
	line-height: 2.55em;
	vertical-align: bottom;
}
ul.actions.fit li.MiniClose.active {
	width: 10em;
	cursor: default;
}
ul.actions.fit li.MiniClose:hover, .ButtonOut li.MiniClose:hover {
	background: #c5c5c1;
}
.MiniClose:not(.active) .fa {
	border-radius: 2em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	letter-spacing: 0;
	box-sizing: content-box;
	cursor: pointer;
	transform-origin: center;
}
.MiniClose:not(.active):hover .fa {
	background: #e5e5e1;
}
ul.actions.fit li.MiniClose:hover + li {
	background: #707070;
	border-radius: 0 6px 6px 0;
}

/* Flèches */

.Arrow::before, .dt-button-collection:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	bottom: -10px;
	left: calc(50% - 5px);
}
.Down::before, .Top::before, .dt-button-collection:before {
	border-left: 10px solid rgba(0,0,0,0);
	border-right: 10px solid rgba(0,0,0,0);
}
.Left::before, .Right::before {
	border-top: 10px solid rgba(0,0,0,0);
	border-bottom: 10px solid rgba(0,0,0,0);
}
.Gris::before, button.dt-button.buttons-collection.Bottom + .dt-button-collection:before {
	border-top: 10px solid #707070;
}
button.dt-button.buttons-collection.Bottom + .dt-button-collection:before {
	bottom: -5px;
}
button.dt-button.buttons-collection:not(.Bottom) + .dt-button-collection:before {
	top: -10px;
	border-bottom: 10px solid #fff;
	left: 15px;
}

/* Pastille Date */

.pastilleDate {
	border-radius: 3px;
	display: inline-block;
	position: absolute;
	width: auto;
	padding: 3px 3px 6px 3px;
	box-sizing: content-box;
	background: #707070;
	top: calc(50% - 1.5em);
	left: 0.5em;
	letter-spacing: 0;
}

.MinHeight {
	min-height: 80px;
}

.pastilleDate:nth-child(1) {
	z-index: 1;
}

.pastilleDate span {
	text-align: center;
	display: block;
	color: #fff;
	text-transform: uppercase;
}
.pastilleDate .Day, .pastilleDate .mois, .pastilleDate .annee {
	font-size: 10px;
	line-height: 10px;
}
.pastilleDate .jour {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
.pastilleDate .jour sup {
	font-size: 0.5em;
	position: relative;
	top: -0.7em;
}
.date_calendrier .pastilleDate .annee {
	font-size: 10px;
	padding-bottom: 3px;
}
.PixArticleDateEvent:hover .pastilleDate:nth-child(1)::before {
	content: 'Du';
}
.PixArticleDateEvent:hover .pastilleDate:nth-child(2)::before {
	content: 'Au';
}
.PixArticleDateEvent:hover .pastilleDate:nth-child(2), .PixArticleDate:hover .pastilleDate:nth-child(2) {
	transform: translate(15px,0);
}
.PixArticleDateEvent:hover .pastilleDate:nth-child(1), .PixArticleDate:hover:not(.Single) .pastilleDate:nth-child(1) {
	transform: translate(-20px,0);
}
.PixArticleDate:hover .pastilleDate:nth-child(1)::before {
	content: 'Créé';
}
.PixArticleDate:hover .pastilleDate:nth-child(2)::before {
	content: 'Modifié';
}
.PixArticleDate.Single:hover .pastilleDate::before {
	content: 'Demandé';
}
.pastilleDate::before {
	position: absolute;
	left: 0;
	top: -12px;
	width: 100%;
	color: #b8b8b6;
	text-transform: uppercase;
	text-align: center;
	font-size: 5px;
	height: auto;
	line-height: 10px;
	font-weight: bold;
}
.PixArticleDate {
	opacity: 0.3;
}
.PixArticleDate:hover {
	opacity: 1;
}
.PixCalendarDateEvent .pastilleDate {
	display: inline-block;
	position: relative;
	margin: 1em 0;
	transform: scale(1.5);
	left: 0.5em;
	top: 2.25em;
}
.PixCalendarDateEvent .fa.fa-sort-down {
	transform: scale(1.5) translate(0.5em, 1.25em);
}
.pastilleDate .heure {
	font-size: 10px;
	line-height: 10px;
	color: #ffffff;
	letter-spacing: 0;
	padding-top: 2px;
}
.Scalable .pastilleDate {
	transform: scale(0.85) translate(0, -15px);
}
.Scalable:hover .pastilleDate {
	transform: scale(1) translate(0,-12px);
}

/* Affichage Gérer Li */

#GererArticle .row.uniform ul.actions > li {
	height: 12em;
	padding: 0;
}
#GererArticle ul.actions li ul li:not(:first-child) {
	padding: 0 1.5em 0 1.5em;
}
#PixContent ul.actions li.Lipper {
	opacity: 0;
}
.NoImage li.Lipper {
	margin: 0;
	padding: 5px 0 !important;
}
.NoImage .Filtering {
	padding: 35px 0 35px 35px!important;
}
.Odd {
	background: #e5e5e1;
}
li#PixListCat li {
	letter-spacing: 0;
	font-size: 14px;
	padding: 2px 0;
	margin-right: 35px;
	display: inherit;
}
input#FlitreData {
	margin: 1em 0;
	width: calc(100% + 0.5em);
	color: #707070;
	border-radius: 3px;
}
#PixListCat ul.SortCat li.PixButton button.Pastille.Relative {
	background: #555555;
}
#main .wrapper.Beige li.PixButton button, #main .wrapper.Beige li.PixButton > ul, #main .wrapper.Beige li.PixButton a, .PopUp .PixButton button, label.ButtonLabel, div.Pastille {
	padding: 0 !important;
	width: 2em;
	height: 2em;
	font-size: 0.85em ;
	line-height: normal;
	border-radius: 2em;
	letter-spacing: 0;
	box-shadow: none;
	color: #fff;
	overflow: visible;
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0 5px 5px ;
}
div.Pastille.active {
	cursor: default;
}
#main .wrapper.Beige li.PixButton button, #main .wrapper.Beige li.PixButton > ul:not(.Button), #main .wrapper.Beige li.PixButton a, .PopUp .PixButton button, .wrapper.Beige li.PixButton > ul, label.ButtonLabel, div.Pastille {
	background: #707070;
}
li.Pastille.Button {
	width: 100%;
	height: 100%;
	z-index: 2;
}
li.Pastille.Button:focus {
	z-index: 3;
}
#ArticleList .SubCarre li.active {
	color: #03a9be;
	font-weight: bold;
}
#main .wrapper.Beige li.PixButton button.active:hover, .PopUp .PixButton button.active:hover {
	background: #555555;
}
#main .wrapper.Beige li.PixButton button:hover,
.PopUp .PixButton button:hover,
li.Pastille.Button:hover,
#main .wrapper.Beige li.PixButton button.active:hover,
.PopUp .PixButton button.active:hover,
li.Pastille.Button.active:hover,
.ButtonLabel:hover, .PopUp .PixButton button:hover {
	box-shadow: 0 0 0 3px #85dbe6, 0px 0px 0px 4px rgba(0,0,0,0.1);
	color: #fff;
}
.ButtonLabel .fa-sync {
	line-height: 2em;
}
#main .wrapper.Beige li.PixButton .fa {
	line-height: 2em;
}
ul#ArticleList:not(.NoImage) li.PixButton {
	padding: 10px;
}
ul#ArticleList:not(.NoImage) .TextBlack li.PixButton, ul#ArticleList:not(.NoImage) .FondBlack li.PixButton {
	background: none;
	box-shadow: none;
}
li[data-id] ul {
	margin: 0;
}
#ArticleList li[data-id] > ul {
	padding: 0;
	cursor: auto;
	position: sticky;
}
li.ScrollWrapper {
	width: 100%;
}
li.ScrollWrapper.ShowNext {
	opacity: 0;
}
li.ScrollWrapper.ShowAway, #PixListCat ul:not(.SortCat) {
	display: none;
	margin: 0;
}
.NoSmartList #PixListCat ul:not(.SortCat) {
	padding-bottom: 1em;
}
#PixListCat ul {
	margin: 0;
}
li.ScrollWrapper.ShowAnyWay {
	display: inline-block;
	opacity: 1;
}

/* Tri catégorie */

ul.HList {
	list-style: none;
	color: #fff;
}
ul.HList li li {
	cursor: pointer;
}
.HList li.Active {
	border-bottom: 1px solid;
	color: #01bbd3;
	padding: 0;
	margin: 0 1.5em 0 0;
}
ul#PixSortMode {
	padding: 0.25em 2em;
	color: #707070;
}
ul#PixListCatMenu {
	margin: 0 !important;
	padding: 0 !important;
}

/* Affichage Gérer Titre */

.PixArticleTitle h2 {
	font-size: 16px;
	letter-spacing: 0;
	margin: 0;
	line-height: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.PixArticleTitle h3 {
	font-size: 14px;
	letter-spacing: 0;
	font-weight: normal;
	margin: 0;
	line-height: 15px;
}
.PixArticleTitle h4 {
	font-size: 0.5em;
	letter-spacing: 0;
	font-weight: normal;
}

.PixArticleTitle p {
	letter-spacing: 0;
	margin: 0;
	line-height: 14px;
	font-size: 14px;
	word-break: break-word;
}

/* Affichage Gérer Image */

.PixArticleImage {
	height: 10em ;
}
.PixArticleImage img {
	opacity: 0;
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	max-height: 116px;
	background-color: #f5f5f1;
	border: 2px solid #ffffff;
}
.PixArticleImage:hover > img {
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	opacity: 1;
}
.PixArticleImage:hover img:nth-of-type(11) {
	transform: rotate(-60deg) translate(-70%, 15px);
	-ms-transform: rotate(-60deg) translate(-70%, 15px);
	-webkit-transform: rotate(-60deg) translate(-70%, 15px);
	z-index: 0;
	transition-delay: 0.6s;
}

.PixArticleImage:hover img:nth-of-type(9) {
	transform: rotate(-50deg) translate(-60%, 13px);
	-ms-transform: rotate(-50deg) translate(-60%, 13px);
	-webkit-transform: rotate(-50deg) translate(-60%, 13px);
	z-index: 1;
	transition-delay: 0.5s;
}

.PixArticleImage:hover img:nth-of-type(7) {
	transform: rotate(-40deg) translate(-50%, 11px);
	-ms-transform: rotate(-40deg) translate(-50%, 11px);
	-webkit-transform: rotate(-40deg) translate(-50%, 11px);
	z-index: 2;
	transition-delay: 0.4s;
}

.PixArticleImage:hover img:nth-of-type(5) {
	transform: rotate(-30deg) translate(-40%, 9px);
	-ms-transform: rotate(-30deg) translate(-40%, 9px);
	-webkit-transform: rotate(-30deg) translate(-40%, 9px);
	z-index: 3;
	transition-delay: 0.3s;
}

.PixArticleImage:hover img:nth-of-type(3) {
	transform: rotate(-20deg) translate(-30%, 7px);
	-ms-transform: rotate(-20deg) translate(-30%, 7px);
	-webkit-transform: rotate(-20deg) translate(-30%, 7px);
	z-index: 4;
	transition-delay: 0.2s;
}

.PixArticleImage:hover img:nth-of-type(1) {
	transform: rotate(-10deg) translate(-20%, 5px);
	-ms-transform: rotate(-10deg) translate(-20%, 5px);
	-webkit-transform: rotate(-10deg) translate(-20%, 5px);
	z-index: 5;
	transition-delay: 0.1s;
}

.PixArticleImage:hover img:nth-of-type(0) {
	transform: rotate(0deg) translate(0, -5px);
	-ms-transform: rotate(0deg) translate(0, -5px);
	-webkit-transform: rotate(0deg) translate(0, -5px);
	z-index: 6;
	transition-delay: 0s;
}

.PixArticleImage:hover img:nth-of-type(2) {
	transform: rotate(10deg) translate(20%, 5px);
	-ms-transform: rotate(10deg) translate(20%, 5px);
	-webkit-transform: rotate(10deg) translate(20%, 5px);
	z-index: 5;
	transition-delay: 0.15s;
}

.PixArticleImage:hover img:nth-of-type(4) {
	transform: rotate(20deg) translate(30%, 10px);
	-ms-transform: rotate(20deg) translate(30%, 10px);
	-webkit-transform: rotate(20deg) translate(30%, 10px);
	z-index: 4;
	transition-delay: 0.25s;
}

.PixArticleImage:hover img:nth-of-type(6) {
	transform: rotate(30deg) translate(40%, 15px);
	-ms-transform: rotate(30deg) translate(40%, 15px);
	-webkit-transform: rotate(30deg) translate(40%, 15px);
	z-index: 3;
	transition-delay: 0.35s;
}

.PixArticleImage:hover img:nth-of-type(8) {
	transform: rotate(40deg) translate(50%, 20px);
	-ms-transform: rotate(40deg) translate(50%, 20px);
	-webkit-transform: rotate(40deg) translate(50%, 20px);
	z-index: 2;
	transition-delay: 0.45s;
}

.PixArticleImage:hover img:nth-of-type(10) {
	transform: rotate(50deg) translate(60%, 25px);
	-ms-transform: rotate(50deg) translate(60%, 25px);
	-webkit-transform: rotate(50deg) translate(60%, 25px);
	z-index: 1;
	transition-delay: 0.55s;
}

.PixArticleImage:hover img:nth-of-type(12) {
	transform: rotate(60deg) translate(70%, 30px);
	-ms-transform: rotate(60deg) translate(70%, 30px);
	-webkit-transform: rotate(60deg) translate(70%, 30px);
	z-index: 0;
	transition-delay: 0.65s;
}
.PixArticleImage img:hover {
	z-index: 3 !important;
	transition-delay: 0.5s !important;
}
.TooltipImg {
	transform: scale(0,0);
	-webkit-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important;
	-moz-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important;
	-ms-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important;
	-o-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important;
	transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	box-shadow: none;
}
.PixArticleImage img:hover + .TooltipImg {
	width: 350px;
	height: 350px;
	position: absolute;
	left: -370px;
	z-index: 2;
	top: calc(50% - 175px);
	background: no-repeat scroll center center rgba(255, 255, 255, 17) / contain;
	box-shadow: 0 0 0 10px rgba(255,255,255,1), 10px 0px 100px -20px rgba(0,0,0,0.9);
	transform: scale(1,1);
}
.PixArticleImage img:hover + .TooltipImg::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid rgba(255,255,255,1);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	right: -20px;
	top: calc(50% - 10px);
}

/* Info & Alerte */

.Info .fa, .Alert .fa, .Comment .fa {
	font-size: 2em;
}
.Info, .Alert, .Comment {
	background: rgba(255,255,255,0.3);
	margin-bottom: 2em;
	padding: 0.5em;
}
.Info h5, .Alert h5, .Comment h5 {
	margin: 0;
}
.Info .fa {
	color: #00BCD4 ;
}
.Alert .fa, .email_echec, .Erreur, .Erreur b {
	color: #ffa500;
}
.Comment .fa {
	color: #00BCD4;
}
.Info p, .Alert p, .Comment p {
	letter-spacing: 0;
	font-size: 0.8em;
	line-height: 1.25em;
	text-align: left;
	margin: 0;
}
.PixMessage i.alerte {
	color: #ffa500;
	float: left;
	margin: 0 0.5em 0 0;
	font-size: 2.5em;
	line-height: 1.3em;
}
.InfoInput {
	background: orange;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	margin: -1.1em 0 0 0;
	padding: 5px 10px;
	text-align: center;
}
.PixMessage.align-center i.fa {
	float: none;
	font-size: 18px;
}
.PixMessage.align-center {
	padding-top: 2em;
}
p.NoFileExist {
	font-size: 11px;
	line-height: 22px;
}
.NoFileExist i {
	color: orange;
	margin: 3px 5px 0 0;
	font-size: 1.2em;
	float: left;
}
.Lipper .Lesson {
	padding: 0;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 14px;
	float: left;
	margin: 0;
}
.Lipper .Lesson i {
	color: #ffa100;
}

/* Check Session */

.CheckSession {
	position: fixed;
	top: 0;
	left: -440px;
	max-height: 100%;
	overflow: auto;
	background: #00000080;
	padding: 1em;
	width: 500px;
	word-break: break-word;
	z-index: 30000;
}
.CheckSession:hover {
	left: 0;
}
@media screen and (max-width: 480px) {
	.CheckSession {
		bottom: 0;
		max-height: 20em;
		width: 100%;
		top: auto;
		left: auto;
	}
}

.CheckSession li b, .CheckSession li p {
	display: inline-block;
	width: 50%;
	padding: 0;
	vertical-align: middle;
	font-size: 0.75em;
	line-height: inherit;
	margin: 0;
	font-weight: normal;
	word-break: break-all;
}
.CheckSession li {
	box-shadow: 0px -10px 10px -5px rgba(0,0,0,0.2) inset;
	vertical-align: middle;
	list-style: none;
	padding: 0.5em;
}
.CheckSession li.false {
	opacity: 0.2;
}
.CheckSession li:nth-child(odd) {
	background: rgba(0,0,0,0.1);
}
.CheckSession li p {
	padding: 0;
	text-align: right;
}

/* DropDown */

ul.DropDownBtn {
	display: inline-block;
	list-style: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 2.75em;
	background: rgba(229, 229, 225, 0.5)/* #dadad7 */;
	letter-spacing: 0;
}
.select-wrapper.Empty .DropDownBtn {
	background: #f2f2ed;
}
ul.DropDownBtn > li {
	width: 100%;
/*
	min-width: 2.75em;
	max-width: 2.75em;
*/
	height: 100%;
/*
	min-height: 2.75em;
	max-height: 2.75em;
*/
	cursor: pointer;
}
ul.DropDownBtn:hover:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2.75em;
	height: 2.75em;
	background: rgba(1,1,1,0.1);
	z-index: 2;
	cursor: pointer;
}
.select-wrapper:not(.Empty) ul.DropDownBtn > li:hover {
/* 	background: #e5e5e1; */
}
ul.DropDownInner {
	width: 100%;
	background: #f2f2f0;
	position: absolute;
	left: 0%;
	top: 2.75em;
	z-index: 3;
	text-align: left;
	padding: 0;
	margin: 0;
	box-shadow: 0 0px 20px 0px rgba(0,0,0,0.2);
	display: none;
	max-height: 160px;
	overflow: auto;
	transform-origin: top center;
	-webkit-animation: slidedown .2s;
		-moz-animation: slidedown .2s;
		-ms-animation: slidedown .2s;
		-o-animation: slidedown .2s;
		animation: slidedown .2s;
	border-bottom: 5px solid #f2f2f0;
}
ul.DropDownInner li {
	list-style: none;
	padding: 0.2em 0.5em;
	font-size: 0.9em;
	cursor: pointer;
}
ul.DropDownInner li:hover {
	background: #02bad2;
	color: #fff;
}
.RestoreFlag {
	position: absolute;
	max-width: 200px;
	top: -5px;
	left: calc(50% - 100px);
	background: #ffa500cc;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	padding: 0 5px 5px;
	border-radius: 0 0 3px 3px;
	box-shadow: 5px 5px 20px -7px rgba(0,0,0,0.5);
	z-index: 1;
	display: block;
	border-top: 5px solid #ffa500;
}
.RestoreFlag .fa {
	font-size: 30px;
	padding: 0 0 5px;
}
div#Map {
	width: 100%;
	height: 400px;
}
#PickUploadStart {
	display: none;
}
ul#PickUploadPreview {
	list-style: none;
	text-align: center;
	padding: 0;
	margin-left: 0;
	margin-bottom: 2em;
}
ul#PickUploadPreview li {
	display: inline-block;
	height: 200px;
	background: #f5f5f1;
	margin: 10px;
	width: 200px;
	float: none;
	vertical-align: text-bottom;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
ul#PickUploadPreview li::before {
	box-shadow: 0px -20px 20px 10px #f5f5f1 inset;
	content: '';
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	right: 0;
}
ul#PickUploadPreview li .Infos {
	width: 180px;
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	background: #f5f5f1cc;
	color: #555;
	letter-spacing: 0;
	padding: 0 0 10px 0;
}
ul#PickUploadPreview li .Infos .Info {
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 160px;
}
ul#PickUploadPreview li .Remove {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	cursor: pointer;
}
ul#PickUploadPreview li .Remove:hover {
	color: #02bbd4;
}
ul#PickUploadPreview li img {
	max-width: 160px;
}

/* FullCalendar */

.fc-toolbar.fc-header-toolbar {
	width: 100%;
	margin: 0;
}
.fc-left, .fc-right, .BgImgBox {
	overflow: hidden;
}
.btn.btn-primary {
	letter-spacing: 0;
	line-height: 1em;
	background: #8f8f8b;
	color: #fff !important;
	box-shadow: none;
	font-weight: normal;
	font-size: 0.85em;
}
.btn.btn-primary.active {
	background: #01bcd5;
}
.btn.btn-primary:not(.active):hover {
	background: #707070;
}
.fc-toolbar h2 {
	margin: 0;
	font-weight: 600;
	line-height: 1em;
}
.btn-primary.disabled {
	opacity: 1;
	color: rgba(255, 255, 255, 0.25) !important;
}
.fc-basic-view .fc-body .fc-row {
	min-height: 6em;
}
.fc td, .fc th, .fc table thead {
	border-collapse: collapse;
	border: none;
}
.fc-head table {
	margin: 0;
	background: #f5f5f1;
	text-transform: uppercase;
	box-shadow: 0 11px 30px -10px rgba(0,0,0,0.2);
	z-index: 2;
	position: relative;
}
tbody.fc-body .fc-bg tr {
	background: rgba(255, 255, 255, 0.2) !important;
}
tbody.fc-body .fc-content-skeleton tr {
	background: rgba(255, 255, 255, 0) !important;
	border: none !important;
	position: relative;
}
td.fc-day {
	border: 7px solid #e5e5e1;
	background: rgba(255, 255, 255, 0.5);
}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
	padding: 8px;
	letter-spacing: 0;
}
td.fc-past {
	opacity: 0.3;
}
.fc td.fc-today {
	border-style: solid;
	background: #01bcd5;
	color: #fff;
}
.fc-highlight {
	background: #01bcd6;
	opacity: 1;
	border: 7px solid #e5e5e1 !important;
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.5) inset;
}
.fc-day-grid-event {
	margin: 0.5em 1em 0;
	padding: 5px 5px;
	border: none;
}
.fc-more-cell div {
	position: absolute;
	top: -4px;
	left: calc(50% - 1em);
}
a.fc-more {
	background: #01bcd6;
	min-width: 2em;
	min-height: 2em;
	max-width: 2em;
	max-height: 2em;
	display: block;
	color: #fff;
	border-radius: 2em;
	font-size: 14px;
	margin: auto;
	text-align: center;
	border: 7px solid #e5e5e1;
}
.fc-popover {
	box-shadow: 0 0px 55px -10px rgba(0,0,0,.5);
}
.fc-more-popover .fc-event-container {
	padding: 0 0 1em;
}
.fc-more-popover {
	z-index: 2;
	width: 220px;
	transform: translate(calc(-110px + 1em), 2.5em);
	background: #f5f5f1;
}
.fc-popover .fc-header {
	padding: 0.5em 1em;
	background: #e5e5e1;
}
.fc-more-popover::before {
	content: '';
	border-bottom: 10px solid #fff;
	border-left: 10px solid #0000;
	border-right: 10px solid #0000;
	position: absolute;
	top: -9px;
	left: calc(50% - 5px);
}
span.fc-close.fa.fa-times {
	line-height: 1.5em;
}
span.fc-title {
	letter-spacing: 0;
}
.PixCalendarDateEvent .PixButton, .PopUpModifyMedia .PixButton {
	background: none;
	border: none;
	box-shadow: none;
	letter-spacing: 0;
	width: 3.5em;
	margin: 4em 2em 0;
	padding: 0;
	font-size: 1em;
}
.PopUpModifyMedia .PixButton {
	width: auto;
}
.PopUpModifyMedia .PixButton {
	list-style: none;
	margin: 1em auto 0;
	text-align: center;
}
button.DeleteEvent.active {
	background: #f00;
}
.PixCalendarDateEvent li {
	list-style: none;
}
.PixCalendarDateEvent li::before {
	display: none;
}
.fc-bg td.fc-past::before {
	content: "\f05e";
	font-size: 4em;
	text-align: center;
	font-family: FontAwesome;
	margin: 0.6em auto;
	display: block;
	color: rgba(0, 0, 0, 0.1);
	cursor: not-allowed;
}
.fc-time-grid .fc-slats .fc-minor td {
	border-top: none;
}

/* ClockPicker */

.popover{position: absolute;top: 0;left: 0;z-index: 10100;display: none;max-width: 276px;padding: 0px;text-align: left;white-space: normal;background-color: #fff;background-clip: padding-box;border:none;border-radius: 0 0 3px 3px;-webkit-box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.3);box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.3)}.popover.top{margin-top: -10px}.popover.right{margin-left: 10px}.popover.bottom{margin-top: 0px}.popover.left{margin-left: -10px}.popover-title{padding: 8px 14px;margin: 0;font-size: 14px;font-weight: 400;line-height: 18px;background-color: #fff;border-bottom: 1px solid #fff;border-radius: 5px 5px 0 0}.popover-content{padding: 9px 14px}.popover>.arrow,.popover>.arrow: after{position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;overflow: visible;margin: 0;padding: 0;z-index: auto;background-color: transparent;-webkit-box-shadow: none;box-shadow: none;bottom: auto;left: auto;right: auto;top: auto;-webkit-transform: none;-ms-transform: none;transform: none}.popover>.arrow{border-width: 11px}.popover>.arrow: after{content: "";border-width: 10px}.popover.top>.arrow{bottom: -11px;left: 50%;margin-left: -11px;border-top-color: #999;border-top-color: rgba(0,0,0,.25);border-bottom-width: 0}.popover.top>.arrow: after{bottom: 1px;margin-left: -10px;content: " ";border-top-color: #fff;border-bottom-width: 0}.popover.right>.arrow{top: 50%;left: -11px;margin-top: -11px;border-right-color: #999;border-right-color: rgba(0,0,0,.25);border-left-width: 0}.popover.right>.arrow: after{bottom: -10px;left: 1px;content: " ";border-right-color: #fff;border-left-width: 0}.popover.bottom>.arrow{top: -11px;left: 50%;margin-left: -11px;border-top-width: 0;border-bottom-color: #999;border-bottom-color: rgba(0,0,0,.25)}.popover.bottom>.arrow: after{top: 1px;margin-left: -10px;content: " ";border-top-width: 0;border-bottom-color: #fff}.popover.left>.arrow{top: 50%;right: -11px;margin-top: -11px;border-right-width: 0;border-left-color: #999;border-left-color: rgba(0,0,0,.25)}.popover.left>.arrow: after{right: 1px;bottom: -10px;content: " ";border-right-width: 0;border-left-color: #fff}.btn{cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent}.btn.active: focus,.btn: active: focus,.btn: focus{outline: dotted thin;outline: -webkit-focus-ring-color auto 5px;outline-offset: -2px}.btn: focus,.btn: hover{color: #333;text-decoration: none}.btn.active,.btn: active{background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color: #333;background-color: #fff;border-color: #ccc}.btn-default.active,.btn-default: active,.btn-default: focus,.btn-default: hover,.open .dropdown-toggle.btn-default{color: #333;background-color: #ebebeb;border-color: #adadad}.btn-default.active,.btn-default: active,.open .dropdown-toggle.btn-default{background-image: none}.btn-block{display: block;width: 100%}.text-primary{color: #00bcd4}.clockpicker .input-group-addon{cursor: pointer}.clockpicker-moving{cursor: move}.clockpicker-align-left.popover>.arrow{left: 25px}.clockpicker-align-top.popover>.arrow{top: 17px}.clockpicker-align-right.popover>.arrow{left: auto;right: 25px}.clockpicker-align-bottom.popover>.arrow{top: auto;bottom: 6px}.clockpicker-popover .popover-title{background-color: #fff;color: #999;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center}.clockpicker-popover .popover-title span{cursor: pointer}.clockpicker-popover .popover-content{background-color: #fff;padding: 12px}.popover-content: last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}.clockpicker-plate{background-color: #f5f5f1;border: 1px solid #f5f5f1;border-radius: 50%;width: 200px;height: 200px;overflow: visible;position: relative;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.clockpicker-canvas,.clockpicker-dial{width: 200px;height: 200px;position: absolute;left: -1px;top: -1px}.clockpicker-minutes{visibility: hidden}.clockpicker-tick{font-size: 12px;;border-radius: 50%;color: #666;line-height: 26px;text-align: center;width: 26px;height: 26px;position: absolute;cursor: pointer}.clockpicker-tick.active,.clockpicker-tick: hover{background-color: #bcebf3;background-color: rgba(0,149,221,.25)}.clockpicker-button{background-image: none;background-color: #fff;border-width: 1px 0 0;border-top-left-radius: 0;border-top-right-radius: 0;margin: 0;padding: 10px 0}.clockpicker-button: hover{background-image: none;background-color: #ebebeb}.clockpicker-button: focus{outline: 0 !important}.clockpicker-dial{-webkit-transition: -webkit-transform 350ms,opacity 350ms;-moz-transition: -moz-transform 350ms,opacity 350ms;-ms-transition: -ms-transform 350ms,opacity 350ms;-o-transition: -o-transform 350ms,opacity 350ms;transition: transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity: 0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform: scale(.8,.8);-moz-transform: scale(.8,.8);-ms-transform: scale(.8,.8);-o-transform: scale(.8,.8);transform: scale(.8,.8)}.clockpicker-canvas{-webkit-transition: opacity 175ms;-moz-transition: opacity 175ms;-ms-transition: opacity 175ms;-o-transition: opacity 175ms;transition: opacity 175ms}.clockpicker-canvas-out{opacity: .25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke: none;fill: #0095dd}.clockpicker-canvas-bg{stroke: none;fill: #bcebf3}.clockpicker-canvas-bg-trans{fill: rgba(0,149,221,.25)}.clockpicker-canvas line{stroke: #0095dd;stroke-width: 1;stroke-linecap: round}.clockpicker-button.am-button{margin: 1px;padding: 5px;border: 1px solid rgba(0,0,0,.2);border-radius: 4px}.clockpicker-button.pm-button{margin: 1px 1px 1px 136px;padding: 5px;border: 1px solid rgba(0,0,0,.2);border-radius: 4px}

input#FilterMedias {
	padding: 0 1em;
	margin: 0 0 0 1.5em;
	width: calc(100% - 1.5em);
}
#PopUpModifyMedia iframe {
	width: 100%;
	height: 400px;
}
.PreviewPop iframe {
	width: 100%;
}
.InlineBlock {
	display: inline-block;
	vertical-align: middle;
}
ul#SearchType li {
	width: 33.33%;
	height: 70px;
	display: inline-block;
	padding: 0;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
	background: #e5e5e1;
	border: 5px solid #f5f5f1;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul#SearchType li:hover {
	background: #d5d5d1;
}

/* Communication */

.PopUpCommunication {
	height: 400px;
}
.PopUpCommunication ul {
	list-style: none;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	min-height: 55px;
}
.PopUpCommunication .pastilleDate {
	position: inherit;
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	transform: none;
}
.PopUpCommunication .PixArticleTitle b {
	text-shadow: none;
	color: #707070 !important;
	font-weight: 600 !important;
	letter-spacing: 0;
	text-transform: capitalize;
}
.PopUpCommunication .PixArticleTitle {
	letter-spacing: 0;
	font-size: 16px;
	line-height: 16px;
	word-break: break-word;
}
.PopUpCommunication > ul > li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0 !important;
}
.PopUpCommunication > ul > li ul {
	padding: 0.5em 0 0.5em 0.25em;
	border-bottom: 1px solid #e5e5e1;
}
.PopUpCommunication > ul > li ul li {
	margin: 0 !important;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

/* Stat */

.Stat, .Legend {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	margin-bottom: 1em;
}
.Legend ul {
	list-style: none;
	margin: 0;
	background: rgba(255, 255, 255, 0.7);
	word-wrap: break-word;
	font-size: 14px;
	letter-spacing: 0;
	line-height: normal;
	overflow: auto;
	height: 100%;
	border-radius: 0 6px 6px 0;
	padding: 0.5em;
}
.Stat.First + .Legend ul {
	margin: 0 1em 0 0;
}
.Legend span {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.Stat {
	background: #efefeb;
	padding-bottom: 0.5em;
	height: 400px;
}
.Stat canvas {
	max-height: 400px;
}
.Legend li {
	word-break: break-all;
}
div#MapLocation {
	height: 400px;
	margin-top: 1em;
}

.MiniWidth {
	margin-top: 0.75em;
	margin-left: 0;
}

.MiniWidth .InCheck {
	background: #6f6f6f;
	height: 2.65em;
}
.MiniWidth label {
	padding: 0 !important;
}
.PixArticleTitle img {
	float: left;
	margin: 0 1em 0 0;
}

/* Color Picker */

.Colors label {
	padding: 0 !important;
}
input[type="color"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	border: none !important;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
	border-radius: 6px 0 0 6px;
}

/* TagList */

.ListTag {
	display: inline-block;
	background: #f2f2f0;
	border-radius: 20px;
	padding: 2px 5px 2px 10px;
	margin: 0 10px 0 0px;
	font-size: 14px;
	letter-spacing: 0;
}
.RoundTag {
	display: inline-block;
	min-width: 14px;
	min-height: 14px;
	border-radius: 10px;
	margin: 0 0 0 5px;
	background: #fff;
	padding: 0px 5px;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 14px;
	vertical-align: middle;
	cursor: pointer;
}
.RoundTag:hover {
	background: #c5c5c1;
	color: #fff;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2) inset;
}
.ListTag .Close {
	display: inline-block;
	margin: 0 0 0 10px;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	color: #707070;
	line-height: 20px;
	vertical-align: middle;
	cursor: pointer;
}
.ListTag .Close:hover {
	background: #c5c5c1;
	color: #f5f5f1;
}

/* User */

#ManageUser li {
	border-color: #f5f5f1;
	padding: 0.5em 0.2em !important;
}
#ManageUser .labelInline li:nth-child(odd) {
	background: rgba(0,0,0,0.03);
}
#ManageUser .labelInline li:hover {
	background: rgba(0,0,0,0.05) !important;
}

/* Printable */

.Printable tr th {
	background: #707070;
	white-space: pre;
	padding: 10px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: normal;
}

.Printable tr td {
	letter-spacing: normal;
	padding: 5px 3px;
	line-height: normal;
	vertical-align: middle;
	font-size: 14px;
}

.Printable tr td table {
	margin: 0;
}

.Printable tr td table tr {
	border: none;
	background: transparent;
}

.Printable tr td table tr:not(:first-child) {
	border-top: 1px solid;
}

.Printable tr td table tr th {
	background: rgba(0,0,0,0.05);
	color: #707070;
}

table.Printable.HistoricPaid th {
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
}

table.Printable.HistoricPaid table th {
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

tr.Eleve i {
	color: #00bed6;
}

tr.Eleve.Absent i {
	color: orange;
}

div.dt-button-collection {
	position: absolute;
	width: 200px;
	border: none;
	overflow: inherit;
	z-index: 2002;
	box-shadow: none;
	padding: 0 0 5px;
	background: transparent;
}
button.dt-button.buttons-collection:not(.Bottom) + div.dt-button-collection {
	margin: 55px 0 0 0;
	background: #fff;
	border-radius: 0;
}
.Bottom + div.dt-button-collection {
	padding: 0 0 5px 0;
	margin: 0;
}
div.dt-button-collection button.dt-button {
	background: #00bed6;
	background-image: none;
	color: #fff;
	border: none;
	margin: 0;
	box-shadow: none;
	font-size: 12px;
	letter-spacing: 0.225em;
}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
	border: none;
	background-image: none;
}
div.dt-button-collection:not(.Bottom) button.dt-button:first-child {
	border-radius: 6px 6px 0 0;
}
div.dt-button-collection button.dt-button:before, button.dt-button.buttons-collection.buttons-colvis:before, div.dt-button-collection button.dt-button.buttons-columnVisibility.active:not(.disabled):before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1.5em;
	margin-right: 5px;
}
.buttons-csv:before {
	content: "\f0ce";
}
.buttons-pdf:before {
	content: "\f15c";
}
.buttons-print:before {
	content: "\f02f";
}
.buttons-columnVisibility.active:not(.disabled):before {
	content: '\f14a';
	color: #00bed6;
}
button.dt-button.buttons-collection.buttons-colvis:hover:before {
	color: #00bed6;
}
.buttons-columnVisibility:not(.active):before {
	content: '\f0c8';
	color: #dbdbd8;
}
button.dt-button.buttons-collection.buttons-colvis span {
	display: none;
}
button.dt-button.buttons-collection.buttons-colvis {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: none;
	box-shadow: none;
	background-image: none;
	padding: 0;
	margin-right: 0;
	position: absolute;
	left: -25px;
	margin-top: 45px;
	background: #f5f5ef;
}
button.dt-button.buttons-collection.buttons-colvis:before {
	content: "\f0db";
	margin: 0;
}
div.dt-button-collection:not(.Bottom) button:hover.dt-button.buttons-collection.buttons-colvis:before {
	color: #00bed6;
}
div.dt-button-collection button.dt-button.buttons-columnVisibility.active:not(.disabled) {
	background: #fff;
	color: #000;
	letter-spacing: 0;
	box-shadow: none;
	padding: 5px;
	margin: 0;
	line-height: normal;
	height: auto;
	border-radius: 0 0 0 0 !important;
	text-align: left;
}
div.dt-button-collection button.dt-button.buttons-columnVisibility:hover {
	background: rgba(0,0,0,0.06) !important;
	box-shadow: -5px 0px 0px 1px rgba(0,0,0,0.02), 1px 0px 0px 1px rgba(0,0,0,0.02) !important;
}
div.dt-button-collection button.dt-button.buttons-columnVisibility:not(.active):not(.disabled) {
	background: #fff;
	color: #dbdbd8;
	text-align: left;
	letter-spacing: 0;
	box-shadow: none;
	padding: 5px;
	margin: 0;
	line-height: normal;
	height: auto;
}
.dataTables_wrapper .dataTables_filter {
	display: inline-block;
	width: 100%;
	background: #707070;
}
.dataTables_wrapper .dataTables_filter input {
	display: inline-block;
	margin: 10px;
	width: calc(100% - 20px);
	text-align: left;
	color: #707070;
}
span.ControlId {
	display: inline-block;
	font-size: 10px;
	color: #ababa9;
}
.Eleve b {
	font-weight: 600;
}
tr.Eleve {
	border-top-color: #e5e5df !important;
}
.Coordonnees tr {
	border: none !important;
}
.Coordonnees tr td {
	padding: 0 !important;
}

span.SmallButton {
	background: #f2f2f0;
	padding: 5px 10px;
	line-height: normal;
	display: inline-block;
	margin: 5px 0 0;
}
.SmallButton i.fa-edit {
	cursor: pointer;
	padding: 5px;
	border-radius: 15px;
	height: 25px;
	width: 25px;
	font-size: 15px;
}
.SmallButton:hover i.fa-edit {
	background: #707070;
	color: #fff;
}
.Pastille.Processing:before {
	content: url(../../images/Load.svg);
	width: 100% !important;
	height: 100%;
	position: absolute;
	border-radius: 2em;
	left: 0px !important;
	animation: LoadButton linear 2s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: LoadButton linear 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: LoadButton linear 2s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: LoadButton linear 2s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: LoadButton linear 2s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
	box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2) inset;
	top: 0;
	font-family: FontAwesome;
	background: rgba(0, 173, 194, 0.6);
	text-align: center;
	cursor: none;
}

.AddNewCours button.Processing:before {
	width: 30px !important;
	height: 30px;
	left: calc(50% - 15px) !important;
	top: calc(50% - 15px) !important;
}
.AddNewCours button, .AddNewCours button:hover {
	padding: 0;
	box-shadow: -85px 0 0px 0px #edede8;
}

/* SORTING DATE */

h3.SortingTitle {
	padding: 1.5em 1em 1em;
	letter-spacing: 0;
	font-size: 16px;
	margin: 0;
	border-bottom: 10px solid #e5e5df;
	font-weight: 600;
	color: #fff !important;
	position: sticky;
	top: 0;
	background: #00bed8;
	z-index: 1;
}
.SortingLine li {
	min-width: 100%;
	position: relative;
	padding: 5px 0 0px 20px !important;
}
.SortingLine li ul {
	margin: 0 35px 0 0 !important;
}
.SortingLine .BgImgBox, .SortingLine .PixArticleDate, .SortingLine .PixArticleDateEvent {
	display: none;
}
.SortingLine li ul {
	box-shadow: none !important;
	border-bottom: 1px solid #e5e5df;
	margin-left: 120px;
}
.SortingLine .PixArticleTitle ul {
	background: none !important;
	margin: 0;
}
.SortingLine ul li.Lipper:hover {
	box-shadow: 0 0 65px 0 rgba(0,0,0,0.2) inset;
}
.SortingLine li ul li {
	min-width: auto;
	padding: 5px 10px !important;
	width: auto;
}
.SortingLine .PixArticleTitle {
	max-width: 50%;
}
.SortingLine li.PixArticleTitle ul li {
	max-height: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
}
.SortingLine li ul li img.Thumb {
	max-height: 40px;
}
.SortingLine li.Pastille {
	padding: 0 !important;
	line-height: 28px;
}
.SortingLine li ul li:last-child, .SortingLine li ul li.align-right {
	float: right;
}
.SortingLine li.Lipper:before {
	position: absolute;
	right: calc(100% - 120px);
	top: 0;
	left: 0;
	bottom: 0;
	color: #707070;
	font-weight: normal;
	padding: 13px 0 0 20px;
	font-size: 14px;
	border-bottom: 1px solid #e5e5df;
	letter-spacing: normal;
}
.SortingLine.DateSignIn li.Lipper:before, .SortingLine.DateCreate li.Lipper:before {
	content: attr(data-dateclean);
}
.SortingLine.Alpha li.Lipper:before {
	content: attr(data-alpha);
}
@media screen and (max-width: 480px) {

	section#PixContent {
		margin-top: 6em;
	}
	#Header .Carres, #Header .Carres .Carre {
		padding: 0;
		text-align: center;
	}
	#Header .Carres li.Carre:not(:nth-child(1)) {
		position: fixed;
		max-height: 3em;
	}
	#Header .Carres li.Carre:nth-child(2) {
		width: 50%;
		left: 0;
		top: 4em;
	}
	#Header .Carres li.Carre:nth-child(3) {
		width: 50%;
		left: 50%;
		top: 4em;
	}
	#Header .Carres li.Carre:nth-child(4) {
		bottom: 0;
		width: 100%;
		left: 0;
	}
	#Header ul.ExtraMenu {
		padding: 0;
		margin: 0;
		top: 0;
		left: 0;
	}
	#Header ul.ExtraMenu li {
		display: none;
		width: 25%;
		height: 4em;
		line-height: 4em;
		padding: 0 !important;
		position: absolute;
		margin: 0;
		box-shadow: none;
	}
	#Header ul.ExtraMenu li:nth-child(1), #Header ul.ExtraMenu li:nth-child(2) {
		display: block;
		
	}
	#Header ul.ExtraMenu li:nth-child(1) {
		left: 0;
	}
	#Header ul.ExtraMenu li:nth-child(2) {
		right: 0;
	}
	.PopUp {
		padding: 0 1em 0 2.5em !important;
	}
	ul.SubCarre {
		min-width: 230px;
		left: -115px;
		max-height: 25em;
		overflow: auto;
	}
	.Carres .Carre:hover ul.SubCarre:not(.HideMenu) {
		top: 3em !important;
	}
	ul#FilterBox {
		max-height: 5em;
	}
}
.Exif {
	font-size: 10px;
	line-height: normal;
}
.Individuel, .Collectif {
	position: relative;
}
.Individuel > label, .Collectif > label {
	padding-left: 3em !important;
}
.Collectif:before, .Individuel:before {
	content: '\f0c0';
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	font-family: FontAwesome;
	color: #9e9e9e;
	font-size: 1.5em;
}
.Collectif:after, .Individuel:after {
	position: absolute;
	content: attr(data-qte-students);
	top: 25px;
	left: 10px;
	z-index: 4;
	color: #fff;
	font-size: 10px;
	width: 2.5em;
	text-align: center;
	height: 14px;
	line-height: 14px;
}
.Collectif:hover:after, .Individuel:hover:after {
	font-weight: bold;
	transform: scale(2);
}
.Individuel:before {
	content: '\f007';
}
#PixUserRole {
	width: 100%;
}
li[data-user]:before {
	background: #00bdd8 !important;
	content: 'Enregistré : ' attr(data-user);
	padding: 2px 10px 2px 5px;
	font-size: 8px !important;
	border-radius: 0 20px 20px 0;
	line-height: 15px;
	top: 0;
	right: -10px;
}