
@font-face
	{
	font-family:'title'; font-style:normal; font-weight:400;
	src:url('fonts/Roboto-Condensed.ttf') format('ttf');
	src:url('fonts/Roboto-Condensed.eot') format('eot');
	src:url('fonts/Roboto-Condensed.svg') format('svg');
	src:url('fonts/Roboto-Condensed.woff') format('woff');
	}

@font-face
	{
	font-family:'title'; font-style:bold; font-weight:700;
	src:url('fonts/Roboto-Condensed-Bold.ttf') format('ttf');
	src:url('fonts/Roboto-Condensed-Bold.eot') format('eot');
	src:url('fonts/Roboto-Condensed-Bold.svg') format('svg');
	src:url('fonts/Roboto-Condensed-Bold.woff') format('woff');
	}

@font-face
	{
	font-family:'text'; font-style:normal; font-weight:400;
	src:url('fonts/OpenSans-Regular.ttf') format('ttf');
	src:url('fonts/OpenSans-Regular.eot') format('eot');
	src:url('fonts/OpenSans-Regular.svg') format('svg');
	src:url('fonts/OpenSans-Regular.woff') format('woff');
	}

html { overflow-y: scroll; }

#body	{ font-family:'text'; background-color:#cfcfcf; }

#body *	{ outline: none; }

#body h1,#body h2,#body h3,#body h4,#body h5,#body h6	{ font-family:'title'; font-weight:700; }

#body h1	{ font-size:1.7rem; text-transform:uppercase; padding:0.5rem; color:#f5a23c; }
#body h2	{ font-size:1.4rem; text-transform:uppercase; padding:0.5rem; }
#body h3	{ font-size:1.0rem; text-transform:uppercase; padding:0.5rem; }
#body h4	{ font-size:0.9rem; text-transform:uppercase; padding:0.5rem; }

#body .panel	{ background-color:rgba(255,255,255,.65); margin:1rem 0 0 0; }
#body .panel>.title	{ font-size:1.25rem; text-transform:uppercase; margin:0; padding:0.3rem 0.75rem; background-color:rgba(255,255,255,.50); }

#body p	{ font-size:1.0rem; line-height:1.25; }

#body .sticky	{ box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); }

#body .top-bar	{ padding:0; }
#body .top-bar,#body .top-bar ul	{ background-color:#505050; }
#body .top-bar .menu>li		{ font-family:'title'; font-weight:400; }
#body .top-bar .menu>li>a		{ color:#dfdfdf; }
#body .top-bar .menu>li>a:hover	{ color:#ffffff; background-color:rgba(0,0,0,0.60); }
#body .top-bar ul.submenu	{ background-color:#454545; border-color:#454545; }

#body .top-bar .submenu>li>span	{ background-color:#353535; color:#aaaaaa; display:block; padding:0.5rem 1rem; }


#body .fieldset	{ margin:0 0 1rem 0; padding:0.75rem 0.5rem 0.5rem 0.5rem; background-color:rgba(0,0,0,.02); }
#body .fieldset>legend	{ font-size:0.70rem; font-family:title; text-transform:uppercase; font-weight:400; line-height:0.9; color:#757575; }
#body .fieldset input, #body .fieldset textarea, #body .fieldset select	{ margin-bottom:0.85rem; }

#body input[type=color]	{ padding:0; }

#body div.lazy	{ background-size: cover; }

#body p.flashnotif	{ display:none; }
#body #notifs	{ position: fixed; bottom:0px; right:40px; z-index:9999; max-width:40%; min-width:30%; }
#body #notifs p	{ font-size:0.75rem; padding:0.25rem 0.5rem; margin:0 0 1px 0; }

#body [data-pointer]	{ cursor:pointer; }
#body [data-pointer]:hover	{ background-color:rgba(0,0,0,0.1); }

#body .list>.callout		{ margin:0 2px 2px 2px; padding:0.5rem; }
#body .list>.callout:hover	{ background-color:#f0f0f0; }


#AjaxModal	{ padding:0px; }
#AjaxModal>h2	{ font-size:1.0rem; text-transform:uppercase; padding:0.5rem 0.5rem; margin:0; background-color:rgba(0,0,0,0.1); color:#252525; }
#AjaxModal.full
	{
	background: rgb(176,176,176);
	background: linear-gradient(0deg, rgba(176,176,176,1) 0%, rgba(235,235,235,1) 30%);
	}
#AjaxModal .close-button { top:0.25rem; }
	
