@charset "utf-8";
/* CSS Document */

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

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

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

:root
	{
	--headerbgcolor:#0e314b;
	--footerbgcolor:#071825;
	--menubgcolor:#0e314b;
	--menubgcolorhover:#0072b0;
	--menucolor:#e0e0e0;
	}

#body	{ font-family:'text',Verdanna, sans-serif; overflow-y:scroll; background-color:#dcdcdc; }

#body header .title-bar	{ background-color:rgba(0,0,0,0.5); }
#body header .title-bar-title	{ font-size:1.25rem; padding-left:0.2rem; }

#body .top-bar ul	{ background-color:transparent; text-transform:uppercase; font-size:0.9rem; }
#body .top-bar ul.submenu	{ background-color:#dfdfdf; min-width:20rem; }
#body .top-bar li>i	{ font-size:1.1rem; }

#content
	{
	background:linear-gradient(to bottom, rgba(220,220,220,1) 5.0rem, rgba(220,220,220,0.2) 15rem); background-position:top; background-attachment:scroll;
	}

#body .centrer	{ max-width:75rem; margin-left:auto; margin-right:auto; }

#topbar	{ background:none; }

#body header	{ background-color:var(--headerbgcolor); color:#dfdfdf; }
#body header .sticky	{ z-index:1003; }
#body header a	{ font-size:1.0rem; }

#body footer	{ background-color:var(--footerbgcolor); color:#dfdfdf; font-size:0.8rem; padding:1rem 0; box-shadow: 0px 0px 5px 0px #151515; }
#body footer .menu li	{ font-size:1.0rem; }
#body footer p	{ font-size:1rem; }
#body footer fieldset.fieldset	{ background-color:#585858; border:1px #353535 solid; }
#body footer fieldset.fieldset>legend	{  background-color:#353535; color:#afafaf; border-radius:6px; padding:0.25rem 0.5rem;; }
#body footer .button.admin			{ background-color:#17486d; }
#body footer .button.admin:hover	{ background-color:#141c23; }
#body footer .panel { background-color:rgba(0,0,0,.5); }
#body footer .panel p { }


#body ul.breadcrumbs li	{ font-family: 'text', Arial, sans-serif; font-size:0.9rem; line-height:1.2rem; }

#body .menu li	{ font-family: 'text', Arial, sans-serif; text-transform:uppercase; }
#body .menu>li>a	{ border-radius:4px; }
#body .menu>li>a:hover	{ color:#FFFFFF; background-color:rgba(0,0,0,0.5); }

#offCanvasLeft	{ background-color:#a0a0a0; }
#offCanvasLeft ul.menu ul	{ background-color:rgba(0,0,0,.15); margin:0; margin-left:1rem; border-left:1px rgba(255,255,255,0.2) solid; }
#offCanvasLeft ul.menu li	{ list-style:none; text-transform:uppercase; font-size:0.9rem; }
#offCanvasLeft ul.menu li.is-submenu-parent-item	{ background-color:rgba(255,255,255,0.2); }
#offCanvasLeft ul.menu li a			{ color:#e0e0e0; }
#offCanvasLeft ul.menu li a:hover	{ color:#ffffff; background-color:rgba(0,0,0,.30); }

#body h1, #body h2, #body h3, #body h4, #body h5, #body h6	{ text-transform:uppercase; font-family:'title',Arial,sans-serif; font-weight:700; line-height:1; margin-bottom:1.0rem; }

#body h1	{ font-size:2.5rem; }
#body h2	{ font-size:1.5rem; font-weight:400; }
#body h3	{ font-size:1.25rem; font-weight:400; }
#body h4	{ font-size:1.0rem; }

#body .orange { color:#f15a29; }

#content p						{ color:#454545; font-size:1.0rem; line-height:1.1rem; }
#content .head, #body .head p	{ color:#252525; font-size:1.2rem; line-height:1.6rem; font-family: 'text', Arial, sans-serif; font-weight:bold; }
#content .head, #body .bloc	{ margin-bottom:1.5rem; }
#content .centrer	{ padding:0 0 2rem 0; }

#body .panel
	{
	padding:1.0rem; margin:1.0rem 0rem 0rem 0rem;
	background-color:rgba(255,255,255,0.8);
	border-radius:8px;
	}
#body .panel.shadow	{ box-shadow: 0px 0px 16px 0px #151515; }
#body .panel h2		{ margin-bottom:1rem; }