/* TABS */
#body ul.tabs	{ border:none; }
#body ul.tabs>li>a	{ font-family:'title'; text-transform:uppercase; }
#body ul.tabs>li.is-active>a	{ background-color:#FFF; }
#body ul.tabs>li>a	{ font-size:1.0rem; line-height:1.5rem; }
#body ul.tabs>li>a>.title			{ display:none; }
#body ul.tabs>li.is-active>a>.title	{ display:inline; }

#body ul.tabs	{ padding:0.5rem 0 0 0.5rem; border:none; background: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.2) 100%); } 
#body ul.tabs .tabs-title	{ text-transform:uppercase; font-size:0.9rem; }
#body ul.tabs .tabs-title>a
	{
	padding:0.5rem 0.7rem; margin-right:0.7rem; display:flex; align-items:center;
	font-size:1.0rem; line-height:1.2rem; text-transform:uppercase; color:#606060; min-height:2.3rem;
	background:linear-gradient(to top, rgba(225,225,225,0.2) 0%,rgba(225,225,225,0.8) 60%); border:1px rgba(128,128,128,0.25) solid;
	border-top-left-radius:8px; border-top-right-radius:8px; border-bottom:none;
	}
#body ul.tabs .tabs-title>a>i { margin-right:0.25rem; }
#body ul.tabs .tabs-title>a>.badge	{ padding-top:0; padding-bottom:0; }
#body ul.tabs .tabs-title.is-active a	{ background:#FFF; color:#333;border:1px #e5e5e5 solid; border-bottom:none;  }

#body ul.list { margin:0; }
#body ul.list>li { list-style:none; }
#body ul.list>li .handle	{ cursor:grab; }

#body .menu>li	{ text-transform:uppercase; font-family:'title'; }
#body .menu>li>a:hover { background-color:rgba(0,0,0,0.1); }

#body .is-dropdown-submenu	{ min-width:20rem; }
#body .sticky .is-dropdown-submenu	{ min-width:12rem; }

#body .button	{ text-transform:uppercase; font-family:'title'; }
#body .button.success		{ color:#f0f0f0; }
#body .button.success:hover	{ color:#ffffff; }
#body .button.success.hollow		{ color:#5da423; background-color:#ddfddd; }
#body .button.success.hollow:hover	{ color:#2f5212; }
#body .button.secondary			{ color:#888888; }
#body .button.secondary:hover	{ color:#151515; }

#body .caps		{ text-transform:uppercase; font-family:'title'; }
#body .small	{ font-size:80%; line-height:1.2; }
#body .medium	{ font-size:90%; line-height:1.1; }
#body .grey		{ color:#888888; }

#body .debug, #body .error	{ font-family:Courier,monospace; text-transform:none; font-size:0.8rem; color:#555555; background-color:#f5f5f5; margin:0; padding:0.25rem; margin-bottom:2px; }
#body .debug	{ color:#555555; background-color:#f5f5f5; }
#body .error	{ color:#880000; background-color:#ffeeee; }

#body a.active		{ color:#5da423; }
#body a.inactive	{ color:#cfcfcf; }

#body a.button.active	{ background-color:#5da423; color:#ffffff; }
#body a.button.inactive	{ background-color:#cfcfcf; color:#353535; }

#body ul.breadcrumbs	{ margin:0.7rem 0; padding:0.2rem 1rem; display:flex; align-items:center; background-color:rgba(255,255,255,0.5); border-radius:8px; }
#body ul.breadcrumbs>li	{ font-family:'title'; font-style:normal; font-weight:400; }
#body ul.breadcrumbs>li i { font-size:1.0rem; }

#body .sticky	{ z-index:998; }
#body .title-bar-title	{ text-transform:uppercase; }

#body .off-canvas ul.is-accordion-submenu	{ background-color:rgba(0,0,0,0.05); }
#body .off-canvas ul.is-accordion-submenu>li>a	{ padding-left:1.5rem; font-size:90%; }

#body label.switch-paddle>span	{ font-family:'title'; text-transform:uppercase; font-size:0.9rem; }
#body label.switch-paddle>span.switch-active { left:12%; color:#ffffff; }
#body label.switch-paddle>span.switch-inactive { right:8%; color:#888888; }

.dropZone	{ background-color:#fdfccbaa; }

#body ul.pagination	{ margin:0.5rem 0 0.25rem 0.5rem; clear:both; float:none; }
#body ul.pagination li	{ min-height:1.8rem; font-size:0.7rem; line-height:1.25rem; display:inline-block; width:2.25rem; margin-right:0.5rem; padding:0; text-align:center; font-family:'title'; }
#body ul.pagination li>a			{ background-color:rgba(0,0,0,0.1); }
#body ul.pagination li>a:hover	{ background-color:rgba(0,0,0,0.75); color:#ffffff; }
#body ul.pagination li.current	{ background-color:rgba(0,0,0,0.50); color:#ffffff; font-family:'title'; font-weight:700; }
#body ul.pagination li.current>a	{ color:#FFF; }
#body ul.pagination li.disabled	{ background-color:rgba(255,255,255,0.5); color:#888888; }
#body ul.pagination li.disabled, #body ul.pagination li>a	{ padding:0.35rem 0rem; }

#overInfos	{ z-index:997; position:fixed; width:360px; min-height:160px; border-radius:6px; background-color:rgba(255,255,255,1); left:-10000px; box-shadow: 0px 0px 12px -4px #000; }

#trumbowyg-icons	{ display:none; }

ul#autocompletelist	{ background-color:#efefef; box-shadow: 0px 0px 10px -2px #656565; border:1px #b5b5b5 solid; z-index:1; }
ul#autocompletelist>li>a,ul#autocompletelist>li>span { font-size:0.8rem; padding:0.5rem 0.5rem; }

#body .ma0	{ margin:0.0rem!important; }
#body .ma2	{ margin:0.2rem!important; }
#body .ma5	{ margin:0.5rem!important; }
#body .ma10	{ margin:1.0rem!important; }
#body .ma15	{ margin:1.5rem!important; }
#body .ma20	{ margin:2.0rem!important; }

#body .mab0		{ margin-bottom:0rem!important; }
#body .mab2		{ margin-bottom:0.2rem!important; }
#body .mab5		{ margin-bottom:0.5rem!important; }
#body .mab10	{ margin-bottom:1.0rem!important; }
#body .mab15	{ margin-bottom:1.5rem!important; }
#body .mab20	{ margin-bottom:2.0rem!important; }

#body .mat0		{ margin-top:0rem!important; }
#body .mat2		{ margin-top:0.2rem!important; }
#body .mat5		{ margin-top:0.5rem!important; }
#body .mat10	{ margin-top:1.0rem!important; }
#body .mat15	{ margin-top:1.5rem!important; }
#body .mat20	{ margin-top:2.0rem!important; }

#body .pa0	{ padding:0.0rem!important; }
#body .pa2	{ padding:0.2rem!important; }
#body .pa5	{ padding:0.5rem!important; }
#body .pa10	{ padding:1.0rem!important; }
#body .pa15	{ padding:1.5rem!important; }
#body .pa20	{ padding:2.0rem!important; }

#body .pab2		{ padding-bottom:0.2rem!important; }
#body .pab5		{ padding-bottom:0.5rem!important; }
#body .pab10	{ padding-bottom:1.0rem!important; }
#body .pab15	{ padding-bottom:1.5rem!important; }
#body .pab20	{ padding-bottom:2.0rem!important; }

#body .pat2		{ padding-top:0.2rem!important; }
#body .pat5		{ padding-top:0.5rem!important; }
#body .pat10	{ padding-top:1.0rem!important; }
#body .pat15	{ padding-top:1.5rem!important; }
#body .pat20	{ padding-top:2.0rem!important; }

#body .ico	{ font-size:1.5rem; line-height:1; }
#body .red		{ color:#880000; }
#body .orange	{ color:#d28625; }
#body .green	{ color:#008800; }
#body .pointer	{ cursor:pointer; }


#content	{ padding-bottom:3rem; }

#footer	{ background-color:#333333; color:#8a8a8a; bottom:0px; position:fixed; min-width:100%; max-width:100%; padding:0.5rem; }

/* Small */
@media only screen and (max-width: 40em)
	{
	}

/* Medium */
@media only screen and (min-width: 40.063em) and (max-width: 64em)
	{
	}


/* Large */
@media only screen and (min-width: 64.063em)
	{
	#content>.row, #footer>.row	{ min-width:90%; max-width:90%; } 
	#body .top-bar>.row	{ min-width:90%; max-width:90%; margin:0 auto; }
	}

/* Not small */
@media only screen and (max-width: 63.99em)
	{
	}

/* Not large */
@media only screen and (max-width: 63.99em)
	{
	}