#body .callout.success	{ background-color:#cdebb0; color:#454545; }
#body .callout.alert	{ background-color:#fba0a0; color:#610202; }
#body .callout.warning	{ background-color:#fff3d9; color:#454545; }

#body #bandeau	{ min-height:15rem;width:100%; background-size: cover;background-position: bottom; background-color:#dae1e8; }
#body #bandeau p	{ color:#0f4d95; font-size:1.5rem; line-height:1; margin-top:1.5rem; font-family: 'Roboto', Arial, sans-serif; text-transform:uppercase; text-shadow:#FFFFFF 0 0 5px; }

#body .grey		{ color:#888; }
#body .red		{ color:#D11; }
#body .green	{ color:#057505; }

#body .button		{ color:rgba(255,255,255,.7); font-family: 'Title', Arial, sans-serif; text-transform:uppercase; font-size:0.9rem; line-height:1.1; }
#body .button:hover	{ color:#ffffff; }

#body .button.admin	{ background-color:#f15a29; }
#body .button.admin:hover	{ background-color:#803016; }

#body .button.primary			{ background-color:#606060; }
#body .button.primary:hover		{ background-color:#303030; }
#body .button.secondary			{ background-color:#e9e9e9; color:#454545; }
#body .button.secondary:hover	{ background-color:#505050; color:#ffffff; }

#body .pagination	{ margin:0; }
#body .pagination .current { padding:0; background:#404040; }
#body .pagination .current>a	{ color:#ffffff; }

#body .button>i	{ font-size:1rem; }

#body .handler	{ background:url(engine/handler.png); }

#body .breadcrumbs	{ margin:0; padding:1.25rem 1.0rem 1.0rem 1.0rem; }

#body .is-dropdown-submenu	{ border:1px #0e314b solid; margin:0; }
#body .is-dropdown-submenu li	{ list-style:none; }
#body .is-dropdown-submenu li>a			{ color:#151515; }
#body .is-dropdown-submenu li>a:hover	{ color:#ffffff; background-color:#0072b0; }


#body [data-pointer]	{ cursor:pointer; }

.reveal-modal,
.reveal-modal-bg {
        position: fixed;
        overflow: scroll;
}

#body i.ico	{ font-size:1.5rem; }

#body .is-at-top	{ margin-top:0!important; }

#body .clearfix	{ height:0; line-height:0; float:none; clear:both; }

#AjaxModal		{  }
#AjaxModal .callout	{ background-color:rgba(0,0,0,.2); border-color:#cfcfcf; }
#AjaxModal .callout[data-pointer]:hover	{ background-color:rgba(0,0,0,.5); }
#AjaxModal .callout.bloc	{ background-color:rgba(0,0,0,0.2); border:1px #888888 solid; padding:0; margin:0 0 0.5rem 0; }
#AjaxModal .callout.bloc .title	{ background-color:rgba(0,0,0,0.5); color:#efefef; }
#AjaxModal .callout.bloc .title a		{ color:#cfcfcf; }
#AjaxModal .callout.bloc .title a:hover	{ color:#ffffff; }

#AjaxModal .fieldset	{ padding:0.25rem 0.5rem 0.5rem 0.5rem; margin:0; margin-bottom:0.5rem; border-color:rgba(0,0,0,0.1); border-radius:5px; }
#AjaxModal .fieldset legend	{ background-color:transparent; font-size:0.8rem; color:#666; }
#AjaxModal .fieldset input, #body .fieldset textarea, #body .fieldset .switch { margin:0 0 0 0; }
#AjaxModal .close-button	{ top:0; }

#AjaxModal	{ padding:0rem; outline:none; border:3px #454545 solid; background-color:#e5e5e5; border-radius:8px; }
#AjaxModal>.content	{ padding:0.5rem; }
#AjaxModal>h2	{ font-size:1.25rem; background-color:#252525; color:#FFF; border:none; padding:0.35rem 1rem; margin:0; }
#AjaxModal.admin	{ background-color:#eab9b9; border-color:#b7270d; }
#AjaxModal.admin>h2	{ background-color:#D20; }
#AjaxModal>.close-button	{ color:#FFF; }
#AjaxModal form>.callout, #AjaxModal .callout>form	{ background-color:#36546933; border-color:rgba(90,144,182,0.2); }

#AjaxModal .badge	{ background-color:#65ad2c; border-radius:8px; padding:0.2rem 0.33rem 0.1rem 0.33rem; line-height:0.9rem; }

#autocompletelist		{ background-color:#efefef; box-shadow: 0px 0px 10px -2px #656565; border:1px #b5b5b5 solid; z-index:1050; position:fixed; display:none; min-height:2rem; }
#autocompletelist>li	{ min-width:30rem; max-width:80%; text-transform:none!important; }
#autocompletelist>li>a,#autocompletelist>li>span { font-size:1rem; padding:0.75rem 0.5rem; }


/* TABS */
#body ul.tabs	{ border:none; }
#body ul.tabs>li>a	{ font-family:'title'; text-transform:uppercase; outline:none;  }
#body ul.tabs>li.is-active>a	{ background-color:#ffffff; }
#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 .tabs-content	{ border:none; border-radius:8px; }
#body .tabs-content>.tabs-panel	{ padding:0.5rem; }
#body ul.tabs	{ padding:0.5rem 0 0 0.5rem; border:none; background:none; } 
#body ul.tabs .tabs-title	{ text-transform:uppercase; font-size:0.9rem; }
#body ul.tabs .tabs-title>a
	{
	padding:0.4rem 0.7rem 0.3rem 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, #a2a2a299 0%,#ffffff88 40%);
	border-top-left-radius:8px; border-top-right-radius:8px; border-bottom:none;
	}
#body ul.tabs .tabs-title>a:hover	{ background-color:rgba(255,255,255,0.9); color:#000000; }
#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;  }


#body ul.ui-autocomplete.ui-menu { z-index: 1511; position:fixed; }

#body .Sortable li	{ list-style:none; }
#body .Sortable li table	{ margin:0; margin-bottom:5px; }
#body .Sortable li .handler	{ background-color:#CFCFCF; cursor:pointer; }

#body .pointer	{ cursor:pointer; }

#body .sitemap>li>ul>li>a	{ font-size:0.9rem; color:#999; }

#body a.button			{ color:#FFFFFF; }

#body .list>.callout	{ margin-bottom:0.5rem; }

#body .caps	{ text-transform:uppercase; font-family: 'text', Arial, sans-serif; }

#body .pa0	{ padding:0.0rem!important; }
#body .pa2	{ padding:0.25rem!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 .pat0		{ padding-top:0.0rem!important; }
#body .pat2		{ padding-top:0.25rem!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 .pab0		{ padding-bottom:0.0rem!important; }
#body .pab2		{ padding-bottom:0.25rem!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 .ma0	{ margin:0.0rem!important; }
#body .ma2	{ margin:0.25rem!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 .mat0		{ margin-top:0.0rem!important; }
#body .mat5		{ margin-top:0.5rem!important; }
#body .mat2		{ margin-top:0.25rem!important; }
#body .mat10	{ margin-top:1.0rem!important; }
#body .mat15	{ margin-top:1.5rem!important; }
#body .mat20	{ margin-top:2.0rem!important; }
#body .mab0		{ margin-bottom:0.0rem!important; }
#body .mab2		{ margin-bottom:0.25rem!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 .debug	{ font-family:Arial; font-size:10px; margin-bottom:.5rem; background-color:#dfdfdf; min-height:1rem; padding:4px 8px; line-height:1; }

#body .genre0	{ color:#444444; }
#body .genre1	{ color:#3E7CFF; }
#body .genre2	{ color:#EA0075; }

#body .label	{ font-family:'title'; font-size:1rem; margin:2px; }
#body .label.grey	{ background-color:#d6d6d6; color:#656565; }
#body .label.genre0	{ background-color:#444444; color:#ffffff; }
#body .label.genre1	{ background-color:#3E7CFF; color:#ffffff; }
#body .label.genre2	{ background-color:#EA0075; color:#ffffff; }

#body span.tiny,#body p.tiny,#body .tiny		{ font-size:60%; line-height:130%; }
#body span.small,#body p.small,#body .small		{ font-size:80%; line-height:130%; }
#body span.medium,#body p.medium,#body .medium	{ font-size:90%; line-height:120%; }

#body div[data-original]	{ background-size:cover; background-position:center; }

#body .sticky.is-anchored	{ position:fixed; }

#body [data-marquee]	{ display:none; }
#body .marquee	{ white-space: nowrap; overflow: hidden; box-sizing: border-box; }
#body .marquee>p	{ font-size:1.25rem; text-transform:uppercase; font-family:'title',sans-serif; display:inline-block; margin:0; padding-left:100%; animation: marquee 25s linear infinite; }
@keyframes marquee
	{
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
	}